/* Yazı tipleri kendi sunucumuzda (üçüncü taraf isteği yok). Inter, SIL OFL 1.1 */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/inter-400.woff") format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:500 600;font-display:swap;src:url("/assets/fonts/inter-600.woff") format("woff")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700 800;font-display:swap;src:url("/assets/fonts/inter-800.woff") format("woff")}
@view-transition{navigation:auto}

/* Plan: ALTUAY marka renkleri; üç şablon aynı içerik ve yönlendirmeyi paylaşır, data-tpl ile görünüm değişir. */
:root{
  --bg:#FFFFFF; --surface:#F3F6F8; --surface-2:#FFFFFF; --ink:#10233F; --text:#1F2A37; --muted:#4B5B6E; --line:#E3E8EE;
  --accent:#0B7A83; --accent-ink:#FFFFFF; --gold:#C9963A; --gold-text:#8A6418;
  --btn-bg:#10233F; --btn-ink:#FFFFFF; --btn2-line:#CBD5E1; --btn2-ink:#10233F;
  --band:#0E1D33; --band-2:#13284A; --band-line:#24395A; --band-ink:#FFFFFF; --band-muted:#C8D3DF; --band-accent:#7FD3D9;
  --tree-line:#10233F; --nt:#C9963A; --nb:#0B7A83;
  --radius:14px; --btn-radius:8px;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Roboto Mono","Liberation Mono",monospace;
  --label-font:var(--font); --label-case:uppercase; --label-track:.08em;
  --h1:clamp(38px,5.2vw,58px); --maxw:1200px;
  color-scheme:light;
}
html[data-tpl="gece"]{
  --bg:#0B1A2E; --surface:#102440; --surface-2:#0B1A2E; --ink:#FFFFFF; --text:#DCE5EE; --muted:#A9B8C8; --line:#1C3150;
  --accent:#7FD3D9; --accent-ink:#0B1A2E; --gold-text:#E0B867;
  --btn-bg:#C9963A; --btn-ink:#0B1A2E; --btn2-line:#2E4A6B; --btn2-ink:#FFFFFF;
  --band:#0F2A3A; --band-2:#123447; --band-line:#23445A;
  --tree-line:#FFFFFF; --nb:#7FD3D9;
  --radius:10px; --btn-radius:6px;
  --label-font:var(--mono); --label-case:none; --label-track:0;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;transition:background .35s,color .35s}
a{color:var(--accent);text-decoration:none}
img,svg{max-width:100%}
h1,h2,h3{color:var(--ink);margin:0;text-wrap:balance;letter-spacing:-.015em}
h2{font-size:clamp(30px,3.4vw,42px);line-height:1.14;font-weight:800}
h3{font-size:20px;line-height:1.3;font-weight:700}
p{margin:0}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left));padding-right:max(24px,env(safe-area-inset-right))}
.label{font-family:var(--label-font);text-transform:var(--label-case);letter-spacing:var(--label-track);font-size:13px;font-weight:600;color:var(--accent)}
html[data-tpl="gece"] .label::before{content:"// "}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--btn-radius);font-weight:600;font-size:16px;border:1.5px solid transparent;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.btn-primary{background:var(--btn-bg);color:var(--btn-ink)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(16,35,63,.55)}
.btn-ghost{border-color:var(--btn2-line);color:var(--btn2-ink);background:transparent}
.btn-ghost:hover{border-color:var(--btn2-ink)}
.link-arrow{font-weight:600;display:inline-flex;gap:6px;align-items:center}
.link-arrow span{transition:transform .2s}
.link-arrow:hover span{transform:translateX(4px)}


/* Üst menü */
.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(11,26,46,.94);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);transition:padding .25s,box-shadow .25s}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;transition:padding .25s}
.site-header.scrolled{box-shadow:0 8px 24px -18px rgba(0,0,0,.5)}
.site-header.scrolled .wrap{padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}
.brand svg{width:38px;height:38px;color:var(--tree-line)}
.brand b{display:block;font-size:18px;font-weight:800;letter-spacing:.14em;line-height:1.1}
.brand small{display:block;font-size:7px;font-weight:600;letter-spacing:.3em;color:var(--accent)}
.nav{display:flex;align-items:center;gap:6px}
.nav a{color:var(--muted);font-weight:500;font-size:15px;padding:10px 12px;border-radius:8px;position:relative;transition:color .2s}
.nav a:hover{color:var(--ink)}
.nav a.active{color:var(--ink);font-weight:600}
.nav a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--gold);border-radius:2px}
.nav .btn{margin-left:10px;color:var(--btn-ink)}
.nav .btn::after{display:none}
.menu-toggle{display:none;background:transparent;border:1.5px solid var(--line);border-radius:10px;width:46px;height:46px;cursor:pointer;color:var(--ink);align-items:center;justify-content:center}
@media (max-width:900px){
  .menu-toggle{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 24px 20px;gap:2px;display:none}
  .nav.open{display:flex;animation:drop .25s ease}
  .nav a{padding:14px 8px;font-size:17px}
  .nav a.active::after{left:8px;right:auto;width:28px}
  .nav .btn{margin:10px 0 0;justify-content:center}
}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}}

