/* ---------- B — Doğal & Samimi (değişkenlerden kolayca düzenlenir) ---------- */
:root{
  --bg:#FAFAF5; --mist:#DCEADD; --sage:#86AB99; --forest:#2D4840; --muted:#52645B; --ink:#22332D; --accent:#3F6657;
  --surface:#fff; --line:rgba(45,72,64,.16); --on-forest:#fff; --deep:#2D4840;
  --wa-bg:#DCFCE7; --wa-ink:#166534; --wa-line:#A7D7B6;
  --head:'Bricolage Grotesque','Manrope',system-ui,sans-serif; --body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:20px; box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#121A17; --mist:#1B2822; --sage:#86AB99; --forest:#CFE3D8; --muted:#A9BBB1; --ink:#E8EFEB; --accent:#9CC3AF; --surface:#1A2520; --line:rgba(207,227,216,.18); --on-forest:#12201A; --deep:#1A2B24; color-scheme:dark;}}
:root[data-theme="dark"]{--bg:#121A17; --mist:#1B2822; --sage:#86AB99; --forest:#CFE3D8; --muted:#A9BBB1; --ink:#E8EFEB; --accent:#9CC3AF; --surface:#1A2520; --line:rgba(207,227,216,.18); --on-forest:#12201A; --deep:#1A2B24; color-scheme:dark;}
html{height:auto;scroll-behavior:smooth;scroll-padding-top:calc(76px + env(safe-area-inset-top,0px))}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:60}
img,svg{max-width:100%}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
section{padding:4.5rem 0}
h1,h2,h3{font-family:var(--head);color:var(--forest);line-height:1.1;margin:0 0 .6em;letter-spacing:-.02em}
h1{font-size:clamp(2.3rem,7vw,4.1rem)}
h2{font-size:clamp(1.8rem,4.6vw,2.7rem)}
h3{font-size:1.25rem;letter-spacing:-.01em}
p{margin:0 0 1em;max-width:62ch}
.lead{font-size:1.15rem;color:var(--muted)}
.eyebrow{font:700 .85rem var(--body);letter-spacing:.14em;color:var(--accent);margin:0 0 1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:52px;padding:.8rem 1.5rem;border-radius:999px;font:700 1rem var(--body);text-decoration:none;border:2px solid var(--forest);cursor:pointer;transition:transform .2s,background .2s}
.btn-primary{background:var(--forest);color:var(--on-forest)}
.btn-primary:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--forest)}
.btn-ghost:hover{background:var(--mist)}
.btn-sm{min-height:44px;padding:.5rem 1rem;font-size:.95rem}
/* WhatsApp: yalnızca WhatsApp eylemleri bu yeşili kullanır */
.btn-wa{background:var(--wa-bg);color:var(--wa-ink);border-color:var(--wa-line)}
.btn-wa:hover{transform:translateY(-2px);background:#C9F7D8}
.btn-wa .wa-i{width:22px;height:22px;flex:none;fill:currentColor}
.long{display:none}
@media(min-width:520px){.long{display:inline}.short{display:none}}
.todo{display:inline-block;font:600 .75rem/1.3 var(--body);background:#FFF1C9;color:#6b4e00;border:1px dashed #c9a227;border-radius:8px;padding:.15rem .5rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .todo{background:#3a3114;color:#f3d57a;border-color:#8a6d12}}

/* ---------- Üst menü ---------- */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:.6rem;min-height:68px}
.logo{font:700 1.2rem var(--head);color:var(--forest);text-decoration:none;margin-right:auto;display:flex;align-items:center;gap:.5rem}
.logo i{display:inline-flex}.logo i b{width:12px;height:22px;border-radius:6px;background:var(--forest)}.logo i b+b{background:var(--sage);margin-left:-4px}
nav ul{display:none;list-style:none;margin:0;padding:0;gap:1.3rem}
nav a{text-decoration:none;font-weight:600;font-size:.95rem}
nav a:hover{color:var(--accent)}
.menu-btn{min-width:44px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--forest);font:700 .9rem var(--body);cursor:pointer}
nav.open ul{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--bg);padding:1rem 1.25rem 1.5rem;border-bottom:1px solid var(--line);gap:0}
nav.open li a{display:block;padding:.9rem 0;border-bottom:1px solid var(--line);font-size:1.1rem}
nav{position:static}
@media(min-width:1100px){nav ul{display:flex}.menu-btn{display:none}}

