/* Pravina tanıtım sitesi — fontlar sitede barındırılır (OFL), dış istek yok */
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/outfit-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/outfit-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/outfit-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/outfit-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/outfit-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/outfit-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{box-sizing:border-box}body{margin:0;padding:0}img{max-width:100%}[hidden]{display:none!important}
/* Yerleşim: teknik çizim dili — ölçü çizgileri ve kesitler yalnız ürünü anlatan yerlerde; geri kalan sakin, cam gibi açık zemin. */
:root{
  --bg:#F3F7F7; --surface:#FFFFFF; --sunk:#E9F0F1;
  --ink:#15222C; --muted:#4A5C66; --line:#D3DEE0;
  --glass:#2E7F89; --glass-tint:#D9ECEE; --sheen:rgba(255,255,255,.75);
  --orange:#F26A21; --btn-bg:#C9500F; --btn-fg:#FFFFFF; --btn-hover:#A9420B;
  --ok:#2C7A4B; --no:#9AA9AF;
  --todo-bg:#FFF4CC; --todo-line:#C99A00; --todo-fg:#5A4500;
  --font-display:"Outfit",ui-sans-serif,system-ui,sans-serif;
  --font-body:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --step--1:.875rem; --step-0:1rem; --step-1:1.2rem; --step-2:1.55rem; --step-3:2.1rem; --step-4:clamp(2.4rem,5.2vw,3.7rem);
  --radius:10px; --wrap:1160px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0F181E; --surface:#16232B; --sunk:#122027;
  --ink:#E7EEF0; --muted:#A1B3B9; --line:#293A43;
  --glass:#6DA5AC; --glass-tint:#1B3439; --sheen:rgba(255,255,255,.18);
  --orange:#F26A21; --btn-bg:#F26A21; --btn-fg:#15222C; --btn-hover:#FF8442;
  --ok:#62C08A; --no:#5B6C73;
  --todo-bg:#3A3110; --todo-line:#C99A00; --todo-fg:#F3DE95;
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#0F181E; --surface:#16232B; --sunk:#122027;
  --ink:#E7EEF0; --muted:#A1B3B9; --line:#293A43;
  --glass:#6DA5AC; --glass-tint:#1B3439; --sheen:rgba(255,255,255,.18);
  --orange:#F26A21; --btn-bg:#F26A21; --btn-fg:#15222C; --btn-hover:#FF8442;
  --ok:#62C08A; --no:#5B6C73;
  --todo-bg:#3A3110; --todo-line:#C99A00; --todo-fg:#F3DE95;
  color-scheme:dark;
}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--step-0);line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
h1,h2,h3{font-family:var(--font-display);line-height:1.1;letter-spacing:-.02em;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--glass)}
.lead{color:var(--muted);font-size:var(--step-1);max-width:58ch}

/* düğmeler */
.btn{display:inline-flex;align-items:center;gap:.5em;font:600 1rem/1 var(--font-body);padding:.85em 1.25em;border-radius:8px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}
.btn-primary{background:var(--btn-bg);color:var(--btn-fg)}
.btn-primary:hover{background:var(--btn-hover)}
.btn-ghost{border-color:var(--line);color:var(--ink);background:var(--surface)}
.btn-ghost:hover{border-color:var(--glass)}

/* taslak işaretleri */
.todo{background:var(--todo-bg);color:var(--todo-fg);border:1px dashed var(--todo-line);border-radius:4px;padding:0 .35em;font-size:.92em}
.draftbar{background:var(--todo-bg);color:var(--todo-fg);border-bottom:1px dashed var(--todo-line);font-size:.85rem}
.draftbar .wrap{padding-block:.5rem;display:flex;gap:.5rem;flex-wrap:wrap}

