:root{--cream:#fff8e9;--paper:#fffdf6;--ink:#082f91;--ink-deep:#06235f;--orange:#fc4300;--yellow:#ff9b12;--blue-soft:#dce8ff;--line:#aebcdf;--muted:#657092;font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink-deep);background:var(--cream)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(8,47,145,.035) 1px,transparent 1px),linear-gradient(rgba(8,47,145,.035) 1px,transparent 1px),var(--cream);background-size:32px 32px}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.page{min-height:100vh;overflow:hidden}.top{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(22px,4vw,64px);border-bottom:2px solid var(--ink);background:color-mix(in srgb,var(--cream) 94%,transparent);backdrop-filter:blur(14px)}.brand{min-height:48px;display:flex;align-items:center;gap:12px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font-size:25px;line-height:1.05;color:var(--ink)}.brand small{display:block;margin-top:5px;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--orange)}.top-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.top-nav a{min-height:44px;display:flex;align-items:center;padding:10px 15px;border:1.5px solid var(--ink);border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.top-nav a:hover{background:var(--blue-soft)}.top-nav .product-entry{background:var(--ink);color:var(--cream)}
.story{max-width:1800px;margin:auto;padding:0 clamp(22px,4vw,64px)}.story-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(520px,1.15fr);align-items:center;gap:clamp(32px,5vw,84px);min-height:calc(100svh - 226px);padding:28px 0 22px}.copy-column{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 30px;color:var(--orange);font-size:12px;font-weight:850;letter-spacing:.14em}.eyebrow span{width:28px;height:3px;background:var(--orange)}.copy-stage{position:relative;min-height:466px}.copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;transform:translateY(18px);transition:opacity .34s ease,transform .48s cubic-bezier(.2,.75,.2,1)}.copy.is-current{opacity:1;pointer-events:auto;transform:none}.chapter{margin:0 0 18px;font:750 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:var(--muted)}h1{max-width:650px;margin:0;font-size:clamp(40px,4.15vw,70px);line-height:1.08;letter-spacing:-.065em;font-weight:900;text-wrap:balance}h1 em{display:block;font-style:normal;color:var(--orange)}.description{max-width:610px;margin:26px 0 0;font-size:17px;line-height:1.72;color:#283c70;text-wrap:pretty}.outcome{max-width:650px;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:27px 0 0}.outcome div{padding:15px 16px;border-top:2px solid var(--ink);background:rgba(255,255,255,.52)}.outcome dt{margin-bottom:7px;font:850 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;color:var(--orange)}.outcome dd{margin:0;font-size:14px;line-height:1.5}
.debug-bench{position:relative;margin:0}.bench-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:var(--ink)}.bench-window{position:relative;min-height:548px;overflow:hidden;border:2px solid var(--ink);border-radius:9px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(220,232,255,.65));box-shadow:12px 12px 0 var(--ink)}.bench-window:before,.bench-window:after{content:"";position:absolute;z-index:0;border-radius:50%}.bench-window:before{width:320px;height:320px;right:-120px;top:-160px;background:rgba(252,67,0,.13)}.bench-window:after{width:260px;height:260px;left:-120px;bottom:-160px;background:rgba(8,47,145,.12)}.bird-seal{position:absolute;z-index:8;right:18px;top:17px;width:62px;height:62px;border:1.5px solid var(--ink);border-radius:20px;background:var(--cream);box-shadow:4px 4px 0 var(--yellow);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.bird-seal img{width:100%;height:100%;object-fit:contain;padding:5px}.route-thread{position:absolute;z-index:1;inset:0;width:100%;height:100%}.route-thread path{fill:none;stroke-linecap:round;stroke-linejoin:round}.route-shadow{stroke:rgba(8,47,145,.13);stroke-width:18}.route-main{stroke:var(--orange);stroke-width:5;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .8s ease,stroke .5s ease}.plan-sheet{position:absolute;z-index:3;left:8%;top:7%;width:67%;padding:22px 22px 18px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:9px 10px 0 rgba(8,47,145,.18);transform:rotate(-1.3deg);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.sheet-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:14px;border-bottom:1.5px solid var(--ink)}.sheet-head b{display:block;font-size:19px}.sheet-head small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.status-chip{padding:6px 8px;border:1px solid var(--orange);color:var(--orange);font:800 9px/1 ui-monospace,monospace;letter-spacing:.08em}.timeline{list-style:none;margin:14px 0 0;padding:0}.stop{position:relative;display:grid;grid-template-columns:49px 1fr 12px;gap:11px;align-items:center;min-height:61px;border-bottom:1px solid #d7def1;transition:opacity .35s ease,transform .45s ease,background .35s ease}.stop time{font:800 11px/1 ui-monospace,monospace;color:var(--ink)}.stop strong,.stop small{display:block}.stop strong{font-size:14px}.stop small{margin-top:4px;font-size:11px;color:var(--muted)}.stop i{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:var(--paper)}.missing-gap{display:flex;align-items:center;gap:8px;margin-top:13px;padding:10px;border:1px dashed var(--yellow);background:#fff5d5;color:#6a4710}.missing-gap span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font-weight:900}.missing-gap b{font-size:12px}.missing-gap small{margin-left:auto;font-size:10px}.scan-beam{position:absolute;z-index:5;left:4%;right:4%;top:-20%;height:26%;border-bottom:3px solid var(--orange);background:linear-gradient(180deg,transparent,rgba(252,67,0,.14));opacity:0;transform:skewY(-2deg);pointer-events:none}.issue{position:absolute;z-index:7;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:210px;padding:10px 12px;border:1.5px solid var(--orange);background:var(--cream);box-shadow:5px 5px 0 var(--orange);opacity:0;transform:translateX(20px) scale(.92);transition:opacity .28s ease,transform .45s cubic-bezier(.18,.8,.2,1)}.issue b{font-size:12px;color:var(--orange)}.issue span{font-size:10px}.issue-distance{right:3%;top:28%}.issue-mode{right:5%;top:51%}.issue-hours{right:4%;top:74%}
.diagnosis{position:absolute;z-index:10;left:9%;right:9%;top:14%;padding:24px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--orange);opacity:0;transform:translateY(34px) scale(.96);pointer-events:none;transition:opacity .35s ease,transform .6s cubic-bezier(.17,.8,.2,1)}.diagnosis header{display:flex;justify-content:space-between;gap:15px;padding-bottom:14px;border-bottom:1px solid var(--line);font:800 10px/1.4 ui-monospace,monospace;letter-spacing:.06em}.diagnosis header b{color:var(--orange)}.diagnosis p{margin:20px 0;font-size:17px;line-height:1.55}.reason-row{display:flex;gap:13px;align-items:center;padding:11px 12px;background:var(--blue-soft);font-size:12px}.reason-row span{padding:4px 7px;background:var(--ink);color:white}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.choices button{display:flex;gap:10px;align-items:center;padding:13px;text-align:left;border:1.5px solid var(--ink);background:white}.choices i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font-style:normal;font-weight:900}.choices b,.choices small{display:block}.choices b{font-size:12px}.choices small{margin-top:4px;font-size:10px;color:var(--muted)}.human-choice{display:block;margin-top:15px;text-align:right;color:var(--orange);font-weight:800}.fixed-plan{position:absolute;z-index:11;inset:6%;padding:25px;border:1.5px solid var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--yellow);opacity:0;transform:translateY(25px);pointer-events:none;transition:opacity .38s ease,transform .65s cubic-bezier(.17,.8,.2,1)}.fixed-plan header{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:2px solid var(--ink)}.fixed-plan header b,.fixed-plan header small{display:block}.fixed-plan header b{font-size:16px}.fixed-plan header small{margin-top:5px;font-size:10px;color:var(--muted)}.fixed-plan header>span{align-self:start;padding:6px 8px;background:var(--ink);color:white;font-size:10px}.fixed-plan ol{list-style:none;margin:15px 0;padding:0}.fixed-plan li{display:grid;grid-template-columns:48px 14px 1fr auto;gap:10px;align-items:center;min-height:67px}.fixed-plan time{font:800 10px/1 ui-monospace,monospace}.fixed-plan li>i{width:11px;height:11px;border:3px solid var(--orange);border-radius:50%;background:white}.fixed-plan li>div{padding-left:3px}.fixed-plan li b,.fixed-plan li small{display:block}.fixed-plan li b{font-size:13px}.fixed-plan li small{margin-top:4px;font-size:10px;color:var(--muted)}.fixed-plan li>span{padding:5px 7px;background:#dff1df;color:#285c32;font-size:9px;font-weight:800}.fixed-plan li>span.pending{background:#fff0c9;color:#76500c}.fixed-plan footer{display:flex;justify-content:space-around;gap:8px;padding-top:14px;border-top:1px solid var(--line);font-size:10px;font-weight:800}.fixed-plan footer span{display:flex;align-items:center;gap:6px}.fixed-plan footer i{width:7px;height:7px;border-radius:50%;background:var(--orange)}figcaption{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12px;color:var(--muted)}.caption-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}
.story[data-step="1"] .scan-beam{opacity:1;animation:scan 2.5s cubic-bezier(.35,0,.2,1) infinite}.story[data-step="1"] .plan-sheet{transform:rotate(-.3deg) translateX(-5%)}.story[data-step="1"] .stop-2,.story[data-step="1"] .stop-3,.story[data-step="1"] .stop-4{background:linear-gradient(90deg,rgba(252,67,0,.12),transparent)}.story[data-step="1"] .issue{opacity:1;transform:none}.story[data-step="1"] .issue-mode{transition-delay:.16s}.story[data-step="1"] .issue-hours{transition-delay:.32s}.story[data-step="1"] .bird-seal{transform:rotate(7deg) translateY(8px)}.story[data-step="2"] .plan-sheet{opacity:.2;transform:scale(.92) translateX(-8%)}.story[data-step="2"] .diagnosis{opacity:1;transform:none;pointer-events:auto}.story[data-step="2"] .route-main{stroke:var(--yellow);stroke-dashoffset:.15}.story[data-step="2"] .bird-seal{transform:translate(-10px,8px) rotate(-5deg)}.story[data-step="3"] .plan-sheet,.story[data-step="3"] .diagnosis{opacity:0;transform:translateY(-18px) scale(.96)}.story[data-step="3"] .fixed-plan{opacity:1;transform:none;pointer-events:auto}.story[data-step="3"] .route-main{stroke:var(--ink);stroke-dashoffset:-.07}.story[data-step="3"] .bird-seal{transform:translate(-3px,0) rotate(4deg)}@keyframes scan{0%{top:-20%}75%,100%{top:92%}}
.story-controls{display:grid;grid-template-columns:auto minmax(260px,560px) auto;align-items:center;justify-content:center;gap:clamp(18px,4vw,60px);border-top:1px solid var(--line);padding-top:15px}.step-arrow{min-width:96px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;font-weight:850;cursor:pointer}.step-arrow span{font-size:23px}.step-arrow:disabled{opacity:.25;cursor:default}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.steps button{position:relative;min-height:42px;padding:0 0 9px;border:0;border-bottom:2px solid var(--line);background:transparent;font:800 11px/1 ui-monospace,monospace;cursor:pointer;text-align:left}.steps button i{position:absolute;left:0;bottom:-2px;width:0;height:3px;background:var(--orange);transition:width .35s ease}.steps button[aria-current="step"]{color:var(--orange)}.steps button[aria-current="step"] i{width:100%}.interaction-hint{display:flex;justify-content:center;gap:18px;margin:10px 0 16px;font-size:11px;color:var(--muted)}.interaction-hint b{color:var(--orange)}.touch-hint{display:none}.noscript-note{margin:20px;padding:16px;border:1px solid var(--ink)}
@media(max-height:820px) and (min-width:821px){.story-body{min-height:calc(100svh - 205px);padding:13px 0 9px}.copy-stage{min-height:425px}.eyebrow{margin-bottom:12px}h1{font-size:clamp(38px,3.55vw,60px)}.description{margin-top:17px;font-size:15px;line-height:1.58}.outcome{margin-top:17px}.outcome div{padding:10px 12px}.debug-bench .bench-window{min-height:448px}.plan-sheet{top:5%;padding:17px 19px}.stop{min-height:51px}.missing-gap{margin-top:8px;padding:8px}.fixed-plan{padding:18px}.fixed-plan li{min-height:55px}.diagnosis{top:10%}.interaction-hint{margin:6px 0 8px}.story-controls{padding-top:9px}}
@media(max-width:1060px){.story-body{grid-template-columns:minmax(0,.78fr) minmax(500px,1.22fr);gap:26px}.outcome{grid-template-columns:1fr}.outcome div{padding:10px 12px}.copy-stage{min-height:500px}.description{font-size:15px}.bench-window{min-height:520px}}@media(max-width:820px){.top{align-items:flex-start;flex-wrap:wrap;padding:10px 18px}.brand img{width:48px;height:48px}.brand strong{font-size:21px}.top-nav{width:100%;overflow:visible;padding-bottom:3px;justify-content:flex-start}.top-nav a{min-height:40px;padding:8px 12px}.story{padding:0 17px}.story-body{display:block;min-height:auto;padding:25px 0 17px}.eyebrow{margin-bottom:16px}.copy-stage{min-height:410px}.copy{justify-content:flex-start}.chapter{margin-bottom:10px}h1{font-size:clamp(37px,10.5vw,56px)}.description{margin-top:17px;line-height:1.6}.outcome{margin-top:18px;grid-template-columns:1fr 1fr}.outcome div{padding:10px}.debug-bench{margin-top:8px}.bench-window{min-height:510px;box-shadow:7px 7px 0 var(--ink)}.story-controls{grid-template-columns:48px 1fr 48px;gap:8px;padding-top:13px}.step-arrow{min-width:44px}.step-arrow small{display:none}.interaction-hint{margin-bottom:20px}.desktop-hint{display:none}.touch-hint{display:inline}.plan-sheet{left:5%;width:78%}.issue{right:2%;min-width:180px}.diagnosis{left:5%;right:5%}.fixed-plan{inset:4%}}@media(max-width:520px){.top{gap:7px}.brand img{width:43px;height:43px}.brand strong{font-size:19px}.top-nav{gap:5px}.top-nav a{font-size:10px;padding:7px 9px}.story-body{padding-top:20px}.eyebrow{font-size:10px}.copy-stage{min-height:500px}h1{font-size:39px}.description{font-size:15px}.outcome{grid-template-columns:1fr;gap:7px}.outcome dd{font-size:12px}.bench-window{min-height:455px}.bird-seal{width:48px;height:48px}.plan-sheet{left:4%;top:5%;width:84%;padding:15px}.stop{min-height:52px;grid-template-columns:43px 1fr 10px}.stop strong{font-size:12px}.stop small{font-size:9px}.missing-gap small{display:none}.issue{min-width:156px;padding:8px}.issue-distance{top:25%}.issue-mode{top:50%}.issue-hours{top:75%}.diagnosis{top:8%;padding:17px}.diagnosis header{display:block}.diagnosis header b{display:block;margin-top:6px}.diagnosis p{margin:16px 0;font-size:15px}.choices{grid-template-columns:1fr}.fixed-plan{padding:15px}.fixed-plan li{grid-template-columns:42px 12px 1fr}.fixed-plan li>span{display:none}.fixed-plan footer{font-size:9px}.bench-topline{font-size:9px}.interaction-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.copy,.plan-sheet,.issue,.diagnosis,.fixed-plan,.route-main,.bird-seal,.steps button i{transition:none}.story[data-step="1"] .scan-beam{animation:none;top:44%}}