body.landing-active{overflow:auto;background:#050d18}.landing-active>.topbar,.landing-active>.app-shell{display:none}.landing-active>.environment-badge{top:auto;right:16px;bottom:16px}.landing-page{--landing-bg:#050d18;--landing-panel:#091525;--landing-panel-2:#0c192a;--landing-line:#172b47;--landing-line-soft:rgba(57,102,158,.22);--landing-blue:#3984ff;--landing-blue-bright:#65a4ff;--landing-text:#f4f7fb;--landing-muted:#99a9bd;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 51% 17%,rgba(32,98,187,.15),transparent 31%),linear-gradient(180deg,#050c16 0%,#06101d 55%,#071321 100%);color:var(--landing-text);font-family:"DM Sans",sans-serif}.landing-page a{color:inherit;text-decoration:none}.landing-nav{height:82px;display:flex;align-items:center;gap:44px;padding:0 clamp(24px,4vw,68px);border-bottom:1px solid rgba(58,91,132,.28);position:relative;z-index:10;background:rgba(4,11,20,.72);backdrop-filter:blur(18px)}.landing-logo{display:inline-flex;align-items:center;gap:11px;font-weight:700;font-size:23px;letter-spacing:-.04em;white-space:nowrap}.landing-logo img{width:37px;height:37px;border-radius:9px}.landing-logo>span>span{color:var(--landing-blue)}.landing-logo em{font:700 8px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;color:#8bb8ff;border:1px solid #214b80;border-radius:99px;padding:5px 7px;margin-left:3px}.landing-nav-links{display:flex;gap:35px;margin-left:auto}.landing-nav-links a,.landing-nav-actions>a:first-child{font-size:14px;color:#c9d3df;transition:color .2s}.landing-nav-links a:hover,.landing-nav-actions>a:first-child:hover{color:#fff}.landing-nav-actions{display:flex;align-items:center;gap:26px;margin-left:38px}.landing-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 25px;border:1px solid #3e8bff;border-radius:6px;background:linear-gradient(135deg,#2870df,#3989ff);box-shadow:0 12px 34px rgba(27,102,218,.22),inset 0 1px rgba(255,255,255,.18);font-size:14px;font-weight:600;color:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.landing-button:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(27,102,218,.3),inset 0 1px rgba(255,255,255,.2)}.landing-button svg,.landing-pill svg,.landing-proof svg,.landing-feature-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.landing-button-small{min-height:44px;padding:0 22px}.landing-button-ghost{background:rgba(7,17,30,.55);border-color:#29496e;box-shadow:none}.landing-button-ghost:hover{border-color:#4c78ab;box-shadow:0 13px 30px rgba(0,0,0,.18)}.landing-hero{min-height:578px;display:grid;grid-template-columns:minmax(370px,.77fr) minmax(560px,1.23fr);gap:clamp(28px,4vw,80px);align-items:center;padding:58px 0 58px clamp(34px,4vw,70px);position:relative;border-bottom:1px solid rgba(48,81,122,.3)}.landing-hero-glow{position:absolute;width:560px;height:560px;left:-190px;top:-80px;background:radial-gradient(circle,rgba(31,109,222,.16),transparent 68%);pointer-events:none}.landing-hero-copy{position:relative;z-index:2;max-width:600px}.landing-pill{width:max-content;display:flex;align-items:center;gap:8px;margin-bottom:27px;border:1px solid #204a7c;border-radius:999px;padding:7px 13px 7px 10px;color:#5e9eff;background:rgba(10,31,57,.48);font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}.landing-pill svg{width:14px;height:14px}.landing-hero h1{margin:0;font-size:clamp(43px,4.1vw,69px);line-height:1.04;letter-spacing:-.052em;font-weight:700}.landing-hero h1 span{color:var(--landing-blue)}.landing-hero-copy>p{max-width:575px;margin:25px 0 0;color:#aab7c7;font-size:17px;line-height:1.72}.landing-hero-actions{display:flex;gap:14px;margin-top:34px}.landing-proof{display:flex;flex-wrap:wrap;gap:25px;margin-top:31px;color:#b7c2cf;font-size:12px}.landing-proof span{display:flex;align-items:center;gap:8px}.landing-proof svg{width:16px;height:16px;color:var(--landing-blue)}.landing-circuit{position:absolute;opacity:.22;pointer-events:none;background-image:linear-gradient(90deg,transparent 0 12%,#315478 12% calc(12% + 1px),transparent calc(12% + 1px) 39%,#315478 39% calc(39% + 1px),transparent calc(39% + 1px)),linear-gradient(0deg,transparent 0 28%,#315478 28% calc(28% + 1px),transparent calc(28% + 1px) 65%,#315478 65% calc(65% + 1px),transparent calc(65% + 1px));background-size:180px 110px}.landing-circuit:before,.landing-circuit:after{content:"";position:absolute;width:8px;height:8px;border:1px solid #4a7caf;border-radius:50%;box-shadow:112px 52px 0 -3px #4a7caf,226px 5px 0 -3px #4a7caf}.landing-circuit-left{width:320px;height:150px;left:0;bottom:-30px}.landing-preview-wrap{position:relative;min-width:0;z-index:2;perspective:1600px;padding:22px 0}.landing-preview-glow{position:absolute;inset:12% 5% -5%;z-index:-1;background:rgba(35,116,231,.14);filter:blur(45px);border-radius:50%}.landing-editor-frame{width:min(930px,calc(100vw - 610px));min-width:650px;aspect-ratio:1.48;background:#07111d;border:1px solid #294665;border-radius:13px;box-shadow:-10px 28px 65px rgba(0,0,0,.48),0 0 50px rgba(34,108,213,.09),inset 0 1px rgba(255,255,255,.03);overflow:hidden;transform:rotateY(-5deg) rotateX(1.4deg) rotateZ(.5deg);transform-origin:center left}.landing-editor-topbar{height:52px;display:flex;align-items:center;gap:18px;padding:0 13px;border-bottom:1px solid #1d2d40;background:#09131f;color:#dce7f2;font-size:10px}.landing-editor-brand{display:flex;align-items:center;gap:7px;width:150px}.landing-editor-brand span{width:25px;height:25px;display:grid;place-items:center;background:#102a4b;border:1px solid #24538a;border-radius:6px;color:#5d9eff;font:700 8px "IBM Plex Mono",monospace}.landing-editor-brand strong{font-size:13px}.landing-editor-title{display:flex;align-items:center;gap:7px;flex:1;color:#9eabb9}.landing-editor-title i{width:5px;height:5px;background:#4fac77;border-radius:50%}.landing-editor-actions{display:flex;gap:7px}.landing-editor-actions button{border:1px solid #2b4058;border-radius:4px;background:#0d1b2a;color:#b9c6d4;font-size:8px;padding:6px 9px}.landing-editor-actions button.is-primary{border-color:#3278dd;background:#286fdc;color:white}.landing-editor-body{height:calc(100% - 52px);display:grid;grid-template-columns:38px 150px minmax(300px,1fr) 150px}.landing-tool-rail{display:flex;flex-direction:column;align-items:center;gap:5px;padding:11px 5px;background:#0a1622;border-right:1px solid #1b2b3e;color:#74869b}.landing-tool-rail>*{width:27px;height:27px;display:grid;place-items:center;border-radius:4px;font-size:12px}.landing-tool-rail b{color:#5e9eff;background:#102a48}.landing-tool-rail i{height:1px;background:#213349;margin:4px 0}.landing-symbol-panel,.landing-inspector{background:#0b1724;padding:14px 11px;color:#98a8b9;overflow:hidden}.landing-symbol-panel{border-right:1px solid #1b2b3e}.landing-symbol-panel>small,.landing-inspector>small{display:block;color:#6d7f92;font:500 7px "IBM Plex Mono",monospace;letter-spacing:.11em}.landing-symbol-panel>strong,.landing-inspector>strong{display:block;color:#dce5ef;font-size:12px;margin-top:3px}.landing-editor-search{margin:12px 0 14px;border:1px solid #1f344c;border-radius:4px;background:#0d1c2c;padding:7px;color:#64788e;font-size:7px}.landing-symbol-panel p,.landing-inspector p{font:500 6px "IBM Plex Mono",monospace;letter-spacing:.08em;color:#718399;margin:14px 0 7px}.landing-symbol-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.landing-symbol-grid span{height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #192b3f;border-radius:4px;background:#0d1a28;color:#899aad;font-size:6px}.landing-symbol-grid i{font-style:normal;font:13px "IBM Plex Mono",monospace;color:#a4b5c6}.landing-editor-workspace{display:flex;min-width:0;flex-direction:column;background:#111c28}.landing-workspace-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #1c2d3f;background:#0b1723;color:#6f8297;font-size:7px}.landing-workspace-bar b{color:#aebdcb}.landing-canvas{flex:1;padding:18px;background-color:#08121e;background-image:linear-gradient(rgba(53,82,113,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(53,82,113,.1) 1px,transparent 1px),radial-gradient(#28405b 1px,transparent 1px);background-size:20px 20px,20px 20px,5px 5px}.landing-canvas svg{width:100%;height:100%;display:block;background:#0a1521;border:1px solid #23384f;box-shadow:0 10px 28px rgba(0,0,0,.25)}.landing-canvas svg text{fill:#b9c6d4;font:10px "DM Sans",sans-serif}.landing-canvas svg .muted-text{fill:#687a8e;font-size:8px}.landing-canvas svg .small-text{font-size:8px}.landing-canvas svg .micro-text{font:6px "IBM Plex Mono",monospace}.landing-canvas svg .preview-brand{font-weight:700;letter-spacing:.05em}.landing-canvas svg rect,.landing-canvas svg line,.landing-canvas svg path,.landing-canvas svg circle{fill:none;stroke:#8fa1b4;stroke-width:1}.landing-canvas svg circle{fill:#091522}.landing-canvas svg .accent-line{stroke:#3984ff;stroke-width:3}.landing-inspector{border-left:1px solid #1b2b3e}.landing-inspector label{display:block;margin-top:8px;color:#708297;font-size:7px}.landing-inspector label span{display:block;margin-top:4px;padding:7px;border:1px solid #1b3046;border-radius:3px;background:#0e1c2b;color:#9babbc}.landing-inspector .landing-toggle{display:flex;align-items:center;justify-content:space-between}.landing-toggle i{width:22px;height:12px;border-radius:9px;background:#296fce;position:relative}.landing-toggle i:after{content:"";position:absolute;width:8px;height:8px;right:2px;top:2px;border-radius:50%;background:#fff}.landing-features{padding:62px clamp(34px,5vw,82px) 68px;border-bottom:1px solid rgba(48,81,122,.3);position:relative}.landing-section-heading{text-align:center;margin-bottom:44px}.landing-section-heading>span,.landing-assurance>div>span{font:500 10px "IBM Plex Mono",monospace;letter-spacing:.13em;color:#4e91f5}.landing-section-heading h2{margin:12px 0 0;font-size:30px;line-height:1.24;letter-spacing:-.03em}.landing-section-heading h2 b{color:#74aaff;font-weight:600}.landing-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;margin:0 auto}.landing-feature{display:flex;gap:17px;padding:8px clamp(20px,2.5vw,40px);min-height:125px;border-right:1px solid rgba(46,77,115,.34)}.landing-feature:first-child{padding-left:0}.landing-feature:last-child{border-right:0;padding-right:0}.landing-feature-icon{flex:0 0 38px;color:var(--landing-blue)}.landing-feature-icon svg{width:38px;height:38px;stroke-width:1.3}.landing-feature h3{font-size:15px;margin:4px 0 8px;color:#eef3f8}.landing-feature p{margin:0;color:#91a1b3;font-size:12px;line-height:1.65}.landing-assurance{min-height:250px;display:grid;grid-template-columns:minmax(260px,.8fr) minmax(330px,1fr) auto;align-items:center;gap:55px;padding:54px clamp(34px,6vw,96px);position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(9,23,39,.45),rgba(11,30,54,.7),rgba(9,23,39,.45))}.landing-assurance h2{font-size:28px;line-height:1.2;margin:10px 0 0;letter-spacing:-.03em}.landing-assurance>p{color:#9aaabd;font-size:14px;line-height:1.75;max-width:570px}.landing-assurance .landing-button{white-space:nowrap}.landing-circuit-right{width:410px;height:180px;right:-50px;bottom:-40px}.landing-footer{min-height:95px;display:flex;align-items:center;gap:30px;padding:24px clamp(34px,5vw,82px);border-top:1px solid rgba(48,81,122,.3);background:#050d17}.landing-footer .landing-logo{font-size:17px}.landing-footer .landing-logo img{width:30px;height:30px}.landing-footer p{margin:auto;color:#73859a;font-size:12px}.landing-footer>a:last-child{color:#77aaff;font-size:12px}
@media(max-width:1180px){.landing-nav-links{display:none}.landing-hero{grid-template-columns:1fr;padding-right:34px}.landing-hero-copy{max-width:720px}.landing-preview-wrap{width:100%;padding:10px 20px 30px}.landing-editor-frame{width:100%;min-width:0;transform:rotateY(-2deg) rotateX(1deg)}.landing-feature-grid{grid-template-columns:1fr 1fr;gap:34px 0}.landing-feature:nth-child(2){border-right:0}.landing-feature:nth-child(3),.landing-feature:nth-child(4){border-top:1px solid rgba(46,77,115,.34);padding-top:30px}.landing-assurance{grid-template-columns:1fr 1fr}.landing-assurance .landing-button{grid-column:1/-1;width:max-content}}
@media(max-width:720px){.landing-nav{height:70px;padding:0 18px}.landing-logo{font-size:19px}.landing-logo img{width:32px;height:32px}.landing-logo em,.landing-nav-actions>a:first-child{display:none}.landing-nav-actions{margin-left:auto;gap:0}.landing-button-small{min-height:38px;padding:0 14px;font-size:12px}.landing-hero{min-height:auto;padding:46px 18px 48px;gap:42px}.landing-hero h1{font-size:clamp(38px,12vw,54px)}.landing-hero h1 br{display:block}.landing-hero-copy>p{font-size:15px;line-height:1.65}.landing-hero-actions{align-items:stretch;flex-direction:column}.landing-hero-actions .landing-button{width:100%}.landing-proof{display:grid;grid-template-columns:1fr}.landing-preview-wrap{padding:0}.landing-editor-frame{aspect-ratio:1.2;transform:none;border-radius:9px}.landing-editor-body{grid-template-columns:30px 100px 1fr}.landing-inspector{display:none}.landing-editor-brand{width:120px}.landing-editor-title{display:none}.landing-editor-actions button:first-child{display:none}.landing-symbol-panel{padding:10px 7px}.landing-symbol-grid{grid-template-columns:1fr}.landing-symbol-grid span:nth-child(even){display:none}.landing-symbol-panel p:nth-of-type(2),.landing-symbol-panel p:nth-of-type(2)+.landing-symbol-grid{display:none}.landing-canvas{padding:8px}.landing-canvas svg{min-width:430px}.landing-editor-workspace{overflow:hidden}.landing-features{padding:51px 20px}.landing-section-heading h2{font-size:25px}.landing-feature-grid{grid-template-columns:1fr;gap:0}.landing-feature,.landing-feature:first-child,.landing-feature:last-child{padding:24px 0;border-right:0;border-top:1px solid rgba(46,77,115,.34)}.landing-feature:first-child{border-top:0}.landing-assurance{grid-template-columns:1fr;gap:16px;padding:48px 20px}.landing-assurance h2{font-size:25px}.landing-assurance>p{font-size:13px}.landing-assurance .landing-button{grid-column:auto;width:100%;margin-top:10px}.landing-footer{justify-content:space-between;padding:22px 20px}.landing-footer p{display:none}}
@media(prefers-reduced-motion:reduce){.landing-button{transition:none}.landing-button:hover{transform:none}}
.landing-page{min-height:100svh;min-height:100dvh}.landing-hero-copy{min-width:0}.landing-nav{padding-left:max(clamp(24px,4vw,68px),env(safe-area-inset-left));padding-right:max(clamp(24px,4vw,68px),env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.landing-footer{padding-left:max(clamp(34px,5vw,82px),env(safe-area-inset-left));padding-right:max(clamp(34px,5vw,82px),env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.landing-page :focus-visible{outline:3px solid #8bbaff;outline-offset:3px}.landing-button:focus-visible{outline-color:#fff}.landing-editor-actions button{pointer-events:none}
@media(max-width:720px){.landing-nav{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));min-height:70px;height:auto}.landing-hero{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.landing-pill{width:fit-content;max-width:100%;white-space:normal;font-size:9px;letter-spacing:.05em}.landing-features,.landing-assurance,.landing-footer{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}
@media(max-width:920px) and (max-height:520px) and (orientation:landscape){.landing-hero{padding-top:20px;gap:24px}.landing-pill{margin-bottom:12px}.landing-hero h1{font-size:36px}.landing-hero-copy>p,.landing-proof{display:none}.landing-hero-actions{margin-top:18px;flex-direction:row}.landing-hero-actions .landing-button{width:auto;flex:1}.landing-preview-wrap{padding-bottom:10px}}
.landing-footer-links{display:flex;align-items:center;gap:22px}.landing-footer-links a{color:#77aaff;font-size:12px}@media(max-width:720px){.landing-footer-links{gap:14px;flex-direction:column;align-items:flex-end}}
