*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#0B1020;
  --bg2:#0F1629;
  --bg3:#131B30;
  --card:rgba(255,255,255,0.04);
  --card-h:rgba(255,255,255,0.07);
  --b:rgba(255,255,255,0.08);
  --b2:rgba(255,255,255,0.16);
  --pink:#E91E63;
  --pink-l:#FF4D8A;
  --pink-d:rgba(233,30,99,0.12);
  --em:#34D399;
  --em-d:rgba(52,211,153,0.13);
  --am:#FBBF24;
  --am-d:rgba(251,191,36,0.13);
  --rd:#F87171;
  --rd-d:rgba(248,113,113,0.12);
  --bl:#60A5FA;
  --bl-d:rgba(96,165,250,0.12);
  --vi:#A78BFA;
  --vi-d:rgba(167,139,250,0.12);
  --w:#FFF;
  --g1:#F9FAFB;
  --g3:#D1D5DB;
  --g4:#9CA3AF;
  --g5:#6B7280;
  --g6:#4B5563;
  --r-card:14px;
  --r-pill:9999px;
  --shadow-1:0 10px 40px -10px rgba(0,0,0,0.4);
  --shadow-pink:0 30px 80px -20px rgba(233,30,99,0.4);
}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--bg);
  color:var(--w);
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
  font-feature-settings:"ss01","cv11";
}

/* Decorative background mesh */
.mesh{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;}
.mesh::before,.mesh::after{content:'';position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;}
.mesh::before{top:-200px;left:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(233,30,99,0.5),transparent 70%);}
.mesh::after{top:40%;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(96,165,250,0.3),transparent 70%);}
.mesh-grid{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at top,black 0%,transparent 70%);
}

/* HEADER */
header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--b);background:rgba(11,16,32,0.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.85rem 1.5rem;}
.hi{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.lg a{display:flex;align-items:center;text-decoration:none;}
.np{display:flex;align-items:center;gap:.25rem;}
.pl{padding:.55rem 1rem;font-size:.875rem;font-weight:500;color:var(--g4);border-radius:var(--r-pill);text-decoration:none;transition:all .18s;cursor:pointer;border:none;background:none;font-family:inherit;}
.pl:hover{color:var(--w);background:rgba(255,255,255,.05);}
.pa{color:var(--w);background:rgba(255,255,255,.07);border:1px solid var(--b2);margin-left:.5rem;}
.pa:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);}
/* Log in CTA: pink so it stands out in the header */
.header-cta{background:linear-gradient(180deg,var(--pink-l),var(--pink));border-color:transparent;color:#fff;box-shadow:0 8px 22px -8px rgba(233,30,99,0.55);}
.header-cta:hover{background:linear-gradient(180deg,var(--pink-l),var(--pink));filter:brightness(1.07);border-color:transparent;}
/* Mobile menu toggle (hamburger) — hidden on desktop, shown under 768px */
.nav-toggle{display:none;background:rgba(255,255,255,.05);border:1px solid var(--b2);border-radius:9px;padding:.45rem;cursor:pointer;color:var(--w);align-items:center;justify-content:center;}
.nav-toggle svg{width:22px;height:22px;display:block;}

/* HERO */
.hero{max-width:1240px;margin:0 auto;padding:4.5rem 1.5rem 3rem;text-align:center;position:relative;}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:linear-gradient(180deg,rgba(233,30,99,0.15),rgba(233,30,99,0.06));border:1px solid rgba(233,30,99,.3);border-radius:var(--r-pill);font-size:.75rem;font-weight:600;color:var(--pink-l);margin-bottom:1.75rem;animation:fadeUp .6s ease both;}
.hero-badge::before{content:'';width:6px;height:6px;background:var(--pink);border-radius:50%;animation:pulse 2s ease infinite;box-shadow:0 0 12px var(--pink);}
.hero h1{font-size:clamp(2.5rem,6vw,4.75rem);font-weight:800;line-height:1.02;letter-spacing:-.035em;max-width:900px;margin:0 auto 1.5rem;animation:fadeUp .6s ease .1s both;}
.hero h1 .grad{background:linear-gradient(135deg,#FF4D8A 0%,#E91E63 50%,#A855F7 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero .sub{font-size:1.125rem;line-height:1.65;color:var(--g3);max-width:620px;margin:0 auto 2.25rem;animation:fadeUp .6s ease .15s both;font-weight:400;}
.hf{display:flex;gap:.6rem;justify-content:center;animation:fadeUp .6s ease .2s both;flex-wrap:wrap;align-items:flex-start;}
.inp{padding:.85rem 1.1rem;width:320px;background:rgba(255,255,255,.05);border:1px solid var(--b);border-radius:.65rem;color:var(--w);font-size:.95rem;font-family:inherit;outline:none;transition:all .2s;}
.inp::placeholder{color:var(--g5);}
.inp:focus{border-color:var(--pink);background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(233,30,99,.12);}
.btn{padding:.85rem 1.5rem;background:linear-gradient(180deg,var(--pink-l),var(--pink));color:var(--w);font-weight:600;font-size:.95rem;border:none;border-radius:.65rem;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap;box-shadow:0 10px 30px -10px rgba(233,30,99,0.5);}
.btn:hover{transform:translateY(-1px);box-shadow:0 14px 40px -8px rgba(233,30,99,0.6);}
.btn-secondary{padding:.85rem 1.4rem;background:transparent;color:var(--w);font-weight:600;font-size:.95rem;border:1px solid var(--b2);border-radius:.65rem;cursor:pointer;font-family:inherit;transition:all .2s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;}
.btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);transform:translateY(-1px);}
.dpa-row{display:flex;align-items:flex-start;gap:.5rem;margin:.7rem auto 0;justify-content:center;flex-basis:100%;}
.dpa-row input[type="checkbox"]{margin-top:.2rem;accent-color:var(--pink);width:15px;height:15px;flex-shrink:0;cursor:pointer;}
.dpa-row label{font-size:.72rem;color:var(--g5);line-height:1.4;cursor:pointer;}
.dpa-row a{color:var(--pink-l);text-decoration:underline;}
.hn{margin-top:1rem;font-size:.78rem;color:var(--g5);animation:fadeUp .6s ease .25s both;}

