@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&display=swap');

:root{--ink:#251713;--brown:#7c4a3a;--brown-light:#ad7762;--gold:#f6b757;--cream:#fff8f6;--blush:#f5ded6;--line:#e6d7d0;--muted:#6c5953;--white:#fff;--width:1200px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 'DM Sans',Arial,sans-serif}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.05}
h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;letter-spacing:-.018em}
h3{font-size:1.25rem;letter-spacing:-.035em}
section[id]{scroll-margin-top:92px}
.shell{width:min(var(--width),calc(100% - 56px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:15px;z-index:100;padding:12px 18px;background:var(--gold);color:var(--ink);font-weight:800}.skip-link:focus{top:15px}
.site-header{position:relative;z-index:20;background:var(--ink);color:var(--white);border-bottom:1px solid rgba(255,255,255,.15)}
.nav-row{height:82px;display:flex;align-items:center;gap:36px}
.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;white-space:nowrap;font-size:1.22rem;font-weight:800;letter-spacing:-.055em}
.brand img{width:42px;height:42px;border-radius:11px;background:var(--white)}
.site-header nav{margin-left:auto;display:flex;gap:29px}
.site-header nav a{text-decoration:none;color:#e0d0ca;font-size:.87rem;font-weight:700;transition:color .2s}
.site-header nav a:hover{color:var(--gold)}
.nav-cta{display:inline-flex;gap:20px;align-items:center;padding:11px 18px;border:1px solid rgba(246,183,87,.75);color:var(--gold);text-decoration:none;font-size:.86rem;font-weight:800;white-space:nowrap;transition:background .2s,color .2s}
.nav-cta:hover{background:var(--gold);color:var(--ink)}
.hero{overflow:hidden;background:var(--ink);color:var(--white)}
.hero-grid{display:grid;grid-template-columns:1.07fr .93fr;min-height:670px;gap:4%;align-items:center}
.hero-copy{padding:85px 0 95px;position:relative;z-index:2}
.kicker{display:flex;gap:11px;align-items:center;color:var(--gold);font-size:.73rem;font-weight:800;letter-spacing:.18em;line-height:1.3}
.kicker-line{width:27px;height:2px;background:var(--gold);flex:none}
.hero h1{font-size:clamp(4.5rem,8.1vw,7.6rem);text-transform:uppercase;max-width:700px;margin:24px 0 20px;line-height:.87}
.hero h1 em,.free-section h2 em{font-style:normal;color:var(--gold)}
.hero-lead{font-size:1.11rem;line-height:1.65;max-width:540px;color:#e8d9d3}
.hero-lead strong{color:#fff;font-weight:700}
.hero-actions{display:flex;align-items:center;gap:19px;margin-top:30px;flex-wrap:wrap}
.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 23px;text-decoration:none;font-size:.96rem;font-weight:800;line-height:1.25;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-gold{background:var(--gold);color:var(--ink);box-shadow:0 12px 26px rgba(0,0,0,.12)}
.button-gold:hover{background:#ffd084;box-shadow:0 15px 27px rgba(0,0,0,.16)}
.button span,.nav-cta span{font-size:1.18rem;line-height:1}
.platform{color:#c5afa5;font-size:.85rem;font-weight:700}
.hero-free{margin-top:23px;color:#f1dfd9;font-size:.88rem;font-weight:600}
.hero-free>span:first-child{display:inline-grid;place-items:center;margin-right:7px;background:#5d7561;color:#fff;width:22px;height:22px;border-radius:50%;font-size:.8rem}
.hero-free .dot{padding:0 5px;color:var(--gold)}
.hero-visual{height:640px;position:relative;display:grid;place-items:center;align-self:end}
.visual-circle{position:absolute;width:590px;height:590px;border-radius:50%;background:var(--gold);left:4%;top:8%;box-shadow:inset 0 0 0 55px rgba(67,32,17,.06)}
.visual-circle:after{content:"";position:absolute;inset:42px;border:1px solid rgba(37,23,19,.2);border-radius:50%}
.phone{position:relative;z-index:2;width:310px;height:592px;align-self:end;margin-left:20px;background:#fff8f6;border:10px solid #1e1614;border-bottom:0;border-radius:41px 41px 0 0;box-shadow:0 34px 50px rgba(13,9,7,.38);overflow:hidden;color:var(--ink)}
.phone:before{content:"";position:absolute;z-index:2;top:0;left:50%;transform:translateX(-50%);width:112px;height:20px;background:#1e1614;border-radius:0 0 14px 14px}
.phone-top{padding:11px 18px 5px;display:flex;justify-content:space-between;font-size:.6rem;font-weight:700}
.phone-screen{position:relative;padding:19px 17px 0}
.phone-title{font-size:1.25rem;font-weight:800;letter-spacing:-.055em}
.phone-subtitle{font-size:.57rem;color:#6e605d;margin-top:1px}
.phone-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:21px}
.phone-stats>div{height:75px;border-radius:12px;background:#e4d3cd;padding:11px 7px}
.phone-stats>div:nth-child(2){background:#f3ded5}.phone-stats>div:nth-child(3){background:#ffe1c2}
.phone-stats b{display:block;font-size:1.32rem;line-height:1}.phone-stats span{display:block;font-size:.53rem;line-height:1.2;margin-top:5px}
.phone-scan{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--brown);color:#fff;border-radius:13px;margin-top:22px;height:43px;font-size:.85rem;font-weight:800}
.phone-scan span{font-size:1.25rem}
.phone-heading{font-size:.82rem;font-weight:800;margin:30px 0 12px}
.phone-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #dfd1cb;padding:11px 0}
.phone-item .item-icon{display:grid;place-items:center;background:#f4e1d8;color:var(--brown);border-radius:9px;width:32px;height:32px;flex:none;font-size:1.1rem}
.phone-item span:nth-child(2){min-width:0;flex:1}
.phone-item strong,.phone-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone-item strong{font-size:.64rem}.phone-item small{color:#78665f;font-size:.49rem}
.phone-item>b{background:#ffdfb7;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:.66rem}
.phone-nav{position:absolute;top:507px;left:0;right:0;display:flex;justify-content:space-around;border-top:1px solid #dfd1cb;background:#f4eae6;padding:7px 0;color:var(--brown)}
.phone-nav span{font-size:1rem;text-align:center;line-height:1}.phone-nav small{display:block;font-size:.39rem;margin-top:4px}
.orbit-note{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;padding:11px 14px;background:#fff;color:var(--ink);box-shadow:0 16px 25px rgba(33,18,12,.19);border:1px solid #f3dbcd}
.orbit-note strong,.orbit-note small{display:block;white-space:nowrap}.orbit-note strong{font-size:.8rem}.orbit-note small{font-size:.64rem;color:#71574c}
.orbit-icon,.orbit-check{width:32px;height:32px;display:grid;place-items:center;flex:none;background:#f5ded6;color:var(--brown);font-size:1.1rem;font-weight:800}.orbit-check{background:#e8d9b2}
.orbit-top{top:103px;right:-12px;transform:rotate(5deg)}.orbit-bottom{left:0;bottom:98px;transform:rotate(-5deg)}
.hero-bottom{border-top:1px solid rgba(255,255,255,.15);background:#321f19}.hero-bottom-inner{display:flex;align-items:center;justify-content:space-between;min-height:71px;gap:15px}.hero-bottom span{color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.15em}.hero-bottom strong{font-size:.83rem;color:#f6e7e0;font-weight:700}
.problem{padding-top:110px;padding-bottom:115px;display:grid;grid-template-columns:.32fr 1fr;gap:35px}
.problem-label{border-top:2px solid var(--brown);padding-top:12px;color:var(--brown);font-size:.69rem;font-weight:800;letter-spacing:.15em}
.problem-body h2{font-size:clamp(3rem,5vw,5.2rem);max-width:900px}.problem-body h2 span{color:var(--brown)}.problem-body p{font-size:1.04rem;color:var(--muted);max-width:720px;line-height:1.72;margin-top:22px}
.benefits{background:#f1e6df;padding:105px 0 112px}
.dark-kicker{color:var(--brown)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:43px}.section-heading h2{max-width:750px;font-size:clamp(3rem,5.2vw,5.2rem)}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdb9b0;border-bottom:1px solid #cdb9b0}
.benefit{min-height:345px;padding:26px 22px 30px;border-right:1px solid #cdb9b0}.benefit:first-child{padding-left:0}.benefit:last-child{border:0;padding-right:0}
.benefit-number{color:var(--brown);font-size:.75rem;font-weight:800;letter-spacing:.1em}.benefit-icon{display:grid;place-items:center;width:56px;height:56px;margin:43px 0 25px;background:var(--cream);color:var(--brown);border-radius:17px;font:700 1.9rem 'Barlow Condensed',sans-serif}.benefit h3{max-width:235px;line-height:1.25}.benefit p{color:var(--muted);font-size:.88rem;line-height:1.65;margin-top:10px;max-width:260px}
.how{padding:115px 0;background:#fffaf7}.how-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%}.how-intro h2{font-size:clamp(3.1rem,5vw,5rem);max-width:470px;margin:22px 0 15px}.how-intro>p:not(.kicker){max-width:440px;color:var(--muted);line-height:1.7}.text-link{display:inline-block;text-decoration:none;border-bottom:2px solid var(--gold);color:var(--brown);font-size:.94rem;font-weight:800;margin-top:27px;padding-bottom:5px}.text-link span{margin-left:10px}.text-link:hover{color:var(--ink)}
.how-steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.how-steps li{display:flex;gap:25px;padding:31px 0;border-bottom:1px solid var(--line)}.how-steps li>span{font-family:'Barlow Condensed',sans-serif;font-size:1.25rem;font-weight:700;color:var(--brown)}.how-steps h3{font-size:1.28rem}.how-steps p{color:var(--muted);font-size:.93rem;margin-top:7px;line-height:1.6}
.free-section{background:var(--brown);color:#fff;padding:110px 0}.free-grid{display:grid;grid-template-columns:1fr .75fr;gap:13%;align-items:center}.free-section h2{font-size:clamp(3.5rem,6vw,6rem);margin:24px 0 23px;max-width:610px}.free-grid>div:first-child>p:not(.kicker){max-width:520px;line-height:1.7;font-size:1.03rem;color:#f7e9e3}.free-grid>div:first-child .free-detail{margin-top:17px;font-size:.87rem!important;color:#e8cec2!important}
.free-card{background:var(--cream);color:var(--ink);padding:31px 33px 29px;box-shadow:16px 16px 0 rgba(31,17,11,.25)}.free-card-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--line)}.free-card-head span{font-size:.72rem;font-weight:800;color:var(--brown);letter-spacing:.12em}.free-card-head strong{font-family:'Barlow Condensed',sans-serif;font-size:3rem;line-height:.85}.free-card ul{list-style:none;margin:23px 0 27px;padding:0}.free-card li{position:relative;padding:9px 0 9px 28px;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:700}.free-card li:before{content:'✓';position:absolute;left:0;color:var(--brown);font-weight:800}.free-card .button{width:100%;box-shadow:none}.free-card small{display:block;text-align:center;color:var(--muted);font-size:.72rem;margin-top:12px}
footer{background:var(--ink);color:#eee1db}.footer-row{display:flex;align-items:center;gap:28px;min-height:116px}.footer-row p{margin-left:auto;font-size:.8rem;color:#d5c0b8}.footer-row>div{display:flex;gap:22px}.footer-row>div a{font-size:.78rem;text-decoration:none;font-weight:700}.footer-row>div a:hover{color:var(--gold)}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}

@media(max-width:1100px){.hero-grid{grid-template-columns:1fr .9fr}.hero h1{font-size:clamp(4.3rem,7vw,6.5rem)}.visual-circle{left:-8%}.orbit-top{right:-10px}.benefit{padding-inline:16px}.free-grid{gap:7%}}
@media(max-width:850px){.site-header nav{display:none}.nav-cta{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:74px 0 30px}.hero h1{max-width:650px}.hero-visual{height:560px;max-width:580px;width:100%;margin:auto}.visual-circle{left:3%;width:540px;height:540px}.phone{height:525px}.orbit-top{right:20px}.phone-nav{top:437px}.hero-bottom-inner{flex-wrap:wrap;justify-content:center;padding:17px 0}.hero-bottom span{width:100%;text-align:center}.problem{grid-template-columns:1fr;padding-block:83px;gap:23px}.problem-label{max-width:230px}.section-heading{display:block}.section-heading h2{margin-top:17px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit{min-height:305px;border-bottom:1px solid #cdb9b0}.benefit:nth-child(2){border-right:0}.benefit:nth-child(n+3){border-bottom:0}.benefit:nth-child(3){padding-left:0}.benefit:nth-child(4){padding-right:0}.how-grid,.free-grid{grid-template-columns:1fr;gap:45px}.how-intro h2{max-width:630px}.free-grid>div:first-child{max-width:680px}.free-card{max-width:550px}.footer-row{flex-wrap:wrap;padding-block:25px}.footer-row p{margin-left:auto}.footer-row>div{width:100%;justify-content:flex-end}}
@media(max-width:560px){.shell{width:calc(100% - 36px)}.nav-row{height:70px}.brand{font-size:1.03rem}.brand img{width:37px;height:37px}.nav-cta{font-size:.76rem;padding:9px 11px;gap:9px}.hero-copy{padding-top:62px}.kicker{font-size:.62rem}.hero h1{font-size:clamp(3.9rem,18vw,5.6rem);margin-top:21px}.hero-lead{font-size:1rem}.hero-actions{gap:10px}.hero-actions .button{width:100%}.platform{width:100%;text-align:center}.hero-free{font-size:.76rem;line-height:1.7}.hero-visual{height:465px}.visual-circle{width:430px;height:430px;left:50%;transform:translateX(-50%);top:10px}.phone{width:252px;height:445px;margin:0;border-width:8px;border-radius:31px 31px 0 0}.phone-top{padding:8px 12px 0}.phone-screen{padding:14px 13px 0}.phone-stats{margin-top:15px}.phone-stats>div{height:62px;padding:8px 5px}.phone-stats b{font-size:1.04rem}.phone-stats span{font-size:.42rem}.phone-scan{margin-top:16px;height:36px;font-size:.69rem}.phone-heading{margin-top:21px}.phone-item{padding:8px 0}.phone-nav{top:330px}.orbit-note{padding:7px 8px;gap:6px}.orbit-note strong{font-size:.63rem}.orbit-note small{font-size:.5rem}.orbit-icon,.orbit-check{width:25px;height:25px;font-size:.9rem}.orbit-top{top:77px;right:-9px}.orbit-bottom{left:-8px;bottom:50px}.hero-bottom-inner{gap:10px}.hero-bottom strong{font-size:.69rem}.problem{padding-block:75px}.problem-body h2{font-size:clamp(2.8rem,12vw,4.2rem)}.problem-body p{font-size:.95rem}.benefits{padding-block:76px}.section-heading h2{font-size:clamp(2.9rem,11vw,4rem)}.benefit-grid{grid-template-columns:1fr}.benefit,.benefit:first-child,.benefit:nth-child(3),.benefit:nth-child(4){min-height:auto;padding:23px 0 26px;border-right:0;border-bottom:1px solid #cdb9b0}.benefit:last-child{border-bottom:0}.benefit-icon{margin:23px 0 15px}.benefit p{max-width:none}.how{padding-block:77px}.how-intro h2{font-size:clamp(2.9rem,11vw,4rem)}.how-steps li{gap:17px;padding:24px 0}.free-section{padding-block:77px}.free-section h2{font-size:clamp(3.5rem,13vw,5rem)}.free-card{padding:27px 23px;box-shadow:10px 10px 0 rgba(31,17,11,.25)}.footer-row{display:grid;gap:13px}.footer-row p{margin:0}.footer-row>div{justify-content:start;flex-wrap:wrap;gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.nav-cta,.site-header nav a{transition:none}}
