.gsection_title {
	margin-top: 40px;
	
}
/* ============================================================
   Yabado.se STARTSIDA — CSS
   Klistras in i: Utseende > Anpassa > Ytterligare CSS
   (Fonterna laddas i HTML-blocket, inte här.)
   ============================================================ */


.yab-lp{
  --ink:#241a2e;
  --ink-soft:#4a3f55;
  --paper:#fff8f0;
  --paper-2:#ece5d8;
  --card:#ffffff;
  --amber:#ff5a5f;
  --amber-deep:#e63e6d;
  --moss:#16a085;
  --sun:#ffc23c;
  --teal:#2ec4b6;
  --grape:#7b5ea7;
  --ocean:#3a86d6;
  --line:#f0e4d8;
  --muted:#7d7387;
  --display:'Libre Franklin',-apple-system,sans-serif;
  --body:'Source Sans 3',-apple-system,sans-serif;
}
.yab-lp *{margin:0;padding:0;box-sizing:border-box}
.yab-lp{scroll-behavior:smooth}
.yab-lp{
  font-family:var(--body);
  background:var(--paper);
  background-image:
    radial-gradient(60vw 45vw at 88% 2%, rgba(255,194,60,.26), transparent 62%),
    radial-gradient(58vw 42vw at 6% 16%, rgba(46,196,182,.22), transparent 64%),
    radial-gradient(62vw 46vw at 94% 34%, rgba(255,90,95,.18), transparent 62%),
    radial-gradient(58vw 44vw at 4% 52%, rgba(58,134,214,.18), transparent 64%),
    radial-gradient(62vw 46vw at 92% 68%, rgba(22,160,133,.2), transparent 62%),
    radial-gradient(58vw 44vw at 8% 84%, rgba(123,94,167,.18), transparent 64%),
    radial-gradient(60vw 44vw at 90% 96%, rgba(255,194,60,.18), transparent 62%);
  background-attachment:fixed;
  color:var(--ink);
  line-height:1.62;
  font-size:1.05rem;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.yab-lp .wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.yab-lp a{color:inherit;text-decoration:none}
.yab-lp section{position:relative}

/* texture */
.yab-lp::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.035) 1px,transparent 0);
  background-size:22px 22px;opacity:.6;
}
.yab-lp .wrap, .yab-lp header, .yab-lp footer{position:relative;z-index:1}

