:root { --ink:#1b1a17; --black:#12110f; --amber:#ffb300; --cream:#f7f1eb; --paper:#fbf9f5; --green:#588334; --red:#c34b32; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; } a { color:inherit; text-decoration:none; } .container { max-width:1180px; margin:auto; padding-left:32px; padding-right:32px; }
.hero { overflow:hidden; position:relative; color:white; background:radial-gradient(circle at 82% 40%,#694807 0,rgba(105,72,7,.4) 19%,transparent 44%),linear-gradient(135deg,#2c2922,#12110f 62%); min-height:820px; } .nav { height:104px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:3; }.brand { font-size:22px; line-height:1; font-weight:800; display:flex; align-items:center; gap:10px; letter-spacing:-.8px; }.pig-mark { display:inline-block; width:36px; height:36px; border-radius:11px; background:var(--amber); position:relative; }.pig-mark:before { content:""; position:absolute; width:21px; height:14px; border-radius:10px; background:var(--ink); left:7.5px; top:13px; }.pig-mark i,.pig-mark b { position:absolute; width:5px; height:6px; background:var(--ink); z-index:1; border-radius:3px; top:17px; }.pig-mark i { left:13px; }.pig-mark b { right:13px; }.pig-mark em { position:absolute; width:5px;height:5px;border-radius:5px;background:var(--amber);left:9px;top:8px;box-shadow:13px 0 0 var(--amber); }.nav-links { display:flex; gap:30px; color:#c2c0bb; font-size:13px; }.nav-links a:hover { color:#fff; }.nav-cta { font-size:13px; font-weight:700; border-bottom:1px solid #77736a; padding-bottom:3px; }.nav-cta span,.button span { margin-left:7px; }.hero-grid { min-height:650px; display:grid; grid-template-columns:53% 47%; align-items:center; }.hero-copy { position:relative; z-index:2; padding:70px 0 112px; }.eyebrow { font-family:"DM Mono",monospace; color:var(--amber); font-size:12px; letter-spacing:2.4px; margin:0 0 22px; }.eyebrow span { display:inline-block; width:9px; height:9px; border-radius:50%; background:currentColor; margin-right:9px; }.eyebrow.dark { color:#9b5d08; }.eyebrow.red { color:var(--red); }.hero h1,.section h2,.copy-panel h2,.penalty-section h2,.privacy h2,.final-cta h2 { font-weight:800; letter-spacing:-4px; line-height:.98; margin:0; }.hero h1 { font-size:clamp(60px,7vw,100px); }.hero h1 strong,.copy-panel h2 strong,.penalty-section h2 strong,.final-cta h2 strong { color:var(--amber); font-weight:800; }.lead { max-width:490px; color:#c6c3be; font-size:18px; line-height:1.55; margin:29px 0; }.hero-actions { display:flex; gap:12px; }.button { display:inline-flex; align-items:center; font-size:14px; font-weight:800; border-radius:10px; padding:15px 19px; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.button-primary { color:var(--ink); background:var(--amber); }.button-quiet { color:#efede8; border:1px solid #514f49; }.trust-row { display:flex; gap:31px; margin-top:50px; }.trust-row div { border-left:1px solid #4b4944; padding-left:12px; display:grid; gap:3px; }.trust-row b { font-size:12px; }.trust-row span { color:#98948c; font-size:11px; }.hero-visual { height:650px; position:relative; display:flex; align-items:flex-end; justify-content:center; }.hero-visual img { width:334px; filter:drop-shadow(0 26px 35px rgba(0,0,0,.52)); transform:rotate(5deg) translateY(50px); border-radius:30px; position:relative; z-index:1; }.orb { position:absolute; border-radius:100%; }.orb-one { width:530px; height:530px; background:radial-gradient(circle,#ffbd20 0,rgba(255,179,0,.34) 28%,transparent 68%); right:-120px; bottom:-80px; }.orb-two { width:330px;height:330px;border:1px solid rgba(255,255,255,.11);bottom:100px;left:5px; }.hero-sticker { position:absolute; background:#27251f; border:1px solid #575349; border-radius:11px; padding:10px 13px; z-index:2; display:grid; }.hero-sticker b { font-size:18px; color:var(--amber); }.hero-sticker span { color:#b5b0a8; font-size:10px; line-height:1.2; }.sticker-streak { left:22px; top:155px; transform:rotate(-7deg); }.sticker-plus { right:9px; top:275px; transform:rotate(8deg); }.marquee { position:absolute; bottom:0; width:120%; margin-left:-4%; background:var(--amber); color:var(--ink); display:flex; align-items:center; justify-content:space-around; gap:25px; height:53px; transform:rotate(-2deg) translateY(17px); font-weight:800; letter-spacing:1.3px; font-size:12px; white-space:nowrap; }.marquee i { font-style:normal; }
.section { padding-top:145px; padding-bottom:126px; }.section-intro { display:flex; align-items:flex-end; justify-content:space-between; }.section h2 { font-size:clamp(42px,5vw,70px); }.step-list { display:grid; grid-template-columns:repeat(3,1fr); list-style:none; padding:0; margin:70px 0 0; border-top:1px solid #d9d2ca; }.step-list li { padding:26px 23px 20px 0; position:relative; min-height:195px; border-right:1px solid #d9d2ca; }.step-list li+li { padding-left:24px; }.step-list li:last-child { border-right:0; }.step-number { font-family:"DM Mono",monospace; color:#a19b93; font-size:12px; }.step-list h3 { font-size:21px; margin:40px 0 8px; letter-spacing:-.8px; }.step-list p { margin:0; color:#6c6964; max-width:250px; font-size:14px; line-height:1.5; }.step-arrow { position:absolute; top:23px; right:23px; font-size:18px; color:var(--amber); }
.feature-split { min-height:720px; display:grid; grid-template-columns:1fr 1fr; }.phone-panel { overflow:hidden; position:relative; display:flex; align-items:center; justify-content:center; min-height:600px; }.phone-panel img { width:345px; transform:rotate(-4deg); border-radius:30px; box-shadow:0 25px 40px rgba(0,0,0,.19); }.cream { background:#f4f0e9; }.amber { background:var(--amber); }.amber img { transform:rotate(4deg); position:relative; z-index:1; }.copy-panel { padding:100px max(50px,calc((100vw - 1180px)/2)); display:flex; flex-direction:column; justify-content:center; }.dark-panel { background:var(--ink); color:#fff; padding-left:clamp(45px,7vw,115px); padding-right:clamp(45px,7vw,115px); }.copy-panel h2 { font-size:clamp(44px,4.6vw,66px); }.copy-panel>p:not(.eyebrow) { color:#b7b4ae; font-size:16px; max-width:420px; line-height:1.62; margin:27px 0; }.tick-list { list-style:none; padding:0; margin:8px 0 0; display:grid; gap:12px; font-size:13px; color:#dedbd5; }.tick-list li:before { content:"✓"; color:var(--amber); font-weight:bold; margin-right:10px; }.goal-copy { background:#f4e8df; padding-left:clamp(45px,8vw,130px); }.goal-copy>p:not(.eyebrow) { color:#716b66; }.goal-card { background:var(--ink); color:#fff; border-radius:14px; padding:17px; max-width:320px; margin-top:11px; box-shadow:0 14px 27px rgba(57,36,20,.18); }.goal-card span,.goal-card small { display:block; font-family:"DM Mono",monospace; font-size:10px; letter-spacing:1.3px; color:#afaca5; }.goal-card b { display:block; margin:8px 0 13px; font-size:15px; }.goal-card div { background:#45423a; height:7px; border-radius:8px; overflow:hidden; margin-bottom:7px; }.goal-card i { display:block; width:33%; height:100%; background:var(--amber); border-radius:inherit; }.goal-card small { letter-spacing:0; color:#f5f3ef; }
.penalty-section { padding:130px 0; background:#fbefea; }.penalty-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:end; }.penalty-section h2 { font-size:clamp(48px,6vw,82px); }.penalty-section h2 strong { color:var(--red); }.penalty-copy { padding-bottom:9px; color:#6e6862; font-size:17px; line-height:1.65; }.penalty-copy a { display:inline-block; margin-top:23px; color:var(--red); font-size:14px; font-weight:800; border-bottom:1px solid #e6b6ab; padding-bottom:4px; }
.promo-showcase { padding:130px 0; background:radial-gradient(circle at 84% 10%,rgba(255,179,0,.16),transparent 26%),var(--black); color:#fff; }.promo-showcase h2 { max-width:700px; margin:0; font-size:clamp(48px,6vw,82px); font-weight:800; letter-spacing:-4px; line-height:.98; }.promo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:55px 0 0; }.promo-card { margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.11); border-radius:24px; background:#211f1a; box-shadow:0 24px 46px rgba(0,0,0,.3); }.promo-card img { display:block; width:100%; height:auto; }
.privacy { min-height:710px; background:linear-gradient(135deg,#201e19,#11110f); color:white; position:relative; overflow:hidden; display:flex; }.privacy-art { position:absolute; left:50%; height:100%; width:50%; overflow:hidden; }.privacy-art img { width:430px; transform:rotate(8deg) translate(20px,-65px); filter:drop-shadow(0 28px 35px rgba(0,0,0,.5)); border-radius:30px; }.privacy-copy { padding-top:125px; padding-bottom:125px; width:100%; position:relative; z-index:1; }.privacy h2 { font-size:clamp(51px,6vw,82px); }.privacy-copy>p:not(.eyebrow) { max-width:480px; color:#bcb9b3; font-size:17px; line-height:1.6; margin:28px 0 40px; }.privacy-points { display:grid; gap:12px; max-width:370px; }.privacy-points div { padding:15px 17px 15px 45px; border:1px solid #494640; border-radius:12px; background:rgba(255,255,255,.04); position:relative; }.privacy-points div:before { content:""; position:absolute; width:10px;height:10px;border-radius:3px;background:var(--amber);left:19px;top:20px; }.privacy-points b,.privacy-points span { display:block; }.privacy-points b { font-size:14px; }.privacy-points span { color:#aaa69e; font-family:"DM Mono",monospace; font-size:10px; margin-top:3px; }
.final-cta { position:relative; isolation:isolate; padding:80px 0; color:var(--ink); background:linear-gradient(110deg,#fff0bd 0%,#ffebad 42%,#ffd45a 69%,#ffae03 100%); }.final-cta::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.2; mix-blend-mode:multiply; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }.final-cta h2 { font-size:clamp(52px,6.7vw,94px); max-width:780px; }.footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; color:#706d67; font-size:12px; }.footer .brand { color:var(--ink); font-size:18px; }.footer .pig-mark { transform:scale(.82); transform-origin:left center; margin-right:-4px; }.footer a:last-child { border-bottom:1px solid #bdb8b1; padding-bottom:3px; color:var(--ink); font-weight:700; }
@media (max-width:760px) { .container { padding-left:20px;padding-right:20px; }.hero { min-height:890px; }.nav { height:78px; }.nav-links,.nav-download { display:none; }.hero-grid { display:block; }.hero-copy { padding:66px 0 0; }.hero h1 { font-size:58px;letter-spacing:-3px; }.lead { font-size:16px; }.trust-row { margin-top:30px;gap:15px; }.hero-visual { height:375px; margin-top:5px; }.hero-visual img { width:220px;transform:rotate(5deg) translateY(30px); }.orb-one { width:360px;height:360px;right:-150px; }.orb-two { width:220px;height:220px;left:-40px;bottom:20px; }.sticker-streak { left:20px;top:65px; }.sticker-plus { right:10px;top:145px; }.marquee { font-size:10px;height:42px; }.section { padding-top:80px;padding-bottom:70px; }.section-intro { display:block; }.section h2 { font-size:45px; }.step-list { display:block;margin-top:45px; }.step-list li,.step-list li+li { min-height:0;padding:20px 0;border-right:0;border-bottom:1px solid #d9d2ca; }.step-list h3 { margin:25px 0 6px;font-size:18px; }.step-arrow { right:3px;top:20px; }.feature-split { display:flex;flex-direction:column; }.feature-split.reverse { flex-direction:column-reverse; }.phone-panel { min-height:450px; }.phone-panel img { width:260px; }.copy-panel { padding:72px 28px; }.copy-panel h2 { font-size:46px; }.penalty-section { padding:80px 0; }.penalty-grid { display:block; }.privacy { min-height:720px; }.privacy-art { left:auto;right:-180px;width:420px;opacity:.55; }.privacy-art img { width:300px; }.privacy-copy { padding-top:80px;padding-bottom:60px; }.privacy h2 { font-size:53px; }.privacy-copy>p:not(.eyebrow) { font-size:15px;max-width:350px; }.final-cta { padding:65px 0; }.final-cta h2 { font-size:54px; }.availability { font-size:10px; padding:0; }.footer { min-height:155px;display:grid;gap:13px;padding-top:30px;padding-bottom:30px;align-items:start; } }

.nav-download { font-family:"DM Mono",monospace; color:var(--amber); font-size:11px; font-weight:700; letter-spacing:.4px; border-bottom:1px solid rgba(255,179,0,.55); padding-bottom:3px; }
.nav-download:hover { color:#fff; border-color:#fff; }
.nav-download-disabled { color:#b6b1a8; border-color:#575349; cursor:default; }
.nav-download-disabled:hover { color:#b6b1a8; border-color:#575349; }
.button-rustore { position:relative; padding-left:50px; color:#fff; background:#0877f9; border:1px solid #50a2ff; box-shadow:0 8px 18px rgba(0,72,184,.34); font-family:Manrope,Arial,sans-serif; font-weight:800; letter-spacing:-.2px; }
.button-rustore::before { content:""; position:absolute; left:18px; top:50%; width:20px; height:18px; transform:translateY(-50%); background:linear-gradient(#fff 0 0) 0 6px/12px 12px no-repeat,linear-gradient(#fff 0 0) 4px 3px/12px 12px no-repeat,linear-gradient(#fff 0 0) 8px 0/12px 12px no-repeat; border-radius:2px; }
.button-rustore:hover { background:#0877f9; }
.button-google-play { position:relative; padding-left:49px; color:#202124; background:#fff; border:1px solid rgba(255,255,255,.8); box-shadow:0 8px 18px rgba(0,0,0,.2); }
.button-google-play::before { content:""; position:absolute; left:18px; top:50%; width:19px; height:21px; transform:translateY(-50%); clip-path:polygon(0 0,100% 50%,0 100%); background:conic-gradient(from 210deg at 10% 50%,#00a0ff 0 25%,#00d084 25% 48%,#ffe000 48% 69%,#ff3d4a 69% 100%); filter:drop-shadow(0 1px 1px rgba(0,0,0,.15)); }
.button-google-play:hover { background:#fff; }
.brand-icon { width:36px; height:36px; display:block; flex:none; }
.store-note { color:#a9a59d; font-family:"DM Mono",monospace; font-size:11px; margin:16px 0 0; }
.trust-row { margin-top:37px; }
.marquee { bottom:0; transform:rotate(-2deg); }
.button-disabled { cursor:default; opacity:.52; }
.button-disabled:hover { transform:none; }
.final-followup { margin:20px 0 0; color:#eca500; font-size:clamp(28px,3.3vw,46px); font-weight:800; letter-spacing:-2px; line-height:1; }.final-store-links { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.section h2 strong { color:#a96700; }.promo-showcase h2 strong,.privacy h2 strong { color:var(--amber); }.final-cta h2 strong { color:#8b5a00; }
.hero { overflow:visible; }
.marquee { bottom:-25px; z-index:4; }
.steps { position:relative; z-index:1; }
.final-cta { overflow:hidden; }
.final-layout { position:relative; z-index:1; min-height:420px; display:flex; align-items:center; }
.final-copy { position:relative; z-index:1; max-width:480px; }
.launch-art { position:absolute; right:-112px; bottom:-210px; width:min(42%,540px); }.launch-art img { display:block; width:100%; }
.footer-links { display:flex; align-items:center; gap:20px; font-size:11px; }
.footer-links a { color:var(--ink); border-bottom:1px solid #bdb8b1; padding-bottom:3px; }
.footer-links a:hover { border-color:var(--ink); }
@media (max-width:760px) { .marquee { bottom:-18px; }.final-layout { min-height:560px; align-items:flex-start; padding-top:65px; }.launch-art { width:82%; right:-42%; bottom:-150px; }.footer-links { align-items:flex-start; flex-direction:column; gap:8px; } }
@media (max-width:760px) { .promo-showcase { padding:82px 0; }.promo-showcase h2 { font-size:50px; letter-spacing:-3px; }.promo-grid { grid-template-columns:1fr; gap:16px; margin-top:38px; }.promo-card { border-radius:18px; } }
@media (max-width:760px) { .final-copy { max-width:290px; } }

.hero h1 .hero-accent-line { display:inline-block; font-size:.76em; white-space:nowrap; }
.hero h1 strong { font-size:inherit; }

.video-section { position:relative; overflow:hidden; padding:150px 0 126px; background:var(--black); color:#fff; }
.video-section::before { content:""; position:absolute; top:72px; right:-122px; width:350px; height:350px; border:1px solid rgba(255,179,0,.65); clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%); }
.video-section::after { content:""; position:absolute; bottom:0; left:0; width:170px; height:170px; border-top:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2); clip-path:polygon(0 0,100% 0,100% 100%); }
.video-layout { position:relative; z-index:1; display:grid; grid-template-columns:1fr 390px; gap:clamp(48px,9vw,135px); align-items:center; }
.video-copy h2 { margin:0; max-width:580px; font-size:clamp(48px,5.7vw,78px); font-weight:800; letter-spacing:-4px; line-height:.98; }
.video-copy h2 strong { color:var(--amber); }
.video-copy > p:not(.eyebrow) { max-width:380px; margin:28px 0 0; color:#bcb9b3; font-size:16px; line-height:1.62; }
.video-stage { position:relative; padding:25px 24px 0 0; }
.video-stage::before { content:""; position:absolute; inset:0 0 22px 22px; border:1px solid rgba(255,255,255,.34); clip-path:polygon(0 31px,31px 0,100% 0,100% calc(100% - 31px),calc(100% - 31px) 100%,0 100%); }
.video-stage::after { content:""; position:absolute; bottom:-17px; right:-17px; width:70px; height:70px; background:var(--amber); clip-path:polygon(100% 0,100% 100%,0 100%); }
.video-stage-label { position:absolute; z-index:2; top:0; left:0; padding:7px 11px; background:var(--amber); color:var(--ink); clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%); font-family:"DM Mono",monospace; font-size:9px; font-weight:700; letter-spacing:1px; }
.video-player { position:relative; z-index:1; width:100%; aspect-ratio:9 / 16; overflow:hidden; padding:7px; background:var(--amber); clip-path:polygon(0 30px,30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%); box-shadow:0 26px 50px rgba(0,0,0,.42); }
.video-player iframe { display:block; width:100%; height:100%; border:0; }

@media (max-width:760px) {
  .hero { min-height:0; padding-bottom:38px; }
  .hero-copy { padding-top:44px; }
  .hero h1 { font-size:clamp(48px,15vw,58px); }
  .hero-actions { flex-wrap:wrap; }
  .lead { margin:22px 0; line-height:1.5; }
  .store-note { margin-top:13px; }
  .trust-row { margin-top:28px; }
  .hero-visual { height:455px; margin-top:22px; }
  .hero-visual img { width:192px; transform:rotate(3deg) translateY(18px); }
  .marquee { bottom:-18px; }
  .video-section { padding:92px 0 76px; }
  .video-section::before { top:40px; right:-140px; width:230px; height:230px; }
  .video-layout { display:flex; flex-direction:column; align-items:stretch; gap:36px; }
  .video-copy h2 { font-size:clamp(43px,13.5vw,54px); letter-spacing:-3px; }
  .video-copy > p:not(.eyebrow) { margin-top:20px; font-size:15px; }
  .video-stage { width:min(100%,390px); margin:0 auto; padding:22px 18px 0 0; }
  .video-player { width:100%; }
}