*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:auto !important;height:100%;}
  :root{
    --sand:#f2ece0; --sand2:#e8e0d0; --sand3:#d9cfbb;
    --ink:#1a1208;  --ink2:#3d2e1a;  --fade:#8c7a62;
    --cof:#7a3d0a;  --cof2:#a05214;
    --gold:#c8841a; --gold2:#e8a832;
    --wh:#ffffff;   --blk:#0f0b06;
  }
  body{background:var(--sand);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
  body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.018;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' 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='512' height='512' filter='url(%23n)'/%3E%3C/svg%3E");}


  /* REVEAL */
  .rv{opacity:1;transform:none;}
  .rv.in{opacity:1;transform:none;}

  .W{max-width:1200px;margin:0 auto;}

  /* LOGO ANIMATION */
  .logo-anim{display:flex;align-items:center;cursor:pointer;height:32px;position:relative;overflow:hidden;}
  .logo-part{font-family:"Bebas Neue",sans-serif;font-size:24px;letter-spacing:1px;line-height:1;white-space:nowrap;}
  .logo-cafe{color:var(--ink);animation:lc 2.8s cubic-bezier(.4,0,.2,1) infinite;}
  .logo-finder{color:var(--gold);animation:lf 2.8s cubic-bezier(.4,0,.2,1) infinite;}
  @keyframes lc{0%{transform:translateX(-38px);opacity:0;}18%{transform:translateX(0);opacity:1;}50%{transform:translateX(0);opacity:1;}68%{transform:translateX(-38px);opacity:0;}100%{transform:translateX(-38px);opacity:0;}}
  @keyframes lf{0%{transform:translateX(60px);opacity:0;}18%{transform:translateX(0);opacity:1;}50%{transform:translateX(0);opacity:1;}68%{transform:translateX(60px);opacity:0;}100%{transform:translateX(60px);opacity:0;}}

  /* NAV */
  nav{position:fixed;top:0;left:0;right:0;z-index:9999 !important;height:62px;padding:0 48px;
    display:flex;align-items:center;justify-content:space-between;
    transition:background .4s,border-color .4s,color .4s;border-bottom:1px solid transparent;
    pointer-events:auto;}
  nav.scrolled{background:rgba(242,236,224,.96);backdrop-filter:blur(20px);border-bottom-color:rgba(26,18,8,.08);}
  nav.dark-nav{background:rgba(10,8,5,.6);backdrop-filter:blur(20px);border-bottom-color:rgba(255,255,255,.06);}
  nav.dark-nav .nav-links a{color:rgba(255,255,255,.5);}
  nav.dark-nav .nav-links a:hover{color:#fff;}
  nav.dark-nav .nav-links a.active{color:#fff;}
  nav.dark-nav .ft-logo{color:#fff;}
  nav.dark-nav .hamburger span{background:#fff;}
  nav.dark-nav.scrolled{background:rgba(242,236,224,.96);}
  nav.dark-nav.scrolled .nav-links a{color:var(--fade);}
  nav.dark-nav.scrolled .nav-links a.active{color:var(--ink);}
  nav.dark-nav.scrolled .hamburger span{background:var(--ink);}
  .nav-links{display:flex;gap:0;}
  .nav-links a{font-size:13px;font-weight:500;color:var(--fade);padding:6px 14px;border-radius:6px;
    cursor:pointer;transition:color .15s,background .15s;text-decoration:none;user-select:none;}
  .nav-links a:hover{color:var(--ink);}
  .nav-links a.active{color:var(--ink);font-weight:600;}
  .nav-cta{background:var(--ink);color:var(--sand);font-size:13px;font-weight:600;
    padding:9px 20px;border-radius:8px;border:none;cursor:pointer;
    transition:background .2s;text-decoration:none;}
  .nav-cta:hover{background:var(--cof);}
  
  .nav-cta-download{
    background:#fff;
    color:#111;
    margin-right:6px;
    display:inline-flex;align-items:center;gap:6px;
    box-shadow:0 1px 4px rgba(0,0,0,.10);}
  .nav-cta-download:hover{background:#f0f0f0;color:#111;}
  nav.dark-nav .nav-cta-download{background:#fff;color:#111;}
  nav.dark-nav .nav-cta-download:hover{background:#f0f0f0;color:#111;}
  
  @keyframes bounce-down{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(3px);}
  }
  .dl-arrow{
    display:inline-block;
    animation:bounce-down 1.1s ease-in-out infinite;
    font-size:14px;line-height:1;}
    
  .m-cta-download{
    background:#fff !important;
    color:#111 !important;
    margin-top:10px !important;
    display:flex;align-items:center;justify-content:center;gap:8px;}

  /* PHONE — iPhone 16 Pro Max */
  .phone{
    border-radius:54px;
    border:11px solid #2a1f14;
    outline:1.5px solid rgba(255,255,255,.22);
    box-shadow:
      0 0 0 1px rgba(0,0,0,.45),
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -1px 0 rgba(0,0,0,.3),
      0 56px 100px rgba(26,18,8,.30),
      0 16px 32px rgba(26,18,8,.16);
    background:linear-gradient(135deg,#4a3520 0%,#2a1f14 30%,#1a1208 70%,#2a1f14 100%);
    position:relative;flex-shrink:0;overflow:hidden;
    box-sizing:content-box;
    display:flex;align-items:center;justify-content:center;}
  .phone-screen{
    border-radius:44px;
    overflow:hidden;
    position:relative;
    width:100%;height:100%;
    background:#0a0a0a;
    flex-shrink:0;}
  .phone-screen::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(
      170deg,
      rgba(255,255,255,.03) 0%,
      rgba(0,0,0,.12) 60%,
      rgba(0,0,0,.22) 100%
    );
    z-index:5;pointer-events:none;border-radius:44px;}
  .phone-screen::before{
    content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);
    width:24%;height:18px;
    background:#000;
    border-radius:10px;
    z-index:10;
    box-shadow:0 0 0 1px rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.6);}
  .phone::before{
    content:"";position:absolute;
    left:-15px;top:16%;
    width:4px;height:22px;
    background:linear-gradient(180deg,#6a5a4a,#3a2a1a);
    border-radius:3px 0 0 3px;
    box-shadow:-1px 0 3px rgba(0,0,0,.5);}
  .phone::after{
    content:"";position:absolute;
    right:-15px;top:24%;
    width:4px;height:56px;
    background:linear-gradient(180deg,#6a5a4a,#3a2a1a);
    border-radius:0 3px 3px 0;
    box-shadow:1px 0 3px rgba(0,0,0,.5);}
  .phone-img{
    width:100%;height:100%;
    object-fit:cover;object-position:top center;
    display:block;border-radius:44px;
    filter:brightness(.88) saturate(.88) contrast(.95);}

  /* STORE BUTTONS */
  .store-btns{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
  .store-btn{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:11px;
    text-decoration:none;transition:transform .2s,box-shadow .2s;border:1.5px solid rgba(26,18,8,.14);}
  .store-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,18,8,.12);}
  .store-btn.dark{background:var(--ink);border-color:var(--ink);}
  .store-btn.light{background:var(--wh);border-color:rgba(26,18,8,.1);}
  .store-btn svg{width:22px;height:22px;flex-shrink:0;}
  .store-btn-text{display:flex;flex-direction:column;}
  .store-btn-text small{font-size:10px;font-weight:400;line-height:1;margin-bottom:1px;}
  .store-btn-text strong{font-size:14px;font-weight:700;letter-spacing:-.2px;line-height:1.2;}
  .store-btn.dark .store-btn-text{color:#fff;} .store-btn.dark .store-btn-text small{opacity:.55;}
  .store-btn.light .store-btn-text{color:var(--ink);} .store-btn.light .store-btn-text small{opacity:.5;}

  /* HERO STORE BUTTONS ENLARGED */
  .hero-store-btns { margin-top: 36px; }
  .hero-store-btns .store-btn { padding: 14px 28px; border-radius: 14px; }
  .hero-store-btns .store-btn svg { width: 28px; height: 28px; }
  .hero-store-btns .store-btn-text small { font-size: 11.5px; }
  .hero-store-btns .store-btn-text strong { font-size: 17px; }

  /* SHARED */
  .feat-label{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:block;}
  .feat-h{font-family:"Bebas Neue",sans-serif;font-size:clamp(44px,5.5vw,72px);letter-spacing:.5px;line-height:.9;color:var(--ink);margin-bottom:20px;}
  .feat-h em{color:var(--gold);font-style:normal;}
  .feat-p{font-size:15.5px;color:var(--fade);line-height:1.75;margin-bottom:26px;max-width:400px;}
  .feat-list{display:flex;flex-direction:column;gap:8px;}
  .feat-li{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink2);}
  .feat-li::before{content:"";width:5px;height:5px;background:var(--gold);border-radius:50%;flex-shrink:0;}
  .steps{display:flex;flex-direction:column;}
  .step{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid rgba(26,18,8,.07);}
  .step:last-child{border-bottom:none;}
  .sn{font-family:"Bebas Neue",sans-serif;font-size:18px;color:var(--gold);width:28px;flex-shrink:0;}
  .sb h4{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:4px;}
  .sb p{font-size:13.5px;color:var(--fade);line-height:1.6;}

  /* ALGO */
  .algo-list{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;}
  .arow{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:10px;
    border:1px solid rgba(26,18,8,.08);background:var(--wh);
    transition:border-color .2s,transform .2s;cursor:default;}
  .arow:hover{border-color:var(--gold);transform:translateX(5px);}
  .arow-dot{width:6px;height:6px;border-radius:50%;background:var(--sand3);flex-shrink:0;}
  .arow.live .arow-dot{background:var(--gold);animation:blink 2s infinite;}
  .arow-name{font-size:13.5px;font-weight:600;color:var(--ink);}
  .arow-sub{font-size:11px;color:var(--fade);margin-top:1px;}
  .chips{display:flex;flex-wrap:wrap;gap:7px;}
  .chip{padding:6px 14px;border-radius:100px;font-size:12px;font-weight:500;
    border:1px solid rgba(26,18,8,.1);color:var(--fade);cursor:pointer;background:var(--wh);transition:all .15s;}
  .chip:hover{color:var(--ink);border-color:rgba(26,18,8,.25);}
  .chip.on{background:var(--cof);color:#fff;border-color:var(--cof);}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}

  /* CLOCK */
  .clock-box{background:var(--wh);border:1px solid rgba(26,18,8,.08);border-radius:16px;padding:28px;margin-bottom:14px;}
  .ck-l{font-size:10.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--fade);margin-bottom:8px;}
  .ck-t{font-family:"Bebas Neue",sans-serif;font-size:68px;letter-spacing:-1px;color:var(--ink);line-height:1;margin-bottom:6px;}
  .ck-s{font-size:12px;color:var(--gold);display:flex;align-items:center;gap:6px;}
  .ck-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;animation:blink 2s infinite;}

  /* QR */
  .qr-row{padding:80px 48px;background:var(--wh);}
  .qr-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,18,8,.07);
    border:1px solid rgba(26,18,8,.07);border-radius:16px;overflow:hidden;}
  .qrc{background:var(--wh);padding:30px 26px;transition:background .2s;}
  .qrc:hover{background:var(--sand);}
  .qrc.hi{background:var(--ink);}
  .qrc.hi:hover{background:var(--cof);}
  .qrc-n{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:1px;color:var(--gold);margin-bottom:10px;}
  .qrc.hi .qrc-n{color:var(--gold2);}
  .qrc h4{font-size:15.5px;font-weight:600;color:var(--ink);margin-bottom:7px;}
  .qrc.hi h4{color:#fff;}
  .qrc p{font-size:13.5px;color:var(--fade);line-height:1.55;}
  .qrc.hi p{color:rgba(255,255,255,.38);}

  /* WHEEL */
  .wheel-wrap{background:var(--wh);border:1px solid rgba(26,18,8,.08);border-radius:20px;padding:32px;text-align:center;margin-bottom:12px;box-shadow:0 4px 24px rgba(26,18,8,.06);}
  .wptr{font-size:16px;color:var(--gold);margin-bottom:8px;}
  .w-outer{width:180px;height:180px;margin:0 auto 20px;cursor:pointer;}
  .wi{width:100%;height:100%;border-radius:50%;background:conic-gradient(#c8841a 0 60deg,#7a3d0a 60deg 120deg,#3a1e08 120deg 180deg,#e8a832 180deg 240deg,#562c0a 240deg 300deg,#261408 300deg 360deg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px rgba(26,18,8,.15);transition:transform 3s cubic-bezier(.17,.67,.12,.99);}
  .wc{width:44px;height:44px;background:var(--wh);border-radius:50%;border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 0 3px var(--wh);}
  .spin-btn{background:var(--cof);color:#fff;border:none;padding:11px 28px;border-radius:8px;font-family:"DM Sans",sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s;}
  .spin-btn:hover{background:var(--gold);}
  .spin-res{margin-top:10px;font-size:13px;color:var(--cof);font-weight:600;min-height:18px;font-style:italic;}
  .shake-card{background:var(--wh);border:1px solid rgba(26,18,8,.08);border-radius:14px;padding:20px 22px;display:flex;align-items:center;gap:14px;margin-bottom:12px;}
  .shk{font-size:24px;animation:sk 3.5s ease-in-out infinite;}
  @keyframes sk{0%,88%,100%{transform:rotate(0)}90%{transform:rotate(-11deg)}92%{transform:rotate(11deg)}94%{transform:rotate(-7deg)}96%{transform:rotate(7deg)}}
  .shk-t h4{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:2px;}
  .shk-t p{font-size:13px;color:var(--fade);}

  /* FORM */
  .cform{display:flex;flex-direction:column;gap:12px;}
  .frow{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .fg{display:flex;flex-direction:column;gap:5px;}
  .fg label{font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--fade);}
  .fg input,.fg select,.fg textarea{background:var(--wh);border:1.5px solid rgba(26,18,8,.1);border-radius:10px;padding:12px 14px;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px;outline:none;transition:border-color .2s;-webkit-appearance:none;}
  .fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--cof);}
  .fg select option{background:#fff;}
  .fg textarea{resize:none;height:96px;}
  ::placeholder{color:var(--fade);opacity:.4;}
  .fsub{background:var(--cof);color:#fff;border:none;padding:14px;border-radius:10px;font-family:"DM Sans",sans-serif;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s;}
  .fsub:hover{background:var(--gold);}
  .fok{display:none;padding:14px;background:rgba(58,140,92,.07);border:1px solid rgba(58,140,92,.2);border-radius:10px;color:#3a8c5c;font-size:14px;font-weight:600;text-align:center;}

  /* CTA BAND */
  .cta-band{background:var(--cof);padding:80px 48px;display:flex;align-items:center;justify-content:space-between;gap:40px;}
  .cta-band h2{font-family:"Bebas Neue",sans-serif;font-size:clamp(40px,5vw,72px);color:#fff;letter-spacing:1px;line-height:.9;}
  .cta-band h2 span{color:var(--gold2);}
  .cta-band p{font-size:16px;color:rgba(255,255,255,.5);margin-top:10px;}
  .cta-btns{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0;}
  .btn-wh{background:#fff;color:var(--cof);font-size:14px;font-weight:700;padding:13px 24px;border-radius:9px;border:none;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block;}
  .btn-wh:hover{background:var(--sand);}
  .btn-cream{background:var(--sand);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:13px;font-weight:700;padding:11px 20px;border-radius:8px;border:none;cursor:pointer;transition:background .15s;text-decoration:none;display:inline-block;}
  .btn-cream:hover{background:#fff;}
  .btn-owh{background:transparent;color:rgba(255,255,255,.7);font-size:14px;font-weight:600;padding:13px 24px;border-radius:9px;border:1.5px solid rgba(255,255,255,.25);cursor:pointer;transition:border-color .15s;text-decoration:none;display:inline-block;}
  .btn-owh:hover{border-color:rgba(255,255,255,.6);color:#fff;}

  /* FEAT SPLIT */
  .feat-split{padding:96px 48px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;}
  .feat-split.alt{background:var(--wh);}
  .feat-split.flip{direction:rtl;}
  .feat-split.flip>*{direction:ltr;}
  .feat-phones{display:flex;gap:16px;align-items:flex-end;}
  .feat-phones .phone{width:210px;}
  .feat-phones .phone:first-child{margin-bottom:40px;}

  /* PROP GRID */
  .prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(26,18,8,.07);border:1px solid rgba(26,18,8,.07);border-radius:16px;overflow:hidden;}
  .prop{background:var(--wh);padding:24px 20px;transition:background .2s;}
  .prop:hover{background:var(--sand);}
  .prop-t{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:5px;}
  .prop p{font-size:13px;color:var(--fade);line-height:1.55;}

  /* FOOTER */
  footer{background:var(--blk);padding:56px 48px 36px;}
  .ft{max-width:1200px;margin:0 auto;}
  .ft-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:44px;}
  .ft-logo{font-family:"Bebas Neue",sans-serif;font-size:22px;letter-spacing:1px;color:rgba(255,255,255,.75);margin-bottom:10px;}
  .ft-logo span{color:var(--gold);}
  .ft-tagline{font-size:13px;color:rgba(255,255,255,.65);line-height:1.6;max-width:200px;}
  .ft-col h5{font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#fff;margin-bottom:14px;}
  .ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
  .ft-col a,.ft-col span{font-size:13px;color:rgba(255,255,255,.75);text-decoration:none;cursor:pointer;transition:color .15s;}
  .ft-col a:hover{color:#fff;}
  .ft-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;display:flex;justify-content:space-between;}
  .ft-bot p{font-size:12px;color:#fff;}
  .ft-bot a{color:rgba(255,255,255,.75) !important;}

  /* HERO */
  .hero{min-height:100vh;padding:0;display:flex;flex-direction:column;background:var(--sand);position:relative;overflow:hidden;z-index:1;}
  .hero::after{content:"";position:absolute;right:-200px;top:40%;transform:translateY(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(200,132,26,.06) 0%,transparent 68%);pointer-events:none;z-index:0;}
  .hero-body{flex:1;display:grid;grid-template-columns:1fr 500px;align-items:start;gap:0;padding:100px 48px 0;position:relative;z-index:1;}
  .hero-pretitle{font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
  .hero-pretitle::before{content:"";width:24px;height:1.5px;background:var(--gold);}
  .hero-h1{font-family:"Bebas Neue",sans-serif;font-size:clamp(64px,9.5vw,130px);line-height:.9;letter-spacing:1px;color:var(--ink);margin-bottom:28px;}
  .hero-h1 .outline{-webkit-text-stroke:2px var(--ink);color:transparent;display:block;line-height:.88;}
  .hero-h1 .gold{color:var(--gold);}
  .hero-desc{font-size:17px;color:var(--fade);line-height:1.78;max-width:440px;font-weight:400;margin-bottom:38px;}
  .hero-desc em{color:var(--ink);font-style:normal;font-weight:500;}
  .hero-desc .brand{color:var(--gold);font-weight:600;font-style:normal;}
  .hero-right{display:flex;align-items:flex-start;justify-content:center;padding-top:80px;perspective:1200px;position:relative;z-index:1;}
  .phone-cluster{display:flex;align-items:flex-start;position:relative;z-index:1;}
  .ph-card{cursor:grab;user-select:none;transition:transform .5s cubic-bezier(.22,1,.36,1);}
  .ph-card:active{cursor:grabbing;}
  .ph-left{transform:rotateY(22deg) rotateX(4deg) translateX(20px);z-index:1;opacity:.7;align-self:center;}
  .ph-center{transform:rotateY(0deg) rotateX(2deg);z-index:3;}
  .ph-right{transform:rotateY(-22deg) rotateX(4deg) translateX(-20px);z-index:1;opacity:.7;align-self:center;}
  .hero-bottom{padding:20px 48px;border-top:1px solid rgba(26,18,8,.07);display:flex;gap:56px;position:relative;z-index:1;align-items:center;}
  .hb-l{font-size:10.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--fade);margin-bottom:2px;}
  .hb-v{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.5px;color:var(--ink);}

  /* PAGE-SPECIFIC */
  .page-hero{padding:130px 48px 72px;}
  .page-hero-2col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;}
  .page-hero-2col-center{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
  .page-hero-2col-start{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  .dark-bg{background:var(--blk);}
  .sand2-bg{background:var(--sand2);}
  .ink-bg{background:var(--ink);}
  .display-xl{font-family:"Bebas Neue",sans-serif;font-size:clamp(56px,8vw,104px);line-height:.88;letter-spacing:1px;margin-bottom:20px;}

  .astep{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.06);}
  .astep:last-child{border-bottom:none;}
  .astep-n{font-family:"Bebas Neue",sans-serif;font-size:18px;color:var(--gold);width:28px;flex-shrink:0;}
  .astep-b h4{font-size:15px;font-weight:600;color:rgba(255,255,255,.8);margin-bottom:4px;}
  .astep-b p{font-size:13.5px;color:rgba(255,255,255,.3);line-height:1.6;}

  .cf{padding:20px 0;border-bottom:1px solid rgba(26,18,8,.08);}
  .cf:last-child{border-bottom:none;}
  .cf h4{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:5px;}
  .cf p{font-size:14px;color:var(--fade);line-height:1.65;}

  .biz-aside{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:36px;}
  .biz-aside-tag{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold2);margin-bottom:14px;}
  .biz-aside h3{font-family:"Bebas Neue",sans-serif;font-size:30px;letter-spacing:.5px;color:#fff;margin-bottom:12px;line-height:.95;}
  .biz-aside p{font-size:14.5px;color:rgba(255,255,255,.36);line-height:1.7;margin-bottom:24px;}
  .bf-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
  .bf-aside h3{font-family:"Bebas Neue",sans-serif;font-size:28px;letter-spacing:.5px;color:var(--ink);margin-bottom:12px;line-height:.95;}
  .bf-aside p{font-size:14.5px;color:var(--fade);line-height:1.7;margin-bottom:22px;}
  .bf-list{display:flex;flex-direction:column;gap:9px;}
  .bfl{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink2);}
  .bfl::before{content:"";width:4px;height:4px;background:var(--gold);border-radius:50%;flex-shrink:0;}

  /* HAMBURGER */
  .hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:10000;position:relative;}
  .hamburger span{display:block;width:24px;height:2px;background:var(--ink);border-radius:2px;transition:all .3s;}
  .hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .hamburger.open span:nth-child(2){opacity:0;}
  .hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* MOBILE DRAWER */
  .mobile-menu{display:none;position:fixed;top:62px;left:0;right:0;bottom:0;background:rgba(242,236,224,.99);backdrop-filter:blur(20px);z-index:9998;flex-direction:column;padding:40px 28px;gap:4px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .mobile-menu.open{display:flex;}
  .mobile-menu a{font-family:"Bebas Neue",sans-serif;font-size:36px;letter-spacing:1px;color:var(--ink);text-decoration:none;padding:14px 0;border-bottom:1px solid rgba(26,18,8,.07);cursor:pointer;transition:color .15s;display:block;}
  .mobile-menu a:hover{color:var(--gold);}
  .mobile-menu a.active{color:var(--gold);}
  .mobile-menu .m-cta{margin-top:24px;background:var(--ink);color:var(--sand);padding:16px 24px;border-radius:12px;text-align:center;font-family:"Bebas Neue",sans-serif;font-size:22px;letter-spacing:1px;border:none;cursor:pointer;display:block;}

  /* RESPONSIVE */
  @media(max-width:960px){
    .rv{opacity:1 !important;transform:none !important;transition:none !important;}
    nav{padding:0 20px;}
    .nav-links{display:none!important;}
    .nav-cta{display:none;}
    .hamburger{display:flex;}
    .hero-body{grid-template-columns:1fr;padding:90px 20px 20px;gap:32px;}
    .hero-h1{font-size:clamp(52px,14vw,80px);}
    .hero-right{padding-top:0;justify-content:center;}
    .ph-left,.ph-right{display:none;}
    .hero-bottom{padding:16px 20px;gap:20px;flex-wrap:wrap;justify-content:center;}
    .store-btns{flex-direction:column;align-items:stretch;}
    .store-btn{justify-content:center;}
    .feat-split{padding:56px 20px;grid-template-columns:1fr;gap:32px;}
    .feat-split.flip{direction:ltr;}
    .feat-split.alt{padding:56px 20px;}
    .feat-phones{justify-content:center;}
    .feat-phones .phone:first-child{display:none;}
    .feat-h{font-size:clamp(40px,10vw,60px);}
    .prop-grid{grid-template-columns:1fr 1fr;}
    .cta-band{padding:56px 20px;flex-direction:column;gap:24px;text-align:center;}
    .cta-btns{justify-content:center;}
    .page-hero{padding:90px 20px 48px;}
    .page-hero-2col,.page-hero-2col-center,.page-hero-2col-start{grid-template-columns:1fr;gap:32px;}
    .display-xl{font-size:clamp(48px,13vw,72px);}
    .algo-list{gap:6px;}
    .qr-row{padding:48px 20px;}
    .qr-inner{grid-template-columns:1fr;}
    .bf-grid{grid-template-columns:1fr;gap:40px;}
    .frow{grid-template-columns:1fr;}
    .biz-aside{padding:24px;}
    footer{padding:48px 20px 28px;}
    .ft-top{grid-template-columns:1fr 1fr;gap:24px;}
    .ft-bot{flex-direction:column;gap:6px;}
    .wheel-wrap{padding:24px 16px;}
  }
  @media(max-width:480px){
    .prop-grid{grid-template-columns:1fr;}
    .ft-top{grid-template-columns:1fr;}
    .hero-h1{font-size:clamp(44px,13vw,64px);}
    .feat-h{font-size:clamp(36px,11vw,52px);}
    .display-xl{font-size:clamp(40px,12vw,60px);}
    .store-btns{gap:8px;}
  }

  /* FOOTER KURUMSAL KUTU */
  .ft-kurumsal{border-top:1px solid rgba(255,255,255,.06);padding-top:20px;margin-bottom:16px;}
  .ft-kurumsal-btn{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.25);cursor:pointer;user-select:none;transition:color .2s;}
  .ft-kurumsal-btn:hover{color:rgba(255,255,255,.5);}
  .ft-kurumsal-menu{display:none;flex-wrap:wrap;gap:6px 16px;margin-top:14px;}
  .ft-kurumsal.open .ft-kurumsal-menu{display:flex;}
  .ft-kurumsal-menu a{font-size:12.5px;color:rgba(255,255,255,.28);cursor:pointer;text-decoration:none;transition:color .15s;white-space:nowrap;}
  .ft-kurumsal-menu a:hover{color:rgba(255,255,255,.6);}

  /* NAV DROPDOWN */
  .nav-dropdown{position:relative;display:flex;align-items:center;}
  .nav-dropdown-btn{font-size:13px;font-weight:500;color:var(--fade);padding:6px 14px;border-radius:6px;cursor:pointer;transition:color .15s;user-select:none;white-space:nowrap;}
  .nav-dropdown-btn:hover{color:var(--ink);}
  .nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--wh);border:1px solid rgba(26,18,8,.08);border-radius:14px;box-shadow:0 16px 48px rgba(26,18,8,.12);padding:8px;min-width:200px;z-index:10000;}
  .nav-dropdown:hover .nav-dropdown-menu{display:flex;flex-direction:column;}
  .nav-dropdown-menu a{font-size:13px;color:var(--ink2);padding:9px 14px;border-radius:8px;cursor:pointer;transition:background .15s;text-decoration:none;white-space:nowrap;}
  .nav-dropdown-menu a:hover{background:var(--sand);color:var(--ink);}
  nav.dark-nav .nav-dropdown-btn{color:rgba(255,255,255,.5);}
  nav.dark-nav .nav-dropdown-btn:hover{color:#fff;}
  nav.dark-nav.scrolled .nav-dropdown-btn{color:var(--fade);}

  /* YILDIZ POPUP VE BUTONU CSS KODLARI BURAYA EKLENDI */
  /* FEATURES STAR BUTTON & POPUP */
  .feat-star-btn{
    display:none;
    cursor:pointer;
    width:38px;height:38px;
    align-items:center;justify-content:center;
    flex-shrink:0;
    position:fixed;
    top:150px;
    right:48px;
    transition:opacity .2s, transform .2s;
    z-index:10000;
  }
  .feat-star-btn:hover{opacity:.9; transform:scale(1.05);}
  .feat-star-btn .star-ring{
    position:absolute;inset:0;border-radius:50%;
    border:2.5px solid #8b5cf6;
    box-shadow:0 0 0 3px rgba(139,92,246,.18), 0 4px 16px rgba(139,92,246,.28);
    background:#6d28d9;
    animation:ring-pulse 2.8s ease-in-out infinite;
  }
  @keyframes ring-pulse{
    0%,100%{box-shadow:0 0 0 3px rgba(139,92,246,.18),0 4px 16px rgba(139,92,246,.28);}
    50%{box-shadow:0 0 0 7px rgba(139,92,246,.10),0 4px 24px rgba(139,92,246,.45);}
  }
  .feat-star-btn svg{position:relative;z-index:1;}
  body.page-feats-active .feat-star-btn{display:flex;}

  @media(max-width:960px){
    .feat-star-btn{top:100px;right:20px;width:34px;height:34px;}
  }
  
  .feat-star-popup{
    display:none;
    position:fixed;
    top:200px;
    right:48px;
    z-index:99999;
    width:300px;
    background:#fff;
    border-radius:20px;
    padding:24px 22px 20px;
    box-shadow:0 20px 60px rgba(139,92,246,.18),0 4px 24px rgba(0,0,0,.12);
    border:1px solid rgba(139,92,246,.15);
    animation:popup-in .22s cubic-bezier(.34,1.56,.64,1);
  }
  .feat-star-popup.open{display:block;}
  @keyframes popup-in{
    from{opacity:0;transform:translateY(-10px) scale(.96);}
    to{opacity:1;transform:translateY(0) scale(1);}
  }
  .feat-star-popup::before{
    content:"";position:absolute;top:-8px;right:16px;
    width:16px;height:16px;background:#fff;
    border-right:1px solid rgba(139,92,246,.15);
    border-top:1px solid rgba(139,92,246,.15);
    transform:rotate(45deg);
    border-radius:0 2px 0 0;
  }
  .fsp-badge{
    display:inline-flex;align-items:center;gap:6px;
    background:rgba(139,92,246,.08);
    border:1px solid rgba(139,92,246,.2);
    border-radius:100px;
    padding:4px 12px;
    font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;
    color:#7c3aed;margin-bottom:12px;
  }
  .fsp-title{
    font-family:"Bebas Neue",sans-serif;
    font-size:21px;letter-spacing:.5px;
    color:var(--ink);line-height:1.1;
    margin-bottom:10px;
  }
  .fsp-title em{color:#8b5cf6;font-style:normal;}
  .fsp-text{
    font-size:13px;color:var(--fade);line-height:1.7;
    margin-bottom:16px;
  }
  .fsp-text strong{color:var(--ink2);}
  .fsp-close{
    position:absolute;top:14px;right:14px;
    width:26px;height:26px;border-radius:50%;
    background:rgba(26,18,8,.06);border:none;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;font-size:13px;color:var(--fade);
    transition:background .15s;
  }
  .fsp-close:hover{background:rgba(139,92,246,.12);color:#7c3aed;}
  @media(max-width:768px){
    .feat-star-popup{right:20px;left:20px;width:auto;top:150px;}
  }

  /* LEGAL SAYFALAR */
  .legal-page{padding:120px 48px 80px;max-width:800px;margin:0 auto;}
  .legal-page h2{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--ink);margin:32px 0 10px;letter-spacing:.5px;}
  .legal-page p,.legal-page li{font-size:15px;color:var(--ink2);line-height:1.85;}
  .legal-page ul{padding-left:20px;margin-top:8px;display:flex;flex-direction:column;gap:6px;}
  .legal-page .legal-info{padding:24px 28px;background:var(--sand2);border-radius:14px;border:1px solid rgba(26,18,8,.06);margin-top:40px;}
  @media(max-width:960px){.legal-page{padding:90px 20px 60px;}}

/* Active nav link auto-detection */
body.dark-hero-page nav{background:rgba(10,8,5,.6);backdrop-filter:blur(20px);border-bottom-color:rgba(255,255,255,.06);}
body.dark-hero-page nav .nav-links a{color:rgba(255,255,255,.5);}
body.dark-hero-page nav .nav-links a:hover{color:#fff;}
body.dark-hero-page nav .nav-links a.active{color:#fff;}
body.dark-hero-page nav .hamburger span{background:#fff;}
body.dark-hero-page nav .nav-dropdown-btn{color:rgba(255,255,255,.5);}
body.dark-hero-page nav .nav-dropdown-btn:hover{color:#fff;}
body.dark-hero-page nav.scrolled{background:rgba(242,236,224,.96);}
body.dark-hero-page nav.scrolled .nav-links a{color:var(--fade);}
body.dark-hero-page nav.scrolled .nav-links a.active{color:var(--ink);}
body.dark-hero-page nav.scrolled .hamburger span{background:var(--ink);}
body.dark-hero-page nav.scrolled .nav-dropdown-btn{color:var(--fade);}