/* ===== NAV ===== */
.yab-lp header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,252,247,.9);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.yab-lp .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.yab-lp a.logo, .yab-lp .logo{font-family:var(--display);font-weight:800;font-size:1.4rem;letter-spacing:-.02em;color:var(--ink) !important;display:flex;align-items:center;gap:.55rem}
.yab-lp .logo .dot{width:11px;height:11px;border-radius:50%;background:var(--amber);display:inline-block}
.yab-lp .nav-links{display:flex;gap:28px;align-items:center}
.yab-lp .nav-links a{font-size:.93rem;color:var(--ink-soft);font-weight:600;transition:color .2s}
.yab-lp .nav-links a:hover{color:var(--amber-deep)}
.yab-lp .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-weight:700;font-size:.97rem;line-height:1;
  padding:.95rem 1.7rem;border-radius:100px;
  cursor:pointer;border:2px solid transparent;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s,border-color .2s,color .2s;
}
.yab-lp .btn-primary, .yab-lp .btn-primary:link, .yab-lp .btn-primary:visited{background:#f0484f;color:#ffffff !important;border-color:#f0484f}
.yab-lp .btn-primary:hover, .yab-lp .btn-primary:focus, .yab-lp .btn-primary:active{background:var(--amber-deep);color:#ffffff !important;border-color:var(--amber-deep);transform:translateY(-3px) scale(1.03);box-shadow:0 12px 26px rgba(230,62,109,.36)}
.yab-lp .btn-ghost, .yab-lp .btn-ghost:link, .yab-lp .btn-ghost:visited{background:var(--card);color:var(--ink) !important;border-color:var(--ink)}
.yab-lp .btn-ghost:hover, .yab-lp .btn-ghost:focus, .yab-lp .btn-ghost:active{background:var(--ink);color:#ffffff !important;border-color:var(--ink);transform:translateY(-3px)}
.yab-lp .nav .btn{padding:.66rem 1.35rem;font-size:.93rem}
.yab-lp .menu-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--ink)}

/* ===== HERO ===== */
.yab-lp .hero{padding:90px 0 72px;position:relative;background:transparent;display:flex;align-items:center;min-height:calc(100vh - 74px)}
.yab-lp .hero > .wrap{width:100%}
.yab-lp .hero::before{content:"";position:absolute;top:-120px;right:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,194,60,.18),transparent 70%);z-index:0;pointer-events:none}
.yab-lp .hero::after{content:"";position:absolute;bottom:-220px;left:-120px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,95,.1),transparent 72%);z-index:0;pointer-events:none}
.yab-lp .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;position:relative;z-index:1}
.yab-lp .eyebrow{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.95rem;font-weight:700;letter-spacing:.02em;
  color:var(--amber-deep);margin-bottom:1.8rem;
  background:rgba(255,90,95,.14);padding:.5rem 1.1rem;border-radius:100px;
}
.yab-lp .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber)}
.yab-lp h1, .yab-lp h2, .yab-lp h3, .yab-lp h4, .yab-lp h5, .yab-lp h6{color:var(--ink)}
.yab-lp .why-card h3, .yab-lp .svc h3, .yab-lp .step h3, .yab-lp .edu-card h3, .yab-lp .prj .pname, .yab-lp .form h3{color:var(--ink)}
.yab-lp h1{
  font-family:var(--display);font-weight:800;
  font-size:clamp(2.1rem,3.9vw,3.1rem);line-height:1.1;letter-spacing:-.025em;
  margin-bottom:1.6rem;
}
.yab-lp h1 .hl{position:relative;color:var(--amber-deep);white-space:nowrap}
.yab-lp h1 .hl::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.06em;height:.32em;background:var(--sun);z-index:-1;border-radius:4px;transform:rotate(-1deg)}
.yab-lp .hero p.lead{font-size:1.15rem;color:var(--ink-soft);max-width:42ch;margin-bottom:2.4rem;line-height:1.6}
.yab-lp .hero p.hero-sub{font-family:var(--display);font-weight:700;font-size:1.18rem;color:var(--ink);max-width:40ch;margin-bottom:1rem;line-height:1.35}
.yab-lp .hero-cta{display:flex;gap:14px;flex-wrap:wrap}
/* stat strip under hero */
.yab-lp .stat-strip{background:transparent;padding:0 0 28px;position:relative;z-index:1}
.yab-lp .stat-strip .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.yab-lp .stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px 24px 20px;position:relative;overflow:hidden}
.yab-lp .stat::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--amber)}
.yab-lp .stat:nth-child(2)::before{background:var(--teal)}
.yab-lp .stat:nth-child(3)::before{background:var(--sun)}
.yab-lp .stat .n{font-family:var(--display);font-size:1.25rem;font-weight:800;line-height:1.1;color:var(--ink)}
.yab-lp .stat .l{font-size:.9rem;color:var(--muted);margin-top:.35rem}


/* hero panel */
.yab-lp .panel{
  background:var(--card);border:1px solid var(--line);border-radius:24px;
  padding:26px;box-shadow:0 28px 56px -28px rgba(36,26,46,.32);
  transform:rotate(-1.5deg);position:relative;color:var(--ink);
}
.yab-lp .panel::before{content:"";position:absolute;top:-14px;right:24px;width:54px;height:54px;border-radius:16px;background:var(--teal);transform:rotate(12deg);z-index:-1}
.yab-lp .panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.yab-lp .panel-head .t{font-size:.82rem;font-weight:700;color:var(--ink-soft);letter-spacing:.02em;text-transform:uppercase}
.yab-lp .live{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:var(--moss)}
.yab-lp .live .pulse{width:8px;height:8px;border-radius:50%;background:var(--moss);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,160,133,.5)}70%{box-shadow:0 0 0 8px rgba(22,160,133,0)}100%{box-shadow:0 0 0 0 rgba(22,160,133,0)}}
.yab-lp .metric{padding:16px 0;border-bottom:1px solid var(--line)}
.yab-lp .metric:last-child{border-bottom:none}
.yab-lp .metric-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.yab-lp .metric-top .lab{font-size:.92rem;font-weight:600;color:var(--ink-soft)}
.yab-lp .panel .metric-top .val{font-family:var(--display);font-weight:800;font-size:1.15rem;color:var(--ink)}
.yab-lp .panel .metric-top .val .up{color:var(--moss);font-family:var(--body);font-size:.8rem;font-weight:700;margin-left:.4rem}
.yab-lp .bar{height:8px;background:var(--paper-2);border-radius:100px;overflow:hidden}
.yab-lp .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--amber-deep));border-radius:100px;animation:grow 1.4s cubic-bezier(.2,.7,.3,1) forwards;width:0}
@keyframes grow{to{width:var(--w)}}

