.p-hero:before{content:"";position:absolute;top:0;left:-300px;width:900px;height:600px;background:radial-gradient(ellipse,rgba(0,0,0,.02) 0%,transparent 70%);pointer-events:none}.p-hero-inner{max-width:760px}.p-hero-tagline{font-size:20px;font-weight:600;color:var(--blue);letter-spacing:-.01em;margin-bottom:20px}.p-hero-sub{font-size:18px;color:var(--text-d-muted);line-height:1.65;max-width:600px;margin-bottom:40px}.p-hero-ctas{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.reassure-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;margin-top:48px;padding-top:40px;border-top:1px solid var(--border-d)}.reassure-num{font-family:Geist Mono,monospace;font-size:22px;font-weight:500;color:var(--dark);letter-spacing:-.02em;margin-bottom:4px}html[data-theme=dark] .reassure-num{color:var(--text-inverse)}.reassure-label{font-size:12px;color:var(--text-d-muted)}.scenarios-section{background:var(--bg-light);padding:100px 52px}.scenario-related-link{font-size:12px;font-weight:500;color:var(--text-l-light);text-decoration:none;display:block;margin-top:10px;transition:color .2s}.scenario-related-link:hover{color:var(--blue)}.journey-section{background:var(--bg-dark);padding:100px 52px;border-top:1px solid var(--border-d)}.journey-inner .section-eyebrow{color:var(--blue)}.journey-inner .section-h2{color:var(--text-d)}.journey-inner .section-sub{color:var(--text-d-muted)}.steps-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,3),1fr);gap:1px;background:var(--border-d);border:1px solid #e2e2e2;border-radius:10px;overflow:hidden}.step-card{background:#f8f8f8;padding:40px 36px}.step-title{font-size:17px;font-weight:700;color:var(--text-d);letter-spacing:-.02em;margin-bottom:10px}.step-text{font-size:14px;color:var(--text-d-muted);line-height:1.7;margin-bottom:20px}.step-link:hover{color:var(--blue-bright)}.roi-section{background:var(--bg-light);padding:100px 52px;border-top:1px solid var(--border-l)}.roi-inner{max-width:1000px;margin:0 auto}.roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}.roi-points{list-style:none;display:flex;flex-direction:column;gap:20px;margin-top:40px}.roi-point{display:flex;gap:16px;align-items:flex-start}.roi-icon{font-size:18px;color:var(--text-l-light);flex-shrink:0;margin-top:2px}.roi-point-title{font-size:15px;font-weight:700;color:var(--text-l);margin-bottom:4px}.roi-point-text{font-size:13.5px;color:var(--text-l-mid);line-height:1.65}.pricing-note{background:var(--bg-white);border:1px solid var(--border-l);border-radius:10px;padding:36px}.pricing-note-label{font-family:Geist Mono,monospace;font-size:10px;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.pricing-note-title{font-size:20px;font-weight:800;color:var(--text-l);letter-spacing:-.02em;margin-bottom:12px}.pricing-note-text{font-size:14px;color:var(--text-l-mid);line-height:1.7;margin-bottom:24px}.btn-contact{font-size:14px;font-weight:600;color:var(--dark);background:var(--blue);text-decoration:none;padding:11px 24px;border-radius:6px;transition:background .2s;display:inline-block}.btn-contact:hover{background:var(--blue-bright)}body{font-family:Geist,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text-d);overflow-x:hidden}.nav-links a{color:var(--text-d-muted);text-decoration:none;font-size:16px;font-weight:500;transition:color .2s}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.p-hero:before{content:"";position:absolute;top:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(0,169,224,.06) 0%,transparent 70%);pointer-events:none}.p-eyebrow{font-family:Geist Mono,monospace;font-size:11px;font-weight:500;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.p-hero h1{font-size:clamp(36px,5vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-d);margin-bottom:24px}.btn-secondary{font-size:15px;font-weight:500;color:var(--text-d);text-decoration:none;transition:color .2s}.section-eyebrow{font-family:Geist Mono,monospace;font-size:11px;color:var(--text-l-light);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.cap-inner .section-sub{color:var(--text-d-muted)}.cap-title{font-size:16px;font-weight:700;line-height:1.1;color:var(--text-d);letter-spacing:-.02em;margin-bottom:0}.cap-figure{margin:40px 0 48px}.cap-figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--border-l)}.cap-figure figcaption{margin-top:12px;text-align:center;font-size:13px;color:var(--text-d-muted)}.convert-section{background:var(--blue);padding:80px 52px;text-align:center}.convert-secondary-link{font-size:13px;color:var(--text-l-light);text-decoration:none;display:block;margin-top:16px;transition:color .2s}.convert-secondary-link:hover{color:var(--blue)}.p-hero:before{content:"";position:absolute;top:-100px;right:-200px;width:800px;height:800px;background:radial-gradient(circle,rgba(0,0,0,.02) 0%,transparent 70%);pointer-events:none}.p-eyebrow{font-family:Geist Mono,monospace;font-size:15px;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-d);border:1px solid #e2e2e2;border-radius:10px;overflow:hidden;margin-top:60px}.audience-card{background:#f8f8f8;padding:40px 36px}.audience-label{font-family:Geist Mono,monospace;font-size:10px;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:0;line-height:1}.audience-title{font-size:17px;font-weight:700;color:var(--text-d);letter-spacing:-.02em;margin-bottom:10px;margin-top:-4px}.audience-text{font-size:14px;color:var(--text-d-muted);line-height:1.7}.btn-blue{font-size:15px;font-weight:700;color:var(--dark);background:var(--blue);text-decoration:none;padding:14px 32px;border-radius:7px;transition:background .2s;display:inline-block}.btn-blue:hover{background:var(--blue-bright)}.btn-solid{font-size:14px;font-weight:600;color:var(--dark);background:var(--blue);text-decoration:none;padding:8px 18px;border-radius:6px;transition:background .2s}.btn-solid:hover{background:var(--blue-bright)}.p-hero:before{content:"";position:absolute;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(132,189,0,.05) 0%,transparent 70%);pointer-events:none}.p-eyebrow{font-family:Geist Mono,monospace;font-size:15px;font-weight:500;color:var(--text-l-light);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.p-hero-sub{font-size:18px;color:var(--text-d-muted);line-height:1.65;max-width:560px;margin-bottom:40px}.journey-section{background:var(--bg-light);padding:100px 52px;border-top:1px solid var(--border-l)}.section-h2{font-size:clamp(28px,3.5vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--text-l);margin-bottom:16px}.convert-section{background:var(--green);padding:80px 52px;text-align:center}.convert-inner h2{font-size:32px;font-weight:800;color:var(--dark);letter-spacing:-.03em;margin-bottom:16px}.convert-inner p{font-size:16px;color:var(--text-d-muted);line-height:1.6;margin-bottom:32px}.proto-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.proto-tag{font-family:Geist Mono,monospace;font-size:11px;color:var(--text-d-muted);background:#f2f8fd;border:1px solid #e2e2e2;padding:4px 10px;border-radius:4px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Geist,-apple-system,sans-serif;background:#fff;color:var(--text-d);overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 52px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid #e2e2e2}.nav-logo{text-decoration:none}.nav-links{display:flex;gap:32px;list-style:none;position:absolute;left:50%;transform:translate(-50%)}.nav-links a{color:var(--nav-link);text-decoration:none;font-size:16px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--nav-link-hover)}.nav-links li{position:relative}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--dropdown-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #e2e2e2;border-radius:8px;padding:12px 0 8px;min-width:250px;z-index:200;list-style:none}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:10px 20px;color:var(--dropdown-link);font-size:14px;font-weight:400;white-space:nowrap}.nav-dropdown-menu a:hover{color:var(--dropdown-hov-color);background:var(--dropdown-hov-bg)}.nav-actions{display:flex;gap:12px;align-items:center}.btn-ghost{font-size:14px;font-weight:500;color:var(--text-d);text-decoration:none;padding:8px 18px;border:1px solid #e2e2e2;border-radius:6px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--text-d-dim);color:var(--text-d)}.btn-solid{font-size:14px;font-weight:600;color:var(--dark);background:var(--blue);text-decoration:none;padding:8px 18px;border-radius:6px}.p-hero{padding:140px 52px 100px;background:var(--bg-dark);position:relative;overflow:hidden}.p-hero:before{content:"";position:absolute;bottom:-100px;right:-100px;width:700px;height:700px;background:radial-gradient(circle,rgba(132,189,0,.04) 0%,transparent 70%);pointer-events:none}.p-hero-inner{max-width:720px}.p-eyebrow{font-family:Geist Mono,monospace;font-size:15px;color:var(--text-l-light);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.p-hero h1{font-size:clamp(36px,5vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--dark);margin-bottom:24px}.p-hero h1 em{color:var(--blue);font-style:normal}.p-hero-sub{font-size:18px;color:var(--text-d-muted);line-height:1.65;max-width:580px;margin-bottom:40px}.p-hero-ctas{display:flex;gap:16px;align-items:center}.btn-primary{font-size:15px;font-weight:600;color:var(--dark);background:var(--blue);text-decoration:none;padding:13px 28px;border-radius:7px;transition:background .2s}.btn-primary:hover{background:var(--blue-bright)}.btn-secondary{font-size:15px;font-weight:500;color:var(--dark);text-decoration:none;transition:color .2s}.btn-secondary:hover{color:var(--blue)}.journey-section{background:var(--bg-light);padding:100px 52px}.journey-inner{max-width:1000px;margin:0 auto}.section-eyebrow{font-family:Geist Mono,monospace;font-size:15px;color:var(--text-l-light);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.section-h2{font-size:clamp(28px,3.5vw,38px);font-weight:800;letter-spacing:-.03em;color:var(--text-l);margin-bottom:16px}.section-sub{font-size:16px;color:var(--text-l-mid);line-height:1.65;margin-bottom:60px}.steps-grid{display:grid;grid-template-columns:repeat(var(--grid-cols,3),1fr);gap:1px;background:var(--border-l);border:1px solid var(--border-l);border-radius:10px;overflow:hidden}.step-card{background:var(--bg-white);padding:40px 36px}.step-num{font-family:Geist Mono,monospace;font-size:11px;color:var(--blue);letter-spacing:.1em;margin-bottom:16px}.step-title{font-size:17px;font-weight:700;color:var(--text-l);letter-spacing:-.02em;margin-bottom:10px}.step-text{font-size:14px;color:var(--text-l-mid);line-height:1.7;margin-bottom:20px}.step-link{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none;transition:color .2s}.step-link:hover{color:var(--blue)}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-l);border:1px solid var(--border-l);border-radius:10px;overflow:hidden;margin-top:60px}.infra-card{background:var(--bg-white);padding:32px}.infra-type{font-family:Geist Mono,monospace;font-size:10px;color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.infra-title{font-size:15px;font-weight:700;color:var(--text-l);margin-bottom:8px}.infra-text{font-size:13px;color:var(--text-l-mid);line-height:1.65}.cap-section{background:var(--bg-light);padding:100px 52px;border-top:1px solid var(--border-l)}.cap-inner{max-width:1000px;margin:0 auto}.cap-inner .section-eyebrow{color:var(--blue)}.cap-inner .section-h2{color:var(--dark)}.cap-inner .section-sub{color:var(--text-l-mid)}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;row-gap:28px}.cap-item{display:flex;flex-direction:column}.cap-label{font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5em}.cap-title{font-size:16px;font-weight:700;line-height:1.1;color:var(--dark);letter-spacing:-.02em;margin-bottom:0}.cap-text{font-size:13.5px;color:var(--text-d-muted);line-height:1.65}.convert-section{background:var(--bg-light);padding:80px 52px;text-align:center;border-top:1px solid var(--border-l)}.convert-inner{max-width:600px;margin:0 auto}.convert-inner h2{font-size:32px;font-weight:800;color:var(--text-l);letter-spacing:-.03em;margin-bottom:16px}.convert-inner p{font-size:16px;color:var(--text-l-mid);line-height:1.6;margin-bottom:32px}.btn-dark{font-size:15px;font-weight:700;color:var(--text-inverse);background:var(--dark);text-decoration:none;padding:14px 32px;border-radius:7px;transition:background .2s;display:inline-block}.btn-dark:hover{background:#003a55}.scenarios-section{background:var(--bg-light);padding:100px 52px;border-top:1px solid var(--border-l)}.scenarios-inner{max-width:1000px;margin:0 auto}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-l);border:1px solid var(--border-l);border-radius:10px;overflow:hidden}.scenario-card{background:var(--bg-white);padding:40px 36px}.scenario-type{font-family:Geist Mono,monospace;font-size:11px;font-weight:700;color:var(--blue);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}.scenario-title{font-size:16px;font-weight:700;color:var(--text-l);letter-spacing:-.02em;margin-bottom:12px}.scenario-challenge{font-size:14px;color:var(--text-l-mid);line-height:1.65;margin-bottom:16px}.scenario-outcome{font-size:13.5px;color:var(--text-l);line-height:1.65;margin-bottom:20px}.scenario-link{font-size:13px;font-weight:600;color:var(--blue);text-decoration:none;transition:color .2s}.scenario-link:hover{color:var(--blue)}.scenarios-sub{max-width:none}.roi-sub{margin-bottom:36px}html[data-theme=dark] .p-hero h1{color:var(--text-inverse)}html[data-theme=dark] .p-hero-sub{color:var(--text-d-muted)}html[data-theme=dark] .btn-secondary{color:var(--text-d)}html[data-theme=dark] .btn-secondary:hover{color:var(--blue)}html[data-theme=dark] .cap-inner .section-h2{color:var(--text-d)}html[data-theme=dark] .cap-text{color:var(--text-d-muted)}html[data-theme=dark] .audience-card{background:var(--bg-white)}html[data-theme=dark] .audience-text{color:var(--text-l-mid)}html[data-theme=dark] .proto-tag{color:var(--text-d);background:#00a9e014;border-color:#00a9e033}html[data-theme=dark] .btn-dark{background:#00a9e026;color:var(--text-inverse);border:1px solid rgba(0,169,224,.3)}html[data-theme=dark] .btn-dark:hover{background:#00a9e040;border-color:#00a9e080}.p-hero-inner.p-hero-two-col{max-width:1200px;display:grid;grid-template-columns:52% 48%;gap:56px;align-items:center}.p-hero-right{display:flex;align-items:center;justify-content:center}.persona-diagram-svg{width:100%;height:auto;display:block}.persona-canvas{--sc-accent: #00A9E0;--sc-accent2: #84BD00;--sc-panel: #f4f8fb;--sc-grid: rgba(0, 70, 100, .11);--sc-node: #ffffff;--sc-node-border: rgba(0, 70, 100, .16);--sc-band: rgba(0, 169, 224, .05);width:100%;max-width:640px;filter:drop-shadow(0 24px 60px rgba(0,60,100,.12))}html[data-theme=dark] .persona-canvas{--sc-panel: #05141f;--sc-grid: rgba(90, 170, 210, .1);--sc-node: #081c2b;--sc-node-border: rgba(0, 169, 224, .24);--sc-band: rgba(0, 169, 224, .07);filter:drop-shadow(0 24px 60px rgba(0,0,0,.5))}.persona-canvas .sc-node{opacity:1}@media(prefers-reduced-motion:no-preference){.persona-canvas .sc-node{opacity:0;animation:sc-node-in .55s cubic-bezier(.22,1,.36,1) forwards}.persona-canvas .sc-live{animation:sc-live-pulse 2.4s ease-in-out infinite}}.solutions-canvas{max-width:760px}.p-hero-right:has(.solutions-canvas){justify-content:flex-end}@keyframes sc-node-in{0%{opacity:0}to{opacity:1}}@keyframes sc-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.p-hero-inner.hero-centered{margin-left:auto;margin-right:auto;max-width:880px;text-align:center}.p-hero-inner.hero-centered .p-hero-sub{margin-left:auto;margin-right:auto}.p-hero-inner.hero-centered .p-hero-ctas{justify-content:center}.p-hero:has(.hero-centered){padding-top:96px}.p-hero:has(.hero-centered):has(+.dev-canvas-stage){padding-bottom:24px}.dev-canvas-stage{padding:8px var(--gutter) var(--section-pad-y)}.dev-canvas-wrap{max-width:900px;margin:0 auto}.dev-canvas-stage .persona-canvas{width:100%;max-width:none}nav{padding:0 var(--gutter)}.nav-links{display:none;position:static;left:auto;transform:none;gap:28px;white-space:nowrap}.scenarios-section,.journey-section,.roi-section,.cap-section,.convert-section{padding:var(--section-pad-y) var(--gutter)}.p-hero{padding:116px var(--gutter) var(--section-pad-y)}.journey-inner .section-h2{color:var(--text-l)}.journey-inner .section-sub{color:var(--text-l-mid)}.scenarios-grid,.steps-grid,.cap-grid,.infra-grid,.roi-grid,.two-col,.p-hero-inner.p-hero-two-col{grid-template-columns:1fr}.p-hero-right{display:block}@media(min-width:640px){.roi-grid,.two-col{grid-template-columns:1fr 1fr}}@media(min-width:1280px){.nav-links{display:flex;flex:1;justify-content:center}}@media(min-width:900px){.p-hero{padding:140px var(--gutter) 100px}.infra-grid{grid-template-columns:repeat(3,1fr)}.scenarios-grid,.steps-grid,.cap-grid{grid-template-columns:repeat(var(--grid-cols, 3),1fr)}.p-hero-inner.p-hero-two-col{grid-template-columns:52% 48%}.p-hero-inner.p-hero-two-col:has(.solutions-canvas){grid-template-columns:44% 56%;max-width:1400px;gap:48px;align-items:start}.p-hero-inner.p-hero-two-col:has(.solutions-canvas) .solutions-canvas{margin-right:-24px}.p-hero-inner.p-hero-two-col:has(.studio-shot){grid-template-columns:33% 67%;max-width:1600px;gap:40px;align-items:start}.p-hero-inner.p-hero-two-col.hero-shot-center:has(.studio-shot){align-items:center}}@media(min-width:1500px){.p-hero-inner.p-hero-two-col:has(.solutions-canvas){max-width:1620px}.p-hero-inner.p-hero-two-col:has(.solutions-canvas) .solutions-canvas{max-width:860px;margin-right:-90px}}.cap-inner .cap-grid{display:flex;flex-wrap:wrap;justify-content:center;column-gap:32px;row-gap:28px;background:none;border:0;border-radius:0;overflow:visible}.cap-inner .cap-grid>.cap-item{flex:0 1 100%}@media(min-width:900px){.cap-inner .cap-grid>.cap-item{flex-basis:calc((100% - 32px)/2)}}