/* üst menü */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;gap:1.5rem;padding-block:.75rem}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.brand svg{width:34px;height:34px;flex:none}
.wordmark{font:700 1.6rem/1 var(--font-display);letter-spacing:-.03em;color:var(--ink)}
.wordmark i{font-style:normal;color:var(--orange)}
.nav-links{display:flex;gap:1.4rem;margin-left:auto;font-weight:500}
.nav-links a{text-decoration:none;color:var(--muted)}
.nav-links a:hover{color:var(--ink)}
.nav-cta{display:flex;gap:.6rem;align-items:center}
.nav-cta .login{text-decoration:none;font-weight:600;padding:.6em .4em}
.nav .btn{padding:.65em 1em}
@media (max-width:860px){.nav-links{display:none}.nav-cta{margin-left:auto}}
@media (max-width:420px){.nav-cta .login{display:none}}

section{padding-block:clamp(3.5rem,8vw,6rem)}
.sec-head{display:grid;gap:.9rem;max-width:760px;margin-bottom:2.5rem}
.sec-head h2{font-size:var(--step-3)}

/* hero */
.hero{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,7vw,5rem)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(2rem,4vw,3.5rem);align-items:center}
.hero h1{font-size:var(--step-4);font-weight:700;letter-spacing:-.035em}
.hero h1 em{font-style:normal;color:var(--orange)}
.hero-copy{display:grid;gap:1.4rem;min-width:0}
.hero-ctas{display:flex;gap:.75rem;flex-wrap:wrap}
.hero-facts{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;color:var(--muted);font-size:var(--step--1);padding:0;margin:0;list-style:none}
.hero-facts li::before{content:"";display:inline-block;width:.5em;height:.5em;border-radius:2px;background:var(--glass);margin-right:.5em;vertical-align:.08em}
@media (max-width:920px){.hero-grid{grid-template-columns:minmax(0,1fr)}}

/* canlı hesap kartı */
.calc{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px -30px rgba(21,34,44,.35);overflow:hidden;min-width:0}
.calc-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.calc-top b{color:var(--ink);font-weight:600}
.dots{display:flex;gap:5px}.dots span{width:9px;height:9px;border-radius:50%;background:var(--line)}
.calc-draw{background:var(--sunk);padding:.5rem .75rem 0}
.calc-draw svg{display:block;width:100%;height:auto}
.calc-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1rem;padding:1rem}
@media (max-width:520px){.calc-body{grid-template-columns:minmax(0,1fr)}}
.ctrl{display:grid;gap:.85rem;align-content:start}
.ctrl label{display:grid;gap:.25rem;font-size:.82rem;color:var(--muted)}
.ctrl .row{display:flex;justify-content:space-between}
.ctrl output{font-family:var(--font-mono);color:var(--ink);font-weight:500}
input[type=range]{width:100%;accent-color:var(--orange)}
.check{display:flex!important;align-items:center;gap:.5rem;cursor:pointer;color:var(--ink)!important;font-size:.9rem!important}
.check input{width:18px;height:18px;accent-color:var(--orange)}
.bom{font-family:var(--font-mono);font-size:.8rem;border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.bom td{padding:.28rem 0;border-bottom:1px dashed var(--line);vertical-align:top}
.bom td:last-child{text-align:right;white-space:nowrap;padding-left:.75rem}
.bom tr.total td{border-bottom:0;padding-top:.6rem;font-size:.95rem;font-weight:500;color:var(--ink)}
.bom tr.total td:last-child{color:var(--orange)}
.calc-note{font-size:.75rem;color:var(--muted);padding:0 1rem .85rem}

/* sorun şeridi */
.today{border-block:1px solid var(--line);background:var(--surface)}
.today .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-block:2.25rem}
.today h3{font-size:var(--step-1);margin-bottom:.4rem}
.today p{color:var(--muted);font-size:.95rem}
.today .k{font-family:var(--font-mono);font-size:.75rem;color:var(--orange);letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:.5rem}
@media (max-width:760px){.today .wrap{grid-template-columns:minmax(0,1fr);gap:1.4rem}}

