.hero-bg{z-index:0;transform-origin:0 0;background-color:#7ab8ff;background-image:radial-gradient(40% 60% at 85% 20%,#ff7a59 0%,#0000 70%),radial-gradient(45% 70% at 60% 0,#ffcb57 0%,#0000 70%),radial-gradient(50% 80% at 100% 70%,#0570de 0%,#0000 70%),radial-gradient(50% 70% at 70% 90%,#00b3a4 0%,#0000 70%),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:140% 140%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;height:780px;animation:12s ease-in-out infinite alternate drift;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:skewY(-8deg)}.hero-bg:after{content:"";background:linear-gradient(100deg,#fff 30%,#ffffff8c 52%,#fff0 72%);position:absolute;inset:0}@media (max-width:900px){.hero-bg:after{background:linear-gradient(#ffffffe6 20%,#ffffffbf 100%)}}@keyframes drift{to{background-position:100% 100%}}.hero{z-index:1;grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;padding:56px 0 96px;display:grid;position:relative}@media (min-width:960px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:72px 0 120px}}.hero h1{letter-spacing:-.035em;margin:18px 0 20px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.04}.lead{max-width:33rem;margin:0 0 32px;font-size:1.15rem}.live{font:500 .82rem var(--mono);color:var(--text);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.live:hover{color:var(--ink);text-decoration:none}.live i{background:#16a34a;border-radius:50%;width:7px;height:7px;animation:1.8s infinite livepulse;box-shadow:0 0 #16a34a80}.live span{color:var(--brand);font-family:var(--sans);font-weight:600;transition:transform .2s}.live:hover span{transform:translate(3px)}@keyframes livepulse{70%,to{box-shadow:0 0 0 7px #16a34a00}}.btn.ghost-light{color:var(--ink);background:#ffffffb3;box-shadow:inset 0 0 0 1px #0a25401f}.mock{padding-bottom:96px;position:relative}.mock-app{box-shadow:var(--shadow);background:#fff;border-radius:14px;max-width:460px;margin-left:auto;overflow:hidden}.mock-bar{background:var(--bg-soft);border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:10px 14px;font-size:.75rem;display:flex}.mock-bar i{background:#d6dde6;border-radius:50%;width:9px;height:9px}.mock-bar span{margin-left:8px}.mock-body{gap:8px;padding:22px;display:grid}.mock-body code{justify-self:start}.mock-row{justify-content:space-between;font-size:.85rem;display:flex}.mock-body .big small{color:var(--muted);letter-spacing:0;font-size:.9rem;font-weight:600}.mock-models{font:.8rem var(--mono);color:var(--ink);gap:8px;margin-top:14px;display:grid}.mock-models div{grid-template-columns:110px 1fr;align-items:center;gap:12px;display:grid}.mock-meter{background:var(--bg-soft);border-radius:999px;height:6px}.mock-meter b{background:var(--teal);border-radius:999px;height:100%;display:block}.mock-code{width:min(80%,380px);box-shadow:var(--shadow);margin:0;padding:16px 18px;font-size:.75rem;line-height:1.6;position:absolute;bottom:0;left:0}.mock-code .ok{color:#3ddc97;font-weight:700}@media (max-width:560px){.mock{padding-bottom:0}.mock-code{width:100%;margin-top:16px;position:static}}.compat{text-align:center;padding:8px 0 72px}.compat p{color:var(--muted);margin:0 0 18px;font-size:.9rem;font-weight:600}.compat ul{flex-wrap:wrap;justify-content:center;gap:12px 40px;margin:0;padding:0;list-style:none;display:flex}.compat li{color:#8898aa;letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.features{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:40px;padding:72px 0;display:grid}.features svg{color:var(--brand);background:#eaf4ff;border-radius:12px;padding:8px}.features h3{margin:18px 0 8px;font-size:1.15rem}.features p{margin:0}.how{grid-template-columns:minmax(0,1fr);align-items:center;gap:48px;padding:88px 0;display:grid}@media (min-width:960px){.how{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.how h2,.pricing h2{margin:0 0 16px;font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.1}.steps{counter-reset:s;gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;grid-template-columns:32px 1fr;align-items:start;gap:12px;display:grid}.steps li:before{content:counter(s);background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:grid}.steps b{color:var(--ink)}.code{box-shadow:var(--shadow);margin:0;font-size:.85rem}.code .c{color:#6b819c}.code .k{color:#ff9e7a}.code .s{color:#7fe0c8}.pricing{text-align:center;padding:88px 0 24px}.plans{text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:40px;display:grid}.plan{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;flex-direction:column;padding:28px;display:flex;position:relative}.plan.hot{border:2px solid var(--brand);box-shadow:var(--shadow)}.plan-tag{background:var(--brand);color:#fff;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:24px}.plan h3{margin:0;font-size:1.1rem}.plan>.muted{margin:4px 0 20px;font-size:.95rem}.plan-price{color:var(--ink);letter-spacing:-.03em;margin:0 0 20px;font-size:2.4rem;font-weight:800;line-height:1}.plan-price span{color:var(--muted);letter-spacing:0;font-size:.95rem;font-weight:600}.plan ul{flex:1;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:grid}.plan li{padding-left:26px;position:relative}.plan li:before{content:"";border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);width:12px;height:7px;position:absolute;top:.45em;left:2px;transform:rotate(-45deg)}.cta{color:#c9d7e8;background:radial-gradient(60% 120% at 100% 0%, #00b3a473, transparent 60%), radial-gradient(50% 100% at 0% 100%, #ff7a5959, transparent 60%), var(--ink);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:88px;padding:48px clamp(24px,5vw,56px);display:flex}.cta h2{color:#fff;margin:0 0 6px;font-size:clamp(1.8rem,4vw,2.4rem)}.cta p{margin:0}.cta .btn{color:var(--ink);background:#fff}:root{--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.2, .7, .2, 1)}.mock-wrap{perspective:1600px}.mock{transform-style:preserve-3d;animation:settle 1.4s var(--ease) both .2s, float 7s ease-in-out 1.6s infinite}@keyframes settle{0%{opacity:0;transform:rotateY(-18deg)rotateX(8deg)translateY(30px)}to{transform:rotateY(-6deg)rotateX(3deg)}}@keyframes float{0%,to{transform:rotateY(-6deg)rotateX(3deg)translateY(0)}50%{transform:rotateY(-4deg)rotateX(2deg)translateY(-10px)}}.mock-code{transform:translateZ(60px)}@media (max-width:560px){.mock{animation:none}.mock-code{transform:none}}.tabular{font-variant-numeric:tabular-nums}.bar .grow{transition:width .7s var(--ease)}.mock-meter b{transition:width 1.1s var(--spring)}.mock-models>div{border-radius:6px;margin:0 -6px;padding:2px 6px;transition:background .4s}.mock-models>div.hit{background:#e6f8f5}.badge.pulse:before{animation:2s ease-out infinite ping}@keyframes ping{0%{box-shadow:0 0 #0e9f6e80}80%,to{box-shadow:0 0 0 7px #0e9f6e00}}.caret{vertical-align:-2px;background:#7fe0c8;width:7px;height:1em;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.resp{animation:pop .4s var(--spring) both;display:inline-block}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.96)}}.mock-code{min-height:132px}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.compat .marquee ul{flex-wrap:nowrap;justify-content:flex-start;width:max-content;animation:28s linear infinite marquee}.compat .marquee li{padding-right:56px}.compat .marquee ul{gap:0}.marquee:hover ul{animation-play-state:paused}@keyframes marquee{to{transform:translate(-50%)}}[data-reveal]{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transition-delay:calc(var(--i,0) * .11s);transform:translateY(28px)}[data-reveal].in{opacity:1;transform:none}.features article{transition:background .3s, transform .45s var(--spring), opacity .8s var(--ease);border-radius:16px;margin:-20px -12px;padding:20px 12px}.features article:hover{background:var(--bg-soft);transform:translateY(-4px)}.features article svg{transition:transform .45s var(--spring)}.features article:hover svg{transform:rotate(-8deg)scale(1.12)}.plan{transition:transform .45s var(--spring), box-shadow .3s, opacity .8s var(--ease)}.plan:hover{box-shadow:var(--shadow);transform:translateY(-8px)}.plan.in:hover{transform:translateY(-8px)}.code{transition:transform .5s var(--spring)}.code:hover{transform:translateY(-4px)rotate(-.4deg)}.cta .btn{transition:transform .4s var(--spring), box-shadow .3s}.cta .btn:hover{transform:translateY(-2px)scale(1.04)}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none}.compat .marquee ul{flex-wrap:wrap;justify-content:center;width:auto}.compat .marquee li[aria-hidden=true]{display:none}}.faq{max-width:760px;margin:96px auto 0}.faq h2{text-align:center;margin:0 0 32px;font-size:clamp(1.8rem,4vw,2.4rem)}.faq-list{gap:12px;margin-bottom:24px;display:grid}.faq details{border:1px solid var(--line);background:#fff;border-radius:14px;transition:box-shadow .3s,border-color .3s}.faq details[open]{box-shadow:var(--shadow-sm);border-color:#cfe6ff}.faq summary{cursor:pointer;color:var(--ink);justify-content:space-between;gap:16px;padding:18px 22px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brand);transition:transform .35s var(--spring);font-size:1.4rem;line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{animation:rise .4s var(--ease) both;margin:0;padding:0 22px 20px}.faq>.muted{text-align:center}.models-sec{border-top:1px solid var(--line);padding:72px 0 8px}.models-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.models-head h2{margin:0 0 8px;font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.1}.models-head p{margin:0}.models-sum{flex-wrap:wrap;gap:8px;display:flex}.models-sum span{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.models-sum i{background:#16a34a;border-radius:50%;width:8px;height:8px}.models-sum i.warn{background:#ca8a04}.models-sum i.bad{background:#dc2626}.pr-hero{text-align:center;padding:48px 0 40px}.pr-hero h1{letter-spacing:-.04em;margin:10px 0 16px;font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.05}.pr-hero h1 span{background:linear-gradient(90deg, var(--teal), var(--brand) 60%, var(--coral));color:#0000;-webkit-background-clip:text;background-clip:text}.pr-hero .lead{margin:0 auto}.pr-points{color:var(--ink);flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0;font-size:.88rem;font-weight:600;list-style:none;display:flex}.pr-points li:before{content:"✓";color:var(--ok);margin-right:7px}.pc-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:stretch;gap:16px;display:grid}.pc{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;gap:10px;padding:26px 22px 22px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,opacity .8s;display:flex;position:relative}.pc:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.pc.rec{background:var(--ink);border-color:var(--ink);color:#c9d7e8;box-shadow:var(--shadow)}.pc.rec h3,.pc.rec .pc-price b{color:#fff}.pc-badge{color:var(--ink);background:linear-gradient(90deg,#7fe0c8,#ffcb57);border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:18px;right:18px}.pc h3{margin:0;font-size:1.1rem}.pc-tag{min-height:2.8em;color:var(--muted);margin:0;font-size:.88rem}.pc.rec .pc-tag{color:#9fb3c8}.pc-price{align-items:baseline;gap:6px;margin:6px 0 0;display:flex}.pc-price b{letter-spacing:-.045em;color:var(--ink);font-size:2.6rem;font-weight:800;line-height:1}.pc-price span{color:var(--muted);font-size:.85rem}.pc.rec .pc-price span{color:#9fb3c8}.pc-credit{margin:0;font-size:.86rem}.pc-credit b{color:var(--ink)}.pc.rec .pc-credit b{color:#7fe0c8}.pc-credit em{color:#0e9f6e;background:#e6f6ef;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:.72rem;font-style:normal;font-weight:700}.pc-cta{border:1px solid var(--line);height:44px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;margin:8px 0 4px;font-size:.92rem;font-weight:700;transition:background .15s,transform .15s;display:flex}.pc-cta:hover{background:var(--bg-soft);text-decoration:none}.pc-cta.primary{color:var(--ink);background:#fff;border-color:#fff}.pc-cta.primary:hover{background:#eaf4ff}.pc ul{border-top:1px solid var(--line);gap:10px;margin:0;padding:16px 0 0;font-size:.88rem;list-style:none;display:grid}.pc.rec ul{border-color:#ffffff1f}.pc li{padding-left:24px;position:relative}.pc li:before{content:"";border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);width:11px;height:6px;position:absolute;top:.42em;left:2px;transform:rotate(-45deg)}.pc.rec li:before{border-color:#7fe0c8}.pr-how{background:var(--bg-soft);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(0,1fr);align-items:center;gap:32px;margin-top:88px;padding:40px clamp(20px,4vw,48px);display:grid}@media (min-width:900px){.pr-how{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pr-how h2{margin:0 0 12px;font-size:clamp(1.7rem,3.5vw,2.3rem)}.pr-how p{margin:0}.pr-steps{counter-reset:s;gap:12px;margin:0;padding:0;list-style:none;display:grid}.pr-steps li{counter-increment:s;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 16px 14px 52px;font-size:.92rem;position:relative}.pr-steps li:before{content:counter(s);background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:12px;left:14px}.pr-steps b{color:var(--ink)}.pr-models{margin-top:88px}.pr-models h2,.pr-compare h2{margin:0;font-size:clamp(1.7rem,3.5vw,2.3rem)}.pr-compare{margin-top:88px}.pr-compare h2{text-align:center;margin-bottom:28px}.pr-table{border:1px solid var(--line);background:#fff;border-radius:16px;overflow-x:auto}.pr-table table{min-width:720px}.pr-table th,.pr-table td{border-bottom:1px solid var(--line);text-align:center;padding:14px 16px;font-size:.92rem}.pr-table thead th{text-transform:none;letter-spacing:0;color:var(--ink);font-size:1rem}.pr-table thead th span{color:var(--muted);font-size:.78rem;font-weight:500;display:block}.pr-table tbody th{text-align:left;color:var(--text);text-transform:none;letter-spacing:0;font-size:.88rem;font-weight:600}.pr-table td{color:var(--ink);font-weight:600}.pr-table tbody tr:last-child th,.pr-table tbody tr:last-child td{border-bottom:0}.pr-table tbody tr:hover{background:var(--bg-soft)}