:root{color-scheme:light;--paper:#f4f7f9;--ink:#263641;--muted:#526675;--blue:#215c86;--line:#c8d4dd;--panel:#fcfdfe;--wash:#e6eef4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 80% 3%,#fff,transparent 40%),var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid #2874a7;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.04em}p{color:var(--muted)}h1{font-size:clamp(40px,5vw,67px);font-weight:600;letter-spacing:-.06em}h2{font-size:clamp(30px,3.5vw,46px);font-weight:550}h3{font-size:24px;font-weight:600}em{font-family:"Songti SC",Georgia,serif;font-weight:400;font-style:normal;color:var(--blue)}.skip{position:fixed;top:-100px;left:20px;background:white;padding:16px;z-index:20}.skip:focus{top:10px}.review-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px max(24px,calc((100vw - 1180px)/2));background:#dfe9f1;border-bottom:1px solid #c2d2df;font-size:11px;color:#40596b}.review-bar a{white-space:nowrap;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.header,main,body>footer{width:min(var(--max),calc(100% - 56px));margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:92px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:18px}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);letter-spacing:.04em}.monogram{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#fff,#c0ccd6,#f8fcff);border:1px solid #a9bdcc;box-shadow:inset 0 1px white;color:#3d5465}.header nav{display:flex;align-items:center;gap:28px;font-size:13px}.header nav a{display:inline-flex;min-height:44px;align-items:center}.header .nav-resume{border:1px solid #b0c5d5;border-radius:6px;padding:0 16px;background:#e5f0f8;color:#1d557c}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center;padding:78px 0 72px}.eyebrow{font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:var(--blue)}.hero h1{margin:24px 0 30px;line-height:1.23}.lead{font-size:17px;max-width:610px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:11px 20px;background:#fbfdff;border:1px solid #bdcdd9;border-radius:7px;font-size:13px;font-weight:550;transition:background .18s,border-color .18s}.button:hover{background:#eaf3f9;border-color:#7c9fb9}.button.primary{background:linear-gradient(140deg,#e9f5ff,#c6ddec);border-color:#9dbbd0;color:#194b6e;box-shadow:inset 0 1px white,0 4px 10px #456a8a0a}.button.primary:hover{background:#c6dfef}.ownership{margin-top:24px;font-size:12px}.hero-aside{border:1px solid #c5d2dc;border-radius:20px;background:linear-gradient(145deg,#ffffffd0,#e6edf3);padding:24px 28px;position:relative;overflow:hidden}.silver-sign{margin:4px auto 30px;width:168px;height:168px;display:grid;place-items:center;border-radius:46px;transform:rotate(-8deg);font:300 100px/1 -apple-system,sans-serif;color:#456073;text-shadow:1px 1px white;background:linear-gradient(135deg,#fff,#c8d3dc 28%,#eff4f8 43%,#9eafbe 62%,#fff 78%,#c4d4df);box-shadow:inset 1px 1px 2px white,12px 15px 25px #61788f1c}.identity>span{font:11px ui-monospace,monospace;letter-spacing:.14em}.identity>p{font-size:12px;margin-top:7px}.identity dl{margin:20px 0 0}.identity dl>div{border-top:1px solid var(--line);padding:12px 0 4px;margin-top:8px}.identity dt{font-size:10px;color:var(--muted)}.identity dd{font-size:12px;margin:4px 0 0}.identity a{color:var(--blue)}.reading-routes{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.reading-routes>a{padding:24px 26px;border-right:1px solid var(--line)}.reading-routes>a:first-child{padding-left:0}.reading-routes>a:last-child{border:0}.reading-routes span,.entry-grid span,.decision-grid article>span{font:11px ui-monospace,monospace;color:var(--blue);letter-spacing:.06em}.reading-routes strong{display:block;margin:10px 0 6px;font-size:18px;font-weight:550}.reading-routes b{float:right;color:var(--blue);font-weight:400}.reading-routes p{font-size:12px}.section{padding:90px 0 0}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-title h2{margin-top:16px}.section-title>p{font-size:13px;flex-shrink:0}.feature-project{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.project-story{padding:44px}.project-story h3{font-size:43px;margin:16px 0 22px;letter-spacing:-.06em}.project-question{font-size:21px;line-height:1.5;color:var(--ink)}.case-facts{margin:28px 0 0}.case-facts div{border-top:1px solid var(--line);padding:14px 0}.case-facts dt{font-size:11px;color:var(--muted)}.case-facts dd{margin:6px 0 0;font-size:13px}.device-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:24px;padding:32px 30px;background:radial-gradient(ellipse at 50% 35%,#fff,#dae5ee);min-width:0}.device-stage img{max-height:440px;width:auto;height:auto;max-width:90%;object-fit:contain;filter:drop-shadow(12px 22px 20px #28475d22)}.stage-caption{font:10px ui-monospace,monospace;color:#4d6d83;letter-spacing:.12em}.stage-note{font-size:10px;color:#526b7d;text-align:center}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-right:14px}.secondary-projects{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.secondary-projects article{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fafcfe}.project-image{height:280px;padding:24px;display:flex;justify-content:center;background:#e2e9ef}.project-image img{width:100%;height:100%;object-fit:contain;object-position:top}.secondary-copy{padding:30px}.secondary-copy h3{margin:13px 0 18px}.secondary-copy>p:not(.eyebrow){font-size:14px}.secondary-copy .decision{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px!important}.decision strong{color:var(--ink);margin-right:8px;font-weight:550}.secondary-copy .text-link{margin-top:14px}.judgment{margin-top:90px;padding-top:38px;border-top:1px solid var(--line)}.judgment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:0;margin:0;list-style:none}.judgment-grid li{border-top:1px solid var(--line);padding-top:20px}.judgment-grid span{font:12px ui-monospace,monospace;color:var(--blue)}.judgment-grid h3{font-size:20px;margin:30px 0 16px}.judgment-grid p{font-size:13px}.closing{margin:94px 0 64px;padding:48px;background:linear-gradient(135deg,#fbfdff,#e0ebf3);border:1px solid #bdcfdc;border-radius:16px}.closing h2{margin:18px 0 22px;font-size:clamp(28px,3vw,40px)}.closing>p:not(.eyebrow){font-size:15px;max-width:760px}body>footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;padding:22px 0 32px;border-top:1px solid var(--line);color:var(--muted)}.product-hero{grid-template-columns:1.3fr .8fr;gap:80px}.product-hero h1{font-size:clamp(52px,6vw,84px);letter-spacing:-.06em;margin-bottom:26px}.product-hero h2{font-size:clamp(29px,3vw,40px);line-height:1.35;margin-bottom:24px}.product-hero .device-stage{border-radius:26px;border:1px solid var(--line)}.product-hero .device-stage img{max-height:410px}.project-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-block:1px solid var(--line)}.project-summary>div{padding:24px 24px 24px 0}.project-summary dt{font-size:11px;color:var(--muted);margin-bottom:8px}.project-summary dd{font-size:14px;margin:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px}.two-columns>p{font-size:17px}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:34px 0 18px}.decision-grid article{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.decision-grid h3{font-size:24px;margin:32px 0 20px}.decision-grid p{font-size:14px}.decision-note{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;color:var(--blue);font-size:12px}.entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.entry-grid>a{padding:28px;background:linear-gradient(150deg,#fff,#e4eef5);border:1px solid var(--line);border-radius:12px}.entry-grid h3{margin:30px 0 20px;font-size:23px}.entry-grid p{font-size:14px}.entry-grid b{display:block;font-size:13px;color:var(--blue);font-weight:550;margin-top:28px}.scope{border-top:1px solid var(--line);margin-top:90px;padding-top:38px}.scope h2{margin:18px 0 38px}.scope h3{font-size:21px}.scope ul{padding-left:20px;color:var(--muted);font-size:14px}.scope li{margin:12px 0}.scope-footer{font-size:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.scope-footer a{color:var(--blue);text-decoration:underline}
@media(max-width:1000px){.hero{gap:35px}.hero h1{font-size:46px}.hero-aside{padding:22px}.silver-sign{width:135px;height:135px;font-size:80px}.project-story{padding:30px}.project-question{font-size:18px}.secondary-copy{padding:24px}.judgment-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.product-hero{gap:40px}.product-hero h1{font-size:60px}.decision-grid,.entry-grid{gap:12px}.decision-grid article,.entry-grid>a{padding:22px}.decision-grid h3,.entry-grid h3{font-size:21px}.header nav{gap:18px}}
@media(max-width:700px){html{scroll-padding-top:24px}.header,main,body>footer{width:calc(100% - 36px)}.review-bar{padding:8px 18px;font-size:10px;align-items:start}.review-bar>span{max-width:210px}.header{min-height:82px;gap:12px}.brand{font-size:16px;gap:9px}.brand small{font-size:9px}.monogram{width:36px;height:36px;border-radius:11px}.header nav{gap:10px;font-size:11px}.header nav>a:not(.nav-resume){display:none}.header .nav-resume{padding:0 12px}.hero{grid-template-columns:1fr;gap:34px;padding:46px 0 36px}.hero h1{font-size:clamp(37px,8.9vw,52px);margin:18px 0 22px}.lead{font-size:15px}.hero .actions{margin-top:25px}.button{font-size:12px;padding:11px 15px;gap:12px}.ownership{font-size:11px}.hero-aside{display:grid;grid-template-columns:70px 1fr;align-items:start;gap:20px;border-radius:13px;padding:20px}.silver-sign{width:65px;height:65px;font-size:40px;border-radius:20px;margin:8px 0}.identity>span{font-size:10px}.identity>p{font-size:11px}.identity dl{margin-top:12px}.identity dl>div{padding:8px 0 0}.identity dd{font-size:11px}.reading-routes{grid-template-columns:1fr}.reading-routes>a,.reading-routes>a:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.reading-routes>a:last-child{border:0}.reading-routes span{font-size:10px}.reading-routes strong{font-size:19px;margin:7px 0 4px}.section{padding-top:52px}.section-title{display:block;margin-bottom:26px}.section-title h2{font-size:32px}.section-title>p{font-size:12px;margin-top:20px}.feature-project{grid-template-columns:1fr;border-radius:13px}.project-story{padding:28px 22px}.project-story h3{font-size:37px}.project-question{font-size:20px}.device-stage{padding:24px 22px}.device-stage img{max-height:380px}.secondary-projects{grid-template-columns:1fr;gap:24px}.project-image{height:245px;padding:20px}.secondary-copy{padding:25px 22px}.secondary-copy h3{font-size:24px}.secondary-copy>p:not(.eyebrow){font-size:13px}.judgment{margin-top:52px;padding-top:26px}.judgment-grid{gap:24px 20px}.judgment-grid h3{font-size:18px;margin:20px 0 12px;line-height:1.4}.judgment-grid p{font-size:12px}.closing{padding:28px 22px;margin:52px 0 38px}.closing h2{font-size:28px}.closing>p:not(.eyebrow){font-size:13px}.closing .actions{gap:10px}.closing .text-link{font-size:12px}body>footer{flex-wrap:wrap;font-size:10px;gap:10px 20px;padding-bottom:28px}.product-hero h1{font-size:57px}.product-hero h2{font-size:29px}.product-hero .device-stage{padding:26px;max-width:100%;width:100%;border-radius:16px}.product-hero .device-stage img{max-height:370px}.project-summary{grid-template-columns:1fr}.project-summary>div{padding:17px 0;border-bottom:1px solid var(--line)}.project-summary>div:last-child{border:0}.project-summary dd{font-size:13px}.project-summary dt{margin-bottom:4px}.two-columns{grid-template-columns:1fr;gap:22px}.two-columns>p{font-size:15px}.decision-grid,.entry-grid{grid-template-columns:1fr;gap:15px}.decision-grid h3,.entry-grid h3{margin:20px 0 16px;font-size:24px}.decision-grid p,.entry-grid p{font-size:14px}.decision-note{margin-top:20px}.entry-grid b{margin-top:20px}.scope{margin-top:52px;padding-top:28px}.scope h2{font-size:30px}.scope .two-columns{gap:26px}.scope-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{body{background:white}.review-bar,.skip,.hero-aside{display:none}.header,main,body>footer{width:100%}.hero{display:block;padding:30px 0}.hero h1{font-size:36px}.section,.closing{break-inside:avoid}.section{padding-top:35px}.closing{margin:35px 0}.device-stage img{max-height:280px}.button{box-shadow:none}}

/* Production polish: readable notes and generous footer targets. */
.stage-note,.ownership,.scope-footer{font-size:12px}body>footer a{min-height:44px;display:inline-flex;align-items:center}.hero h1,.section h2,.closing h2{text-wrap:balance}

/* HR polish 2026-10-27: evidence strip, fourth case, open source. */
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.proof-strip>div{padding:26px 24px 26px 0}.proof-strip>div+div{padding-left:24px;border-left:1px solid var(--line)}.proof-strip strong{display:block;font:500 clamp(30px,3.2vw,42px)/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.proof-strip b{font-weight:inherit;color:var(--blue);margin:0 .08em}.proof-strip i,.stat-panel dt i{font:500 .5em/1 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-style:normal;letter-spacing:0;margin:0 .25em;color:var(--muted)}.proof-strip p{margin-top:12px;font-size:13px;color:var(--ink)}.proof-strip small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.wide-project{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.1fr}.stat-panel{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:36px;background:radial-gradient(ellipse at 50% 30%,#fff,#dae5ee)}.stat-panel dl{margin:0}.stat-panel dl>div{display:grid;grid-template-columns:7.5em 1fr;align-items:baseline;gap:14px;padding:14px 0;border-top:1px solid #c2d1dc}.stat-panel dt{font:500 28px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#1d557c;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.stat-panel dd{margin:0;font-size:13px;color:var(--ink)}.stat-panel .stage-note{text-align:left}
.oss-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.oss-feature{display:block;padding:36px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#fff,#e4eef5)}.oss-feature h3{font-size:30px;margin:16px 0 14px}.oss-feature h3 small{display:block;font-size:14px;font-weight:450;color:var(--muted);letter-spacing:0;margin-top:4px}.oss-feature>p{font-size:14px}.flow-line{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0}.flow-line li{font-size:12px;padding:6px 12px;border:1px solid #b8cad8;border-radius:6px;background:#f8fbfd;color:var(--ink)}.flow-line li+li::before{content:"→";color:var(--blue);margin:0 10px 0 -4px}.oss-feature .oss-note{font-size:12px}.oss-feature b{display:block;margin-top:22px;font-size:13px;color:var(--blue);font-weight:550}.oss-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.oss-list a{display:block;padding:20px 0;border-bottom:1px solid var(--line)}.oss-list strong{display:block;font-size:16px;font-weight:600}.oss-list span{display:block;font-size:13px;color:var(--muted);margin-top:6px}.oss-list a:hover strong{color:var(--blue)}
.contact-line{margin-top:18px;font-size:14px}.contact-line a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.proof-strip{grid-template-columns:repeat(2,1fr)}.proof-strip>div:nth-child(3){padding-left:0;border-left:0}.proof-strip>div:nth-child(n+3){border-top:1px solid var(--line)}.stat-panel{padding:28px}.oss-grid{gap:18px}.oss-feature{padding:26px}}
@media(max-width:700px){.proof-strip>div,.proof-strip>div+div{padding:18px 12px 18px 0}.proof-strip>div:nth-child(even){padding-left:14px;border-left:1px solid var(--line)}.proof-strip strong{font-size:27px}.proof-strip p{font-size:12px;margin-top:8px}.wide-project{grid-template-columns:1fr}.stat-panel{padding:24px 22px}.stat-panel dl>div{grid-template-columns:6.2em 1fr}.stat-panel dt{font-size:22px}.oss-grid{grid-template-columns:1fr}.oss-feature{padding:24px 22px}.oss-feature h3{font-size:25px}.contact-line{font-size:13px;overflow-wrap:anywhere}}
@media print{.proof-strip{break-inside:avoid}}