/* DESTADE web tasarım sistemi (K15 "Sakin Akış"). Sayfadan bağımsız, tüm sayfalarda ortak. */

/* ============================================================
   1. DEĞİŞKENLER
   ============================================================ */

:root{
  --ink:#0F1F33; --ink-2:#364659; --ink-3:#55657A;
  --line:#DCE4EC; --line-2:#C5D1DD;
  --bg:#FFFFFF; --bg-alt:#F5F8FA;
  --blue:#298CCB; --blue-t:#1B6EA8; --blue-d:#175F93; --blue-grad:linear-gradient(135deg,#30A0D8,#2080C0);
  --green:#2EA44A; --green-t:#1A7F37; --green-soft:#E9F6EC;
  --amber:#F5A02F; --amber-t:#9A5B00; --navy:#2D4366; --red:#C62828;
  --sans:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
  --ease-out:cubic-bezier(.23,1,.32,1); --ease-drawer:cubic-bezier(.32,.72,0,1);
  --hh:52px;
  --sp-sec:32px;
}
@media(min-width:960px){:root{--hh:68px;--sp-sec:60px}}

/* ============================================================
   2. RESET VE TEMEL
   ============================================================ */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 8px)}
body{margin:0;font-family:var(--sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;}
img{max-width:100%}
a{color:inherit}
h1,h2,h3,h4,p,ul,ol,dl{margin:0}
ul,ol{padding:0;list-style:none}
button,a,[role=button]{touch-action:manipulation}
button{font:inherit;color:inherit;cursor:pointer}
.mono{font-family:var(--mono)}
:focus-visible{outline:2px solid var(--blue-t);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{top:8px}

/* ============================================================
   3. TİPOGRAFİ
   ============================================================ */

h1{font-size:clamp(2.25rem,9vw,2.5rem);line-height:1.08;font-weight:800;letter-spacing:-.02em}
h2{font-size:1.75rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;max-width:22ch}
h3{font-size:1.25rem;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.lead{color:var(--ink-2);max-width:60ch}
@media(min-width:960px){
 h1{font-size:clamp(3.25rem,5.6vw,4.75rem);line-height:1.04}
 h2{font-size:2.75rem;line-height:1.1;max-width:20ch}
 h3{font-size:1.75rem;line-height:1.2}
 .lead{font-size:1.125rem}
}

/* ============================================================
   4. DÜZEN: container, header, ilerleme çizgisi, bölüm ve bölüm başı satırı
   ============================================================ */

.wrap{width:min(1120px,100% - 40px);margin-inline:auto}
@media(max-width:959px){.d-only{display:none!important}}
@media(min-width:960px){.m-only{display:none!important}}
.hdr{position:sticky;top:0;z-index:40;height:var(--hh);background:#fff;border-bottom:1px solid var(--line)}
@supports(backdrop-filter:blur(1px)){.hdr{background:rgba(255,255,255,.9);backdrop-filter:blur(14px)}}
.hdr .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center}
.logo img{height:30px;width:auto;display:block}
@media(min-width:960px){.logo img{height:34px}}
.nav{display:none}
@media(min-width:960px){
 .nav{display:flex;gap:26px;margin-left:auto}
 .nav a{position:relative;text-decoration:none;font-weight:500;font-size:.9375rem;color:var(--ink-2);padding:8px 0}
 .nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--ac,var(--blue-t));transform:scaleX(0);transform-origin:left;transition:transform 220ms var(--ease-out)}
 .nav a[aria-current=true],.nav a[aria-current=page]{color:var(--ink)}
 .nav a[aria-current=true]::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
 .nav a.g{--ac:var(--green-t)}
}
.progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.progress i{display:block;height:100%;background:var(--blue-grad);transform:scaleX(0);transform-origin:left}
.hdr .hdr-cta{display:none}
@media(min-width:960px){.hdr .hdr-cta{display:inline-flex}}

.sec{position:relative;background:var(--bg);border-top:1px solid var(--line-2);padding-block:var(--sp-sec)}
.sec.alt{background:var(--bg-alt)}
.sec-row{display:flex;flex-wrap:wrap;gap:4px 20px;justify-content:space-between;font:500 .75rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-t);margin-bottom:20px}
.sec-row.g{color:var(--green-t)}
.sec-row .aux{color:var(--ink-3)}