/* HERO PEEK ROW: 3 small framed cards, designed, not dominating */
.hero-peek-row{display:flex;justify-content:center;align-items:flex-start;gap:1.25rem;margin:3.5rem auto 0;max-width:1100px;padding:0 1.5rem;perspective:1200px;}
.hero-peek-card{flex:1 1 0;max-width:320px;border-radius:12px;overflow:hidden;border:1px solid var(--b2);background:var(--bg2);box-shadow:0 25px 60px -20px rgba(0,0,0,0.5);position:relative;height:240px;transform:rotate(var(--rot)) translateY(0);transition:transform .4s ease,box-shadow .4s ease;animation:fadeUp .6s ease var(--delay,0s) both;}
.hero-peek-card-main{flex:1.4 1 0;max-width:440px;height:280px;z-index:2;box-shadow:0 35px 80px -20px rgba(233,30,99,0.35),0 25px 60px -20px rgba(0,0,0,0.6);border-color:rgba(233,30,99,0.25);}
.hero-peek-card:hover{transform:rotate(var(--rot)) translateY(-6px);}
.hero-peek-card .peek-chrome{display:flex;align-items:center;gap:.35rem;padding:.5rem .65rem;background:rgba(255,255,255,0.04);border-bottom:1px solid var(--b);}
.hero-peek-card .peek-chrome span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.15);}
.hero-peek-card .peek-chrome span:nth-child(1){background:#FF5F57;}
.hero-peek-card .peek-chrome span:nth-child(2){background:#FEBC2E;}
.hero-peek-card .peek-chrome span:nth-child(3){background:#27C93F;}
.hero-peek-card .peek-chrome em{margin-left:.5rem;padding:.15rem .55rem;background:rgba(255,255,255,.05);border-radius:.3rem;font-size:.6rem;color:var(--g4);font-family:'SF Mono',Menlo,monospace;font-style:normal;}
.hero-peek-card img{display:block;width:100%;height:auto;}
@media(max-width:768px){
  .hero-peek-row{gap:.5rem;margin-top:2.5rem;}
  .hero-peek-card{height:160px;border-radius:8px;}
  .hero-peek-card-main{height:190px;}
  .hero-peek-card .peek-chrome em{display:none;}
}
@media(max-width:480px){
  .hero-peek-row .hero-peek-card:not(.hero-peek-card-main){display:none;}
  .hero-peek-card-main{max-width:100%;}
}

/* SECTIONS */
.sc{max-width:1240px;margin:0 auto;padding:4.5rem 1.5rem;}
.sc-head{text-align:center;margin-bottom:2.75rem;}
.sl{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--pink-l);margin-bottom:1rem;padding:.35rem .85rem;background:var(--pink-d);border:1px solid rgba(233,30,99,.2);border-radius:var(--r-pill);}
.st{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;line-height:1.08;letter-spacing:-.025em;margin-bottom:1rem;}
.st .grad{background:linear-gradient(135deg,#FF4D8A 0%,#E91E63 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ss{font-size:1.05rem;line-height:1.65;color:var(--g4);max-width:620px;margin:0 auto;}

/* BENTO GRID */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;}
.bento-card{background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border:1px solid var(--b);border-radius:18px;padding:1.5rem;position:relative;overflow:hidden;transition:all .3s;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.bento-card:hover{border-color:var(--b2);transform:translateY(-3px);background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.03));}
.bento-card .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.1rem;}
.bento-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.4rem;letter-spacing:-.01em;}
.bento-card p{font-size:.85rem;line-height:1.55;color:var(--g4);}
.bento-card .arrow{position:absolute;top:1.25rem;right:1.25rem;color:var(--g5);font-size:.9rem;transition:transform .2s;}
.bento-card:hover .arrow{transform:translate(2px,-2px);color:var(--pink-l);}
.bento-card.col-3{grid-column:span 3;}
.bento-card.col-2{grid-column:span 2;}
.bento-card.col-4{grid-column:span 4;}
.bento-card.feature{padding:0;display:flex;flex-direction:column;}
.bento-card.feature .body{padding:1.5rem 1.5rem 1.25rem;}
.bento-card.feature .shot{margin:0;border-top:1px solid var(--b);overflow:hidden;background:var(--bg2);max-height:240px;display:flex;align-items:flex-start;justify-content:center;}
.bento-card.feature .shot img{width:100%;display:block;}
.bento-card.feature:hover .shot img{opacity:.95;}
@media(max-width:1000px){.bento{grid-template-columns:repeat(2,1fr);}.bento-card,.bento-card.col-3,.bento-card.col-2,.bento-card.col-4{grid-column:span 1;}.bento-card.col-3:nth-child(1){grid-column:span 2;}}
@media(max-width:600px){.bento{grid-template-columns:1fr;}.bento-card.col-3:nth-child(1){grid-column:span 1;}}

