:root{--planner-wordmark-tracking:.05em;--planner-title-line:1.04;--planner-title-tracking:-.055em;--planner-intro-size:clamp(17px,1.3vw,21px);--planner-case-tracking:.1em;--planner-card-title-line:1.15;--planner-showcase-heading:clamp(27px,2.3vw,43px);--planner-showcase-line:1.1;--planner-faq-heading:clamp(35px,4vw,70px)}
:root{--planner-space-xs:6px;--planner-space-sm:12px;--planner-space-md:20px;--planner-space-lg:32px;--planner-space-xl:48px;--planner-space-2xl:64px;--planner-border:1px;--planner-outline:3px;--planner-logo-width:34px;--planner-icon-size:26px;--planner-controls-size:34px;--planner-radius:8px;--planner-label-size:11px;--planner-link-size:13px;--planner-copy-size:16px;--planner-card-heading:26px;--planner-section-heading:clamp(36px,4.6vw,80px);--planner-hero-heading:clamp(42px,5.6vw,96px);--planner-hero-height:540px;--planner-hero-gap:clamp(32px,5vw,90px);--planner-hero-top:clamp(50px,6vw,105px);--planner-hero-bottom:70px;--planner-section-padding:clamp(60px,7vw,110px);--planner-media-radius:16px;--planner-scene-caption-spacing:.16em;--planner-weight-heavy:800;--planner-weight-label:650;--planner-card-line:1.65;--planner-diagram-label:16px;--planner-ratio:1.28;--planner-shadow:0 28px 80px #0002;--planner-note-fill:#17232a08;--planner-line-dark:#17232a35;--planner-paper-hover:#17232a;--planner-mobile-title:clamp(39px,9vw,60px);--planner-mobile-hero:30px;--planner-mini-gap:8px;--planner-transition:.2s}
.wordmark{display:flex;align-items:center;gap:var(--planner-space-sm);font-weight:var(--planner-weight-heavy);letter-spacing:var(--planner-wordmark-tracking);font-size:var(--planner-link-size)}.wordmark>svg{width:var(--planner-logo-width);height:auto;fill:currentColor}.header-inner{gap:var(--planner-space-lg)}.header-inner>nav{margin-left:auto}.header-app,.screen-link{display:flex;gap:var(--planner-space-sm);align-items:center}.header-app svg,.screen-link svg,.card-action svg,.legacy-link svg{width:var(--planner-space-md);height:var(--planner-space-md);fill:none;stroke:currentColor;stroke-width:1.8}.header-app{font-weight:var(--planner-weight-heavy);color:var(--accent)}.site-controls{display:flex;align-items:center;gap:var(--planner-space-md)}.site-controls select{font-size:var(--planner-link-size)}.looks button{width:var(--planner-controls-size);height:var(--planner-controls-size)}.looks button[data-look=graphit]{background:var(--bg)}.looks button[data-look=violett]{background:var(--alternate-bg)}.looks button[data-look=papier]{background:var(--paper)}
.planner-landing .hero{padding-block:var(--planner-hero-top) var(--planner-hero-bottom)}.hero-grid{min-height:var(--planner-hero-height);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--planner-hero-gap)}h1{font-size:var(--planner-hero-heading);line-height:var(--planner-title-line);letter-spacing:var(--planner-title-tracking);hyphens:none}.intro{max-width:42ch;font-size:var(--planner-intro-size)}.product-badge{display:inline-flex;align-items:center;gap:var(--planner-space-sm);font-size:var(--planner-link-size);color:var(--muted);padding-block:var(--planner-space-xs)}.product-badge img{width:var(--planner-icon-size);height:var(--planner-icon-size)}.hero-media{margin:0;min-width:0}.scene-caption{font-weight:var(--planner-weight-label);letter-spacing:var(--planner-scene-caption-spacing)}.scene-legend{display:flex;justify-content:center;gap:var(--planner-space-md);flex-wrap:wrap;margin-top:var(--planner-space-md);font-size:var(--planner-label-size)}.scene-legend>span{border:var(--planner-border) solid var(--line);border-radius:var(--planner-radius);padding:var(--planner-space-xs) var(--planner-space-sm);color:var(--muted)}
section{padding-block:var(--planner-section-padding)}h2{font-size:var(--planner-section-heading)}.feature-grid{gap:var(--planner-space-lg)}.feature .index{font-size:var(--planner-label-size);font-weight:var(--planner-weight-label)}.detail-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--planner-space-lg);padding-top:var(--planner-space-2xl);margin-top:var(--planner-space-xl);border-top:var(--planner-border) solid var(--planner-line-dark)}.detail-feature>svg{width:var(--planner-icon-size);height:var(--planner-icon-size);fill:none;stroke:currentColor;stroke-width:1.4}.detail-feature h3{font-size:var(--planner-space-md);line-height:var(--planner-ratio)}.detail-feature p{line-height:var(--planner-card-line);font-size:var(--planner-link-size)}.plan-note{margin-top:var(--planner-space-xl);padding:var(--planner-space-md) var(--planner-space-lg);border-left:var(--planner-outline) solid var(--ink);background:var(--planner-note-fill);max-width:1000px}.plan-note strong{font-size:var(--planner-copy-size)}.plan-note p{font-size:var(--planner-link-size);line-height:var(--planner-card-line);max-width:90ch;margin-bottom:0}
.planner-cases{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--planner-space-md)}.planner-cases .site-card{text-align:left;display:flex;flex-direction:column;min-width:0;transition:border-color var(--planner-transition),transform var(--planner-transition)}.planner-cases .site-card:hover{border-color:var(--accent);transform:translateY(-4px)}.case-meta{display:flex;justify-content:space-between;gap:var(--planner-space-sm);font-size:var(--planner-label-size);letter-spacing:var(--planner-case-tracking);color:var(--muted);padding:var(--planner-space-md) var(--planner-space-md) 0}.card-media{height:auto;aspect-ratio:auto}.case-diagram{width:100%;display:block}.case-route{stroke:var(--accent);stroke-width:2;fill:none}.case-port{stroke:var(--text);stroke-width:4;fill:none}.case-node{fill:var(--bg);stroke:var(--line);stroke-width:1.5}.case-label{fill:var(--text);font-size:var(--planner-diagram-label);font-family:var(--body-font);text-anchor:middle;font-weight:var(--planner-weight-label)}.case-indicator{fill:var(--accent)}.planner-cases .card-copy{display:flex;flex-direction:column;flex:1;padding:var(--planner-space-md)}.card-copy h3{font-size:var(--planner-card-heading);margin-top:0;line-height:var(--planner-card-title-line)}.card-copy p{font-size:var(--planner-link-size);line-height:var(--planner-card-line);flex:1}.card-action{display:flex;justify-content:space-between;align-items:center;gap:var(--planner-space-sm);font-size:var(--planner-link-size);margin-top:var(--planner-space-md);min-height:44px;color:var(--accent)}.card-action:hover{color:var(--text)}
.app-showcase{margin-top:var(--planner-section-padding);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:var(--planner-space-xl);align-items:center}.app-showcase h3{font-size:var(--planner-showcase-heading);line-height:var(--planner-showcase-line)}.app-showcase p{line-height:var(--planner-card-line);max-width:38ch;color:var(--muted)}.screen-link{color:var(--accent);font-size:var(--planner-link-size);min-height:44px}.screen-link:hover{text-decoration:underline}.screen-image{border:var(--planner-border) solid var(--line);border-radius:var(--planner-media-radius);overflow:hidden;box-shadow:var(--planner-shadow);display:block}.screen-image img{display:block;width:100%;height:auto}.faq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--planner-space-2xl);align-items:start}.faq-grid h2{font-size:var(--planner-faq-heading)}.section-paper details{border-color:var(--planner-line-dark)}.section-paper summary:hover{color:var(--planner-paper-hover);text-decoration:underline}.faq p{font-size:var(--planner-link-size)}.legacy-link{display:inline-flex;align-items:center;gap:var(--planner-space-sm);margin-bottom:var(--planner-space-md);font-size:var(--planner-link-size);text-decoration:underline}.closing-copy{max-width:56ch;line-height:var(--planner-card-line);color:var(--muted)}.footer-brand .wordmark{font-size:var(--planner-link-size)}.footer-grid>div:nth-child(3)>h3:not(:first-child){margin-top:var(--planner-space-lg)}
@media(max-width:1100px){.header-inner{flex-wrap:wrap}.site-controls{margin-left:auto}.hero-grid{gap:var(--planner-space-lg)}.detail-features{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-cases{grid-template-columns:repeat(3,minmax(0,1fr))}.card-copy h3{font-size:var(--planner-space-md)}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{max-width:720px}.hero-media{max-width:600px;justify-self:center;width:100%}.hero-grid h1{font-size:var(--planner-mobile-title)}.hero .intro{max-width:54ch}.planner-cases{grid-template-columns:1fr}.case-diagram{max-width:430px;margin:auto}.app-showcase,.faq-grid{grid-template-columns:1fr;gap:var(--planner-space-lg)}.app-showcase p{max-width:60ch}.faq-grid h2{font-size:var(--planner-section-heading)}.gallery.planner-cases{gap:var(--planner-space-md)}}
@media(max-width:600px){.header-inner{gap:var(--planner-space-md)}.header-inner>nav{order:3;width:100%;justify-content:space-between;margin:0;gap:var(--planner-space-sm)}.header-inner>nav>a{font-size:var(--planner-label-size)}.site-controls{gap:var(--planner-space-sm)}.wordmark{gap:var(--planner-space-xs);font-size:var(--planner-label-size)}.wordmark>svg{width:var(--planner-icon-size)}.looks{gap:var(--planner-space-xs)}.looks button{width:var(--planner-icon-size);height:var(--planner-icon-size);min-height:var(--planner-icon-size)}.site-controls select{padding:var(--planner-mini-gap);min-height:var(--planner-controls-size)}.planner-landing .hero{padding-top:var(--planner-mobile-hero)}.hero-grid h1{font-size:var(--planner-mobile-title)}.detail-features{gap:var(--planner-space-md)}.detail-feature h3{font-size:var(--planner-copy-size)}.plan-note{padding:var(--planner-space-md)}.scene-legend{gap:var(--planner-space-sm)}.section-head p{font-size:var(--planner-copy-size)}.feature-grid{grid-template-columns:1fr}.actions{align-items:stretch}.actions .button{justify-content:space-between}.planner-cases .case-meta{padding-inline:var(--planner-space-sm)}.planner-cases .card-copy{padding-inline:var(--planner-space-sm)}}
@media(prefers-reduced-motion:reduce){.planner-cases .site-card{transition:none}.planner-cases .site-card:hover{transform:none}}

@font-face{font-family:"Planner Space";src:url("media/fonts/space-grotesk.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap}
html[data-profile=network]{--title-font:"Planner Space",Arial,sans-serif;--body-font:"Planner Space",system-ui,sans-serif}
@font-face{font-family:"Planner Barlow";src:url("media/fonts/barlow-condensed-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
html[data-profile=storage]{--title-font:"Planner Barlow","Arial Narrow",sans-serif;--body-font:"Planner Space",system-ui,sans-serif}

:root{--hardware-focus-offset:-6px;--hardware-label-tracking:.08em;--hardware-trace-width:4px;--v3-label-tracking:.1em;--v3-kicker-tracking:.12em;--blueprint-device-font:700 13px var(--body-font);--blueprint-cable-font:10px var(--body-font);--v3-spec-size:clamp(16px,1.5vw,25px);--storage-title-line:.97;--storage-title-tracking:-.025em;--storage-rule-line:1;--storage-screen-heading:clamp(40px,5vw,70px);--storage-restore-heading:clamp(28px,3vw,45px);--architecture-overlap:-1px;--storage-tablet-heading:clamp(64px,8vw,100px);--storage-stack-heading:clamp(60px,11vw,90px);--network-mobile-heading:clamp(39px,9.5vw,58px);--storage-mobile-heading:clamp(54px,13vw,78px);--storage-mobile-number:80px}
/* Product v3: spatial hardware and two independent editorial layouts. */
:root{--hardware-metal:#8b949f;--hardware-light:#ccd3db;--hardware-dark:#303943;--hardware-board:#245b4b;--hardware-chip:#18252b;--hardware-port:#07121b;--hardware-gold:#cfae63;--hardware-led:#91efb4;--hardware-border:1px solid #17232a48;--v3-gap:clamp(24px,4vw,68px);--v3-tight:8px;--v3-small:12px;--v3-medium:20px;--v3-large:32px;--v3-wide:48px;--v3-rule:1px;--v3-rule-strong:2px;--v3-copy-line:1.7;--v3-label:10px;--v3-caption:11px;--v3-copy:15px;--v3-number:clamp(85px,10vw,160px);--v3-headline:clamp(44px,5.3vw,96px);--v3-big-headline:clamp(64px,7.4vw,132px);--v3-letter:-.05em;--v3-slope:1.03;--v3-bold:700;--v3-panel-bg:#17232a09;--v3-panel-line:#17232a35;--v3-scene-scale:1;--v3-sticky:35px;--v3-turn-ring:#ffffff20;--v3-transition:.2s;--v3-opacity:.35;--v3-shadow:#0003;--v3-grid:#17232a12}
.hardware-scene{height:clamp(350px,37vw,590px);perspective:1400px;cursor:grab;outline-offset:var(--hardware-focus-offset);overflow:hidden;touch-action:pan-y;--explode:.22;--rx:-19deg;--ry:-30deg;--scene-scale:1;--scroll-turn:0deg}
.hardware-scene:active{cursor:grabbing}.hardware-scene:focus-visible{outline:var(--v3-rule-strong) solid var(--accent)}
.hardware-scene .scene-world{width:560px;height:420px;top:50%;left:50%;scale:none;animation:none;transform:translate(-50%,-50%) scale(var(--scene-scale)) rotateX(var(--rx)) rotateY(calc(var(--ry) + var(--scroll-turn)));transform-style:preserve-3d;will-change:transform}
.hardware-object,.assembly-part,.cuboid{position:absolute;transform-style:preserve-3d}.hardware-object{left:280px;top:210px}.assembly-part{transform:translate3d(calc(var(--ex,0px)*var(--explode)),calc(var(--ey,0px)*var(--explode)),calc(var(--ez,0px)*var(--explode)))}
.cuboid{width:var(--w);height:var(--h);left:var(--cx);top:var(--cy);transform:translateZ(var(--cz));--material:var(--hardware-metal)}
.cuboid>.cube-face{inset:auto;display:block;backface-visibility:hidden;border:var(--hardware-border);background:var(--material);font-family:var(--body-font);font-weight:var(--v3-bold);font-size:var(--v3-label);color:var(--hardware-light);text-align:center;overflow:hidden;filter:none}
.cuboid>.cube-face:nth-child(1){width:var(--w);height:var(--h);transform:translateZ(calc(var(--d)/2));background:var(--material)}
.cuboid>.cube-face:nth-child(2){width:var(--w);height:var(--h);transform:rotateY(180deg) translateZ(calc(var(--d)/2));filter:brightness(.6)}
.cuboid>.cube-face:nth-child(3){width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);transform:rotateY(90deg) translateZ(calc(var(--w)/2));filter:brightness(.68)}
.cuboid>.cube-face:nth-child(4){width:var(--d);height:var(--h);left:calc((var(--w) - var(--d))/2);transform:rotateY(-90deg) translateZ(calc(var(--w)/2));filter:brightness(.78)}
.cuboid>.cube-face:nth-child(5){width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);transform:rotateX(90deg) translateZ(calc(var(--h)/2));filter:brightness(1.18)}
.cuboid>.cube-face:nth-child(6){width:var(--w);height:var(--d);top:calc((var(--h) - var(--d))/2);transform:rotateX(-90deg) translateZ(calc(var(--h)/2));filter:brightness(.48)}
.hardware-scene .device-text{display:block;padding:var(--v3-tight);font-size:var(--v3-label);letter-spacing:var(--hardware-label-tracking)}.hardware-scene .device-screen{border:var(--v3-rule-strong) solid var(--hardware-dark);background:var(--accent);color:var(--hardware-port);height:100%;display:grid;place-items:center;font-size:var(--v3-small);font-weight:var(--v3-bold)}
.hardware-scene .disk-label{background:var(--hardware-light);color:var(--hardware-dark);padding:var(--v3-tight);font-size:var(--v3-label);margin:var(--v3-tight);height:calc(100% - 16px)}
.hardware-scene .pcb-trace{height:65%;width:65%;margin:15%;border:var(--v3-rule) solid var(--hardware-gold);border-right-width:var(--hardware-trace-width);color:var(--hardware-gold);font-size:var(--v3-tight)}
.hardware-scene .scene-shadow{bottom:5%;width:65%;height:30px;left:17%;background:var(--v3-shadow);filter:blur(20px)}
.hardware-wire{position:absolute;left:var(--wx);top:var(--wy);height:3px;width:var(--wl);background:var(--accent);transform:translateZ(-60px) rotate(var(--wa));transform-origin:left;opacity:.85}
.hardware-wire.wireless{height:0;border-top:var(--v3-rule-strong) dashed var(--accent);background:transparent}.drag-hint{font-size:var(--v3-caption);color:var(--muted);text-align:center;line-height:var(--v3-copy-line);margin:0}.scene-key{display:flex;justify-content:space-between;gap:var(--v3-small);margin-top:var(--v3-large);padding-top:var(--v3-small);border-top:var(--v3-rule) solid var(--line);font-size:var(--v3-label);letter-spacing:var(--v3-label-tracking);color:var(--muted)}
.network-hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:580px;gap:var(--v3-gap)}.network-hero h1{font-size:var(--v3-headline)}.hero-protocol{display:flex;gap:var(--v3-medium);margin-top:var(--v3-wide);font-size:var(--v3-label);color:var(--accent);letter-spacing:var(--v3-label-tracking)}.network-hero .scene-count{display:none}
.network-story-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.35fr);gap:var(--v3-gap);align-items:start}.network-step{display:flex;gap:var(--v3-large);padding-block:var(--v3-wide);border-top:var(--v3-rule) solid var(--v3-panel-line);min-height:270px}.chapter-number{font-size:var(--v3-small);margin-top:var(--v3-tight)}.network-step h3{font-size:var(--planner-card-heading);margin:0 0 var(--v3-medium)}.network-step p{font-size:var(--v3-copy);line-height:var(--v3-copy-line);margin:0}.blueprint-stage{position:sticky;top:var(--v3-sticky);border:var(--v3-rule) solid var(--v3-panel-line);padding:var(--v3-medium);background:var(--paper);--connection-progress:1}.network-blueprint{display:block;width:100%;height:auto}.blueprint-grid{fill:none;stroke:var(--v3-grid);stroke-width:1}.room-frame{fill:none;stroke:var(--ink);stroke-width:1;opacity:.35}.room-label{fill:var(--ink);font:var(--v3-label) var(--body-font);letter-spacing:var(--v3-kicker-tracking)}.diagram-node{fill:var(--paper);stroke:var(--ink);stroke-width:2}.device-label{fill:var(--ink);font:var(--blueprint-device-font);text-anchor:middle}.blueprint-lines{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--connection-progress));opacity:.8}.blueprint-lines .wireless{stroke-dasharray:.02 .016;stroke-dashoffset:0;opacity:var(--connection-progress)}.port-dot{fill:var(--ink)}.cable-label{fill:var(--ink);font:var(--blueprint-cable-font)}.blueprint-note{display:flex;justify-content:space-between;gap:var(--v3-medium);border-top:var(--v3-rule) solid var(--v3-panel-line);padding-top:var(--v3-medium);font-size:var(--v3-label)}
.network-specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--v3-gap);align-items:center}.network-specs p{font-size:var(--v3-copy);color:var(--muted);line-height:var(--v3-copy-line);max-width:50ch}.spec-row{border-top:var(--v3-rule) solid var(--line);padding-block:var(--v3-large);display:flex;justify-content:space-between;gap:var(--v3-medium);align-items:center}.spec-row>span{font-size:var(--v3-label);color:var(--muted);letter-spacing:var(--v3-label-tracking)}.spec-row>strong{font-size:var(--v3-spec-size);font-weight:var(--v3-bold)}
[data-product=network] #einblicke .site-card{color:var(--ink);background:transparent;border:var(--v3-rule) solid var(--v3-panel-line);border-radius:var(--v3-small)}[data-product=network] #einblicke .site-card p,[data-product=network] #einblicke .case-meta{color:var(--ink)}[data-product=network] #einblicke .case-node{fill:var(--paper);stroke:var(--ink)}[data-product=network] #einblicke .case-label{fill:var(--ink)}[data-product=network] #einblicke .case-route,[data-product=network] #einblicke .case-port{stroke:var(--ink)}[data-product=network] #einblicke .case-indicator{fill:var(--ink)}[data-product=network] #einblicke .card-action{color:var(--ink);text-decoration:underline}
#ansicht .app-showcase{margin-top:0}#ansicht .app-showcase{grid-template-columns:.65fr 1.5fr}.network-export{margin-top:var(--v3-wide);display:flex;justify-content:space-between;gap:var(--v3-gap);border-top:var(--v3-rule) solid var(--line);padding-top:var(--v3-medium)}.network-export h3{font-size:var(--v3-medium)}.network-export p{max-width:58ch;font-size:var(--v3-copy);line-height:var(--v3-copy-line);color:var(--muted)}.network-faq{padding-top:var(--v3-large);border-top:var(--v3-rule) solid var(--line)}
/* Storage: an exploded object opens into an editorial 3–2–1 plan. */
.planner-landing .storage-hero{padding:0;position:relative;min-height:160vh}.storage-pin{position:sticky;top:0;padding-block:var(--v3-wide);min-height:min(850px,100vh);display:flex;align-items:center}.storage-hero .hero-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:var(--v3-medium);min-height:620px}.storage-hero h1{font-size:var(--v3-big-headline);line-height:var(--storage-title-line);letter-spacing:var(--storage-title-tracking);margin-block:var(--v3-medium)}.storage-hero .intro{font-size:var(--v3-copy);max-width:40ch}.storage-hero .hardware-scene{height:clamp(400px,41vw,650px)}.storage-hero .hero-media{max-width:none;width:100%}.scroll-note{font-size:var(--v3-label);letter-spacing:var(--v3-kicker-tracking);color:var(--accent);margin-top:var(--v3-wide)}.storage-phases{display:flex;flex-direction:column;gap:var(--v3-tight);margin-top:var(--v3-medium)}.storage-phases span{font-size:var(--v3-label);letter-spacing:var(--v3-label-tracking);color:var(--muted);opacity:var(--v3-opacity)}.storage-phases span[data-active=true]{color:var(--accent);opacity:1}.storage-rule-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--v3-gap);align-items:start}.storage-rule-grid>.section-head{position:static}.rule-row{display:flex;gap:var(--v3-large);align-items:center;padding-block:var(--v3-large);border-top:var(--v3-rule) solid var(--v3-panel-line)}.rule-row:first-child{border-top:0;padding-top:0}.rule-row>div{flex:1}.rule-row h3{font-size:var(--planner-card-heading);margin:0 0 var(--v3-small)}.rule-row p{font-size:var(--v3-copy);line-height:var(--v3-copy-line);margin:0;max-width:35ch}.rule-row .rule-number{font-family:var(--title-font);font-size:var(--v3-number);line-height:var(--storage-rule-line)}.rule-row .rule-number,.rule-row .rule-index{color:var(--ink)}.rule-index{align-self:flex-start;font-size:var(--v3-label);padding-top:var(--v3-small)}
.storage-workflow-head{display:flex;justify-content:space-between;gap:var(--v3-gap);align-items:start}.storage-workflow-head h2{margin-top:0}.storage-workflow-head .eyebrow{max-width:22ch}#wege .app-showcase{margin-top:var(--v3-large);grid-template-columns:1fr;gap:var(--v3-large)}#wege .app-showcase>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--v3-medium)}#wege .app-showcase>div>.eyebrow{grid-column:1/-1}#wege .app-showcase h3{margin:0;font-size:var(--storage-screen-heading)}#wege .app-showcase p{margin:0;max-width:58ch}#wege .screen-link{grid-column:2}#wege .screen-image{border-radius:0;box-shadow:none}
.storage-workflow-list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--v3-large);margin-top:var(--v3-wide)}.storage-workflow-list article{border-top:var(--v3-rule) solid var(--line);padding-top:var(--v3-medium)}.storage-workflow-list article>span{font-size:var(--v3-label);color:var(--accent)}.storage-workflow-list h3{font-size:var(--planner-card-heading);margin-bottom:var(--v3-medium)}.storage-workflow-list p{font-size:var(--v3-copy);line-height:var(--v3-copy-line);color:var(--muted)}.restore-note{margin-top:var(--v3-wide);border:var(--v3-rule) solid var(--line);padding:var(--v3-large);display:grid;grid-template-columns:1.2fr 1fr;gap:var(--v3-large)}.restore-note h3{font-size:var(--storage-restore-heading);margin:0}.restore-note p{font-size:var(--v3-copy);line-height:var(--v3-copy-line);margin:0;color:var(--muted)}.restore-note strong{font-size:var(--v3-small);color:var(--accent);align-self:start}
.storage-cases{display:grid;grid-template-columns:.7fr 1.3fr;gap:var(--v3-gap);align-items:start}.storage-cases>.section-head{position:sticky;top:var(--v3-sticky)}.storage-cases .planner-cases{display:flex;flex-direction:column;gap:0}.storage-cases .site-card{display:grid;grid-template-columns:140px 1fr;border:0;border-top:var(--v3-rule) solid var(--v3-panel-line);background:transparent;color:var(--ink);border-radius:0;padding-block:var(--v3-large);transform:none}.storage-cases .site-card:hover{transform:none;background:var(--v3-panel-bg)}.storage-cases .case-meta{grid-column:1/-1;color:var(--ink);padding:0 0 var(--v3-medium)}.storage-cases .card-media{display:flex;align-items:center;padding-right:var(--v3-medium)}.storage-cases .card-copy{padding:0}.storage-cases .card-copy p,.storage-cases .case-label{color:var(--ink);fill:var(--ink)}.storage-cases .case-node{fill:var(--paper);stroke:var(--ink)}.storage-cases .case-route,.storage-cases .case-port{stroke:var(--ink)}.storage-cases .case-indicator{fill:var(--ink)}.storage-cases .card-action{color:var(--ink);text-decoration:underline}.storage-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:var(--v3-gap)}.storage-faq>div>p{line-height:var(--v3-copy-line);font-size:var(--v3-copy);color:var(--muted);max-width:42ch}
.architectural-seam{height:clamp(110px,13vw,230px);margin-block:var(--architecture-overlap)}.architectural-seam svg{width:100%;height:100%;display:block}
html[data-look=papier] .hardware-scene{--v3-shadow:#17232a20}html[data-look=papier] .scene-key{color:var(--muted)}
@media(min-width:1920px){.network-hero .hero-grid{min-height:670px}.storage-hero .hero-grid{min-height:700px}}
@media(max-width:1100px){.hardware-scene{--scene-scale:.84}.storage-hero h1{font-size:var(--storage-tablet-heading)}.network-story-grid{grid-template-columns:.8fr 1.2fr;gap:var(--v3-medium)}.network-step{gap:var(--v3-medium)}.storage-cases{grid-template-columns:.8fr 1.2fr}.storage-cases .site-card{grid-template-columns:100px 1fr}.storage-rule-grid{gap:var(--v3-large)}}
@media(max-width:850px){.network-hero .hero-grid,.storage-hero .hero-grid{grid-template-columns:1fr}.network-hero .hero-grid{min-height:0}.hardware-scene{--scene-scale:.85}.network-hero .hero-media{max-width:620px}.network-story-grid{grid-template-columns:1fr}.network-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--v3-medium)}.network-step{display:block;min-height:0;padding-block:var(--v3-medium)}.network-step h3{font-size:var(--v3-medium);margin-top:var(--v3-medium)}.network-step p{font-size:var(--v3-small)}.blueprint-stage{position:relative;top:auto;max-width:760px}.network-specs,.storage-rule-grid,.storage-cases,.storage-faq{grid-template-columns:1fr}.network-export{display:block}.planner-landing .storage-hero{min-height:0}.storage-pin{position:relative;padding-block:var(--v3-large);min-height:0}.storage-hero .hero-grid{min-height:0}.storage-hero h1{font-size:var(--storage-stack-heading)}.storage-hero .intro{max-width:52ch}.storage-hero .hardware-scene{height:480px;--explode:.6}.storage-hero .hero-media{max-width:680px}.storage-hero .scroll-note{display:none}.storage-phases{flex-direction:row;gap:var(--v3-medium);flex-wrap:wrap}.storage-phases span{opacity:1}.storage-rule-grid>.section-head,.storage-cases>.section-head{position:static}.storage-workflow-head{display:block}#wege .app-showcase>div{grid-template-columns:1fr}#wege .screen-link{grid-column:auto}.storage-workflow-list h3{font-size:var(--v3-medium)}.storage-workflow-list p{font-size:var(--v3-small)}.restore-note{grid-template-columns:1fr}.storage-cases .site-card{grid-template-columns:140px 1fr}.storage-cases .card-copy h3{font-size:var(--planner-card-heading)}}
@media(max-width:600px){.hardware-scene{height:350px;--scene-scale:.6}.storage-hero .hardware-scene{height:400px;--scene-scale:.69}.network-hero h1{font-size:var(--network-mobile-heading)}.scene-key{margin-top:var(--v3-medium);letter-spacing:0}.hero-protocol{gap:var(--v3-small);margin-top:var(--v3-large)}.network-steps{grid-template-columns:1fr}.network-step{display:flex;gap:var(--v3-medium)}.network-step h3{margin-top:0}.network-step p{font-size:var(--v3-copy)}.blueprint-stage{padding:var(--v3-tight)}.blueprint-note{font-size:var(--v3-tight);gap:var(--v3-tight);padding:var(--v3-small)}.spec-row{padding-block:var(--v3-medium)}.spec-row>span{font-size:var(--v3-tight)}.spec-row>strong{font-size:var(--v3-copy)}.planner-landing .storage-hero h1{font-size:var(--storage-mobile-heading)}.storage-phases{gap:var(--v3-small)}.storage-phases span{font-size:var(--v3-tight)}.storage-hero .actions{display:flex}.storage-hero .button{font-size:var(--v3-small)}.rule-row{gap:var(--v3-medium)}.rule-row .rule-number{font-size:var(--storage-mobile-number)}.rule-row .rule-index{display:none}.rule-row h3{font-size:var(--planner-card-heading)}.rule-row p{font-size:var(--v3-copy)}.storage-workflow-list{grid-template-columns:1fr;gap:var(--v3-medium)}.storage-workflow-list article{display:flex;gap:var(--v3-medium)}.storage-workflow-list h3{margin-top:0}.storage-workflow-list p{font-size:var(--v3-copy)}.restore-note{padding:var(--v3-medium)}.storage-cases .site-card{grid-template-columns:1fr}.storage-cases .card-media{max-width:260px;padding:0}.storage-cases .case-diagram{max-height:120px}.storage-cases .card-copy h3{margin-top:var(--v3-small)}}
@media(max-width:360px){.hardware-scene{--scene-scale:.49}.storage-hero .hardware-scene{--scene-scale:.57}.scene-key{font-size:var(--v3-tight)}.network-hero .hero-protocol{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.planner-landing .storage-hero{min-height:0}.storage-pin{position:relative}.hardware-scene{--scroll-turn:0deg!important}.blueprint-lines{stroke-dashoffset:0;opacity:1}.blueprint-lines .wireless{opacity:1}.hardware-scene .scene-world{will-change:auto}.storage-phases span{opacity:1}}
/* Light presets use darker accents for readable type and controls. */
html[data-profile=network]{--v3-strong-accent:#12647c;--v3-base-bg:#0f1c27}
html[data-profile=storage]{--v3-strong-accent:#94501b;--v3-base-bg:#241c19}
html[data-look=papier][data-profile]{--accent:var(--v3-strong-accent)}
.looks button[data-look=graphit]{background:var(--v3-base-bg)}
html[data-look=papier] .button:not(.secondary){color:var(--paper)}
.hardware-scene .device-screen{background:var(--band)}

.hardware-projection{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}

/* Footer structure follows the 81 Fragments homepage; product palette is retained. */
:root{--footer-brand-weight:700;--footer-row-height:48px;--footer-icon-size:21px;--footer-heading-size:11px;--footer-letter-spacing:1.5px;--footer-radius:6px;--footer-link-size:14px;--footer-mobile-link-size:11px;--footer-brand-size:19px;--footer-logo-width:45px;--footer-logo-height:38px;--footer-note-width:32ch}
footer.review-footer{display:block;margin:0;padding:var(--planner-space-2xl) 0 var(--planner-space-lg);background:var(--bg);border-top:var(--planner-border) solid var(--line)}
.review-footer .footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:var(--planner-space-2xl);align-items:start}
.review-footer .brand{display:flex;align-items:center;gap:var(--planner-space-md);font-size:var(--footer-brand-size);font-weight:var(--footer-brand-weight)}
.review-footer .brand-mark{width:var(--footer-logo-width);height:var(--footer-logo-height);fill:currentColor;stroke:none;color:var(--accent);flex-shrink:0}
.review-footer .footer-brand p{max-width:var(--footer-note-width);color:var(--muted);line-height:var(--planner-card-line);margin:var(--planner-space-md) 0}
.review-footer h2{font-family:var(--body-font);font-size:var(--footer-heading-size);letter-spacing:var(--footer-letter-spacing);text-transform:uppercase;line-height:var(--planner-card-line);margin:0 0 var(--planner-space-md)}
.review-footer nav{display:flex;flex-direction:column;gap:var(--planner-space-sm);align-items:stretch;font-size:var(--footer-link-size)}
.review-footer nav>a{display:flex;align-items:center;gap:var(--planner-space-md);min-height:var(--footer-row-height);padding:var(--planner-space-sm) var(--planner-space-md);border:var(--planner-border) solid var(--line);border-radius:var(--footer-radius);background:var(--bg);line-height:var(--planner-card-line)}
.review-footer nav>a:hover,.review-footer nav>a:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--surface)}
.review-footer nav>a svg{width:var(--footer-icon-size);height:var(--footer-icon-size);fill:none;stroke:currentColor;stroke-width:1.5;color:var(--accent);flex-shrink:0}
.review-footer .footer-bottom{display:flex;justify-content:space-between;gap:var(--planner-space-lg);border-top:var(--planner-border) solid var(--line);margin-top:var(--planner-space-xl);padding-top:var(--planner-space-md)}
.review-footer .footer-bottom a{min-height:44px;padding:var(--planner-space-sm) 0}
.review-footer .author-link{display:flex;flex-direction:column;gap:var(--planner-space-sm)}
.review-footer .author-tooltip{font-size:var(--footer-heading-size);color:var(--muted)}
.review-footer .footer-bottom a:hover,.review-footer .footer-bottom a:focus-visible{color:var(--accent);text-decoration:underline}
@media(max-width:760px){.review-footer .footer-grid{grid-template-columns:1fr 1fr;gap:var(--planner-space-lg) var(--planner-space-sm)}.review-footer .footer-brand{grid-column:1/-1}.review-footer nav>a{font-size:var(--footer-mobile-link-size);gap:var(--planner-space-sm);padding:var(--planner-space-sm)}.review-footer nav>a span{overflow-wrap:anywhere}.review-footer .footer-product-links{flex-direction:row;flex-wrap:wrap}.review-footer .footer-bottom{font-size:var(--footer-heading-size)}}

:root{--planner-header-height:100px;--planner-header-layer:15}
body{padding-top:var(--planner-header-height)}
body>header{position:fixed;inset:0 0 auto;z-index:var(--planner-header-layer);background:var(--bg)}
html{scroll-padding-top:calc(var(--planner-header-height) + var(--planner-space-md))}