:root{--bg:#071321;--panel:#0e2337;--panel2:#10283e;--line:#284257;--muted:#91a8b9;--text:#eaf6fd;--mint:#39d2c5;--amber:#ffaf72;--red:#ff7885;--green:#8de5b9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}.wrap{width:min(1200px,calc(100% - 72px));margin:auto}.announcement{text-align:center;background:#102737;padding:10px 12px;letter-spacing:2px;color:#9bc4d2;font-size:10px;font-weight:800}.pulse{display:inline-block;width:8px;height:8px;background:var(--mint);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #39d2c51d}.sep{display:inline-block;width:15px}.topbar{height:90px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #26374a}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:900;letter-spacing:1px}.brand em{color:var(--mint);font-style:normal}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.3px;margin-top:4px}.brand-mark{width:43px;height:43px;border:1px solid #399d9a;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:26px;color:var(--mint)}.brand-dot{color:var(--amber)}nav{display:flex;gap:30px;color:#a9bdcc;font-size:13px}nav a:hover{color:white}.nav-cta{border:1px solid #38536b;padding:13px 16px;border-radius:11px;font-weight:700;font-size:13px}.nav-cta span{color:var(--mint);margin-left:9px}.hero{position:relative;padding-top:102px;padding-bottom:118px;min-height:650px;overflow:hidden}.eyebrow,.section-label{font-size:11px;letter-spacing:2.3px;font-weight:800;color:var(--mint)}.mini-line{display:inline-block;vertical-align:middle;width:27px;height:2px;background:var(--mint);margin-right:12px}.hero h1{position:relative;z-index:2;font-size:clamp(53px,7.5vw,96px);line-height:1.03;letter-spacing:-5px;margin:28px 0 22px;font-weight:820}.hero h1 span{color:var(--mint)}.lead{font-size:20px;color:#a6bccc;line-height:1.65;max-width:680px;position:relative;z-index:2}.lead strong{color:white}.hero-actions{display:flex;gap:12px;margin-top:32px;position:relative;z-index:2}.primary,.secondary{display:inline-flex;gap:26px;align-items:center;border-radius:11px;padding:17px 20px;font-size:14px;font-weight:800}.primary{background:var(--mint);color:#031720}.secondary{border:1px solid #35516b;color:#e2f3fa}.hero-metrics{display:flex;gap:37px;margin-top:81px;position:relative;z-index:2}.hero-metrics div{display:flex;align-items:center;gap:12px}.hero-metrics strong{font-weight:900;font-size:30px;color:white}.hero-metrics span{color:var(--muted);font-size:11px;line-height:1.5}.hero-glow{position:absolute;right:-46px;top:90px;width:505px;height:460px;background:radial-gradient(circle at 52% 48%,#27d5c019,transparent 58%);filter:drop-shadow(0 20px 90px #00c9bd18)}.glow-card{position:absolute;width:230px;height:153px;background:linear-gradient(150deg,#17424a,#122337);border:1px solid #2f746f;border-radius:20px;color:var(--mint);font-size:62px;font-weight:900;text-align:center;padding:22px}.glow-card span{display:block;font-size:12px;letter-spacing:3px;color:white}.glow-card.a{left:3px;top:45px;transform:rotate(-11deg)}.glow-card.b{right:22px;top:213px;color:var(--amber);border-color:#7c5c40;transform:rotate(11deg)}.glow-middle{position:absolute;left:145px;top:171px;width:200px;height:112px;border:1px solid #588b9a;background:#0a2030;border-radius:24px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:900;box-shadow:0 15px 60px #010b14}.glow-middle span{color:var(--mint);font-size:27px}.section{padding-top:86px;padding-bottom:72px;border-top:1px solid #1f354a}.section-head{display:flex;justify-content:space-between;gap:38px;align-items:end;margin:12px 0 34px}.section h2{font-size:clamp(32px,4.2vw,53px);line-height:1.16;letter-spacing:-2px;margin:0;font-weight:830;max-width:740px}.section h2 em{color:var(--mint);font-style:normal}.section-head p{color:var(--muted);max-width:370px;font-size:14px;line-height:1.7;margin:0 0 4px}.requirement-grid,.strategy-grid,.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.requirement{border:1px solid #254356;border-radius:20px;background:linear-gradient(145deg,#12273b,#0a1a2d);padding:29px;min-height:290px;position:relative;overflow:hidden}.count{color:#6b899b;font-size:14px;font-weight:900}.req-icon{font-size:43px;color:var(--mint);margin-top:32px}.requirement h3{font-size:20px;letter-spacing:-.4px}.requirement p{color:#adc0ce;font-size:14px;line-height:1.7}.requirement strong{color:#e9f8fc}.original{border-top:1px solid #254457;color:#738e9f;font-size:11px;padding-top:14px;line-height:1.5;margin-top:22px}.scope-banner{margin-top:20px;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #5b5939;background:#302c20;border-radius:13px;color:#e9c886;font-size:13px;line-height:1.6}.scope-status{font-size:10px;font-weight:900;letter-spacing:1.5px;padding:8px 10px;color:#1b1f1e;background:#e3c27c;border-radius:5px}.strategy-grid{grid-template-columns:1fr 1fr;gap:20px}.strategy{padding:32px;border:1px solid #275a5b;border-radius:22px;background:linear-gradient(155deg,#102d37 0%,#0b1e2f 80%)}.strategy-b{border-color:#74553d;background:linear-gradient(155deg,#34271f 0%,#141e2e 78%)}.strategy-kicker{color:var(--mint);letter-spacing:2px;font-size:10px;font-weight:900}.strategy-b .strategy-kicker{color:var(--amber)}.strategy-kicker span{color:var(--muted)}.strategy h3{font-size:34px;letter-spacing:-1.2px;margin:20px 0 8px}.strategy p{font-size:14px;color:#a9c0ce;line-height:1.7;max-width:490px;min-height:72px}.strategy-diagram{display:flex;align-items:center;gap:10px;margin:29px 0}.strategy-diagram span{background:#173d48;border:1px solid #2f7177;padding:18px 12px;border-radius:9px;flex:1;text-align:center;font-size:13px;font-weight:700}.strategy-diagram b{color:var(--mint)}.strategy-b .strategy-diagram span{background:#3c302b;border-color:#7b5540}.strategy-b .strategy-diagram b{color:var(--amber)}.strategy ul{color:#aec5d0;font-size:13px;line-height:2;padding-left:18px;margin-bottom:24px}.strategy-button{padding:14px 17px;border:1px solid #4d8f8b;border-radius:9px;background:transparent;color:var(--mint);font-weight:800;cursor:pointer}.strategy-b .strategy-button{border-color:#aa7956;color:var(--amber)}.strategy-button:hover{background:#ffffff11}.demo-section{background:#09192a}.demo-shell{border:1px solid #385268;border-radius:24px;background:#0b1d2e;overflow:hidden;box-shadow:0 25px 70px #020a13}.demo-toolbar{padding:16px 23px;background:#13283b;border-bottom:1px solid #2b4861;display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-tabs{display:flex;gap:7px}.demo-tabs button{padding:12px 15px;border:1px solid #385269;color:#b8cedc;background:transparent;border-radius:9px;cursor:pointer;font-size:14px;font-weight:900}.demo-tabs button span{font-size:11px;letter-spacing:1px;margin-left:5px}.demo-tabs button.selected.mode-a-tab{border-color:#48ccbd;background:#146768;color:white}.demo-tabs button.selected.mode-b-tab{border-color:#eda66f;background:#6f452d;color:white}.demo-privacy{color:#84a8b4;font-size:11px}.demo-description{padding:17px 25px;color:#b8ceda;font-size:13px;line-height:1.6;border-bottom:1px solid #263d52}.demo-grid{display:grid;grid-template-columns:1.34fr 1fr;min-height:560px}.pis-window{padding:22px;border-right:1px solid #2a4557}.window-bar{background:#183146;border:1px solid #31485e;border-bottom:none;border-radius:12px 12px 0 0;padding:13px 14px;display:flex;align-items:center;gap:13px}.traffic{display:flex;gap:5px}.traffic i{display:block;width:10px;height:10px;border-radius:50%;background:#ec7e85}.traffic i:nth-child(2){background:#edc36d}.traffic i:nth-child(3){background:#72caa7}.address{color:#9eb5c3;font-family:monospace;font-size:11px;flex:1;text-align:center}.secure{font-size:10px;color:#75cfb6}.pis-app{display:flex;min-height:446px;background:#f4f7f8;color:#223647;border:1px solid #31485e;position:relative;overflow:hidden;border-radius:0 0 12px 12px}.pis-sidebar{width:154px;min-width:154px;background:#183246;color:#ccdfe9;display:flex;flex-direction:column}.pis-logo{padding:22px 13px;font-size:23px;color:#7fd6cb;font-weight:900}.pis-logo span{font-size:11px;color:white;margin-left:5px}.pis-menu{padding:13px 14px;font-size:12px;color:#9baeba;display:flex;gap:10px}.pis-menu.active{background:#2a5260;color:white;font-weight:800}.pis-bottom{font-size:10px;color:#86a1b1;line-height:1.6;margin:auto 14px 17px;border-top:1px solid #426075;padding-top:12px}.pis-content{flex:1;min-width:0;padding:25px 26px}.pis-breadcrumb{font-size:10px;color:#8397a7;letter-spacing:1px}.pis-top{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:32px}.muted-label{display:block;font-size:10px;letter-spacing:1px;color:#78909c}.pis-top h3{font-size:28px;letter-spacing:-1px;margin:5px 0}.pis-top select{padding:10px 7px;font-size:10px;border:1px solid #cfdee3;border-radius:7px;background:white;max-width:130px}.pis-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.pis-info div{padding:10px 9px;border-radius:7px;background:white;border:1px solid #dae3e6}.pis-info span{display:block;color:#899ba6;font-size:8px;letter-spacing:.7px}.pis-info strong{font-size:10px;margin-top:5px;display:block}.pis-note-title{margin-top:29px;font-weight:800;font-size:12px}.status-chip{background:#d8ede8;color:#3e8069;border-radius:5px;padding:4px 8px;font-size:9px;margin-left:8px}.pis-note{font-size:12px;line-height:1.5;color:#526b77;padding:14px;background:white;border:1px solid #dce8eb;border-radius:8px;margin-top:9px;min-height:52px}.pis-note-title.second{margin-top:16px}.pis-note.soft{background:#f9fbfb}.pis-disabled{font-size:9px;color:#9faeb6;margin-top:18px;text-align:right}.browser-injection{position:absolute;right:0;top:0;bottom:0;width:270px;max-width:53%;background:#192c38;box-shadow:-8px 0 35px #00111d70;color:#eaf8fb;border-left:3px solid var(--amber);padding:20px;z-index:10}.browser-injection[hidden]{display:none}.injection-title{font-size:12px;font-weight:900;color:var(--amber);letter-spacing:.7px;display:flex;justify-content:space-between}.injection-title button{background:none;border:0;color:white;cursor:pointer;font-size:21px}.injection-sub{color:#b4c4cb;font-size:11px;margin-top:28px;line-height:1.65}.injection-box{background:#283c4b;border:1px solid #486170;border-radius:12px;padding:16px;font-size:9px;color:#93abba;letter-spacing:1px;margin-top:18px;line-height:1.7}.injection-box strong{display:block;color:white;font-size:14px;letter-spacing:0;margin-top:8px}.injection-box small{display:block;margin-top:8px;letter-spacing:0;font-size:10px}.injection-context{color:#b7cbd1;font-size:12px;line-height:1.8;margin-top:20px}.injection-footer{position:absolute;bottom:18px;font-size:10px;color:#8a9fae}.control-panel{padding:26px}.control-head span{color:var(--mint);font-size:10px;font-weight:900;letter-spacing:2px}.control-head h3{font-size:29px;margin:14px 0 7px;letter-spacing:-.7px}.control-head p{font-size:12px;line-height:1.6;color:#99b2c2;min-height:41px}.steps{display:grid;gap:8px;margin:23px 0}.steps[hidden]{display:none}.steps button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid #355268;border-radius:11px;background:#152e41;color:white;padding:12px 15px;cursor:pointer;min-height:70px}.steps button:hover:not(:disabled){border-color:var(--mint);background:#1b3b4a}.steps button:disabled{opacity:.38;cursor:not-allowed}.steps button b{background:#1a6667;color:#bbffec;width:34px;height:34px;flex-shrink:0;border-radius:10px;display:grid;place-items:center;font-size:13px}.steps button span:nth-child(2){flex:1}.steps button strong{font-size:12px;display:block}.steps button small{font-size:10px;color:#a0b9c9;display:block;margin-top:4px}.step-arrow{font-size:16px;color:var(--mint)}.console-heading{margin-top:25px;border-top:1px solid #2b4257;padding-top:22px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:1.7px;color:#94b4c6}.console-heading span{font-size:17px;color:var(--mint)}.console-heading button{margin-left:auto;border:0;background:transparent;color:#d4eaf5;cursor:pointer;font-size:11px}.trace{background:#071623;border:1px solid #294456;border-radius:9px;max-height:160px;min-height:108px;overflow:auto;padding:13px 14px;font-family:ui-monospace,monospace;font-size:10px;line-height:1.9}.trace-item{color:#afd3d7}.trace-item.system{color:#7593a4}.trace-item.ok{color:#86dfb3}.trace-item.block{color:#ff999e}.result-panel{border:1px solid #2b4957;background:#102a3a;border-radius:11px;padding:14px 17px;margin-top:12px;min-height:80px;font-size:12px;line-height:1.6}.result-label{font-size:9px;letter-spacing:2px;color:#88a9b9;font-weight:900;margin-bottom:8px}.result-empty{color:#839fad}.result-success{color:#a6e9d6}.result-warning{color:#ffc3a7}.demo-caveat{color:#8da6b5;font-size:11px;line-height:1.65;margin-top:20px}.comparison-wrap{border:1px solid #2b455a;border-radius:18px;overflow:auto}.comparison-wrap table{width:100%;border-collapse:collapse;min-width:670px}.comparison-wrap th{background:#1c3548;padding:20px;text-align:left;font-size:13px}.comparison-wrap th:nth-child(2){color:var(--mint)}.comparison-wrap th:nth-child(3){color:var(--amber)}.comparison-wrap td{padding:18px 20px;font-size:13px;color:#aac2cf;border-top:1px solid #253c51}.comparison-wrap td:first-child{font-weight:800;color:white}.comparison-wrap tr:nth-child(even){background:#102339}.thead-a,.thead-b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;margin-right:8px;color:#071a21;background:var(--mint)}.thead-b{background:var(--amber)}.hybrid{display:flex;align-items:center;gap:15px;padding:20px;margin-top:18px;border:1px solid #45556c;border-radius:12px;background:#152738;font-size:13px;color:#b3cbd7}.hybrid span{font-size:9px;letter-spacing:1.5px;color:var(--amber);font-weight:900}.hybrid strong{color:white}.safety-grid{grid-template-columns:repeat(4,1fr)}.safety-grid>div{padding:24px;border:1px solid #274254;border-radius:14px;background:#0f2337}.safety-grid span{color:var(--mint);font-weight:900}.safety-grid h3{margin:23px 0 12px;font-size:17px}.safety-grid p{font-size:12px;color:#9bb1c0;line-height:1.7}.last-section{padding-bottom:130px}.last-section h2{margin-top:16px}.last-section>p{font-size:16px;line-height:1.7;color:#abc2d1;max-width:700px}.roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:36px 0}.roadmap div{padding:21px;background:#122a3f;border:1px solid #2d4c60;border-radius:12px}.roadmap b{display:block;font-size:24px;color:var(--mint);margin-bottom:13px}.roadmap span{font-size:12px}.closing{border-left:4px solid var(--amber);background:#2b2926;border-radius:9px;padding:22px;color:#edcba9;font-size:14px;line-height:1.7}.closing strong{color:white}footer{border-top:1px solid #284151;background:#06111e;padding:28px 0}.foot{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#819bab;font-size:11px}.foot strong{color:white;display:block;font-size:13px}.foot span{display:block;margin-top:7px}.foot a{color:var(--mint)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
@media(max-width:1080px){.hero-glow{opacity:.27;right:-250px}.hero h1{letter-spacing:-3px}.demo-grid{grid-template-columns:1fr}.pis-window{border-right:0;border-bottom:1px solid #2a4557}.safety-grid{grid-template-columns:repeat(2,1fr)}nav{gap:16px}}@media(max-width:720px){.wrap{width:calc(100% - 34px)}.topbar{height:73px}.topbar nav{display:none}.nav-cta{font-size:10px;padding:10px}.brand small{font-size:8px}.announcement{font-size:8px;letter-spacing:1px}.sep{width:6px}.hero{padding-top:75px;padding-bottom:70px;min-height:auto}.hero h1{font-size:52px;letter-spacing:-2.7px}.lead{font-size:16px}.hero-glow{display:none}.hero-metrics{gap:19px;margin-top:57px;flex-wrap:wrap}.hero-metrics strong{font-size:25px}.hero-metrics span{font-size:9px}.section{padding-top:64px;padding-bottom:55px}.section-head{display:block}.section-head p{margin-top:20px}.requirement-grid,.strategy-grid,.safety-grid{grid-template-columns:1fr}.requirement{min-height:auto}.scope-banner{align-items:start}.strategy{padding:23px}.strategy-diagram{gap:5px}.strategy-diagram span{font-size:10px;padding:15px 6px}.demo-toolbar{flex-wrap:wrap;padding:15px}.demo-tabs{width:100%}.demo-tabs button{flex:1;font-size:12px}.demo-tabs button span{font-size:9px}.demo-description{padding:14px}.pis-window{padding:9px}.pis-sidebar{width:64px;min-width:64px}.pis-logo{padding:17px 12px}.pis-logo span,.pis-menu span,.pis-bottom{display:none}.pis-menu{justify-content:center}.pis-content{padding:17px 11px}.pis-top h3{font-size:20px}.pis-top{display:block}.pis-top select{margin-top:9px}.pis-info{grid-template-columns:1fr 1fr}.pis-info div:last-child{grid-column:span 2}.pis-note-title{margin-top:18px}.pis-app{min-height:500px}.browser-injection{width:240px;max-width:71%;padding:14px}.control-panel{padding:17px}.hybrid{display:block}.hybrid span{display:block;margin-bottom:8px}.roadmap{grid-template-columns:repeat(2,1fr)}.foot{display:block}.foot>div{margin-bottom:18px}.foot a{display:block;margin-top:16px}}
/* Independent vision-resilience fixture: layout changes, not identity. */
.pis-window.layout-changed .pis-app{background:#fff9f0}
.pis-window.layout-changed .pis-content{display:flex;flex-direction:column}
.pis-window.layout-changed .pis-breadcrumb{order:0}
.pis-window.layout-changed .pis-info{order:1;background:#f9e9ce;border-radius:10px;padding:8px}
.pis-window.layout-changed .pis-top{order:2;margin-top:14px;padding-top:8px;border-top:2px dotted #b5a082}
.pis-window.layout-changed .pis-top h3{color:#97501c}
.pis-window.layout-changed .pis-note-title{order:3}
.pis-window.layout-changed .pis-note{order:4}
.pis-window.layout-changed .pis-note-title.second{order:5}
.pis-window.layout-changed .pis-note.soft{order:6}
.pis-window.layout-changed .pis-disabled{order:7}
.pis-window.layout-changed .pis-note-title{margin-top:14px}