/* THE TOUR — Vertical sidebar layout, no overflow regardless of tab count */
.tour{background:linear-gradient(180deg,transparent,rgba(233,30,99,0.03),transparent);border-top:1px solid var(--b);border-bottom:1px solid var(--b);}
.tour-layout{display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:flex-start;}
@media(max-width:900px){.tour-layout{grid-template-columns:1fr;gap:1.5rem;}}
.tour-tabs{display:flex;flex-direction:column;gap:.15rem;position:sticky;top:90px;}
.tour-group-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--g6);padding:1rem .9rem .4rem;}
.tour-group-label:first-child{padding-top:.2rem;}
@media(max-width:900px){
  .tour-tabs{position:relative;top:0;flex-direction:row;overflow-x:auto;gap:.35rem;padding:.4rem;background:rgba(255,255,255,0.04);border:1px solid var(--b);border-radius:12px;scrollbar-width:none;}
  .tour-tabs::-webkit-scrollbar{display:none;}
  .tour-group-label{display:none;}
}
.tour-tab{padding:.7rem .9rem;font-size:.88rem;font-weight:600;color:var(--g4);border-radius:10px;cursor:pointer;border:none;background:transparent;font-family:inherit;text-align:left;display:flex;align-items:center;gap:.6rem;transition:all .2s;flex-shrink:0;width:100%;}
@media(max-width:900px){.tour-tab{width:auto;white-space:nowrap;}}
.tour-tab .icn{width:18px;height:18px;color:var(--g5);flex-shrink:0;transition:color .2s;}
.tour-tab:hover{color:var(--w);background:rgba(255,255,255,.04);}
.tour-tab:hover .icn{color:var(--g3);}
.tour-tab.active{color:var(--w);background:linear-gradient(135deg,rgba(233,30,99,0.18),rgba(233,30,99,0.06));box-shadow:0 0 0 1px rgba(233,30,99,0.3) inset;}
.tour-tab.active .icn{color:var(--pink-l);}
.tour-tab.active::after{content:'→';margin-left:auto;color:var(--pink-l);font-weight:300;}
@media(max-width:900px){.tour-tab.active::after{display:none;}}