/* ============================================================
   5. BİLEŞENLER: buton, etiket, cam kart
   ============================================================ */

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--line-2);background:#fff;color:var(--ink);font-weight:600;font-size:.9375rem;text-decoration:none;transition:transform 140ms var(--ease-out),background-color 140ms,border-color 140ms;user-select:none;-webkit-user-select:none}
.btn:active{transform:scale(.97)}
.btn.pri{background:var(--blue-t);border-color:var(--blue-t);color:#fff}
.btn.grn{background:var(--green-t);border-color:var(--green-t);color:#fff}
@media(hover:hover) and (pointer:fine){.btn:hover{border-color:var(--ink-3)}.btn.pri:hover{background:var(--blue-d);border-color:var(--blue-d)}.btn.grn:hover{filter:brightness(.92)}}
.ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--lt,var(--blue-t));text-decoration:none}
.link .ico{transition:transform 180ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.link:hover .ico{transform:translateX(3px)}}
.tag{display:inline-flex;align-items:center;gap:6px;font:500 .6875rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line-2);border-radius:6px;padding:5px 7px;background:#fff}
.tag.ok{color:var(--green-t);border-color:#b9dfc3}
.tag.ok::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
/* cam kart (tek dil) */
.glass{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(15,31,51,.04),0 10px 28px -14px rgba(15,31,51,.16)}
@supports(backdrop-filter:blur(1px)){.glass.blur{background:rgba(255,255,255,.72);backdrop-filter:blur(14px) saturate(1.2)}}

/* ============================================================
   5.1 Akış hattı, alet kimliği, pano mock, etiket, katman (sterilizasyon)
   ============================================================ */

.steril{overflow:hidden}
.steril::before{content:"";position:absolute;inset:0 0 auto 0;height:70%;pointer-events:none;background:radial-gradient(50% 60% at 85% 0%,rgba(46,164,74,.08),transparent 70%),radial-gradient(40% 50% at 5% 10%,rgba(48,160,216,.07),transparent 70%)}
.steril .wrap{position:relative}
.steril .eyebrow{font:500 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}
.flow{margin-top:24px;display:grid}
.flow li{position:relative;padding:0 0 22px 56px;min-height:62px}
.flow .dot{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;border:2px solid var(--green);background:#fff;display:grid;place-items:center;font:500 .75rem var(--mono);color:var(--green-t)}
.flow li:not(:last-child)::after{content:"";position:absolute;left:19px;top:44px;bottom:4px;border-left:2px dashed #b9dfc3}
.flow h3{font-size:1.0625rem;line-height:1.35;padding-top:8px}
.flow .tag{margin-top:6px}
.flow .setchip{display:inline-block;margin-top:8px;font:400 .75rem var(--mono);border:1px solid var(--line-2);border-radius:8px;padding:3px 8px;background:#fff;color:var(--ink-2)}
.sgrid{margin-top:8px;display:grid;gap:28px}
.mock{padding:20px;position:relative}
.mock .mh{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}
.alet .row{display:flex;gap:18px;align-items:center}
.qr{width:96px;height:96px;flex:none}.qr img{width:100%;height:100%;display:block}
.qrn{font:400 .625rem/1.4 var(--mono);color:var(--ink-3);margin-top:6px;max-width:130px}
.ids{font:500 1.75rem/1.1 var(--mono);letter-spacing:.02em}
.ids .a{color:var(--blue-t);display:block}.ids .b{color:var(--green-t);display:block}
.kv{margin-top:16px;display:grid;gap:6px;font-size:.875rem}
.kv div{display:flex;justify-content:space-between;gap:12px}
.kv span{font:400 .75rem var(--mono);color:var(--ink-3)}
.kv b{font-weight:600;text-align:right}
.alet .ft{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-2);display:flex;justify-content:space-between;font:400 .6875rem var(--mono);color:var(--ink-3)}
.alet .ft b{display:block;font-size:.9375rem;font-weight:500}
.info{margin-top:20px;padding-left:16px;border-left:3px solid var(--blue)}
.info h3{font-size:1.0625rem}
.info p{color:var(--ink-2);margin-top:4px;font-size:.9688rem;line-height:1.5}
.layers{margin-top:20px;display:grid;gap:14px}
.layer{border-top:1px solid var(--line);padding-top:14px}
.layer .k{font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--green-t)}
.layer h3{font-size:1.0625rem;margin-top:2px}
.layer p{color:var(--ink-2);font-size:.9688rem;line-height:1.5;margin-top:2px}
.s-cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.s-cta .btn{min-height:48px}
@media(max-width:959px){.s-cta .btn{width:100%}}
.stats .mt{flex:1;margin:0;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:10px}
.stats .mt>div{display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}
.stats dt{font:400 .6875rem/1.3 var(--mono);color:var(--ink-3)}
.stats dd{margin:0;font:500 1.375rem/1.1 var(--mono);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.stats dd.w{color:var(--red)}
.field{margin-top:32px}
.field .eyebrow{margin-bottom:12px}
.fgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fgrid figure{margin:0}
.fgrid img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line);background:#fff}
.fgrid.eq img{aspect-ratio:4/3;object-fit:contain;padding:10px}
.fgrid figcaption{margin-top:6px;font:400 .75rem/1.4 var(--mono);color:var(--ink-3)}
.pfoto{display:block;width:160px;height:auto;margin:0 0 20px}
.afoto{margin:24px 0 0}
.afoto img{display:block;width:100%;max-width:520px;height:auto;border-radius:16px}
@media(min-width:960px){.field{margin-top:48px}.fgrid{grid-template-columns:repeat(4,1fr);gap:24px}.pfoto{width:182px}.afoto{margin-top:32px}}
.bars{display:grid;gap:10px}
.bar-r{display:grid;grid-template-columns:1fr 1.6fr 24px;gap:12px;align-items:center;font-size:.875rem}
.bar-r .tr{height:8px;border-radius:99px;background:#E8EEF3;overflow:hidden}
.bar-r .tr i{display:block;height:100%;width:var(--v);background:var(--c);border-radius:99px}
.bar-r b{font:500 .8125rem var(--mono);text-align:right}
.etk .hd{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.etk h4{font-size:1.25rem;font-weight:700}
.etk .body{display:flex;justify-content:space-between;gap:16px;margin-top:14px;align-items:flex-start}
@media(min-width:960px){
 .steril .eyebrow{margin-bottom:14px}
 .flow{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
 .flow li{padding:56px 0 0;min-height:0}
 .flow li:not(:last-child)::after{left:48px;right:-16px;top:19px;bottom:auto;height:0;border-left:0;border-top:2px dashed #b9dfc3}
 .flow h3{padding-top:0;font-size:1.125rem}
 .sgrid{grid-template-columns:1.15fr 1fr;gap:24px;margin-top:48px;align-items:stretch}
 .sgrid>.mock{display:flex;flex-direction:column}
 .sgrid .bars{flex:1;align-content:space-between}
 .alet .ft{margin-top:auto}
 .alet .kv{margin-bottom:14px}
 .stats .mt{grid-template-columns:repeat(3,1fr)}
 .mock{padding:24px}
 .infos{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
 .info{margin-top:0}
 .layers{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
 .layer{padding-top:18px}
 .layer h3{font-size:1.25rem}
 .s-cta{margin-top:40px}
}

/* ============================================================
   5.2 Ürün bölümü, ürün logosu, mini mock, mobil akordeon
   ============================================================ */

.corp-intro{border-top:1px solid var(--line-2)}
.prods{background:var(--bg)}
.prod{padding-block:0;background:transparent;border-top:1px solid var(--line)}
.prod-trig{display:grid;grid-template-columns:40px 1fr 24px;gap:14px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:14px 0;min-height:64px;user-select:none;-webkit-user-select:none}
.prod-trig img{width:40px;height:40px;display:block}
.prod-trig b{display:block;font-size:1.0625rem;line-height:1.3}
.prod-trig span.s{display:block;color:var(--ink-2);font-size:.9375rem;line-height:1.45}
.prod-trig .ico{color:var(--ink-3);transition:transform 220ms var(--ease-out)}
.prod-trig[aria-expanded=true] .ico{transform:rotate(180deg)}
.prod-body{padding:0 0 12px 54px}
.prod-body:not([hidden]){animation:fadeIn 220ms var(--ease-out)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.feat{display:grid;gap:8px;margin-bottom:4px}
.feat li{position:relative;padding-left:16px;font-size:.9688rem;line-height:1.5;color:var(--ink-2)}
.feat li::before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--acc)}
.prod .link{--lt:var(--acc-t)}
.prods-end{padding:8px 0 32px}
.plogo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.25rem;letter-spacing:.01em}
.plogo img{width:40px;height:40px}
.plogo .des{color:var(--ink)}.plogo .x{color:var(--acc-t)}
.mini{padding:20px;font-size:.875rem}
.mini .mh{display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}
@media(min-width:960px){
 .prod{padding-block:var(--sp-sec);background:var(--bg)}
 .prod.alt{background:var(--bg-alt)}
 .prod .sec-row{color:var(--acc-t);margin-bottom:28px}
 .prod-body{padding:0}
 .prod-body[hidden]{display:block}
 .prod-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}
 .prod.flip .prod-txt{order:2}
 .prod-txt .plogo{margin-bottom:16px}
 .prod-txt h3{max-width:22ch}
 .prod-txt .desc{color:var(--ink-2);margin-top:12px;max-width:52ch}
 .prod-txt .feat{margin-top:16px;gap:6px}
 .prod-txt .kim{margin-top:14px;font-size:.9375rem;color:var(--ink-3)}
 .prod-txt .kim b{color:var(--ink);font-weight:600}
 .prod-txt .link{margin-top:6px}
 .prods-end{padding:0 0 var(--sp-sec);text-align:center}
 .prod.last{padding-bottom:36px}
 .mini{max-width:340px;justify-self:center;width:100%}
}
.fl{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-top:1px solid var(--line)}
.fl:first-of-type{border-top:0}
.fl span{color:var(--ink-3);font:400 .75rem var(--mono)}
.stt{font:500 .6875rem var(--mono);padding:2px 6px;border-radius:6px;background:var(--bg-alt);border:1px solid var(--line)}
.av{width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700}
.phone{width:84px;height:150px;border:3px solid var(--ink);border-radius:16px;padding:8px 6px;background:#fff;flex:none}
.browser{flex:1;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:#fff}
.browser .tb{display:flex;gap:4px;padding:6px;background:var(--bg-alt);border-bottom:1px solid var(--line)}
.browser .tb i{width:7px;height:7px;border-radius:50%;background:var(--line-2)}
.sk{height:8px;border-radius:4px;background:#E3EAF1;margin:7px 6px}
.nfc{height:150px;border-radius:14px;background:linear-gradient(135deg,#30A0D8,#1B6EA8);color:#fff;padding:16px;display:flex;flex-direction:column;justify-content:space-between}

/* ============================================================
   5.3 Form ve iletişim düzeni
   ============================================================ */

.contact{display:grid;gap:24px}
.contact .sub{color:var(--ink-2)}
form{display:grid;gap:12px}
label{display:grid;gap:6px;font-weight:600;font-size:.9375rem}
input,select,textarea{font:400 16px/1.4 var(--sans);color:var(--ink);padding:12px 14px;min-height:48px;border:1px solid var(--line-2);border-radius:12px;background:#fff;width:100%}
textarea{min-height:96px;resize:vertical}
.consent{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.consent input{width:22px;min-height:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--blue-t)}
.consent a{color:var(--blue-t)}
.msg{padding:12px 14px;border-radius:12px;font-size:.9375rem}
.msg.ok{background:var(--green-soft);color:#14602b}
.msg.err{background:#fdecec;color:var(--red)}
.addr{padding:20px;font-style:normal;font-size:.9688rem;line-height:1.7}
.addr b{display:block;margin-bottom:6px}
.addr a{color:var(--blue-t)}
@media(min-width:960px){
 .contact{grid-template-columns:1fr 1.2fr;gap:24px 72px;align-items:start}
 .contact .intro{grid-column:1}
 .contact form{grid-column:2;grid-row:1 / span 2}
 .contact .addr{grid-column:1;align-self:start}
 .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
}
.frow{display:grid;gap:14px}
@media(min-width:960px){.frow{grid-template-columns:1fr 1fr}}

/* ============================================================
   5.4 Footer
   ============================================================ */

.foot{background:var(--bg-alt);border-top:1px solid var(--line-2);padding:32px 0 calc(24px + env(safe-area-inset-bottom,0px));font-size:.9375rem}
.foot .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}
.foot .brand{grid-column:1/-1}
.foot .brand img{height:32px;width:auto;display:block;margin-bottom:10px}
.foot address{font-style:normal;color:var(--ink-2);line-height:1.6}
.foot h4{font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.foot li a{display:block;padding:6px 0;text-decoration:none;color:var(--ink-2)}
.foot .copy{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);color:var(--ink-3);font-size:.8125rem}
@media(hover:hover) and (pointer:fine){.foot li a:hover{color:var(--blue-t)}}
@media(max-width:959px){.foot address{display:none}.foot li a{padding:4px 0}.foot .brand img{margin-bottom:0}}
@media(min-width:960px){.foot{padding:72px 0 32px}.foot .cols{grid-template-columns:1.4fr 1fr 1fr .8fr .8fr;gap:32px}.foot .brand{grid-column:auto}}

/* ============================================================
   6. YENİ BİLEŞENLER: dil seçici, Detaylı bilgi, form durumları, SSS, ürün sayfası, politika, 404, çerez
   ============================================================ */


/* yeni bileşenler: dil seçici */
.lang{display:inline-flex;align-items:center;font:500 .75rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.lang a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:44px;padding:0 6px;color:var(--ink-3);text-decoration:none}
.lang a+a::before{content:"";position:absolute;left:-1px;top:15px;height:14px;border-left:1px solid var(--line-2)}
.lang a[aria-current=true]{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--blue)}
@media(hover:hover) and (pointer:fine){.lang a:hover{color:var(--ink)}}

/* yeni bileşenler: "Detaylı bilgi" butonu */
.btn.detay{--lt:var(--acc-t,var(--blue-t));color:var(--lt);gap:8px}
.btn.detay .ico{transition:transform 180ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.btn.detay:hover .ico{transform:translateX(3px)}.btn.detay:hover{border-color:var(--lt)}}

/* yeni bileşenler: form durumları */
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.form-status{display:grid;gap:12px}
.form-status:not(:has(.msg:not([hidden]))){display:none}
.msg:focus{outline-offset:2px}
.field-err{display:block;font-weight:500;font-size:.8125rem;line-height:1.4;color:var(--red)}
[aria-invalid=true]{border-color:var(--red)}
input:focus-visible[aria-invalid=true],select:focus-visible[aria-invalid=true],textarea:focus-visible[aria-invalid=true]{outline-color:var(--red)}
form.is-success>:not(.form-status){display:none}
form.is-busy [type=submit]{opacity:.6;pointer-events:none}

/* yeni bileşenler: akordeon + SSS */
.faq{margin-top:20px;border-bottom:1px solid var(--line)}
.acc{border-top:1px solid var(--line)}
.acc h3{font-size:inherit;line-height:inherit;letter-spacing:0}
.acc-trig{display:grid;grid-template-columns:1fr 24px;gap:14px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:14px 0;min-height:56px;font-weight:600;font-size:1.0625rem;line-height:1.35;user-select:none;-webkit-user-select:none}
.acc-trig .ico{color:var(--ink-3);transition:transform 220ms var(--ease-out)}
.acc-trig[aria-expanded=true] .ico{transform:rotate(180deg)}
.acc-body{padding:0 0 16px;max-width:68ch;color:var(--ink-2);font-size:.9688rem;line-height:1.55}
.acc-body:not([hidden]){animation:fadeIn 220ms var(--ease-out)}
@media(min-width:960px){.acc-trig{font-size:1.125rem;min-height:64px}.acc-body{font-size:1rem}.faq{margin-top:32px}}

/* yeni bileşenler: iç sayfa başlığı ve ürün detay şablonu */
.page-head{border-top:0;padding-top:28px}
.page-head h1{margin-top:8px}
.page-head .lead{margin-top:16px}
.page-head .cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.page-head .cta .btn{min-height:48px}
@media(max-width:959px){.page-head .cta .btn{width:100%}}
@media(min-width:960px){.page-head{padding-top:72px}.page-head h1{max-width:16ch}.page-head .lead{max-width:52ch}}
.phero-grid{display:grid;gap:24px}
.phero .plogo{margin-bottom:16px}
.phero .sec-row{color:var(--acc-t,var(--blue-t))}
.phero .link{--lt:var(--acc-t,var(--blue-t))}
@media(min-width:960px){.phero-grid{grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}.phero .mini{max-width:340px;justify-self:center;width:100%}}
.ps{display:grid;gap:16px;margin-top:20px}
.ps-col{border-top:1px solid var(--line);padding-top:14px}
.ps-col .k{font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.ps-col.sol .k{color:var(--acc-t,var(--blue-t))}
.ps-col h3{font-size:1.0625rem;line-height:1.35;margin-top:2px}
.ps-col p{color:var(--ink-2);font-size:.9688rem;line-height:1.5;margin-top:4px}
.ps-col .feat{margin-top:10px}
.ps-col .feat li::before{background:var(--acc,var(--blue))}
@media(min-width:960px){.ps{grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.ps-col{padding:28px;border-top:0;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(15,31,51,.04),0 10px 28px -14px rgba(15,31,51,.16)}.ps-col.sol{border-color:var(--acc,var(--line))}.ps-col h3{font-size:1.25rem;margin-top:10px}.ps-col p{font-size:1rem;margin-top:8px}}

/* yeni bileşenler: politika / uzun metin sayfası */
.policy{display:grid;gap:24px}
.toc{font-size:.9375rem}
.toc .toc-k{font:500 .6875rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.toc ol{display:flex;flex-wrap:wrap;gap:6px 8px}
.toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;color:var(--ink-2)}
.toc a[aria-current=true]{border-color:var(--blue-t);color:var(--blue-t)}
.prose{max-width:68ch;min-width:0}
.prose .meta{font:400 .75rem/1.5 var(--mono);letter-spacing:.04em;color:var(--ink-3);margin-top:12px}
.prose h2{max-width:none;font-size:1.375rem;line-height:1.25;margin-top:40px;scroll-margin-top:calc(var(--hh) + 16px)}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.0625rem;margin-top:28px}
.prose p,.prose ul,.prose ol{margin-top:14px;color:var(--ink-2);line-height:1.7}
.prose ul{list-style:disc;padding-left:1.25em}
.prose ol{list-style:decimal;padding-left:1.4em}
.prose li+li{margin-top:6px}
.prose a{color:var(--blue-t);text-underline-offset:3px}
.prose strong{color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin-top:16px;font-size:.9375rem;display:block;overflow-x:auto}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font:500 .75rem var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
@media(min-width:960px){
 .policy{grid-template-columns:220px minmax(0,68ch);gap:80px;align-items:start;justify-content:start}
 .toc{position:sticky;top:calc(var(--hh) + 32px)}
 .toc ol{display:grid;gap:0;border-left:1px solid var(--line)}
 .toc a{min-height:36px;padding:6px 0 6px 16px;margin-left:-1px;border:0;border-left:2px solid transparent;border-radius:0}
 .toc a[aria-current=true]{border-left-color:var(--blue-t)}
 .prose h2{font-size:1.75rem;margin-top:56px}
 .prose h3{font-size:1.25rem}
 .prose p,.prose ul,.prose ol{font-size:1.0625rem}
}
@media(hover:hover) and (pointer:fine){.toc a:hover{color:var(--ink)}}

/* yeni bileşenler: 404 */
.nf{padding-block:56px 72px}
.nf .code{font:500 clamp(4.5rem,22vw,9rem)/1 var(--mono);letter-spacing:-.02em;color:var(--blue-t)}
.nf h1{margin-top:16px;max-width:16ch}
.nf .lead{margin-top:16px}
.nf .cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.nf .cta .btn{min-height:48px}
@media(max-width:959px){.nf .cta .btn{width:100%}}
@media(min-width:960px){.nf{padding-block:120px 140px}.nf h1{font-size:clamp(2.5rem,4vw,3.25rem)}}

/* yeni bileşenler: çerez bilgilendirme bandı */
.cookie{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:60;display:grid;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(15,31,51,.04),0 10px 28px -14px rgba(15,31,51,.24);font-size:.875rem;line-height:1.5;color:var(--ink-2)}
.cookie[hidden]{display:none}
.cookie p{max-width:56ch}
.cookie a{color:var(--blue-t)}
.cookie .btn{min-height:44px}
@media(min-width:960px){.cookie{left:auto;right:24px;bottom:24px;width:min(460px,100% - 48px)}}


/* ============================================================
   7. SAYFAYA ÖZEL BÖLÜMLER (ana sayfa: hero, neden biz, DESMED, güven)
   ============================================================ */

.hero{overflow:hidden;border-top:0;padding-top:28px}
.hero::before{content:"";position:absolute;inset:-10% -10% auto -10%;height:90%;pointer-events:none;background:radial-gradient(55% 55% at 12% 18%,rgba(48,160,216,.14),transparent 70%),radial-gradient(40% 45% at 92% 55%,rgba(46,164,74,.09),transparent 70%)}
.hero .wrap{position:relative}
.hero h1{margin-top:8px}
.hero .lead{margin-top:16px}
.hero .cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
.hero .cta .btn{min-height:48px}
@media(max-width:959px){.hero .cta .btn{width:100%}}
.range{margin-top:28px;display:grid;gap:10px}
.rg{display:block;text-decoration:none;padding:14px 16px;min-height:56px}
.rg .k{font:500 .75rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.rg.g .k{color:var(--green-t)}.rg.b .k{color:var(--blue-t)}
.rg .t{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:1.0625rem}
.rg .t .ico{color:var(--ink-3)}
.rg ul{margin-top:12px;display:grid;gap:6px;font-size:.9375rem;color:var(--ink-2)}
.rg li b{color:var(--ink)}
.rg li.sub{padding-left:14px;color:var(--ink-3)}
.rg .more{margin-top:14px;font-weight:600}
.rg.g .more{color:var(--green-t)}.rg.b .more{color:var(--blue-t)}
@media(hover:hover) and (pointer:fine){.rg{transition:transform 200ms var(--ease-out)}.rg:hover{transform:translateY(-2px)}}
.rg:active{transform:scale(.99)}
@media(min-width:960px){
 .hero{padding-top:72px;padding-bottom:var(--sp-sec)}
 .hero h1{max-width:13ch}
 .hero .lead{max-width:52ch}
 .range{grid-template-columns:1fr 1fr;gap:20px;margin-top:64px;align-items:start}
 .rg{padding:24px 28px}
 .rg .t{font-size:1.25rem}
}
.why li{display:grid;grid-template-columns:32px 1fr;gap:0 10px;padding:14px 0;border-top:1px solid var(--line)}
.why li:first-child{border-top:0}
.why .n{font:500 .75rem/1.9 var(--mono);color:var(--ink-3)}
.why h3{font-size:1.0625rem;line-height:1.35;grid-column:2}
.why p{grid-column:2;color:var(--ink-2);font-size:.9688rem;line-height:1.5}
.why .kz,.figs{display:none}
@media(min-width:960px){
 .why li{grid-template-columns:64px minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1fr);gap:32px;padding:28px 0;align-items:start}
 .why li:first-child{border-top:1px solid var(--line)}
 .why .n{font-size:.875rem;line-height:2}
 .why h3{font-size:1.25rem;grid-column:auto}
 .why p{font-size:1rem;grid-column:auto}
 .why .kz{display:block;font-size:.875rem;color:var(--ink-3);line-height:1.5}
 .why .kz .tag{margin-bottom:8px}
 .why-lead{margin:16px 0 40px}
 .figs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
 .fig{padding:20px 24px}
 .fig b{display:block;font-weight:600}
 .fig span{font:400 .8125rem var(--mono);color:var(--ink-3)}
}
.mods{margin-top:20px}
.mod{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--line);align-items:start}
.chip{width:44px;height:44px;border-radius:12px;border:1px solid #b9dfc3;background:var(--green-soft);color:var(--green-t);display:grid;place-items:center}
.mod.hl .chip{background:var(--green-t);color:#fff;border-color:var(--green-t)}
.mod h3{font-size:1.0625rem;line-height:1.3}
.mod p{color:var(--ink-2);font-size:.9688rem;line-height:1.5;margin-top:2px}
.mod .top{display:none}
.mod .link{--lt:var(--green-t)}
@media(min-width:960px){
 .mods{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
 .mod{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:28px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,31,51,.04),0 10px 28px -14px rgba(15,31,51,.16)}
 .mod.hl{border-color:#9ccfa9}
 .mod .top{display:flex;width:100%;justify-content:space-between;font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:18px}
 .mod .top em{font-style:normal;color:var(--green-t)}
 .mod h3{font-size:1.25rem;margin-top:18px}
 .mod p{font-size:1rem;margin-top:8px;flex:1}
 .mod .link{margin-top:12px}
 .mod .txt{display:contents}
}
.steps li{display:grid;grid-template-columns:28px 1fr;gap:0 8px;padding:10px 0;border-top:1px solid var(--line);align-items:baseline}
.steps li:first-child{border-top:0}
.steps .n{font:500 .75rem var(--mono);color:var(--ink-3)}
.steps p{color:var(--ink-2);font-size:.9688rem;line-height:1.5}
.steps b{color:var(--ink)}
.steps .tbd{display:block;font:400 .75rem var(--mono);color:var(--ink-3)}
.refs{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 20px;font:400 .75rem/1.6 var(--mono);color:var(--ink-3);padding:12px 14px;border:1px dashed var(--line-2);border-radius:12px}
.refs b{font-weight:500;color:var(--ink-2)}
.princ{margin-top:16px;color:var(--ink-3);font-size:.875rem;line-height:1.6}
.g-cta{margin-top:20px}
@media(min-width:960px){
 .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
 .steps li{display:block;border-top:1px solid var(--line-2);padding:20px 0 0}
 .steps li:first-child{border-top:1px solid var(--line-2)}
 .steps .n{display:block;margin-bottom:10px}
 .steps b{display:block;font-size:1.25rem;margin-bottom:6px}
 .steps p{font-size:1rem}
 .refs{margin-top:48px;padding:24px 28px;gap:12px 48px;font-size:.8125rem}
 .princ{margin-top:24px;font-size:.9375rem}
 .g-cta{margin-top:28px}
}

/* ============================================================
   8. MOBİL MENÜ (burger + sağdan panel)
   ============================================================ */

.burger{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;margin-right:-8px;padding:0;border:0;background:none;color:var(--ink);border-radius:12px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.burger .ico{width:26px;height:26px}
.burger:active{background:var(--bg-alt)}
@media(min-width:960px){.burger{display:none}}
.hdr .lang{display:none}
@media(min-width:960px){.hdr .lang{display:inline-flex}}
html.menu-open,html.menu-open body{overflow:hidden}
.drawer{position:fixed;inset:0;z-index:70}
.drawer[hidden]{display:none}
@media(min-width:960px){.drawer{display:none}}
.drawer .bd{position:absolute;inset:0;background:rgba(15,31,51,.4);opacity:0;transition:opacity 260ms var(--ease-out)}
.drawer .pn{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:#fff;padding:8px 20px calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(100%);transition:transform 320ms var(--ease-drawer);box-shadow:-12px 0 32px -16px rgba(15,31,51,.28)}
.drawer.open .bd{opacity:1}
.drawer.open .pn{transform:none}
.drawer .dr-head{display:flex;align-items:center;justify-content:space-between;min-height:52px;font:500 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.drawer .x{width:44px;height:44px;margin-right:-10px;display:grid;place-items:center;border:0;background:none;border-radius:50%;color:var(--ink);cursor:pointer;touch-action:manipulation}
.drawer li a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;min-height:52px;text-decoration:none;border-top:1px solid var(--line);font-weight:600;font-size:1.0625rem;touch-action:manipulation}
.drawer li a .n{font:500 .75rem var(--mono);color:var(--ink-3)}
.drawer li a[aria-current=true],.drawer li a[aria-current=page]{color:var(--blue-t)}
.drawer li a.g[aria-current=true],.drawer li a.g[aria-current=page]{color:var(--green-t)}
.drawer li a[aria-current=true]::after,.drawer li a[aria-current=page]::after{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.drawer .dr-foot{margin-top:auto;padding-top:20px;display:grid;gap:14px;border-top:1px solid var(--line)}
.drawer .dr-foot .lang{justify-self:start}
.drawer .dr-foot .btn{width:100%;min-height:48px}

/* ============================================================
   9. YARDIMCI SINIFLAR VE HAREKET TERCİHİ
   ============================================================ */

.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nowrap{white-space:nowrap}
.mt-1{margin-top:12px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}
.tbd{font:400 .75rem var(--mono);color:var(--ink-3)}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ============================================================
   10. PRINT
   ============================================================ */

@media print{
 .hdr,.drawer,.cookie,.skip,.progress,.lang,.toc,.hdr-cta,.cta,.s-cta{display:none!important}
 html{scroll-behavior:auto}
 body{font-size:11pt;color:#000;background:#fff}
 .sec,.sec.alt,.prod,.prod.alt{background:#fff;padding-block:18px;break-inside:auto}
 .hero::before,.steril::before{display:none}
 .glass,.mod,.ps-col{box-shadow:none;break-inside:avoid}
 .prod-body[hidden],.acc-body[hidden]{display:block}
 .prod-trig .ico,.acc-trig .ico{display:none}
 .foot{padding:16px 0}
 .prose a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:#333}
}


/* sayfa kurulumu eklemeleri: kart ızgarası, yer tutucu, kırıntı, açılır içindekiler, 404 bağlantıları */
.cards{display:grid;gap:16px;margin-top:24px}
.card{padding:20px}
.card .k{font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:6px}
.card h2,.card h3{font-size:1.0625rem;line-height:1.35}
.card p{margin-top:6px;color:var(--ink-2);font-size:.9688rem;line-height:1.5}
.card .feat{margin-top:10px}
.card .tbd{display:block;margin-top:6px}
.ph{display:grid;place-items:center;text-align:center;min-height:160px;margin-top:24px;padding:20px;border:1px dashed var(--line-2);border-radius:16px;color:var(--ink-3)}
.flow p{color:var(--ink-2);font-size:.9688rem;line-height:1.5;margin:4px 0 8px}
.crumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink-2);text-underline-offset:3px}
.crumb ol{display:flex;flex-wrap:wrap;gap:0 8px;font:400 .75rem/1.6 var(--mono);color:var(--ink-3)}
.crumb li{display:flex;align-items:center}
.crumb li+li::before{content:"\203A";margin-right:8px}
.toc summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px;border:1px solid var(--line-2);border-radius:12px;cursor:pointer;list-style:none}
.toc summary::-webkit-details-marker{display:none}
.toc summary .toc-k{margin:0}
.toc summary .ico{color:var(--ink-3);transition:transform 220ms var(--ease-out)}
.toc details[open] summary .ico{transform:rotate(180deg)}
.toc details ol{display:grid;gap:0;margin-top:8px;padding:4px 0;border:1px solid var(--line);border-radius:12px}
.toc details a{display:flex;width:100%;min-height:44px;padding:0 16px;border:0;border-radius:0}
.nf-links{margin-top:40px}
.nf-links .toc-k{font:500 .6875rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.nf-links ul{display:flex;flex-wrap:wrap;gap:6px 8px}
.nf-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;text-decoration:none;color:var(--ink-2)}
@media(hover:hover) and (pointer:fine){.nf-links a:hover{color:var(--ink);border-color:var(--ink-3)}}
@media(min-width:960px){
 .cards.c2{grid-template-columns:1fr 1fr}
 .cards.c3{grid-template-columns:repeat(3,1fr)}
 .cards.c4{grid-template-columns:repeat(4,1fr)}
 .card{padding:28px}
 .card h2,.card h3{font-size:1.25rem}
 .card p{font-size:1rem}
 .ph{min-height:220px}
 .toc summary{pointer-events:none;min-height:0;padding:0;border:0;margin-bottom:8px}
 .toc summary .ico{display:none}
 .toc details ol{margin-top:0;padding:0;border:0;border-left:1px solid var(--line);border-radius:0}
 .toc details a{width:auto;min-height:36px;padding:6px 0 6px 16px;margin-left:-1px;border-left:2px solid transparent}
 .toc details a[aria-current=true]{border-left-color:var(--blue-t)}
}

/* ============================================================
   DESMED modül alt bölümleri (ana sayfa) ve küçük form eklemeleri
   ============================================================ */

.dmods{margin-top:20px}
.dmod{padding:16px 0;border-top:1px solid var(--line)}
.dmod .dm-main{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start}
.dmod h3{font-size:1.0625rem;line-height:1.3}
.dmod p{color:var(--ink-2);font-size:.9688rem;line-height:1.5;margin-top:2px}
.dmod.hl .chip{background:var(--green-t);color:#fff;border-color:var(--green-t)}
.dmod .dm-top{font:500 .6875rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.dmod .dm-top em{font-style:normal;color:var(--green-t)}
.dmod .dm-foot{margin:10px 0 0 58px}
.dmod .dm-foot .kim{font-size:.9375rem;color:var(--ink-3)}
.dmod .dm-foot .kim b{color:var(--ink);font-weight:600}
.dmod .dm-foot .btn{margin-top:6px}
.dmod .dm-foot .kim+.btn{margin-top:14px}
.dmod .dm-cols h4{font-size:.9375rem;line-height:1.35;margin-bottom:10px}
.dmod .feat{margin-top:14px;gap:6px}
.dmod .dm-lead{font-weight:600;color:var(--ink)}
.dm-cta{margin-top:20px}
.mini .fl{flex-wrap:wrap;align-items:center}
.stt.crit{color:var(--red);background:#fdecec;border-color:#f1c4c4}
.mini .tiles{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mini .qrrow{display:flex;gap:12px;align-items:center;margin-top:12px}
.hint{display:block;font-weight:400;font-size:.8125rem;line-height:1.4;color:var(--ink-3)}
.hint:empty{position:absolute;height:0;overflow:hidden}
.req-note{font-size:.8125rem;color:var(--ink-3)}
@media(min-width:960px){
 .dmods{display:grid;gap:24px;margin-top:48px}
 .dmod{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px 72px;align-items:center;padding:36px 40px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,31,51,.04),0 10px 28px -14px rgba(15,31,51,.16)}
 .dmod.hl{border-color:#9ccfa9}
 .dmod.wide{border-color:#9ccfa9;background:linear-gradient(180deg,var(--green-soft) 0,#fff 220px)}
 .dmod .dm-main{display:block}
 .dmod .chip{margin-bottom:16px}
 .dmod h3{font-size:1.5rem;margin-top:8px;letter-spacing:-.01em}
 .dmod.wide h3{font-size:1.75rem}
 .dmod p{font-size:1rem;margin-top:10px;max-width:56ch}
 .dmod .dm-foot{grid-column:1 / -1;margin:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:20px;border-top:1px solid var(--line)}
 .dmod .dm-foot .kim,.dmod .dm-foot .kim+.btn,.dmod .dm-foot .btn{margin-top:0}
 .dmod .dm-foot .kim{max-width:62ch}
 .dmod .dm-cols{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .dmod .dm-cols>div{padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff}
 .dmod .mini{max-width:340px;justify-self:center;width:100%}
 .dm-cta{margin-top:32px}
}
.prod-txt .btn.detay{margin-top:16px}
.cards+.info,.layers+.info{margin-top:28px}
.frow>label{align-content:start}
.nav a,.hdr-cta{white-space:nowrap}
@media(min-width:960px) and (max-width:1199px){.nav{gap:16px}.nav a{font-size:.8125rem}.hdr-cta{padding:0 14px;font-size:.875rem}}