@keyframes ring{to{opacity:0;transform:scale(1.35)}}@keyframes wv{50%{transform:scaleY(.35)}}@keyframes in{0%{opacity:0;transform:translateY(6px)}}#tel{& .crumb{color:var(--mute);z-index:1;gap:8px;padding-top:26px;font-size:13px;display:flex;position:relative}& .crumb a{color:var(--fg2);text-decoration:none}& .crumb a:hover{color:var(--fg)}& .hero{z-index:1;grid-template-columns:1fr 540px;align-items:start;gap:56px;padding:34px 0 84px;display:grid;position:relative}& h1{letter-spacing:-.04em;text-wrap:balance;font-size:62px;font-weight:600;line-height:1.01}& .lead{color:var(--fg2);max-width:480px;margin:22px 0 30px;font-size:18.5px;line-height:1.55}& .under{color:var(--mute);gap:16px;margin-top:16px;font-size:13.5px;display:flex}& .under span{align-items:center;gap:6px;display:inline-flex}& .under .ico{width:15px;height:15px;color:var(--acc)}& .stage{background:radial-gradient(120% 90% at 0% 0%,var(--t1),transparent 60%),radial-gradient(100% 80% at 100% 100%,var(--t2),transparent 65%),var(--surface2);box-shadow:var(--ring);border-radius:24px;padding:18px;position:relative}& .seg{background:var(--surface);box-shadow:var(--ring);border-radius:9999px;gap:4px;width:max-content;padding:4px;display:flex}& .seg button{all:unset;cursor:pointer;color:var(--fg2);border-radius:9999px;padding:7px 13px;font-size:13px}& .seg button[aria-pressed=true]{background:var(--acc-fill);color:var(--on-acc)}& .call{background:var(--surface);box-shadow:var(--lift);border-radius:18px;margin-top:14px;padding:18px}& .ch{align-items:center;gap:12px;display:flex}& .ch i{color:#fff;background:#16a34a;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}& .ch i .ico{width:20px;height:20px}& .ch i:after{content:"";border:2px solid #16a34a59;border-radius:50%;animation:1.6s ease-out infinite ring;position:absolute;inset:-5px}& .ch b{font-size:15px;display:block}& .ch small{color:var(--mute);font-size:12.5px}& .wave{align-items:center;gap:3px;height:26px;margin-left:auto;display:flex}& .wave span{background:var(--acc);border-radius:2px;width:3px;animation:1s ease-in-out infinite paused wv}& .playing .wave span{animation-play-state:running}& .tr{align-content:start;gap:8px;min-height:236px;margin-top:16px;display:grid}& .tr div{background:var(--surface2);max-width:85%;animation:in .35s var(--out) both;border-radius:12px;padding:10px 13px;font-size:13.5px;line-height:1.45}& .tr div.a{background:var(--acc-soft);margin-left:auto}& .tr small{color:var(--mute);margin-bottom:2px;font-size:11px;display:block}& .foot{justify-content:space-between;align-items:center;margin-top:12px;display:flex}& .play{all:unset;cursor:pointer;background:var(--surface);box-shadow:var(--ring);white-space:nowrap;border-radius:9999px;flex:none;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}& .play .ico{width:14px;height:14px}& .res{opacity:0;align-items:center;gap:10px;font-size:13px;transition:opacity .4s;display:flex}& .res.on{opacity:1}& .res i{background:var(--ok-soft);width:28px;height:28px;color:var(--ok);border-radius:9px;place-items:center;display:grid}& .res i .ico{width:14px;height:14px}& .res small{color:var(--mute);font-size:11.5px;display:block}& section.s{padding:88px 0;position:relative}& .h2{letter-spacing:-.035em;z-index:1;font-size:40px;font-weight:600;line-height:1.06;position:relative}& .h2 span{color:var(--mute)}& .sub2{color:var(--fg2);z-index:1;max-width:560px;margin-top:12px;font-size:16.5px;line-height:1.55;position:relative}& .calc{z-index:1;grid-template-columns:1fr 420px;gap:24px;margin-top:34px;display:grid;position:relative}& .ctrl{background:var(--surface);box-shadow:var(--ring);border-radius:20px;gap:28px;padding:26px;display:grid}& .ctrl label{justify-content:space-between;font-size:15px;font-weight:500;display:flex}& .ctrl label em{font-variant-numeric:tabular-nums;color:var(--acc);font-style:normal;font-weight:600}& .ctrl input[type=range]{width:100%;accent-color:var(--acc-fill);height:4px;margin-top:14px}& .ctrl small{color:var(--mute);margin-top:6px;font-size:13px;display:block}& .out{background:var(--acc-fill);color:var(--on-acc);border-radius:20px;flex-direction:column;justify-content:space-between;padding:26px;display:flex;position:relative;overflow:hidden}& .out small{opacity:.8;font-size:14px}& .out .big{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:88px;font-weight:600;line-height:1}& .out p{opacity:.85;margin-top:10px;font-size:15px;line-height:1.5}& .out .btn{background:var(--on-acc);color:var(--acc-fill);align-self:flex-start;margin-top:18px}& .flow{z-index:1;grid-template-columns:340px 1fr;gap:24px;margin-top:34px;display:grid;position:relative}& .stp{gap:8px;display:grid}& .stp button{all:unset;cursor:pointer;box-shadow:var(--ring);background:var(--surface);border-radius:16px;padding:18px 20px;transition:box-shadow .2s}& .stp button[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--acc),0 0 0 5px var(--acc-soft)}& .stp small{color:var(--mute);font-size:12.5px}& .stp b{letter-spacing:-.02em;margin-top:4px;font-size:17px;display:block}& .stp p{color:var(--fg2);margin-top:4px;font-size:14px;line-height:1.45}& .pan{background:radial-gradient(120% 90% at 0% 0%,var(--t1),transparent 60%),radial-gradient(100% 80% at 100% 100%,var(--t2),transparent 65%),var(--surface2);min-height:330px;box-shadow:var(--ring);border-radius:20px;padding:24px;position:relative}& .pv{animation:in .4s var(--out);display:none}& .pv.on{display:block}& .w{background:var(--surface);box-shadow:var(--lift);border-radius:14px;max-width:520px;padding:16px}& .w .wt{color:var(--mute);margin-bottom:10px;font-size:12px;font-weight:500}& .kv{gap:8px;display:grid}& .kv div{background:var(--surface2);border-radius:9px;grid-template-columns:max-content 1fr;gap:14px;padding:9px 11px;font-size:13.5px;display:grid}& .kv span{color:var(--mute);text-align:right}& .tg{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:11px 0;font-size:13.5px;display:flex}& .tg:last-child{border:0}& .sw{background:var(--surface3);border-radius:9999px;width:36px;height:21px;position:relative}& .sw:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}& .sw.on{background:var(--acc-fill)}& .sw.on:after{transform:translate(15px)}& .mail{font-size:13.5px;line-height:1.55}& .mail b{margin-bottom:6px;font-size:14px;display:block}& .mail .r{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:7px 0;display:flex}& .mail .r span{color:var(--mute)}& .two{z-index:1;grid-template-columns:1fr 1fr;gap:48px;display:grid;position:relative}& .lnk{gap:8px;margin-top:22px;display:grid}& .lnk a{background:var(--surface);box-shadow:var(--ring);color:var(--fg);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}& .lnk a:hover{box-shadow:0 0 0 1px var(--acc);transform:translate(2px)}& .lnk a b{font-size:15px;font-weight:600}& .lnk a small{color:var(--mute);margin-top:2px;font-size:13px;display:block}& .lnk .ico{width:16px;height:16px;color:var(--acc)}& .faq{border-top:1px solid var(--line);z-index:1;margin-top:28px;position:relative}& .faq details{border-bottom:1px solid var(--line);padding:18px 0}& .faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;font-size:17px;font-weight:600;list-style:none;display:flex}& .faq summary::-webkit-details-marker{display:none}& .faq summary:after{content:"+";color:var(--mute);font-weight:400}& .faq details[open] summary:after{content:"–"}& .faq p{color:var(--fg2);max-width:760px;margin-top:10px;font-size:15px;line-height:1.55}& .cta{background:var(--fg);color:var(--bg);z-index:1;border-radius:20px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;position:relative}& .cta h3{letter-spacing:-.025em;text-wrap:balance;font-size:24px}& .cta p{opacity:.7;margin-top:4px;font-size:15px}& .cta .btn{background:var(--bg);color:var(--fg)}@media (width<=900px){& .hero{grid-template-columns:1fr;gap:32px;padding-bottom:56px}& h1{font-size:40px}& .calc,& .flow,& .two{grid-template-columns:1fr}& .out .big{font-size:64px}& .steps{grid-template-columns:1fr}& .cta{flex-direction:column;align-items:flex-start;gap:16px}& section.s{padding:56px 0}& .h2{font-size:30px}}}
