:root{--bg:#160e08;--panel:#211711;--panel2:#2a1d15;--line:#694d39;--text:#f3e3d6;--muted:#bba79a;--copper:#e7a36d;--copper-dark:#b86f3e;--cream:#fff2e8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav{height:84px;position:fixed;top:0;left:0;right:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,28px);border-bottom:1px solid transparent;transition:.3s}
.nav.scrolled{background:rgba(22,14,8,.82);backdrop-filter:blur(16px);border-color:rgba(131,95,70,.27)}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font-weight:700;letter-spacing:-.04em;font-size:21px}
.brand-mark,.app-logo{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--copper);border-radius:9px;color:var(--copper);font-family:'Playfair Display',serif;font-size:20px;font-style:italic}
.nav nav{display:flex;gap:31px}
.nav nav a,footer a{font-size:12px;color:var(--muted);text-decoration:none;transition:color .2s}
.nav nav a:hover,footer a:hover{color:var(--copper)}
.nav-cta{color:var(--text);text-decoration:none;font-weight:700;font-size:12px}
.nav-cta span{color:var(--copper);font-size:17px;margin-left:4px}
.section{padding:150px max(8vw,28px);max-width:1500px;margin:auto}
.hero{min-height:800px;padding-top:190px;display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center;position:relative}
.hero-copy{max-width:650px;position:relative;z-index:1}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:var(--copper);margin:0 0 21px}
.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--copper);border-radius:50%;margin:0 8px 1px 0}
.hero h1,h2{font-size:clamp(48px,6.1vw,89px);line-height:.99;letter-spacing:-.07em;margin:0;font-weight:700}
.hero h1 em,h2 em{font-family:'Playfair Display',serif;font-weight:500;color:var(--copper);letter-spacing:-.06em}
.lede{max-width:550px;color:var(--muted);line-height:1.75;font-size:16px;margin:31px 0}
.actions{display:flex;align-items:center;gap:29px}
.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:16px 21px;border-radius:2px;font-size:12px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px)}
.primary{background:var(--copper);color:#331609}
.primary span{font-size:18px}
.text-link{font-size:12px;color:var(--text);font-weight:700;text-decoration:none}
.play{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font-size:8px;color:var(--copper);margin-right:8px}
.proof{display:flex;align-items:center;margin-top:56px;gap:12px}
.proof p{margin:0;color:#89766a;font-size:11px}
.proof-avatars{display:flex}
.proof-avatars b{height:23px;width:23px;border:1px solid var(--bg);border-radius:50%;display:grid;place-items:center;margin-left:-5px;font-size:8px;background:#80513b;color:#f3dbca}
.proof-avatars b:nth-child(2){background:#4a6057}
.proof-avatars b:nth-child(3){background:#8b6e4e}
.hero-orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.4}
.orb-one{width:430px;height:430px;background:#78421f;left:41%;top:19%}
.orb-two{width:230px;height:230px;background:#b97843;right:5%;bottom:5%;opacity:.15}
.phone-stage{height:560px;position:relative;display:grid;place-items:center}
.stage-halo{height:460px;width:460px;position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(231,163,109,.26),rgba(101,52,28,.05) 48%,transparent 70%)}
.phone{width:287px;height:560px;padding:15px 14px 18px;background:#110b07;border:7px solid #463026;border-radius:43px;box-shadow:30px 37px 65px #080402,-10px 0 30px rgba(242,185,139,.1);position:relative;z-index:1;transform:rotate(5deg);overflow:hidden}
.phone-island{height:18px;width:76px;background:#0b0704;border-radius:20px;margin:auto}
.app-head{height:58px;display:flex;align-items:center;gap:8px;font-size:9px;color:#d6c1b2}
.app-head .app-logo{width:22px;height:22px;border-radius:6px;font-size:14px}
.app-head button{margin-left:auto;color:var(--copper);background:none;border:0;font-size:21px}
.app-body{padding:5px 4px}
.app-kicker{color:#846c5d;font-size:7px;letter-spacing:.11em;margin:17px 0 7px}
.app-body h2{font-size:23px;letter-spacing:-.06em;line-height:1.12}
.chat-request{margin:21px 0 13px;padding:12px;background:#2c1d15;display:flex;gap:8px;border:1px solid rgba(231,163,109,.14);border-radius:11px}
.chat-request span,.spark{color:var(--copper)}
.chat-request p{font-size:9px;line-height:1.5;margin:0;color:#dec9ba}
.execution-card{padding:13px;background:linear-gradient(135deg,#3a251a,#25160f);border:1px solid #5c3824;border-radius:13px}
.exec-top{display:flex;gap:5px;align-items:center;color:#d79763;font-size:7px;letter-spacing:.1em}
.exec-top b{margin-left:auto;color:#967a6a;font-size:12px}
.execution-card h3{font-size:12px;margin:11px 0 4px}
.execution-card p{font-size:8px;color:#b6a091;line-height:1.5;margin:0}
.progress{height:3px;background:#57392a;margin-top:12px;border-radius:4px}
.progress i{display:block;width:62%;height:100%;background:var(--copper);border-radius:4px;animation:progress 3s infinite}
.task-row{margin-top:13px;padding:10px 8px;display:flex;align-items:center;gap:8px;background:#21150e;border-radius:10px}
.check{color:#201207;background:var(--copper);border-radius:50%;font-weight:bold;width:13px;height:13px;font-size:9px;text-align:center}
.task-row p{margin:0;line-height:1.3;font-size:9px}
.task-row small{display:block;color:#897568;font-size:7px}
.task-row>span:last-child{margin-left:auto;color:#9e7860}
.phone-home{position:absolute;bottom:8px;width:70px;height:3px;left:50%;transform:translateX(-50%);background:#b0a099;border-radius:3px}
.float-card{position:absolute;z-index:2;background:#2a1d15;border:1px solid #79563e;box-shadow:0 13px 25px rgba(0,0,0,.34);padding:11px 13px;display:flex;align-items:center;gap:9px;border-radius:9px;animation:float 4s ease-in-out infinite}
.float-card>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(231,163,109,.15);color:var(--copper);font-size:11px}
.float-card p{margin:0;font-size:8px}
.float-card b,.float-card small{display:block;white-space:nowrap}
.float-card small{font-size:7px;color:#a68e7e;margin-top:2px}
.appointment{top:120px;right:0}
.saved{bottom:73px;left:14px;animation-delay:-1.5s}
.ticker{background:#21160f;border-top:1px solid #493426;border-bottom:1px solid #493426;overflow:hidden;white-space:nowrap;color:#c0a28d}
.ticker div{display:flex;align-items:center;gap:33px;width:max-content;animation:marquee 27s linear infinite;padding:16px 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.ticker i{font-style:normal;color:var(--copper);font-size:11px}
.narrow{max-width:1120px}
.problem{text-align:center;padding-bottom:80px}
.problem h2{font-size:clamp(40px,5vw,65px)}
.large-copy{max-width:730px;margin:29px auto 76px;color:var(--muted);font-size:16px;line-height:1.75}
.comparison{display:grid;grid-template-columns:1fr 1fr;text-align:left}
.comparison article{min-height:340px;padding:37px 40px;background:#211710;border:1px solid #493428;position:relative}
.comparison .after{background:linear-gradient(135deg,#3a2417,#21150f);border-color:#755039}
.compare-label{font-size:9px;letter-spacing:.15em;color:#927b6c}
.comparison h3{font-size:27px;letter-spacing:-.055em;line-height:1.13;margin:32px 0}
.comparison ul{padding:0;list-style:none;color:#a99484;font-size:12px;line-height:2.5}
.comparison li:before{content:'—';color:#765e4e;margin-right:12px}
.after li:before{content:'✓';color:var(--copper)}
.after-mark{position:absolute;right:35px;bottom:25px;font-family:'Playfair Display';font-size:55px;font-style:italic;color:rgba(231,163,109,.25)}
.execution{max-width:none;background:#1c120c;padding-left:max(8vw,28px);padding-right:max(8vw,28px)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;max-width:1260px;margin:auto auto 65px}
.section-head h2,.trust h2,.membership h2,.final-cta h2{font-size:clamp(40px,4.8vw,66px)}
.section-head>p{width:305px;color:var(--muted);font-size:13px;line-height:1.75;margin:0}
.domain-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);max-width:1260px;margin:auto}
.domain{height:305px;background:#261912;border:1px solid #493428;padding:23px;display:flex;flex-direction:column;justify-content:flex-end;transition:background .2s,transform .2s}
.domain:hover{background:#342217;transform:translateY(-4px)}
.domain-num{position:absolute;align-self:flex-start;font-size:9px;color:#886c5a}
.domain-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid #78563e;color:var(--copper);font-size:19px;margin-bottom:23px}
.domain h3{font-size:20px;margin:0 0 8px;letter-spacing:-.05em}
.domain p{margin:0;color:#ac9686;font-size:11px;line-height:1.6}
.domain.featured{grid-row:span 1;background:linear-gradient(135deg,#694029,#2b1b12);justify-content:space-between}
.featured>div{margin-top:auto}
.featured h3{font-size:29px}
.featured b{font-size:10px;color:var(--copper);font-weight:700;align-self:flex-end}
.featured b span{font-size:17px;margin-left:5px}
.live{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px;align-items:center;max-width:1170px}
.live-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:380px;margin:27px 0 38px}
.outcome{display:flex;align-items:center;gap:14px;border-top:1px solid #4b3426;padding:14px 0}
.outcome i{font-style:normal;color:var(--copper);font-size:10px}
.outcome p{margin:0;font-size:11px}
.outcome b,.outcome span{display:block}
.outcome span{color:#9c8575;font-size:10px;margin-top:2px}
.conversation{background:#241811;border:1px solid #684934;box-shadow:20px 25px 70px rgba(0,0,0,.25);padding:0 28px 20px}
.conv-head{height:82px;display:flex;align-items:center;border-bottom:1px solid #4d3526;gap:11px}
.conv-head .app-logo{width:30px;height:30px}
.conv-head p{font-size:11px;margin:0}
.conv-head small{display:block;font-size:8px;color:var(--copper);margin-top:3px}
.conv-head>span:last-child{margin-left:auto;color:#967b69}
.messages{padding:31px 0;min-height:350px}
.user-message{margin-left:auto;background:#76503a;width:max-content;max-width:72%;padding:12px 15px;border-radius:10px 10px 2px 10px;font-size:12px;line-height:1.5}
.ai-message{display:flex;gap:11px;max-width:84%;margin-top:28px}
.ai-message .spark{font-size:14px;margin-top:4px}
.ai-message p{color:#d8c0af;line-height:1.7;font-size:12px;margin:0}
.ai-message button{margin-top:15px;padding:11px 13px;background:transparent;border:1px solid #a97857;color:var(--copper);font-size:10px;font-family:inherit;font-weight:bold;cursor:pointer}
.success-message{display:none;align-items:center;gap:10px;margin:20px 0 0 25px;padding:12px;background:#2f241b;border-left:2px solid var(--copper);font-size:11px}
.success-message.show{display:flex;animation:in .35s ease}
.success-message>span{color:var(--copper);font-weight:bold}
.success-message p{margin:0}
.success-message small{display:block;color:#a8907f;font-size:9px;margin-top:2px}
.message-input{height:44px;border:1px solid #59402f;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#806958;font-size:10px}
.message-input b{width:23px;height:23px;display:grid;place-items:center;background:#b17248;color:#2d160b;border-radius:3px}
.trust{background:#20150e;max-width:none;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:130px;overflow:hidden}
.trust>*{position:relative;z-index:1}
.trust-glow{position:absolute;left:-140px;top:50px;width:500px;height:500px;background:radial-gradient(circle,rgba(210,137,83,.14),transparent 67%)}
.trust-copy{max-width:530px;justify-self:end}
.trust-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.7;max-width:350px;margin-top:27px}
.trust-list{align-self:center;max-width:480px}
.trust-list article{display:flex;gap:25px;padding:26px 0;border-top:1px solid #513829}
.trust-list article:last-child{border-bottom:1px solid #513829}
.trust-list span{color:var(--copper);font-size:10px}
.trust-list h3{font-size:16px;letter-spacing:-.03em;margin:0 0 7px}
.trust-list p{color:#a89080;font-size:11px;line-height:1.65;margin:0}
.membership{max-width:1220px}
.membership-title{text-align:center;margin-bottom:58px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.plans article{padding:35px 31px;background:#21160f;border:1px solid #503627;min-height:445px;display:flex;flex-direction:column}
.plans article>p{font-size:9px;letter-spacing:.16em;color:#b68a68;font-weight:800;margin:0}
.plans h3{font-size:25px;line-height:1.15;letter-spacing:-.055em;margin:27px 0}
.plans>b{font-size:21px;color:var(--copper)}
.plans>b small{font-weight:400;font-size:10px;color:#af9583}
.plans ul{list-style:none;margin:28px 0;padding:0;line-height:2.5;color:#b6a091;font-size:11px;flex:1}
.plans li:before{content:'✓';color:var(--copper);margin-right:9px}
.outline{border:1px solid #81604b;color:var(--text)}
.plan-featured{background:linear-gradient(145deg,#4a2b1b,#24160f)!important;border-color:#bc7c51!important;position:relative;transform:translateY(-14px);box-shadow:0 22px 30px rgba(0,0,0,.22)}
.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--copper);color:#3a1c0c;padding:6px 13px;text-transform:uppercase;font-size:8px;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.faq{padding-top:80px;padding-bottom:150px}
.faq h2{font-size:52px;margin-bottom:50px}
.faq-list{border-top:1px solid #563d2c}
.faq details{border-bottom:1px solid #563d2c;padding:0 3px}
.faq summary{cursor:pointer;list-style:none;padding:22px 0;font-size:14px;font-weight:700;display:flex;justify-content:space-between}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{color:var(--copper);font-size:19px;transition:transform .2s}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details p{margin:0;max-width:680px;padding:0 0 21px;color:var(--muted);font-size:12px;line-height:1.7}
.final-cta{text-align:center;max-width:none;position:relative;overflow:hidden;background:#21150e;padding:130px 20px}
.final-cta>*{position:relative;z-index:1}
.final-cta h2{font-size:clamp(58px,8vw,105px)}
.final-cta>p:not(.eyebrow){color:#b69b88;font-size:14px;margin:23px 0 28px}
.watermark{position:absolute!important;left:50%;top:50%;transform:translate(-50%,-48%);font-family:'Playfair Display';font-style:italic;font-size:520px;color:rgba(231,163,109,.035);line-height:.8}
footer{max-width:1320px;margin:auto;padding:34px max(5vw,28px);display:flex;justify-content:space-between;align-items:center;color:#917a6b;font-size:10px}
footer p{margin:0}
footer div{display:flex;gap:23px}
@keyframes float{50%{transform:translateY(-9px)}
}
@keyframes progress{50%{width:86%}
}
@keyframes marquee{to{transform:translateX(-45%)}
}
@keyframes in{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:none}
}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.nav nav{display:none}
.hero{grid-template-columns:1fr;padding-top:145px;text-align:center}
.hero-copy{margin:auto}
.hero .actions,.proof{justify-content:center}
.phone-stage{margin-top:20px}
.section{padding:100px 28px}
.section-head,.live,.trust{grid-template-columns:1fr;display:grid;gap:45px}
.section-head{align-items:start}
.trust-copy{justify-self:start}
.domain-grid{grid-template-columns:repeat(2,1fr)}
.domain.featured{grid-column:span 2}
.comparison{grid-template-columns:1fr}
.plans{grid-template-columns:1fr;gap:20px;max-width:440px;margin:auto}
.plan-featured{transform:none}
.live{max-width:650px}
.trust{gap:40px}
.faq{padding-bottom:100px}
}
@media(max-width:540px){.nav{height:70px;padding:0 21px}
.nav-cta{font-size:10px}
.hero{padding-top:120px;min-height:auto;gap:25px}
.hero h1{font-size:48px}
.lede{font-size:14px}
.actions{flex-direction:column;gap:18px}
.phone-stage{height:500px;transform:scale(.86);margin:-24px}
.appointment{right:-18px}
.saved{left:-7px}
.comparison article{padding:31px 26px;min-height:290px}
.domain-grid{grid-template-columns:1fr}
.domain.featured{grid-column:span 1}
.domain{height:230px}
.section-head h2{margin-top:10px}
.section-head>p{width:auto}
.conversation{padding:0 17px 17px}
.live{gap:55px}
.trust{padding-top:90px;padding-bottom:90px}
.final-cta{padding:100px 20px}
.final-cta h2{font-size:59px}
footer{flex-wrap:wrap;gap:20px}
footer p{order:3;width:100%}
}
/* Brand-led refinement: colours sampled from the supplied Relivz artwork. */
:root{--bg:#120904;--panel:#21130b;--panel2:#2c1a0f;--line:#73513a;--text:#f3e1cc;--muted:#c0a894;--copper:#d6a06e;--copper-dark:#9c6139;--cream:#fae8d7}
.nav.scrolled{background:rgba(18,9,4,.86);border-color:rgba(146,103,73,.28)}
.brand{gap:0;font-size:0}.brand-art{display:block;width:158px;height:50px;background:url('../images/logo.png') center/contain no-repeat}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-logo-art{background:url('../images/logo.png') left center/300% auto no-repeat;border-color:rgba(214,160,110,.55)}
.hero{grid-template-columns:1.08fr .92fr}.lede{max-width:510px;line-height:1.78}.primary{background:linear-gradient(135deg,#e7ba87,#bf814d);color:#301407;box-shadow:0 10px 28px rgba(153,87,42,.17)}.orb-one{background:#5f341a}.orb-two{opacity:.12}.stage-halo{background:radial-gradient(circle,rgba(210,151,96,.23),rgba(83,39,18,.05) 48%,transparent 70%)}.phone{background:#100804;border-color:#533727;animation:phone-float 6s ease-in-out infinite}
@keyframes phone-float{50%{transform:rotate(4deg) translateY(-10px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:540px){.brand-art{width:126px;height:40px}}
/* Mobile-first refinement: preserve the editorial feel while improving reach, rhythm, and legibility. */
@media(max-width:640px){
  .nav{height:72px;padding:0 max(20px,env(safe-area-inset-left))}.nav-cta{display:inline-flex;align-items:center;min-height:44px;font-size:10px}.nav-cta span{font-size:15px}.section{padding:84px 20px}.hero{padding-top:112px;gap:17px;text-align:left;overflow:visible}.hero-copy{max-width:100%}.hero h1{font-size:clamp(43px,13vw,59px);line-height:1.01;letter-spacing:-.075em}.lede{font-size:14px;line-height:1.72;margin:24px 0}.hero .actions{align-items:stretch;gap:10px}.button{min-height:50px;width:100%;padding:15px 18px}.text-link{min-height:46px;display:flex;align-items:center;justify-content:center}.proof{justify-content:flex-start;margin-top:30px}.hero .phone-stage{height:480px;margin:0;transform:none;opacity:1;visibility:visible;z-index:2}.phone{transform:rotate(3deg) scale(.76);transform-origin:center;animation:phone-float-mobile 6s ease-in-out infinite}.stage-halo{width:360px;height:360px}.float-card{transform:scale(.8);transform-origin:center}.appointment{top:70px;right:-20px}.saved{bottom:37px;left:-17px}.ticker div{padding:13px 0;font-size:9px;gap:24px}.problem{padding-bottom:45px}.large-copy{font-size:14px;margin:24px auto 42px}.comparison article{min-height:auto;padding:28px 23px}.comparison h3{font-size:25px;margin:22px 0}.comparison ul{font-size:11px}.section-head{margin-bottom:34px;gap:20px}.section-head>p{font-size:12px;line-height:1.65}.domain{height:210px;padding:20px}.domain.featured{height:255px}.live{gap:42px}.live-copy>p:not(.eyebrow){font-size:13px;margin:22px 0 28px}.conversation{margin:0 -4px;padding:0 16px 16px}.conv-head{height:70px}.messages{padding:24px 0;min-height:310px}.user-message,.ai-message p{font-size:11px}.ai-message{max-width:92%;margin-top:22px}.ai-message button{min-height:42px}.trust{padding:78px 20px;gap:35px}.trust-list article{padding:21px 0}.membership{padding-top:84px}.membership-title{margin-bottom:42px}.plans article{min-height:0;padding:31px 25px}.plans h3{margin:20px 0}.plans ul{margin:22px 0}.faq{padding-top:74px;padding-bottom:84px}.faq h2{font-size:42px;margin-bottom:31px}.faq summary{padding:20px 0;font-size:13px}.final-cta{padding:88px 20px}.final-cta h2{font-size:clamp(56px,16vw,72px)}.final-cta>p:not(.eyebrow){font-size:13px}.final-cta .button{width:auto;min-width:210px}.watermark{font-size:360px}footer{padding:28px 20px 36px;align-items:flex-start}footer div{gap:18px}
}
@keyframes phone-float-mobile{50%{transform:rotate(2deg) scale(.76) translateY(-9px)}}