/* Sayfa geçişleri */
.rise{animation:rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 80ms)}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
section{padding:96px 0}
.sec-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;margin-bottom:44px}
.sec-head > div{display:flex;flex-direction:column;gap:12px;max-width:640px}
.sec-head p{max-width:440px;color:var(--muted)}

/* Ana sayfa hero varyantları */
.hero{padding:88px 0 80px}
.hero-grid{display:flex;flex-wrap:wrap;align-items:center;gap:56px}
.hero-text{flex:1 1 520px;display:flex;flex-direction:column;gap:22px}
.hero h1{font-size:var(--h1);line-height:1.06;font-weight:800;letter-spacing:-.025em}
.hero p.lead{font-size:19px;color:var(--muted);max-width:560px}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero-art{flex:1 1 380px;display:flex;justify-content:center}
.tree-box{width:100%;max-width:440px;aspect-ratio:1;background:var(--surface);border-radius:28px;display:flex;align-items:center;justify-content:center}
.tree-box svg{width:72%;color:var(--tree-line)}
.draw path,.draw circle.ring{stroke-dasharray:600;stroke-dashoffset:0}
.draw path,.draw circle.ring{animation:draw 1.6s ease both}
@keyframes draw{from{stroke-dashoffset:600}}
.draw .nodes circle{animation:pop .5s ease both;animation-delay:1s}
@keyframes pop{from{opacity:0;transform:scale(.3)}}
.draw .nodes circle{transform-box:fill-box;transform-origin:center}
/* gece mimari şeması */
.stack-diagram{flex:1 1 400px;display:flex;flex-direction:column;font-family:var(--mono);font-size:14px}
.layer{border:1px solid var(--line);border-radius:10px;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--surface);color:#fff;transition:border-color .25s,transform .25s}
.layer:hover{border-color:var(--accent);transform:translateX(6px)}
.layer.mid{border-color:var(--accent);background:#0F2A3A}
.wire{width:2px;height:28px;background:var(--line);margin-left:50%;position:relative;overflow:hidden}
.wire::after{content:"";position:absolute;left:0;top:-10px;width:2px;height:10px;background:var(--accent);animation:pulse 1.6s linear infinite}
@keyframes pulse{to{top:28px}}
.dots{display:flex;gap:8px}.dots i{width:10px;height:10px;border-radius:50%;background:var(--gold)}.dots.t i{background:#0B7A83}
/* teknoloji şeridi */
.tech{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);padding:0;overflow:hidden}
.tech .wrap{display:flex;align-items:center;gap:28px;padding-top:22px;padding-bottom:22px}
.tech .label{white-space:nowrap;color:var(--muted)}
.marquee{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;gap:40px;width:max-content;animation:slide 26s linear infinite;font-weight:600;color:var(--ink)}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
html[data-tpl="gece"] .marquee-track{font-family:var(--mono);font-weight:500}

/* kartlar */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:12px;color:var(--text);transition:transform .25s,box-shadow .25s,border-color .25s}
a.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -24px rgba(16,35,63,.45);border-color:var(--accent)}
.card .num{font-family:var(--label-font);font-size:13px;font-weight:700;color:var(--gold-text)}
.card.feature{background:var(--band);border-color:var(--band);color:var(--band-muted);grid-column:span 2}
.card.feature h3{color:#fff;font-size:26px}
.card.feature .num{color:#E0B867}
@media (max-width:620px){.card.feature{grid-column:auto}}
.card .more{margin-top:auto;font-weight:600;color:var(--accent)}
.card.feature .more{color:var(--band-accent)}
.icon{width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);display:flex;align-items:center;justify-content:center;color:var(--accent)}
.icon svg{width:22px;height:22px}

/* koyu bant */
.band{background:var(--band);color:var(--band-muted)}
.band h2,.band h3{color:var(--band-ink)}
.band .label{color:var(--band-accent)}
.split{display:flex;flex-wrap:wrap;gap:56px}
.split > *{flex:1 1 440px}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--band-line);border-radius:16px;overflow:hidden}
@media (max-width:560px){.tiles{grid-template-columns:1fr}}
.tiles > *{background:var(--band-2);padding:26px;display:flex;flex-direction:column;gap:8px;transition:background .2s}
.tiles > *:hover{background:color-mix(in srgb,var(--band-2) 80%,#fff 6%)}

/* adımlar */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.steps li{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:3px solid var(--accent)}
.steps li:nth-child(2){border-color:var(--ink)}.steps li:nth-child(3){border-color:var(--gold)}
.steps .label{color:var(--muted)}

/* CTA */
.cta{background:var(--surface);border-radius:28px;padding:56px 48px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
html[data-tpl="gece"] .cta{border:1px solid var(--line)}

/* iç sayfa başlığı */
.page-hero{padding:72px 0 56px;border-bottom:1px solid var(--line);background:var(--surface)}
html[data-tpl="gece"] .page-hero{background:transparent}
.page-hero .wrap{display:flex;flex-direction:column;gap:14px}
.page-hero h1{font-size:clamp(34px,4.4vw,52px);line-height:1.08;font-weight:800;max-width:820px}
.page-hero p{max-width:640px;color:var(--muted);font-size:18px}
.crumb{font-size:14px;color:var(--muted);display:flex;gap:8px}
.crumb a{color:var(--muted)}.crumb a:hover{color:var(--ink)}

/* SSS */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;gap:16px;font-weight:600;color:var(--ink);font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--accent);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--muted);max-width:760px;animation:drop .25s ease}

