@font-face{font-family:Raleway;src:url('assets/raleway.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--sc-canvas:#0c0c0c;--sc-surface:#1c1b18;--sc-ink:#fff8e7;--sc-ink-soft:#cfc6b5;--sc-font-display:Raleway,Arial,sans-serif;--sc-font-text:Raleway,Arial,sans-serif;--sc-font-mono:Raleway,Arial,sans-serif;--sc-accent:#daa520;--sc-accent-ink:#231a0b;--ink:#fff8e7;--muted:#cfc6b5;--line:#81725b66}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:linear-gradient(180deg,#0b0b0b 0%,#171410 23%,#101313 40%,#1c1811 62%,#101212 80%,#0a0a0a 100%);color:var(--ink);font:400 16px/1.75 Raleway,Arial,sans-serif;position:relative}body:before{content:'';position:absolute;left:max(22px,calc((100vw - 1320px)/2));top:950px;bottom:230px;width:1px;background:linear-gradient(transparent,#b8a17b66 15%,#b8a17b29 60%,transparent);pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.045em}h2{font-size:clamp(34px,3.8vw,56px);line-height:1.15}h3{font-size:21px;line-height:1.3}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #f6d775;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;background:#242424;color:#fff8e7;padding:12px;z-index:20}.skip:focus{top:10px}.tiny,.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.6}.eyebrow{color:#dfd0b4;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-width:196px;min-height:56px;padding:16px 26px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #f3d480;border-bottom-color:#8b651e;border-radius:9px;background:#daa520 linear-gradient(180deg,#f0cf70 0%,#d9ac3c 47%,#c69628 51%,#d6a737 100%);color:#231a0b;font-size:14px;font-weight:750;box-shadow:inset 0 1px 0 #fff5c6,inset 0 -2px 4px #72511555,0 4px 0 #6e5015,0 14px 30px #0006;transition:transform .2s,box-shadow .2s}.button:before{content:'';position:absolute;z-index:-1;inset:2px 3px 52%;border-radius:6px 6px 40% 40%;background:linear-gradient(#fff8d87a,#fff8d80f);pointer-events:none}.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff5c6,0 6px 0 #6e5015,0 17px 30px #0008}.button:active{transform:translateY(2px)}.button.small{min-width:148px;min-height:46px;font-size:12px;padding:10px 20px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;position:absolute;inset:0 0 auto;z-index:5;border-bottom:1px solid #ffffff20}.logo{display:block;width:216px;height:49px;border-radius:6px;background:#fff url('assets/brand-board.webp') no-repeat -7.34px -12.25px;background-size:235px 156.67px}.header nav{display:flex;gap:30px;font-size:12px;font-weight:600}.header nav a:hover{color:#ebcb72}.hero{position:relative;isolation:isolate;min-height:925px;overflow:clip}.hero-photograph{position:absolute;inset:0 0 -100px;z-index:-3;overflow:hidden}.hero-photograph img{width:100%;height:100%;object-fit:cover;object-position:center center;transform:translateY(var(--hero-y,0px)) scale(1.04)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080808f0 0%,#080808cd 22%,#08080870 43%,transparent 71%),linear-gradient(180deg,#08080888 0%,transparent 28%,transparent 63%,#0e0d0be0 94%,#100f0c 100%)}.hero-layout{padding-top:178px;padding-bottom:135px;position:relative}.hero-copy{max-width:630px}.hero h1{font-size:clamp(50px,4.9vw,74px);font-weight:750;line-height:1.06;letter-spacing:-.045em;text-shadow:0 4px 15px #0009}.hero h1 em{font-style:normal;color:#e4d1a8}.intro{font-size:16px;line-height:1.9;color:#e0d8c9;max-width:40ch;margin:28px 0 29px}.under-button{font-size:11px;color:#d3c8b5;margin-top:17px;max-width:42ch}.hero-foot{font-size:10px;letter-spacing:.04em;color:#d3c8b5;margin-top:36px}.image-note{position:absolute;bottom:70px;right:4%;font-size:9px;color:#cfc6b5}.bridge{position:relative;z-index:4;display:flex;align-items:center;gap:26px;margin-top:-42px;padding:26px 32px;border:1px solid #b8a17b6b;border-top-color:#eee4ce85;border-radius:14px;background:#27241dec;backdrop-filter:blur(24px);box-shadow:0 20px 55px #0006}.bridge p{font-size:16px;margin-top:5px}.bridge .tiny{font-size:8px;color:#dfd0b4}.bridge>a{margin-left:auto;font-size:12px;font-weight:600;border-bottom:1px solid #b8a17b;padding-bottom:3px;white-space:nowrap}.bridge-signal{width:42px;height:50px;border:1px solid #b8a17b;border-radius:9px;display:grid;place-items:center;position:relative;flex:none}.bridge-signal span{width:15px;height:11px;border:1px solid #e4d1a8;border-radius:2px}.bridge-signal i{position:absolute;width:6px;height:6px;border-radius:50%;background:#e4d1a8;top:8px;right:7px}.tension{display:grid;grid-template-columns:1fr 1.15fr;gap:110px;padding:100px 0 100px;position:relative}.tension:after{content:'';position:absolute;left:30%;bottom:-45px;width:60%;height:120px;background:radial-gradient(ellipse,#ad8a4530,transparent 70%);filter:blur(25px);pointer-events:none}.problem-ledger article{padding:24px 0;border-bottom:1px solid var(--line)}.problem-ledger article:first-child{padding-top:0}.problem-ledger h3{font-size:21px}.problem-ledger p{font-size:14px;color:var(--muted);margin-top:9px;max-width:43ch}.example-section{padding:90px 0 85px;position:relative;isolation:isolate;background:linear-gradient(180deg,transparent,#171c1c85 22%,#171c1c85 73%,transparent)}.example-section:before{content:'';position:absolute;right:0;top:-50px;width:80%;height:180px;background:radial-gradient(ellipse,#a58d5c1a,transparent 70%);z-index:-1}.example-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:50px}.example-heading>p{font-size:14px;color:var(--muted);max-width:29ch}.example-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:90px}.source-panel{padding-top:24px}.source-buttons{display:flex;flex-direction:column;gap:10px;margin:20px 0}.source-buttons button{background:#ffffff05;border:1px solid #9c8b707d;border-radius:7px;color:#fff8e7;text-align:left;min-height:54px;padding:12px 18px;font-size:14px}.source-buttons button[aria-pressed=true]{background:#e2d8c4;border-color:#fff8e7;color:#211c14}.source-help{font-size:12px;line-height:1.8;color:var(--muted);max-width:33ch;margin-bottom:24px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #b8a17b;padding-bottom:5px}.sample{background:#242728d6;border:1px solid #9c8b708c;border-top-color:#eee4ce99;border-radius:15px;box-shadow:0 3px 0 #544e4280,15px 28px 65px #0006;backdrop-filter:blur(18px)}.sample-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 24px;border-bottom:1px solid var(--line);background:#ffffff05;border-radius:15px 15px 0 0}.sample-top .tiny{font-size:9px}.sample-top button{font-size:10px;min-height:36px;border:1px solid #9c8b70;background:transparent;color:#fff8e7;padding:8px 11px;border-radius:5px}.sample-stage{padding:32px 36px 28px;min-height:350px}.stage-number{font-size:45px;line-height:1;display:block;color:#d9c9ab;margin-bottom:17px}.sample-stage .tiny{font-size:9px;color:#d9c9ab;margin-bottom:12px}.sample-stage h3{font-size:29px;max-width:27ch}.sample-stage>p:not(.tiny){font-size:13px;color:var(--muted);margin-top:15px;min-height:50px}.status-line{border-top:1px solid var(--line);padding-top:17px;margin-top:27px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.status-line>span{color:var(--muted)}.status-line strong{text-align:right}.sample-track{display:flex;gap:8px;padding:0 36px 25px}.sample-track span{height:3px;flex:1;border-radius:5px;background:#5a5448}.sample-track span.active{background:#e4d1a8}.transcript{padding:25px 35px 30px 50px;font-size:13px;line-height:1.9;margin:0}.enhanced .transcript{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}.static-preview .sample-stage,.static-preview .sample-track{display:none}.static-preview .transcript{position:static;width:auto;height:auto;clip-path:none;padding:25px 35px 30px 50px}.example-summary{display:grid;grid-template-columns:130px 1fr;gap:10px 28px;border-top:1px solid var(--line);padding-top:24px;margin-top:35px}.example-summary>p{font-size:13px}.example-summary .disclosure{grid-column:2;color:var(--muted);font-size:10px;max-width:80ch;line-height:1.8}.framework{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding:90px 0 105px;position:relative}.section-heading>p:last-child:not(.eyebrow){font-size:14px;color:var(--muted);max-width:38ch;margin-top:25px}.framework-ledger article{padding:25px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:95px 1fr;gap:7px 18px}.framework-ledger article>span{font-size:9px;font-weight:700;letter-spacing:.1em;padding-top:6px;color:#dfd0b4}.framework-ledger h3{font-size:20px}.framework-ledger p{grid-column:2;font-size:13px;color:var(--muted);line-height:1.85}.scope-section{padding:95px 0;position:relative;background:linear-gradient(180deg,transparent,#33291b66 30%,#33291b66 70%,transparent)}.scope-section:before{content:'';position:absolute;right:0;top:-75px;width:65%;height:210px;background:radial-gradient(ellipse,#bda46c17,transparent 70%);pointer-events:none}.scope-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.scope-intro{font-size:14px;color:var(--muted);max-width:37ch;margin-top:25px}.scope-card{position:relative;z-index:1;margin-top:-24px;padding:36px 38px;background:#27251fe8;border:1px solid #b8a17b66;border-top-color:#eee4ce9c;border-radius:15px;box-shadow:0 3px 0 #54493799,18px 30px 65px #0006;backdrop-filter:blur(18px)}.price{font-size:58px;font-weight:650;line-height:1.2;letter-spacing:-.04em;margin:20px 0 12px;white-space:nowrap}.price>span{font-size:12px;letter-spacing:0;font-weight:500}.price small{font-size:13px;font-weight:400;letter-spacing:0}.setup-note{font-size:13px;color:var(--muted)}.scope-card ul{list-style:none;padding:20px 0;margin:18px 0 24px;border-block:1px solid var(--line)}.scope-card li{font-size:13px;padding:7px 0 7px 22px;position:relative;line-height:1.9}.scope-card li:before{content:'✓';position:absolute;left:0}.scope-card .button{display:flex}.scope-note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:20px}.founder{padding:110px 0 100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:110px;align-items:center;position:relative}.portrait{max-width:360px;padding:20px 20px 16px;border:1px solid #b8a17b5c;border-top-color:#eee4ce7a;background:#252625c9;border-radius:14px;transform:rotate(-3deg);box-shadow:15px 25px 55px #0006}.portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:7px;filter:saturate(.5)}.portrait>span{font-size:9px;color:var(--muted);display:block;margin-top:16px;letter-spacing:.1em}.founder h2{margin-bottom:25px}.founder>div>p:not(.eyebrow):not(.under-button){font-size:14px;color:var(--muted);max-width:45ch;margin-bottom:20px}.selected-context{border-left:2px solid #b8a17b;padding-left:15px}.faq{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:65px 0 90px;position:relative}.faq:before{content:'';position:absolute;top:-35px;left:10%;width:80%;height:90px;background:radial-gradient(ellipse,#b8a17b14,transparent 70%);pointer-events:none}.faq details{border-bottom:1px solid var(--line)}.faq summary{font-size:14px;font-weight:600;padding:20px 28px 20px 0;position:relative;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:0;top:17px;font-size:21px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:var(--muted);padding-bottom:24px;max-width:54ch}.closing{text-align:center;padding:65px 0 85px;position:relative}.closing:before{content:'';position:absolute;inset:-40px -20px 0;z-index:-1;background:radial-gradient(ellipse at center,#b8a17b13,transparent 65%)}.closing>p{font-size:12px;color:var(--muted);margin-bottom:22px}.closing h2{font-size:clamp(31px,3.3vw,48px);margin-bottom:29px}.footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);padding:25px 0 35px}[hidden]{display:none!important}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero h1{font-size:59px}.hero-copy{max-width:530px}.header nav{gap:18px}.tension,.framework,.scope-layout,.founder,.faq{gap:55px}.example-layout{gap:45px}.logo{width:185px;height:42px;background-size:201.3px 134.2px;background-position:-6.3px -10.5px}.bridge{gap:20px;padding:24px}.bridge p{font-size:14px}.price{font-size:49px}.scope-card{padding:29px}.hero-shade{background:linear-gradient(90deg,#080808e8,#080808b8 40%,#08080820 100%),linear-gradient(180deg,#08080880,transparent 40%,#100f0c 100%)}}
@media(max-width:760px){body:before{left:9px;top:1000px}.wrap{width:calc(100% - 40px)}.header{height:88px;gap:14px}.header nav{display:none}.logo{width:155px;height:36px;background-size:169px 112.67px;background-position:-5.3px -8.8px}.button.small{min-width:126px;font-size:10px;padding:10px 12px}.hero{min-height:930px}.hero-layout{padding-top:137px;padding-bottom:225px}.hero h1{font-size:clamp(43px,10.5vw,61px);line-height:1.08;max-width:11ch}.hero-copy{max-width:100%}.hero .eyebrow{font-size:9px;margin-bottom:20px}.intro{font-size:14px;max-width:30ch;margin:23px 0 25px}.hero-foot{font-size:9px;margin-top:28px}.under-button{font-size:10px;max-width:30ch}.hero-photograph{inset:0 -80% -50px -70%}.hero-photograph img{object-position:65% center;transform:translateY(var(--hero-y,0px)) scale(1.02)}.hero-shade{background:linear-gradient(90deg,#080808d6 0%,#08080894 45%,#08080852 100%),linear-gradient(180deg,#08080899 0%,#08080824 35%,#08080810 60%,#100f0c 100%)}.image-note{bottom:66px;font-size:8px}.bridge{margin-top:-40px;gap:16px;padding:20px;border-radius:12px;align-items:flex-start}.bridge-signal{width:32px;height:43px}.bridge .tiny{font-size:7px;letter-spacing:.09em}.bridge p{font-size:13px;line-height:1.6}.bridge>a{display:none}.tension,.framework,.scope-layout,.founder,.faq{grid-template-columns:1fr;gap:35px}.tension{padding:65px 0 55px}.eyebrow{font-size:9px;margin-bottom:20px}.problem-ledger article{padding:21px 0}.example-section{padding:65px 0 55px}.example-heading{display:block;margin-bottom:30px}.example-heading>p{margin-top:22px;max-width:39ch}.example-layout{grid-template-columns:1fr;gap:25px}.source-panel{padding-top:0}.source-buttons{flex-direction:row;gap:7px;margin-top:14px}.source-buttons button{flex:1;font-size:11px;text-align:center;padding:10px 8px;min-height:46px}.source-help{font-size:11px;max-width:44ch;margin:15px 0 5px}.source-panel .text-link{display:none}.sample-top{padding:14px 18px}.sample-top .tiny{font-size:8px}.sample-stage{padding:28px 23px 24px;min-height:345px}.sample-stage h3{font-size:25px}.sample-stage>p:not(.tiny){font-size:12px;min-height:60px}.sample-track{padding:0 23px 24px}.example-summary{grid-template-columns:1fr;gap:8px}.example-summary .disclosure{grid-column:auto;margin-top:10px}.framework{padding:65px 0 75px}.framework-ledger article{grid-template-columns:80px 1fr;gap:7px 12px}.framework-ledger h3{font-size:18px}.scope-section{padding:65px 0}.scope-card{margin-top:0;padding:27px 24px}.scope-intro{max-width:44ch}.price{font-size:54px}.founder{padding:75px 0 65px;gap:35px}.portrait{max-width:290px;margin-left:8px;padding:16px}.founder h2{font-size:37px}.faq{padding:50px 0 60px}.faq h2{font-size:34px}.closing{padding:50px 0 65px}.footer{flex-wrap:wrap;font-size:9px}.footer>span:nth-child(2){display:none}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.logo{width:141px;height:33px;background-size:153.4px 102.3px;background-position:-4.8px -8px}.button.small{min-width:118px;font-size:10px}.hero h1{font-size:40px}.hero{min-height:925px}.hero-layout{padding-top:132px}.bridge{gap:12px;padding:18px}.bridge .tiny{font-size:6.8px}.bridge p{font-size:12px}.price{font-size:47px}.framework-ledger article{grid-template-columns:72px 1fr}.framework-ledger article>span{font-size:8px}.source-buttons button{font-size:10px}.sample-stage h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-photograph img{transform:none}.button:hover,.button:active{transform:none}}
.closing:before{left:0;right:0}
body{background-color:#0b0b0b}
@media(max-width:760px){.hero h1{font-size:clamp(35px,9.2vw,48px);max-width:none;line-height:1.12}.hero{min-height:900px}.hero-layout{padding-bottom:235px}}
@media(max-width:370px){.hero h1{font-size:33px}.hero{min-height:890px}}
/* Requested refinement: glass surfaces without a raised or bevelled button. */
.button{background-color:#d8b85f;background-image:linear-gradient(135deg,#f4dda099,#e6ca7b33 44%,#b9963c55 75%,#fff0bd66);border:1px solid #f5e1a2aa;border-bottom-color:#f5e1a277;border-radius:10px;box-shadow:inset 0 1px 0 #fff5d870,0 6px 22px #00000035;backdrop-filter:blur(20px);text-shadow:none;transition:background-color .22s,box-shadow .22s,filter .22s}
.button:before{inset:0;background:linear-gradient(115deg,#ffffff26,transparent 42%,#ffffff12);border-radius:inherit}.button:hover{transform:none;background-color:#e4c875;box-shadow:inset 0 1px 0 #fff5d890,0 7px 23px #00000040}.button:active{transform:none;filter:brightness(.94)}
.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-icon{width:50px;height:50px;object-fit:contain;display:block}.brand-name{font-size:23px;line-height:1;font-weight:650;letter-spacing:-.055em;color:#fff;white-space:nowrap}.header{gap:24px}
.portrait{transform:none;background:#202423;padding:10px 10px 16px}.portrait img{filter:none;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}.portrait>span{padding-inline:6px}
/* The demonstration is the deliberate, high-contrast turning point. */
.example-section{background:#eee7d8;color:#211d16;padding:85px 0 80px;border:0;isolation:isolate}.example-section:before{display:none}.example-section .eyebrow,.example-heading>p,.source-help,.example-summary .disclosure,.example-summary>.tiny{color:#504433}.example-section .source-panel>.tiny{color:#504433}.source-buttons button{color:#29251d;background:#ffffff44;border-color:#94846c}.source-buttons button[aria-pressed=true]{background:#292a27;border-color:#292a27;color:#fff8e7}.example-section .text-link{color:#29251d;border-color:#73644c}.example-summary{border-top-color:#ac9c84}.sample{background:#242728;color:#fff8e7;border-color:#7f7665;border-top-color:#a79b84;box-shadow:0 12px 30px #342b1e22}.sample-top .tiny{color:#fff8e7}.sample-stage>p:not(.tiny),.sample-stage .tiny,.status-line>span{color:#cfc6b5}.sample-stage h3{color:#fff8e7}.sample-top button{color:#fff8e7}.example-section a:focus-visible,.example-section button:focus-visible{outline-color:#8b6414}.example-section .sample button:focus-visible{outline-color:#f6d775}
@media(max-width:1050px){.brand-name{font-size:21px}.brand-icon{width:44px;height:44px}.brand{gap:8px}}
@media(max-width:760px){.brand-icon{width:38px;height:38px}.brand-name{font-size:20px}.brand{gap:7px}.header{gap:12px}.example-section{padding:60px 0}.sample{background:#242728}.portrait{padding:10px 10px 16px}}
@media(max-width:370px){.brand-name{font-size:18px}.brand-icon{width:33px;height:33px}.brand{gap:6px}.header .button.small{min-width:112px;font-size:10px;padding-inline:10px}}
/* Mobile composition: keep the ringing phone below the words, at a readable scale. */
@media(max-width:760px){
 .hero{min-height:0;background:#080808}
 .hero-layout{padding-bottom:390px}
 .hero-photograph{inset:auto 0 0;height:440px}
 .hero-photograph img{object-fit:cover;object-position:76% center;transform:none}
 .hero-shade{background:linear-gradient(180deg,#080808 0%,#080808 50%,#08080800 67%,#08080800 87%,#100f0c 100%)}
 .image-note{bottom:55px;right:20px}
}
@media(max-width:760px){.hero-photograph{mask-image:linear-gradient(180deg,transparent,#000 24%,#000 90%,transparent)}}
/* Keep mobile photography inside the opening, behind the message and primary action. */
.header>.button{display:none}
@media(max-width:760px){
 .hero{min-height:760px;background:#080808}
 .hero-layout{padding-top:132px;padding-bottom:130px}
 .hero-photograph{inset:70px 0 0;height:auto;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 85%,transparent)}
 .hero-photograph img{position:absolute;width:780px;max-width:none;height:440px;right:-85px;top:140px;object-fit:fill;transform:none}
 .hero-shade{background:linear-gradient(90deg,#080808e8 0%,#080808c9 32%,#08080860 58%,transparent 85%),linear-gradient(180deg,#080808 0%,transparent 28%,transparent 78%,#100f0c 100%)}
 .hero h1{font-size:33px;max-width:350px}
 .hero .intro{max-width:235px;font-size:14px;line-height:1.8}
 .hero-foot{max-width:220px}
 .image-note{bottom:58px}
}
@media(max-width:370px){.hero-photograph img{right:-100px}.hero h1{font-size:31px}.hero .intro{max-width:216px}}
@media(max-width:760px){.hero-photograph img{right:-185px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 86%,transparent)}.hero .intro{max-width:205px}}
/* Align the mobile phone with the end of the opening copy. */
@media(max-width:760px){.hero-photograph img{top:85px}}