/* özellik blokları */
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.feature + .feature{margin-top:clamp(3.5rem,8vw,5.5rem)}
.feature.flip > .f-copy{order:2}
.f-copy{display:grid;gap:1rem;min-width:0}
.f-copy h3{font-size:var(--step-2)}
.f-copy p{color:var(--muted)}
.ticks{list-style:none;padding:0;margin:.25rem 0 0;display:grid;gap:.55rem}
.ticks li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:.6rem;font-size:.97rem}
.ticks li::before{content:"";width:12px;height:2px;background:var(--orange);margin-top:.75em}
@media (max-width:860px){.feature{grid-template-columns:minmax(0,1fr)}.feature.flip > .f-copy{order:0}}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem;min-width:0}

/* kanban */
.kanban{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:.6rem;overflow-x:auto}
.kcol{background:var(--sunk);border-radius:8px;padding:.55rem;display:grid;gap:.45rem;align-content:start}
.kcol h4{margin:0 0 .15rem;font:600 .74rem/1.2 var(--font-body);color:var(--muted);display:flex;justify-content:space-between}
.kcard{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:.5rem .55rem;font-size:.78rem;line-height:1.35}
.kcard b{display:block;font-weight:600;color:var(--ink)}
.kcard span{color:var(--muted)}
.kcard .amt{font-family:var(--font-mono);color:var(--ink);display:block;margin-top:.25rem}
.kcard.hot{border-left:3px solid var(--orange)}
.kscroll{overflow-x:auto}

