@font-face{font-family:Voltaria;src:url(/assets/font/f3.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Voltaria;src:url(/assets/font/f4.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Voltaria;src:url(/assets/font/f5.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --bg:#f4f4f2;--card:#fff;--navy:#03045e;--navy2:#14166e;--ink:#03045e;--mute:#565873;--line:#e3e3df;
  --lime:#9dd532;--limeink:#0f2a00;--wt:#fff;--wm:#c6c7e6;--wl:rgba(255,255,255,.14);
  --r:1rem;--rs:.75rem;--gut:1rem;--hh:5rem;--sh:0 1px 2px rgba(3,4,94,.04),0 .5rem 1.5rem rgba(3,4,94,.05);
  --hd:"Voltaria",system-ui,sans-serif;
  --bd:"Voltaria",system-ui,sans-serif;
  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:#0b0c1e;--card:#15173a;--ink:#f1f1f6;--mute:#a5a7c4;--line:#252852;--sh:none}}
:root[data-theme=dark]{--bg:#0b0c1e;--card:#15173a;--ink:#f1f1f6;--mute:#a5a7c4;--line:#252852;--sh:none}
html{scroll-padding-top:calc(var(--hh) + env(safe-area-inset-top,0px));scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit;margin:0}
body{background:var(--bg);color:var(--ink);font:300 1rem/1.55 var(--bd);-webkit-font-smoothing:antialiased}
h1,h2,h3,.big{font-family:var(--hd);font-weight:500;letter-spacing:-.02em;line-height:1.1}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:1.375rem;letter-spacing:-.01em}
p{max-width:44rem}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
button,input,select{font:inherit;color:inherit}
.shell{max-width:80rem;margin-inline:auto;padding-inline:var(--gut)}
:focus-visible{outline:.15rem solid var(--lime);outline-offset:.15rem}

/* eyebrow + buttons */
.ey{display:inline-flex;align-items:center;gap:.5rem;color:var(--mute);font-size:.9375rem;font-weight:400}
.ey svg{width:.9rem;height:.9rem;fill:var(--lime)}
.bt{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:99rem;font-weight:400;font-size:.9375rem;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s,background .15s}
.bt::before{content:"";width:.3rem;height:.3rem;border-radius:50%;background:currentColor}
.bt:hover{transform:translateY(-.0625rem)}
.bt.n{background:var(--navy);color:#fff}
.bt.l{background:var(--lime);color:var(--limeink)}
.bt.o{border-color:var(--ink);color:var(--ink)}
.bt.w{border-color:rgba(255,255,255,.5);color:#fff}
.cx{text-align:center}.cx p{margin-inline:auto}
.sec{padding-block:5rem}
.sec>.shell>.ey,.sec .ttl{margin-bottom:1rem}
.ttl h2{margin-bottom:2.5rem}

/* header */
.hd{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:1.25rem;gap:1rem;position:sticky;top:0;z-index:20;background:var(--bg);margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);transition:transform .3s ease}
.hd.off{transform:translateY(-100%)}
.hd nav{display:flex;gap:1.75rem;font-size:.9375rem;font-weight:400;white-space:nowrap}
.hd nav a:hover{color:var(--mute)}
.lg{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--hd);font-size:1.4rem;font-weight:500;letter-spacing:-.02em}
.lg svg{width:1.6rem;height:1.6rem}
.hd .rt{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}
.hd .rt a.ic,.th{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:transparent;border:0;cursor:pointer}
.hd .rt svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.hd .rt a.ic:hover,.th:hover{background:var(--line)}
.hd .rt .bt{margin-left:.75rem}
.ln{position:relative}.ln>button{display:inline-flex;align-items:center;gap:.35rem;height:2.25rem;padding:0 .75rem;border-radius:99rem;border:1px solid var(--line);background:none;cursor:pointer;font-size:.875rem;font-weight:400}.ln>button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ln ul{position:absolute;top:calc(100% + .4rem);right:0;min-width:9rem;list-style:none;padding:.35rem;margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--rs);box-shadow:var(--sh);display:none;z-index:10}.ln.on ul{display:block}.ln li a{display:flex;justify-content:space-between;padding:.5rem .75rem;border-radius:.4rem;font-size:.875rem;font-weight:400}.ln li a:hover{background:var(--bg)}.ln li a[aria-current]{font-weight:500}.ln li a span{color:var(--mute);font-weight:300}
.th .mo{display:none}[data-theme=dark] .th .su{display:none}[data-theme=dark] .th .mo{display:block}
.mn{display:none;width:2.5rem;height:2.5rem;border:0;background:none;cursor:pointer;place-items:center}
.mn svg{width:1.5rem;height:1.5rem;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}

/* navy band with corner dots */
.bn{position:relative;background:var(--navy);color:#fff;border-radius:var(--r);overflow:hidden}
.bn::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 1.25rem 1.25rem,#fff .18rem,transparent .22rem),radial-gradient(circle at calc(100% - 1.25rem) 1.25rem,#fff .18rem,transparent .22rem),radial-gradient(circle at 1.25rem calc(100% - 1.25rem),#fff .18rem,transparent .22rem),radial-gradient(circle at calc(100% - 1.25rem) calc(100% - 1.25rem),#fff .18rem,transparent .22rem)}
.bn .ey{color:var(--wm)}
.bn h2,.bn h3{color:#fff}
.bn p{color:var(--wm)}

/* placeholder illustrations */
.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--rs)}
figure{position:relative;overflow:hidden;border-radius:var(--rs)}
figure>svg{width:100%;height:100%;display:block}
.ov{position:absolute;inset:auto 1rem 1rem 1rem;display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:var(--rs);background:rgba(3,4,94,.55);backdrop-filter:blur(.75rem);-webkit-backdrop-filter:blur(.75rem);color:#fff;font-family:var(--hd)}
.ov .tb{width:6.5rem;flex:none;aspect-ratio:1;border-radius:.5rem;overflow:hidden;position:relative}.ov .tb svg{position:absolute;inset:0;width:100%;height:100%}
.ov strong{font-weight:500;font-size:1.25rem;line-height:1.2;letter-spacing:-.01em}

/* hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-block:1rem}
.hero .bn{padding:4rem 4rem 2.5rem;display:flex;flex-direction:column;min-height:42rem}
.hero h1{font-size:clamp(2.5rem,4.6vw,3.6rem);margin:1.25rem 0 1.5rem;max-width:13ch;font-weight:500}
.hero .hp{font-size:1.0625rem;max-width:30rem;margin-bottom:2rem}
.hero .ac{display:flex;gap:.75rem;flex-wrap:wrap}
.hero .st{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:2rem}
.hero .st div{border-top:1px solid var(--wl);padding-top:1.5rem}
.hero .st b{display:block;font:500 1.75rem/1 var(--hd);letter-spacing:-.02em;margin-bottom:.75rem;min-height:1.75rem;white-space:nowrap}
.hero .st span{color:var(--wm);font-size:.9375rem}
.hero figure{min-height:26rem;border-radius:var(--r)}
.hero figure>svg{position:absolute;inset:0}
.vd{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero .st b.av{display:flex}.av i{width:1.75rem;height:1.75rem;border-radius:50%;border:.125rem solid var(--navy);margin-right:-.5rem;display:grid;place-items:center;background:var(--lime)}
.av i svg{width:.9rem;height:.9rem;stroke:var(--limeink);stroke-width:1.8;fill:none;stroke-linecap:round}

/* impact cards */
.im{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:3rem}
.im>div{background:var(--card);border-radius:var(--r);padding:2rem;box-shadow:var(--sh);display:flex;flex-direction:column;text-align:left}
.im figure{padding:0;background:none;border-radius:var(--r);min-height:23rem}
.im figure>svg{position:absolute;inset:0}
.im .ico{width:2.6rem;height:2.6rem;stroke:var(--lime);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:3.5rem}
.big{font-size:3.5rem;margin-bottom:1.25rem}
.im h3{margin-bottom:.75rem}
.im p{color:var(--mute);font-size:.9375rem}
.dc{margin-top:auto;padding-top:2rem;display:flex;align-items:flex-end;gap:.35rem;height:8rem}
.dc div{display:flex;flex-direction:column-reverse;gap:.35rem;flex:1}
.dc i{width:.6rem;height:.6rem;border-radius:50%;background:var(--line)}
.dc i.on{background:var(--lime)}
.pb{display:flex;align-items:center;gap:1rem}
.pb b{font:500 2rem/1 var(--hd);display:block;margin-bottom:.35rem}
.pb span{font-size:.9375rem;font-family:var(--bd)}
.pb .ic{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex:none}
.pb .ic svg{width:1.5rem;height:1.5rem;stroke:var(--limeink);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.im+p{color:var(--mute);margin-bottom:2rem}

/* services */
.sv{padding:5rem 2rem}
.sv .gr{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;max-width:60rem;margin:0 auto}
.sv figure{min-height:36rem}
.sv figure>svg{position:absolute;inset:0;transition:opacity .25s ease}
.sv figure.sw>svg{opacity:0}
.sv ul{list-style:none;padding:0;display:flex;flex-direction:column}
/* Her madde aynı kutuya sahip; seçili olan yalnızca arka plan rengiyle ayrışır.
   Ayırıcı çizgi border yerine inset box-shadow, çünkü box-shadow düzeni
   etkilemez ve seçili maddede yumuşakça sönebilir. */
.sv li{padding:1.5rem 1.25rem;border-radius:var(--rs);cursor:pointer;box-shadow:inset 0 -1px 0 var(--wl);transition:background .25s ease,box-shadow .25s ease}
.sv li:last-child{box-shadow:inset 0 -1px 0 transparent}
.sv li.on{background:var(--navy2);box-shadow:inset 0 -1px 0 transparent}
.sv li:not(.on):hover{background:rgba(255,255,255,.05)}
.sv li:not(.on):hover h3{color:var(--lime)}
.sv h3{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.45rem}
.sv h3 svg{width:1.6rem;height:1.6rem;stroke:var(--lime);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sv p{font-size:.9375rem}

/* workflow */
.wf{max-width:60rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem 7rem;align-items:start;position:relative}
.wf article:nth-of-type(2),.wf article:nth-of-type(4){margin-top:3rem}
.wf .cn{position:absolute;inset:0;pointer-events:none;overflow:visible}
.wf .cn path{fill:none;stroke:var(--lime);stroke-width:.15rem;stroke-dasharray:.3rem .45rem;stroke-linecap:round}
.wf .cn circle,.wf .cn polygon{fill:var(--lime)}
.wf form{order:3;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:1rem 1.25rem}
.wf form h3,.wf form small{grid-column:1/-1}
.wf form .bt{margin:0}
.wf article{background:var(--card);border-radius:var(--r);padding:2rem 2rem .5rem;box-shadow:var(--sh);position:relative;z-index:1}
.wf h3{margin-bottom:.75rem}
.wf p{color:var(--mute);font-size:.9375rem;margin-bottom:1.5rem}
.wf figure{aspect-ratio:1.9;margin:0 -1.5rem -.125rem}
.wf figure>svg{position:absolute;inset:0}
.fm{padding:2rem;display:flex;flex-direction:column;gap:1rem;border-radius:var(--r)}
.fm h3{font-size:1.5rem;margin-bottom:.5rem}
.fm label{font-size:.9375rem;font-weight:400;display:flex;flex-direction:column;gap:.5rem}
.fm input,.fm select{width:100%;padding:.8rem 1rem;border-radius:99rem;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:.9375rem;appearance:none;-webkit-appearance:none}
.fm input::placeholder{color:var(--wm)}
.fm select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='white' stroke-width='1.6'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 1rem center}
.fm select option{color:var(--ink)}
.fm .bt{justify-content:center;margin-top:.25rem;width:100%}
.fm::after{display:none}.fm small{color:var(--wm);font-size:.8125rem;text-align:center}
.fm small.uy{color:var(--lime)}
.fm small.uy a{color:inherit;text-decoration:underline}

/* portfolio */
.pf .tp{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem}
.pf h2{margin:0}
.pf .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.pf figure{aspect-ratio:1;border-radius:var(--r)}
.pf figure>svg{position:absolute;inset:0}
.pf .cp{background:var(--card);border-radius:var(--rs);padding:1.25rem 1rem;margin-top:1rem}
.pf .cp span{display:block;color:var(--mute);font-size:.875rem;margin-bottom:.25rem}
.pf .cp b{font:500 1.25rem/1.2 var(--hd);letter-spacing:-.01em}

/* pricing */
.pr{padding:5rem 2rem}
.pr .gr{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem;max-width:60rem;margin:0 auto}
.pc{background:var(--card);color:var(--ink);border-radius:var(--r);padding:2rem 2rem 0;display:flex;flex-direction:column}
.pc .hh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.bn .pc h3{color:var(--ink);margin-bottom:.5rem}.bn .pc p{color:var(--mute)}.pc .hh>div:first-child{flex:1 1 17rem}
.pc .hh p{color:var(--mute);font-size:.9375rem;max-width:22rem;margin-inline:0}
.tg{display:inline-flex;background:var(--bg);border-radius:99rem;padding:.25rem;flex:none}
.tg button{border:0;background:none;padding:.55rem 1rem;border-radius:99rem;font-size:.875rem;font-weight:400;cursor:pointer;color:var(--mute)}
.tg button[aria-pressed=true]{background:var(--navy);color:#fff}
.pc ul{list-style:none;padding:1.75rem 0;display:flex;flex-direction:column;gap:.9rem;font-size:.9375rem;color:var(--mute);flex:1}
.pc li{display:flex;gap:.75rem;align-items:flex-start}
.pc li svg{width:1rem;height:1rem;fill:var(--lime);flex:none;margin-top:.2rem}
.pc .ft{background:var(--bg);margin:0 -2rem;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-radius:0 0 var(--r) var(--r)}
.pc .ft b{font:500 2.5rem/1 var(--hd);letter-spacing:-.02em;display:inline-block;min-width:5.25em}
/* Fontta tabular rakam yok, sayarken kutu genişliği oynuyordu. Gösterilen aralıktaki
   (262.500-875.000) en geniş değer ölçüldü: "600.000 €" = 5.23em. Font ya da fiyatlar
   değişirse yeniden ölçülmeli. Yanındaki birim etiketi de bölünmesin. */
.pc .ft b + small{white-space:nowrap}
.pc .ft small{font-size:.875rem;color:var(--mute);transition:opacity .2s ease,transform .2s ease}
.pc .ft.sw small{opacity:0;transform:translateY(.3rem)}
.pr .gr>figure{min-height:26rem;border-radius:var(--r)}
.pr figure>svg{position:absolute;inset:0}
.ph-sag{object-position:78% 50%}
.ph-sol{object-position:30% 50%}
.ph-alt{object-position:50% 82%}
.pr .ov{font-family:var(--bd)}
.pr .ov .ic{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--lime);display:grid;place-items:center;flex:none}
.pr .ov svg{width:1.4rem;height:1.4rem;stroke:var(--limeink);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.pr .ov span{display:block;color:var(--wm);font-size:.9375rem}
.pr .ov a{font-size:1.0625rem}
.qt{display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;align-items:center;max-width:60rem;margin:5rem auto 0;text-align:left}
.qt .gs{display:grid;grid-template-columns:repeat(3,4.75rem);gap:.75rem}
.qt .gs button{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:.5rem;overflow:hidden;background:none;cursor:pointer;opacity:.5;transition:opacity .25s ease}
.qt .gs button:hover{opacity:.75}
.qt .gs button[aria-pressed=true]{opacity:1;box-shadow:0 0 0 .15rem var(--lime)}
.qt .gs img{width:100%;height:100%;object-fit:cover}
.qt blockquote,.qt cite{transition:opacity .2s ease,transform .2s ease}
.qt.sw blockquote,.qt.sw cite{opacity:0;transform:translateY(.4rem)}
.qt blockquote{font:300 1.5rem/1.3 var(--hd);letter-spacing:-.01em;color:#fff;margin-bottom:1.5rem}
.qt cite{font-style:normal;display:block}
.qt cite span{display:block;color:var(--wm);font-size:.875rem;margin-bottom:.35rem}
.qt cite b{font:400 1.125rem var(--hd)}

/* why */
.wy .gr{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1rem;max-width:60rem;margin:0 auto}
.wy .bn{padding:2rem;grid-row:span 2;display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;min-height:22rem}
.wy .bn::after{display:none}
.wy .bn h3{font-size:1.5rem;max-width:12ch}
.wy .bn .sn{position:absolute;right:-3rem;bottom:-4rem;width:16rem;height:16rem;fill:var(--navy2);opacity:.9}
.wy .kp{background:var(--card);border-radius:var(--r);padding:2rem;box-shadow:var(--sh)}
.wy .kp svg{width:2rem;height:2rem;stroke:var(--lime);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:1.5rem}
.wy .kp b{display:block;font:500 1.75rem/1 var(--hd);letter-spacing:-.02em;margin-bottom:.75rem}
.wy .kp span{color:var(--mute);font-size:.9375rem}

/* footer */
footer .bn{padding:4rem 3rem 2rem;margin-bottom:1rem}
footer .bn::after{display:none}
footer .gr{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2rem;padding-bottom:3rem;border-bottom:1px solid var(--wl)}
footer .lg{color:#fff;margin-bottom:1rem}
footer h4{font:400 1rem var(--hd);margin-bottom:1rem;color:#fff}
footer ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem;color:var(--wm);font-size:.9375rem}
footer ul a:hover{color:#fff}
footer address{font-style:normal;color:var(--wm);font-size:.9375rem;line-height:1.6}
footer .bb{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;color:var(--wm);font-size:.8125rem}

/* başa dön: kare buton, çerçevesi kaydırma ilerlemesini çizer */
.tt{position:fixed;right:1.5rem;bottom:1.5rem;width:3rem;height:3rem;display:grid;place-items:center;border:0;border-radius:var(--rs);background:var(--card);color:var(--ink);box-shadow:var(--sh);cursor:pointer;z-index:30;opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity .25s ease,transform .25s ease,visibility .25s}
.tt.on{opacity:1;visibility:visible;transform:none}
.tt:hover{background:var(--bg)}
.tt .pg{position:absolute;inset:0;width:100%;height:100%}
.tt .pg rect{fill:none;stroke-width:2}
.tt .tr{stroke:var(--line)}
.tt .pr{stroke:var(--lime);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .12s linear}
.tt .ar{position:relative;width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:48rem){.tt{right:var(--gut);bottom:var(--gut)}}

/* reveal */
.rv{opacity:0;transform:translateY(1.25rem);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.hd,.tt,.tt .pr,.pc .ft small,.qt blockquote,.qt cite,.sv li,.sv figure>svg{transition:none}html{scroll-behavior:auto}}

/* responsive */
@media (max-width:64rem){
  .hero{grid-template-columns:1fr}.hero .bn{padding:3rem 2rem 2rem;min-height:0}.hero figure{min-height:22rem}
  .im,.wy .gr{grid-template-columns:1fr 1fr}.im figure{grid-row:span 2}.wy .bn{grid-column:span 2;grid-row:auto}
  .sv .gr,.pr .gr,.qt{grid-template-columns:1fr}.sv figure{min-height:24rem}
  footer .gr{grid-template-columns:1fr 1fr}
}
/* üst menü 60rem altında hamburger olur: 768-940px arasında
   nav + logo + sağ grup sığmıyor ve yatay taşma yapıyordu */
@media (max-width:60rem){
  .hd{grid-template-columns:auto 1fr auto}.hd nav,.hd .rt a.ic,.hd .rt .bt{display:none}.mn{display:grid}
  .hd nav.on{display:flex;position:absolute;inset:100% var(--gut) auto;background:var(--card);flex-direction:column;padding:1rem;border-radius:var(--rs);box-shadow:var(--sh);z-index:9}
  .hd .lg{justify-self:center}
}
@media (max-width:48rem){
  :root{--gut:.75rem}.sec{padding-block:3.5rem}
  .hero .st{grid-template-columns:1fr 1fr}.hero h1{max-width:none}
  .im,.wy .gr,.pf .gr{grid-template-columns:1fr}.im figure{grid-row:auto}.wy .bn{grid-column:auto}
  .sv,.pr{padding:3rem 1.25rem}.big{font-size:2.75rem}
  .wf{grid-template-columns:1fr;gap:1.5rem}.wf article:nth-of-type(2),.wf article:nth-of-type(4){margin-top:0}.wf .cn{display:none}.wf form{grid-template-columns:1fr}.wf form .bt{width:100%}
  .pf .tp{flex-direction:column;align-items:flex-start;gap:1.5rem}
  .pc .hh{flex-direction:column}.pc .hh>div:first-child{flex:none}.pc .ft{flex-direction:column;align-items:flex-start}
  .ov{flex-direction:column;align-items:flex-start}.ov .tb{width:100%;aspect-ratio:2.4}
  .qt .gs{grid-template-columns:repeat(3,minmax(0,6rem))}
  footer .bn{padding:2.5rem 1.25rem 1.5rem}footer .gr{grid-template-columns:1fr}
  .bn{border-radius:var(--rs)}
}