[hidden]{display:none!important}
:root{
  --bg:#FFFFFF; --bg2:#F6F6F7; --panel:#FFFFFF; --panel2:#F1F1F1;
  --text:#213547; --muted:#476582; --dim:#7C8594; --line:rgba(165,181,220,.14);
  --accent:#42B883; --accent2:#42D392; --accentSoft:rgba(66,184,131,.12);
  --radius:24px; --radiusSm:14px; --shadow:0 30px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
::selection{background:rgba(66,184,131,.28);color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 85% 8%,rgba(66,184,131,.045),transparent 28%),radial-gradient(circle at 10% 75%,rgba(66,211,146,.035),transparent 30%)}

html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 48px));margin-inline:auto}
.skipLink{position:fixed;top:12px;left:12px;z-index:999;transform:translateY(-160%);background:var(--accent);color:#FFFFFF;padding:10px 14px;border-radius:10px;font-weight:800}.skipLink:focus{transform:none}:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.accentText{color:var(--accent);background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-weight:800;margin-bottom:18px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid var(--accent);border-radius:12px;background:var(--accent);color:#FFFFFF;font-weight:800;font-size:14px;transition:transform .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.button svg,.textLink svg,.cardLink svg,.audienceCard b svg{width:19px;height:19px}.button:hover{transform:translateY(-2px);background:#33A06F}.buttonGhost{background:transparent;color:var(--text);border-color:var(--line)}.buttonGhost:hover{border-color:rgba(66,184,131,.45);background:var(--accentSoft)}.buttonSmall{min-height:40px;padding:0 16px;font-size:13px}
.textLink{display:inline-flex;gap:8px;align-items:center;color:var(--accent);font-weight:750;margin-top:24px}.textLink:hover{text-decoration:underline;text-underline-offset:4px}
.siteHeader{position:sticky;top:0;z-index:100;background:rgba(7,10,18,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.headerInner{height:74px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800}.logoWord{font-size:19px;letter-spacing:-.04em}.logoWord span{color:var(--accent)}
.desktopNav{display:flex;gap:28px;margin-left:auto;margin-right:30px}.desktopNav a,.navExternal{font-size:13px;color:var(--muted);font-weight:650;transition:color .2s}.desktopNav a:hover,.desktopNav a.active,.navExternal:hover{color:var(--text)}.desktopNav a.active{position:relative}.desktopNav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-27px;height:2px;background:var(--accent)}.headerActions{display:flex;align-items:center;gap:16px}.menuButton{display:none;width:42px;height:42px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:10px;padding:9px}.menuButton svg{width:100%;height:100%}.mobileNav{display:none}
.hero{position:relative;overflow:hidden;padding:88px 0 0;min-height:calc(100vh - 74px)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 75%);pointer-events:none}.heroGlow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(66,184,131,.18),transparent 44%),radial-gradient(circle at 68% 64%,rgba(66,211,146,.14),transparent 50%);right:-180px;top:-220px;pointer-events:none}.heroGrid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;position:relative;z-index:1}.heroCopy{padding-bottom:50px}.heroBadge{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--muted);border:1px solid var(--line);padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.02)}.heroBadge span{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent)}.hero h1{font-size:clamp(58px,6.4vw,94px);line-height:.92;letter-spacing:-.065em;margin:26px 0 28px;font-weight:760}.hero h1 em{font-style:normal;color:var(--accent);background:linear-gradient(100deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.heroLead{font-size:19px;line-height:1.65;color:var(--muted);max-width:620px}.heroButtons{display:flex;gap:12px;margin-top:32px}.heroFine{font-size:12px;color:var(--dim);margin-top:18px}.trustStrip{height:82px;display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:10px;font-weight:800;letter-spacing:.15em;border-top:1px solid var(--line);margin-top:70px}.trustStrip i{width:4px;height:4px;border-radius:50%;background:rgba(66,184,131,.5)}
.flightVisual{position:relative;min-height:570px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(18,28,52,.85),rgba(7,10,18,.72));box-shadow:var(--shadow);overflow:hidden;color:var(--accent)}.visualGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,184,131,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(66,184,131,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black,transparent 72%)}.flightVisual:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(66,184,131,.12);border-radius:50%;left:50%;top:51%;transform:translate(-50%,-50%);box-shadow:0 0 0 52px rgba(66,184,131,.018),0 0 0 104px rgba(66,184,131,.012)}.droneSvg{position:absolute;inset:88px 35px 65px;width:calc(100% - 70px);height:calc(100% - 153px);z-index:2}.hudTop,.visualFooter{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.14em;z-index:4}.hudTop{top:22px;color:var(--muted)}.visualFooter{bottom:20px;color:var(--dim);border-top:1px solid var(--line);padding-top:14px}.liveDot{color:var(--accent)}.liveDot:before{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:7px;box-shadow:0 0 10px var(--accent)}.hudMetric{position:absolute;z-index:4;width:110px;background:rgba(7,12,24,.74);border:1px solid var(--line);border-radius:12px;padding:12px;backdrop-filter:blur(10px)}.hudMetric small{display:block;font-size:9px;letter-spacing:.14em;color:var(--dim);font-weight:800}.hudMetric strong{display:block;font-size:17px;margin:2px 0 8px;color:var(--text)}.hudMetric>span{display:block;height:2px;background:rgba(255,255,255,.08)}.hudMetric>span i{display:block;height:100%;background:var(--accent)}.metricA{top:102px;left:20px}.metricB{top:101px;right:20px}.metricC{bottom:78px;right:20px}.meter61{width:61%}.meter47{width:47%}.meter82{width:82%}
.section{padding:120px 0}.sectionTint{background:var(--bg2);border-block:1px solid rgba(255,255,255,.035)}.sectionTitle{max-width:760px;margin-bottom:54px}.sectionTitleCenter{text-align:center;margin-inline:auto}.sectionTitle h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.055em;line-height:1.02;margin:0;font-weight:720}.sectionTitle p{font-size:17px;color:var(--muted);line-height:1.7;max-width:690px;margin:22px 0 0}.sectionTitleCenter p{margin-inline:auto}
.platformCards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.platformCard{display:flex;flex-direction:column;min-height:380px;border:1px solid var(--line);border-radius:22px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:transform .25s,border-color .25s,background .25s}.platformCard:hover{transform:translateY(-5px);border-color:rgba(66,184,131,.32);background:linear-gradient(180deg,rgba(66,184,131,.06),rgba(255,255,255,.008))}.cardNum{font-size:11px;color:var(--accent);font-weight:800;letter-spacing:.16em}.platformCard h3{font-size:28px;letter-spacing:-.035em;margin:52px 0 15px}.platformCard p{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.cardLink{margin-top:auto;padding-top:28px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:800;border-top:1px solid var(--line)}
.splitSection{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.checkRows{display:grid;gap:0;margin-top:28px}.checkRows>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);color:var(--muted)}.checkRows svg{width:20px;height:20px;color:var(--accent)}.brandBoards{position:relative}.boardVisual{position:relative;border:1px solid var(--line);background:radial-gradient(circle at 55% 45%,rgba(66,184,131,.07),transparent 48%),#F6F6F7;border-radius:26px;overflow:hidden;padding:18px;color:var(--accent);box-shadow:var(--shadow)}.boardVisual svg{width:100%;display:block}.boardHalo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(66,184,131,.045),transparent 60%)}.boardLabel{position:absolute;left:24px;right:24px;bottom:18px;display:flex;justify-content:space-between;align-items:end;color:var(--text)}.boardLabel span{font-weight:800;font-size:13px}.boardLabel small{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.brandTransform{position:absolute;right:-18px;bottom:-35px;background:#F6F6F7;color:#F6F6F7;border-radius:18px;padding:20px 24px;box-shadow:0 24px 60px rgba(0,0,0,.4);min-width:220px;transform:rotate(-3deg)}.brandTransform span{font-size:8px;letter-spacing:.17em;font-weight:900;color:#476582}.brandTransform strong{display:block;font-size:25px;letter-spacing:-.04em;margin:7px 0 0}.brandTransform strong i{font-style:normal;color:#42B883}.brandTransform small{font-size:10px;color:#476582}
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin-top:70px}.flow>div{min-height:160px;border:1px solid var(--line);border-radius:18px;padding:20px;background:rgba(255,255,255,.015)}.flow>div b{font-size:10px;color:var(--accent);letter-spacing:.12em}.flow>div strong{display:block;margin-top:38px;font-size:18px}.flow>div span{display:block;color:var(--dim);font-size:11px;margin-top:4px}.flow>i{font-style:normal;color:var(--dim);padding:0 8px}
.appSection{overflow:hidden;background:radial-gradient(circle at 20% 50%,rgba(66,184,131,.07),transparent 30%)}.appSplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.phoneWrap{display:grid;place-items:center;perspective:1000px}.phone{width:320px;border:8px solid #D9D9DD;border-radius:44px;background:#F6F6F7;min-height:640px;padding:18px 16px 14px;box-shadow:0 50px 100px rgba(0,0,0,.45);position:relative;overflow:hidden}.phone:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 24%)}.phoneTop{display:flex;justify-content:space-between;color:#7C8594;font-size:9px;padding:0 6px 12px}.phoneTop i{width:48px;height:13px;border-radius:99px;background:#1B1B1F;position:absolute;left:50%;top:14px;transform:translateX(-50%)}.appBar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 2px 15px}.appBar strong{font-size:16px}.appBar strong span{color:var(--accent)}.connection{font-size:7px;font-weight:800;letter-spacing:.12em;color:var(--accent)}.connection i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:5px}.appDrone{padding:18px 2px}.appDrone span{display:block;font-size:13px;font-weight:800}.appDrone small{color:var(--dim);font-size:8px}.telemetryGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.telemetryGrid>div{border:1px solid var(--line);border-radius:12px;padding:11px;background:rgba(255,255,255,.018)}.telemetryGrid small{font-size:7px;color:var(--dim);letter-spacing:.12em;font-weight:800}.telemetryGrid strong{display:block;font-size:20px;margin-top:3px}.telemetryGrid strong span{font-size:8px;color:var(--dim);margin-left:3px}.horizon{height:110px;border:1px solid var(--line);border-radius:14px;margin-top:9px;position:relative;overflow:hidden;background:linear-gradient(#EDEEF0 0 50%,#F6F6F7 50%)}.horizonLine{position:absolute;left:34px;right:34px;top:54px;border-top:1px solid var(--accent);transform:rotate(-2deg)}.horizonLine:after{content:"";position:absolute;left:50%;top:-8px;height:16px;border-left:1px solid var(--accent)}.horizon span{position:absolute;bottom:8px;left:10px;font-size:7px;letter-spacing:.13em;color:var(--accent);font-weight:800}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 3px}.joystick{width:75px;height:75px;border:1px solid var(--line);border-radius:50%;position:relative}.joystick:before,.joystick:after{content:"";position:absolute;background:var(--line)}.joystick:before{left:50%;top:10px;bottom:10px;width:1px}.joystick:after{top:50%;left:10px;right:10px;height:1px}.joystick i{position:absolute;width:26px;height:26px;background:rgba(66,184,131,.12);border:1px solid var(--accent);border-radius:50%;left:24px;top:24px}.controls .mockButton{border:1px solid rgba(66,184,131,.4);background:var(--accentSoft);color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.1em;padding:12px 9px;border-radius:10px}.appTabs{position:absolute;left:15px;right:15px;bottom:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:13px 8px 3px;color:var(--dim);font-size:7px;font-weight:800}.appTabs .selected{color:var(--accent)}.featurePills{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 30px}.featurePills span,.partnerBenefits span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:11px;color:var(--muted);background:rgba(255,255,255,.018)}
.audienceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.audienceCard{border:1px solid var(--line);border-radius:20px;padding:28px;min-height:330px;display:flex;flex-direction:column;background:rgba(255,255,255,.015);transition:.25s}.audienceCard:hover{border-color:rgba(66,184,131,.35);transform:translateY(-4px)}.audienceCard>span{font-size:9px;letter-spacing:.15em;color:var(--accent);font-weight:850}.audienceCard h3{font-size:28px;letter-spacing:-.04em;margin:44px 0 12px;line-height:1.08}.audienceCard p{font-size:13px;line-height:1.7;color:var(--muted)}.audienceCard b{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}
.openSection{background:#213547;color:#F6F6F7}.openGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.openSection .eyebrow{color:#42B883}.openSection h2{font-size:clamp(50px,6vw,78px);letter-spacing:-.06em;line-height:.95;margin:0}.openSection h2 span{color:#168767}.openCopy>p{font-size:18px;line-height:1.7;color:#65758B;margin-top:0}.permissionGrid{display:grid;grid-template-columns:1fr 1fr;margin:35px 0}.permissionGrid div{display:flex;gap:10px;align-items:center;border-bottom:1px solid rgba(0,0,0,.09);padding:13px 0;font-weight:750;font-size:13px}.permissionGrid svg{width:19px;height:19px;color:#168767}.openNote{font-size:12px!important;color:#476582!important}
.poweredSection{padding:120px 0;background:linear-gradient(135deg,#F6F6F7,#FFFFFF)}.poweredInner{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.poweredInner h2{font-size:clamp(45px,5vw,67px);line-height:1;letter-spacing:-.055em;margin:0}.poweredInner p{font-size:17px;color:var(--muted);max-width:600px;margin:22px 0 30px}.poweredStamp{min-height:360px;border:1px solid var(--line);border-radius:28px;display:flex;flex-direction:column;justify-content:center;padding:45px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(66,184,131,.08),transparent 45%)}.poweredStamp:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(66,184,131,.08);border-radius:50%;right:-120px;bottom:-150px}.poweredStamp small{letter-spacing:.2em;font-size:10px;color:var(--dim);font-weight:900}.poweredStamp strong{font-size:20px;margin-top:80px;color:var(--muted)}.poweredStamp span{font-size:54px;line-height:1;font-weight:800;letter-spacing:-.06em;color:var(--accent)}
.pageHero{padding:92px 0 86px;border-bottom:1px solid var(--line);overflow:hidden;position:relative}.pageHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent)}.pageHeroGrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1}.pageHero h1{font-size:clamp(52px,6vw,78px);letter-spacing:-.06em;line-height:.98;margin:0}.pageHero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:610px;margin:25px 0 30px}.pageHero .flightVisual{min-height:430px}.pageHero .boardVisual{max-width:580px}.pageHero .phone{transform:scale(.88);margin-block:-35px}
.architecture{max-width:820px;margin:60px auto 0}.architectureLayer{display:grid;grid-template-columns:60px 1fr;gap:20px;border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(255,255,255,.016);transition:.2s}.architectureLayer:hover{border-color:rgba(66,184,131,.32);background:var(--accentSoft)}.architectureLayer>b{font-size:11px;color:var(--accent)}.architectureLayer span{font-size:9px;letter-spacing:.16em;color:var(--dim);font-weight:800}.architectureLayer h3{font-size:24px;margin:6px 0}.architectureLayer p{margin:0;color:var(--muted);font-size:13px}.architectureLink{text-align:center;padding:12px;color:var(--accent);font-size:12px}.architectureLink span{color:var(--dim);font-size:9px;letter-spacing:.13em;margin:0 10px;text-transform:uppercase}.principleGrid,.specGrid,.firmwareGrid,.appFeatureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.principleGrid>div,.specGrid>div,.firmwareGrid>div,.appFeatureGrid>div{border:1px solid var(--line);border-radius:18px;padding:26px;background:rgba(255,255,255,.014)}.principleGrid b,.firmwareGrid b,.appFeatureGrid b{color:var(--accent);font-size:10px;letter-spacing:.15em}.principleGrid h3,.specGrid h3,.firmwareGrid h3,.appFeatureGrid h3{font-size:22px;margin:34px 0 10px}.principleGrid p,.specGrid p,.firmwareGrid p,.appFeatureGrid p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.centerCta{text-align:center}.centerCta h2{font-size:42px;letter-spacing:-.045em;margin:0}.centerCta p{color:var(--muted);margin:14px auto 28px;max-width:650px}.centerCta>div{display:flex;justify-content:center;gap:10px}
.comparisonBoard{position:relative;display:grid;grid-template-columns:1.2fr auto .8fr;gap:15px;align-items:center}.comparisonBoard .boardVisual{min-width:0}.comparisonArrow{color:var(--dim)}.miniProduct{min-height:240px;border-radius:22px;background:#F6F6F7;color:#F6F6F7;display:flex;flex-direction:column;justify-content:center;padding:28px;box-shadow:var(--shadow)}.miniProduct span{font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--dim)}.miniProduct strong{font-size:34px;letter-spacing:-.05em}.miniProduct small{margin-top:5px;color:var(--dim);font-weight:750}
.codePanel{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#FFFFFF;box-shadow:var(--shadow)}.codePanel>div{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:7px}.codePanel>div>span{width:7px;height:7px;border-radius:50%;background:#D9D9DD}.codePanel>div>small{margin-left:9px;color:var(--dim);font-size:9px}.codePanel pre{margin:0;padding:28px 32px;min-height:330px;font:13px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#476582}.codePanel em{color:var(--dim)}.codePanel strong{color:var(--accent);font-weight:500}.plainList{list-style:none;margin:30px 0 0;padding:0}.plainList li{padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.plainList li:before{content:"+";color:var(--accent);margin-right:12px}.protocolDiagram{display:grid;gap:11px}.protocolDiagram>div{border:1px solid rgba(66,184,131,.28);border-radius:18px;min-height:120px;display:grid;place-items:center;font-size:24px;font-weight:800;background:rgba(66,184,131,.04)}.protocolDiagram>span{text-align:center;color:var(--dim);font-size:11px}.protocolDiagram>span i{font-style:normal;font-size:8px;letter-spacing:.13em;color:var(--accent);margin-right:10px}
.appFeatureGrid{grid-template-columns:repeat(3,1fr)}.ecosystemLine{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:15px;align-items:center}.ecosystemLine>div{border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center;font-weight:800}.ecosystemLine small{color:var(--dim);font-weight:500}.ecosystemLine i{font-style:normal;color:var(--accent)}
.permissionCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.permissionCards>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;padding:20px;background:rgba(255,255,255,.015)}.permissionCards svg{width:20px;color:var(--accent)}.permissionCards strong{font-size:13px}.legalCaveat{font-size:11px;color:var(--dim);max-width:800px;margin:24px auto 0;text-align:center}.brandExample{border:1px solid var(--line);border-radius:22px;padding:40px;background:#F6F6F7;color:#F6F6F7;display:flex;flex-direction:column}.brandExample small{font-size:9px;letter-spacing:.18em;font-weight:900;color:#65758B}.brandExample strong{font-size:49px;line-height:1;letter-spacing:-.055em;margin-top:38px}.brandExample span{color:#476582;font-size:12px;margin-top:4px}.brandExample b{color:#42B883;font-size:12px;margin-top:70px}.partnerBenefits{display:flex;flex-wrap:wrap;gap:8px}.makerTimeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.makerTimeline>div{border-top:1px solid var(--line);padding-top:18px}.makerTimeline b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:10px}.makerTimeline h3{font-size:17px;margin:35px 0 8px}.makerTimeline p{font-size:12px;color:var(--muted);line-height:1.65}
.docsHero{padding:100px 0 70px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 70% -10%,rgba(66,184,131,.09),transparent 40%)}.docsHero h1{font-size:clamp(54px,7vw,84px);letter-spacing:-.06em;margin:0}.docsHero p{font-size:18px;color:var(--muted);max-width:650px}.docsLayout{padding:65px 0 120px}.docsLayout>.container{display:grid;grid-template-columns:190px 1fr;gap:65px}.docsSidebar{position:sticky;top:105px;align-self:start;display:flex;flex-direction:column;gap:12px}.docsSidebar strong{font-size:9px;color:var(--dim);letter-spacing:.16em;margin-bottom:8px}.docsSidebar a{font-size:12px;color:var(--muted)}.docsSidebar a:hover{color:var(--accent)}.docCards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.docCards>div{border:1px solid var(--line);border-radius:18px;padding:22px}.docCards h2{font-size:14px;margin:0 0 14px}.docCards a{display:grid;grid-template-columns:1fr 18px;gap:10px;padding:14px 0;border-top:1px solid var(--line)}.docCards a:first-of-type{border-top:0}.docCards strong{font-size:12px}.docCards p{font-size:10px;line-height:1.5;color:var(--dim);margin:4px 0 0}.docCards svg{width:16px;color:var(--dim);margin-top:3px}.docArticle{scroll-margin-top:110px;max-width:800px;padding-top:100px}.docKicker{font-size:9px;color:var(--accent);font-weight:850;letter-spacing:.16em}.docArticle h2{font-size:40px;letter-spacing:-.045em;margin:14px 0 18px}.docArticle>p{color:var(--muted);font-size:15px;line-height:1.8}.docArticle ol{padding:0;list-style:none;counter-reset:steps}.docArticle ol li{counter-increment:steps;display:grid;grid-template-columns:36px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.docArticle ol li:before{content:counter(steps,decimal-leading-zero);color:var(--accent);font-size:10px;font-weight:800;padding-top:2px}.docArticle ol strong,.docArticle ol span{grid-column:2}.docArticle ol strong{font-size:14px}.docArticle ol span{color:var(--muted);font-size:12px;margin-top:-11px}.docArticle code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#b7d7cb}.docCallout{border-left:2px solid var(--accent);padding:20px 22px;background:var(--accentSoft);margin-top:25px}.docCallout strong{font-size:13px}.docCallout p{font-size:12px;color:var(--muted);margin:6px 0 0}.jsonExample{border:1px solid var(--line);background:#FFFFFF;border-radius:16px;padding:22px;overflow:auto;font-size:12px;line-height:1.8;color:#b7d7cb}.launchChecklist{display:grid;gap:0}.launchChecklist div{display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding:14px 0;color:var(--muted);font-size:13px}.launchChecklist span{width:11px;height:11px;border:1px solid var(--accent);border-radius:3px;margin-top:4px;flex:0 0 auto}
.aboutHero{padding:120px 0 80px}.aboutHero h1{font-size:clamp(50px,6vw,76px);line-height:1;letter-spacing:-.06em;margin:0}.aboutHero p{font-size:19px;color:var(--muted);line-height:1.75;margin-top:28px}.story{font-size:17px;color:var(--muted);line-height:1.9}.storyLead{font-size:27px;color:var(--text);line-height:1.5;letter-spacing:-.02em}.story blockquote{font-size:35px;line-height:1.25;letter-spacing:-.04em;color:var(--accent);font-weight:760;margin:70px 0;padding-left:28px;border-left:2px solid var(--accent)}
.notFound{min-height:70vh;display:grid;place-items:center;padding:80px 24px}.notFound>div{max-width:620px;text-align:center}.notFound span{color:var(--accent);font-size:10px;letter-spacing:.16em;font-weight:800}.notFound h1{font-size:54px;letter-spacing:-.05em;line-height:1;margin:16px 0}.notFound p{color:var(--muted);margin-bottom:28px}
.footer{border-top:1px solid var(--line);padding:65px 0 28px}.footerTop{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.footerBrand p{max-width:360px;color:var(--dim);font-size:12px;line-height:1.7;margin-top:18px}.footerCols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.footerCols>div{display:flex;flex-direction:column;gap:9px}.footerCols strong{font-size:10px;letter-spacing:.12em;color:var(--text);margin-bottom:7px}.footerCols a,.footerCols span{font-size:11px;color:var(--dim)}.footerCols a:hover{color:var(--accent)}.footerBottom{border-top:1px solid var(--line);margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;color:var(--dim);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
@media (max-width:1020px){.desktopNav{display:none}.headerActions .navExternal{display:none}.menuButton{display:block}.headerActions .button{display:none}.mobileNav{display:block;position:absolute;left:0;right:0;top:74px;background:#FFFFFF;border-bottom:1px solid var(--line)}.mobileNavInner{padding:24px 0 30px;display:flex;flex-direction:column;gap:5px}.mobileNavInner>a:not(.button){padding:11px 4px;color:var(--muted)}.mobileNavInner .button{margin-top:10px}.hero{padding-top:65px}.heroGrid,.pageHeroGrid,.splitSection,.appSplit,.openGrid,.poweredInner,.footerTop{grid-template-columns:1fr;gap:55px}.heroGrid{max-width:780px}.hero h1{font-size:78px}.flightVisual{min-height:500px}.pageHeroGrid{max-width:780px}.pageHero .flightVisual{min-height:480px}.pageHero .boardVisual{max-width:none}.platformCards,.audienceGrid{grid-template-columns:1fr}.platformCard{min-height:290px}.platformCard h3{margin-top:35px}.flow{grid-template-columns:1fr 1fr;gap:12px}.flow>i{display:none}.appSplit .phoneWrap{order:2}.openGrid{gap:45px}.poweredStamp{min-height:300px}.principleGrid,.specGrid,.firmwareGrid{grid-template-columns:1fr 1fr}.appFeatureGrid{grid-template-columns:1fr 1fr}.makerTimeline{grid-template-columns:1fr 1fr 1fr}.docsLayout>.container{grid-template-columns:1fr}.docsSidebar{display:none}.docCards{grid-template-columns:1fr 1fr}.footerCols{max-width:600px}.trustStrip{font-size:8px}.brandTransform{right:15px}.comparisonBoard{max-width:680px;margin:auto}.ecosystemLine{grid-template-columns:1fr 1fr}.ecosystemLine i{display:none}}
@media (max-width:700px){.container,.narrow{width:min(100% - 32px,1180px)}.headerInner{height:66px}.mobileNav{top:66px}.section{padding:82px 0}.hero{padding-top:48px;min-height:auto}.hero h1{font-size:clamp(54px,16vw,75px)}.heroLead{font-size:16px}.heroButtons{flex-direction:column;align-items:stretch}.trustStrip{margin-top:48px;overflow:auto;gap:25px;justify-content:flex-start;white-space:nowrap;height:65px}.trustStrip i{flex:0 0 auto}.flightVisual{min-height:420px;border-radius:22px}.droneSvg{inset:70px 10px 55px;width:calc(100% - 20px);height:calc(100% - 125px)}.hudMetric{width:92px;padding:9px}.hudMetric strong{font-size:14px}.metricA{left:12px;top:72px}.metricB{right:12px;top:72px}.metricC{right:12px;bottom:60px}.hudTop,.visualFooter{left:14px;right:14px}.sectionTitle{margin-bottom:35px}.sectionTitle h2{font-size:40px}.sectionTitle p{font-size:15px}.platformCards{gap:10px}.splitSection,.appSplit{gap:55px}.brandTransform{position:relative;right:auto;bottom:auto;margin:-10px 16px 0;transform:rotate(-1deg)}.flow{grid-template-columns:1fr}.phone{width:min(320px,92vw)}.audienceCard{min-height:280px}.openSection h2{font-size:52px}.permissionGrid{grid-template-columns:1fr}.poweredStamp{padding:30px}.poweredStamp span{font-size:44px}.pageHero{padding:70px 0}.pageHero h1{font-size:50px}.pageHero p{font-size:16px}.pageHero .flightVisual{min-height:400px}.principleGrid,.specGrid,.firmwareGrid,.appFeatureGrid,.permissionCards{grid-template-columns:1fr}.comparisonBoard{grid-template-columns:1fr}.comparisonArrow{text-align:center;transform:rotate(90deg)}.codePanel pre{padding:22px 18px;font-size:11px}.ecosystemLine{grid-template-columns:1fr}.makerTimeline{grid-template-columns:1fr}.docCards{grid-template-columns:1fr}.docsHero{padding:72px 0 50px}.docsHero h1{font-size:52px}.docArticle{padding-top:75px}.docArticle h2{font-size:34px}.footerCols{grid-template-columns:1fr 1fr}.footerBottom{gap:20px;flex-direction:column}.storyLead{font-size:22px}.story blockquote{font-size:28px;margin:48px 0}.centerCta h2{font-size:36px}.centerCta>div{flex-direction:column}.headerActions{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* Real ESPFlight prototype photography */
.hardwarePhotoVisual{background:#FFFFFF;isolation:isolate}
.hardwarePhotoVisual:before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(8,12,24,.12) 20%,rgba(8,12,24,.02) 50%,rgba(8,12,24,.72) 100%);pointer-events:none}
.hardwarePhotoVisual:after{display:none}
.hardwarePhotoVisual .visualGrid{z-index:2;opacity:.18;mix-blend-mode:soft-light}
.hardwarePhotoVisual>picture{position:absolute;inset:0;z-index:2;pointer-events:none}
.heroHardwareImage{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%;z-index:1;filter:none}
.realBuildBadge{position:absolute;top:22px;left:22px;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(8,14,28,.58);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);font-size:9px;letter-spacing:.14em;font-weight:850;color:#FFFFFF}
.realBuildBadge span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
.realBuildCaption{position:absolute;left:24px;right:24px;bottom:22px;z-index:5;display:flex;align-items:end;justify-content:space-between;gap:22px;color:#fff}
.realBuildCaption strong{font-size:16px;letter-spacing:-.02em}.realBuildCaption small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.68);text-align:right}
.realHardwarePanel{padding:0;aspect-ratio:3/4;max-width:520px;margin-left:auto;background:#F6F6F7}
.realHardwarePanel .boardHalo{z-index:3;background:linear-gradient(180deg,transparent 62%,rgba(8,14,28,.68));pointer-events:none}
.realHardwarePanel>picture{display:block;position:relative;z-index:2;width:100%;height:100%}
.hardwarePhoto{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;position:relative;z-index:1;filter:none}
.realHardwarePanel .boardLabel{z-index:4;background:rgba(8,14,28,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;left:16px;right:16px;bottom:16px}
@media (max-width:1020px){.realHardwarePanel{max-width:560px;margin:0 auto}.heroHardwareImage{object-position:center 60%}}
@media (max-width:700px){.realBuildCaption{left:16px;right:16px;bottom:16px;align-items:flex-start;flex-direction:column;gap:3px}.realBuildCaption small{text-align:left}.realBuildBadge{top:14px;left:14px}.heroHardwareImage{object-position:center 60%}}

/* ---------- Final UI/UX refinements ---------- */
html{-webkit-text-size-adjust:100%}
body{font-size:16px;text-rendering:optimizeLegibility}
img{max-width:100%}
h1,h2,h3{ text-wrap:balance; overflow-wrap:break-word }
p,li{ text-wrap:pretty }
.siteHeader{-webkit-backdrop-filter:blur(18px)}
.hero:before,.pageHero:before,.visualGrid{-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%)}
.button,.platformCard,.audienceCard,.desktopNav a,.mobileNavInner a{-webkit-tap-highlight-color:transparent}
.mobileNavInner>a:not(.button){min-height:44px;display:flex;align-items:center;border-radius:8px}
.mobileNavInner>a[aria-current="page"]{color:var(--text);background:rgba(66,184,131,.07);padding-inline:10px}

/* Philosophy */
.philosophySection{background:linear-gradient(180deg,#F6F6F7,#FFFFFF);border-block:1px solid rgba(255,255,255,.045)}
.philosophyGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.philosophyCopy h2{font-size:clamp(40px,5vw,64px);letter-spacing:-.055em;line-height:1.02;margin:0}
.philosophyCopy>p{color:var(--muted);font-size:16px;line-height:1.8;max-width:620px;margin:22px 0 0}
.manifestoCard{border:1px solid rgba(66,184,131,.18);border-radius:26px;background:radial-gradient(circle at 15% 10%,rgba(66,184,131,.08),transparent 42%),rgba(255,255,255,.018);padding:34px;box-shadow:var(--shadow)}
.manifestoCard>small{display:block;color:var(--accent);font-size:10px;letter-spacing:.18em;font-weight:850}
.manifestoCard blockquote{font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.045em;font-weight:730;margin:28px 0 34px;color:var(--text)}
.manifestoPrinciples{display:grid;gap:0;border-top:1px solid var(--line)}
.manifestoPrinciples>div{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.manifestoPrinciples b{color:var(--accent);font-size:10px;letter-spacing:.12em;padding-top:3px}
.manifestoPrinciples span{font-size:13px;line-height:1.7;color:var(--muted)}
.manifestoPrinciples strong{color:var(--text)}
.freedomStrip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:48px;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.015);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--muted)}
.freedomStrip i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:rgba(66,184,131,.55)}
.philosophyNote{font-size:11px;color:var(--dim);line-height:1.65;margin-top:14px}

/* About */
.aboutPrinciples>div>span{display:block;color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:850}
.aboutPrinciples>div h3{margin-top:28px}
.ecosystemStory{background:linear-gradient(180deg,var(--bg),#F6F6F7)}
.ecosystemCycle{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:14px;align-items:center;margin:52px auto 0;max-width:1100px}
.ecosystemCycle>div{min-height:190px;border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(255,255,255,.016);display:flex;flex-direction:column}
.ecosystemCycle b{font-size:10px;letter-spacing:.15em;color:var(--accent)}
.ecosystemCycle strong{font-size:18px;margin-top:34px}
.ecosystemCycle span{font-size:12px;line-height:1.65;color:var(--muted);margin-top:8px}
.ecosystemCycle>i{font-style:normal;color:var(--dim);font-size:18px}
.aboutCta{margin-top:90px;padding-top:70px;border-top:1px solid var(--line)}

/* Documentation */
.docArticle a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(66,184,131,.35);text-underline-offset:3px}
.docChecklistGrid,.troubleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.docChecklistGrid>div,.troubleGrid>div{border:1px solid var(--line);border-radius:16px;padding:20px;background:rgba(255,255,255,.012)}
.docChecklistGrid strong,.troubleGrid h3{font-size:14px;margin:0;color:var(--text)}
.docChecklistGrid p,.troubleGrid p{font-size:12px;line-height:1.7;color:var(--muted);margin:8px 0 0}
.uiPreviewNote{font-size:10px!important;color:var(--dim)!important;text-align:center;margin:12px auto 0!important;max-width:330px!important;letter-spacing:.04em}

/* Better card/touch behavior */
@media (hover:hover){
  .platformCard:hover,.audienceCard:hover,.architectureLayer:hover{transform:translateY(-4px)}
}

@media (max-width:1020px){
  .philosophyGrid{grid-template-columns:1fr;gap:48px}
  .freedomStrip{justify-content:flex-start;overflow:auto;white-space:nowrap}
  .ecosystemCycle{grid-template-columns:1fr 1fr;gap:12px}
  .ecosystemCycle>i{display:none}
}

@media (max-width:700px){
  .section{padding:76px 0}
  .hero h1{font-size:clamp(50px,15vw,68px)}
  .pageHero h1,.aboutHero h1{font-size:clamp(42px,12vw,52px)}
  .docsHero h1{font-size:clamp(44px,13vw,56px)}
  .sectionTitle h2,.philosophyCopy h2{font-size:clamp(36px,10vw,44px)}
  .manifestoCard{padding:24px 20px;border-radius:20px}
  .manifestoCard blockquote{font-size:clamp(28px,8.5vw,36px)}
  .freedomStrip{width:calc(100% - 32px);padding:16px 18px;margin-top:34px}
  .philosophyNote{width:calc(100% - 32px)}
  .ecosystemCycle{grid-template-columns:1fr}
  .ecosystemCycle>div{min-height:160px}
  .docChecklistGrid,.troubleGrid{grid-template-columns:1fr}
  .aboutCta{margin-top:64px;padding-top:54px}
  .realBuildCaption strong{font-size:14px}
  .realBuildCaption small{font-size:8px}
}

@media (max-width:380px){
  .container,.narrow{width:min(100% - 28px,1180px)}
  .hero h1{font-size:clamp(46px,14vw,54px)}
  .heroLead{font-size:15px}
  .button{white-space:normal;text-align:center}
  .poweredStamp{padding:24px}
  .poweredStamp span{font-size:39px}
  .footerCols{grid-template-columns:1fr}
}

/* Touch targets and small-screen content wrapping */
.desktopNav a,.navExternal{padding-block:10px}
.textLink{padding-block:4px}
.menuButton{width:44px;height:44px}
.footerCols a{display:flex;align-items:center;min-height:28px}
@media (max-width:700px){
  .trustStrip{height:auto;padding:18px 0;flex-wrap:wrap;overflow:visible;white-space:normal;gap:12px 16px;justify-content:flex-start}
  .trustStrip i{display:none}
  .freedomStrip{flex-wrap:wrap;overflow:visible;white-space:normal;gap:12px 16px}
  .freedomStrip i{display:none}
}


/* Founding Partner Program */
.partnerHero{position:relative;overflow:hidden;padding:96px 0 92px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 25%,rgba(66,184,131,.14),transparent 34%),radial-gradient(circle at 92% 78%,rgba(66,211,146,.09),transparent 34%)}
.partnerHero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}
.partnerHeroGrid{display:grid;grid-template-columns:1.02fr .98fr;gap:76px;align-items:center;position:relative;z-index:1}.partnerHero h1{font-size:clamp(58px,6.3vw,88px);line-height:.96;letter-spacing:-.065em;margin:28px 0 26px}.partnerLead{font-size:18px;line-height:1.72;color:var(--muted);max-width:650px}.foundingBadge{color:var(--text)}
.foundingPanel{position:relative;min-height:500px;padding:30px;border:1px solid rgba(66,184,131,.2);border-radius:30px;background:linear-gradient(155deg,rgba(18,26,48,.96),rgba(7,10,18,.92));box-shadow:var(--shadow);overflow:hidden}.foundingPanel:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(66,184,131,.14);border-radius:50%;right:-85px;bottom:-115px;box-shadow:0 0 0 48px rgba(66,184,131,.025),0 0 0 96px rgba(66,184,131,.012)}.foundingPanelTop{display:flex;justify-content:space-between;align-items:center;color:var(--accent);font-size:10px;letter-spacing:.16em;font-weight:850}.foundingPanelTop b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(66,184,131,.3);border-radius:50%;font-size:12px}.foundingPanel h2{font-size:clamp(34px,3.5vw,48px);line-height:1.05;letter-spacing:-.045em;max-width:430px;margin:72px 0 38px}.foundingSignals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}.foundingSignals div{border-top:1px solid var(--line);padding-top:14px}.foundingSignals small{display:block;font-size:8px;letter-spacing:.16em;color:var(--dim);font-weight:800}.foundingSignals strong{display:block;font-size:11px;margin-top:5px}.foundingSeal{position:absolute;right:28px;bottom:24px;width:168px;height:168px;border:1px solid rgba(66,184,131,.26);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--accent);transform:rotate(-7deg)}.foundingSeal:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(66,184,131,.28);border-radius:50%}.foundingSeal span{font-size:11px;font-weight:850}.foundingSeal strong{font-size:15px;line-height:1.1;letter-spacing:.08em;margin:7px 0}.foundingSeal small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.stageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stageCard{position:relative;min-height:330px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.stageCard>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:10px;font-weight:850}.stageCard small{display:block;margin-top:48px;color:var(--dim);font-size:9px;letter-spacing:.16em;font-weight:850}.stageCard h3{font-size:25px;letter-spacing:-.035em;margin:10px 0 12px}.stageCard p{font-size:13px;line-height:1.75;color:var(--muted)}.featuredStage{border-color:rgba(66,184,131,.3);background:linear-gradient(180deg,rgba(66,184,131,.08),rgba(255,255,255,.01))}
.partnerPrinciples{display:grid;gap:12px}.partnerPrinciples>div{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.015)}.partnerPrinciples strong{font-size:15px}.partnerPrinciples p{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 0}
.offerShell{display:grid;grid-template-columns:.88fr 1.12fr;gap:55px;align-items:start;border:1px solid rgba(66,184,131,.18);border-radius:30px;padding:54px;background:radial-gradient(circle at 90% 0,rgba(66,184,131,.08),transparent 38%),linear-gradient(150deg,rgba(255,255,255,.02),rgba(255,255,255,.005))}.offerCopy h2{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0}.offerCopy>p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:22px}.offerNotes{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.offerNotes span,.partnerStagePills span{border:1px solid rgba(66,184,131,.23);background:var(--accentSoft);color:var(--accent);border-radius:999px;padding:7px 10px;font-size:9px;font-weight:850;letter-spacing:.08em}.offerCard{border-radius:22px;background:#F6F6F7;color:#F6F6F7;padding:30px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.offerCard>small{font-size:9px;letter-spacing:.16em;font-weight:900;color:#65758B}.offerCard ul{list-style:none;padding:0;margin:20px 0 0}.offerCard li{padding:15px 0;border-top:1px solid rgba(10,16,32,.11)}.offerCard li:first-child{border-top:0}.offerCard b{display:block;font-size:13px}.offerCard li span{display:block;font-size:11px;line-height:1.55;color:#476582;margin-top:4px}.offerShell+.legalCaveat{max-width:1000px;margin-inline:auto}
.partnerCompare{overflow-x:auto;border:1px solid var(--line);border-radius:20px}.partnerCompare table{width:100%;border-collapse:collapse;min-width:680px}.partnerCompare th,.partnerCompare td{text-align:left;padding:18px 20px;border-bottom:1px solid var(--line);font-size:12px}.partnerCompare thead th{background:rgba(66,184,131,.05);color:var(--text);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.partnerCompare tbody th{font-weight:650;color:var(--text)}.partnerCompare td{color:var(--muted)}.partnerCompare tr:last-child th,.partnerCompare tr:last-child td{border-bottom:0}.yesMark{color:var(--accent);font-weight:900;margin-right:5px}
.applyGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:start}.applicationChecklist{display:grid}.applicationChecklist>div{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.applicationChecklist b{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:9px;color:var(--accent)}.applicationChecklist span{display:flex;flex-direction:column}.applicationChecklist strong{font-size:13px}.applicationChecklist small{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.55}.applyCard{position:sticky;top:110px;padding:34px;border:1px solid rgba(66,184,131,.22);border-radius:24px;background:linear-gradient(155deg,rgba(18,26,48,.86),rgba(11,17,34,.92))}.applyStatus{display:inline-block;font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--accent);margin-bottom:26px}.applyCard h3{font-size:32px;line-height:1.08;letter-spacing:-.045em;margin:0}.applyCard>p{font-size:13px;line-height:1.75;color:var(--muted);margin:16px 0 24px}.applyCard>.button{width:100%;margin-bottom:18px}.applyCard>small{display:block;color:var(--dim);font-size:10px;line-height:1.55;margin-top:16px}.applyFallback{border:1px dashed rgba(66,184,131,.28);border-radius:14px;padding:16px}.applyFallback strong{font-size:11px;color:var(--text)}.applyFallback p{font-size:10px;line-height:1.55;color:var(--dim);margin:5px 0 0}.partnerStamp small{color:var(--accent)}
.partnerStagePills{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:1020px){.partnerHeroGrid,.offerShell,.applyGrid,.partnerHeroGrid{max-width:780px}.foundingPanel{min-height:460px}.stageGrid{grid-template-columns:1fr}.stageCard{min-height:260px}.stageCard small{margin-top:30px}.offerShell{padding:42px}.applyCard{position:relative;top:auto}}
@media (max-width:700px){.partnerHero{padding:68px 0 72px}.partnerHero h1{font-size:50px}.partnerLead{font-size:16px}.foundingPanel{min-height:430px;padding:22px;border-radius:22px}.foundingPanel h2{margin-top:52px;font-size:34px}.foundingSignals{grid-template-columns:1fr 1fr}.foundingSeal{width:132px;height:132px;right:18px;bottom:18px}.foundingSeal strong{font-size:12px}.offerShell{padding:26px;border-radius:22px;gap:35px}.offerCopy h2{font-size:40px}.offerNotes{gap:6px}.offerCard{padding:23px}.applyGrid{gap:45px}.applyCard{padding:26px}.applyCard h3{font-size:27px}.partnerCompare{margin-inline:-4px}.partnerCompare th,.partnerCompare td{padding:15px 16px}}

/* Documentation v2 — guide-first layout inspired by modern framework docs */
.docsV2Main{background:#FFFFFF;min-height:100vh}
.docsV2Topbar{position:sticky;top:74px;z-index:80;height:54px;border-bottom:1px solid var(--line);background:rgba(8,12,22,.94);backdrop-filter:blur(18px)}
.docsV2TopbarInner{width:min(1360px,calc(100% - 48px));height:100%;margin-inline:auto;display:flex;align-items:center;gap:28px}
.docsV2Brand{font-size:13px;font-weight:800;white-space:nowrap}.docsV2Brand span{color:var(--accent)}
.docsV2Tabs{display:flex;align-items:stretch;height:100%;gap:22px}.docsV2Tabs a{display:flex;align-items:center;position:relative;font-size:12px;font-weight:650;color:var(--muted)}.docsV2Tabs a:hover,.docsV2Tabs a.active{color:var(--text)}.docsV2Tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent)}
.docsV2Version{margin-left:auto;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:9px;font-weight:850;color:var(--dim);letter-spacing:.08em;text-transform:uppercase}
.docsV2Shell{width:min(1360px,calc(100% - 48px));margin-inline:auto;display:grid;grid-template-columns:220px minmax(0,780px) 190px;justify-content:space-between;gap:44px;align-items:start;padding:46px 0 110px}
.docsV2Sidebar{position:sticky;top:154px;max-height:calc(100vh - 178px);overflow:auto;padding-right:18px;scrollbar-width:thin;scrollbar-color:rgba(66,184,131,.25) transparent}.docsV2Sidebar nav{display:grid;gap:28px}.docsV2NavGroup{display:flex;flex-direction:column;gap:7px}.docsV2NavGroup strong,.docsV2Toc>strong{font-size:9px;letter-spacing:.14em;color:var(--dim);margin-bottom:4px}.docsV2NavGroup a{font-size:12px;line-height:1.35;color:var(--muted);padding:5px 10px;border-left:1px solid transparent}.docsV2NavGroup a:hover{color:var(--text)}.docsV2NavGroup a.active{color:var(--accent);border-left-color:var(--accent);background:linear-gradient(90deg,rgba(66,184,131,.08),transparent)}
.docsV2Center{min-width:0}.docsV2Article{max-width:780px}.docsV2ArticleHeader{scroll-margin-top:155px;padding-bottom:34px;border-bottom:1px solid var(--line)}.docsV2Breadcrumb{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--dim);margin-bottom:22px}.docsV2Breadcrumb a:hover{color:var(--accent)}.docsV2ArticleHeader h1{font-size:clamp(48px,5.2vw,68px);line-height:1;letter-spacing:-.055em;margin:0}.docsV2Lead{font-size:19px;line-height:1.7;color:var(--muted);margin:24px 0 16px;max-width:680px}.docsV2Meta{display:flex;gap:9px;flex-wrap:wrap;color:var(--dim);font-size:10px;letter-spacing:.05em}
.docsV2Section{scroll-margin-top:155px;padding-top:72px}.docsV2Section h2{position:relative;font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:0 0 18px}.docsV2Anchor{position:absolute;left:-24px;color:var(--accent);opacity:0;font-size:18px;top:7px;transition:opacity .15s}.docsV2Section h2:hover .docsV2Anchor,.docsV2Anchor:focus-visible{opacity:1}.docsV2Section>p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 24px}.docsV2Section a:not(.docsV2Anchor){color:var(--accent)}
.docsV2Callout{margin:30px 0 0;border-radius:12px;padding:18px 20px;border:1px solid var(--line);border-left-width:3px;background:rgba(255,255,255,.015)}.docsV2CalloutLabel{font-size:9px;letter-spacing:.14em;font-weight:900;margin-bottom:7px}.docsV2Callout p{font-size:13px;line-height:1.72;color:var(--muted);margin:0}.docsV2Callout p strong{color:var(--text)}.docsV2CalloutInfo{border-left-color:#42D392}.docsV2CalloutInfo .docsV2CalloutLabel{color:#42D392}.docsV2CalloutTip{border-left-color:var(--accent2)}.docsV2CalloutTip .docsV2CalloutLabel{color:#42D392}.docsV2CalloutWarning{border-left-color:#f4b35d}.docsV2CalloutWarning .docsV2CalloutLabel{color:#f4c176}.docsV2CalloutNeutral{border-left-color:#8a9e97}.docsV2CalloutNeutral .docsV2CalloutLabel{color:#a4b6b0}
.docsV2FeatureRows{display:grid;border-block:1px solid var(--line)}.docsV2FeatureRows>a{display:grid;grid-template-columns:36px 1fr 20px;gap:14px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line);color:inherit!important}.docsV2FeatureRows>a:last-child{border-bottom:0}.docsV2FeatureRows>a>span{font-size:9px;color:var(--accent);font-weight:850;letter-spacing:.08em}.docsV2FeatureRows strong{font-size:14px}.docsV2FeatureRows p{font-size:12px;line-height:1.65;color:var(--muted);margin:5px 0 0}.docsV2FeatureRows b{color:var(--dim);font-weight:500;transition:transform .15s,color .15s}.docsV2FeatureRows>a:hover b{transform:translateX(3px);color:var(--accent)}
.docsV2Steps{list-style:none;margin:28px 0 0;padding:0}.docsV2Steps li{display:grid;grid-template-columns:34px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.docsV2Steps li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(66,184,131,.24);border-radius:50%;font-size:10px;font-weight:850;color:var(--accent)}.docsV2Steps h3{font-size:15px;margin:2px 0 7px}.docsV2Steps p{font-size:13px;line-height:1.72;color:var(--muted);margin:0}
.docsV2GridCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.docsV2GridCards>div{border:1px solid var(--line);border-radius:12px;padding:18px;background:rgba(255,255,255,.012)}.docsV2GridCards strong{font-size:13px}.docsV2GridCards p{font-size:12px;line-height:1.65;color:var(--muted);margin:7px 0 0}
.docsV2Checklist{border-block:1px solid var(--line)}.docsV2Checklist>div{display:grid;grid-template-columns:15px 1fr;gap:12px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}.docsV2Checklist>div:last-child{border-bottom:0}.docsV2Checklist i{width:12px;height:12px;border:1px solid var(--accent);border-radius:3px;margin-top:4px}
.docsV2TwoCol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.docsV2TwoCol>div{border:1px solid var(--line);border-radius:12px;padding:20px;background:rgba(255,255,255,.012)}.docsV2TwoCol span{font-size:8px;letter-spacing:.14em;color:var(--dim);font-weight:850}.docsV2TwoCol h3{font-size:16px;margin:18px 0 8px}.docsV2TwoCol p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 18px}.docsV2TwoCol a{font-size:11px;font-weight:750}
.docsV2Trouble{border-top:1px solid var(--line)}.docsV2Trouble details{border-bottom:1px solid var(--line);padding:0}.docsV2Trouble summary{cursor:pointer;list-style:none;padding:17px 28px 17px 0;font-size:13px;font-weight:700;position:relative}.docsV2Trouble summary::-webkit-details-marker{display:none}.docsV2Trouble summary:after{content:"+";position:absolute;right:3px;top:16px;color:var(--accent);font-size:18px;font-weight:400}.docsV2Trouble details[open] summary:after{content:"−"}.docsV2Trouble details p{font-size:12px;line-height:1.72;color:var(--muted);margin:-3px 0 18px;max-width:680px}
.docsV2Toc{position:sticky;top:154px;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:18px}.docsV2Toc a{font-size:10px;line-height:1.35;color:var(--dim);padding:5px 0}.docsV2Toc a:hover{color:var(--muted)}.docsV2Toc a.active{color:var(--accent)}
.docsV2Pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:82px;padding-top:28px;border-top:1px solid var(--line)}.docsV2Pager a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:16px 18px;color:var(--text)!important}.docsV2Pager a:hover{border-color:rgba(66,184,131,.3);background:rgba(66,184,131,.025)}.docsV2Pager span{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em}.docsV2Pager strong{font-size:12px;margin-top:5px}.docsV2Pager .next{text-align:right}
.docsV2MobileMenu{display:none;margin-bottom:28px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.012)}.docsV2MobileMenu summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:13px 15px;font-size:12px;font-weight:750;list-style:none}.docsV2MobileMenu summary::-webkit-details-marker{display:none}.docsV2MobileMenu>div{display:grid;padding:0 15px 12px}.docsV2MobileMenu a{font-size:12px;color:var(--muted);padding:8px 0;border-top:1px solid var(--line)}
@media(max-width:1180px){.docsV2Shell{grid-template-columns:210px minmax(0,780px);justify-content:center;gap:42px}.docsV2Toc{display:none}}
@media(max-width:900px){.docsV2Topbar{top:74px}.docsV2Shell{display:block;width:min(800px,calc(100% - 48px));padding-top:32px}.docsV2Sidebar{display:none}.docsV2MobileMenu{display:block}.docsV2Article{max-width:none}.docsV2Tabs{overflow:auto;scrollbar-width:none}.docsV2Tabs::-webkit-scrollbar{display:none}.docsV2Brand{display:none}.docsV2TopbarInner{gap:18px}.docsV2Version{flex:0 0 auto}}
@media(max-width:700px){.docsV2Topbar{top:66px;height:50px}.docsV2TopbarInner{width:calc(100% - 28px)}.docsV2Tabs{gap:20px}.docsV2Tabs a{font-size:11px}.docsV2Shell{width:calc(100% - 32px);padding:24px 0 80px}.docsV2ArticleHeader{scroll-margin-top:130px}.docsV2ArticleHeader h1{font-size:44px}.docsV2Lead{font-size:16px}.docsV2Section{scroll-margin-top:130px;padding-top:58px}.docsV2Section h2{font-size:26px}.docsV2Anchor{display:none}.docsV2GridCards,.docsV2TwoCol{grid-template-columns:1fr}.docsV2Pager{grid-template-columns:1fr}.docsV2Pager .next{text-align:left}.docsV2Callout{padding:16px}.docsV2FeatureRows>a{grid-template-columns:28px 1fr 16px;gap:11px}.docsV2Steps li{grid-template-columns:30px 1fr;gap:13px}}