/* sihirbaz */
.wiz{display:grid;gap:.7rem}
.wiz-steps{display:flex;gap:.35rem;flex-wrap:wrap}
.wiz-steps span{font-size:.72rem;padding:.25rem .55rem;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.wiz-steps span.on{background:var(--glass);border-color:var(--glass);color:var(--surface)}
.wiz-steps span.done{color:var(--glass);border-color:var(--glass)}
.wiz-q{font-weight:600}
.opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.opt{border:1.5px solid var(--line);border-radius:8px;padding:.6rem .4rem;text-align:center;font-size:.78rem;display:grid;gap:.35rem;justify-items:center;color:var(--muted)}
.opt svg{width:40px;height:40px}
.opt.sel{border-color:var(--orange);color:var(--ink);background:color-mix(in srgb,var(--orange) 7%,var(--surface))}
@media (max-width:420px){.opts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* roller */
.roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.role h4{margin:0 0 .6rem;font:600 .82rem var(--font-body);display:flex;gap:.4rem;align-items:center}
.role h4 .pill{font:500 .68rem var(--font-mono);padding:.1rem .45rem;border-radius:99px;background:var(--sunk);color:var(--muted)}
.role dl{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .5rem;font-size:.8rem}
.role dt{color:var(--muted)}
.role dd{margin:0;font-family:var(--font-mono);text-align:right}
.role dd.hidden{color:var(--no)}
@media (max-width:420px){.roles{grid-template-columns:minmax(0,1fr)}}

/* pdf teklif */
.paper{background:#FFFFFF;color:#15222C;border-radius:4px;box-shadow:0 18px 40px -22px rgba(21,34,44,.45);padding:1.1rem 1.2rem;font-size:.74rem;max-width:420px;margin-inline:auto;transform:rotate(-1.2deg)}
.paper-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #15222C;padding-bottom:.6rem;margin-bottom:.6rem;gap:1rem}
.paper-logo{border:1.5px dashed #9AA9AF;border-radius:4px;padding:.35rem .6rem;font:600 .7rem var(--font-body);color:#4A5C66}
.paper table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.paper th{text-align:left;font:600 .66rem var(--font-body);color:#4A5C66;border-bottom:1px solid #D3DEE0;padding:.25rem 0}
.paper td{padding:.3rem 0;border-bottom:1px solid #E9F0F1}
.paper td:last-child,.paper th:last-child{text-align:right}
.paper .sum{display:flex;justify-content:space-between;margin-top:.6rem;font:600 .85rem var(--font-body)}

/* adımlar */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{position:relative;padding-top:2.2rem;display:grid;gap:.5rem;align-content:start}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;top:0;left:0;font:500 .8rem var(--font-mono);width:1.7rem;height:1.7rem;border-radius:50%;border:1.5px solid var(--orange);color:var(--orange);display:grid;place-items:center;background:var(--bg)}
.steps li::after{content:"";position:absolute;top:.85rem;left:2.2rem;right:-.6rem;border-top:1px dashed var(--line)}
.steps li:last-child::after{display:none}
.steps h3{font-size:var(--step-1)}
.steps p{color:var(--muted);font-size:.95rem}
@media (max-width:760px){.steps{grid-template-columns:minmax(0,1fr)}.steps li::after{display:none}}

/* karşılaştırma */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.cmp{width:100%;border-collapse:collapse;min-width:620px}
.cmp th,.cmp td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--line);font-size:.95rem;vertical-align:top}
.cmp thead th{font:600 .82rem var(--font-body);color:var(--muted);background:var(--sunk)}
.cmp thead th.us{color:var(--ink)}
.cmp td.us{background:color-mix(in srgb,var(--orange) 6%,var(--surface))}
.cmp tr:last-child td{border-bottom:0}
.mark{display:inline-flex;align-items:center;gap:.4rem}
.mark::before{content:"";width:10px;height:10px;border-radius:2px;flex:none}
.mark.y::before{background:var(--ok)}
.mark.n::before{background:transparent;border:1.5px solid var(--no)}
.mark.p::before{background:linear-gradient(90deg,var(--ok) 50%,transparent 50%);border:1.5px solid var(--ok)}

/* güvenlik */
.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.trust div{border-top:2px solid var(--glass);padding-top:.9rem;display:grid;gap:.4rem;align-content:start}
.trust h3{font-size:var(--step-0);font-family:var(--font-body);font-weight:600;letter-spacing:0}
.trust p{color:var(--muted);font-size:.92rem}
@media (max-width:860px){.trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.trust{grid-template-columns:minmax(0,1fr)}}

/* fiyat */
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.price{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.4rem;display:grid;gap:.8rem;align-content:start;position:relative}
.price.mid{border-color:var(--glass);box-shadow:0 0 0 1px var(--glass)}
.price h3{font-size:var(--step-1)}
.price .amt{font:600 1.7rem/1.1 var(--font-display);letter-spacing:-.02em}
.price .amt small{font:400 .85rem var(--font-body);color:var(--muted)}
.price p{color:var(--muted);font-size:.93rem}
.price .todo{justify-self:start}
.price-foot{margin-top:1.2rem;color:var(--muted);font-size:.93rem}
@media (max-width:860px){.prices{grid-template-columns:minmax(0,1fr)}}

/* sss */
.faq{display:grid;gap:.6rem;max-width:820px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:0 1.1rem}
.faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--font-mono);color:var(--orange);font-size:1.2rem;line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:1rem;color:var(--muted)}

/* kapanış */
.closing{background:var(--ink);color:var(--bg)}
.closing .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem;align-items:center;padding-block:clamp(3rem,7vw,5rem)}
.closing h2{font-size:var(--step-3)}
.closing p{opacity:.8;margin-top:.8rem;max-width:52ch}
.closing .side{display:grid;gap:.8rem;justify-items:start}
.closing .contact{font-size:.92rem;opacity:.85}
.closing .btn-ghost{background:transparent;color:var(--bg);border-color:color-mix(in srgb,var(--bg) 35%,transparent)}
@media (max-width:760px){.closing .wrap{grid-template-columns:minmax(0,1fr)}}

footer{border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;align-items:center;padding-block:1.8rem}
footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}
footer a{text-decoration:none}
footer a:hover{color:var(--ink)}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:72px}