/* sekmeler */
.tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);margin-bottom:32px}
.tabs button{font:inherit;font-weight:600;color:var(--muted);background:transparent;border:0;border-bottom:3px solid transparent;padding:14px 16px;cursor:pointer;min-height:48px;transition:color .2s,border-color .2s}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--gold)}
.tabpanel{display:flex;flex-wrap:wrap;gap:40px;animation:rise .4s ease both}
.tabpanel[hidden]{display:none}
.tabpanel > div{flex:1 1 380px;display:flex;flex-direction:column;gap:14px}
.checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.checks li{display:flex;gap:10px}
.checks li::before{content:"";flex:0 0 10px;height:10px;margin-top:9px;border-radius:50%;background:var(--accent)}
.placeholder{border:1.5px dashed var(--line);border-radius:var(--radius);padding:28px;color:var(--muted);display:flex;align-items:center;justify-content:center;text-align:center;min-height:220px;background:var(--surface)}

/* logo anatomisi */
.anatomy{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.anat-art{flex:1 1 340px;display:flex;justify-content:center}
.anat{width:100%;max-width:400px;color:var(--tree-line);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px}
.anat g[data-part]{cursor:pointer;transition:opacity .35s}
.anat.sel-dallar g[data-part]:not([data-part="dallar"]),.anat.sel-ufuk g[data-part]:not([data-part="ufuk"]),.anat.sel-kokler g[data-part]:not([data-part="kokler"]){opacity:.18}
.anat-side{flex:1 1 460px;display:flex;flex-direction:column;gap:20px}
.anat-tabs{display:flex;flex-direction:column;gap:8px}
.anat-tabs button{font:inherit;text-align:left;display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 18px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:600;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.anat-tabs button span{font-family:var(--mono);font-weight:500;font-size:14px;color:var(--accent);min-width:84px}
.anat-tabs button:hover{border-color:var(--accent);transform:translateX(4px)}
.anat-tabs button[aria-pressed="true"]{background:var(--surface);border-color:var(--accent)}
.anat-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:10px;animation:rise .4s ease both;min-height:240px}
.anat-card .myth{font-style:italic;color:var(--gold-text)}
.chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{font-family:var(--mono);font-size:13px;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--text)}
.anat-note{margin-top:40px;color:var(--muted);max-width:720px}
.values{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.origin-note{margin-top:28px;text-align:center;font-size:14px;color:var(--muted)}

/* yapay zekâ */
.layer.ai{border-color:var(--gold);background:#1A2A33}
.ai-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ai-list li{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.ai-list li > span{font-family:var(--mono);font-size:14px;color:var(--gold-text);min-width:72px;padding-top:2px}
.ai-list b{color:var(--ink);font-size:18px}
.tracks{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.track{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:14px;transition:border-color .25s,transform .25s}
.track:hover{border-color:var(--accent);transform:translateY(-3px)}
.ai-tiles{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.uc-card{gap:16px}
.uc-row{display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--line)}
.steps-4 li:nth-child(4){border-color:var(--accent)}

/* form */
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media (max-width:620px){.form{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px}
.field.full{grid-column:1 / -1}
.field label{font-weight:600;font-size:15px;color:var(--ink)}
.field input,.field textarea,.field select{font:inherit;font-size:max(16px,1em);-webkit-appearance:none;appearance:none;color:var(--text);background:var(--surface-2);border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;min-height:48px;transition:border-color .2s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.field textarea{min-height:140px;resize:vertical}
.field .err{font-size:14px;color:#B42318;min-height:0}
html[data-tpl="gece"] .field .err{color:#FDA29B}
.field.invalid input,.field.invalid textarea{border-color:#B42318}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--muted)}
.consent input{width:20px;height:20px;margin-top:3px;accent-color:var(--accent)}
.notice{grid-column:1/-1;border-radius:12px;padding:16px 18px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink);font-weight:500}
.contact-grid{display:flex;flex-wrap:wrap;gap:48px}
.contact-grid > form{flex:1 1 520px}
.contact-grid > aside{flex:1 1 320px;display:flex;flex-direction:column;gap:16px}
.info{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;gap:14px}
.info .icon{flex:0 0 44px}
.info b{display:block;color:var(--ink)}

/* altbilgi */
.site-footer{background:var(--band);color:var(--band-muted);padding:64px 0 calc(28px + env(safe-area-inset-bottom));font-size:15px}
html[data-tpl="gece"] .site-footer{background:#07121F;border-top:1px solid var(--line)}
.foot{display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.foot nav{display:flex;flex-direction:column;gap:8px}
.foot nav a{color:var(--band-muted)}.foot nav a:hover{color:#fff}
.foot h4{margin:0 0 6px;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.foot-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--band-line);font-size:13px;color:#9FB0C3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.to-top{position:fixed;right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:50%;border:0;background:var(--btn-bg);color:var(--btn-ink);cursor:pointer;box-shadow:0 10px 24px -10px rgba(0,0,0,.5);opacity:0;pointer-events:none;transform:translateY(10px);transition:all .25s;z-index:30}
.to-top.show{opacity:1;pointer-events:auto;transform:none}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* üretim eklemeleri */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--btn-bg);color:var(--btn-ink);padding:12px 16px;border-radius:8px;font-weight:600}
.skip:focus{top:12px}
.btn-block{width:100%;justify-content:center}
.form-note{font-size:14px;color:var(--muted)}
.form-note a{text-decoration:underline}
.field select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.info address{font-style:normal}
.info .link-arrow{margin-top:6px;font-size:15px}
.flow{flex:1 1 380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:16px}
.flow ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;counter-reset:f}
.flow li{counter-increment:f;display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line);color:var(--ink);font-weight:600}
.flow li:last-child{border-bottom:0}
.flow li::before{content:counter(f,decimal-leading-zero);font-family:var(--mono);font-size:13px;color:var(--gold-text);min-width:28px}
.prose{max-width:780px;display:flex;flex-direction:column;gap:16px}
.prose h2{font-size:24px;margin-top:20px}
.prose a{text-decoration:underline}
.draft-note{border:1.5px dashed var(--gold);border-radius:10px;padding:12px 16px;color:var(--gold-text)}
.notfound{padding:120px 0}
.notfound .wrap{display:flex;flex-direction:column;gap:18px}
.notfound h1{font-size:clamp(34px,5vw,56px);line-height:1.1}
.notfound .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.foot a{color:var(--band-muted)}.foot a:hover{color:#fff}
@media (max-width:480px){section{padding:72px 0}.hero{padding:56px 0}.cta{padding:36px 24px;border-radius:20px}.card{padding:22px}.track{padding:24px}.page-hero{padding:52px 0 40px}}
@media (hover:none){a.card:hover,.btn-primary:hover,.track:hover,.layer:hover,.anat-tabs button:hover{transform:none;box-shadow:none}}
@media print{.site-header,.to-top,.marquee{display:none}}

/* Satır içi stillerden üretilen sınıflar (CSP: style-src 'self') */
.u1{display:flex !important;flex-direction:column !important;gap:12px !important;max-width:340px !important}
.u2{color:#fff !important;--tree-line:#fff !important;--nb:#7FD3D9 !important}
.u3{color:#fff !important}
.u4{color:#7FD3D9 !important}
.u5{display:flex !important;flex-direction:column !important;gap:8px !important}
.u6{font-style:normal !important}
.u7{fill:var(--nt) !important}
.u8{fill:var(--nb) !important}
.u9{--i:1 !important}
.u10{--i:2 !important}
.u11{--i:3 !important}
.u12{color:var(--accent) !important}
.u13{--i:4 !important}
.u14{--i:5 !important}
.u15{align-items:center !important}
.u16{display:flex !important;flex-direction:column !important;gap:18px !important}
.u17{color:var(--band-accent) !important}
.u18{padding-top:0 !important}
.u19{display:flex !important;flex-direction:column !important;gap:10px !important;max-width:620px !important}
.u20{display:flex !important;flex-wrap:wrap !important;gap:12px !important}
.u21{--i:6 !important}
.u22{--accent:var(--band-accent) !important}
.u23{color:var(--band-muted) !important}
.u24{border-color:#fff !important}
.u25{max-width:900px !important}
.u26{color:#E0B867 !important}
.u27{align-items:flex-start !important}
.u28{flex:1 1 360px !important}
.u29{flex:1 1 480px !important}
.u30{display:flex !important;flex-direction:column !important;gap:16px !important}
.u31{font-size:30px !important}
.u32{fill:var(--accent) !important}