/* Attribyte landing — design CSS ported verbatim from frontend/public/landing-hero.html.
   Edit the SOURCE there + re-run the generator; do not hand-edit drift in. */

/* ============================================================
     DESIGN TOKENS  (endre disse når vi tilpasser til Attribyte)
     ============================================================ */
  :root{
    --bg:#ffffff;
    --bg-soft:#f3f3f1;
    --ink:#000000;
    --ink-soft:rgba(0,0,0,.6);
    --line:#e8e8e4;
    --accent:#111;        /* Attribyte accent (mono) */
    --accent-ink:#ffffff;    /* tekst på CTA -> #1A2E05 for Attribyte */
    --tint-gray:#f1f1ef;
    --tint-lav:#efeafb;
    --tint-mint:#e4f1e9;
    --card:#ffffff;
    --radius:22px;
    --radius-sm:12px;
    --maxw:1340px;
    --font:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{
    font-family:var(--font);
    font-weight:400;            /* Instrument Sans */
    color:var(--ink);
    background:var(--bg);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.btn{
    display:inline-flex;align-items:center;justify-content:center;
    background:#000;color:var(--accent-ink);
    font-weight:400;font-size:16px;line-height:1;
    padding:13px 22px;border-radius:999px;border:none;cursor:pointer;
    box-shadow:none;
    transition:transform .15s ease, box-shadow .15s ease;white-space:nowrap;
  }.btn:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,0,0,.30)}.btn .button-icon-w{display:inline-flex;align-items:center;width:0;opacity:0;overflow:clip;transform:translateX(-8px);transition:width .3s cubic-bezier(.22,.61,.36,1),opacity .3s ease,transform .3s cubic-bezier(.22,.61,.36,1)}.btn:hover .button-icon-w{width:21px;opacity:1;transform:translateX(0)}.btn .button-icon-w svg{width:16px;height:16px;flex:none;display:block}.btn-ghost{background:transparent;color:#000;border:1px solid rgba(0,0,0,.1);font-weight:500;letter-spacing:-.12px;box-shadow:none}.btn-ghost:hover{opacity:1;background:var(--bg-soft)}.eyebrow{
    display:inline-grid;grid-auto-flow:column;align-items:center;gap:8px;
    font-size:16px;font-weight:500;line-height:19.2px;color:#000;
    background:#F2F2F2;border:none;white-space:nowrap;
    padding:10px 16px;border-radius:48px;
  }/* lette overskrifter (Figtree Light), størrelsen bærer hierarkiet */
  h1, h2, h3{font-weight:400;letter-spacing:-.02em;line-height:1.12}h1{font-size:clamp(36px,5vw,56px);font-weight:400;line-height:1.1}
  .hero h1 span{display:block}h2{font-size:clamp(26px,4vw,48px);font-weight:400;line-height:1.2}h3{font-size:19px;font-weight:500}.lead{font-size:clamp(13.5px,1.4vw,16px);line-height:1.5;letter-spacing:-.4px;color:var(--ink-soft);max-width:420px}section{padding:80px 0}/* ============ NAV ============ */
  header.nav{position:sticky;top:0;z-index:50;background:rgba(251,251,250,.85);backdrop-filter:blur(12px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:9px;font-weight:500;font-size:18px;letter-spacing:-.02em}.logo .mark{height:22px;width:auto;display:block}
  /* ============ HERO ============ */
  .hero{padding-top:40px;padding-bottom:56px}.hero-grid{display:grid;grid-template-columns:1fr minmax(0,560px);gap:48px;align-items:center}.hero h1{margin:22px 0 0}.hero .lead{margin:14px 0 0;font-size:16px;line-height:24px;max-width:500px}.signup{display:flex;gap:10px;margin:26px 0 0;max-width:430px}.signup input{flex:1;height:48px;padding:8px 16px 8px 18px;border-radius:80px;border:none;-webkit-appearance:none;appearance:none;font-size:16px;line-height:24px;font-family:inherit;font-weight:400;outline:none;background:#f2f2f2}.signup input:focus{border-color:var(--ink)}.social-proof{display:flex;align-items:center;gap:11px;margin:20px 0 0}.users-img{width:48px;height:30px;border-radius:999px;overflow:clip;flex:none}.users-img img{width:100%;height:100%;object-fit:cover;display:block}.eyebrow .applemark{width:16px;height:16px;display:block;color:#000}.social-proof span{font-size:16px;line-height:1.5;color:var(--ink-soft)}.social-proof b{font-weight:500;color:var(--ink)}/* hero image card */
  .hero-media{position:relative}.hero-card-wrap{position:relative;width:100%;aspect-ratio:625/611}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease}.hero-slide.on{opacity:1;visibility:visible}.hero-slide .hero-card{height:100%;max-width:none}.hero-card{width:100%;max-width:625px;border-radius:32px;overflow:clip;aspect-ratio:625/611;background:linear-gradient(135deg,#cdd7c9,#e7ddd0);box-shadow:2px 7px 15px rgba(0,0,0,.10),8px 27px 28px rgba(0,0,0,.09)}.hero-img{width:100%;height:100%;object-fit:cover;display:block}.review-card{position:absolute;left:-5.8rem;bottom:3rem;z-index:3;width:330px;max-width:80%;background:#fff;border-radius:16px;padding:20px 22px;box-shadow:0 0 14px rgba(13,32,47,.04)}.review-card .rtext{font-size:15px;color:#2b2b2f;line-height:1.38;margin-bottom:11px}.review-card .reviewer{display:flex;align-items:center;gap:11px}.review-card .reviewer .nm{font-size:14px;font-weight:600;line-height:1.2;margin-bottom:3px}.review-card .reviewer .meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft)}.hero-dots{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:14px}.hero-dots i{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.1);cursor:pointer;transition:all .2s}.hero-dots i.on{width:13px;height:13px;background:rgba(0,0,0,.4)}
  @media(max-width:1180px){.hero-grid{grid-template-columns:1fr;gap:36px}}/* ============ WHY ============ */
  .why-head{display:flex;align-items:flex-end;gap:48px}.why-head h2{margin:0;width:fit-content;max-width:640px}.why-head .lead{margin:0;padding-bottom:6px;max-width:520px;flex:0 1 auto}.why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;align-items:stretch}.vcard{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:200px;height:100%}.vcard .step{position:absolute;top:26px;right:28px;font-size:14px;font-weight:600;color:#111}

  
  .vcard .ico{width:42px;height:42px;border-radius:11px;background:#f1f1f1;margin-bottom:22px;display:flex;align-items:center;justify-content:center;color:#111}.vcard .ico svg{width:26px;height:26px;display:block}
  
  .anim-chart .c-line{stroke-dasharray:46;stroke-dashoffset:46;animation:ico-draw 3s ease-in-out infinite}
  @keyframes ico-draw{0%{stroke-dashoffset:46}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:46}}.anim-chart .c-dot{transform-box:fill-box;transform-origin:center;animation:ico-pop 3s ease-in-out infinite}
  @keyframes ico-pop{0%,38%{opacity:0;transform:scale(.3)}50%,100%{opacity:1;transform:scale(1)}}.anim-join .plus{transform-box:fill-box;transform-origin:center;animation:joinpulse 2.4s ease-in-out infinite}
  @keyframes joinpulse{0%,100%{transform:scale(.6);opacity:.35}50%{transform:scale(1);opacity:1}}.anim-money .rise{transform-box:fill-box;transform-origin:center;animation:moneyrise 2.4s ease-in-out infinite}
  @keyframes moneyrise{0%{opacity:0;transform:translateY(4px)}35%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(-3px)}100%{opacity:0;transform:translateY(-5px)}}

  @media (prefers-reduced-motion:reduce){.anim-chart *, .anim-join *, .anim-money *{animation:none!important}}.vcard h3{font-size:clamp(13px,1.5vw,20px);font-weight:500;line-height:1.25;letter-spacing:-.32px;color:#000}.vcard p{color:rgba(0,0,0,.6);margin-top:8px;font-size:clamp(13.5px,1.3vw,16px);line-height:1.5;letter-spacing:-.32px}
  @media(max-width:820px){.why-head{flex-direction:column;align-items:stretch;gap:18px}.why-head h2{max-width:none}.why-head .lead{max-width:none}.why-cards{grid-template-columns:1fr;-webkit-mask-image:none;mask-image:none}}/* ============ WHO ============ */
  .who{text-align:center}.who h2{margin-bottom:44px}.who-row{margin-bottom:14px}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:40px;width:max-content;animation:scroll-left 30s linear infinite}.marquee.rev .marquee-track{animation-direction:reverse;animation-duration:30s}
  @keyframes scroll-left{to{transform:translateX(-50%)}}.chip{display:flex;align-items:center;gap:18px;flex:none}.chip .cico{width:68px;height:68px;border-radius:16px;background:#f1f1f1;color:#111;display:flex;align-items:center;justify-content:center;flex:none}.chip .cico svg{width:32px;height:32px}.chip span{font-size:clamp(15px,1.5vw,20px);font-weight:500;line-height:1.4;letter-spacing:-.4px;color:#000;white-space:nowrap}.tabs{display:inline-flex;gap:5px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;margin:30px auto 0}
  .reserve h2{max-width:360px;margin-bottom:44px}.faq{display:flex;flex-direction:column}details{border-bottom:1px solid rgba(0,0,0,.2);padding:18.47px 2px}summary{font-weight:400;font-size:20px;line-height:30px;letter-spacing:-.4px;color:#222;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;padding-right:32px}summary::-webkit-details-marker{display:none}summary::after{content:"";position:absolute;right:2px;top:50%;transform:translateY(-50%);width:16px;height:2px;background:#000;border-radius:3px}summary::before{content:"";position:absolute;right:9px;top:50%;transform:translateY(-50%);width:2px;height:16px;background:#000;border-radius:3px;transition:opacity .2s ease}details[open] summary::before{opacity:0}details p{color:var(--ink-soft);font-size:16px;line-height:24px;letter-spacing:-.32px;margin-top:12px}.faq-head{text-align:center;max-width:600px;margin:0 auto 40px}#faq h2{max-width:none;margin-bottom:14px;text-align:center}#faq .faq-head .lead{margin:0 auto;color:var(--ink-soft)}.faq-shell{max-width:none;margin:0 auto;border-radius:30px;padding:0;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}.faq-card{background:#fff;border-radius:28px;padding:44px 60px}.faq-tabs{display:flex;width:max-content;margin:0 auto 30px}.faq-tab{border:none;background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink-soft);padding:8px 26px;border-radius:999px;cursor:pointer}.faq-tab.active{background:var(--ink);color:#fff}.faq-panel{display:none}.faq-panel.active{display:block}.faq-card .faq{max-width:none;margin:0}.faq-card details p{max-width:820px}
  @media(max-width:600px){.faq-card{padding:28px 22px}}

  

  

  
  @media (prefers-reduced-motion:reduce){.lm-ring, .lm-orb{animation:none}}
  /* ============ CREATORS ============ */
  .creators{overflow:hidden}.creators .wrap{text-align:center}.creators .lead{margin:14px auto 0}.cr-row{margin-top:48px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.cr-track{display:flex;width:max-content;animation:crscroll 30.4s linear infinite;will-change:transform}.cr-track>*{margin-right:24px}.cr-card{position:relative;flex:0 0 auto;width:260px;height:360px;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px rgba(20,30,50,.16)}.cr-card img{width:100%;height:100%;object-fit:cover;display:block}.cr-meta{position:absolute;left:0;right:0;bottom:0;padding:52px 18px 18px;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.35) 55%,transparent)}.cr-name{font-size:17px;font-weight:600;letter-spacing:-.2px}.cr-stats{display:flex;gap:5px;margin-top:11px}.cr-stats span{font-size:11.5px;font-weight:600;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:4px 9px;white-space:nowrap;flex:0 0 auto}.cr-ads{display:inline-flex;align-items:center}.cr-ads svg{width:15px;height:15px;margin-right:-5px}.cr-ads svg:last-of-type{margin-right:7px}.cr-ads-n{background:none!important;border:0!important;padding:0!important}
  @keyframes crscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media (prefers-reduced-motion:reduce){.cr-track{animation:none}}
  @media(max-width:600px){.cr-card{width:212px;height:300px}.cr-meta{padding:44px 15px 15px}}
  @media(max-width:820px){.reserve h2{margin-bottom:24px}}/* ============ FINAL CTA ============ */
  .cta{text-align:center;position:relative;overflow:hidden;padding:120px 0}.cta .inner{max-width:568px;margin:0 auto;position:relative;z-index:2}.cta-logo{width:72px;height:72px;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;margin:0 auto 32px}.cta-logo svg{width:38px;height:auto;display:block}.cta .logo{justify-content:center;margin-bottom:22px}.cta h2{margin:0 auto;max-width:600px;font-size:clamp(26px,4vw,44px);line-height:1.2;letter-spacing:-.01em}.cta .lead{margin:16px auto 0;max-width:560px;font-size:clamp(13px,2.7vw,18px);line-height:1.5;letter-spacing:-.02em}.cta .signup{margin:48px auto 0;justify-content:center;max-width:none;gap:12px}.cta .social-proof{flex-direction:row;align-items:center;gap:11px;justify-content:center;margin:39px auto 0}.cta .signup input{flex:1 1 auto;width:auto;max-width:304px;min-width:0;height:48px;padding:8px 16px 8px 18px;line-height:24px}.cta .signup .btn{height:48px;padding:0 20px;border-radius:80px;font-weight:400;line-height:24px}.cta .social-proof span{line-height:24px;letter-spacing:-.32px}.scatter{position:absolute;inset:0;z-index:1;pointer-events:none}.pcard{position:absolute;will-change:transform;border-radius:12px;overflow:hidden;background:#e9e9e6;box-shadow:4px 12px 12px rgba(0,0,0,.09),1px 3px 7px rgba(0,0,0,.1);transition:transform .35s cubic-bezier(.22,.61,.36,1)}.pcard img{width:100%;height:100%;object-fit:cover;display:block}.t1{width:100px;height:110px}.t2{width:80px;height:80px}.t3{width:124px;height:124px}.c1{left:16%;top:14%}.c2{right:14%;top:18%}.c3{left:21%;top:50%}.c4{right:20%;top:47%}.c5{left:7%;top:74%}.c6{right:6%;top:70%}
  @media(max-width:1200px){.scatter{display:none}}/* ============ FOOTER ============ */
  footer{border-top:1px solid var(--line);padding:56px 0 36px}.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--ink-soft)}.foot-links{display:flex;gap:24px}.foot-links a{color:var(--ink-soft);font-size:14px}.foot-links a:hover{color:var(--ink)}/* ============ LOGIN MODAL ============ */
  .login-overlay{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(10,12,16,.55);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity .2s ease}.login-overlay.open{display:flex;opacity:1}.login-modal{position:relative;width:min(940px,100%);max-height:92vh;background:#fff;border-radius:26px;overflow:hidden;display:flex;box-shadow:0 40px 100px rgba(0,0,0,.42)}.lm-left{flex:1;position:relative;overflow:hidden;background:radial-gradient(460px 380px at 50% 46%,#fbfbfb,#ececeb);display:flex;align-items:center;justify-content:center}.lm-brand{position:absolute;top:30px;left:32px;z-index:2;display:flex;align-items:center;gap:8px;text-decoration:none}.lm-brand svg{width:22px;height:auto;display:block}.lm-brand span{font-size:17px;font-weight:600;letter-spacing:-.3px;color:var(--ink)}.lm-foot{position:absolute;bottom:30px;left:32px;z-index:2;font-size:14px;color:var(--ink-soft)}.lm-ring{position:relative;width:260px;height:260px;animation:lmSpin 26s linear infinite}.lm-orb{position:absolute;display:block;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 10px 22px rgba(20,30,50,.2);animation:lmSpinRev 26s linear infinite}
  @keyframes lmSpin{to{transform:rotate(360deg)}}
  @keyframes lmSpinRev{to{transform:rotate(-360deg)}}.lm-foot a{color:var(--ink);font-weight:500;border-bottom:1px solid rgba(0,0,0,.25);text-decoration:none}.lm-foot a:hover{border-color:var(--ink)}.lm-right{flex:1;padding:46px 44px 40px;display:flex;flex-direction:column;justify-content:center}.lm-right h2{font-size:26px;font-weight:500;letter-spacing:-.5px;margin-bottom:6px}.lm-seg{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;margin-bottom:22px;align-self:flex-start}.lm-seg-btn{border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink-soft);padding:7px 22px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.lm-seg-btn.active{background:var(--ink);color:#fff}.lm-sub{font-size:13px;color:var(--ink-soft);margin-bottom:24px}.lm-label{display:block;font-size:11px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.lm-input{width:100%;height:48px;padding:0 18px;border-radius:80px;border:1px solid var(--line);background:#fff;font-family:inherit;font-size:15px;color:var(--ink);outline:none;margin-bottom:16px;transition:border-color .15s}.lm-input::placeholder{color:rgba(0,0,0,.34)}.lm-input:focus{border-color:var(--ink)}.lm-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 18px}.lm-keep{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink-soft);cursor:pointer;user-select:none}.lm-keep input{width:16px;height:16px;accent-color:#000}.lm-submit{width:100%;height:50px;border:none;border-radius:80px;background:linear-gradient(180deg,#1c1c1c,#000);color:#fff;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .15s,box-shadow .2s}.lm-submit:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.24)}.lm-forgot{font-size:13px;color:var(--ink-soft);text-decoration:none;white-space:nowrap;flex:0 0 auto}.lm-forgot:hover{color:var(--ink)}.lm-or{display:flex;align-items:center;gap:14px;margin:24px 0 15px;font-size:12.5px;color:rgba(0,0,0,.4);font-weight:500}.lm-or::before, .lm-or::after{content:"";flex:1;height:1px;background:var(--line)}.lm-social{display:flex;gap:12px}.lm-soc{flex:1;height:46px;border:1px solid var(--line);border-radius:80px;background:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .15s}.lm-soc:hover{background:var(--bg-soft)}.lm-soc svg{width:18px;height:18px}.lm-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:none;border-radius:50%;background:rgba(0,0,0,.06);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;transition:background .15s}.lm-close:hover{background:rgba(0,0,0,.12)}
  @media(max-width:760px){.lm-left{display:none}.lm-right{padding:50px 26px 34px}.lm-keep{white-space:nowrap;flex-shrink:0;font-size:13px;gap:7px}.lm-forgot{font-size:12.5px}.lm-row{gap:10px}.login-modal{max-width:440px}}/* ============ MOBILE ============ */
  body{overflow-x:hidden}
  @media(max-width:768px){.wrap{padding:0 14px}.eyebrow{font-size:12px;padding:8px 14px}.social-proof span{font-size:13.5px}section{padding:52px 0}.hero{padding-top:24px;padding-bottom:40px}.hero h1{margin-top:28px;line-height:1.12}.hero .lead{max-width:none;font-size:13.5px;line-height:1.5;margin-top:12px}/* tettere nav + mer balansert login-knapp */
    .nav-inner{height:60px}#loginBtn{padding:8.4px 13.4px;font-size:12px;line-height:14.5px;letter-spacing:-.12px;height:auto}/* signup stacker vertikalt så input + knapp får full bredde */
    .signup{flex-direction:column;gap:13px;max-width:none}.hero .signup{max-width:340px;gap:12px}.hero .signup input{height:44px;padding:8px 16px 8px 18px;font-size:13px;line-height:24px;border-radius:80px}.hero .signup .btn{height:44px;padding:0 20px;font-size:14px;font-weight:400;border-radius:80px;box-shadow:none}.hero .social-proof{margin-top:32px}.signup input{width:100%}.signup .btn{width:100%}.cta{padding:72px 0}.cta .signup{flex-direction:column;max-width:340px}.cta h2{max-width:none}.cta .signup input{max-width:none;width:100%;height:44px;font-size:13px}.cta .signup .btn{width:100%;height:44px;font-size:14px}.review-card{left:10px;right:10px;width:auto;max-width:none;bottom:12px;padding:13px 15px}.review-card .rtext{font-size:12px;line-height:1.32;margin-bottom:9px}.review-card .reviewer .nm{font-size:12.5px}.review-card .reviewer .meta{font-size:11.5px}
  }
  @media(max-width:600px){.wrap{padding:0 16px}section{padding:44px 0}.why-cards{gap:14px}.vcard{padding:22px}.faq-tabs{width:100%;max-width:320px}.faq-tab{flex:1;padding:8px 14px}.marquee-track{gap:26px}.chip{gap:13px}.chip .cico{width:48px;height:48px}.chip .cico svg{width:24px;height:24px}.chip span{font-size:15px}.foot-bottom{justify-content:center;text-align:center}
  }
@media (max-width:600px){.cta{padding-bottom:96px}.cta .social-proof{flex-direction:column-reverse;gap:12px}.cta .scatter{display:block}.cta .pcard{border-radius:10px}.cta .c1{top:191px;left:-65px;right:auto;width:84px;height:92px;transform:rotate(-6deg)!important}.cta .c2{top:191px;right:-67px;left:auto;width:84px;height:92px;transform:rotate(5deg)!important}.cta .c3{top:13px;left:-28px;right:auto;width:67px;height:67px;transform:rotate(10deg)!important}.cta .c4{top:27px;right:-30px;left:auto;width:67px;height:67px;transform:rotate(-10deg)!important}.cta .c5{top:562px;left:-16px;right:auto;width:88px;height:88px;transform:rotate(-12deg)!important}.cta .c6{top:563px;right:-16px;left:auto;width:88px;height:88px;transform:rotate(12deg)!important}}@media (min-width:601px){br.mbr{display:none}}@media (max-width:600px){.faq-card summary{font-size:15.11px;line-height:19.65px}.faq-card details p{font-size:11.75px;line-height:17.63px;margin-top:8px}}@media (max-width:600px){.vcard .ico{width:34px;height:34px;border-radius:9px;margin-bottom:16px}.vcard .ico svg{width:20px;height:20px}}
.wl-modal{position:relative;width:min(430px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:26px;padding:38px 34px 30px;box-shadow:0 40px 100px rgba(0,0,0,.42)}
  .wl-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:none;border-radius:50%;background:rgba(0,0,0,.06);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;transition:background .15s}
  .wl-close:hover{background:rgba(0,0,0,.12)}
  .wl-step{display:none}
  .wl-step.on{display:block;animation:wlFade .25s ease}
  @keyframes wlFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .wl-h{font-size:23px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin-bottom:6px}
  .wl-sub{font-size:13.5px;line-height:20px;color:var(--ink-soft);margin-bottom:24px}
  .wl-roles{display:flex;flex-direction:column;gap:12px}
  .wl-role{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px 16px;border:1px solid var(--line);border-radius:18px;background:#fff;cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .12s}
  .wl-role:hover{border-color:var(--ink);box-shadow:0 6px 20px rgba(0,0,0,.07);transform:translateY(-1px)}
  .wl-role-ico{flex:0 0 auto;width:42px;height:42px;border-radius:12px;background:var(--bg-soft);display:flex;align-items:center;justify-content:center}
  .wl-role-ico svg{width:20px;height:20px;stroke:var(--ink)}
  .wl-role-txt{flex:1;min-width:0}
  .wl-role-t{display:block;font-size:15px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}
  .wl-role-d{display:block;font-size:12.5px;line-height:17px;color:var(--ink-soft);margin-top:3px}
  .wl-role-arrow{flex:0 0 auto;color:rgba(0,0,0,.3)}
  .wl-role-arrow svg{width:18px;height:18px}
  .wl-role-spin{display:none;width:17px;height:17px;border:2px solid rgba(0,0,0,.18);border-top-color:var(--ink);border-radius:50%;animation:wlSpin .7s linear infinite;flex:0 0 auto}
  .wl-role:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}
  .wl-role.loading{opacity:1;cursor:default}
  .wl-role.loading .wl-role-arrow{display:none}
  .wl-role.loading .wl-role-spin{display:block}
  .wl-back{display:inline-flex;align-items:center;gap:6px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink-soft);padding:0;margin-bottom:18px;cursor:pointer}
  .wl-back:hover{color:var(--ink)}
  .wl-back svg{width:15px;height:15px}
  .wl-input{width:100%;height:50px;padding:0 18px;border-radius:80px;border:1px solid var(--line);background:#fff;font-family:inherit;font-size:15px;color:var(--ink);outline:none;margin-bottom:14px;transition:border-color .15s}
  .wl-input::placeholder{color:rgba(0,0,0,.34)}
  .wl-input:focus{border-color:var(--ink)}
  .wl-input.err{border-color:#e0463e}
  .wl-submit{width:100%;height:50px;border:none;border-radius:80px;background:linear-gradient(180deg,#1c1c1c,#000);color:#fff;font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.18);transition:transform .15s,box-shadow .2s,opacity .2s;display:flex;align-items:center;justify-content:center;gap:9px}
  .wl-submit:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.24)}
  .wl-submit[disabled]{opacity:.65;cursor:default;transform:none;box-shadow:none}
  .wl-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:wlSpin .7s linear infinite;display:none}
  .wl-submit.loading .wl-spin{display:block}
  .wl-submit.loading .wl-submit-t{opacity:.7}
  @keyframes wlSpin{to{transform:rotate(360deg)}}
  .wl-note{font-size:11.5px;line-height:16px;color:rgba(0,0,0,.4);text-align:center;margin-top:14px}
  .wl-ok-ico{width:54px;height:54px;border-radius:50%;background:var(--tint-mint);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
  .wl-ok-ico svg{width:26px;height:26px;stroke:#1f7a4d}
  .wl-err-msg{font-size:12.5px;color:#c23a33;margin:-4px 0 12px;display:none}
  .wl-err-msg.on{display:block}
  @media(max-width:760px){.wl-modal{padding:34px 22px 26px}}

/* ============ LANGUAGE PICKER (globe) ============ */
.lang{position:relative;border:0}
.lang>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:8px;color:var(--ink-soft);transition:color .15s;position:static}
.lang>summary::-webkit-details-marker{display:none}
.lang>summary::before,.lang>summary::after{content:none;display:none}
.lang>summary:hover,.lang[open]>summary{color:var(--ink)}
.lang .globe{width:20px;height:20px;display:block}
.lang .chev{width:13px;height:13px;display:block;opacity:.7;transition:transform .2s ease}
.lang[open]>summary .chev{transform:rotate(180deg)}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:152px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.10);display:flex;flex-direction:column;gap:2px;z-index:60}
.lang-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink-soft)}
.lang-menu a:hover{background:var(--bg-soft);color:var(--ink)}
.lang-menu a.on{color:var(--ink)}
.lang-menu a.on::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink)}
.nav-right{display:flex;align-items:center;gap:6px}