:root{--bg:hsl(40,30%,97%);--fg:hsl(220,22%,17%);--pri:hsl(22,90%,52%);--pri-fg:#fff;--mut:hsl(220,8%,46%);--bd:hsl(38,16%,88%);--card:hsl(40,32%,93%);--blue:hsl(210,62%,42%);--wa:hsl(142,70%,36%);--bar:hsl(220,22%,17%);--bar-fg:#fff;--head:hsla(40,30%,97%,.92);
color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:hsl(220,20%,10%);--fg:hsl(40,25%,92%);--pri:hsl(22,92%,58%);--mut:hsl(220,10%,66%);--bd:hsl(220,14%,22%);--card:hsl(220,18%,15%);--blue:hsl(210,70%,68%);--bar:hsl(40,30%,92%);--bar-fg:hsl(220,22%,14%);--head:hsla(220,20%,10%,.92);color-scheme:dark}}
:root[data-theme="dark"]{--bg:hsl(220,20%,10%);--fg:hsl(40,25%,92%);--pri:hsl(22,92%,58%);--mut:hsl(220,10%,66%);--bd:hsl(220,14%,22%);--card:hsl(220,18%,15%);--blue:hsl(210,70%,68%);--bar:hsl(40,30%,92%);--bar-fg:hsl(220,22%,14%);--head:hsla(220,20%,10%,.92);color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:calc(80px + env(safe-area-inset-top,0px));height:100%}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:300 17px/1.74 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--head);z-index:60}
h1,h2,h3{font-family:Figtree,system-ui,sans-serif;margin:0;line-height:1.12}
h1{font-weight:800;font-size:clamp(36px,4.8vw,64px);letter-spacing:-.03em}
h2{font-weight:700;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em}
h3{font-weight:600;font-size:19px}
p{margin:0}
a{color:inherit}
.wrap{max-width:1120px;margin:0 auto;padding:80px 24px}
@media(min-width:1024px){.wrap{padding:80px 64px}}
.eyebrow{font:600 11px Inter;text-transform:uppercase;letter-spacing:.18em;color:var(--pri);margin-bottom:14px}
.num{font-family:Figtree;font-weight:800;font-variant-numeric:tabular-nums}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;height:70px;background:var(--head);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd)}
.nav{max-width:1120px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;gap:24px}
.logo{font:800 18px Figtree;letter-spacing:-.01em;text-decoration:none;display:flex;gap:8px;align-items:center}
.logo i{width:12px;height:16px;background:var(--pri);border-radius:50% 50% 50% 50%/65% 65% 35% 35%;display:inline-block}
.links{display:flex;gap:22px;margin-left:auto;font:500 14px Inter}
.links a{text-decoration:none;color:var(--mut)}.links a:hover{color:var(--fg)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font:700 15px Figtree;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.btn:hover{transform:translateY(-2px)}
.btn:focus-visible,.job:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.b-pri{background:var(--pri);color:#fff}.b-out{border-color:var(--fg);color:var(--fg)}.b-wa{background:var(--wa);color:#fff}
.phone{font:700 15px Figtree;text-decoration:none;white-space:nowrap}
.mob{display:none}
@media(max-width:820px){.links,.nav .b-pri{display:none}.desk{display:none}.mob{display:inline}.phone{margin-left:auto;background:var(--pri);color:#fff;padding:9px 16px;border-radius:999px}}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
@media(max-width:820px){.hero{grid-template-columns:1fr}}
.hero .sub{font-size:18px;color:var(--mut);margin:22px 0 28px;max-width:56ch}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:30px;font:600 14px Inter}
.trust span{display:flex;gap:8px;align-items:center}.trust svg{color:var(--blue);flex:none}
.art{background:var(--card);border:1px solid var(--bd);border-radius:28px;aspect-ratio:1/1;position:relative;overflow:hidden;display:grid;place-items:center}
.art .flame{width:42%;color:var(--pri);animation:flick 2.4s ease-in-out infinite;transform-origin:50% 90%}
.art .tag{position:absolute;left:18px;bottom:18px;right:18px;background:var(--bar);color:var(--bar-fg);border-radius:16px;padding:14px 18px;font:600 15px Figtree;display:flex;justify-content:space-between;gap:12px}
@keyframes flick{0%,100%{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.05,1.09) rotate(1.5deg)}}
.slots{background:var(--card);border-block:1px solid var(--bd)}
.slots .wrap{padding-block:26px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.slot{background:var(--bg);border:1px solid var(--bd);border-radius:14px;padding:10px 18px;font:600 15px Figtree;text-decoration:none}
.slot b{color:var(--pri)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}
.job{all:unset;box-sizing:border-box;cursor:pointer;background:var(--card);border:2px solid var(--bd);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:transform .25s cubic-bezier(.3,1.6,.5,1),border-color .2s;position:relative}
.job:hover{transform:translateY(-2px)}
.job[aria-pressed="true"]{border-color:var(--pri);transform:translateY(-3px)}
.job .ic{width:30px;height:30px;color:var(--pri);transform:scale(.7);opacity:0}
.in .ic{animation:pop .5s cubic-bezier(.3,1.7,.5,1) forwards;animation-delay:calc(var(--i)*40ms)}
@keyframes pop{to{transform:scale(1);opacity:1}}
.job small{color:var(--mut);font-size:14px;line-height:1.5}
.job .pr{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:6px}
.job .pr .num{font-size:22px}.job .pr em{font:500 13px Inter;color:var(--mut);font-style:normal}
.chk{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:2px solid var(--bd);display:grid;place-items:center;color:transparent}
.job[aria-pressed="true"] .chk{background:var(--pri);border-color:var(--pri);color:#fff}
.totalbar{position:sticky;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin-top:24px;z-index:20;background:var(--bar);color:var(--bar-fg);border-radius:20px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;transition:padding .2s}
.totalbar .t{font:600 16px Figtree}.totalbar .num{font-size:24px}
.totalbar .btn{padding:10px 20px}
.note{font-size:14px;color:var(--mut);margin-top:12px}
.rates{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
@media(max-width:820px){.rates{grid-template-columns:1fr}}
.rate{background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.rate .num{font-size:34px;color:var(--pri)}
.lede{font-size:19px;max-width:60ch;margin-top:20px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
@media(max-width:820px){.two{grid-template-columns:1fr}}
.col{border-radius:22px;padding:28px;border:1px solid var(--bd);background:var(--card)}
.col.no{border-color:var(--pri)}
.col ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.col li{display:flex;gap:12px;font-size:16px;line-height:1.55;opacity:0;transform:scale(.96);transition:opacity .3s,transform .4s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--i)*50ms)}
.in .col li{opacity:1;transform:none}
.col li svg{flex:none;margin-top:3px}
.yes svg{color:var(--blue)}.no svg{color:var(--pri)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;counter-reset:s}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:540px){.steps{grid-template-columns:1fr}}
.step{border-top:3px solid var(--pri);padding-top:16px;counter-increment:s}
.step h3::before{content:counter(s) ". ";color:var(--pri)}
.step p{font-size:15px;color:var(--mut);margin-top:8px;line-height:1.6}
.areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding:0;list-style:none}
.areas li{background:var(--card);border:1px solid var(--bd);border-radius:999px;padding:8px 18px;font:600 14px Figtree}
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
@media(max-width:900px){.rev{grid-template-columns:1fr}}
blockquote{margin:0;background:var(--card);border:1px solid var(--bd);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;height:100%}
blockquote p{font-size:16px}
blockquote footer{all:unset;font:500 13px/1.5 Inter;color:var(--mut)}blockquote footer b{color:var(--fg);font-weight:600}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:32px;background:var(--card);border:1px solid var(--bd);border-radius:24px;padding:28px}
@media(max-width:700px){form{grid-template-columns:1fr}}
label{display:grid;gap:6px;font:600 13px Inter}
.full{grid-column:1/-1}
input,select,textarea{font:400 16px Inter;color:var(--fg);background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:12px 14px;width:100%}
textarea{min-height:96px;resize:vertical}
footer.site{background:hsl(220,22%,12%);color:hsl(40,20%,90%)}
footer.site .wrap{padding-block:56px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;font-size:15px}
@media(max-width:820px){footer.site .wrap{grid-template-columns:1fr}}
footer.site h3{font-size:16px;margin-bottom:10px}footer.site a{display:block;text-decoration:none;opacity:.85}footer.site a:hover{opacity:1}
footer.site p{opacity:.8;line-height:1.6}
.copy{grid-column:1/-1;border-top:1px solid hsl(220,14%,24%);padding-top:20px;font-size:13px;opacity:.7}
.fab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--wa);color:#fff;border-radius:999px;padding:14px 18px;display:flex;gap:8px;align-items:center;font:700 15px Figtree;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.hero>*{animation:up .6s ease both}.hero .art{animation:up .8s .1s ease both}
@keyframes up{from{opacity:0;transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.job .ic{opacity:1;transform:none}.col li{opacity:1;transform:none}}
body.pad{padding-bottom:0}
[hidden]{display:none!important}
.areas li.lk{padding:0}.areas li.lk a{display:block;padding:8px 18px;text-decoration:none}.areas li.lk:hover{border-color:var(--pri)}.areas li.lk a:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:999px}
.back{display:inline-block;margin-bottom:28px;font:600 14px Figtree;text-decoration:none;color:var(--mut)}.back:hover{color:var(--fg)}
.bp-sub{font-size:18px;color:var(--mut);margin:22px 0 28px;max-width:56ch}
.bp-ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}.bp-ul li{padding-left:22px;position:relative}.bp-ul li::before{content:"";position:absolute;left:0;top:.7em;width:9px;height:9px;border-radius:50%;background:var(--pri)}
.pl{display:grid;gap:10px;margin-top:24px;max-width:680px}.pl div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px 18px;font:600 16px Figtree}.pl .num{color:var(--pri);white-space:nowrap}
.model-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.model-tag{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:9px 16px;font:600 14px Figtree;color:var(--fg);display:inline-flex;align-items:center;gap:6px}
.model-tag span{color:var(--pri);font-weight:700}
.error-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:24px}
.error-card{background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:10px}
.error-card .badge{display:inline-block;background:var(--pri);color:#fff;font:800 13px Figtree;padding:4px 10px;border-radius:6px;width:fit-content;letter-spacing:.02em}
.error-card h4{margin:0;font:700 17px Figtree;color:var(--fg)}
.error-card p{font-size:14px;color:var(--mut);line-height:1.55;margin:0}
.error-card .action{margin-top:auto;padding-top:10px;border-top:1px dashed var(--bd);font:500 13px Inter;color:var(--fg);line-height:1.5}
.error-card .action b{color:var(--pri)}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
@media(max-width:768px){.guide-grid{grid-template-columns:1fr}}
.guide-card{background:var(--card);border:1px solid var(--bd);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px}
.guide-card h3{font-size:18px;display:flex;align-items:center;gap:10px;margin:0;color:var(--fg)}
.guide-card h3 svg{color:var(--pri);flex:none;width:20px;height:20px}
.guide-card p{font-size:14px;color:var(--mut);line-height:1.6;margin:0}
.guide-card ul{margin:6px 0 0;padding-left:18px;font-size:14px;color:var(--mut);display:grid;gap:6px;line-height:1.5}
.faq-list{display:grid;gap:12px;margin-top:24px}
details.faq-item{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:16px 20px;transition:border-color .2s}
details.faq-item[open]{border-color:var(--pri)}
details.faq-item summary{font:700 16px Figtree;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;user-select:none;color:var(--fg)}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:"+";font:700 20px Figtree;color:var(--pri);margin-left:12px;flex:none}
details.faq-item[open] summary::after{content:"−"}
details.faq-item .faq-ans{margin-top:12px;padding-top:12px;border-top:1px solid var(--bd);font-size:15px;color:var(--mut);line-height:1.6}
.notice-box{background:hsl(22,90%,96%);border:1px solid hsl(22,90%,85%);border-radius:16px;padding:18px 22px;margin-top:24px;font-size:14px;color:hsl(22,80%,25%);line-height:1.6}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .notice-box{background:hsl(22,40%,15%);border-color:hsl(22,50%,25%);color:hsl(22,80%,85%)}}
:root[data-theme="dark"] .notice-box{background:hsl(22,40%,15%);border-color:hsl(22,50%,25%);color:hsl(22,80%,85%)}