/* ---------- Vue-inspired light palette ---------- */
:root{
  --bg:#ffffff;
  --bg2:#f6f6f7;
  --panel:#ffffff;
  --panel2:#f1f1f1;
  --text:#213547;
  --muted:#476582;
  --dim:#7c8594;
  --line:rgba(60,60,60,.12);
  --accent:#42b883;
  --accent2:#42d392;
  --accentSoft:rgba(66,184,131,.10);
  --shadow:0 24px 70px rgba(60,60,60,.10);
}
html,body{background:#fff;color:var(--text)}
body:before{background:radial-gradient(circle at 86% 7%,rgba(66,184,131,.08),transparent 30%),radial-gradient(circle at 8% 72%,rgba(66,211,146,.045),transparent 28%)}
::selection{background:rgba(66,184,131,.22);color:#213547}
.skipLink,.button{color:#fff}
.button:hover{background:#33a06f;border-color:#33a06f}
.buttonGhost{color:var(--text);background:#fff}
.buttonGhost:hover{border-color:rgba(66,184,131,.45);background:rgba(66,184,131,.07)}
.siteHeader{background:rgba(255,255,255,.86);border-bottom-color:rgba(60,60,60,.10);box-shadow:0 1px 0 rgba(60,60,60,.03)}
.mobileNav{background:#fff!important}
.hero:before,.pageHero:before{background-image:linear-gradient(rgba(60,60,60,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(60,60,60,.04) 1px,transparent 1px)}
.heroGlow{background:radial-gradient(circle at 36% 30%,rgba(66,184,131,.14),transparent 44%),radial-gradient(circle at 70% 66%,rgba(66,211,146,.09),transparent 50%)}
.heroBadge{background:#fff;border-color:rgba(60,60,60,.12)}
.sectionTint{background:#f6f6f7;border-block-color:rgba(60,60,60,.08)}
.platformCard,.audienceCard,.specGrid>div,.principleGrid>div,.appFeatureGrid>div,.permissionCards>div{background:#fff}
.platformCard:hover,.audienceCard:hover{border-color:rgba(66,184,131,.34);background:linear-gradient(180deg,rgba(66,184,131,.055),#fff)}
.philosophySection{background:linear-gradient(180deg,#f6f6f7,#fff);border-block-color:rgba(60,60,60,.08)}
.manifestoCard{border-color:rgba(66,184,131,.20);background:radial-gradient(circle at 15% 10%,rgba(66,184,131,.09),transparent 42%),#fff}
.boardVisual{background:radial-gradient(circle at 55% 45%,rgba(66,184,131,.08),transparent 48%),#f6f6f7}
.brandTransform,.brandExample,.miniProduct{background:#f6f6f7;color:#213547;border:1px solid rgba(60,60,60,.10)}
.brandTransform span,.brandTransform small,.brandExample small,.brandExample span,.miniProduct span,.miniProduct small{color:#476582}
.brandTransform strong i,.brandExample b{color:#42b883}
.appSection{background:radial-gradient(circle at 20% 50%,rgba(66,184,131,.07),transparent 30%)}
.phone{background:#fff;border-color:#d9d9dd;box-shadow:0 35px 80px rgba(60,60,60,.16)}
.phoneTop{color:#7c8594}.phoneTop i{background:#213547}
.telemetryGrid>div,.horizon,.appTabs{background:#f6f6f7}
.horizon{border-color:rgba(60,60,60,.10)}
.openSection,.poweredSection{background:#f6f6f7}
.poweredStamp{background:#fff;border-color:rgba(60,60,60,.12)}
.pageHero{border-bottom-color:rgba(60,60,60,.10)}
/* Keep technical/code surfaces dark, like Vue docs */
.codePanel,.jsonExample{background:#1b1b1f!important;color:#e5e5e5!important;border-color:#2e2e32!important}
.codePanel pre,.jsonExample code,.jsonExample{color:#d7e6df!important}
.docCallout{background:rgba(66,184,131,.08)}
.docsTopbar,.docsMobileNav{background:rgba(255,255,255,.94)!important;border-color:rgba(60,60,60,.10)!important}
.docsSidebar,.docsToc{color:var(--muted)}
.docsSidebar a[aria-current="page"],.docsToc a.active{color:#42b883}
.docsArticle h2 a,.docsArticle h3 a{color:inherit}
.docsArticle h2 a:hover,.docsArticle h3 a:hover{color:#42b883}
.hardwarePhotoVisual{background:#f6f6f7}
.hardwarePhotoVisual:before{background:linear-gradient(180deg,rgba(255,255,255,.02) 20%,rgba(255,255,255,0) 50%,rgba(20,28,35,.44) 100%)}
.realHardwarePanel{background:#f6f6f7}
.realHardwarePanel .boardHalo{background:linear-gradient(180deg,transparent 62%,rgba(20,28,35,.40))}
.realBuildBadge,.realHardwarePanel .boardLabel{background:rgba(20,28,35,.66);color:#fff}
.footer{background:#fff;border-top-color:rgba(60,60,60,.10)}
.footerBottom{border-top-color:rgba(60,60,60,.10)}
@media (max-width:1020px){.mobileNav{border-bottom-color:rgba(60,60,60,.10)}}


/* ==========================================================================\n   Vue-style dual appearance: Light + Dark\n   ========================================================================== */
:root{
  color-scheme:light dark;
  --bg:#ffffff;
  --bg2:#f6f6f7;
  --panel:#ffffff;
  --panel2:#f1f1f1;
  --text:#213547;
  --muted:#476582;
  --dim:#7c8594;
  --line:rgba(60,60,60,.12);
  --lineStrong:rgba(60,60,60,.20);
  --headerBg:rgba(255,255,255,.88);
  --controlHover:rgba(60,60,60,.07);
  --gridLine:rgba(60,60,60,.04);
  --codeBg:#1b1b1f;
  --codeText:#e5e5e5;
  --shadow:0 24px 70px rgba(60,60,60,.10);
  --switchTrack:#e2e2e3;
  --switchKnob:#ffffff;
}
html[data-theme="dark"]{
  --bg:#1b1b1f;
  --bg2:#161618;
  --panel:#202127;
  --panel2:#242424;
  --text:rgba(255,255,245,.86);
  --muted:rgba(235,235,245,.64);
  --dim:rgba(235,235,245,.42);
  --line:rgba(82,82,89,.56);
  --lineStrong:rgba(110,110,118,.62);
  --headerBg:rgba(27,27,31,.88);
  --controlHover:rgba(255,255,255,.07);
  --gridLine:rgba(255,255,255,.035);
  --codeBg:#161618;
  --codeText:#e5e5e5;
  --shadow:0 28px 80px rgba(0,0,0,.32);
  --switchTrack:#3a3a3c;
  --switchKnob:#1b1b1f;
}

html,body,.docsV2Main{background:var(--bg)!important;color:var(--text)!important}
body{transition:background-color .25s ease,color .25s ease}
body:before{background:radial-gradient(circle at 86% 7%,rgba(66,184,131,.08),transparent 30%),radial-gradient(circle at 8% 72%,rgba(66,211,146,.045),transparent 28%)}
html[data-theme="dark"] body:before{background:radial-gradient(circle at 86% 7%,rgba(66,184,131,.065),transparent 30%),radial-gradient(circle at 8% 72%,rgba(66,211,146,.035),transparent 28%)}

/* Header utilities inspired by Vue / VitePress */
.siteHeader{background:var(--headerBg)!important;border-bottom-color:var(--line)!important;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.headerActions{gap:7px}
.headerDivider{width:1px;height:24px;background:var(--line);margin:0 3px}
.themeToggle,.githubIconLink{width:40px;height:40px;display:inline-grid;place-items:center;flex:0 0 auto;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:0;transition:color .18s ease,background .18s ease}
.themeToggle{cursor:pointer}
.themeToggle:hover,.githubIconLink:hover{color:var(--text);background:var(--controlHover)}
.githubIconLink svg{width:21px;height:21px;display:block}
.themeTrack{position:relative;display:block;width:40px;height:22px;border:1px solid var(--lineStrong);border-radius:999px;background:var(--switchTrack);transition:background .2s,border-color .2s}
.themeKnob{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--switchKnob);box-shadow:0 1px 3px rgba(0,0,0,.18);transition:transform .22s ease,background .22s ease;color:#606060}
html[data-theme="dark"] .themeKnob{transform:translateX(18px);color:#c9c9c9}
.themeKnob svg{position:absolute;width:12px;height:12px;display:block;transition:opacity .15s ease,transform .2s ease}
.themeMoon{opacity:0;transform:scale(.7) rotate(-15deg)}
html[data-theme="dark"] .themeSun{opacity:0;transform:scale(.7) rotate(15deg)}
html[data-theme="dark"] .themeMoon{opacity:1;transform:scale(1) rotate(0)}
.themeToggle:focus-visible,.githubIconLink:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Shared surfaces */
.mobileNav{background:var(--panel)!important;border-bottom-color:var(--line)!important}
.hero:before,.pageHero:before,.partnerHero:before{background-image:linear-gradient(var(--gridLine) 1px,transparent 1px),linear-gradient(90deg,var(--gridLine) 1px,transparent 1px)!important}
.heroBadge{background:var(--panel)!important;border-color:var(--line)!important}
.sectionTint{background:var(--bg2)!important;border-block-color:var(--line)!important}
.platformCard,.audienceCard,.architectureLayer,.principleGrid>div,.specGrid>div,.firmwareGrid>div,.appFeatureGrid>div,.permissionCards>div,.flow>div,.stageCard,.partnerPrinciples>div,.manifestoCard,.ecosystemCycle>div,.docChecklistGrid>div,.troubleGrid>div,.docsV2GridCards>div,.docsV2TwoCol>div,.docsV2MobileMenu{background:var(--panel)!important;border-color:var(--line)!important;color:var(--text)}
.platformCard:hover,.audienceCard:hover,.architectureLayer:hover{background:linear-gradient(180deg,rgba(66,184,131,.065),var(--panel))!important;border-color:rgba(66,184,131,.34)!important}
.buttonGhost{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
.buttonGhost:hover{background:var(--accentSoft)!important;border-color:rgba(66,184,131,.45)!important}

/* Homepage / platform surfaces */
.philosophySection{background:linear-gradient(180deg,var(--bg2),var(--bg))!important;border-block-color:var(--line)!important}
.freedomStrip{background:var(--panel)!important;border-color:var(--line)!important}
.ecosystemStory{background:linear-gradient(180deg,var(--bg),var(--bg2))!important}
.boardVisual{background:radial-gradient(circle at 55% 45%,rgba(66,184,131,.08),transparent 48%),var(--bg2)!important;border-color:var(--line)!important}
.brandTransform,.brandExample,.miniProduct,.offerCard{background:var(--panel2)!important;color:var(--text)!important;border:1px solid var(--line)!important}
.brandTransform span,.brandTransform small,.brandExample small,.brandExample span,.miniProduct span,.miniProduct small,.offerCard>small,.offerCard li span{color:var(--muted)!important}
.offerCard li{border-top-color:var(--line)!important}
.appSection{background:radial-gradient(circle at 20% 50%,rgba(66,184,131,.07),transparent 30%)}
.phone{background:var(--panel)!important;border-color:var(--lineStrong)!important;box-shadow:var(--shadow)!important}
.phoneTop{color:var(--dim)!important}.phoneTop i{background:var(--text)!important}
.telemetryGrid>div,.horizon,.appTabs{background:var(--bg2)!important;border-color:var(--line)!important}
html[data-theme="dark"] .horizon{background:linear-gradient(#2a3138 0 50%,#29251f 50%)!important}
.openSection{background:var(--bg2)!important;color:var(--text)!important}
.openSection .openCopy>p,.openSection .openNote{color:var(--muted)!important}
.openSection h2 span,.permissionGrid svg{color:var(--accent)!important}
.permissionGrid div{border-bottom-color:var(--line)!important}
.poweredSection{background:linear-gradient(135deg,var(--bg2),var(--bg))!important}
.poweredStamp{background:var(--panel)!important;border-color:var(--line)!important}

/* Real hardware imagery */
.hardwarePhotoVisual,.realHardwarePanel{background:var(--bg2)!important}
html[data-theme="dark"] .hardwarePhotoVisual:before{background:linear-gradient(180deg,rgba(20,20,24,.03) 20%,rgba(20,20,24,0) 48%,rgba(8,10,12,.62) 100%)!important}
.realBuildBadge,.realHardwarePanel .boardLabel{background:rgba(20,28,35,.72)!important;color:#fff!important}

/* Partner program */
.partnerHero{background:radial-gradient(circle at 78% 25%,rgba(66,184,131,.12),transparent 34%),radial-gradient(circle at 92% 78%,rgba(66,211,146,.07),transparent 34%),var(--bg)!important;border-bottom-color:var(--line)!important}
.foundingPanel,.applyCard{background:radial-gradient(circle at 85% 20%,rgba(66,184,131,.10),transparent 38%),var(--panel)!important;color:var(--text)!important;border-color:rgba(66,184,131,.24)!important}
.offerShell{background:radial-gradient(circle at 90% 0,rgba(66,184,131,.08),transparent 38%),var(--panel)!important;border-color:rgba(66,184,131,.20)!important}
.partnerCompare{border-color:var(--line)!important}.partnerCompare th,.partnerCompare td{border-bottom-color:var(--line)!important}.partnerCompare thead th{background:rgba(66,184,131,.055)!important}

/* Docs: light follows Vue; dark follows VitePress */
.docsV2Topbar{background:var(--headerBg)!important;border-bottom-color:var(--line)!important;color:var(--text)!important}
.docsV2Callout{background:var(--panel)!important;border-color:var(--line)}
.docsV2NavGroup a.active{background:linear-gradient(90deg,rgba(66,184,131,.10),transparent)!important}
.docsV2Pager a{background:var(--panel);border-color:var(--line)}
.docsV2Pager a:hover{background:var(--accentSoft)!important}
.codePanel,.jsonExample{background:var(--codeBg)!important;color:var(--codeText)!important;border-color:#2e2e32!important}
.codePanel pre,.jsonExample code,.jsonExample{color:var(--codeText)!important}

/* Footer */
.footer{background:var(--bg)!important;border-top-color:var(--line)!important}.footerBottom{border-top-color:var(--line)!important}

/* Small screens keep theme + GitHub accessible in the top-right */
@media(max-width:1020px){
  .headerActions{gap:4px}
  .headerActions .button{display:none!important}
  .headerDivider{display:none}
}
@media(max-width:700px){
  .headerActions{display:flex!important;margin-left:auto;margin-right:4px}
  .themeToggle,.githubIconLink{width:38px;height:40px}
  .themeTrack{transform:scale(.92)}
  .menuButton{margin-left:0}
}
@media(max-width:380px){
  .logo{gap:7px}.logoWord{font-size:17px}
  .themeToggle,.githubIconLink{width:34px}
  .themeTrack{transform:scale(.86)}
}

@media(prefers-reduced-motion:reduce){body,.themeKnob,.themeKnob svg,.themeTrack{transition:none!important}}

/* ==========================================================================
   Production UI/UX normalization — 2026
   System typography, Vue-like navigation rhythm, accessible interaction,
   consistent responsive spacing and light/dark contrast.
   ========================================================================== */
:root{
  --font-sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --brand:#42b883;
  --brand2:#42d392;
  --accent:#27825c;
  --accent2:#42b883;
  --accentSoft:rgba(66,184,131,.10);
  --buttonText:#ffffff;
  --headerHeight:64px;
  --contentMax:1200px;
}
html[data-theme="dark"]{
  --brand:#42d392;
  --brand2:#42b883;
  --accent:#42d392;
  --accent2:#42b883;
  --accentSoft:rgba(66,211,146,.10);
  --buttonText:#112019;
}
html{scroll-padding-top:calc(var(--headerHeight) + 20px)}
body{
  font-family:var(--font-sans);
  font-size:16px;
  line-height:1.6;
  font-kerning:normal;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
button,input,textarea,select{font:inherit}
code,pre,kbd,samp{font-family:var(--font-mono)}
.container{width:min(var(--contentMax),calc(100% - 48px))}
.narrow{width:min(820px,calc(100% - 48px))}

/* Header aligned with the main content grid */
.headerInner{height:var(--headerHeight)}
.logo{min-height:44px;flex:0 0 auto}
.logoWord{font-size:18px;font-weight:720;letter-spacing:-.025em}
.logoWord span{color:var(--brand)}
.desktopNav{
  align-self:stretch;
  height:100%;
  gap:2px;
  margin-left:auto;
  margin-right:16px;
}
.desktopNav a{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  min-width:max-content;
  padding:0 14px;
  font-size:14px;
  font-weight:600;
  line-height:1;
}
.desktopNav a.active:after{left:12px;right:12px;bottom:0;height:2px}
.headerActions{gap:6px}
.headerDivider{margin-inline:5px}
.themeToggle,.githubIconLink,.menuButton{min-width:44px;min-height:44px}
.themeToggle,.githubIconLink{width:44px;height:44px;border-radius:10px}
.menuButton{width:44px;height:44px;border-radius:10px}
.buttonSmall{min-height:40px;padding-inline:17px;font-size:13px}

/* Accessible Vue green: preserve bright brand green for decoration, darker green
   for normal-sized interactive text in light mode. */
.accentText,.hero h1 em{background:linear-gradient(100deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.heroBadge span,.trustStrip i,.freedomStrip i{background:var(--brand)}
.button,.skipLink{background:var(--accent);border-color:var(--accent);color:var(--buttonText)!important}
.button:hover{background:#226f50;border-color:#226f50}
html[data-theme="dark"] .button:hover{background:#56dda0;border-color:#56dda0}
.textLink,.cardNum,.eyebrow,.yesMark,.docsV2Section a:not(.docsV2Anchor),.docsV2Breadcrumb a:hover{color:var(--accent)}
:where(a,button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Typographic hierarchy */
.hero h1{font-weight:760;letter-spacing:-.052em;line-height:.94}
.pageHero h1,.partnerHero h1,.aboutHero h1{letter-spacing:-.048em}
.sectionTitle h2,.philosophyCopy h2,.offerCopy h2,.foundingHomeGrid h2{letter-spacing:-.042em}
.heroLead,.pageHero p,.partnerLead,.sectionTitle p{line-height:1.72}
.platformCard h3,.audienceCard h3{letter-spacing:-.025em}
.button{font-weight:700}

/* Do not let supporting UI text become unreadably small. */
.heroFine,.philosophyNote,.uiPreviewNote,.openNote,.legalCaveat{font-size:12px!important;line-height:1.6}
.trustStrip{font-size:11px;letter-spacing:.12em}
.footerCols strong{font-size:11px}.footerCols a,.footerCols span{font-size:12px}.footerBottom{font-size:11px;line-height:1.55}
.manifestoCard>small,.aboutPrinciples>div>span,.ecosystemCycle b{font-size:11px}
.manifestoPrinciples b{font-size:11px}.manifestoPrinciples span{font-size:14px}
.foundingPanelTop,.foundingPanelTop b,.foundingSeal span{font-size:11px}.foundingSignals small,.foundingSeal small{font-size:10px}.foundingSignals strong{font-size:12px}
.stageCard>span{font-size:11px}.stageCard small{font-size:10px}.offerNotes span,.partnerStagePills span{font-size:10px}
.offerCard>small,.applyStatus,.applyCard>small,.applyFallback p{font-size:11px}
.partnerCompare thead th{font-size:11px}.applicationChecklist b{font-size:10px}

/* Docs readability */
.docsV2Topbar{top:var(--headerHeight)}
.docsV2TopbarInner{width:min(1360px,calc(100% - 48px))}
.docsV2Shell{width:min(1360px,calc(100% - 48px))}
.docsV2Sidebar,.docsV2Toc{top:146px}
.docsV2NavGroup strong,.docsV2Toc>strong{font-size:10px}
.docsV2NavGroup a{font-size:13px;line-height:1.45;padding:6px 10px}
.docsV2Toc a{font-size:11px;line-height:1.45;padding:6px 0}
.docsV2Breadcrumb{font-size:12px}.docsV2Meta{font-size:11px}.docsV2Version{font-size:10px}
.docsV2Section>p{font-size:16px;line-height:1.8}
.docsV2Callout p{font-size:14px}.docsV2FeatureRows p{font-size:13px}.docsV2Steps p{font-size:14px}.docsV2GridCards p,.docsV2TwoCol p,.docsV2Trouble details p{font-size:13px}
.docsV2FeatureRows strong,.docsV2Steps h3{font-size:15px}
.docsV2Pager span{font-size:10px}.docsV2Pager strong{font-size:13px}

/* Consistent section and card spacing */
.section{padding:104px 0}
.sectionTitle{margin-bottom:48px}
.platformCards,.audienceGrid{gap:18px}
.platformCard,.audienceCard,.stageCard{border-radius:18px}
.platformCard{padding:30px;min-height:360px}
.button{min-height:46px;border-radius:10px}
.buttonGhost{border-color:var(--line)}
.hero{padding-top:80px;min-height:calc(100svh - var(--headerHeight))}
.heroGrid{gap:60px}
.pageHero{padding:84px 0 80px}

/* Mobile navigation behaves as a real touch menu. */
.mobileNav{top:var(--headerHeight);box-shadow:0 18px 35px rgba(0,0,0,.08)}
.mobileNavInner{padding:16px 0 22px;gap:2px}
.mobileNavInner>a:not(.button){min-height:46px;padding:0 12px;font-size:15px;font-weight:600}
.mobileNavInner .button{margin-top:10px}

/* Expanded desktop nav requires a slightly earlier menu breakpoint. */
@media (max-width:1120px){
  .desktopNav{display:none}
  .menuButton{display:block}
  .headerActions .button{display:none!important}
  .headerDivider{display:none}
  .mobileNav{display:block;position:absolute;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--line)}
}

@media (max-width:1020px){
  .hero{padding-top:64px}
  .heroGrid{gap:44px}
}

@media (max-width:700px){
  :root{--headerHeight:64px}
  .headerInner{height:var(--headerHeight)}
  .mobileNav{top:var(--headerHeight)}
  .headerActions{margin-left:auto;margin-right:2px;gap:2px}
  .themeToggle,.githubIconLink{width:42px;height:44px;min-width:42px}
  .menuButton{margin-left:0}
  .section{padding:72px 0}
  .hero{padding-top:44px;min-height:auto}
  .heroGrid{gap:30px}
  .heroCopy{padding-bottom:0}
  .hero h1{font-size:clamp(48px,14.6vw,64px);line-height:.96;letter-spacing:-.048em;margin:24px 0 24px}
  .heroLead{font-size:16px;line-height:1.66}
  .heroButtons{margin-top:26px;gap:10px}
  .heroFine{margin-top:14px}
  .flightVisual{margin-top:2px}
  .pageHero{padding:62px 0 66px}
  .pageHero h1,.aboutHero h1{font-size:clamp(40px,11.5vw,50px)}
  .partnerHero{padding:62px 0 66px}.partnerHero h1{font-size:clamp(44px,12.5vw,52px)}
  .sectionTitle{margin-bottom:34px}.sectionTitle h2,.philosophyCopy h2{font-size:clamp(34px,9.5vw,42px)}
  .platformCard{min-height:0;padding:24px}.platformCard h3{margin-top:28px}
  .docsV2Topbar{top:var(--headerHeight)}
  .docsV2Shell{width:calc(100% - 32px)}
  .docsV2ArticleHeader h1{font-size:clamp(40px,11vw,46px)}
  .docsV2Section{padding-top:52px}.docsV2Section h2{font-size:25px}
  .docsV2Lead{font-size:16px}
  .footerCols a{min-height:36px}
}

@media (max-width:380px){
  .logo{gap:6px}.logoWord{font-size:16px}
  .themeToggle,.githubIconLink{width:36px;min-width:36px}.themeTrack{transform:scale(.84)}
  .menuButton{width:42px;min-width:42px}
  .container,.narrow{width:min(100% - 28px,var(--contentMax))}
  .hero h1{font-size:clamp(44px,13.5vw,50px)}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* Final visual QA fixes */
.buttonGhost{background:var(--panel)!important;color:var(--text)!important;border-color:var(--line)!important}
.buttonGhost:hover{background:var(--accentSoft)!important;color:var(--text)!important;border-color:rgba(39,130,92,.42)!important}
html[data-theme="dark"] .buttonGhost:hover{border-color:rgba(66,211,146,.42)!important}
.heroFine,.philosophyNote,.uiPreviewNote,.openNote,.legalCaveat,.footerCols a,.footerCols span,.footerBottom,.trustStrip{color:var(--muted)!important}
.docsV2Breadcrumb,.docsV2Meta,.docsV2Toc a{color:var(--muted)}
.docsV2CalloutInfo .docsV2CalloutLabel,.docsV2CalloutTip .docsV2CalloutLabel{color:var(--accent)}
.docsV2CalloutWarning .docsV2CalloutLabel{color:#8a5a00}
.docsV2CalloutNeutral .docsV2CalloutLabel{color:#5f6d68}
html[data-theme="dark"] .docsV2CalloutWarning .docsV2CalloutLabel{color:#f4c176}
html[data-theme="dark"] .docsV2CalloutNeutral .docsV2CalloutLabel{color:#a4b6b0}

/* Keep the Founding Partner seal clear of the data row on wide screens. */
@media(min-width:701px){
  .foundingPanel h2{max-width:350px}
  .foundingSeal{width:118px;height:118px;right:28px;top:86px;bottom:auto;transform:rotate(-6deg)}
  .foundingSeal:before{inset:6px}
  .foundingSeal strong{font-size:12px;margin:5px 0}.foundingSeal span{font-size:10px}.foundingSeal small{font-size:9px}
}
@media(max-width:700px){
  .foundingPanel{min-height:0}
  .foundingSeal{position:relative;right:auto;bottom:auto;top:auto;width:122px;height:122px;margin:28px 0 0 auto;transform:rotate(-5deg)}
}
@media(max-width:380px){
  .themeToggle,.githubIconLink{width:44px;min-width:44px;height:44px}
  .menuButton{width:44px;min-width:44px;height:44px}
}
@media(max-width:700px){.themeToggle,.githubIconLink{width:44px;min-width:44px;height:44px}}


/* ESPFlight App — real landscape interface showcase */
.appShowcaseVisual{
  width:100%;
  margin-inline:auto;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:#080b0c;
  box-shadow:0 28px 72px rgba(0,0,0,.18);
}
.appShowcaseVisual picture{display:block}
.appShowcaseImage{display:block;width:100%;height:auto;object-fit:contain}
.appShowcaseHome{max-width:760px}
.appShowcaseHero{max-width:760px}
.appSection .appSplit{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:72px}
.appSection .sectionTitle{max-width:520px;margin-bottom:26px}
.appSection .sectionTitle .eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:12px}
.appSection .sectionTitle h2{font-size:clamp(32px,3.2vw,44px);line-height:1.02;letter-spacing:-.04em}
.appSection .sectionTitle p{font-size:16px;line-height:1.65;margin-top:16px}
.appSection .featurePills{margin:18px 0 26px}
.pageHeroGrid>.appShowcaseVisual{justify-self:end}
html[data-theme="dark"] .appShowcaseVisual{border-color:rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.34)}

@media(max-width:1020px){
  .appSection .appSplit{grid-template-columns:1fr;gap:42px}
  .appSplit .appShowcaseHome{order:2}
  .appShowcaseHome,.appShowcaseHero{max-width:780px}
  .pageHeroGrid>.appShowcaseVisual{justify-self:center}
}
@media(max-width:700px){
  .appShowcaseVisual{border-radius:18px}
  .appSection .appSplit{gap:32px}
  .appSection .sectionTitle{margin-bottom:22px}
  .appSection .sectionTitle .eyebrow{font-size:10.5px;letter-spacing:.15em;margin-bottom:10px}
  .appSection .sectionTitle h2{font-size:clamp(30px,8.7vw,36px);line-height:1.02;letter-spacing:-.035em}
  .appSection .sectionTitle p{font-size:15px;line-height:1.65;margin-top:14px}
  .appSection .featurePills{gap:8px;margin:16px 0 22px}
  .uiPreviewNote{margin-top:10px!important}
}

/* ESPFlight App — precision hover magnifier */
.appShowcaseVisual{position:relative}
.appMagnifierLens{
  position:absolute;
  z-index:6;
  width:168px;
  height:168px;
  left:0;
  top:0;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.82);
  background-repeat:no-repeat;
  background-color:#080b0c;
  box-shadow:0 14px 38px rgba(0,0,0,.32),0 0 0 1px rgba(0,0,0,.16) inset;
  pointer-events:none;
  opacity:0;
  transform:scale(.86);
  transition:opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1);
  will-change:left,top,background-position,transform,opacity;
}
.appMagnifierLens::after{
  content:"";
  position:absolute;
  width:42px;
  height:9px;
  right:-29px;
  bottom:4px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 4px 10px rgba(0,0,0,.22);
  transform:rotate(45deg);
  transform-origin:left center;
}
.appShowcaseVisual.is-magnifying .appMagnifierLens{opacity:1;transform:scale(1)}

@media(hover:hover) and (pointer:fine){
  .appShowcaseVisual[data-app-magnifier]{cursor:zoom-in}
  .appShowcaseVisual[data-app-magnifier].is-magnifying{cursor:none}
}
@media(max-width:700px),(hover:none),(pointer:coarse){
  .appMagnifierLens{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .appMagnifierLens{transition:none}
}


/* Legal & licensing pages */
.legalHeroCard{border:1px solid var(--line);border-radius:24px;padding:30px;background:var(--bg2);box-shadow:var(--shadow)}
.legalHeroCard small{display:block;font-size:10px;letter-spacing:.14em;font-weight:850;color:var(--accent);margin-bottom:12px}
.legalHeroCard strong{display:block;font-size:24px;line-height:1.25;letter-spacing:-.025em}
.legalHeroCard p{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0 0}
.legalActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.legalSummaryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.legalSummaryGrid>div{border:1px solid var(--line);border-radius:18px;padding:25px;background:var(--bg)}
.legalSummaryGrid b{display:block;color:var(--accent);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px}
.legalSummaryGrid h3{font-size:19px;margin:0 0 9px;letter-spacing:-.02em}
.legalSummaryGrid p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.legalDocumentWrap{max-width:980px;margin:0 auto}
.legalDocumentHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.legalDocumentHeader h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;margin:0}
.legalDocumentHeader p{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.6}
.licenseText{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;border:1px solid var(--line);border-radius:20px;padding:32px;background:var(--bg2);color:var(--text);font:12px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;box-shadow:0 18px 50px rgba(0,0,0,.045)}
.policyDocument{border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,44px);background:var(--bg2)}
.policyDocument h1{display:none}.policyDocument h2{font-size:25px;letter-spacing:-.025em;margin:38px 0 13px}.policyDocument h2:first-of-type{margin-top:0}.policyDocument p,.policyDocument li{font-size:14px;line-height:1.78;color:var(--muted)}
.policyDocument strong{color:var(--text)}.policyDocument ul{padding-left:22px}.policyDocument li{margin:7px 0}
.policyDocument code{font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--accentSoft);color:var(--accent);padding:2px 6px;border-radius:6px}
.legalBacklinks{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.footerCols{grid-template-columns:repeat(4,1fr)}
@media (max-width:1020px){.legalSummaryGrid{grid-template-columns:1fr 1fr}.footerCols{grid-template-columns:repeat(2,1fr);max-width:760px}}
@media (max-width:700px){.legalSummaryGrid{grid-template-columns:1fr}.legalDocumentHeader{align-items:flex-start;flex-direction:column}.licenseText{padding:20px 16px;font-size:10.5px}.legalHeroCard{padding:24px}.footerCols{grid-template-columns:1fr 1fr}}


/* Final homepage information hierarchy: Partner Program is an optional next step. */
.partnerTeaserSection{padding:34px 0 88px;background:var(--bg);}
.partnerTeaser{display:flex;align-items:center;justify-content:space-between;gap:44px;border-top:1px solid var(--line);padding-top:34px}
.partnerTeaserCopy{max-width:760px}
.partnerTeaser .eyebrow{margin-bottom:10px}
.partnerTeaser h2{font-size:clamp(28px,3.6vw,42px);line-height:1.08;letter-spacing:-.045em;margin:0}
.partnerTeaser p{font-size:14px;line-height:1.72;color:var(--muted);margin:14px 0 0;max-width:720px}
.partnerTeaser>.button{flex:0 0 auto}
@media(max-width:700px){.partnerTeaserSection{padding:16px 0 72px}.partnerTeaser{align-items:flex-start;flex-direction:column;gap:22px;padding-top:28px}.partnerTeaser>.button{width:100%}}