/* Shared editorial system and page-specific diagrams. */
.site-redesign{--scene-mint:#c5e5c5;--scene-ink:#10291c;--scene-line:#9ebaab35}
.site-icon{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.site-redesign .section-kicker{letter-spacing:.15em}.site-redesign .section-head>p:last-child{max-width:740px}.site-redesign .story-section,.site-redesign .section{scroll-margin-top:32px}
.chapter-nav{display:flex;flex-wrap:wrap;gap:5px;padding:18px 0;border-top:1px solid var(--scene-line);border-bottom:1px solid var(--scene-line);margin:0 0 32px}
.chapter-nav a{padding:9px 13px;color:#a8c2b1;font-size:12px;text-decoration:none;border-radius:8px;transition:background .2s}.chapter-nav a:hover,.chapter-nav a:focus-visible{background:#c5e5c5;color:#10291c}
.editorial-scene{position:relative;min-height:420px;border:1px solid #90b69b50;border-radius:32px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#78ab8b1f,transparent 70%),#14271d;isolation:isolate;display:flex;align-items:center;justify-content:center}
.scene-eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:.15em;color:#aecfb8;line-height:1.6}.editorial-scene>.scene-eyebrow{position:absolute;top:28px;left:28px;right:28px}.scene-legend{position:absolute;bottom:19px;right:24px;font-size:9px;letter-spacing:.1em;color:#7d9e88}.scene-bottom{position:absolute;bottom:48px;left:20px;right:20px;text-align:center;color:#b5cabb;font-size:11px}
.network-constellation{width:330px;height:310px;position:relative;border:1px dashed #a5d3b032;border-radius:50%}.network-constellation:before{content:'';position:absolute;inset:55px;border:1px solid #a5d3b020;border-radius:50%}.constellation-core{position:absolute;inset:105px 110px;display:grid;justify-items:center;align-content:center;gap:8px;border-radius:24px;background:#c5e5c5;color:#143824;box-shadow:0 0 65px #c5e5c51a}.constellation-core strong{font-size:13px}.satellite{position:absolute;display:grid;justify-items:center;gap:9px;color:#b4d5bf;font-size:10px}.satellite .site-icon{background:#243e2e;width:48px;height:48px;padding:10px;border:1px solid #91bba366;border-radius:15px}.sat-a{left:0;top:54px}.sat-b{right:0;top:54px}.sat-c{left:35px;bottom:10px}.sat-d{right:25px;bottom:10px}
.packet-scene{background:radial-gradient(ellipse,#7caebd20,transparent 75%),#142525}.envelope-stack{position:relative;width:240px;height:245px}.envelope-front{position:absolute;inset:10px 5px 0;display:flex;flex-direction:column;gap:17px;padding:25px;background:linear-gradient(140deg,#304e48,#1a302a);border:1px solid #a6cabc80;border-radius:20px;transform:rotate(-7deg);box-shadow:0 20px 40px #0004}.envelope-front strong{font-size:17px;line-height:1.3}.cipher-lines{font-family:monospace;line-height:1.8;letter-spacing:.2em;font-size:15px;color:#b6cbbb}.envelope-back{position:absolute;inset:0;border:1px solid #a6cabc40;border-radius:20px;transform:rotate(7deg);background:#173026}.packet-seal{position:absolute;right:-23px;bottom:20px;padding:15px;background:#d4dfb5;border:4px solid #182d23;color:#213528;font-size:17px;font-weight:700;border-radius:50%}
.drive-scene{background:radial-gradient(ellipse at 40% 60%,#cbc8a11c,transparent 65%),#202a21;flex-direction:column;gap:28px}.drive-illustration{width:230px;transform:perspective(600px) rotateY(-14deg) rotateX(5deg);box-shadow:20px 25px 35px #0003;border:1px solid #97a88d;border-radius:16px;background:#26372b;padding:22px}.drive-top{display:flex;align-items:center;gap:17px;margin-bottom:28px}.drive-top span{font-size:11px;letter-spacing:.2em;color:#b8c7ab}.drive-slot{display:flex;gap:6px;padding:15px 10px;background:#122118;border:1px solid #83957c50;border-radius:6px;margin-top:9px}.drive-slot i{height:3px;width:34px;background:#6b826d;align-self:center}.drive-slot b{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#c6e5a9;box-shadow:0 0 9px #b9eca6}.drive-locations{display:flex;gap:24px;color:#c9d6bd;font-size:11px}
.choice-art{display:flex;align-items:center;gap:32px}.choice-person{width:85px;height:85px;display:grid;place-items:center;background:#c5e5c5;color:#163b25;border-radius:28px}.choice-person .site-icon{width:38px;height:38px}.choice-branches{display:grid;gap:16px;position:relative}.choice-branches:before{content:'';position:absolute;left:-18px;top:24px;bottom:24px;width:1px;background:#8aac9460}.choice-branches>span{display:flex;align-items:center;gap:12px;font-size:11px;padding:12px;border:1px solid #8aac9450;border-radius:12px;background:#1e3628}.choice-branches .site-icon{width:25px;height:25px}
.access-scene{background:radial-gradient(ellipse at 60% 35%,#a6bca325,transparent 65%),#17271e}.access-layers{position:relative;width:300px;height:260px}.access-layer{position:absolute;width:200px;height:145px;border-radius:20px;border:1px solid #a6cbb880;padding:22px;box-shadow:0 12px 25px #0004;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px}.layer-back{top:0;right:0;background:#203b30;transform:rotate(8deg)}.layer-mid{top:50px;left:40px;background:#35543d;transform:rotate(-3deg)}.layer-front{bottom:0;left:0;background:#c5dfba;color:#163822;transform:rotate(-10deg)}.layer-front>span{display:block;font-size:28px;letter-spacing:.2em;width:100%}
.site-redesign .story-panel{border-radius:28px;background:linear-gradient(135deg,#14241b,#0c1711);border-color:#86a68e50}
.site-redesign .mode-switch button.is-active,.site-redesign .storage-tabs button.is-active,.site-redesign .route-picker button.is-active{background:#c5e5c5;color:#173824;border-color:#c5e5c5}
.site-redesign .next-reading{position:relative;background:linear-gradient(115deg,#263c2c,#12231a);border-radius:26px;padding:38px;overflow:hidden}.site-redesign .next-reading:before{content:'↗';font-size:170px;line-height:1;position:absolute;right:20px;top:-15px;color:#b1d2b510;pointer-events:none}.site-redesign .next-reading>*{position:relative}
.site-redesign .honesty-callout{border-left:2px solid #b8b797;border-radius:0 14px 14px 0;background:#252a1d;font-size:13px;line-height:1.7}
.design-button,.inspector-picker button{font:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #a6cbb855;border-radius:10px;background:#c5e5c5;color:#173b25;padding:12px 17px}.design-button{margin-top:20px}.design-button:hover{background:#e1f0d7}.design-button:focus-visible,.inspector-picker button:focus-visible{outline:2px solid #e1f0d7;outline-offset:4px}
.lookup-console,.availability-scene,.packet-inspector,.tradeoff-scene{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:40px;border:1px solid #88a89250;border-radius:26px;background:linear-gradient(120deg,#22382a,#12231a);margin:30px 0}
.lookup-console h3,.availability-scene h3,.packet-inspector h3,.tradeoff-scene h3{font-size:clamp(25px,3vw,35px);line-height:1.18;letter-spacing:-.04em;margin:17px 0}
.lookup-terminal{padding:27px;border:1px solid #8cac9750;border-radius:16px;background:#091910;font-family:monospace}.lookup-terminal>span{font-size:11px;color:#86a891}.lookup-terminal strong{display:block;font-size:18px;margin:10px 0 24px;color:#d8e9dd}.lookup-result{min-height:80px;line-height:1.9;font-size:12px;color:#9fc9ac;border-top:1px solid #8cac972f;padding-top:16px}
.site-redesign .system-flow article{position:relative;background:transparent;border:0;border-top:1px solid #93b69f60;border-radius:0;padding:25px 10px}.system-flow .site-icon{margin-bottom:18px;color:#b8d4c1}.site-redesign .system-flow article>span{position:absolute;right:10px;top:20px;background:none;color:#8ea89666;font-size:26px}
.site-redesign .role-grid{gap:0 36px}.site-redesign .role-grid article{position:relative;background:none;border:0;border-radius:0;border-top:1px solid #90ad9835;padding:28px 0 28px 52px}.role-grid .site-icon{position:absolute;left:0;top:30px;color:#accdb8}.site-redesign .role-grid h3{margin:0 0 10px}.site-redesign .role-grid p{margin:0;font-size:13px}
.site-redesign .story-trio article{background:transparent;border:0;border-top:1px solid #8ba99355;border-radius:0;padding:25px 8px}.site-redesign .story-trio h3{margin-top:23px}
.site-redesign .find-symbol{border-radius:24px;background:radial-gradient(ellipse,#82b18d33,transparent),#1a3022;border:1px solid #9dbba860;color:#d0e7d3;box-shadow:0 0 0 15px #a6cdb908;font-size:58px}.site-redesign .find-panel{gap:40px;padding:36px 15px}.site-redesign .find-steps span{background:#b8d3bd12;border-color:#97b8a13a}
.storage-step-art{display:grid;place-items:center;height:140px;border-bottom:1px solid #97aa8730;margin-bottom:24px;background:radial-gradient(ellipse,#aeb78a20,transparent 70%)}.storage-step-art .site-icon{width:64px;height:64px;stroke-width:1;color:#cbd6b0}.site-redesign .storage-steps article{position:relative;border-radius:20px;background:#1b2b20;border-color:#8daa7850}.site-redesign .storage-steps article>span{position:absolute;top:22px;left:22px;color:#a5b99a;font-size:11px}.site-redesign .storage-types article{background:transparent;border:0;border-top:1px solid #8da37e55;border-radius:0;padding:25px 12px}.storage-types .site-icon{color:#cbd6b0;margin-bottom:20px}
.availability-scene{background:linear-gradient(120deg,#303728,#152419)}.availability-scene p{font-size:14px;line-height:1.65;color:#b7c5ae}.availability-scene small{display:block;font-size:9px;color:#8f9d87;margin-top:12px}.power-art{height:240px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.power-art>.site-icon{width:145px;height:145px;stroke-width:.75;color:#d0ddb8}.power-light{width:7px;height:7px;border-radius:50%;background:#cbeaac;box-shadow:0 0 18px #cbeaac}.power-art>span:last-child{font-size:12px;color:#c1d0b2}.power-art[data-power-state=off]>.site-icon{opacity:.35}.power-art[data-power-state=off] .power-light{background:#727b69;box-shadow:none}
.site-redesign .storage-detail{background:transparent}.site-redesign .storage-route>span{border-radius:15px}.site-redesign .storage-facts{border-top:1px solid #9cae8d40;padding-top:20px}.site-redesign .storage-facts>div{background:transparent;border:0;border-radius:0;border-left:1px solid #9cae8d40;padding-left:20px}
.site-redesign .flow-detail{background:#152927;border-color:#81b0a450;border-radius:20px}.site-redesign .detail-icon{background:#bddccf;color:#16342b;border-radius:20px}.site-redesign .flow-track .is-active{box-shadow:0 0 0 5px #c1e5d00a}.site-redesign .route-showcase{background:radial-gradient(ellipse at 80% 30%,#89c4bc1a,transparent 60%),#12251f;border-color:#86b6a255;border-radius:24px}.site-redesign .payload-side{background:transparent;border:0;border-radius:0;border-top:1px solid #83afa550;padding-top:28px}.payload-side .site-icon{color:#a9d2c9;margin-bottom:25px}.site-redesign .payload-cipher{background:#1b302a;border:1px solid #83afa550;border-radius:18px}
.packet-inspector{background:linear-gradient(120deg,#19352e,#17282a)}.inspector-picker{display:flex;flex-wrap:wrap;gap:5px;margin-top:24px}.inspector-picker button{background:transparent;color:#c1d6cb}.inspector-picker button[aria-pressed=true]{background:#c5e5c5;color:#173b25}.inspector-screen{min-height:230px;display:flex;flex-direction:column;justify-content:center;padding:28px;border:1px solid #9cbfb650;border-radius:18px;background:#0a1915}.inspector-screen>span{font-size:11px;color:#8bb09d}.inspector-screen>strong{font-size:25px;line-height:1.4;margin:21px 0;color:#d5e8dc;overflow-wrap:anywhere}.inspector-screen>small{font-size:12px;color:#91af9f;line-height:1.5}.inspector-screen.is-cipher>strong{font-family:monospace;font-size:21px;letter-spacing:.07em;color:#b6d5cb}
.wave-art{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;height:135px;margin-bottom:22px;border-bottom:1px solid #8aa99630}.wave-art>i{width:4px;height:var(--bar);border-radius:3px;background:#91c1ae55}.wave-art>.site-icon{position:absolute;right:12px;top:16px;color:#b3d2c2}.site-redesign .call-diagrams>div{background:#172921;border:1px solid #91b7a650;border-radius:22px}.site-redesign .simple-route b{background:transparent;border:0;font-size:12px}
.model-art{display:flex;align-items:center;justify-content:center;gap:20px;height:150px;margin-bottom:20px;border-bottom:1px solid #99baa43f}.model-art .site-icon{width:45px;height:45px;color:#a5b6aa;stroke-width:1.2}.model-art .site-icon:nth-of-type(2){width:65px;height:65px;padding:12px;border:1px solid #91a29670;border-radius:18px}.model-art i{font-style:normal;letter-spacing:4px;color:#739783}.ouo-model .model-art .site-icon{color:#c9e1ad}.site-redesign .comparison-map article{background:#19271f;border-color:#8ba89450;border-radius:24px}.site-redesign .comparison-map .ouo-model{background:linear-gradient(150deg,#34422b,#1b2e20)}.site-redesign .model-route span{background:transparent;border:0;font-size:11px;padding:10px 4px}.site-redesign .comparison-row{padding:28px 0;border-top:1px solid #8ba89440;background:none;border-radius:0}.comparison-row>strong .site-icon{margin-bottom:15px;color:#c6d9b4}.tradeoff-scene{background:linear-gradient(110deg,#293b28,#182b21)}.tradeoff-result{border-left:1px solid #93b49955;padding-left:32px}.tradeoff-result>div{display:flex;align-items:center;gap:14px;font-size:23px}.tradeoff-result p{color:#c1d0bc;font-size:14px;line-height:1.7}.tradeoff-result>span{font-size:12px;color:#9aac93;line-height:1.6;display:block}
.site-redesign .system-feature{position:relative;padding-right:30%;background:radial-gradient(ellipse at 90% 50%,#bad6a42a,transparent 55%),#1c3323}.site-redesign .system-feature:after{content:'↗';position:absolute;right:8%;top:18%;font-size:110px;line-height:1;color:#bedcaf66}.site-redesign .explore-card{position:relative;background:transparent;border:0;border-top:1px solid #8fb29c50;border-radius:0;padding:28px 10px}.explore-card>.site-icon{color:#bddbc3;margin-bottom:23px}.site-redesign .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-redesign .feature-card{background:#192c21;border-color:#8ba89445;border-radius:24px;padding:30px}.site-redesign .feature-card:nth-child(2){background:#1c2d2b}.site-redesign .feature-card:nth-child(3){background:#2a3223}.home-feature-art{height:125px;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:25px;border-bottom:1px solid #91b29b30}.home-feature-art>.site-icon{height:55px;width:55px;stroke-width:1;color:#d3e6c9}.home-feature-art>span{position:absolute;left:calc(50% - 65px);top:8px;width:130px;height:100px;border:1px solid #a7c6b12a;border-radius:50%;transform:rotate(-30deg)}.home-feature-art>span:last-child{transform:rotate(30deg);width:150px;left:calc(50% - 75px)}.site-redesign .privacy-grid article{background:transparent;border:0;border-top:1px solid #8fb29c50;border-radius:0}.privacy-grid .site-icon{width:40px;height:40px;margin-bottom:28px;color:#b4d6bf}.site-redesign .privacy-grid article:last-child{background:#202a24;border-radius:20px}.site-redesign .network-grid>div{position:relative;padding:25px 15px 25px 60px;border:0;border-top:1px solid #8fb29c50;background:none;border-radius:0}.network-grid .site-icon{position:absolute;left:10px;top:28px;color:#a7c9b4}.site-redesign .download-card{border-radius:25px;background:linear-gradient(140deg,#23392b,#102117);border-color:#8fb29c55}.product-mark .site-icon{width:30px;height:30px}.site-redesign .download-card:nth-child(2){background:linear-gradient(140deg,#303827,#152318)}.site-redesign .proof-strip{border:0;border-bottom:1px solid #8fb29c45;background:transparent;padding:25px 0}.site-redesign .steps{gap:28px}.site-redesign .steps li{border:0;border-top:1px solid #8fb29c45;border-radius:0;background:none;padding-top:25px}.site-redesign .step-index{background:#b8d9bd;color:#133821}
.site-redesign .home-network-art{background:radial-gradient(ellipse at 50% 50%,#aed6b025,transparent 70%),#12291b;border-radius:30px}.site-redesign .home-route-path span{min-height:100px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#203e2b}.site-redesign .home-route-path span.is-device{background:#c3e2c0;color:#183e28}.site-redesign .home-network-caption{line-height:1.6}
.page-client-guide .story-route>span>.site-icon{color:#b8d8bd;margin-bottom:20px}.page-client-guide .impact-matrix>div>.site-icon{color:#a2c2ae;margin-bottom:10px}.page-client-guide .impact-matrix>div{background:transparent;border-top:1px solid #9ac6a838;border-radius:0;padding-top:18px}.page-client-guide .settings-impact{background:linear-gradient(140deg,#21382a,#101e17)}
@media(max-width:960px){.editorial-scene{min-height:390px;max-width:100%;width:100%}.lookup-console,.availability-scene,.packet-inspector,.tradeoff-scene{gap:24px;padding:28px}.choice-art{gap:25px}.site-redesign .comparison-row{grid-template-columns:1fr 1fr}.comparison-row>strong{grid-column:1/-1;display:flex;gap:12px;align-items:center}.comparison-row>strong .site-icon{margin-bottom:0}.site-redesign .role-grid{grid-template-columns:1fr 1fr}.site-redesign .story-hero{gap:32px}.model-art{gap:10px}.site-redesign .storage-facts{gap:12px}}
@media(max-width:600px){.chapter-nav{gap:2px;margin-bottom:20px}.chapter-nav a{font-size:11px;padding:8px 10px}.editorial-scene{min-height:350px;border-radius:24px}.editorial-scene>.scene-eyebrow{top:23px;left:22px;font-size:9px}.network-constellation{transform:scale(.83);flex:none}.envelope-stack{transform:scale(.82)}.drive-illustration{transform:scale(.9);margin-top:25px}.drive-locations{margin-top:-20px;margin-bottom:20px}.choice-art{transform:scale(.85);flex:none}.access-layers{transform:scale(.85)}.scene-bottom{font-size:10px;bottom:40px}.scene-legend{font-size:8px;bottom:13px}.lookup-console,.availability-scene,.packet-inspector,.tradeoff-scene{grid-template-columns:1fr;padding:25px 21px;border-radius:22px;gap:20px}.lookup-terminal{padding:22px}.lookup-console h3,.availability-scene h3,.packet-inspector h3,.tradeoff-scene h3{font-size:28px}.power-art{height:190px}.tradeoff-result{padding:22px 0 0;border-left:0;border-top:1px solid #93b49955}.inspector-screen{min-height:210px;padding:22px}.site-redesign .role-grid{grid-template-columns:1fr;gap:0}.site-redesign .find-panel{gap:24px;padding:25px 0}.site-redesign .system-feature{padding:27px}.site-redesign .system-feature:after{display:none}.site-redesign .feature-grid{grid-template-columns:1fr}.site-redesign .feature-card{padding:25px}.home-feature-art{height:110px}.site-redesign .next-reading{padding:26px}.site-redesign .comparison-row{grid-template-columns:1fr;gap:16px}.site-redesign .storage-facts>div{padding-left:12px}.site-redesign .home-route-path span{min-height:72px;border-radius:12px}.site-redesign .home-network-art{padding:22px 14px}.site-redesign .call-diagrams>div{padding:20px}.wave-art{height:100px}.site-redesign .model-route span{font-size:10px}.site-redesign .system-flow article{padding:20px 10px}.site-redesign .honesty-callout{font-size:12px}}
@media(prefers-reduced-motion:reduce){.chapter-nav a{transition:none}}
.site-redesign .home-route-path span,.site-redesign .route-visual>span,.site-redesign .storage-route>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.site-redesign .home-route-path .site-icon{width:25px;height:25px}.site-redesign .route-visual>span .site-icon,.site-redesign .storage-route>span .site-icon{width:36px;height:36px;stroke-width:1.2}.site-redesign .route-visual>span{min-height:130px;background:#1b382a}.site-redesign .storage-route>span{min-height:150px;background:#223627}.site-redesign .home-route-path span{min-height:120px}
.page-index .feature-card:nth-child(1) .home-feature-art>span{width:110px;height:42px;left:14%;top:10px;border-radius:12px;transform:rotate(-7deg);background:#7daa8512}.page-index .feature-card:nth-child(1) .home-feature-art>span:last-child{left:auto;right:14%;top:55px;transform:rotate(5deg)}
.page-index .feature-card:nth-child(2) .home-feature-art{background:repeating-linear-gradient(90deg,transparent 0,transparent 13px,#8fc9b117 14px,#8fc9b117 17px,transparent 18px);background-size:65% 55%;background-repeat:no-repeat;background-position:center}.page-index .feature-card:nth-child(2) .home-feature-art>span{display:none}.page-index .feature-card:nth-child(2) .home-feature-art>.site-icon{background:#1c2d2b;padding:9px;width:62px;height:62px;border-radius:18px}
.page-index .feature-card:nth-child(4) .home-feature-art>span{border-radius:7px;width:155px;height:38px;transform:none;top:8px;left:calc(50% - 77px);background:#a7c6b10b}.page-index .feature-card:nth-child(4) .home-feature-art>span:last-child{top:55px}.page-index .feature-card:nth-child(4) .home-feature-art>.site-icon{z-index:1;width:35px;height:35px;padding:5px;background:#192c21}
@media(max-width:600px){.site-redesign .home-route-path span{min-height:92px;gap:9px}.site-redesign .home-route-path .site-icon{width:19px;height:19px}.site-redesign .route-visual>span{min-height:105px}.site-redesign .storage-route>span{min-height:115px}.site-redesign .route-visual>span .site-icon,.site-redesign .storage-route>span .site-icon{width:25px;height:25px}}
.access-layer.layer-back,.access-layer.layer-mid{display:block;padding:17px 15px}.access-layer.layer-back>.site-icon,.access-layer.layer-mid>.site-icon{position:absolute;right:14px;top:14px;width:21px;height:21px}.access-layer.layer-back>span,.access-layer.layer-mid>span{display:block;font-size:10px;padding-right:28px;font-weight:600}.layer-mid{top:62px}.layer-front{height:132px}
@media(max-width:600px){.site-redesign .route-visual{display:grid;grid-template-columns:1fr;gap:5px;padding:14px}.site-redesign .route-visual>span{flex-direction:row;justify-content:flex-start;min-height:64px;width:100%;padding:14px 18px;font-size:12px}.site-redesign .route-visual>i{justify-self:center;transform:rotate(90deg);line-height:1;font-size:17px}.site-redesign .route-visual>span .site-icon{width:25px;height:25px}}