/* ===== SECTION SHELL ===== */
.yab-lp .sec{padding:84px 0;background:transparent;position:relative;z-index:1}
.yab-lp .sec-tag{font-size:.95rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-deep);margin-bottom:1rem}
.yab-lp h2{font-family:var(--display);font-weight:800;font-size:clamp(2rem,3.8vw,2.9rem);line-height:1.06;letter-spacing:-.02em;margin-bottom:1rem}
.yab-lp h2 em{font-style:normal;position:relative;color:var(--amber-deep);white-space:nowrap}
.yab-lp h2 em::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.05em;height:.32em;background:var(--sun);z-index:-1;border-radius:4px;transform:rotate(-1deg)}
.yab-lp .sec-intro{font-size:1.12rem;color:var(--ink-soft);max-width:54ch;margin-bottom:3rem}
.yab-lp .sec-head-center{text-align:center;max-width:640px;margin:0 auto 3.4rem}
.yab-lp .sec-head-center .sec-intro{margin:0 auto}

/* ===== VALUE / WHY ===== */
.yab-lp .alt{background:transparent}
.yab-lp .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.yab-lp .why-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 26px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.yab-lp .why-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--amber)}
.yab-lp .why-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px -22px rgba(22,19,15,.45)}
.yab-lp .why-card h3{font-family:var(--display);font-size:1.3rem;font-weight:600;margin-bottom:.6rem;letter-spacing:-.01em}
.yab-lp .why-card p{font-size:.97rem;color:var(--ink-soft)}

/* ===== SERVICES ===== */
.yab-lp .svc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}
.yab-lp .svc{padding:34px 32px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}
.yab-lp .svc:nth-child(2n){border-right:none}
.yab-lp .svc:nth-last-child(-n+1){border-bottom:none}
.yab-lp .svc-num{font-family:var(--display);font-size:.95rem;color:var(--amber);font-weight:600;margin-bottom:.8rem}
.yab-lp .svc h3{font-family:var(--display);font-size:1.4rem;font-weight:600;margin-bottom:.55rem;letter-spacing:-.01em}
.yab-lp .svc p{font-size:.99rem;color:var(--ink-soft)}
.yab-lp .svc-full{grid-column:1/-1;border-right:none}

/* ===== SKILLS ===== */
.yab-lp .skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.yab-lp .skill-row{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.yab-lp .skill-row .k{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber-deep);margin-bottom:.7rem}
.yab-lp .tags{display:flex;flex-wrap:wrap;gap:8px}
.yab-lp .tag{font-size:.86rem;background:var(--paper);border:1px solid var(--line);padding:.32rem .72rem;border-radius:100px;color:var(--ink-soft);font-weight:500}

/* ===== PROCESS ===== */
.yab-lp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:step}
.yab-lp .step{position:relative}
.yab-lp .step .sn{font-family:var(--display);font-size:2.4rem;font-weight:600;color:var(--amber);line-height:1;margin-bottom:.7rem}
.yab-lp .step h3{font-family:var(--display);font-size:1.18rem;font-weight:600;margin-bottom:.45rem}
.yab-lp .step p{font-size:.95rem;color:var(--ink-soft)}

/* ===== EDU ===== */
.yab-lp .edu-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.yab-lp .edu-left h2{margin-bottom:1.2rem}
.yab-lp .edu-left p{font-size:1.08rem;color:var(--ink-soft);margin-bottom:1.4rem;max-width:46ch}
.yab-lp .edu-meta{display:flex;gap:14px;flex-wrap:wrap}
.yab-lp .edu-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;background:var(--card);border:1px solid var(--line);padding:.55rem 1rem;border-radius:100px;color:var(--ink-soft);font-family:var(--display)}
.yab-lp .edu-cards{display:flex;flex-direction:column;gap:16px}
.yab-lp .edu-card{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:14px;padding:24px 26px;transition:transform .22s,box-shadow .22s}
.yab-lp .edu-card:hover{transform:translateX(4px);box-shadow:0 16px 32px -20px rgba(22,19,15,.4)}
.yab-lp .edu-card h3{font-family:var(--display);font-size:1.18rem;font-weight:600;margin-bottom:.4rem}
.yab-lp .edu-card p{font-size:.96rem;color:var(--ink-soft)}
.yab-lp .edu-format{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-deep);margin-top:.8rem}

