@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(fonts/barlow-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-weight:400;font-display:swap;src:url(fonts/barlow-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:'Barlow';font-weight:600;font-display:swap;src:url(fonts/barlow-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow';font-weight:600;font-display:swap;src:url(fonts/barlow-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:'Barlow Condensed';font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow Condensed';font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:'Barlow Condensed';font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-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+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Barlow Condensed';font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{color-scheme:light;--bg:#edeff1;--ink:#12171c;--mut:#4f5b67;--rule:#c5ccd3;--blue:#1b3f9e;--amber:#f2b200;--plate:#fbfbf8;--hl:#fff0b8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 'Barlow',system-ui,'Segoe UI',sans-serif}
a{color:inherit}img{max-width:100%;display:block}
.w{max-width:1120px;margin:0 auto;padding-inline:24px}
.cond{font-family:'Barlow Condensed','Barlow',sans-serif}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
/* üst çubuk */
.top{border-bottom:1px solid var(--rule)}
.top .w{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{font:700 24px/1 'Barlow Condensed',sans-serif;letter-spacing:.02em;text-decoration:none;display:flex;align-items:center;gap:10px}
.logo svg{width:34px;height:34px}
.nav{display:flex;gap:26px;align-items:center}.nav a{text-decoration:none;font-weight:600}.nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:6px;background:var(--amber);color:var(--ink);font-weight:600;font-size:17px;text-decoration:none;border:2px solid var(--ink)}
.btn:hover{background:#ffc61f}.btn.sm{min-height:42px;padding:0 18px}
.btn.line{background:transparent}.btn.line:hover{background:#fff}
/* plaka */
.plate{display:inline-flex;align-items:stretch;background:var(--plate);border:2px solid var(--ink);border-radius:7px;overflow:hidden;vertical-align:middle;white-space:nowrap}
.plate i{display:grid;place-items:center;width:26px;background:var(--blue);padding:3px 0}
.plate i svg{width:18px;height:46px}
.plate b{font:700 32px/1 'Barlow Condensed',sans-serif;letter-spacing:.06em;padding:8px 14px 6px 12px;display:block}
.plate.s i{width:20px}.plate.s i svg{width:14px;height:36px}.plate.s b{font-size:23px;padding:6px 10px 4px 9px}
/* hero */
.hero{padding:72px 0 64px}
.hero .w{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
h1{font:700 clamp(46px,7vw,84px)/.95 'Barlow Condensed',sans-serif;letter-spacing:-.005em;margin:0 0 24px;text-wrap:balance}
.lead{font-size:20px;line-height:1.5;color:var(--mut);max-width:30em;margin:0 0 32px}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.note{font-size:15px;color:var(--mut);margin:16px 0 0}
/* fiş */
.slip{background:var(--plate);border:2px solid var(--ink);border-radius:6px;padding:26px 26px 22px;position:relative}
.slip h2{font:600 15px/1 'Barlow',sans-serif;margin:0 0 18px;color:var(--mut)}
.slip ul{list-style:none;margin:0;padding:0}
.slip li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 12px;padding:11px 0}
.slip .who{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.slip .who>span:last-child{font-size:15px;color:var(--mut)}
.slip .dots{border-bottom:2px dotted var(--rule);align-self:center;height:1px;margin-top:20px}
.slip .amt{font:700 28px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums}
.slip .sum{border-top:2px solid var(--ink);margin-top:10px;padding-top:14px;display:flex;justify-content:space-between;align-items:baseline}
.slip .sum span{font-weight:600}.slip .sum b{font:700 44px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums}
.slip .ex{font-size:13px;color:var(--mut);margin:14px 0 0}
.slip li{animation:slide .5s both}.slip li:nth-child(2){animation-delay:.08s}.slip li:nth-child(3){animation-delay:.16s}.slip li:nth-child(4){animation-delay:.24s}
@keyframes slide{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
/* bölümler */
section{padding:72px 0;border-top:1px solid var(--rule)}
h2.t{font:700 clamp(34px,4.6vw,52px)/1 'Barlow Condensed',sans-serif;margin:0 0 14px;text-wrap:balance;max-width:16em}
.sub{color:var(--mut);max-width:34em;margin:0 0 40px;font-size:19px;line-height:1.5}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.shots figure{margin:0}.shots img{border:2px solid var(--ink);border-radius:18px;background:#fff}
.shots figcaption{margin-top:14px;max-width:20em}.shots figcaption b{display:block;font:600 22px/1.1 'Barlow Condensed',sans-serif;margin-bottom:4px}
.shots figcaption span{color:var(--mut);font-size:16px}
dl.feat{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin:0}
dl.feat div{border-top:1px solid var(--rule);padding:20px 0 22px}
dl.feat dt{font:700 26px/1.1 'Barlow Condensed',sans-serif;margin-bottom:6px}dl.feat dd{margin:0;color:var(--mut)}
.cmp{width:100%;border-collapse:collapse;background:var(--plate);border:2px solid var(--ink);border-radius:6px;overflow:hidden}
.cmp th,.cmp td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--rule)}.cmp tr:last-child td{border-bottom:0}
.cmp th{font-weight:600;color:var(--mut);font-size:15px;background:#f1f2ee}.cmp td.n{font:700 24px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums}
.cmp .hi td{background:var(--hl)}.tw{overflow-x:auto}.cmp{min-width:560px}
.two>*{min-width:0}.two{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
/* fiyat */
.card ul[hidden]{display:none!important}
.tag{display:inline-block;font:700 13px/1 'Barlow',sans-serif;letter-spacing:.06em;text-transform:uppercase;background:var(--amber,#f2b200);color:#12171c;border-radius:5px;padding:5px 8px;vertical-align:middle;margin-right:10px;position:relative;top:-4px}
.pr .u{white-space:nowrap}
.pr[data-b]{font-size:32px}
.toggle{display:inline-flex;margin-right:12px;border:2px solid var(--ink);border-radius:6px;overflow:hidden;margin-bottom:24px}
.toggle button{border:0;background:transparent;font:600 16px 'Barlow',sans-serif;padding:0 18px;min-height:44px;cursor:pointer;color:var(--ink)}
.toggle button[aria-pressed=true]{background:var(--ink);color:#fff}
.rows{border-top:2px solid var(--ink)}
.row{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:12px 24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--rule)}
.row .nm{font:700 30px/1 'Barlow Condensed',sans-serif}.row .rg{color:var(--mut)}
.row .pr{font:700 32px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums}.row .pr small{font:400 16px 'Barlow',sans-serif;color:var(--mut)}
.row .yr{color:var(--mut);font-size:15px}
.kdv{font-size:15px;color:var(--mut);margin-top:16px}
/* sss */
details{border-top:1px solid var(--rule);padding:0}details:last-of-type{border-bottom:1px solid var(--rule)}
summary{cursor:pointer;font:600 20px/1.3 'Barlow',sans-serif;padding:18px 0;min-height:56px;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}
summary::-webkit-details-marker{display:none}summary::after{content:'+';font:600 28px/1 'Barlow Condensed',sans-serif}details[open] summary::after{content:'–'}
details p{margin:0 0 20px;color:var(--mut);max-width:42em}
/* iletişim + alt */
.mailto{font:700 clamp(30px,5vw,56px)/1.05 'Barlow Condensed',sans-serif;text-decoration:underline;text-decoration-thickness:4px;text-decoration-color:var(--amber);text-underline-offset:8px;word-break:break-word}
footer{background:var(--ink);color:#d8dde2;padding:36px 0 40px;font-size:15px}
footer .w{display:flex;flex-wrap:wrap;gap:14px 36px;justify-content:space-between}footer a{color:#fff}
footer .fi{flex:1 1 100%;font-size:14px;color:#aab3bb;line-height:1.7;border-top:1px solid #2a323a;padding-top:14px}footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
/* yasal sayfalar */
.doc{padding:48px 0 80px}.doc .w{max-width:760px}.doc h1{font-size:clamp(40px,6vw,60px);margin-bottom:24px}
.doc h2{font:700 28px/1.1 'Barlow Condensed',sans-serif;margin:36px 0 8px}.doc p,.doc li{max-width:42em}.doc ul{padding-left:22px}
mark{background:var(--hl);color:#3a2c00;padding:0 4px;border-radius:3px}
.draft{background:var(--hl);border:2px solid #d4a800;border-radius:6px;padding:14px 16px;margin:0 0 28px;font-size:15px}
@media(max-width:900px){.hero .w,.two{grid-template-columns:1fr;gap:40px}.hero{padding:44px 0}.shots{grid-template-columns:1fr;max-width:360px}dl.feat{grid-template-columns:1fr}
.row{grid-template-columns:1fr auto;gap:4px 16px}.row .rg{grid-column:1}.row .pr{grid-column:2;grid-row:1}.row .yr{grid-column:1}.row a{grid-column:1/-1;margin-top:8px}.nav .hide{display:none}section{padding:52px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slip li{animation:none}}

/* --- v3: referans yapısı (ortalı hero, telefonlar, dönüşümlü bölümler) --- */
.ph{width:100%;max-width:262px;background:#12171c;padding:30px 9px 9px;border-radius:40px;box-shadow:0 18px 40px rgba(18,23,28,.22);position:relative}
.ph::before{content:'';position:absolute;top:9px;left:50%;transform:translateX(-50%);width:62px;height:14px;border-radius:10px;background:#12171c;z-index:2}
.ph img{border-radius:6px 6px 31px 31px;width:100%;height:auto;background:#fff}
.hero3{padding:56px 0 0;overflow:hidden}
.hero3 .stage{display:grid;grid-template-columns:1fr minmax(0,620px) 1fr;gap:24px;align-items:end}
.hero3 .mid{text-align:center;padding-bottom:64px;align-self:center}
.hero3 h1{margin-inline:auto;max-width:9em}
.hero3 .lead{margin-inline:auto;text-align:center}
.hero3 .cta{justify-content:center}
.hero3 .pl,.hero3 .pr2{position:relative}
.hero3 .pl .ph{transform:rotate(-5deg) translateY(54px);margin-left:auto}
.hero3 .pr2 .ph{transform:rotate(5deg) translateY(54px)}
.hero3 .slab{position:absolute;inset:18% -12% -30% -12%;background:#dce4f2;border-radius:36px;z-index:0}
.hero3 .ph{z-index:1}
.band2{background:#fff;border-block:1px solid var(--rule)}
.alt .w{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.alt .w>*,.nedir .w>*{min-width:0}.alt.rev .copy{order:2}
.alt .art{display:flex;justify-content:center;position:relative}
.alt .art .slab{position:absolute;inset:8% 4% 8% 4%;background:#dce4f2;border-radius:32px}
.alt .art .ph{position:relative;max-width:280px;z-index:1}.alt .art>div:not(.slab){position:relative;z-index:1}.alt .art:has(.cmp) .slab{inset:-6% -4% -6% -4%}
.alt h2.t{max-width:12em}
.alt ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
.alt li{padding-left:28px;position:relative;color:var(--ink)}
.alt li::before{content:'';position:absolute;left:0;top:.55em;width:14px;height:8px;border-left:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:rotate(-45deg) translateY(-3px)}
.alt .copy .sub{margin-bottom:0}
.nedir .w{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:stretch}
.card{background:var(--plate);border:2px solid var(--ink);border-radius:10px;padding:22px 20px;display:flex;flex-direction:column;gap:6px}
.card h3{font:700 28px/1 'Barlow Condensed',sans-serif;margin:0}.card .rg{color:var(--mut);font-size:15px}
.card .pr{font:700 38px/1 'Barlow Condensed',sans-serif;font-variant-numeric:tabular-nums;margin-top:12px}.card .pr small{font:400 15px 'Barlow',sans-serif;color:var(--mut)}
.card .yr{font-size:14px;color:var(--mut);min-height:2.6em}.card .btn{margin-top:auto}
.card ul{list-style:none;padding:0;margin:10px 0 18px;display:grid;gap:6px;font-size:15px;color:var(--mut)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.tabs button{border:2px solid var(--ink);background:transparent;font:600 16px 'Barlow',sans-serif;padding:0 18px;min-height:44px;border-radius:6px;cursor:pointer;color:var(--ink)}
.tabs button[aria-selected=true]{background:var(--ink);color:#fff}
.cta2{background:var(--ink);color:#fff;text-align:center;padding:72px 0}
.cta2 h2{font:700 clamp(36px,5vw,60px)/1 'Barlow Condensed',sans-serif;margin:0 0 14px;text-wrap:balance}
.cta2 p{color:#c3cbd3;margin:0 auto 28px;max-width:30em}
@media(max-width:1000px){.hero3 .stage{grid-template-columns:1fr 1fr;grid-template-areas:"mid mid" "l r"}.hero3 .mid{grid-area:mid;padding-bottom:36px}.hero3 .pl{grid-area:l}.hero3 .pr2{grid-area:r}
.hero3 .pl .ph{transform:rotate(-3deg) translateY(30px);margin-inline:auto}.hero3 .pr2 .ph{transform:rotate(3deg) translateY(30px);margin-inline:auto}
.alt .w,.nedir .w{grid-template-columns:1fr;gap:36px}.alt.rev .copy{order:0}.cards{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.hero3{padding-top:36px}}