:root{--bg:#101116;--bg2:#14151c;--surface:#1a1c26;--surface2:#232634;--line:#353847;--line2:#464962;--white:#f4f3f0;--muted:#a5a7b6;--dim:#858899;--primary:#a2b0ff;--pale:#dce1ff;--violet:#ba9ae9;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit;color:inherit}p,h1,h2,h3{margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ccd5ff;outline-offset:4px}::selection{background:var(--primary);color:#151722}.shell{width:min(1200px,calc(100% - 92px));margin:auto}.topline{height:1px;background:linear-gradient(90deg,transparent,#7c8dff 43%,#9b84d4 58%,transparent)}
.skip-link{position:absolute;top:-100px;left:20px;padding:12px 18px;background:white;color:black;z-index:200}.skip-link:focus{top:15px}
.site-header{height:83px;background:rgba(16,17,22,.92);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px}.brand-label{font:800 13px/1.2 var(--display);letter-spacing:0.003em}.brand-label small{display:block;margin-top:5px;color:#888c9d;font:400 12px/1 var(--mono);letter-spacing:.08em}.links{display:flex;align-items:center;gap:34px}.links a{font-size:12px;color:#aeb0be;font-weight:600;transition:color .2s}.links a:hover{color:white}.nav-cta{border:1px solid #50577a;padding:11px 15px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}.nav-cta:hover{background:#222638}.nav-cta span{color:var(--primary);margin-left:13px}.menu-button{display:none}.mobile-nav{display:none}
.micro{font:500 12px/1.8 var(--mono);letter-spacing:.1em;color:var(--primary)}.micro .dash{display:inline-block;width:24px;height:1px;background:var(--primary);vertical-align:middle;margin-right:10px}.accent{color:var(--primary)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 39% 58% at 78% 55%,rgba(94,105,193,.11),transparent 88%)}.hero:before{position:absolute;inset:0;pointer-events:none;content:'';background-image:linear-gradient(to right,rgba(210,220,255,.023) 1px,transparent 1px),linear-gradient(to bottom,rgba(210,220,255,.02) 1px,transparent 1px);background-size:82px 82px;mask-image:linear-gradient(to bottom,transparent,black 16%,black 85%,transparent)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:630px;gap:75px;padding-top:84px;padding-bottom:88px;position:relative}.crumb{font:400 12px var(--mono);letter-spacing:.06em;color:#8f92a2;margin-bottom:45px}.crumb a{color:#c2c5d7}.crumb span{margin:0 11px;color:#4d5265}.hero h1{font:800 clamp(56px,5.4vw,77px)/1.11 var(--display);letter-spacing:0.003em;max-width:670px;margin:20px 0 26px}.hero h1 em{font-style:normal;background:linear-gradient(108deg,#c9d1ff,#a3b2ff 45%,#bfa5ed);color:transparent;background-clip:text}.hero-lede{max-width:530px;font-size:16px;line-height:1.87;color:#b0b1be}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:0 19px;gap:24px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#a7b2ff;color:#161822}.btn-primary:hover{background:#d3d9ff}.btn-secondary{border:1px solid #45485b;color:#eaebf6}.btn-secondary:hover{background:#242735}.hero-notes{display:flex;gap:17px;margin-top:45px;color:#85899c;font:12px var(--mono);letter-spacing:.015em}.hero-notes span+span{border-left:1px solid #383a4b;padding-left:17px}
.hero-visual{min-width:0}.hero-insight{border:1px solid #42475e;border-radius:16px;background:linear-gradient(145deg,#242638,#171a26 68%,#211d30);box-shadow:0 32px 110px rgba(0,0,0,.4);padding:24px 25px 27px;position:relative;overflow:hidden}.hero-insight:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#7674de;filter:blur(110px);opacity:.13;right:-70px;top:-100px;pointer-events:none}.insight-top{display:flex;justify-content:space-between;gap:8px;color:#a0a3be;font:12px var(--mono);letter-spacing:.08em}.live-dot{height:6px;width:6px;background:#a8b6ff;border-radius:50%;box-shadow:0 0 0 4px #a8b6ff20;display:inline-block;margin-right:8px}.insight-heading{font:700 22px var(--display);letter-spacing:0.003em;margin:35px 0 24px}.insight-heading span{color:#aab7ff}.signal-demo{display:grid;grid-template-columns:1fr 28px 1fr;gap:5px;align-items:center}.signal-stack{display:flex;flex-direction:column;gap:9px}.signal-row{padding:12px 12px;border:1px solid #525772;border-radius:8px;background:#292d40;display:flex;gap:10px;align-items:center;font-size:12px;color:#d6d9e9}.signal-row b{font:500 12px var(--mono);color:#a9b5ff}.join-line{text-align:center;color:#7e8cdb;font-size:20px}.signal-result{border:1px solid #7885c5;background:#313859;border-radius:11px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;box-shadow:inset 0 0 32px #6572b20b}.signal-result svg{margin:2px 0}.signal-result strong{font:700 12px var(--display)}.signal-result small{font:12px/1.6 var(--mono);color:#b4bee8}.insight-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #3b405a;padding-top:21px;margin-top:29px;color:#939ab7;font:12px var(--mono)}.insight-footer span:last-child{margin-left:auto;color:#c5cdec}
.section{padding:115px 0;border-top:1px solid rgba(228,235,255,.065)}.section-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:47px}.section-top h2{font:750 clamp(34px,3.35vw,51px)/1.22 var(--display);letter-spacing:0.003em;max-width:770px;margin-top:17px}.section-top h2 em{font-style:normal;color:#a9b5ff}.section-top>p{max-width:355px;font-size:13px;color:#a4a6b6;line-height:1.85}.section-n{color:#868eb4;margin-right:9px}
.bp-section{background:#14151b}.blueprint-shell{position:relative;background:#1a1b25;border:1px solid #373a4a;border-radius:17px;overflow:hidden;box-shadow:0 36px 70px #0002}.blueprint-caption{padding:19px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #373949;color:#a8abbc;font:12px var(--mono);letter-spacing:.06em}.blueprint-caption strong{color:#d0d6fc;font-weight:500}.bp-main{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:20px;align-items:stretch;padding:33px}.bp-column{background:#20222e;border:1px solid #343849;border-radius:12px;padding:23px 21px}.bp-col-head{display:flex;justify-content:space-between;align-items:center;font:12px var(--mono);color:#9aa6de;letter-spacing:.07em;border-bottom:1px solid #3b3d51;padding-bottom:15px;margin-bottom:19px}.bp-col-head small{font-size:12px;color:#848da8}.signal-node{border:1px solid #454963;background:#282b3a;border-radius:8px;margin:9px 0;padding:13px 12px;display:flex;align-items:center;gap:11px;color:#e0e3f0;font-size:12px}.signal-node .node-icon{width:25px;height:25px;border:1px solid #57638e;border-radius:7px;display:grid;place-items:center;font:12px var(--mono);color:#c7d0ff;flex-shrink:0}.signal-node small{display:block;color:#9198b1;font-size:12px;margin-top:2px}.path-mid{padding:23px 15px;position:relative;background:radial-gradient(ellipse at 50% 55%,#34385b47,transparent 76%)}.path-mid .bp-col-head{margin-left:7px;margin-right:7px}.stage-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stage-box{border-radius:10px;border:1px solid #525a84;padding:17px 14px;min-height:118px;background:#252a3a;position:relative;transition:border-color .2s,background .2s,transform .2s;cursor:pointer;text-align:left}.stage-box:hover{transform:translateY(-2px);border-color:#99a9ff}.stage-box.active{border-color:#9eabff;background:linear-gradient(130deg,#353d64,#252b43);box-shadow:0 0 0 1px #9eabff27,0 10px 25px #0002}.stage-number{display:block;font:12px var(--mono);color:#abb8ff;margin-bottom:13px}.stage-name{display:block;font:700 15px var(--display);letter-spacing:0.003em}.stage-mini{font:12px/1.6 var(--sans);color:#a6acc5;margin-top:5px;display:block}.stage-box .stage-corner{position:absolute;right:12px;top:12px;color:#aeb9fa}.path-arrow{height:27px;display:flex;align-items:center;justify-content:center;color:#828bc2;font:16px var(--mono);letter-spacing:6px}.output-node{background:#272b3b;border:1px solid #4b506a;padding:14px 13px;border-radius:8px;margin:10px 0;display:flex;align-items:center;gap:10px;font-size:12px;color:#e6e7f4}.output-node b{font:12px var(--mono);color:#a8b7ff}.output-node span{font-size:12px}.bp-note{border-top:1px solid #363b4b;padding:18px 32px;display:flex;align-items:center;gap:12px;font-size:12px;color:#a0a3b4}.bp-note .dot{width:7px;height:7px;border-radius:50%;background:#9eaaff;flex-shrink:0}.bp-note strong{color:#d3d7f2}.bp-note a{margin-left:auto;color:#b9c4ff;font-size:12px;white-space:nowrap}.bp-note a:hover{text-decoration:underline}
.stage-inspector{display:grid;grid-template-columns:.45fr .55fr;border:1px solid #41455b;background:linear-gradient(125deg,#1f2230,#181a24);border-radius:14px;margin-top:18px;overflow:hidden}.stage-inspector-title{padding:31px;display:flex;flex-direction:column;justify-content:center}.stage-inspector-title .micro{font-size:12px}.stage-inspector-title h3{font:750 26px/1.2 var(--display);letter-spacing:0.003em;margin-top:13px}.stage-inspector-title p{font-size:12px;color:#aeb1c1;line-height:1.8;margin-top:12px}.stage-inspector-right{border-left:1px solid #44475b;padding:29px 31px;background:#212432}.inspector-label{font:12px var(--mono);color:#9ba8e3;letter-spacing:.07em;margin-bottom:12px}.inspector-items{margin:0;padding:0;list-style:none;display:grid;gap:9px}.inspector-items li{padding-left:17px;position:relative;font-size:12px;line-height:1.6;color:#d0d4e6}.inspector-items li:before{content:'';width:5px;height:5px;border-radius:50%;background:#acb9ff;position:absolute;left:0;top:9px}.decision-strip{border-top:1px solid #434861;margin-top:18px;padding-top:14px;display:flex;align-items:start;gap:10px;font-size:12px;color:#afb5d2}.decision-strip strong{color:#dce3ff;font-weight:700;flex-shrink:0}
.conditions{margin-top:26px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.condition{flex:1;min-width:180px;padding:20px;border:1px solid #35394a;border-radius:11px;background:#181a24}.condition strong{font:600 12px var(--display)}.condition p{font-size:12px;color:#9fa2b2;line-height:1.7;margin-top:6px}.condition .small-icon{color:#a5b1ff;font:18px var(--mono);display:block;margin-bottom:15px}
.value-section{background:#101116}.value-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}.value-intro h2{font:750 clamp(36px,3.8vw,52px)/1.22 var(--display);letter-spacing:0.003em;margin-top:19px}.value-intro p{color:#aeb0bd;font-size:14px;line-height:1.9;max-width:475px;margin:23px 0 0}.proof-tags{margin-top:27px;display:flex;flex-wrap:wrap;gap:8px}.proof-tags span{border:1px solid #414459;background:#1c1e29;border-radius:6px;padding:8px 10px;font:12px var(--mono);color:#c5cee8}.deliverable-card{border:1px solid #3c4055;border-radius:14px;background:#1b1d29;padding:29px}.deliverable-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3c4055;padding-bottom:19px;margin-bottom:18px}.deliverable-top span{font:12px var(--mono);color:#aab7ff;letter-spacing:.07em}.deliverable-top small{color:#7e849e;font:12px var(--mono)}.deliverable-row{display:grid;grid-template-columns:30px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid #35394a}.deliverable-row:last-child{border-bottom:0}.deliverable-icon{width:28px;height:28px;border-radius:8px;background:#303958;color:#c2ccff;display:grid;place-items:center;font-size:14px}.deliverable-row strong{font:700 13px var(--display)}.deliverable-row p{font-size:12px;color:#a0a5ba;margin-top:5px;line-height:1.7}
.example-section{background:#15161d}.example-box{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;border:1px solid #363b51;background:#1c1e28;border-radius:14px;padding:30px}.example-text h3{font:750 26px/1.2 var(--display);letter-spacing:0.003em;margin:15px 0}.example-text p{font-size:12px;color:#abb0c0;line-height:1.9;max-width:485px}.example-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.example-tags span{font:12px var(--mono);color:#ced4ee;border:1px solid #44485f;padding:8px 11px;border-radius:20px}.example-journey{border-radius:12px;background:#222637;border:1px solid #434964;padding:21px}.example-top{font:12px var(--mono);color:#a7b2df;display:flex;justify-content:space-between}.journey-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:24px}.journey-step{padding:12px 8px;border:1px solid #555e80;border-radius:7px;min-height:69px;background:#2c3145;display:flex;justify-content:space-between;flex-direction:column;gap:9px}.journey-step.problem{border-color:#d6a6a0;background:#493739}.journey-step small{font:12px/1.3 var(--mono);color:#e0e1ef}.journey-step span{font-size:12px;color:#a9b9f4}.journey-step.problem span{color:#f5bbb6}.hypo-box{margin-top:16px;border-top:1px solid #444960;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.hypo-box div{font:12px/1.7 var(--sans);color:#b3b6cb}.hypo-box strong{display:block;font:12px var(--mono);color:#b9c5ff;margin-bottom:6px}.hypo-box div:last-child strong{color:#e0c7be}
.faq-section{background:#111218}.faq-grid{display:grid;grid-template-columns:.6fr 1fr;gap:65px}.faq-grid h2{font:750 clamp(33px,3.2vw,45px)/1.25 var(--display);letter-spacing:0.003em;margin-top:13px}.faq-list{border-top:1px solid #393d4f}.faq-list details{border-bottom:1px solid #393d4f;padding:20px 0}.faq-list summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:13px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font:20px var(--mono);color:#a3b2ff}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:12px;color:#a9abb9;line-height:1.85;padding-top:16px;max-width:640px}
.contact{padding:85px 0 105px}.contact-box{border:1px solid #556189;border-radius:17px;padding:55px 58px;background:radial-gradient(ellipse at 76% 22%,rgba(116,120,220,.17),transparent 65%),linear-gradient(120deg,#24283b,#181923);position:relative;overflow:hidden}.contact-box h2{font:780 clamp(39px,4vw,57px)/1.17 var(--display);letter-spacing:0.003em;max-width:740px;margin-top:17px}.contact-box h2 em{font-style:normal;color:#c2caff}.contact-box p{color:#b3b6c7;font-size:13px;line-height:1.8;max-width:670px;margin-top:18px}.contact-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.contact-email{font:12px var(--mono);color:#aeb4d1;margin-top:19px}.contact-email a{text-decoration:underline;text-underline-offset:4px}
footer{border-top:1px solid #353744;padding:28px 0 34px;background:#111218}.footer-content{display:flex;justify-content:space-between;gap:25px;align-items:start}.footer-content strong{font:800 13px var(--display)}.footer-content p{color:#8b8e9f;font:12px var(--mono);margin-top:5px}.footer-content nav{display:flex;gap:22px;font-size:12px;color:#a2a6bb}.footer-content nav a:hover{color:white}
@media(max-width:1100px){.shell{width:min(100% - 60px,1200px)}.hero-grid{gap:32px}.hero h1{font-size:clamp(49px,5.5vw,68px)}.bp-main{grid-template-columns:1fr 1.25fr 1fr;gap:12px;padding:20px}.bp-column{padding:15px 12px}.signal-node{padding:10px 8px}.path-mid{padding:15px 6px}.stage-box{padding:13px 10px}.stage-name{font-size:13px}.value-layout{gap:40px}}
@media(max-width:820px){.shell{width:calc(100% - 42px)}.site-header{height:74px}.links,.nav-cta{display:none}.menu-button{display:flex;align-items:center;justify-content:center;border:1px solid #45485d;background:transparent;border-radius:8px;width:42px;height:38px;font-size:20px}.mobile-nav:not([hidden]){display:flex;position:absolute;top:74px;left:0;right:0;background:#191b26;border-bottom:1px solid #3b3e55;flex-direction:column;padding:10px 22px 22px;box-shadow:0 16px 30px #0009}.mobile-nav a{padding:13px 0;border-bottom:1px solid #333647;font-size:13px}.hero-grid{grid-template-columns:1fr;gap:33px;padding:60px 0 72px;min-height:0}.hero h1{font-size:clamp(54px,8vw,74px)}.crumb{margin-bottom:35px}.hero-visual{max-width:650px;width:100%}.section{padding:80px 0}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:15px;max-width:650px}.bp-main{grid-template-columns:1fr;gap:13px}.bp-column{padding:19px}.path-mid{padding:19px}.signal-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.signal-node{margin:0}.bp-note{flex-wrap:wrap}.bp-note a{margin-left:20px}.stage-inspector{grid-template-columns:1fr}.stage-inspector-right{border-left:0;border-top:1px solid #44475b}.value-layout,.example-box,.faq-grid{grid-template-columns:1fr;gap:32px}.faq-grid{gap:25px}.contact-box{padding:44px 34px}}
@media(max-width:560px){.shell{width:calc(100% - 36px)}.site-header{height:70px}.mobile-nav:not([hidden]){top:70px}.brand-label small{font-size:12px}.hero-grid{padding:39px 0 59px}.crumb{font-size:12px;margin-bottom:28px}.hero h1{font-size:clamp(43px,11vw,59px);letter-spacing:0.003em}.hero-lede{font-size:14px}.hero-notes{flex-wrap:wrap;margin-top:29px;gap:12px}.hero-notes span+span{padding-left:13px}.hero-insight{padding:19px 15px}.insight-heading{font-size:20px;margin:28px 0 17px}.signal-row{padding:10px 8px;gap:5px;font-size:12px}.signal-result{padding:14px 7px}.signal-result strong{font-size:12px}.signal-result small{font-size:12px}.signal-demo{grid-template-columns:1.13fr 20px 1fr}.insight-footer{font-size:12px}.section{padding:70px 0}.section-top h2{font-size:35px}.blueprint-caption{padding:16px 16px;font-size:12px}.bp-main{padding:12px}.bp-column{padding:15px 13px}.bp-col-head{font-size:12px}.signal-stack{grid-template-columns:1fr}.signal-node{padding:10px 9px}.stage-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stage-box{padding:12px 10px;min-height:115px}.stage-name{font-size:13px}.stage-mini{font-size:12px}.bp-note{padding:17px 18px;font-size:12px}.stage-inspector-title,.stage-inspector-right{padding:23px 20px}.stage-inspector-title h3{font-size:24px}.conditions{flex-direction:column}.condition{min-width:0}.deliverable-card{padding:22px}.example-box{padding:20px;gap:25px}.example-text h3{font-size:23px}.journey-row{grid-template-columns:repeat(2,1fr)}.hypo-box{grid-template-columns:1fr}.contact{padding:68px 0 80px}.contact-box{padding:35px 23px}.contact-box h2{font-size:39px}.footer-content{flex-direction:column}.footer-content nav{flex-wrap:wrap}.hero-ctas .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.sources-inline{margin-top:22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sources-inline span{font:12px var(--mono);color:#8e93af;margin-right:5px}.sources-inline a{border:1px solid #42465c;border-radius:6px;padding:8px 10px;font:12px var(--mono);color:#c3cbed}.sources-inline a:hover{background:#23273a}

/* V5: one connected interactive workflow; details appear next to the selected step. */
.stage-flow{align-content:start}
.stage-box{min-height:98px;padding:14px 13px}
.stage-box .stage-corner{font-size:12px;opacity:.8}
.stage-inspector{grid-column:1/-1;display:block;margin:5px 0 0;background:#1d2233;border:1px solid #626b9c;border-radius:10px;overflow:hidden;box-shadow:inset 3px 0 0 #9eabff}
.stage-inspector-title{padding:18px 18px 9px;display:block}
.stage-inspector-title h3{font-size:18px;line-height:1.3;margin-top:6px;letter-spacing:0.003em}
.stage-inspector-title p{font-size:12px;line-height:1.65;margin-top:5px}
.stage-inspector-right{background:transparent;padding:10px 18px 16px;border:0}
.inspector-label{font-size:12px;margin-bottom:6px}
.inspector-items{gap:5px}
.inspector-items li{font-size:12px;line-height:1.5}
.inspector-items li:before{top:6px}
.decision-strip{font-size:12px;gap:8px;margin-top:12px;padding-top:10px}
.evidence-tag{margin-left:auto;font:12px var(--mono);letter-spacing:.04em;color:#b5c0fa;white-space:nowrap}
.faq-intro{font-size:12px;color:#a4a6b8;margin-top:16px;line-height:1.65;max-width:275px}
@media(max-width:820px){.stage-flow{grid-template-columns:1fr;gap:9px}.stage-box{min-height:70px;padding:10px 14px}.stage-number{margin-bottom:3px;font-size:12px}.stage-name{font-size:14px}.stage-mini{font-size:12px;margin-top:1px}.stage-inspector{grid-column:auto;margin:0 0 2px}.stage-inspector-title{padding:15px 16px 6px}.stage-inspector-right{padding:7px 16px 15px}.bp-note{gap:10px}.evidence-tag{margin-left:18px}.path-arrow{height:22px}}
@media(max-width:560px){.stage-box{min-height:67px}.stage-inspector-title h3{font-size:17px}.bp-note{align-items:flex-start}.evidence-tag{font-size:12px;white-space:normal}.bp-col-head small{font-size:12px}}

/* Product Experience Redesign / V6 */
.redesign-hero .hero-grid{grid-template-columns:1.05fr .95fr}
.redesign-hero .hero-lede{max-width:590px}
.redesign-visual{min-width:0}
.redesign-visual .hero-insight{padding:25px;background:radial-gradient(ellipse at 70% 20%,rgba(140,144,242,.12),transparent 65%),#1b1d2a}
.journey-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #42465d;padding-bottom:16px;color:#9ba6d9;font:12px var(--mono);letter-spacing:.08em}
.journey-title{font:750 28px/1.22 var(--display);letter-spacing:0.003em;margin:22px 0 10px;color:#f6f5fc}.journey-title span{color:#abb6ff}
.journey-desc{font-size:12px;color:#9ea5b9;line-height:1.65;margin-bottom:22px}
.journey-flow{display:grid;grid-template-columns:1fr 24px 1fr;gap:11px;align-items:center}
.journey-flow .scenario{background:#242638;border:1px solid #464a62;border-radius:12px;padding:18px 14px;min-height:220px;position:relative}
.journey-flow .scenario.clear{background:linear-gradient(145deg,#282f4c,#25283d);border-color:#6f7cc0}
.scenario-label{color:#949cba;font:12px var(--mono);letter-spacing:.11em}.scenario.clear .scenario-label{color:#b9c5ff}
.scenario h3{font:700 15px var(--display);margin:10px 0 12px}
.scenario-bar{height:8px;background:#464a5b;border-radius:2px;margin-top:10px}.scenario-bar.sm{width:61%}.scenario-bar.md{width:82%}.scenario-bar.short{width:37%}
.scenario-choice{border:1px solid #50546b;border-radius:5px;padding:9px 8px;margin-top:8px;font-size:12px;color:#abb2c7;display:flex;align-items:center;gap:6px}.scenario-choice i{display:block;width:9px;height:9px;border:1px solid #7a80a1;border-radius:50%;flex-shrink:0}.scenario-choice.on{border-color:#8e9cff;background:#343e60;color:#f2f4ff}.scenario-choice.on i{background:#a8b6ff;box-shadow:inset 0 0 0 2px #343e60}
.scenario-arrow{color:#a7b2ff;text-align:center;font-size:22px}.scenario-outcome{font-size:12px;color:#a8aebe;line-height:1.5;margin-top:14px}.scenario.clear .scenario-outcome{color:#d0d7fd}
.journey-footer{margin-top:17px;padding-top:12px;border-top:1px solid #3d435b;display:flex;justify-content:space-between;gap:10px;font:12px var(--mono);color:#8894bf;letter-spacing:.05em}
.redesign-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.redesign-tags span{font:12px var(--mono);color:#b9c2e7;border:1px solid #454d70;border-radius:20px;padding:8px 10px;background:rgba(139,155,255,.045)}
.redesign-canvas{border:1px solid #3b425b;border-radius:14px;background:#191c29;overflow:hidden}
.redesign-canvas-head{padding:16px 22px;border-bottom:1px solid #343b51;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#aebcff;font:12px var(--mono);letter-spacing:.08em}
.redesign-canvas-head small{color:#8e95ad;font:12px var(--mono)}
.redesign-grid{display:grid;grid-template-columns:1fr 1.9fr 1fr;gap:16px;padding:22px}
.redesign-col{border:1px solid #333b56;border-radius:10px;padding:16px 13px;background:#202432;min-width:0}
.redesign-col h3{font:12px var(--mono);letter-spacing:.04em;color:#a5b4f2;margin:0 0 16px}
.redesign-input{padding:13px 9px;border:1px solid #424b68;background:#252b3d;border-radius:7px;margin-bottom:9px;display:flex;align-items:center;gap:11px;color:#d1d5e8;font-size:12px;line-height:1.4}
.redesign-input i{font-style:normal;font-size:16px;color:#a3afff}
.redesign-result{border:1px solid #454e6d;border-radius:7px;padding:13px 10px;color:#d8def4;font-size:12px;line-height:1.4;margin-bottom:9px;background:#272c3f}
.redesign-result b{font:12px var(--mono);color:#9dafff;margin-right:9px}
.redesign-stage-wrap{padding:15px 9px;background:#202435;border-radius:10px;border:1px solid #454f72}
.redesign-stage-wrap>p{font:12px var(--mono);color:#b9c3ee;padding:2px 8px 13px}
.redesign-stage-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.redesign-stage{min-height:108px;background:#272d40;text-align:left;color:#f0f0f7;padding:14px;border:1px solid #525d7f;border-radius:9px;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:8px;transition:background .2s,border-color .2s}
.redesign-stage:hover{background:#323a56}.redesign-stage[aria-pressed="true"]{border-color:#b0bdff;background:linear-gradient(125deg,#394568,#303850);box-shadow:0 0 0 1px rgba(169,185,255,.16)}
.redesign-stage .stage-num{font:12px var(--mono);color:#aebaff}
.redesign-stage strong{font:700 16px var(--display)}
.redesign-stage small{font:12px var(--body);color:#abb4ca;line-height:1.4}
.redesign-stage .focus-arrow{position:absolute;right:13px;top:14px;color:#aebaff;font-size:14px}
.redesign-inspector{grid-column:1/-1;background:#1c2236;border:1px solid #6474a3;border-radius:9px;box-shadow:inset 3px 0 0 #a7b4ff;padding:17px 18px 18px}
.redesign-inspector h3{font:750 19px var(--display);margin:6px 0 7px;letter-spacing:0.003em}
.redesign-inspector p{font-size:12px;color:#b6bed1;line-height:1.6}
.redesign-inspector .detail-items{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 12px;list-style:none;padding:0}
.redesign-inspector .detail-items li{font-size:12px;color:#d1d6e6;border:1px solid #3b4564;border-radius:5px;padding:10px 8px;background:#252c42;line-height:1.55}
.redesign-inspector .detail-items li:before{content:'↗';color:#a5b1fc;margin-right:7px}
.redesign-inspector .stage-outcome{padding-top:12px;border-top:1px solid #4b587a;color:#c2cbe4;font-size:12px;line-height:1.55}
.redesign-inspector .stage-outcome b{font:12px var(--mono);color:#aebaff;margin-right:9px}
.redesign-foot{padding:15px 22px;border-top:1px solid #3d4560;color:#aab3cf;font:12px var(--mono);display:flex;align-items:center;gap:8px}
.redesign-foot strong{color:#c6cefa}
.artifacts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.artifact{border:1px solid #444961;border-radius:10px;padding:17px;background:#222535;min-height:130px}.artifact b{font:12px var(--mono);color:#a8b4fa}.artifact h3{font:750 14px var(--display);margin:14px 0 8px}.artifact p{color:#9fa8c1;font-size:12px;line-height:1.6}
.example-tabs{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.example-tabs button{border:1px solid #4a506a;background:#232637;color:#c0c5d8;border-radius:6px;padding:11px 16px;cursor:pointer;font-size:12px}.example-tabs button[aria-pressed="true"]{background:#3a4569;color:white;border-color:#95a3fa}
.example-ui{border:1px solid #454d6c;border-radius:12px;padding:20px;background:#202638;min-height:280px}.example-ui h3{font:750 18px var(--display);margin-bottom:12px}.example-ui p{font-size:12px;color:#a9b3cb;margin-bottom:19px}.example-choice{display:flex;gap:12px;align-items:center;border:1px solid #505775;border-radius:7px;padding:14px;margin-top:9px;font-size:12px}.example-choice b{margin-left:auto;color:#aab5e2;font-size:12px}.example-choice.selected{border-color:#9eaafd;background:#303959}.example-ui .action-bar{display:inline-block;margin-top:18px;border-radius:6px;background:#a5b2ff;color:#161a27;padding:11px 18px;font:700 12px var(--display)}
.example-note{font:12px var(--mono);color:#a2aac2;margin-top:12px;line-height:1.5}
.redesign-faq .sources-inline{margin-top:28px}
@media(max-width:1100px){.redesign-grid{grid-template-columns:1fr 1.7fr;gap:12px}.redesign-col.result-col{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.redesign-col.result-col h3{grid-column:1/-1;margin-bottom:3px}.redesign-result{margin-bottom:0}}
@media(max-width:820px){.redesign-hero .hero-grid{grid-template-columns:1fr}.redesign-grid{grid-template-columns:1fr}.redesign-col.result-col{grid-column:auto}.redesign-col.input-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.redesign-col.input-col h3{grid-column:1/-1}.redesign-input{margin-bottom:0}.redesign-stage-flow{grid-template-columns:1fr}.redesign-stage{min-height:82px;padding:13px}.redesign-inspector{grid-column:1}.redesign-foot{flex-wrap:wrap}.journey-flow{max-width:650px}}
@media(max-width:560px){.redesign-visual .hero-insight{padding:16px}.journey-title{font-size:23px}.journey-flow{grid-template-columns:1fr 18px 1fr;gap:5px}.journey-flow .scenario{padding:12px 8px;min-height:204px}.scenario h3{font-size:12px}.scenario-choice{font-size:12px;padding:7px 5px}.scenario-label{font-size:12px}.scenario-arrow{font-size:18px}.journey-footer{font-size:12px}.redesign-grid{padding:11px;gap:9px}.redesign-col{padding:12px}.redesign-stage-wrap{padding:10px 9px}.redesign-col.input-col{grid-template-columns:1fr}.redesign-col.result-col{grid-template-columns:1fr}.redesign-stage{min-height:74px}.redesign-inspector{padding:14px 12px}.redesign-inspector h3{font-size:17px}.redesign-inspector .detail-items{grid-template-columns:1fr}.artifacts{grid-template-columns:1fr}.example-ui{padding:14px}.example-choice{flex-wrap:wrap}.example-choice b{margin-left:0}}


/* V7 typography: open tracking across headings and readable body copy */
body{letter-spacing:.006em}


/* Complex Product Architecture — V8 */
.arch-hero .hero-grid{grid-template-columns:1.06fr .94fr;gap:52px}
.arch-hero .hero h1{max-width:670px}
.arch-visual{border:1px solid #4b506b;border-radius:16px;background:linear-gradient(150deg,#262a3e,#171a26 80%);padding:25px;box-shadow:0 36px 95px #0005;position:relative;overflow:hidden}
.arch-visual:before{content:'';position:absolute;width:260px;height:260px;right:-100px;top:-120px;border-radius:50%;background:#8092ec;filter:blur(110px);opacity:.22}
.arch-topline,.arch-bottomline{display:flex;justify-content:space-between;gap:10px;align-items:center;font:12px var(--mono);color:#acb6da;letter-spacing:.06em;position:relative}
.arch-topline b{font-weight:500;color:#e4eaff}.arch-bottomline{padding-top:18px;margin-top:19px;border-top:1px solid #43485f}
.arch-map{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px 3px 9px}
.arch-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.arch-node{min-height:66px;background:#282d40;border:1px solid #525b7b;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:11px 8px;gap:6px;text-align:center}
.arch-node small{font:12px var(--mono);color:#aebdff;letter-spacing:.04em}.arch-node strong{font:700 12px var(--display);color:#f0f0f8}
.arch-node.core{background:linear-gradient(135deg,#3a466f,#303951);border-color:#a8b7ff}.arch-node.core strong{font-size:13px}
.arch-node.outcome{background:#1f2836;border-style:dashed}
.arch-linkline{height:22px;display:flex;justify-content:center;align-items:center;color:#9aa8ec;gap:12px;font:12px var(--mono)}
.arch-linkline:before,.arch-linkline:after{content:'';width:22%;height:1px;background:linear-gradient(90deg,transparent,#7d90d5)}
.arch-linkline:after{transform:rotate(180deg)}
.arch-map-foot{margin-top:8px;color:#a1a9c4;font:12px var(--mono);text-align:center}
.arch-workflow{background:#14151b}
.arch-canvas{border-radius:17px;overflow:hidden;border:1px solid #444b64;background:#1b1e2b;box-shadow:0 28px 65px #0002}
.arch-canvas-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 24px;border-bottom:1px solid #363e54;color:#acb9ed;font:12px var(--mono);letter-spacing:.055em}
.arch-canvas-header small{font-size:12px;color:#9096af}
.arch-columns{display:grid;grid-template-columns:.88fr 1.57fr .88fr;gap:14px;padding:22px}
.arch-col{padding:18px 15px;border:1px solid #3e4864;background:#232737;border-radius:10px;min-width:0}
.arch-col>h3{font:12px var(--mono);color:#afbcfb;margin-bottom:16px;letter-spacing:.05em}
.arch-item{display:flex;align-items:center;gap:10px;padding:12px 11px;margin-bottom:9px;background:#282f41;border:1px solid #454f6b;border-radius:8px;font-size:12px;color:#d5dbee;line-height:1.4}
.arch-item:last-child{margin-bottom:0}.arch-item i{font:12px var(--mono);color:#acbaff;font-style:normal}
.arch-center{border-radius:11px;background:radial-gradient(ellipse at 50% 5%,#36406666,transparent 70%),#232839;border:1px solid #4c5674;padding:17px 16px;min-width:0}
.arch-center-label{font:12px var(--mono);color:#b8c5f6;letter-spacing:.05em;margin-bottom:14px}
.arch-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.arch-stage{min-width:0;min-height:108px;text-align:left;display:flex;flex-direction:column;gap:7px;padding:16px 14px;background:#2b3245;border:1px solid #536083;border-radius:9px;cursor:pointer;position:relative;transition:background .2s,border-color .2s}
.arch-stage:hover{background:#353f58;border-color:#9dacfa}
.arch-stage[aria-pressed="true"]{border-color:#b1bfff;background:linear-gradient(120deg,#384568,#303b54);box-shadow:inset 3px 0 0 #b1bfff}
.arch-stage .arch-index{color:#afbeff;font:12px var(--mono)}
.arch-stage strong{font:750 16px var(--display);color:#f3f2fb;letter-spacing:.003em}
.arch-stage small{font-size:12px;color:#b3bad1;line-height:1.4;max-width:190px}
.arch-stage .arch-corner{position:absolute;right:13px;top:12px;color:#b6c5ff}
.arch-inspector{grid-column:1/-1;background:#1d263b;border:1px solid #596b99;border-radius:10px;padding:19px 20px;box-shadow:inset 3px 0 0 #b4befc}
.arch-inspector h3{font:750 19px/1.3 var(--display);letter-spacing:.003em;margin:7px 0}
.arch-inspector>p{color:#b3bdd3;font-size:12px;line-height:1.6}
.arch-detail-list{margin:16px 0;list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.arch-detail-list li{padding:11px 10px;border:1px solid #3b4967;background:#273249;border-radius:6px;color:#dce2ee;font-size:12px;line-height:1.5}
.arch-detail-list li:before{content:'↗';color:#b0bcff;margin-right:8px}
.arch-result{padding-top:13px;border-top:1px solid #465573;font-size:12px;color:#d3dcf1;display:flex;gap:11px;align-items:baseline}
.arch-result b{color:#b4c0fe;font:12px var(--mono);white-space:nowrap}
.arch-canvas-foot{display:flex;justify-content:space-between;gap:16px;padding:15px 21px;color:#aeb8d0;font:12px/1.7 var(--mono);border-top:1px solid #3a435d}
.arch-canvas-foot b{color:#c2cbff;font-weight:500}
.arch-deliverables .value-layout{align-items:start}.arch-deliverables .artifacts{grid-template-columns:repeat(2,minmax(0,1fr))}
.arch-faq .faq-list .sources-inline{margin-top:25px}.arch-faq .faq-list details summary{line-height:1.5}
.arch-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.arch-tags span{border-radius:30px;border:1px solid #373e59;padding:7px 11px;color:#959fbd;font:12px var(--mono)}
@media(max-width:1100px){.arch-hero .hero-grid{gap:30px}.arch-columns{grid-template-columns:1fr 1.6fr}.arch-col.output-col{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.arch-col.output-col h3{grid-column:1/-1;margin:0}.arch-col.output-col .arch-item{margin:0}}
@media(max-width:820px){.arch-hero .hero-grid{grid-template-columns:1fr}.arch-visual{max-width:560px}.arch-columns{grid-template-columns:1fr}.arch-col.output-col{grid-column:auto}.arch-col.input-col{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.arch-col.input-col h3{grid-column:1/-1;margin:0}.arch-col.input-col .arch-item{margin:0}.arch-stages{grid-template-columns:1fr}.arch-stage{min-height:78px;padding:12px}.arch-inspector{grid-column:1}.arch-canvas-foot{flex-wrap:wrap}}
@media(max-width:560px){.arch-visual{padding:16px}.arch-node{min-height:62px;padding:9px 5px}.arch-node strong{font-size:12px}.arch-node.core strong{font-size:12px}.arch-canvas-header{padding:15px}.arch-columns{padding:10px;gap:10px}.arch-col,.arch-center{padding:12px}.arch-col.input-col,.arch-col.output-col{grid-template-columns:1fr}.arch-stage{min-height:75px}.arch-inspector{padding:13px}.arch-detail-list{grid-template-columns:1fr}.arch-result{flex-wrap:wrap}.arch-deliverables .artifacts{grid-template-columns:1fr}}

/* Consistent keyboard focus for service pages */
a:focus-visible,button:focus-visible{outline:2px solid #aeb8ff;outline-offset:4px;}