/* ===== PROJECTS ===== */
.yab-lp .prj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.yab-lp .prj{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 28px;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}
.yab-lp .prj::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--amber)}
.yab-lp .prj:nth-child(2)::before{background:var(--teal)}
.yab-lp .prj:nth-child(3)::before{background:var(--sun)}
.yab-lp .prj:nth-child(4)::before{background:var(--grape)}
.yab-lp .prj:nth-child(5)::before{background:var(--moss)}
.yab-lp .prj:hover{transform:translateY(-5px);box-shadow:0 22px 42px -24px rgba(36,26,46,.4)}
.yab-lp .prj .pname{font-family:var(--display);font-size:1.35rem;font-weight:800;letter-spacing:-.01em;margin-bottom:.2rem}
.yab-lp .prj .ptag{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--amber-deep);margin-bottom:.9rem}
.yab-lp .prj:nth-child(2) .ptag{color:var(--moss)}
.yab-lp .prj:nth-child(3) .ptag{color:#c8851a}
.yab-lp .prj:nth-child(4) .ptag{color:var(--grape)}
.yab-lp .prj:nth-child(5) .ptag{color:var(--moss)}
.yab-lp .prj p{font-size:.98rem;color:var(--ink-soft);flex:1}

/* ===== FAQ ===== */
.yab-lp .faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.yab-lp .faq-item{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:box-shadow .2s}
.yab-lp .faq-item[open]{box-shadow:0 16px 34px -22px rgba(36,26,46,.4)}
.yab-lp .faq-item summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--display);font-weight:700;font-size:1.12rem;color:var(--ink)}
.yab-lp .faq-item summary::-webkit-details-marker{display:none}
.yab-lp .faq-item summary .pl{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:rgba(240,72,79,.12);color:var(--amber-deep);display:grid;place-items:center;font-size:1.2rem;line-height:1;transition:transform .25s,background .2s}
.yab-lp .faq-item[open] summary .pl{transform:rotate(45deg);background:var(--amber);color:#fff}
.yab-lp .faq-item .faq-a{padding:0 26px 22px;color:var(--ink-soft);font-size:1rem;line-height:1.6}

/* ===== CONTACT ===== */
.yab-lp .contact{background:var(--ink);color:var(--paper);position:relative;z-index:2}
.yab-lp .contact h2{color:var(--paper)}
.yab-lp .contact h2 em{color:#fff}
.yab-lp .contact h2 em::after{background:var(--amber)}
.yab-lp .contact .sec-tag{color:var(--amber)}
.yab-lp .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:start}
.yab-lp .contact-left p{color:#d8d0e0;font-size:1.1rem;max-width:42ch;margin-bottom:2rem}
.yab-lp .contact-points{list-style:none;display:flex;flex-direction:column;gap:14px}
.yab-lp .contact-points li{display:flex;align-items:center;gap:.8rem;font-size:1rem;color:#ede8f2}
.yab-lp .contact-points li .chk{color:var(--amber);font-weight:700}
.yab-lp .form{background:var(--card);border-radius:22px;padding:34px;color:var(--ink)}
.yab-lp .form h3{font-family:var(--display);font-size:1.5rem;font-weight:600;margin-bottom:.4rem}
.yab-lp .form .sub{font-size:.95rem;color:var(--muted);margin-bottom:1.6rem}
.yab-lp .field{margin-bottom:16px}
.yab-lp .field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;color:var(--ink-soft)}
.yab-lp .field input, .yab-lp .field select, .yab-lp .field textarea{
  width:100%;padding:.85rem 1rem;border:1.5px solid var(--line);border-radius:12px;
  font-family:var(--body);font-size:.97rem;background:var(--paper);color:var(--ink);transition:border .2s;
}
.yab-lp .field input:focus, .yab-lp .field select:focus, .yab-lp .field textarea:focus{outline:none;border-color:var(--amber)}
.yab-lp .field textarea{resize:vertical;min-height:90px}
.yab-lp .form .btn-primary{width:100%;justify-content:center;background:var(--amber-deep);color:#ffffff !important}
.yab-lp .form .btn-primary:hover{background:var(--ink);color:#ffffff !important}
.yab-lp .form-success{display:none;text-align:center;padding:30px 10px}
.yab-lp .form-success.show{display:block}
.yab-lp .form-success .big{font-size:2.6rem;color:var(--moss);margin-bottom:.6rem}
.yab-lp .form-success h3{margin-bottom:.5rem}
.yab-lp .form-foot{font-size:.8rem;color:var(--muted);text-align:center;margin-top:1.1rem}

/* ===== FOOTER ===== */
.yab-lp footer{background:var(--paper-2);border-top:1px solid var(--line);padding:48px 0 30px}
.yab-lp .foot-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:28px;margin-bottom:30px}
.yab-lp .foot-brand .logo{margin-bottom:.7rem}
.yab-lp .foot-brand p{font-size:.92rem;color:var(--muted);max-width:34ch}
.yab-lp .foot-contact{font-size:.95rem;color:var(--ink-soft);line-height:1.9}
.yab-lp .foot-contact a{color:var(--ink-soft) !important;text-decoration:none}
.yab-lp .foot-contact a:hover{color:var(--amber-deep) !important}
.yab-lp .foot-bottom{border-top:1px solid var(--line);padding-top:20px;font-size:.85rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}

/* reveal */
.yab-lp .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.yab-lp .reveal.in{opacity:1;transform:none}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  .yab-lp .hero{padding:48px 0 56px;min-height:auto;display:block}
  .yab-lp .hero-grid{grid-template-columns:1fr;gap:40px}
  .yab-lp .hero::before{width:280px;height:280px;top:-80px;right:-80px}
  .yab-lp .hero::after{width:220px;height:220px;bottom:-90px;left:-90px}
  .yab-lp .panel{transform:none;max-width:460px;margin:0 auto}
  .yab-lp .why-grid{grid-template-columns:1fr}
  .yab-lp .steps{grid-template-columns:repeat(2,1fr)}
  .yab-lp .edu-wrap{grid-template-columns:1fr;gap:32px}
  .yab-lp .prj-grid{grid-template-columns:1fr}
  .yab-lp .contact-grid{grid-template-columns:1fr;gap:36px}
  .yab-lp .sec{padding:64px 0}
  .yab-lp .nav-links{display:none}
  .yab-lp .nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:var(--paper);padding:24px 28px;border-bottom:1px solid var(--line);gap:18px;box-shadow:0 16px 30px -18px rgba(36,26,46,.3)}
  .yab-lp .nav-links.open a{font-size:1.05rem}
  .yab-lp .nav-links.open .btn{text-align:center;justify-content:center}
  .yab-lp .menu-toggle{display:block}
}
@media(max-width:600px){
  .yab-lp .wrap{padding:0 20px}
  .yab-lp .svc-list{grid-template-columns:1fr}
  .yab-lp .svc{border-right:none;padding:28px 24px}
  .yab-lp .skills-grid{grid-template-columns:1fr}
  .yab-lp .steps{grid-template-columns:1fr}
  .yab-lp .stat-strip .wrap{grid-template-columns:1fr;gap:12px}
  .yab-lp h1{font-size:clamp(2.2rem,9vw,2.8rem)}
  .yab-lp .hero p.hero-sub{font-size:1.08rem;max-width:none}
  .yab-lp .hero p.lead{font-size:1.08rem;max-width:none}
  .yab-lp .eyebrow{font-size:.9rem;padding:.5rem 1rem}
  .yab-lp .sec-tag{font-size:.9rem;letter-spacing:.04em}
  .yab-lp .sec-intro{font-size:1.05rem}
  .yab-lp .hero-cta{flex-direction:column;align-items:stretch}
  .yab-lp .hero-cta .btn{justify-content:center}
  .yab-lp .form{padding:26px 22px}
  .yab-lp .why-card, .yab-lp .prj{padding:26px 22px}
  .yab-lp .foot-grid{flex-direction:column;gap:22px}
}

/* ===== OFFER POPUP ===== */
.yab-lp .pop-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(36,26,46,.78);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
}
.yab-lp .pop-overlay.open{opacity:1;visibility:visible}
.yab-lp .pop{
  background:var(--card);border-radius:24px;max-width:540px;width:100%;
  padding:40px 38px 34px;position:relative;
  box-shadow:0 40px 80px -30px rgba(36,26,46,.5);
  transform:translateY(24px) scale(.97);transition:transform .35s cubic-bezier(.34,1.56,.64,1);
  max-height:92vh;overflow-y:auto;
}
.yab-lp .pop-overlay.open .pop{transform:none}
.yab-lp .pop::before{content:"";position:absolute;top:-18px;left:32px;width:60px;height:60px;border-radius:18px;background:var(--sun);transform:rotate(-10deg);z-index:-1}
.yab-lp .pop-close{
  position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;
  border:none;background:var(--paper-2);color:var(--ink);font-size:1.5rem;cursor:pointer;
  display:flex;align-items:center;justify-content:center;line-height:0;padding:0;
  transition:background .2s,transform .2s;
}
.yab-lp .pop-close:hover{background:var(--amber);color:#fff;transform:rotate(90deg)}
.yab-lp .pop-eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--amber-deep);background:rgba(240,72,79,.12);padding:.35rem .85rem;border-radius:100px;margin-bottom:1rem}
.yab-lp .pop h3{font-family:var(--display);font-weight:800;font-size:1.7rem;line-height:1.1;letter-spacing:-.02em;margin-bottom:.5rem}
.yab-lp .pop h3 .hl{position:relative;color:var(--amber-deep);white-space:nowrap}
.yab-lp .pop h3 .hl::after{content:"";position:absolute;left:-2px;right:-2px;bottom:.05em;height:.3em;background:var(--sun);z-index:-1;border-radius:4px;transform:rotate(-1deg)}
.yab-lp .pop .pop-sub{font-size:1rem;color:var(--ink-soft);margin-bottom:1.4rem}
.yab-lp .offer-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.2rem}
.yab-lp .offer-opt{position:relative;cursor:pointer}
.yab-lp .offer-opt input{position:absolute;opacity:0;pointer-events:none}
.yab-lp .offer-opt .box{border:2px solid var(--line);border-radius:14px;padding:18px 18px;height:100%;display:flex;flex-direction:column;gap:.3rem;transition:border .2s,background .2s,transform .2s}
.yab-lp .offer-opt .box .oi{display:block;font-family:var(--display);font-weight:800;font-size:1.08rem;line-height:1.2}
.yab-lp .offer-opt .box .od{display:block;font-size:.86rem;color:var(--muted);line-height:1.45}
.yab-lp .offer-opt:hover .box{transform:translateY(-2px);border-color:var(--amber)}
.yab-lp .offer-opt input:checked + .box{border-color:var(--amber);background:rgba(240,72,79,.07);box-shadow:0 0 0 3px rgba(240,72,79,.12)}
.yab-lp .offer-opt input:checked + .box .oi{color:var(--amber-deep)}
.yab-lp .pop .field{margin-bottom:12px}
.yab-lp .pop .field input{width:100%;padding:.82rem 1rem;border:1.5px solid var(--line);border-radius:12px;font-family:var(--body);font-size:.97rem;background:var(--paper);color:var(--ink);transition:border .2s}
.yab-lp .pop .field input:focus{outline:none;border-color:var(--amber)}
.yab-lp .pop .btn-primary{width:100%;justify-content:center;margin-top:.4rem}
.yab-lp .pop-foot{font-size:.78rem;color:var(--muted);text-align:center;margin-top:.9rem}
.yab-lp .pop-success{display:none;text-align:center;padding:20px 6px}
.yab-lp .pop-success.show{display:block}
.yab-lp .pop-success .big{font-size:2.8rem;color:var(--moss);margin-bottom:.5rem}
.yab-lp .pop-success h3{margin-bottom:.4rem}
@media(max-width:560px){
  .yab-lp .pop{padding:34px 24px 28px}
  .yab-lp .offer-choices{grid-template-columns:1fr}
  .yab-lp .pop h3{font-size:1.45rem}
}

.yab-lp{position:relative;width:100%;overflow-x:hidden;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(60vw 45vw at 88% 2%, rgba(255,194,60,.26), transparent 62%),radial-gradient(58vw 42vw at 6% 16%, rgba(46,196,182,.22), transparent 64%),radial-gradient(62vw 46vw at 94% 34%, rgba(255,90,95,.18), transparent 62%),radial-gradient(58vw 44vw at 4% 52%, rgba(58,134,214,.18), transparent 64%),radial-gradient(62vw 46vw at 92% 68%, rgba(22,160,133,.2), transparent 62%),radial-gradient(58vw 44vw at 8% 84%, rgba(123,94,167,.18), transparent 64%),radial-gradient(60vw 44vw at 90% 96%, rgba(255,194,60,.18), transparent 62%);background-repeat:no-repeat}