.tour-panel{display:grid;grid-template-columns:1fr 1.3fr;gap:2.5rem;align-items:start;}
@media(max-width:1100px){.tour-panel{grid-template-columns:1fr;gap:2rem;}}

.tour-info{position:sticky;top:90px;}
@media(max-width:1100px){.tour-info{position:relative;top:0;}}
.tour-info .badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;background:var(--em-d);border:1px solid rgba(52,211,153,.25);border-radius:var(--r-pill);font-size:.7rem;font-weight:600;color:var(--em);margin-bottom:1.25rem;}
.tour-info h2{font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:.9rem;}
.tour-info p.lead{font-size:1rem;color:var(--g3);line-height:1.6;margin-bottom:1.25rem;}
.tour-info ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.5rem;}
.tour-info ul li{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--g3);line-height:1.55;}
.tour-info ul li svg{flex-shrink:0;margin-top:3px;color:var(--em);}
.tour-info .meta{display:flex;gap:1.5rem;font-size:.7rem;color:var(--g5);margin-bottom:1.25rem;border-top:1px solid var(--b);padding-top:.9rem;}
.tour-info .meta strong{color:var(--w);display:block;font-size:.95rem;font-weight:700;margin-bottom:.1rem;}
.tour-info .cta-row{display:flex;gap:.6rem;flex-wrap:wrap;}

