:root{--cream:#F6F1E7;--paper:#FBF8F0;--ink:#2B2723;--ink-soft:#6B6259;--terracotta:#D97757;--terra-dark:#B9583E;--line:rgba(74,61,49,.15);--quest:#8B5CF6;--quest-deep:#6D3FD6;--green:#10B981;--amber:#F59E0B;--slate:#111827;--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Work Sans",Arial,Helvetica,sans-serif;--shadow:0 18px 45px rgba(66,48,35,.12),0 4px 12px rgba(66,48,35,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 10% 8%,rgba(217,119,87,.06),transparent 28%),radial-gradient(circle at 92% 20%,rgba(139,92,246,.055),transparent 24%),var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");mix-blend-mode:multiply}.shell{width:min(1320px,calc(100% - 8vw));margin-inline:auto}.rule{border-top:1px solid var(--line)}.progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:120}.progress span{display:block;width:100%;height:100%;background:var(--terracotta);transform:scaleX(0);transform-origin:left}.eyebrow{margin:0 0 18px;color:var(--terracotta);text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:.14em}.button{display:inline-flex;align-items:center;gap:10px;background:var(--terracotta);color:#fff;text-decoration:none;border-radius:999px;padding:15px 24px;min-height:44px;font-weight:600;font-size:14px;box-shadow:0 10px 24px rgba(217,119,87,.18);transition:transform .22s ease,background .22s ease}.button:hover{transform:translateY(-2px);background:var(--terra-dark)}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--terracotta)}
.case-hero{min-height:720px;display:grid;grid-template-columns:.78fr 1.22fr;gap:5.5vw;align-items:center;padding:54px 0 90px}.case-hero h1{font:400 clamp(70px,7.5vw,124px)/.9 var(--serif);letter-spacing:-.06em;margin:0}.hero-deck{max-width:650px;margin:30px 0 0;color:var(--ink-soft);font-size:clamp(19px,1.65vw,25px);line-height:1.46}.scope-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.scope-row span{padding:9px 12px;border:1px solid rgba(139,92,246,.19);border-radius:999px;background:rgba(255,255,255,.42);font-size:11px;color:#665d73}.hero-link{margin-top:28px}.quest-board{position:relative;min-height:560px;padding:20px;background:#15151d;border-radius:30px;box-shadow:0 28px 70px rgba(41,32,49,.22);transform:rotate(.7deg)}.hero-tape{position:absolute;width:88px;height:26px;top:-12px;left:47%;background:rgba(217,119,87,.46);transform:rotate(-2deg);z-index:5}.cq-window{height:520px;display:grid;grid-template-columns:135px 1fr;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0B0E16}.cq-sidebar{padding:20px 15px;background:#0B0D14;border-right:1px solid #222735}.cq-logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px}.cq-logo i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--quest),var(--quest-deep));font-style:normal;font-size:10px}.cq-logo span{color:var(--green)}.cq-sidebar nav{display:grid;gap:7px;margin-top:30px}.cq-sidebar nav span,.cq-sidebar nav b{font-size:9px;padding:8px 9px;border-radius:7px;color:#697386;font-weight:500}.cq-sidebar nav b{color:#D8CCFF;background:rgba(139,92,246,.12)}.cq-main{padding:22px;color:#E5E7EB;min-width:0}.cq-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.cq-top small{font-size:7px;letter-spacing:.14em;color:#657087}.cq-top h3{margin:4px 0;font-size:20px}.cq-top p{margin:0;font-size:8px;color:#667085}.phase{font-size:8px;color:#FBC66D;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.08);border-radius:999px;padding:6px 8px}.phase-track{display:flex;align-items:center;gap:5px;margin-top:18px;flex-wrap:wrap}.phase-track span{font-size:7px;padding:5px 7px;border-radius:999px;background:#1D2330;color:#697386}.phase-track .done{color:#7EE2BB;background:rgba(16,185,129,.09)}.phase-track .active{color:#C8B5FF;background:rgba(139,92,246,.12)}.progress-row{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:8px}.progress-row b{color:var(--green);font-size:12px}.cq-progress{height:7px;border-radius:999px;background:#222838;overflow:hidden;margin-top:6px}.cq-progress i{display:block;width:50%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--quest),var(--green),var(--amber))}.board-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.board-cols section{background:#111621;border:1px solid #202736;border-radius:11px;padding:8px;min-width:0}.board-cols header{display:flex;align-items:center;gap:5px;font-size:8px;color:#D9DEE7}.board-cols header i{width:6px;height:6px;border-radius:50%;background:#64748B}.board-cols section:nth-child(2) header i{background:var(--amber)}.board-cols section:nth-child(3) header i{background:var(--green)}.board-cols header em{margin-left:auto;font-style:normal;color:#7B8494}.board-cols article{display:grid;gap:4px;margin-top:8px;padding:9px;background:#1A2130;border:1px solid #293245;border-radius:8px}.board-cols article b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-cols article small,.board-cols article span{font-size:7px;color:#697386}.board-cols article button{justify-self:start;border:0;border-radius:999px;background:var(--green);padding:4px 7px;font:700 6px var(--sans);color:#07110E}.board-cols article.approved span{color:#61D9A9}
.snapshot{display:grid;grid-template-columns:repeat(4,1fr)}.snapshot div{padding:25px 24px 28px;border-right:1px solid var(--line)}.snapshot div:first-child{padding-left:0}.snapshot div:last-child{border-right:0}.snapshot span{display:block;color:#9A8D80;font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.snapshot strong{font-size:13px;font-weight:500;line-height:1.4}.story{display:grid;grid-template-columns:.84fr 1.16fr;gap:8vw;padding:110px 0}.story h2,.section-heading h2,.principles h2,.outcome h2,.next h2{font:400 clamp(44px,5vw,76px)/1 var(--serif);letter-spacing:-.045em;margin:0}.story-copy{max-width:620px}.story-copy p{font-size:16px;line-height:1.72;color:var(--ink-soft);margin:0 0 20px}.workflow{padding:106px 0}.section-heading{display:grid;grid-template-columns:.7fr 1.2fr .65fr;gap:38px;align-items:end;margin-bottom:44px}.section-heading>p:last-child{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.55}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-grid article{padding:28px 26px 34px;border-right:1px solid var(--line)}.workflow-grid article:first-child{padding-left:0}.workflow-grid article:last-child{border-right:0}.workflow-grid article>span{font:italic 400 16px var(--serif);color:var(--terracotta)}.workflow-grid h3{font:400 30px/1 var(--serif);margin:26px 0 12px}.workflow-grid p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.6}.screens{padding:108px 0 118px}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.screen-card{background:var(--paper);box-shadow:var(--shadow);padding:12px;border:1px solid rgba(76,61,47,.06);transform:rotate(.25deg)}.screen-card:nth-child(2n){transform:rotate(-.3deg)}.screen-feature{grid-column:1/-1}.browser-label{display:flex;justify-content:space-between;align-items:center;padding:5px 4px 13px}.browser-label span{font-size:12px;font-weight:600}.browser-label small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8A7E72}.ui-canvas{background:#0D111A;border:1px solid #242B39;border-radius:14px;padding:22px;min-height:330px;color:#DCE2EA}.dashboard-ui{min-height:430px}.ui-project{display:flex;justify-content:space-between;gap:20px;align-items:start}.ui-project small,.review-ui>small,.link-ui>small{font-size:8px;letter-spacing:.15em;color:#8B5CF6}.ui-project h3,.review-ui h3,.link-ui h3,.portal-ui h3{font-size:22px;margin:5px 0}.ui-project p,.link-ui p,.portal-ui p{margin:0;color:#7C8799;font-size:10px}.ui-project>span{font-size:8px;color:#F7BF61;padding:6px 8px;border:1px solid rgba(245,158,11,.28);border-radius:999px}.ui-phase{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.ui-phase b{font-size:8px;font-weight:500;padding:6px 8px;border-radius:999px;background:#19202D;color:#687486}.ui-phase b:first-child{color:#65DBAD}.ui-phase b.current{color:#C7B6FF;background:rgba(139,92,246,.12)}.ui-board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.ui-board section{padding:10px;border-radius:10px;background:#111722;border:1px solid #222A39}.ui-board header{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:600;margin-bottom:8px}.ui-board header i{width:6px;height:6px;border-radius:50%;background:#64748B}.ui-board section:nth-child(2) header i{background:var(--amber)}.ui-board section:nth-child(3) header i{background:var(--green)}.ui-board header em{margin-left:auto;font-style:normal;color:#667085}.ui-board section>div{display:grid;gap:5px;padding:10px 8px;margin-top:7px;border-radius:8px;background:#1A2130;font-size:9px}.ui-board small{font-size:7px;color:#6F7B8C}.ui-board button{justify-self:start;border:0;border-radius:999px;padding:5px 7px;background:var(--green);font:700 7px var(--sans);color:#07110E}.ui-board .green{color:#65DBAD}.review-ui .chips{display:flex;gap:6px;margin:10px 0 16px}.review-ui .chips span{font-size:8px;padding:5px 7px;border-radius:999px;background:#1D2431;color:#8C97A8}.review-ui .chips span:last-child{color:#FBC56A;background:rgba(245,158,11,.1)}.preview-block{height:110px;border-radius:10px;background:linear-gradient(145deg,#151B28,#0E121B);display:flex;align-items:end;justify-content:center;gap:8px;padding-bottom:18px}.preview-block i{width:16px;border-radius:4px 4px 0 0;background:linear-gradient(#8B5CF6aa,#8B5CF622)}.preview-block i:nth-child(1){height:34px}.preview-block i:nth-child(2){height:52px}.preview-block i:nth-child(3){height:42px}.preview-block i:nth-child(4){height:68px}.preview-block i:nth-child(5){height:48px}.review-ui h4{font-size:11px;margin:16px 0 8px}.review-ui h4 em{font-style:normal;color:#778194}.comment{padding:10px;border:1px solid #232B39;border-radius:9px;background:#111722}.comment strong{font-size:9px}.comment p{font-size:9px;color:#8993A2;margin:5px 0 0}.review-actions{display:flex;gap:7px;margin-top:14px}.review-actions button,.review-actions b{flex:1;text-align:center;border-radius:999px;padding:8px;font:600 8px var(--sans)}.review-actions button{border:1px solid rgba(245,158,11,.3);background:transparent;color:#F2C06E}.review-actions b{background:var(--green);color:#07110E}.link-ui .shield{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.1);color:#C6B5FF;margin-bottom:13px}.link-ui code{display:block;margin-top:18px;padding:13px;border:1px solid #263041;border-radius:9px;background:#080B11;color:#87E5BD;font-size:9px;word-break:break-all}.link-actions{display:flex;gap:8px;margin-top:12px}.link-actions span,.link-actions b{flex:1;text-align:center;padding:9px;border-radius:999px;font-size:8px}.link-actions span{border:1px solid #293142}.link-actions b{background:#7C4FF0;color:#fff}.portal-head{padding-bottom:14px;border-bottom:1px solid #242A38}.portal-head small{color:#61D9A9;font-size:8px;letter-spacing:.13em}.portal-ui article{margin-top:13px;border:1px solid #293143;border-radius:10px;padding:13px;background:#111722}.portal-ui article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.portal-ui article strong{font-size:11px}.portal-ui article span{font-size:7px;padding:5px 7px;border-radius:999px;color:#CDBEFF;border:1px solid rgba(139,92,246,.25);background:rgba(139,92,246,.08)}.portal-ui article .approved-pill{color:#77DDB6;border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.08)}.portal-ui article p{margin-top:10px}.portal-ui footer{display:flex;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid #232A38}.portal-ui footer button,.portal-ui footer b{flex:1;text-align:center;padding:8px;border-radius:999px;font:600 8px var(--sans)}.portal-ui footer button{border:1px solid rgba(245,158,11,.3);background:transparent;color:#F5C575}.portal-ui footer b{background:var(--green);color:#07110E}.principles{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;padding:108px 0}.principle-list{border-top:1px solid var(--line)}.principle-list article{padding:21px 0;border-bottom:1px solid var(--line)}.principle-list strong{display:block;font:400 25px/1.1 var(--serif);margin-bottom:7px}.principle-list p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.6}.outcome{padding:108px 0 116px;text-align:center}.outcome h2{max-width:960px;margin-inline:auto}.outcome-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:38px}.outcome-grid span{padding:10px 14px;border:1px solid rgba(139,92,246,.18);border-radius:999px;background:rgba(255,255,255,.45);font-size:12px;color:#665F72}.next{padding:108px 0 120px;text-align:center}.next h2{margin-inline:auto}.next-links{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:34px}.site-footer{border-top:1px solid var(--line);min-height:92px;display:flex;justify-content:space-between;align-items:center;color:#8B7D70;font-size:11px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:980px){.case-hero{grid-template-columns:1fr;min-height:0;gap:48px}.quest-board{width:min(900px,100%);justify-self:center}.story,.principles{grid-template-columns:1fr;gap:40px}.section-heading{grid-template-columns:1fr;gap:18px}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid article:nth-child(2){border-right:0}.workflow-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:700px){.cq-window{grid-template-columns:82px 1fr}.cq-sidebar{padding:15px 9px}.cq-logo strong{display:none}.cq-sidebar nav span,.cq-sidebar nav b{font-size:7px;padding:7px 5px}.board-cols{gap:5px}.board-cols section{padding:5px}.cq-main{padding:15px}}
@media(max-width:640px){.shell{width:min(100% - 34px,1320px)}.case-hero{padding:34px 0 66px}.case-hero h1{font-size:clamp(54px,18vw,78px)}.hero-deck{font-size:18px;margin-top:22px}.quest-board{min-height:430px;padding:10px;border-radius:22px}.cq-window{height:410px;grid-template-columns:58px 1fr}.cq-sidebar{padding:12px 6px}.cq-logo i{width:23px;height:23px}.cq-sidebar nav{margin-top:20px}.cq-sidebar nav span,.cq-sidebar nav b{font-size:0;text-align:center}.cq-sidebar nav span:before,.cq-sidebar nav b:before{content:'•';font-size:13px}.cq-main{padding:12px}.cq-top h3{font-size:15px}.phase{display:none}.phase-track{margin-top:12px}.phase-track span{font-size:6px;padding:4px 5px}.progress-row{margin-top:12px}.board-cols{grid-template-columns:1fr;overflow:auto;max-height:250px}.board-cols section{padding:7px}.board-cols section:not(:nth-child(2)){display:none}.snapshot{grid-template-columns:1fr}.snapshot div{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.snapshot div:last-child{border-bottom:0}.story,.workflow,.screens,.principles,.outcome{padding:72px 0}.story h2,.section-heading h2,.principles h2,.outcome h2,.next h2{font-size:44px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{border-right:0;border-bottom:1px solid var(--line);padding:26px 0}.workflow-grid article:last-child{border-bottom:0}.screen-grid{grid-template-columns:1fr;gap:10px}.screen-feature{grid-column:auto}.screen-card{transform:none!important;padding:8px}.ui-canvas{padding:15px;min-height:300px}.dashboard-ui{min-height:390px}.ui-board{grid-template-columns:1fr}.ui-board section:not(:nth-child(2)){display:none}.principle-list strong{font-size:23px}.next{padding:78px 0 90px}.next-links{flex-direction:column;gap:12px}.site-footer{padding:24px 0;min-height:0;display:grid;gap:8px}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:380px){.case-hero h1{font-size:52px}.quest-board{min-height:400px}.cq-window{height:380px}.hero-deck{font-size:17px}.ui-project{display:grid}.ui-project>span{justify-self:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}