/* ---------- Hero ---------- */
.hero{position:relative;padding:3rem 0 4rem;overflow:hidden}
.hero .wrap{display:grid;gap:2.5rem;position:relative;z-index:1}
.route{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.route path{fill:none;stroke:var(--sage);stroke-width:3;stroke-linecap:round;stroke-dasharray:6 12;opacity:.8}
@media(prefers-reduced-motion:no-preference){.route path{stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 2.6s .3s ease forwards}}
@keyframes draw{to{stroke-dashoffset:0}}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.twins{position:relative;aspect-ratio:4/3.3;max-width:460px;width:100%}
.twins .ph{position:absolute;width:62%;aspect-ratio:3/4;border-radius:var(--r);display:grid;place-items:center;text-align:center;padding:1rem;font-size:.85rem;color:var(--muted);border:2px dashed var(--sage)}
.twins .a{left:0;top:0;background:var(--mist)}
.twins .b{right:0;bottom:0;background:var(--surface)}
.trust{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2rem;padding:0;list-style:none}
.trust li{font-size:.92rem;font-weight:600;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.45rem .95rem}
@media(min-width:860px){.hero{padding:5rem 0 6rem}.hero .wrap{grid-template-columns:1.25fr 1fr;align-items:center}}

/* ---------- Biz kimiz ---------- */
.about{background:var(--mist)}
.about .wrap{display:grid;gap:2.5rem}
.quote{font:600 clamp(1.3rem,3vw,1.7rem)/1.35 var(--head);color:var(--forest);border-left:4px solid var(--sage);padding-left:1.2rem;max-width:30ch}
.block{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.5rem;margin-bottom:1rem}
.block h3{margin-bottom:.6rem}
.block p:last-child{margin-bottom:0}
.block .key{font-weight:700;color:var(--forest)}
@media(min-width:860px){.about .wrap{grid-template-columns:.9fr 1.3fr;align-items:start}}

/* ---------- Felsefe ---------- */
.philo .wrap{display:grid;gap:2.5rem}
.philo .strong{font:600 1.25rem/1.4 var(--head);color:var(--forest)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem;counter-reset:s;align-content:start}
.steps li{position:relative;counter-increment:s;background:var(--mist);border-radius:var(--r);padding:1.2rem 1.4rem 1.2rem 4.2rem;font:700 1.15rem var(--head);color:var(--forest)}
.steps li::before{content:counter(s);position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--forest);color:var(--on-forest);display:grid;place-items:center;font:700 1.05rem var(--head)}
@media(min-width:860px){.philo .wrap{grid-template-columns:1.3fr .9fr;align-items:start}}

