:root{
  --brand:#3fb99f;
  --brand-dark:#23957f;
  --ink:#303a37;
  --muted:#6c7774;
  --line:#d8ebe7;
  --cream:#fffdf0;
  --bg:#eef8f5;
  --white:#fff;
  --shadow:0 24px 70px rgba(35,78,70,.13);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(130deg,#eff9f6,#fff 46%,#edf7f4);overflow-x:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit}
.site-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:999px;background:rgba(63,185,159,.11);filter:blur(.2px);animation:float 10s ease-in-out infinite alternate}.blob-a{width:420px;height:420px;left:-155px;top:70px}.blob-b{width:500px;height:500px;right:-250px;bottom:-130px;animation-delay:1.4s}.grid{position:absolute;width:190px;height:190px;right:8%;top:30%;opacity:.16;background-image:radial-gradient(var(--brand) 2px,transparent 2px);background-size:18px 18px;animation:float 12s ease-in-out infinite alternate-reverse}@keyframes float{to{transform:translate3d(24px,-18px,0) scale(1.04)}}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(22px,5vw,66px);background:rgba(255,255,255,.78);border-bottom:1px solid rgba(63,185,159,.11);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand img{width:150px;display:block}.lang-switch{display:flex;gap:8px;align-items:center;font-weight:900;color:#a1aaa7}.lang-btn{border:0;background:transparent;cursor:pointer;font-weight:900;color:#9ba5a2;padding:4px}.lang-btn.active{color:var(--brand-dark)}
.section-pad{padding-left:clamp(22px,5vw,66px);padding-right:clamp(22px,5vw,66px)}.hero{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:54px;padding-bottom:34px}.pill{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(63,185,159,.25);background:rgba(255,255,255,.72);border-radius:999px;color:var(--brand-dark);font-size:13px;letter-spacing:.02em;text-transform:uppercase}.pill span{width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 7px rgba(63,185,159,.12)}h1{font-size:clamp(46px,7vw,84px);line-height:.96;margin:28px 0 22px;letter-spacing:-.06em}.lead{max-width:660px;font-size:clamp(18px,2vw,23px);line-height:1.55;color:#56625f;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{border:0;border-radius:999px;padding:15px 24px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:52px}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:white;box-shadow:0 16px 32px rgba(35,149,127,.22)}.btn.ghost{background:white;color:var(--ink);border:1px solid var(--line)}.btn:hover{transform:translateY(-1px)}
.hero-visual{min-height:380px;display:grid;place-items:center}.package-scene{width:min(410px,86vw);height:330px;border-radius:36px;background:rgba(255,255,255,.74);border:1px solid rgba(63,185,159,.18);box-shadow:var(--shadow);position:relative;overflow:hidden}.package-scene::before{content:"";position:absolute;inset:26px;border-radius:26px;background:linear-gradient(145deg,rgba(63,185,159,.12),rgba(255,255,255,.2))}.box-main{position:absolute;left:120px;top:82px;width:150px;height:110px;transform:rotate(-5deg)}.box-lid{height:36px;background:#f5f8f7;border:4px solid var(--brand);border-radius:15px 15px 5px 5px}.box-front{height:86px;background:linear-gradient(#fff,#eef8f5);border:4px solid var(--brand);border-top:0;border-radius:0 0 18px 18px}.pack-card{position:absolute;background:#fff;border:1px solid rgba(63,185,159,.28);border-radius:17px;padding:14px 16px;box-shadow:0 12px 28px rgba(35,78,70,.08);font-weight:900}.pack-card span{display:inline-block;width:9px;height:9px;background:var(--brand);border-radius:50%;margin-right:8px}.card-a{left:26px;bottom:82px}.card-b{right:24px;bottom:56px}.card-c{left:70px;top:40px}.orbit-dot{position:absolute;border-radius:50%;background:rgba(63,185,159,.16)}.dot-1{width:130px;height:130px;right:-40px;top:-35px}.dot-2{width:90px;height:90px;left:-20px;bottom:-25px}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px;padding-bottom:24px}.trust-strip article{background:rgba(255,253,240,.82);border:1px solid rgba(63,185,159,.12);border-radius:26px;padding:25px 26px;box-shadow:0 16px 42px rgba(35,78,70,.07)}.trust-strip h3{margin:0 0 10px;font-size:19px}.trust-strip p{margin:0;color:var(--muted);line-height:1.55}
.form-section{padding-top:16px;padding-bottom:42px}.form-card{max-width:1120px;margin:0 auto;background:rgba(255,253,240,.88);border:1px solid rgba(63,185,159,.16);border-radius:32px;box-shadow:var(--shadow);padding:28px}.form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.form-head h2{font-size:34px;margin:0 0 10px;letter-spacing:-.03em}.form-head p{margin:0;color:var(--muted);line-height:1.5}.steps{display:flex;gap:9px;background:rgba(255,255,255,.72);border:1px solid var(--line);padding:6px;border-radius:999px}.step-indicator{width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#93a09c;font-weight:900;cursor:pointer}.step-indicator.active{background:var(--brand);color:white}.progress-line{height:5px;background:#e8f2ef;border-radius:99px;overflow:hidden;margin:16px 0 26px}.progress-line span{display:block;height:100%;width:33.333%;background:linear-gradient(90deg,var(--brand),var(--brand-dark));border-radius:99px;transition:width .35s ease}.form-step{display:none;animation:stepIn .34s ease}.form-step.active{display:block}@keyframes stepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-step h3{font-size:23px;margin:0 0 18px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}.nested{gap:12px}.span-2{grid-column:1/-1}label span{display:block;font-weight:800;margin:0 0 8px}input,select,textarea{width:100%;border:1px solid #d3e3df;background:#fff;border-radius:16px;padding:15px 16px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(63,185,159,.13)}textarea{resize:vertical}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-grid label,.confirm-box{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:16px;padding:13px 14px}.check-grid input,.confirm-box input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--brand-dark);flex:0 0 auto}.check-grid span,.confirm-box span{margin:0;font-weight:600;color:#56625f;line-height:1.35}.soft-warning{display:none;margin-top:16px;padding:15px 16px;border-radius:17px;background:#fff3e9;border:1px solid #ffd1b8;color:#8b4a2b;line-height:1.45}.soft-warning.show{display:block}.confirm-box{margin-top:20px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.submit{margin-left:auto}.hidden-field{display:none!important}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#263330;color:rgba(255,255,255,.78);padding-top:34px;padding-bottom:34px}.footer strong{color:white;font-size:20px}.footer p{margin:8px 0 0}.footer a{color:white;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.32)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.15s}
@media(max-width:860px){.site-header{height:76px}.brand img{width:124px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:42px}.hero-visual{min-height:260px}.package-scene{height:280px}.trust-strip{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.form-head{flex-direction:column}.footer{flex-direction:column;align-items:flex-start}h1{font-size:48px}}
@media(max-width:520px){.section-pad{padding-left:18px;padding-right:18px}.hero-actions .btn{width:100%}.form-card{padding:20px;border-radius:24px}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1 1 auto}.submit{width:100%}.footer{font-size:14px}.trust-strip article{padding:22px}.hero-copy h1{font-size:43px}.package-scene{width:100%;height:250px}.pack-card{font-size:13px}.card-b{right:14px}.box-main{left:95px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* v2 refinements */
.hero{grid-template-columns:1.05fr .95fr;}
.hero-visual{min-height:380px;display:grid;place-items:center}
.about-hero-card{position:relative;width:min(610px,90vw);border-radius:32px;background:rgba(255,255,255,.88);border:1px solid rgba(63,185,159,.16);box-shadow:var(--shadow);padding:44px 46px;overflow:hidden}
.about-hero-card::before{content:"";position:absolute;right:-86px;top:-94px;width:220px;height:220px;border-radius:999px;background:rgba(63,185,159,.11)}
.about-hero-card::after{content:"";position:absolute;left:-70px;bottom:-105px;width:190px;height:190px;border-radius:999px;background:rgba(63,185,159,.075)}
.about-hero-card h2{position:relative;margin:0 0 18px;font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;line-height:1.05}
.about-hero-card p{position:relative;margin:0 0 18px;color:#5d6966;font-size:17px;line-height:1.68}
.about-hero-card p:last-child{margin-bottom:0}
.trust-strip.two-card{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;margin:0 auto}.trust-strip.two-card article{background:rgba(255,253,240,.9)}
.confirm-box.privacy-box{background:rgba(255,255,255,.88);border-color:rgba(63,185,159,.22)}
@media(max-width:860px){.trust-strip.two-card{grid-template-columns:1fr}.about-hero-card{padding:32px 28px}.hero-visual{min-height:auto}}

/* v4 mobile layout + exact logo refinements */
.brand img{
  width:150px;
  height:auto;
  object-fit:contain;
}
@media(max-width:860px){
  body{overflow-x:hidden;}
  .site-header{height:92px;}
  .brand img{width:150px;max-width:42vw;}
  .hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px;
    width:100%;
    max-width:100%;
    overflow:hidden;
    padding-top:34px;
  }
  .hero-copy,.hero-visual{
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .hero-visual{
    place-items:stretch;
    min-height:auto!important;
  }
  .about-hero-card{
    width:100%!important;
    max-width:100%!important;
    padding:30px 24px;
    margin:0;
  }
}
@media(max-width:520px){
  .site-header{height:86px;padding:14px 18px;}
  .brand img{width:142px;max-width:48vw;}
  .hero{
    padding-top:28px;
    gap:22px;
  }
  .about-hero-card{
    border-radius:26px;
    padding:28px 22px;
  }
  .about-hero-card h2{font-size:34px;line-height:1.05;}
  .about-hero-card p{font-size:16px;line-height:1.6;}
}