:root{--blue:#2563eb;--blue-d:#1d4ed8;--blue-dd:#1e40af;--blue-l:#dbe6ff;--blue-ll:#eff4ff;--green:#22c55e;--green-d:#16a34a;--green-l:#cff7dd;--green-ll:#ecfdf3;--ink:#0b1733;--ink-2:#25324f;--muted:#5a6b8c;--muted-2:#8896b3;--line:#e6eaf2;--line-soft:#eef1f7;--bg:#fff;--bg-soft:#f6f8fc;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-card:0 1px 0 rgba(11,23,51,.04),0 14px 36px -16px rgba(37,99,235,.2);--shadow-soft:0 1px 0 rgba(11,23,51,.04),0 24px 60px -24px rgba(11,23,51,.18);--font-en:"Poppins","Noto Sans Thai",system-ui,sans-serif;--font-th:"Noto Sans Thai","Poppins",system-ui,sans-serif;--container:1180px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-th);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.en{font-family:var(--font-en)}.container{max-width:var(--container);margin:0 auto;padding:0 28px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(6deg)}}@keyframes blink{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.6)}50%{box-shadow:0 0 0 6px rgba(34,197,94,0)}}@keyframes fadeup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.float{animation:float 5s ease-in-out infinite}.wiggle{animation:wiggle 2.6s ease-in-out infinite;transform-origin:50% 60%}.blink-dot{animation:blink 1.6s ease-in-out infinite}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-family:var(--font-th);font-weight:600;font-size:15px;border:1px solid transparent;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 10px 24px -10px rgba(37,99,235,.6)}.btn-primary:hover{background:var(--blue-d);transform:translateY(-1px)}.btn-green{background:var(--green);color:#fff;box-shadow:0 10px 24px -10px rgba(34,197,94,.55)}.btn-green:hover{background:var(--green-d);transform:translateY(-1px)}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}.btn-lg{padding:15px 26px;font-size:16px}.btn-xl{padding:17px 30px;font-size:17px}.nav{position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(230,234,242,.7)}.nav-inner{max-width:var(--container);margin:0 auto;padding:12px 28px;justify-content:space-between}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px}.brand .mark{width:52px;height:52px;display:grid;place-items:center}.brand .mark img,.brand .mark svg{width:100%;height:100%;object-fit:contain}.brand-name{font-family:var(--font-en);font-weight:700;font-size:24px;color:var(--blue);letter-spacing:-.02em}.brand-name .dot{color:var(--green)}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{color:var(--ink-2);font-weight:500;font-size:15px}.nav-links a:hover{color:var(--blue)}.nav-cta{display:flex;gap:8px}.hero{position:relative;padding:60px 0 80px}.hero,.hero-bg{overflow:hidden}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-bg .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}.hero-bg .b1{width:420px;height:420px;background:#c9daff;top:-140px;left:-120px}.hero-bg .b2{width:360px;height:360px;background:var(--green-l);bottom:-120px;right:-80px;opacity:.6}.hero-bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.06) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.06) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 70%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 12px;background:#fff;border:1px solid var(--green-l);border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-2)}.eyebrow .dot{width:8px;height:8px;background:var(--green);border-radius:50%}.hero-title{font-size:clamp(38px,5.2vw,64px);line-height:1.08;font-weight:700;letter-spacing:-.02em;margin:18px 0;text-wrap:balance}.hero-title .l1{color:var(--ink);display:block}.hero-title .l2{color:var(--blue);display:block}.hero-title .l3{color:var(--green-d);display:block}.hero-sub{font-size:18px;color:var(--muted);max-width:540px;margin:0 0 28px}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px}.social-proof{display:flex;align-items:center;gap:14px}.avatars{display:flex}.avatars .av{width:36px;height:36px;border-radius:50%;border:2px solid #fff;background:var(--bg-soft);display:grid;place-items:center;font-family:var(--font-en);font-weight:600;font-size:13px;color:#fff;margin-right:-8px}.social-proof .copy{font-size:13px;color:var(--muted)}.social-proof .copy strong{color:var(--ink);font-weight:600}.social-proof .stars{color:#f59e0b;font-size:13px;letter-spacing:1px}.hero-art{position:relative;height:540px}.hero-mascot{position:absolute;width:150px;top:-16px;left:-30px;z-index:5;filter:drop-shadow(0 16px 22px rgba(37,99,235,.22))}.mock-window{position:absolute;inset:30px 0 0 70px;background:#fff;border-radius:18px;box-shadow:var(--shadow-soft);border:1px solid var(--line);overflow:hidden;transform:rotate(1.5deg)}.mock-bar{background:var(--bg-soft);padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.mock-bar .traffic{display:flex;gap:6px}.mock-bar .traffic span{width:11px;height:11px;border-radius:50%;background:#ff5f57}.mock-bar .traffic span:nth-child(2){background:#febc2e}.mock-bar .traffic span:nth-child(3){background:#28c840}.mock-bar .addr{margin-left:8px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-family:var(--font-en);font-size:11px;color:var(--muted);flex:1;max-width:240px}.mock-body{padding:18px 18px 16px;display:flex;flex-direction:column;gap:14px}.mock-top{display:flex;align-items:center;justify-content:space-between}.mock-top .title{font-family:var(--font-en);font-weight:700;font-size:15px;letter-spacing:-.01em}.mock-top .sub{font-size:11px;color:var(--muted-2);margin-top:2px}.mock-live,.mock-top .sub{font-family:var(--font-en)}.mock-live{font-size:10px;font-weight:700;color:var(--green-d);background:var(--green-ll);padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;letter-spacing:.04em}.mock-live:before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-stat{background:var(--bg-soft);border-radius:10px;padding:10px 12px}.mock-stat .lbl{font-family:var(--font-en);font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.mock-stat .val{font-family:var(--font-en);font-size:20px;font-weight:700;letter-spacing:-.02em;margin-top:2px}.mock-stat .trend{font-family:var(--font-en);font-size:10px;font-weight:600;color:var(--green-d)}.mock-list{display:flex;flex-direction:column;gap:4px}.mock-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:10px;align-items:center;padding:7px 6px;border-radius:8px}.mock-row+.mock-row{border-top:1px solid var(--line-soft)}.mock-row .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-en);font-weight:700;font-size:11px}.mock-row .nm{font-size:12px;font-weight:500}.mock-row .tm{font-size:11px;color:var(--muted)}.mock-pill,.mock-row .tm{font-family:var(--font-en)}.mock-pill{font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px}.pill-in{background:var(--green-ll);color:var(--green-d)}.pill-late{background:#fef5e2;color:#b7791f}.pill-out{background:var(--blue-ll);color:var(--blue-d)}.notif{position:absolute;bottom:-16px;left:-10px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:6;animation:float 5s ease-in-out infinite}.notif .ic{width:36px;height:36px;border-radius:12px;background:var(--green-ll);color:var(--green-d);display:grid;place-items:center}.notif .txt{font-size:13px}.notif .txt strong{display:block;font-weight:600;color:var(--ink)}.notif .txt small{font-family:var(--font-en);font-size:11px;color:var(--muted)}.stats-bar{background:var(--bg-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:36px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-cell{display:flex;align-items:center;gap:14px;padding:8px 16px}.stat-cell+.stat-cell{border-left:1px solid var(--line)}.stat-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.stat-icon.b{background:var(--blue-ll);color:var(--blue)}.stat-icon.g{background:var(--green-ll);color:var(--green-d)}.stat-cell .val{font-family:var(--font-en);font-weight:700;font-size:22px;color:var(--ink);letter-spacing:-.02em;line-height:1}.stat-cell .lbl{font-size:13px;color:var(--muted);margin-top:4px}.brands{padding:50px 0;text-align:center}.brands-label{font-family:var(--font-en);font-size:13px;color:var(--muted);font-weight:500;margin-bottom:22px;letter-spacing:.04em}.brands-row{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap}.brand-pill{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-en);font-weight:600;font-size:22px;color:var(--ink-2);letter-spacing:-.01em;opacity:.85}.brand-pill .ic{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid var(--line)}.section-head{text-align:center;margin-bottom:56px}.section-eyebrow{display:inline-block;font-family:var(--font-en);font-size:13px;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px}.section-title{font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin:0 0 14px;text-wrap:balance}.section-title .accent{color:var(--blue)}.section-title .accent-g{color:var(--green-d)}.section-sub{color:var(--muted);font-size:17px;max-width:620px;margin:0 auto;text-wrap:pretty}.problem{padding:100px 0}.problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:880px;margin:0 auto}.problem-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px 28px;position:relative;transition:transform .2s,box-shadow .2s}.problem-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.problem-card .emj{width:56px;height:56px;border-radius:16px;background:#fef5e2;display:grid;place-items:center;font-size:28px;margin-bottom:18px}.problem-card h3{font-size:18px;font-weight:700;margin:0 0 8px;letter-spacing:-.01em}.problem-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}.features{padding:100px 0;background:var(--bg-soft)}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:100px}.feature-pair:last-child{margin-bottom:0}.feature-pair.flip .feature-text{order:2}.feature-pair.flip .feature-visual{order:1}.feature-tag{display:inline-block;font-family:var(--font-en);font-size:12px;font-weight:700;color:var(--blue);background:var(--blue-ll);padding:5px 12px;border-radius:999px;letter-spacing:.04em;margin-bottom:14px}.feature-tag.g{color:var(--green-d);background:var(--green-ll)}.feature-text h3{font-size:clamp(28px,3vw,38px);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin:0 0 14px;text-wrap:balance}.feature-text p{margin:0 0 20px;color:var(--muted);font-size:17px;line-height:1.65}.feature-list{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}.feature-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2)}.feature-list .ck{width:22px;height:22px;background:var(--green-ll);color:var(--green-d);border-radius:7px;display:grid;place-items:center;flex-shrink:0}.line-chat{background:#8aa9c2;border-radius:24px;padding:24px 18px;box-shadow:var(--shadow-soft);position:relative}.line-chat:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#8aa9c2,#6f92b0);border-radius:24px;z-index:0}.line-chat-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.chat-header{display:flex;align-items:center;gap:10px;padding:4px 4px 12px;border-bottom:1px solid hsla(0,0%,100%,.18);margin-bottom:4px;color:#fff}.chat-header .av{width:32px;height:32px;border-radius:50%;background:var(--blue);display:grid;place-items:center}.chat-header .nm{font-family:var(--font-en);font-weight:700;font-size:14px}.chat-header .st{font-family:var(--font-en);font-size:10px;opacity:.85}.bubble{max-width:78%;padding:10px 14px;font-size:14px;line-height:1.45;border-radius:16px;position:relative}.bubble.me{background:#ddec68;color:var(--ink);align-self:flex-end;border-bottom-right-radius:4px}.bubble.bot{background:#fff;color:var(--ink);align-self:flex-start;border-bottom-left-radius:4px}.bubble code{font-family:SF Mono,Menlo,monospace;font-size:13px;background:rgba(11,23,51,.06);padding:1px 6px;border-radius:4px;font-weight:600;color:var(--blue)}.bubble.bot.summary{background:#fff}.bubble .summary-row{display:flex;justify-content:space-between;font-family:var(--font-en);font-size:12px;padding:3px 0}.bubble .summary-row span:last-child{color:var(--blue);font-weight:700}.bubble .summary-total{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:var(--font-en);font-size:13px;font-weight:700}.bubble .summary-total span:last-child{color:var(--green-d)}.chat-time{font-family:var(--font-en);font-size:10px;color:hsla(0,0%,100%,.85);align-self:flex-end;margin:-4px 6px 0}.chat-time.left{align-self:flex-start}.feature-dash{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:12px}.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dash-kpi{padding:12px 14px;background:var(--bg-soft);border-radius:12px}.dash-kpi .lbl{font-family:var(--font-en);font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dash-kpi .val{font-size:22px;letter-spacing:-.02em;margin-top:2px;line-height:1}.dash-kpi .trend,.dash-kpi .val{font-family:var(--font-en);font-weight:700}.dash-kpi .trend{font-size:10px;color:var(--green-d);margin-top:4px}.dash-chart{background:var(--bg-soft);border-radius:12px;padding:14px}.dash-chart .title{font-family:var(--font-en);font-weight:600;font-size:12px}.dash-chart svg{width:100%;height:110px}.sheets-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.sheets-card .head{background:#0f9d58;color:#fff;padding:8px 14px;display:flex;align-items:center;gap:10px;font-family:var(--font-en);font-weight:600;font-size:12px}.sheets-card .head .dot{width:6px;height:6px;background:#fff;border-radius:50%}.sheets-row{display:grid;grid-template-columns:28px 1.4fr 1fr .8fr;gap:0;font-family:var(--font-en);font-size:11px}.sheets-row>div{padding:7px 10px;border-bottom:1px solid var(--line-soft);border-right:1px solid var(--line-soft)}.sheets-row.header>div{background:var(--bg-soft);font-weight:700;color:var(--ink)}.sheets-row>div:last-child{border-right:none}.sync-pill{margin-top:4px;font-family:var(--font-en);font-size:12px;color:var(--green-d);background:var(--green-ll);padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-weight:600;align-self:flex-start}.invite-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-soft)}.invite-card h4{font-family:var(--font-en);font-weight:700;font-size:16px;margin:0 0 4px}.invite-card .sub{font-size:13px;color:var(--muted);margin-bottom:18px}.invite-link{display:flex;align-items:center;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px;gap:12px}.invite-link .url{flex:1;font-family:var(--font-en);font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-link .copy-btn{background:var(--blue);color:#fff;border:none;padding:7px 14px;border-radius:8px;font-family:var(--font-en);font-weight:600;font-size:12px}.duration-row{display:flex;gap:8px;margin-bottom:16px}.duration-chip{flex:1;text-align:center;padding:9px 6px;font-family:var(--font-en);font-size:12px;font-weight:600;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted)}.duration-chip.active{background:var(--blue);border-color:var(--blue);color:#fff}.invite-qr{display:flex;align-items:center;gap:14px;padding:16px;background:var(--blue-ll);border-radius:14px}.invite-qr .qr{width:76px;height:76px;background:linear-gradient(45deg,var(--ink) 25%,transparent 25%) 0 0/12px 12px,linear-gradient(-45deg,var(--ink) 25%,transparent 25%) 0 0/12px 12px,linear-gradient(45deg,transparent 75%,var(--ink) 75%) 6px 6px/12px 12px,linear-gradient(-45deg,transparent 75%,var(--ink) 75%) 6px 6px/12px 12px,#fff;border-radius:10px;border:2px solid var(--ink)}.invite-qr .meta{font-family:var(--font-en);font-size:12px;color:var(--ink-2)}.invite-qr .meta strong{display:block;color:var(--blue);font-size:14px;margin-bottom:4px}.how{padding:100px 0;position:relative;overflow:hidden}.how:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.06),transparent 70%);top:-200px;right:-100px;pointer-events:none}.steps-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}.step-card{background:var(--bg);border-radius:24px;padding:30px 26px 26px;position:relative;overflow:visible;transition:transform .25s ease,box-shadow .25s ease;border:1px solid rgba(11,23,51,.04);animation:stepIn .6s ease-out backwards}.step-card:first-child{animation-delay:.05s}.step-card:nth-child(2){animation-delay:.12s}.step-card:nth-child(3){animation-delay:.19s}.step-card:nth-child(4){animation-delay:.26s}.step-card:nth-child(5){animation-delay:.33s}.step-card:nth-child(6){animation-delay:.4s}@keyframes stepIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.step-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -20px rgba(11,23,51,.18)}.step-card:hover .step-illu{transform:scale(1.06) rotate(-2deg)}.step-card:hover .step-badge{transform:scale(1.1) rotate(-8deg)}.step-badge{position:absolute;top:-18px;left:24px;width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--font-en);font-weight:800;font-size:20px;box-shadow:0 10px 22px -8px var(--accent);transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:2}.step-illu{width:100%;height:130px;display:grid;place-items:center;margin:8px 0 18px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.step-illu svg{overflow:visible}.step-num{font-family:var(--font-en);font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.12em;margin-bottom:6px;opacity:.85}.step-card h3{font-family:var(--font-th);font-size:19px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--ink)}.step-card p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.inline-code{font-family:Menlo,monospace;font-size:.85em;background:var(--blue-ll);color:var(--blue);padding:2px 7px;border-radius:5px;font-weight:700}.step-card:after{content:"→";position:absolute;right:-24px;top:50%;transform:translateY(-50%);font-family:var(--font-en);font-weight:700;font-size:22px;color:rgba(11,23,51,.18);z-index:1;pointer-events:none}.step-card:nth-child(3n):after{display:none}.step-card:nth-child(3):before,.step-card:nth-child(6):before{content:""}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.step-illu .pop{transform-origin:center;transform-box:fill-box;animation:pop 1.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.step-illu .bob{transform-origin:center;transform-box:fill-box}.step-illu .bob.a{animation:bob 2.4s ease-in-out infinite}.step-illu .bob.b{animation:bob 2.4s ease-in-out .4s infinite}.step-illu .bob.c{animation:bob 2.4s ease-in-out .8s infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}.step-illu .pulse-dot{transform-origin:center;transform-box:fill-box;animation:pulse-soft 1.6s ease-in-out infinite}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.step-illu .grow{transform-origin:bottom;transform-box:fill-box;animation:grow 1.2s ease-out backwards}.step-illu .grow.b1{animation-delay:.1s}.step-illu .grow.b2{animation-delay:.2s}.step-illu .grow.b3{animation-delay:.3s}.step-illu .grow.b4{animation-delay:.4s}.step-illu .grow.b5{animation-delay:.5s}.step-card:hover .step-illu .grow{animation:grow .8s ease-out}.step-card:hover .step-illu .grow.b1{animation-delay:0s}.step-card:hover .step-illu .grow.b2{animation-delay:.08s}.step-card:hover .step-illu .grow.b3{animation-delay:.16s}.step-card:hover .step-illu .grow.b4{animation-delay:.24s}.step-card:hover .step-illu .grow.b5{animation-delay:.32s}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.step-illu .spin-slow{transform-origin:center;transform-box:fill-box}.step-card:hover .step-illu .spin-slow{animation:spin-slow 1.4s linear}@keyframes rot-arrow{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.step-illu .rot-arrow{transform-origin:88px 82px;animation:rot-arrow 4s linear infinite}.steps-cta{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:56px;flex-wrap:wrap}.time-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--green-ll);color:var(--green-d);border-radius:999px;font-size:15px;font-weight:500}.time-pill strong{font-family:var(--font-en);color:var(--green-d);font-weight:700}.line-section{padding:100px 0;background:linear-gradient(135deg,var(--green) 0,#10b981 60%,#059669 100%);position:relative;overflow:hidden;color:#fff}.line-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,hsla(0,0%,100%,.15) 0,transparent 50%)}.line-section .container{position:relative;z-index:1}.line-inner{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.line-inner .section-eyebrow{color:hsla(0,0%,100%,.85)}.line-inner h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:#fff;margin:0 0 18px;text-wrap:balance}.line-inner p{font-size:17px;margin:0 0 26px;opacity:.92;line-height:1.6}.cmd-pills{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.cmd-pill{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:16px}.cmd-pill code{font-family:SF Mono,Menlo,monospace;font-size:15px;font-weight:700;background:rgba(11,23,51,.25);color:#fff;padding:6px 12px;border-radius:8px;white-space:nowrap}.cmd-pill .desc{font-size:15px}.cta{padding:100px 0 120px;background:var(--ink);position:relative;overflow:hidden;color:#fff}.cta:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;background:rgba(37,99,235,.3);filter:blur(80px);top:-200px;left:-200px}.cta-mascot{position:absolute;right:-40px;bottom:-40px;width:380px;opacity:.08;pointer-events:none}.cta .container{position:relative;z-index:1;text-align:center;max-width:760px}.cta h2{font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.12;margin:0 0 16px;text-wrap:balance}.cta h2 .accent{color:var(--green)}.cta p{font-size:18px;color:hsla(0,0%,100%,.75);margin:0 auto 32px;max-width:540px}.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:36px}.cta .btn-primary{background:#fff;color:var(--ink)}.cta .btn-primary:hover{background:#fff;box-shadow:0 10px 30px hsla(0,0%,100%,.2)}.cta .btn-ghost{background:transparent;color:#fff;border-color:hsla(0,0%,100%,.25)}.cta .btn-ghost:hover{background:hsla(0,0%,100%,.08);border-color:#fff}.trust-tags{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.trust-tag{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:hsla(0,0%,100%,.75)}.trust-tag .ck{width:18px;height:18px;border-radius:50%;background:rgba(34,197,94,.2);color:var(--green);display:grid;place-items:center;flex-shrink:0}.footer{padding:40px 0 32px;background:var(--ink);color:hsla(0,0%,100%,.6);border-top:1px solid hsla(0,0%,100%,.08)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer .brand .mark svg{filter:brightness(1.05)}.footer .brand-name{color:#fff}.footer .links{display:flex;gap:24px}.footer .links a:hover{color:#fff}.footer .legal{font-family:var(--font-en);font-size:13px}@media (max-width:980px){.feature-pair,.feature-pair.flip,.hero-inner,.line-inner{grid-template-columns:1fr;gap:32px}.feature-pair.flip .feature-text,.feature-pair.flip .feature-visual{order:0}.hero-art{height:480px;margin-top:20px}.stats-grid{grid-template-columns:1fr 1fr;gap:18px}.stat-cell+.stat-cell{border-left:none}.stat-cell:nth-child(2n){border-left:1px solid var(--line)}.problem-grid{grid-template-columns:1fr}.steps-flow{grid-template-columns:1fr 1fr}.step-card:nth-child(3n):after{display:block}.nav-links,.step-card:nth-child(2n):after{display:none}.brands-row{gap:28px}}@media (max-width:640px){.stats-grid,.steps-flow{grid-template-columns:1fr}.step-card:after{display:none!important}.stat-cell+.stat-cell,.stat-cell:nth-child(2n){border-left:none;border-top:1px solid var(--line);padding-top:16px}.footer-inner{flex-direction:column;text-align:center}}