/* ---------- Sistemler ---------- */
.systems{background:var(--deep);color:#fff}
.systems h2,.systems h3{color:#fff}
.systems .lead{color:rgba(255,255,255,.85)}
.cards{display:grid;gap:1rem;margin-top:2rem}
.card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:var(--r);padding:1.5rem}
.card .tag{display:inline-block;font:700 .8rem var(--body);background:var(--sage);color:#14211c;border-radius:999px;padding:.15rem .7rem;margin-bottom:.8rem}
.card .tagline{font-weight:700;margin:0 0 .5rem}
.card details{border:0;margin-top:.5rem}
.card summary{font:700 .95rem var(--body);color:#fff;padding:.6rem 2rem .6rem 0;text-decoration:underline;text-underline-offset:4px}
.card summary::after{content:"+";color:#fff;top:.35rem}
.card details>div{color:rgba(255,255,255,.9);padding:.3rem 0 0}
.card details p{max-width:none}
@media(min-width:860px){.cards{grid-template-columns:repeat(3,1fr)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .systems{background:#18261F}}

/* TYİ karşılaştırma */
.tyi{margin-top:3rem}
.tyi h3{font-size:1.5rem}
.pair{display:grid;gap:1rem;margin-top:1.2rem}
.fig{background:var(--bg);border-radius:var(--r);padding:1rem;color:var(--ink);margin:0}
.fig figcaption{font:700 1.05rem var(--head);color:#2D4840;margin-bottom:.7rem}
.fig.twin{border:3px solid var(--sage)}
.frame{aspect-ratio:4/3;border-radius:12px;border:2px dashed #86AB99;background:#DCEADD;color:#52645B;display:grid;place-items:center;text-align:center;padding:1rem;font-size:.9rem;overflow:hidden}
.frame img{width:100%;height:100%;object-fit:contain;background:#fff}
.frame .todo{margin-top:.5rem}
.tyi details{border:1px solid rgba(255,255,255,.25);border-radius:var(--r);margin-top:1rem;padding:0 1.2rem}
.tyi summary{color:#fff}
.tyi summary::after{color:#fff}
.tyi details>div{color:rgba(255,255,255,.9)}
@media(min-width:760px){.pair{grid-template-columns:1fr 1fr}}

/* ---------- Hikâyeler ---------- */
.stories-grid{display:grid;gap:1.2rem;margin-top:2rem}
.story{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem}
.story ul{padding-left:1.1rem;margin:1rem 0;color:var(--muted)}
.story li{margin-bottom:.4rem}
.chart-ph{height:110px;border-radius:12px;border:2px dashed var(--line);display:grid;place-items:center;font-size:.85rem;color:var(--muted);text-align:center;padding:.5rem}
.hint{font-size:.9rem;color:var(--muted)}
@media(min-width:860px){.stories-grid{grid-template-columns:1fr 1fr}}

/* ---------- Nasıl başlıyoruz ---------- */
.start{background:var(--mist)}
.flow{list-style:none;padding:0;margin:2rem 0;display:grid;gap:1rem;counter-reset:f}
.flow li{counter-increment:f;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.4rem 1.4rem 4.4rem;position:relative}
.flow li::before{content:counter(f);position:absolute;left:1.2rem;top:1.3rem;width:40px;height:40px;border-radius:50%;background:var(--sage);color:#14211c;display:grid;place-items:center;font:700 1.05rem var(--head)}
.flow strong{display:block;font:700 1.15rem var(--head);color:var(--forest);margin-bottom:.2rem}
.flow p{margin:0}
.closing{font:600 1.3rem/1.35 var(--head);color:var(--forest);max-width:34ch}
@media(min-width:860px){.flow{grid-template-columns:repeat(3,1fr)}}

/* ---------- SSS ---------- */
.faq{max-width:800px}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:1.2rem 2.5rem 1.2rem 0;font:700 1.08rem var(--head);color:var(--forest);position:relative;min-height:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.3rem;top:1rem;font-size:1.6rem;line-height:1;color:var(--accent);transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details>div{padding:0 0 1.3rem;color:var(--muted)}
details>div p{margin:0 0 .8rem}
.faq .after{margin-top:2rem}

/* ---------- İletişim ---------- */
.contact{background:var(--deep);color:#fff}
.contact .wrap{display:grid;gap:2.5rem}
.contact h2{color:#fff}
.contact .lead{color:rgba(255,255,255,.88)}
.contact .small{font-size:.92rem;color:rgba(255,255,255,.8)}
.contact .todo{margin-left:.2rem}
form{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem}
form h3{color:#2D4840}
form .hint{color:#52645B}
label,legend{display:block;font-weight:700;font-size:.95rem;margin:0 0 .35rem;color:#2D4840}
input,select,textarea{width:100%;min-height:50px;border-radius:12px;border:1.5px solid #b9cbbf;background:#FAFAF5;color:#22332D;padding:.7rem .9rem;font:inherit}
textarea{min-height:90px;resize:vertical}
.field{margin-bottom:1.1rem}
fieldset{border:0;padding:0;margin:0 0 1.1rem}
.opts{display:flex;flex-wrap:wrap;gap:.5rem}
.opts label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin:0;border:1.5px solid #b9cbbf;border-radius:999px;padding:.55rem 1rem;min-height:44px;cursor:pointer;color:#22332D}
.opts input{width:auto;min-height:0;accent-color:#2D4840}
form .btn-primary{background:#2D4840;color:#fff;border-color:#2D4840}
.status{margin-top:1rem;padding:.9rem 1rem;border-radius:12px;background:#FFF1C9;color:#5a4200;font-size:.95rem}
button[disabled]{opacity:.55;cursor:not-allowed}
@media(min-width:860px){.contact .wrap{grid-template-columns:1fr 1fr;align-items:start}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .contact{background:#18261F}}
footer{padding:2rem 0;font-size:.9rem;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}

.logo-img{display:block;height:36px;width:auto;border-radius:8px;flex:none}
.hero-photo{margin:0;position:relative;max-width:420px;width:100%;justify-self:center}
.hero-photo::before{content:"";position:absolute;inset:18px -14px -14px 18px;border-radius:var(--r);border:2px solid var(--sage);z-index:0}
.hero-photo img{position:relative;z-index:1;display:block;width:100%;height:auto;border-radius:var(--r);background:var(--mist)}
.about-photo{margin:1.5rem 0 0;max-width:340px}
.about-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:var(--r)}
.zoom{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:12px;cursor:zoom-in;overflow:hidden}
.qimg{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;background:#fff}
.zoom-hint{font-size:.82rem;color:#52645B;margin:.5rem 0 0;text-align:center;max-width:none}
.tyi-cap{font:700 1.35rem var(--head);margin:1.6rem 0 .3rem;color:#fff}
.tyi-sub{color:rgba(255,255,255,.88);margin:0 0 1rem}
.pair{align-items:start}
.tyi .hint{color:rgba(255,255,255,.8)}
dialog#lightbox{border:0;padding:.75rem;border-radius:var(--r);max-width:min(1000px,96vw);max-height:94vh;background:#fff;overflow:auto}
dialog#lightbox::backdrop{background:rgba(0,0,0,.72)}
#lbImg{display:block;width:100%;height:auto}
.lb-close{position:sticky;top:0;display:block;margin:0 0 .5rem auto;min-height:44px;padding:.4rem 1rem;border-radius:999px;border:2px solid #2D4840;background:#fff;color:#2D4840;font:700 .95rem var(--body);cursor:pointer}
.ig-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:inherit}
.ig-link.off{text-decoration:none;opacity:.85;cursor:default}
.ig-i{width:22px;height:22px;flex:none}
.foot-brand{display:inline-flex;align-items:center;gap:.6rem}
.foot-brand img{height:28px;width:auto;border-radius:6px}
@media(max-width:859px){.hero-photo{max-width:340px}.hero-photo::before{inset:14px -8px -10px 14px}}
@media(max-width:430px){.logo-txt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
nav a,.logo,.btn-wa{white-space:nowrap}
nav ul{gap:1.1rem}
.bar .long{display:none!important}.bar .short{display:inline!important}
.hero-photo img{box-shadow:0 22px 44px -26px rgba(45,72,64,.55)}

.tabs{display:inline-flex;gap:4px;background:rgba(255,255,255,.12);border-radius:999px;padding:4px;margin:.4rem 0 1.4rem}
.tabs button{min-height:44px;border:0;border-radius:999px;padding:.5rem 1.4rem;font:700 .95rem var(--body);background:transparent;color:#fff;cursor:pointer}
.tabs button[aria-selected="true"]{background:#FAFAF5;color:#2D4840}
[role="tabpanel"][hidden]{display:none}
.qimg{max-height:none}
.pair{align-items:stretch}
.fig{display:flex;flex-direction:column}
.fig .zoom{flex:0 0 auto}
.yks{margin-top:1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;max-width:560px}
.yks h3{font-size:1.05rem;margin-bottom:.7rem}
.yks .zoom{border:1px solid var(--line);border-radius:12px}
.yks .zoom-hint{text-align:left;margin-top:.6rem;color:var(--muted)}

.pusula{margin-top:3.5rem}
.pusula h3,.tyi h4{color:#fff}
.screen-block{margin-top:2rem;display:grid;gap:1.2rem;align-items:start}
.screen-media{max-width:520px;width:100%}
.screen-text h4,.scard h4{font:700 1.25rem/1.25 var(--head);color:#fff;margin:0 0 .5rem}
.screen-text p,.scard p{color:rgba(255,255,255,.9);margin:0 0 .6rem}
.screen-text{max-width:56ch}
.shot{width:100%;height:auto;object-fit:contain;background:#fff}
.screen-media .zoom,.scard .zoom{border-radius:14px;box-shadow:0 14px 34px -20px rgba(0,0,0,.6)}
.screen-media .zoom-hint,.scard .zoom-hint{color:rgba(255,255,255,.75);text-align:left}
.support{display:grid;gap:1.4rem;margin-top:2.2rem}
.scard{margin:0;display:flex;flex-direction:column;gap:.9rem}
.scard figcaption{margin-top:.2rem}
.holdback{aspect-ratio:1122/1402;width:100%;background:rgba(255,255,255,.08);border:2px dashed rgba(255,255,255,.45);color:#fff;border-radius:14px}
.holdback .todo{margin-top:.6rem}
@media(min-width:860px){
  .screen-block.main{grid-template-columns:minmax(0,520px) 1fr;gap:2.5rem;align-items:center}
  .support{grid-template-columns:1fr 1fr;gap:2rem}
  #tyi-takibi{grid-template-columns:minmax(0,520px) 1fr;gap:2.5rem;align-items:center}
}

/* ---- Ön görüşme formu: her temada açık yüzey, yüksek kontrast ---- */
#form{background:#FAFAF5;color:#2D4840;border:2px solid #86AB99;color-scheme:light}
#form h3,#form label,#form legend{color:#2D4840}
#form .hint,#form .form-note{color:#52645B}
#form .hint{font-size:.92rem}
#form input,#form select,#form textarea{background:#fff;color:#22332D;border:1.5px solid #86AB99;color-scheme:light}
#form input::placeholder,#form textarea::placeholder{color:#52645B;opacity:1}
#form input:focus-visible,#form select:focus-visible,#form textarea:focus-visible{outline:3px solid #2D4840;outline-offset:2px;border-color:#2D4840}
#form .opts label{background:#fff;color:#2D4840;border:2px solid #86AB99;font-weight:700}
#form .opts input[type="radio"]{width:22px;height:22px;flex:none;accent-color:#2D4840;margin:0}
#form .opts label:has(input:checked){background:#2D4840;border-color:#2D4840;color:#fff}
#form .opts label:has(input:checked) input{accent-color:#fff}
#form .opts label:focus-within{outline:3px solid #2D4840;outline-offset:2px}
#form .form-note{margin:1rem 0 0;padding:.9rem 1rem;border-radius:12px;background:#DCEADD;color:#2D4840;font-size:.95rem}
#form .btn-primary{background:#2D4840;color:#fff;border-color:#2D4840}
#form button[disabled]{opacity:.6}
#form legend{padding:0}

/* ---- v2.2: gizli bileşenler, tek destek kartı, Nasıl Başlıyoruz numaraları ---- */
[hidden]{display:none!important}
.flow li::before{content:counter(f,decimal-leading-zero);font-size:.95rem}
.flow p+p{margin-top:.7rem}
.flow li{padding-left:4.6rem}
.start .lead{margin-bottom:0}
@media(min-width:860px){
  .support.single{display:block}
  .support.single .scard{display:grid;grid-template-columns:1fr minmax(0,520px);gap:2.5rem;align-items:center}
  .support.single .scard .zoom{order:2}
  .support.single .scard figcaption{order:1;margin-top:0}
}

/* ---- v2.3: Öğrenci Yolculukları ---- */
#hikayeler .eyebrow{margin-bottom:.8rem}
.journeys{display:grid;gap:1.5rem;margin-top:2.2rem}
.journey{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.8rem 1.6rem;display:flex;flex-direction:column;color:#22332D}
.journey h3{color:#2D4840;font-size:1.5rem;margin:.1rem 0 1rem}
.journey p{color:#33443d}
.j-no{font:700 .85rem var(--body);letter-spacing:.14em;color:#3F6657!important;margin:0 0 .2rem}
.j-name{font:600 1.05rem var(--head);color:#2D4840!important;margin:0 0 .3rem}
.j-result{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.4rem 0 1.4rem;padding:.8rem 0;border-top:1px solid #cfe0d4;border-bottom:1px solid #cfe0d4;font-weight:700;color:#2D4840!important}
.j-result span+span{font-weight:500;color:#52645B}
.j-proof{margin:0;display:flex;flex-direction:column;gap:.5rem}
.j-proof .zoom{border:1px solid #cfe0d4;border-radius:12px;background:#fff}
.j-proof .qimg{max-height:none}
.j-proof.wa .zoom{max-width:420px;margin-inline:auto}
.j-proof figcaption{font-size:.85rem;color:#52645B;text-align:center}
@media(min-width:860px){.journeys{grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.journey{padding:2.2rem 2rem}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #hikayeler .lead{color:var(--muted)}}

/* ---- v2.4: Pusula üç dönüşümlü satır ---- */
.pusula .screen-block{margin-top:3rem}
.pusula .screen-media{max-width:560px}
@media(min-width:860px){
  .pusula .screen-block{grid-template-columns:minmax(0,560px) 1fr;gap:3.5rem;align-items:center;margin-top:5rem}
  .pusula .screen-block.rev{grid-template-columns:1fr minmax(0,560px)}
  .pusula .screen-block.rev .screen-text{order:1;justify-self:end}
  .pusula .screen-block.rev .screen-media{order:2}
  .pusula .screen-text h4{font-size:1.5rem}
  .pusula .screen-text p{font-size:1.05rem}
}
/* ---- Form: honeypot (spam botları doldurur, insanlar görmez) + durum mesajları ---- */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#form .form-note.is-success{background:#DCEADD;color:#2D4840}
#form .form-note.is-error{background:#FBE3E0;color:#7A1F14}