/* Screenshot frame: clip to a sensible viewport so tall pages don't dominate */
.tour-shot{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--b2);background:var(--bg2);box-shadow:0 30px 80px -20px rgba(0,0,0,0.5);}
.tour-shot::after{content:'';position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,var(--bg2));pointer-events:none;z-index:3;}
.tour-shot-chrome{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;background:rgba(255,255,255,0.04);border-bottom:1px solid var(--b);position:relative;z-index:4;}
.tour-shot-chrome .dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.15);}
.tour-shot-chrome .dot:nth-child(1){background:#FF5F57;}
.tour-shot-chrome .dot:nth-child(2){background:#FEBC2E;}
.tour-shot-chrome .dot:nth-child(3){background:#27C93F;}
.tour-shot-chrome .u{margin-left:.4rem;padding:.18rem .6rem;background:rgba(255,255,255,.05);border-radius:.35rem;font-size:.65rem;color:var(--g4);font-family:'SF Mono',Menlo,monospace;}
.tour-shot-imgwrap{height:560px;overflow:hidden;position:relative;background:var(--bg2);}
.tour-shot-imgwrap img{display:block;width:100%;height:auto;animation:fadeIn .35s ease;}
@media(max-width:1100px){.tour-shot-imgwrap{height:480px;}}
@media(max-width:700px){.tour-shot-imgwrap{height:360px;}}

/* EMAIL SECTION */
.email-section{background:linear-gradient(180deg,rgba(255,255,255,0.02),transparent);}
.email-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
@media(max-width:900px){.email-grid{grid-template-columns:1fr;}}
.email-shot{border-radius:14px;overflow:hidden;border:1px solid var(--b);box-shadow:0 30px 80px -20px rgba(0,0,0,0.5);}
.email-shot img{display:block;width:100%;}

/* HOW IT WORKS */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
@media(max-width:800px){.steps{grid-template-columns:1fr;}}
.step{background:var(--card);border:1px solid var(--b);border-radius:18px;padding:2rem 1.75rem;position:relative;}
.step-num{font-size:.7rem;font-weight:700;color:var(--pink-l);letter-spacing:.12em;margin-bottom:1rem;}
.step h3{font-size:1.2rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.01em;}
.step p{font-size:.92rem;line-height:1.6;color:var(--g4);}

/* STATS BAR */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem;}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr);}}
.stat{background:var(--card);border:1px solid var(--b);border-radius:14px;padding:1.5rem;text-align:center;}
.stat-n{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.4rem;background:linear-gradient(135deg,#FF4D8A,#E91E63);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;}
.stat-l{font-size:.78rem;color:var(--g4);}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:880px;margin:0 auto;}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr;}}
.price-card{background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));border:1px solid var(--b);border-radius:18px;padding:2.25rem 2rem;position:relative;transition:all .25s;}
.price-card:hover{border-color:var(--b2);}
.price-card.featured{border-color:var(--pink);background:linear-gradient(180deg,rgba(233,30,99,0.08),rgba(233,30,99,0.02));box-shadow:0 30px 80px -30px rgba(233,30,99,0.4);}
.price-card.featured::before{content:'Free';position:absolute;top:-12px;right:1.5rem;background:linear-gradient(135deg,var(--pink-l),var(--pink));color:var(--w);font-size:.7rem;font-weight:800;padding:.32rem 1rem;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;}
.price-name{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--g3);}
.price-amount{font-size:2.75rem;font-weight:800;margin-bottom:.4rem;letter-spacing:-.02em;}
.price-period{font-size:.85rem;color:var(--g4);margin-bottom:1.75rem;}
.price-features{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem;}
.price-features li{font-size:.9rem;color:var(--g3);display:flex;align-items:center;gap:.55rem;}
.price-features li svg{flex-shrink:0;color:var(--em);}
.price-features li.excluded{color:var(--g6);}
.price-features li.excluded svg{color:var(--g6);}
.price-features .group-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--g5);margin-top:1rem;font-weight:700;padding-top:.5rem;border-top:1px solid var(--b);}
.price-features .group-label:first-child{margin-top:0;padding-top:0;border-top:none;}
.price-features .group-label svg{display:none;}
.price-btn{display:block;width:100%;padding:.85rem;border-radius:.65rem;font-size:.95rem;font-weight:600;text-align:center;cursor:pointer;font-family:inherit;transition:all .2s;border:none;text-decoration:none;}
.price-btn-primary{background:linear-gradient(180deg,var(--pink-l),var(--pink));color:var(--w);box-shadow:0 10px 30px -10px rgba(233,30,99,0.5);}
.price-btn-primary:hover{transform:translateY(-1px);}
.price-btn-secondary{background:rgba(255,255,255,.05);color:var(--g3);border:1px solid var(--b);}
.price-btn-secondary:hover{background:rgba(255,255,255,.08);color:var(--w);}

/* FAQ */
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{border-bottom:1px solid var(--b);padding:1.25rem 0;}
.faq-q{font-size:.98rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .2s;gap:1rem;}
.faq-q:hover{color:var(--pink-l);}
.faq-q::after{content:'+';font-size:1.4rem;font-weight:300;color:var(--g5);transition:transform .2s;flex-shrink:0;}
.faq-item.open .faq-q::after{transform:rotate(45deg);color:var(--pink-l);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;font-size:.92rem;color:var(--g4);line-height:1.7;}
.faq-item.open .faq-a{max-height:800px;padding-top:.85rem;}
.faq-section-head{font-size:.7rem;font-weight:700;color:var(--g5);text-transform:uppercase;letter-spacing:.14em;margin:3rem 0 .5rem;padding-bottom:.5rem;}
.faq-section-head:first-child{margin-top:0;}

/* FINAL CTA */
.final-cta{background:linear-gradient(180deg,rgba(233,30,99,0.08),transparent);border-top:1px solid var(--b);border-bottom:1px solid var(--b);text-align:center;padding:6rem 1.5rem;}
.final-cta h2{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1.25rem;max-width:720px;margin-left:auto;margin-right:auto;}
.final-cta p{font-size:1.05rem;color:var(--g3);margin-bottom:2rem;max-width:560px;margin-left:auto;margin-right:auto;}

