

:root { --cream:#0b0c09; --paper:#17180f; --ink:#f5f0e2; --muted:#9a9d92; --line:rgba(255,255,255,.14); --gold:#e9d58d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial,Helvetica,sans-serif; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button { color:inherit; }
em { font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.shell { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:78px; display:flex; align-items:center; justify-content:flex-start; }
.wordmark { display:inline-flex; align-items:center; gap:10px; font-size:17px; font-weight:700; letter-spacing:-.04em; }
.brand-mark { width:11px; height:11px; display:inline-block; background:currentColor; }
.nav-links { display:flex; gap:34px; color:#b6b8ac; font-size:13px; }
.nav-links a { transition:color .2s ease; }
.nav-links a:hover { color:var(--ink); }
.nav-cta { display:inline-flex; align-items:center; gap:12px; font-size:13px; font-weight:700; border-bottom:1px solid var(--ink); padding-bottom:5px; }

.hero { padding-block:88px 120px; display:grid; grid-template-columns:1.08fr .92fr; align-items:start; gap:70px; }
.eyebrow,.kicker { font-size:11px; font-weight:700; letter-spacing:.19em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 27px; }
.eyebrow span { width:7px; height:7px; border-radius:50%; background:#5f7253; box-shadow:0 0 0 5px rgba(95,114,83,.12); }
.hero h1 { margin:0; max-width:760px; font-size:clamp(50px,4.9vw,74px); line-height:.96; letter-spacing:-.055em; font-weight:600; }
.hero h1 em { color:var(--gold); }
.hero-lede { max-width:560px; margin:34px 0 0; font-size:18px; line-height:1.65; color:#a7aa9d; }
.hero-form { margin-top:44px; color:var(--ink); }
.hero-form .form-card { min-height:510px; padding:0; border:0; background:transparent; }
.hero-actions { display:flex; align-items:center; gap:26px; margin-top:38px; }
.hero-actions>p { margin:0; color:#8f958a; font-size:11px; line-height:1.55; text-transform:uppercase; letter-spacing:.08em; }
.button { min-height:56px; padding:0 22px; display:inline-flex; align-items:center; justify-content:center; gap:28px; border:0; cursor:pointer; font-size:13px; font-weight:700; transition:transform .25s ease,background .25s ease; }
.button:hover { transform:translateY(-2px); }
.button-dark { background:var(--ink); color:#0b0c09; }
.button-dark:hover { background:#d9d4c2; }

.signal-card { position:relative; min-height:435px; margin-top:124px; overflow:hidden; border-radius:22px; padding:34px; color:#f8f6ef; background:#11130f; box-shadow:0 34px 70px rgba(40,38,30,.14); }
.signal-card::before { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:42px 42px; }
.signal-glow { position:absolute; width:380px; height:380px; right:-180px; top:-150px; border-radius:50%; background:radial-gradient(circle,rgba(233,213,141,.32),transparent 68%); animation:glow 6s ease-in-out infinite; }
.signal-top,.signal-number,.signal-caption,.chart,.signal-grid,.signal-cta { position:relative; z-index:1; }
.signal-top { display:flex; justify-content:space-between; font-size:9px; letter-spacing:.16em; color:#9da096; }
.signal-top>div { color:#e8e7e0; }
.live-dot { display:inline-block; width:6px; height:6px; margin-right:7px; background:var(--gold); border-radius:50%; animation:pulse 2s infinite; }
.signal-number { margin-top:62px; font-family:Georgia,serif; font-size:clamp(50px,4.5vw,68px); letter-spacing:-.055em; }
.signal-caption { margin-top:7px; color:#8f9389; font-size:12px; }
.signal-caption strong { float:right; color:var(--gold); }
.chart { height:170px; margin:28px -8px 0; border-bottom:1px solid rgba(255,255,255,.09); }
.chart svg { width:100%; height:100%; overflow:visible; }
.chart-line { fill:none; stroke:var(--gold); stroke-width:2; stroke-dasharray:800; stroke-dashoffset:800; animation:draw 2.5s .4s ease forwards; }
.chart-area { fill:url(#area); opacity:0; animation:fadeUp 1.2s 1.3s forwards; }
.signal-cta { width:100%; margin-top:24px; background:#f8f6ef; color:#11130f; text-decoration:none; }
.signal-cta:hover { background:var(--gold); }
.moving-chart-dot { fill:var(--gold); filter:drop-shadow(0 0 7px rgba(233,213,141,.8)); transform-box:fill-box; transform-origin:center; animation:chartDotPulse 1.4s ease-in-out infinite; }
.signal-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,.08); }
.signal-grid div { padding:20px 8px 0; border-right:1px solid rgba(255,255,255,.08); }
.signal-grid div:last-child { border-right:0; }
.signal-grid span { display:block; color:#777c72; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }
.signal-grid strong { display:block; margin-top:8px; font-family:Georgia,serif; font-size:24px; font-weight:400; }

.proof-strip { overflow:hidden; border-block:1px solid var(--line); background:#121310; }
.proof-track { width:max-content; height:58px; display:flex; align-items:center; gap:30px; animation:marquee 22s linear infinite; }
.proof-track span { font-size:10px; letter-spacing:.2em; font-weight:700; }
.proof-track i { color:#7f8f74; font-style:normal; }
.section { padding-block:150px; }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:80px; margin-bottom:68px; }
.kicker { margin:0 0 25px; color:#9a9d92; }
.section-heading h2,.system-copy h2,.application-intro h2,.results-heading-simple h2 { margin:0; font-size:clamp(50px,5.7vw,78px); line-height:.97; letter-spacing:-.055em; font-weight:500; }
.section-heading>p,.retreat-heading>p { max-width:460px; margin:0 0 6px auto; color:#a7aa9d; font-size:16px; line-height:1.75; }
.results-heading-simple { text-align:center; margin:0 auto 68px; }
.call-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.call-card { min-height:470px; padding:28px; position:relative; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.05); overflow:hidden; transition:transform .35s ease,background .35s ease; }
.call-card:hover { transform:translateY(-6px); background:var(--paper); }
.call-card-featured { background:#1b2116; }
.card-index { position:absolute; top:24px; left:28px; font:12px Georgia,serif; }
.call-card h3 { position:relative; z-index:2; margin:0 0 12px; font-size:24px; letter-spacing:-.03em; }
.call-card p { position:relative; z-index:2; margin:0; color:#a7aa9d; font-size:14px; line-height:1.7; }
.orbit { position:absolute; width:210px; height:210px; top:48px; left:50%; transform:translateX(-50%); border:1px solid rgba(255,255,255,.18); border-radius:50%; }
.orbit::before,.orbit::after { content:""; position:absolute; inset:28px; border:1px solid rgba(255,255,255,.16); border-radius:50%; }
.orbit::after { inset:62px; background:var(--ink); box-shadow:0 0 35px rgba(17,18,15,.25); }
.orbit i { position:absolute; width:8px; height:8px; background:var(--ink); border-radius:50%; animation:orbit 7s linear infinite; transform-origin:100px 100px; }
.orbit i:nth-child(2){animation-delay:-2.2s}.orbit i:nth-child(3){animation-delay:-4.4s}
.mini-chart { height:125px; position:absolute; inset:72px 35px auto; display:flex; align-items:flex-end; gap:10px; border-bottom:1px solid var(--line); }
.mini-chart b { width:20%; height:32%; background:#c9c5ba; animation:bars 2.7s ease-in-out infinite alternate; }
.mini-chart b:nth-child(2){height:48%;animation-delay:.2s}.mini-chart b:nth-child(3){height:39%;animation-delay:.4s}.mini-chart b:nth-child(4){height:72%;background:#7a8d70;animation-delay:.6s}.mini-chart b:nth-child(5){height:91%;background:var(--ink);animation-delay:.8s}
.system-map { position:absolute; top:120px; inset-inline:36px; display:flex; align-items:center; gap:12px; }
.system-map b { padding:18px; border:1px solid var(--line); font-size:9px; letter-spacing:.17em; }
.system-map i { flex:1; height:1px; background:var(--ink); position:relative; }
.system-map i::after { content:""; position:absolute; right:-1px; top:-3px; border-left:6px solid var(--ink); border-block:3px solid transparent; }

.dark-section { padding-block:150px; background:#0f110e; color:#f2efe7; overflow:hidden; }
.system-layout { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:120px; }
.kicker-light { color:#8f958a; }
.system-copy h2 em { color:var(--gold); }
.system-copy>p:not(.kicker) { max-width:470px; margin:30px 0 0; color:#9ca096; line-height:1.75; }
.text-link { display:inline-flex; gap:18px; margin-top:35px; padding-bottom:6px; border-bottom:1px solid #777c72; font-size:13px; }
.content-engine { position:relative; min-height:450px; }
.content-engine::before,.content-engine::after { content:""; position:absolute; inset:62px; border:1px solid rgba(233,213,141,.2); border-radius:50%; animation:spin 26s linear infinite; }
.content-engine::after { inset:126px; border-style:dashed; animation-direction:reverse; }
.engine-center { width:140px; height:140px; position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; color:#0b0c09; background:var(--gold); box-shadow:0 0 60px rgba(233,213,141,.13); }
.engine-center strong { font-size:10px; text-align:center; text-transform:uppercase; letter-spacing:.12em; }
.engine-node { position:absolute; z-index:3; min-width:124px; padding:13px 16px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:#181b16; color:#aaa; font-size:9px; text-align:center; text-transform:uppercase; letter-spacing:.1em; }
.node-one{left:0;top:25%}.node-two{right:0;top:22%}.node-three{left:8%;bottom:18%}.node-four{right:4%;bottom:16%}

.retreat-heading { align-items:end; }
.retreat-heading h2 em { color:var(--gold); }
.retreat-carousel { display:grid; grid-template-columns:100px minmax(0,820px) 100px; justify-content:center; align-items:center; gap:24px; }
.retreat-deck { height:600px; position:relative; min-width:0; }
.retreat-card { position:absolute; inset:0 48px 34px 0; overflow:hidden; border-radius:30px; color:#fff; background:#222; cursor:pointer; box-shadow:0 28px 65px rgba(38,34,28,.16); transition:transform .58s cubic-bezier(.22,.8,.22,1),opacity .4s ease,filter .4s ease; }
.retreat-card.stack-position-0 { z-index:3; transform:translate(0,0) scale(1); opacity:1; pointer-events:auto; }
.retreat-card.stack-position-1 { z-index:2; transform:translate(24px,18px) scale(.975); opacity:.8; filter:saturate(.7) brightness(.88); pointer-events:none; }
.retreat-card.stack-position-2 { z-index:1; transform:translate(48px,36px) scale(.95); opacity:.58; filter:saturate(.55) brightness(.75); pointer-events:none; }
.retreat-card img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) contrast(.94); transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s ease; }
.retreat-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.78)); }
.retreat-card:hover img { transform:scale(1.045); filter:saturate(.9) contrast(1); }
.retreat-overlay { position:absolute; z-index:2; inset:auto 34px 34px; transition:opacity .3s ease,transform .3s ease; }
.retreat-overlay span { font-size:9px; letter-spacing:.16em; text-transform:uppercase; }
.retreat-overlay h3 { margin:12px 0 5px; font:42px Georgia,serif; letter-spacing:-.04em; }
.retreat-overlay p { margin:0; color:rgba(255,255,255,.72); font-size:12px; }
.retreat-overlay small { display:block; margin-top:18px; color:rgba(255,255,255,.62); font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.retreat-details { position:absolute; z-index:4; inset:auto 22px 22px; padding:24px; border-radius:20px; color:#11120f; background:rgba(250,248,242,.96); opacity:0; transform:translateY(18px); pointer-events:none; transition:opacity .3s ease,transform .3s ease; }
.retreat-details p { margin:0; font-size:14px; line-height:1.7; }
.retreat-card.is-open .retreat-details { opacity:1; transform:translateY(0); }
.retreat-card.is-open .retreat-overlay { opacity:.15; transform:translateY(-12px); }
.carousel-button { min-height:44px; padding:0 16px; border:1px solid var(--line); border-radius:999px; background:transparent; color:#9a9d92; cursor:pointer; font-size:10px; text-transform:uppercase; letter-spacing:.1em; transition:background .2s ease,color .2s ease; }
.carousel-button:hover { background:var(--ink); color:#0b0c09; }
.carousel-dots { grid-column:1/-1; display:flex; justify-content:center; gap:8px; margin-top:4px; }
.carousel-dots button { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:#c8c3b7; cursor:pointer; }
.carousel-dots button.active { background:var(--ink); }
.retreat-note { margin:20px 0 0; color:#9a9d92; font-size:11px; text-transform:uppercase; letter-spacing:.1em; }

.results-section { padding-block:145px 170px; background:#0f0f0c; }
.results-heading-simple .results-parens { font-size:.35em; font-weight:400; color:#9a9d92; letter-spacing:0; margin-left:8px; vertical-align:middle; }
.results-photos { display:flex; flex-direction:column; align-items:center; gap:64px; max-width:640px; margin:0 auto; }
.result-block { width:100%; }
.result-caption { margin:0 0 18px; font-size:18px; font-weight:600; line-height:1.4; color:var(--ink); text-align:center; }
.results-photos img { width:100%; display:block; border-radius:24px; box-shadow:0 28px 65px rgba(38,34,28,.16); }

.application-section { padding-block:150px; color:#f5f2e9; background:#0b0d0b; }
.application-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:start; }
.application-intro h2 em { color:var(--gold); }
.application-intro>p:not(.kicker) { max-width:470px; margin:30px 0 44px; color:#8f958a; line-height:1.75; }
.application-meta { display:flex; gap:18px; padding-block:18px; border-top:1px solid rgba(255,255,255,.12); }
.application-meta span { color:var(--gold); font:18px Georgia,serif; }.application-meta p { margin:0; color:#8f958a; font-size:12px; line-height:1.6; }
.form-card { min-height:570px; padding:38px 42px; border:1px solid rgba(255,255,255,.14); background:#101210; }
.quiz-reason { margin:0 0 22px; color:#8f958a; font-size:13px; line-height:1.6; }
.commit-card { min-height:0; }
.commit-card h3 { margin:0; font-size:20px; letter-spacing:-.02em; }
.commit-card p { margin-top:10px; color:#9ca096; font-size:14px; line-height:1.6; }
.commit-card img { width:100%; margin-top:20px; border-radius:14px; display:block; }
.calendar-card { min-height:0; margin-top:24px; padding:12px; }
.calendar-card iframe { width:100%; min-height:720px; border:0; border-radius:10px; display:block; }
.calendar-fallback { padding:60px 20px; text-align:center; color:#9ca096; font-size:14px; }
.calendar-fallback a { color:var(--gold); font-weight:700; }
.progress { height:2px; margin-bottom:34px; background:#2a2b23; }.progress i { height:100%; display:block; background:var(--gold); transition:width .4s ease; }
.step-label { color:#9a9d92; font-size:10px; letter-spacing:.17em; }.step-label span { margin-left:9px; color:#777a71; }
.question-panel,.contact-panel { animation:fadeUp .45s ease both; }
.question-panel h3,.contact-panel h3,.success-panel h3 { max-width:640px; margin:28px 0 24px; font-size:clamp(30px,3vw,45px); line-height:1.1; letter-spacing:-.04em; }
.options { display:grid; gap:8px; }
.options button { width:100%; min-height:58px; padding:0 20px; border:1px solid var(--line); border-radius:15px; color:var(--ink); background:rgba(255,255,255,.06); text-align:left; cursor:pointer; transition:background .2s,color .2s,border-color .2s,transform .2s; }
.options button:has(small) { padding-block:14px; }
.options button small { display:block; margin-top:4px; font-size:11px; font-weight:400; line-height:1.5; color:var(--muted); }
.options button:hover,.options button:focus-visible,.options button.is-selected { outline:none; color:#0b0c09; border-color:var(--ink); background:var(--ink); transform:translateY(-1px); }
.options button:hover small,.options button:focus-visible small,.options button.is-selected small { color:#4a4c44; }
.back-button { margin-top:20px; padding:0; border:0; color:#9a9d92; background:none; cursor:pointer; font-size:12px; }
.decline-panel p { max-width:520px; margin-inline:auto; }
.decline-links { display:inline-flex; flex-direction:column; align-items:flex-start; gap:10px; margin:24px auto 0; text-align:left; }
.decline-follow-label { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--ink); }
.decline-links a { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:13px; font-weight:600; }
.decline-links a svg { color:var(--gold); flex:0 0 auto; }
.decline-links a:hover { color:var(--gold); }
.contact-panel label { display:block; margin-top:16px; color:#9a9d92; font-size:10px; text-transform:uppercase; letter-spacing:.12em; }
.contact-panel input { width:100%; margin-top:8px; padding:17px 0; border:0; border-bottom:1px solid var(--line); outline:none; color:var(--ink); background:transparent; font-size:15px; text-transform:none; letter-spacing:0; }
.contact-panel input:focus { border-color:var(--ink); }.button-gold { width:100%; margin-top:28px; border-radius:15px; background:var(--gold); color:#0b0c09; }
.success-panel { padding:90px 0; text-align:center; }.success-panel h3{margin-inline:auto}.success-panel p{color:#9a9d92}
.footer { min-height:120px; display:flex; align-items:center; justify-content:space-between; color:#9a9d92; font-size:11px; }
.footer>div { display:flex; gap:24px; }.footer .wordmark { color:var(--ink); font-size:15px; }

@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{50%{transform:translate(-60px,35px) scale(1.2)}}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(233,213,141,0)}}@keyframes chartDotPulse{50%{transform:scale(1.65)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes bars{to{height:78%}}@keyframes spin{to{transform:rotate(360deg)}}

@media (max-width:980px){.hero,.system-layout,.application-layout{grid-template-columns:1fr}.hero{gap:62px;padding-block:78px}.signal-card{width:min(640px,100%)}.section-heading{grid-template-columns:1fr;gap:25px}.section-heading>p,.retreat-heading>p{margin-left:0}.call-grid{grid-template-columns:1fr 1fr}.call-card:last-child{grid-column:span 2}.system-layout{gap:55px}.content-engine{min-height:470px}.retreat-grid{overflow-x:auto;grid-template-columns:repeat(3,minmax(310px,1fr));padding-bottom:12px;scroll-snap-type:x mandatory}.retreat-card{scroll-snap-align:start}}
@media (max-width:680px){.shell{width:min(100% - 28px,1240px)}.nav{height:70px}.nav-links{display:none}.nav-cta{font-size:11px}.hero{min-height:auto;padding-block:64px 74px;gap:50px}.hero h1{font-size:clamp(50px,15.5vw,72px)}.hero-lede{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.signal-card{min-height:450px;padding:24px}.signal-number{margin-top:62px;font-size:52px}.chart{height:150px}.signal-grid strong{font-size:20px}.section,.dark-section,.application-section{padding-block:98px}.section-heading{margin-bottom:44px}.section-heading h2,.system-copy h2,.application-intro h2{font-size:clamp(44px,13vw,62px)}.call-grid{grid-template-columns:1fr}.call-card:last-child{grid-column:auto}.call-card{min-height:390px}.content-engine{min-height:400px;margin-inline:-12px}.content-engine::before{inset:55px}.content-engine::after{inset:105px}.engine-center{width:130px;height:130px}.engine-node{min-width:106px;padding:10px;font-size:8px}.engine-node span{font-size:18px}.node-one{left:0}.node-two{right:0}.node-three{left:2%}.node-four{right:0}.retreat-grid{margin-right:-14px}.retreat-card{height:455px}.retreat-overlay h3{font-size:35px}.results-section{padding-block:98px 120px}.results-photos{gap:28px}.application-layout{gap:60px}.form-card{min-height:540px;padding:26px 18px}.question-panel h3,.contact-panel h3{font-size:30px}.options button{min-height:55px}.footer{padding-block:34px;align-items:flex-start;flex-direction:column;gap:22px}.footer p{margin:0}}
@media (max-width:980px){.signal-card{margin-top:0}}
@media (max-width:680px){.hero h1{font-size:clamp(40px,11.5vw,50px);line-height:.98}.hero-lede{font-size:15px;line-height:1.6}.hero-form{margin-top:36px}.hero-form .form-card{min-height:490px}.signal-card{min-height:405px;border-radius:20px}.signal-number{font-size:43px}.call-card{min-height:440px}.retreat-carousel{grid-template-columns:1fr 1fr;gap:12px}.retreat-card{grid-column:1/-1;grid-row:1;height:480px;border-radius:24px}.carousel-button{grid-row:2}.carousel-dots{grid-row:3}.retreat-overlay{inset:auto 24px 26px}.retreat-overlay h3{font-size:37px}.retreat-details{inset:auto 14px 14px;padding:20px}}
@media (max-width:680px){.retreat-deck{grid-column:1/-1;grid-row:1;height:520px}.retreat-card{inset:0 26px 24px 0;height:auto;border-radius:24px}.retreat-card.stack-position-1{transform:translate(13px,12px) scale(.982)}.retreat-card.stack-position-2{transform:translate(26px,24px) scale(.964)}.carousel-button{grid-row:2}.carousel-dots{grid-row:3}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.signal-section{max-width:700px;padding-block:20px 150px;}
.signal-section .signal-card{margin-top:0;}
@media (max-width:680px){.signal-section{padding-block:10px 98px;}}
#top.hero{display:block;max-width:760px;}
#top.hero .hero-copy{max-width:none;}
.contact-heads-up{margin-top:28px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);}
.contact-heads-up strong{display:block;margin-bottom:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);}
.contact-heads-up p{margin:0;font-size:12px;line-height:1.55;color:var(--muted);}
.contact-panel h3{margin-top:24px;}
.field-boxed{display:flex;align-items:center;box-sizing:border-box;width:100%;height:56px;margin-top:12px;padding:0 20px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.04);transition:border-color .2s;}
.field-boxed:focus-within{border-color:var(--ink);}
.field-boxed .field-inner{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0;background:transparent;color:var(--ink);font-size:15px;outline:none;}
.field-boxed .field-inner::placeholder{color:var(--muted);}
.phone-box{padding:0;overflow:hidden;}
.country-trigger{flex:0 0 auto;height:100%;display:flex;align-items:center;gap:6px;padding:0 14px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink);font-size:14px;cursor:pointer;}
.country-caret{font-style:normal;font-size:10px;color:var(--muted);margin-left:2px;}
.phone-box .field-phone{flex:1;min-width:0;height:100%;margin:0;box-sizing:border-box;padding:0 18px;border:0;background:transparent;color:var(--ink);font-size:15px;outline:none;}
.phone-box .field-phone::placeholder{color:var(--muted);}
.country-dropdown{position:relative;z-index:5;margin-top:8px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 24px 50px rgba(0,0,0,.4);overflow:hidden;}
.country-search{display:block;width:100%;padding:16px 18px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:14px;outline:none;}
.country-search::placeholder{color:var(--muted);}
.country-list{max-height:260px;overflow-y:auto;}
.country-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 18px;border:0;background:transparent;color:var(--ink);font-size:14px;text-align:left;cursor:pointer;}
.country-row:hover,.country-row.is-active{background:rgba(255,255,255,.07);}
.country-row .cr-name{flex:1;}
.country-row .cr-dial{color:var(--muted);font-size:13px;}
.contact-actions{display:flex;align-items:center;gap:16px;margin-top:28px;}
.contact-actions .back-button-inline{flex:0 0 auto;padding:0;border:0;background:none;color:var(--muted);font-size:13px;cursor:pointer;white-space:nowrap;}
.contact-actions .button-gold{flex:1;width:auto;margin-top:0;}

/* ---- shared motion: smooth page-to-page transitions ---- */
html{background:#0b0c09}
@view-transition{navigation:auto}
::view-transition-old(root){animation:agPageOut .2s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:agPageIn .5s cubic-bezier(.16,1,.3,1) both}
@keyframes agPageOut{to{opacity:0;transform:translateY(-8px)}}
@keyframes agPageIn{from{opacity:0;transform:translateY(16px)}}
.vt-fallback body{animation:agFadeIn .45s ease both}
@keyframes agFadeIn{from{opacity:0}}
@keyframes agRise{from{opacity:0;transform:translateY(18px)}}
@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
