/* OK Agency · Teksty. Tokeny: biz/DESIGN_SYSTEM.md §3 (nazwy i wartości 1:1). Mobile-first, punkty 40rem i 64rem. */
@font-face{font-family:"Archivo Fallback";src:local("Arial"),local("ArialMT");size-adjust:99.1%;ascent-override:88.8%;descent-override:21.2%;line-gap-override:0%}
@font-face{font-family:"Barlow Condensed Fallback";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:500 700;size-adjust:75.5%;ascent-override:132.5%;descent-override:26.5%;line-gap-override:0%}
:root{
color-scheme:light dark;
--c-bg:#f5eee6;
--c-band:#ead9cb;
--c-surface:#fbf7f2;
--c-ink:#071a2c;
--c-ink-muted:#34424c;
--c-line:rgba(7,26,44,.14);
--c-line-strong:#6b7780;
--c-accent:#b52454;
--c-accent-strong:#9a1d47;
--c-on-ink:#f5eee6;
--font-body:"Archivo","Archivo Fallback",system-ui,sans-serif;
--font-display:"Barlow Condensed","Barlow Condensed Fallback","Arial Narrow",sans-serif;
--fs-h1:clamp(2.75rem, 1.9rem + 4.2vw, 5.25rem);
--fs-h2:clamp(2.125rem, 1.6rem + 2.4vw, 3.5rem);
--fs-h3:clamp(1.375rem, 1.2rem + .7vw, 1.75rem);
--fs-price:clamp(2.5rem, 2rem + 2vw, 3.5rem);
--fs-lead:clamp(1.125rem, 1.05rem + .45vw, 1.375rem);
--fs-body:clamp(1rem, .96rem + .2vw, 1.125rem);
--fs-sm:.9375rem;
--fs-label:.8125rem;
--sp-1:.25rem;
--sp-2:.5rem;
--sp-3:.75rem;
--sp-4:1rem;
--sp-5:1.5rem;
--sp-6:2rem;
--sp-7:3rem;
--sp-8:4rem;
--sp-9:6rem;
--section-y:clamp(4rem, 2.5rem + 6vw, 8rem);
--gutter:clamp(1rem, .5rem + 2.5vw, 2.5rem);
--container:72rem;
--measure:40rem;
--radius:2px;
--border:1px solid var(--c-line);
}
@media (prefers-color-scheme:dark){:root{
--c-bg:#071a2c;
--c-band:#0a1e31;
--c-surface:#0c2236;
--c-ink:#f0dfcf;
--c-ink-muted:#d2c2b4;
--c-line:rgba(240,223,207,.16);
--c-line-strong:#8a96a0;
--c-accent:#ee4d78;
--c-accent-strong:#ff7a9b;
--c-on-ink:#071a2c;
}}
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--c-bg);color:var(--c-ink);font:400 var(--fs-body)/1.6 var(--font-body)}
h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:600;text-wrap:balance}
h2{margin-bottom:var(--sp-4);font-size:var(--fs-h2);line-height:1.15}
h3{font-size:var(--fs-h3);line-height:1.2}
p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
p,li,dd{text-wrap:pretty}
strong{font-weight:600}
.nw{white-space:nowrap}
a{color:inherit;text-decoration:underline var(--c-accent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .18s ease-out}
a:hover{color:var(--c-accent)}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}
[id]{scroll-margin-top:5rem}
.wrap{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}
.sec{padding-block:var(--section-y)}
.band{background:var(--c-band)}
.sec__head{max-width:var(--measure);margin-bottom:var(--sp-7)}
.eyebrow,.pp__tag,.seg__tag,.plans__label,.step__time,.foot__h,.ptable thead th{font:600 var(--fs-label)/1.3 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.eyebrow{margin-bottom:var(--sp-4)}
.lead{font-size:var(--fs-lead);line-height:1.5}
.eyebrow,.lead,.pp__tag,.pp__label,.pp__before,.pp__cap,.seg__tag,.seg__detail,.step__p,.price__meta,.ptable__unit,.terms__list li::marker,.terms__src,.ai__nots li,.ai__note,.req,.form__info{color:var(--c-ink-muted)}
.skip{position:absolute;left:var(--sp-4);top:-6rem;z-index:30;padding:var(--sp-3) var(--sp-4);background:var(--c-ink);color:var(--c-on-ink);font-weight:600;text-decoration:none}
.skip:focus{top:var(--sp-2)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0 var(--sp-5);border:1px solid var(--c-ink);border-radius:var(--radius);font:600 .875rem/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;transition:.18s ease-out}
.btn--primary,.btn--primary:hover{color:var(--c-on-ink)}
.btn--primary{background:var(--c-ink)}
.btn--primary:hover{background:var(--c-accent);border-color:var(--c-accent)}
.btn--secondary{background:none;color:var(--c-ink)}
.btn--secondary:hover{background:var(--c-band);color:var(--c-ink)}
.band .btn--secondary:hover{background:var(--c-surface)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.nav{position:sticky;top:0;z-index:20;background:var(--c-bg);border-bottom:var(--border)}
.nav__in{display:flex;align-items:center;gap:var(--sp-3);height:64px}
.brand{display:inline-flex;align-items:baseline;gap:.3rem;color:var(--c-ink);text-decoration:none;white-space:nowrap}
.brand:hover{color:var(--c-ink)}
.brand__ok{font:600 1.875rem/1 var(--font-display)}
.brand__ag{font:600 .6875rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}
.brand__sub{padding-left:var(--sp-3);border-left:1px solid var(--c-line-strong);font:500 .875rem/1.5 var(--font-body);white-space:nowrap}
.nav__links{display:none}
.nav__cta{margin-left:auto;min-height:2.75rem;padding:0 var(--sp-3);font-size:.75rem;letter-spacing:.06em;white-space:nowrap}
@media (max-width:22.4rem){.nav__cta{max-width:6.75rem;white-space:normal;line-height:1.15}}
@media (min-width:64rem){
.nav__in{gap:var(--sp-4)}
.nav__links{display:flex;gap:var(--sp-6);margin-left:auto}
.nav__links a{padding-block:var(--sp-3);font-size:.9375rem;font-weight:500;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:.45em}
.nav__links a:hover,.nav__links a:focus-visible{color:var(--c-ink);text-decoration-color:var(--c-accent)}
.nav__cta{margin-left:var(--sp-4);min-height:3rem;padding:0 var(--sp-5);font-size:.8125rem;letter-spacing:.08em}
}
.hero{padding-block:var(--sp-7) var(--sp-8)}
.hero__grid{display:grid;row-gap:var(--sp-7)}
.hero__h{max-width:9.5em;margin-bottom:var(--sp-5);font-size:var(--fs-h1);line-height:1.12}
.hero__h span{display:block}
.hero__accent{color:var(--c-accent)}
.hero__lead{max-width:34rem;margin-bottom:var(--sp-6);color:var(--c-ink)}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.hero__cta .btn--primary{flex:1 1 15rem}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3) var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--c-line-strong);font-size:var(--fs-sm);font-weight:500;line-height:1.4}
@media (min-width:40rem){.hero__cta .btn--primary{flex:0 1 auto}}
@media (min-width:64rem){
.hero{padding-block:var(--sp-8) var(--sp-7)}
.hero__grid{row-gap:var(--sp-8);align-items:start}
.hero__text{grid-column:1 / span 7}
.hero__card{grid-column:8 / -1;margin-top:2.25rem}
.facts{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--sp-3) 0;padding-top:var(--sp-5);font-size:1rem}
.facts li{padding:0 var(--sp-6);border-left:1px solid var(--c-line-strong)}
.facts li:first-child{padding-left:0;border:0}
}
.pp__card{padding:var(--sp-5) var(--sp-4);background:var(--c-surface);border:var(--border);border-radius:4px}
.pp__tag{margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:var(--border);font-size:.75rem;line-height:1.35}
.pp__label{margin-bottom:var(--sp-1);font:600 1.0625rem/1.2 var(--font-display);letter-spacing:.04em;text-transform:uppercase}
.pp__before{font-size:var(--fs-sm)}
.pp__before del{text-decoration:line-through var(--c-accent);text-decoration-thickness:2px;text-decoration-skip-ink:none}
.pp__part--after{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px dashed var(--c-line-strong)}
.pp__part--after .pp__label{color:var(--c-ink)}
.pp__after{font-size:1.0625rem;font-weight:500;line-height:1.65}
.pp__fx{background:none;color:inherit;text-decoration:underline var(--c-accent);text-decoration-thickness:2px;text-underline-offset:.3em;text-decoration-skip-ink:none}
.pp__ref{position:relative;top:-.5em;margin-left:.1em;font:600 .8125rem/0 var(--font-display);vertical-align:baseline;color:var(--c-accent)}
.pp__a,.pp__wire{display:none}
.pp__notes{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:var(--border);counter-reset:pp}
.pp__note{display:flex;gap:.4rem;align-items:baseline;font:600 .9375rem/1.25 var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--c-accent);counter-increment:pp}
.pp__note::before{content:counter(pp);min-width:.6rem;font-size:.8125rem}
.pp__cap{margin-top:var(--sp-3);font-size:var(--fs-sm);line-height:1.5}
@media (min-width:40rem){.pp__card{padding:var(--sp-5)}}
@media (min-width:64rem){@supports (anchor-name:--pp){
.pp__body{position:relative;padding-right:8.25rem}
.pp__ln{display:block}
.pp__ln + .pp__ln{margin-top:var(--sp-2)}
.pp__ref{display:none}
.pp__a{display:inline-block;width:0;height:.72em;vertical-align:baseline;anchor-name:var(--a)}
.pp__notes{display:block;margin:0;padding:0;border:0}
.pp__note{position:absolute;right:0;width:7.25rem;font-size:.875rem;line-height:1.25rem;letter-spacing:.06em;white-space:nowrap;anchor-name:var(--n);top:calc(anchor(var(--a) center) - .625rem)}
.pp__note + .pp__note{top:max(calc(anchor(var(--a) center) - .625rem), calc(anchor(var(--p) bottom) + .25rem))}
.pp__note::before{content:none}
.pp__wire{display:block;position:absolute;top:anchor(var(--a) center);left:calc(anchor(var(--a) right) + .4rem);right:calc(anchor(var(--n) left) + .5rem);border-top:1px solid var(--c-accent)}
.pp__wire::after{content:"";position:absolute;left:-1px;top:-3px;width:5px;height:5px;border-radius:50%;background:var(--c-accent)}
.pp__a--1,.pp__note--1,.pp__wire--1{--a:--pp-a1;--n:--pp-n1}
.pp__a--2,.pp__note--2,.pp__wire--2{--a:--pp-a2;--n:--pp-n2;--p:--pp-n1}
.pp__a--3,.pp__note--3,.pp__wire--3{--a:--pp-a3;--n:--pp-n3;--p:--pp-n2}
.pp__a--4,.pp__note--4,.pp__wire--4{--a:--pp-a4;--n:--pp-n4;--p:--pp-n3}
}}
@media (min-width:40rem){.segs,.gets__list,.plans__group--monthly,.form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.segs{display:grid;gap:var(--sp-7) var(--sp-5)}
.seg{display:flex;flex-direction:column}
.seg__visual{order:-1;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-3);aspect-ratio:4 / 3;margin-bottom:var(--sp-4);padding:var(--sp-4);overflow:hidden;background:var(--c-band);border-radius:4px;container-type:inline-size}
.seg__tag{padding-bottom:var(--sp-2);border-bottom:var(--border);font-size:.6875rem;letter-spacing:.1em}
.seg__sample{font:600 clamp(1.5rem, 12.5cqi, 2.75rem)/1.12 var(--font-display);text-wrap:balance}
.seg__main,.seg__detail{display:block}
.seg__detail{font-weight:500}
.seg__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.seg__visual:has(img) > p{position:relative;align-self:flex-start;padding:var(--sp-2) var(--sp-3);background:var(--c-bg);border:0}
.seg__visual:has(img) .seg__sample{font-size:clamp(1.25rem, 8cqi, 2rem)}
.seg__h{margin-bottom:var(--sp-2)}
.seg__p,.gets__list dd,.plan__who,.plans__note,.pnotes,.contact__small,.field__hint{font-size:var(--fs-sm);line-height:1.55;color:var(--c-ink-muted)}
@media (min-width:64rem){.segs{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gets{display:grid;gap:var(--sp-7)}
.gets__list{display:grid;column-gap:var(--sp-6);counter-reset:g}
.gets__list>div{position:relative;padding:var(--sp-4) 0 var(--sp-5) 2.75rem;border-top:var(--border);counter-increment:g}
.gets__list>div::before{content:counter(g,decimal-leading-zero);content:counter(g,decimal-leading-zero) / "";position:absolute;left:0;top:.95rem;font:600 1.5rem/1 var(--font-display);color:var(--c-accent-strong)}
.gets__list dt{font-weight:600;line-height:1.35}
.gets__list dd{margin-top:var(--sp-1)}
@media (min-width:64rem){
.gets__head{grid-column:1 / span 4;position:sticky;top:calc(64px + var(--sp-6));align-self:start}
.gets__list{grid-column:6 / -1}
}
.steps{display:grid;counter-reset:st}
.step{position:relative;display:grid;grid-template-columns:3.25rem minmax(0,1fr);column-gap:var(--sp-4);padding-bottom:var(--sp-7);counter-increment:st}
.step:last-child{padding-bottom:0}
.step::before{content:counter(st,decimal-leading-zero);content:counter(st,decimal-leading-zero) / "";grid-row:1 / span 3;font:600 2.5rem/1 var(--font-display)}
.step::after{content:"";position:absolute;left:1.125rem;top:3.25rem;bottom:var(--sp-3);width:1px;background:var(--c-line-strong)}
.step:last-child::after{display:none}
.step__time{grid-area:1 / 2;justify-self:start;margin-bottom:var(--sp-3);padding:.3rem .5rem;border:1px solid var(--c-line-strong);border-radius:var(--radius)}
.step__h{grid-area:2 / 2;margin-bottom:var(--sp-3)}
.step__p{grid-area:3 / 2;max-width:34rem}
@media (min-width:64rem){
.steps{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--sp-5)}
.step{display:flex;flex-direction:column;padding:0}
.step::before{margin-bottom:var(--sp-5);font-size:3.5rem}
.step::after,.step:last-child::after{display:block;left:4.25rem;right:calc(var(--sp-3) - var(--sp-5));top:1.75rem;bottom:auto;width:auto;height:1px}
.step:last-child::after{right:0}
.step__time{order:1;align-self:flex-start}
.step__h{order:2}
.step__p{order:3}
}
.plans{display:grid;gap:var(--sp-7)}
.plans__group{display:grid;gap:var(--sp-4)}
.plans__label{padding-bottom:var(--sp-2);border-bottom:2px solid var(--c-ink)}
.plan{display:flex;flex-direction:column;padding:var(--sp-5);background:var(--c-surface);border:var(--border);border-radius:4px}
.plan__h{margin-bottom:var(--sp-2)}
.plan__who{margin-bottom:var(--sp-5)}
.plan__price{margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:var(--border);font-variant-numeric:tabular-nums}
.price{margin-bottom:var(--sp-2);line-height:1}
.price__amt{font:600 var(--fs-price)/1 var(--font-display);font-variant-numeric:tabular-nums}
.price__unit{font-weight:600;white-space:nowrap}
.price__meta{font-size:var(--fs-sm);line-height:1.45}
.plan__list{margin-bottom:var(--sp-5);font-size:var(--fs-sm);line-height:1.5}
.plan__list li{position:relative;padding-left:1.6rem}
.plan__list li + li{margin-top:var(--sp-2)}
.plan__list li::before{content:"—";content:"—" / "";position:absolute;left:0;color:var(--c-accent-strong)}
.plan__term{margin-bottom:var(--sp-4);font-size:var(--fs-sm);font-weight:600;line-height:1.4}
.plan__cta{width:100%;margin-top:auto}
.plans__note{max-width:var(--measure)}
@media (min-width:40rem){
.plans__group--monthly{column-gap:var(--sp-5)}
.plans__group--monthly > p{grid-column:1 / -1}
}
@media (min-width:64rem){
.plans{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--sp-5)}
.plans__group{grid-template-rows:auto 1fr}
.plans__group--monthly{grid-column:2 / span 2;grid-template-rows:auto 1fr auto}
@supports (grid-template-rows:subgrid){
.plans{grid-template-rows:repeat(8,auto);row-gap:0}
.plans__group{grid-row:1 / span 8;grid-template-rows:subgrid;row-gap:0}
.plans__group--monthly{grid-template-columns:subgrid}
.plans__label{grid-row:1;margin-bottom:var(--sp-4)}
.plan{grid-row:2 / span 6;display:grid;grid-template-rows:subgrid;row-gap:0}
.plan__cta{align-self:end}
.plans__note{grid-row:8;margin-top:var(--sp-4)}
}
}
.ptable{width:100%;margin-top:var(--sp-8);border-collapse:collapse;font-variant-numeric:tabular-nums}
.ptable caption{margin-bottom:var(--sp-4);font:600 var(--fs-h3)/1.2 var(--font-display);text-align:left}
.ptable__name,.ptable__unit{display:block}
.ptable__name{font-weight:600;line-height:1.35}
.ptable__unit{margin-top:.15rem;font-size:var(--fs-sm);font-weight:400;line-height:1.45}
@media (max-width:39.99rem){
.ptable,.ptable :is(caption,tbody,tr,th,td){display:block}
.ptable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.ptable tr{margin-bottom:var(--sp-3);padding:var(--sp-4);background:var(--c-surface);border:var(--border);border-radius:4px}
.ptable th{margin-bottom:var(--sp-2);text-align:left}
.ptable td{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) 0;border-top:var(--border);font-weight:600;white-space:nowrap}
.ptable td::before{content:attr(data-label);content:attr(data-label) / "";font-size:var(--fs-sm);font-weight:400;white-space:normal;color:var(--c-ink-muted)}
}
@media (min-width:40rem){
.ptable{background:var(--c-surface);border:var(--border)}
.ptable th,.ptable td{padding:var(--sp-4);border-bottom:var(--border);vertical-align:top;text-align:right}
.ptable thead th{font-size:.75rem;letter-spacing:.06em;color:var(--c-ink-muted);vertical-align:bottom}
.ptable th:first-child{text-align:left}
.ptable tbody th{width:44%;font-weight:400}
.ptable td{white-space:nowrap;font-weight:600}
.ptable td:last-child{font-weight:400;color:var(--c-ink-muted)}
.ptable tbody tr:last-child > *{border-bottom:0}
}
.pnotes{display:grid;gap:var(--sp-3);max-width:48rem;margin-top:var(--sp-5)}
.tg{position:relative;cursor:pointer;list-style:none}
.tg::-webkit-details-marker{display:none}
.tg::before,.tg::after{content:"";position:absolute;right:.25rem;top:calc(var(--tg, 50%) - 1px);width:.875rem;height:2px;background:currentColor;transition:.18s ease-out}
.tg::after{transform:rotate(90deg)}
[open] > .tg::after{transform:none}
.tg:hover{color:var(--c-accent-strong)}
.terms{margin-top:var(--sp-7);border-top:1px solid var(--c-ink);border-bottom:var(--border)}
.terms__sum{padding:var(--sp-4) 2.5rem var(--sp-4) 0;font-weight:600;line-height:1.4}
.terms__body{padding-bottom:var(--sp-6)}
.terms__list{max-width:48rem;padding-left:1.75rem;list-style:decimal;font-size:var(--fs-sm)}
.terms__list li + li{margin-top:var(--sp-2)}
.terms__list li::marker{font-weight:600}
.terms__src{max-width:48rem;margin-top:var(--sp-4);font-size:.875rem}
.ai{display:grid;gap:var(--sp-7)}
.ai__h{margin-bottom:var(--sp-5)}
.ai__steps{counter-reset:ai}
.ai__steps li{position:relative;padding:0 0 var(--sp-4) 3rem;line-height:1.5;counter-increment:ai}
.ai__steps li:last-child{padding-bottom:0}
.ai__steps li::before{content:counter(ai);position:absolute;left:0;width:1.5rem;font:600 1.125rem/1.35 var(--font-display);text-align:right;color:var(--c-accent-strong)}
.ai__steps li::after{content:"";position:absolute;left:2.125rem;top:0;bottom:0;width:1px;background:var(--c-line-strong)}
.ai__nots li{padding:var(--sp-4) 0;border-top:var(--border);line-height:1.55}
.ai__nots li:first-child{padding-top:0;border:0}
.ai__nots strong{color:var(--c-ink)}
.ai__note{max-width:var(--measure);margin-top:var(--sp-7);padding-top:var(--sp-4);border-top:var(--border);font-size:var(--fs-sm)}
@media (min-width:64rem){
.ai__col--how{grid-column:1 / span 5}
.ai__col--not{grid-column:7 / -1}
.faq__head{grid-column:1 / span 4}
.faq__list{grid-column:6 / -1}
.contact__intro{grid-column:1 / span 5}
.form{grid-column:6 / -1}
}
.faq{display:grid;gap:var(--sp-6)}
.faq__list{border-bottom:var(--border)}
.qa{padding-left:var(--sp-4);border-top:var(--border);border-left:2px solid transparent;transition:border-color .18s ease-out}
.qa[open]{border-left-color:var(--c-accent)}
.qa__q{--tg:calc(var(--sp-5) + .75em);padding:var(--sp-5) 2.75rem var(--sp-5) 0;font-size:1.0625rem;font-weight:600;line-height:1.45}
.qa__a{max-width:42rem;padding:0 var(--sp-6) var(--sp-5) 0}
.contact{display:grid;gap:var(--sp-7)}
.contact__intro .lead{margin-bottom:var(--sp-5)}
.contact__alt{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:var(--border)}
.contact__h{margin-bottom:var(--sp-2)}
.contact__mail{margin-bottom:var(--sp-2);font:600 1.5rem/1.3 var(--font-display)}
.contact__mail a{display:inline-block;padding-block:.25rem;text-decoration-thickness:2px}
.form{padding:var(--sp-5) var(--sp-4);background:var(--c-surface);border:var(--border);border-radius:4px}
.form__grid{display:grid;gap:var(--sp-5) var(--sp-4)}
.field{min-width:0}
.field > label{display:block;margin-bottom:var(--sp-2);font-size:var(--fs-sm);font-weight:600;line-height:1.6}
.req{font-weight:400}
.field input:not([type="checkbox"]),.field select,.field textarea{display:block;width:100%;min-height:3rem;padding:.7rem .875rem;font:inherit;font-size:1rem;line-height:1.4;color:var(--c-ink);background:var(--c-surface);border:1px solid var(--c-line-strong);border-radius:var(--radius);transition:border-color .18s ease-out}
.field textarea{min-height:8.5rem;resize:vertical}
.field :is(input,select,textarea):is(:hover,:focus-visible){border-color:var(--c-ink)}
.field :is(input,select,textarea):focus-visible{outline-offset:2px}
.field ::placeholder{color:var(--c-ink-muted);opacity:.85}
.field :disabled{opacity:.5;cursor:not-allowed}
.field :user-invalid,.field [aria-invalid="true"]{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}
.select{position:relative;display:block}
.select select{appearance:none;padding-right:2.75rem;cursor:pointer}
.select::after{content:"";position:absolute;right:1.1rem;top:50%;width:.5rem;height:.5rem;border:solid var(--c-ink);border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.field__hint,.field__err{margin-top:var(--sp-2)}
.field__err{font-size:var(--fs-sm);font-weight:600;line-height:1.45;color:var(--c-accent)}
.field__err:empty{display:none}
.field > .check{display:flex;align-items:flex-start;gap:var(--sp-3);margin:0 calc(-1 * var(--sp-3));padding:var(--sp-3);min-height:44px;border-radius:var(--radius);font-weight:400;line-height:1.5;cursor:pointer}
.check:hover{background:var(--c-bg)}
.check input{flex:none;width:20px;height:20px;margin:.15rem 0 0;accent-color:var(--c-ink);cursor:pointer}
.check input[aria-invalid="true"],.check input:user-invalid{outline:2px solid var(--c-accent);outline-offset:2px}
.form__info{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:var(--border);font-size:var(--fs-sm);line-height:1.55}
.form__summary:not(:empty),.form__ok:not(:empty){margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-left:2px solid var(--c-accent);background:var(--c-bg);font-size:var(--fs-sm);font-weight:600}
.form__ok:not(:empty){border-left-color:var(--c-ink)}
.form__submit{width:100%;margin-top:var(--sp-5)}
@media (min-width:40rem){
.form{padding:var(--sp-6)}
.field--full{grid-column:1 / -1}
.form__submit{width:auto}
}
.foot{--f-fg:#f5eee6;--f-muted:#c9c1b9;--f-line:rgba(245,238,230,.2);--f-accent:#ee4d78;padding-block:var(--sp-8) var(--sp-6);background:#071a2c;color:var(--f-fg);font-size:var(--fs-sm)}
.foot a{text-decoration-color:var(--f-accent)}
.foot a:hover{color:var(--f-accent)}
.foot :focus-visible{outline-color:var(--f-accent)}
.foot__grid{display:grid;gap:var(--sp-6);padding-bottom:var(--sp-7);border-bottom:1px solid var(--f-line)}
.foot__h{margin-bottom:var(--sp-3);color:var(--f-muted)}
.foot__addr{font-style:normal}
.foot__list a{display:inline-block;padding-block:.6rem}
.foot__list li:first-child a{padding-top:.3rem}
.foot__legal{max-width:52rem;padding-top:var(--sp-5);color:var(--f-muted)}
@media (min-width:64rem){
.foot__col{grid-column:span 3}
.foot__col:first-child{grid-column:1 / span 6}
}
@media (prefers-color-scheme:dark){
.foot{--f-fg:#f0dfcf;--f-muted:#d2c2b4;--f-line:rgba(240,223,207,.16);background:#04121f;border-top:var(--border)}
.band{border-block:var(--border)}
}
@media (min-width:64rem){.hero__grid,.gets,.ai,.faq,.contact,.foot__grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--sp-5)}}
@media (prefers-reduced-motion:reduce){*,::before,::after{transition:none !important;scroll-behavior:auto !important}}
@media print{
.skip,.nav,.form,.hero__cta,.plan__cta,.pp__wire,.contact__alt{display:none !important}
body,.band,.foot{background:#fff;color:#000}
.foot *{color:#000}
.sec{padding-block:1.25rem}
.plan,.ptable tr,.gets__list>div,.qa{break-inside:avoid}
details::details-content{content-visibility:visible;display:block}
.tg::before,.tg::after{display:none}
}