/* FOOTER */
footer{border-top:1px solid var(--b);padding:2.5rem 1.5rem;max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:.82rem;flex-wrap:wrap;gap:1rem;}
.fb{font-weight:700;color:var(--pink-l);}
.fb span{font-weight:400;color:var(--g5);margin-left:.4rem;}
.fl{display:flex;gap:1.75rem;}
.fl a{color:var(--g5);text-decoration:none;transition:color .2s;}
.fl a:hover{color:var(--g3);}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
@keyframes floatY{0%,100%{transform:rotate(2.5deg) translateY(0);}50%{transform:rotate(2.5deg) translateY(-12px);}}
/* Reveal-on-scroll: subtle lift, default visible so no fallback risk */
.rv{transition:transform .7s ease;}
.js .rv:not(.in){transform:translateY(14px);}
.js .rv.in{transform:translateY(0);}

/* RESPONSIVE TWEAKS */
@media(max-width:768px){
  .hero{padding:2.5rem 1.25rem 2rem;}
  .hero-screen-wrap{margin-top:2.5rem;padding:0 1rem;}
  .sc{padding:4rem 1.25rem;}
  .hf{flex-direction:column;align-items:center;}
  .inp{width:100%;max-width:340px;}
  .nav-toggle{display:inline-flex;}
  /* Nav collapses into a tap-to-open dropdown below the header. */
  .np{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:.2rem;background:rgba(11,16,32,0.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--b);padding:.6rem .9rem 1rem;box-shadow:var(--shadow-1);}
  .np.open{display:flex;}
  .np .pl{padding:.85rem 1rem;font-size:1rem;border-radius:10px;}
  .np .pa{margin-left:0;margin-top:.45rem;text-align:center;justify-content:center;}
  footer{flex-direction:column;text-align:center;}
  .trust-row{gap:1.5rem;}
}

/* ============ SUB-PAGE PATTERNS ============ */

/* Compact page hero (used on /product, /why, /security, /about) */
.page-hero{max-width:1240px;margin:0 auto;padding:4rem 1.5rem 2rem;text-align:center;}
.page-hero .eyebrow{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--pink-l);margin-bottom:1rem;padding:.35rem .85rem;background:var(--pink-d);border:1px solid rgba(233,30,99,.2);border-radius:var(--r-pill);}
.page-hero h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;max-width:820px;margin:0 auto 1.25rem;}
.page-hero .sub{font-size:1.1rem;line-height:1.65;color:var(--g3);max-width:620px;margin:0 auto;}

/* Two column section (text + visual) */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;}
.two-col.reverse{direction:rtl;}.two-col.reverse > *{direction:ltr;}
@media(max-width:900px){.two-col,.two-col.reverse{grid-template-columns:1fr;gap:2rem;direction:ltr;}}
.two-col h2{font-size:clamp(1.6rem,2.6vw,2.15rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:.9rem;}
.two-col p.lead{font-size:1rem;color:var(--g3);line-height:1.65;margin-bottom:1.25rem;}
.two-col ul{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem;}
.two-col ul li{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;color:var(--g3);line-height:1.55;}
.two-col ul li svg{flex-shrink:0;margin-top:3px;color:var(--em);}
.two-col .eyebrow{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--pink-l);margin-bottom:.85rem;}

/* Framed screenshot (sized like the tour shots) */
.shot-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--b2);background:var(--bg2);box-shadow:0 30px 80px -20px rgba(0,0,0,0.5);}
.shot-frame .chrome{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;background:rgba(255,255,255,0.04);border-bottom:1px solid var(--b);}
.shot-frame .chrome .dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.15);}
.shot-frame .chrome .dot:nth-child(1){background:#FF5F57;}
.shot-frame .chrome .dot:nth-child(2){background:#FEBC2E;}
.shot-frame .chrome .dot:nth-child(3){background:#27C93F;}
.shot-frame .chrome .u{margin-left:.4rem;padding:.18rem .6rem;background:rgba(255,255,255,.05);border-radius:.35rem;font-size:.65rem;color:var(--g4);font-family:'SF Mono',Menlo,monospace;}
.shot-frame img{display:block;width:100%;height:auto;}
.shot-frame.clip .imgwrap{height:520px;overflow:hidden;position:relative;}
.shot-frame.clip::after{content:'';position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(180deg,transparent,var(--bg2));pointer-events:none;z-index:3;}

/* Anchor nav (used inside /product etc to jump between sections) */
.anchor-bar{position:sticky;top:64px;z-index:30;background:rgba(11,16,32,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--b);padding:.6rem 1.5rem;margin-bottom:3rem;}
.anchor-bar-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:.5rem;overflow-x:auto;scrollbar-width:none;}
.anchor-bar-inner::-webkit-scrollbar{display:none;}
.anchor-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--g5);white-space:nowrap;padding-right:.25rem;flex-shrink:0;}
.anchor-bar a{padding:.42rem .9rem;font-size:.8rem;font-weight:600;color:var(--g3);border:1px solid var(--b2);background:rgba(255,255,255,.04);border-radius:999px;text-decoration:none;white-space:nowrap;transition:all .2s;flex-shrink:0;}
.anchor-bar a:hover{color:var(--w);background:var(--pink-d);border-color:rgba(233,30,99,.45);}

