@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--ink:#100a0a;--wine:#5d171d;--wine2:#8f3037;--gold:#c9a66b;--cream:#f5efe5;--muted:#b8aaa1;--line:rgba(255,255,255,.10);--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",system-ui,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(10,6,6,.94),rgba(10,6,6,.55));backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.brand{display:flex;align-items:center;gap:11px;font-size:18px}.brand-mark{font-size:25px}.brand b{font-weight:700}.brand:after{content:"";display:block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-left:2px}
nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#d8cdc6}nav a:hover{color:#fff}.nav-download{padding:11px 18px;border:1px solid rgba(201,166,107,.5);border-radius:999px;color:#f1dfbe;background:rgba(201,166,107,.07)}
.hero{min-height:900px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,rgba(143,48,55,.27),transparent 31%),radial-gradient(circle at 18% 65%,rgba(201,166,107,.07),transparent 25%),linear-gradient(135deg,#100909,#1b0d0e 52%,#0d0808);padding:150px 30px 90px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,9,9,.98) 0%,rgba(16,9,9,.80) 43%,rgba(16,9,9,.08) 100%);pointer-events:none}
.hero-inner{position:relative;z-index:1;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}
.hero-copy{padding-top:20px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:3px;font-weight:700;color:var(--gold)}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}
h1,h2,h3{line-height:1.05;margin:0}h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(58px,7.4vw,104px);font-weight:600;letter-spacing:-4px;margin:22px 0 25px}h1 em{color:#c99a8e;font-weight:500}
.hero-text{max-width:610px;font-size:18px;color:#c0b4ad}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin:34px 0 15px}.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 21px;border-radius:10px;font-size:13px;font-weight:700;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#9e3b43,#6f1e25);box-shadow:0 18px 45px rgba(143,48,55,.25)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.025)}.small-note{font-size:11px;color:#756b66}
.hero-visual{position:relative;min-height:620px;display:flex;justify-content:center;align-items:center}.phone{width:318px;background:#050404;border:7px solid #2d2422;border-radius:43px;padding:8px;box-shadow:0 50px 100px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.05);position:relative;transform:rotate(2deg)}.phone img{border-radius:29px}.phone-speaker{position:absolute;z-index:3;top:8px;left:50%;transform:translateX(-50%);width:80px;height:19px;border-radius:20px;background:#050404}
.phone-back{position:absolute;width:275px;transform:translate(-135px,40px) rotate(-10deg);opacity:.75;filter:brightness(.72);z-index:0}.hero-visual .phone{z-index:2}
.float{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.11);background:rgba(31,18,18,.88);backdrop-filter:blur(12px);border-radius:14px;padding:13px 16px;box-shadow:0 18px 45px rgba(0,0,0,.35);font-size:12px}.float b{display:block;color:#f5eadf;font-size:13px;margin-bottom:2px}.float span{color:#a99a93}.f1{top:16%;left:3%}.f2{right:0;bottom:17%}
.gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.5}
.stats{max-width:var(--max);margin:-1px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#17100f;position:relative;z-index:4}.stats div{padding:25px 15px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong{display:block;font-size:22px;margin-bottom:5px}.stats span{font-size:11px;color:#9d918b;letter-spacing:.4px}
.section{max-width:var(--max);margin:auto;padding:125px 30px}.section-heading{text-align:center;max-width:760px;margin:0 auto 60px}.section-heading h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(40px,5.2vw,68px);font-weight:600;letter-spacing:-2px;margin:17px 0}.section-heading p{color:var(--muted);font-size:16px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{min-height:225px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:.25s}.feature:hover{transform:translateY(-5px);border-color:rgba(201,166,107,.27)}.feature-icon{font-size:28px;margin-bottom:30px}.feature h3{font-size:19px;margin-bottom:11px}.feature p{font-size:13px;color:#a99c95;margin:0}
.split{max-width:var(--max);margin:auto;padding:90px 30px 125px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.split-image{display:flex;justify-content:center;position:relative}.split-image:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(143,48,55,.18);filter:blur(55px);z-index:-1}.phone-small{width:285px}.split-copy h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(40px,5vw,65px);letter-spacing:-2px;margin:17px 0 22px}.split-copy p{color:var(--muted)}.check-list{padding:0;list-style:none;margin-top:27px}.check-list li{margin:13px 0;color:#ddd1c9;font-size:13px}.check-list li:before{content:"✓";color:var(--gold);margin-right:11px}
.dark-section{background:linear-gradient(145deg,#1b0c0f,#100909);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:120px 30px}.dark-features{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dark-features div{padding:35px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.dark-features span{font-size:29px}.dark-features h3{font-size:19px;margin:18px 0 8px}.dark-features p{margin:0;color:#a99c95;font-size:13px}
.screenshots{padding-top:120px}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.screen-grid figure{margin:0;text-align:center}.screen-grid img{width:100%;max-width:270px;margin:auto;border-radius:28px;border:6px solid #29201e;box-shadow:0 25px 55px rgba(0,0,0,.35)}.screen-grid figcaption{font-size:12px;color:#9d918b;margin-top:13px;letter-spacing:.3px}
.download{padding:130px 30px;background:radial-gradient(circle at 70% 50%,rgba(143,48,55,.28),transparent 36%),#160a0c}.download-inner{max-width:1040px;margin:auto;border:1px solid rgba(201,166,107,.24);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.018));border-radius:24px;padding:60px;display:flex;align-items:center;justify-content:space-between}.download h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(43px,5vw,68px);margin:16px 0}.download p{max-width:650px;color:#b8aaa2;font-size:15px}.btn-large{padding:16px 25px}.download-bottle{font-size:125px;transform:rotate(-8deg);filter:drop-shadow(0 25px 25px rgba(0,0,0,.4))}
footer{padding:38px 25px;text-align:center;border-top:1px solid var(--line);color:#776c67;font-size:11px}.footer-brand{color:#eee2d9;font-size:18px;margin-bottom:6px}footer p{margin:0 0 12px}
@media(max-width:900px){nav a:not(.nav-download){display:none}.hero-inner,.split{grid-template-columns:1fr}.hero{padding-top:135px}.hero-copy{text-align:center}.hero-text{margin:auto}.hero-actions{justify-content:center}.hero-visual{min-height:560px}.f1{left:0}.f2{right:0}.feature-grid,.dark-features{grid-template-columns:1fr 1fr}.stats{margin:0 18px}}
@media(max-width:600px){.topbar{padding:0 18px}.brand{font-size:16px}.hero{padding:125px 18px 60px}.hero-visual{min-height:480px}.phone{width:265px}.phone-back{width:230px}.float{font-size:10px}.f1{top:11%}.f2{bottom:10%}.stats{grid-template-columns:1fr 1fr}.stats div{padding:20px 8px}.section,.split{padding-left:18px;padding-right:18px}.feature-grid,.dark-features,.screen-grid{grid-template-columns:1fr}.download{padding:70px 18px}.download-inner{padding:35px 24px;display:block;text-align:center}.download-bottle{font-size:80px;margin-top:20px}}