/* Feature card row (used on /why, /product, /about) */
.f-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;}
@media(max-width:900px){.f-row{grid-template-columns:1fr;}}
.f-row .f-card{background:var(--card);border:1px solid var(--b);border-radius:14px;padding:1.5rem;}
.f-row .f-card .ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
.f-row .f-card h3{font-size:1rem;font-weight:700;margin-bottom:.4rem;letter-spacing:-.01em;}
.f-row .f-card p{font-size:.85rem;line-height:1.6;color:var(--g4);}

/* Big number callout */
.big-stat{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2.5rem 0;}
@media(max-width:700px){.big-stat{grid-template-columns:repeat(2,1fr);}}
.big-stat .item{background:var(--card);border:1px solid var(--b);border-radius:14px;padding:1.5rem;text-align:center;}
.big-stat .item .n{font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.4rem;background:linear-gradient(135deg,#FF4D8A,#E91E63);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em;}
.big-stat .item .l{font-size:.78rem;color:var(--g4);}

/* Footer site map */
.site-footer{background:var(--bg2);border-top:1px solid var(--b);padding:4rem 1.5rem 2rem;margin-top:6rem;}
.site-footer-inner{max-width:1240px;margin:0 auto;}
.site-footer-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;}
@media(max-width:800px){.site-footer-cols{grid-template-columns:repeat(2,1fr);gap:2rem;}}
@media(max-width:480px){.site-footer-cols{grid-template-columns:1fr;}}
.site-footer-cols h4{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--g5);margin-bottom:1rem;}
.site-footer-cols ul{list-style:none;display:flex;flex-direction:column;gap:.55rem;}
.site-footer-cols a{color:var(--g3);text-decoration:none;font-size:.88rem;transition:color .2s;}
.site-footer-cols a:hover{color:var(--w);}
.site-footer-brand{color:var(--g3);font-size:.85rem;line-height:1.6;max-width:280px;}
.site-footer-bottom{border-top:1px solid var(--b);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--g5);flex-wrap:wrap;gap:1rem;}
.site-footer-bottom .fb{font-weight:700;color:var(--pink-l);}

/* ============ HOME REDESIGN ============ */
/* Hero product shot: big, framed, glowing, immediately visible */
.hero-screen-wrap{max-width:1000px;margin:3.5rem auto 0;padding:0 1.5rem;animation:fadeUp .6s ease .3s both;}
.hero-screen-wrap .shot-frame{box-shadow:0 50px 130px -30px rgba(233,30,99,0.28),0 30px 80px -20px rgba(0,0,0,0.65);}
.hero-screen-wrap .shot-frame.clip .imgwrap{height:580px;}
@media(max-width:1100px){.hero-screen-wrap .shot-frame.clip .imgwrap{height:480px;}}
@media(max-width:700px){.hero-screen-wrap{margin-top:2.5rem;padding:0 1rem;}.hero-screen-wrap .shot-frame.clip .imgwrap{height:320px;}}

/* Feature tour: alternating two-col blocks with breathing room */
.feature-tour{display:flex;flex-direction:column;gap:4.5rem;}
@media(max-width:900px){.feature-tour{gap:3rem;}}
.two-col .cta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.25rem;}