/* MIGRAnow — /sample yeni ana sayfa taslağı (mevcut tema: navy + gold, Playfair + DM Sans) */
.smp{color:var(--navy-dk);font-family:var(--sans)}
.smp h1,.smp h2{font-family:var(--serif);letter-spacing:-.03em;color:var(--navy-dk)}
.smp p{color:var(--text-lt);line-height:1.7}

/* ikon dairesi */
.smp-ico{display:inline-grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--gray-2);box-shadow:var(--shadow);color:var(--navy)}
.smp-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.smp-ico--flag{display:inline-flex;flex-direction:column;justify-content:center;gap:0;padding:0 13px}
.smp-ico--flag i{display:block;height:6px;width:26px}
.smp-ico--flag i:nth-child(1){background:#111;border-radius:2px 2px 0 0}
.smp-ico--flag i:nth-child(2){background:#dd2b2b}
.smp-ico--flag i:nth-child(3){background:#f4c430;border-radius:0 0 2px 2px}

/* BLOK 1 */
.smp-intro{padding:calc(var(--nav-h) + 4rem) 0 3.5rem;background:linear-gradient(180deg,#eef4fb 0%,#f7fafd 60%,#fff 100%)}
.smp-intro__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:center}
.smp-intro h1{font-size:clamp(2.1rem,3.6vw,3.2rem);line-height:1.12;margin-bottom:1.2rem}
.smp-intro__copy>p{font-size:1.08rem;max-width:620px}
.smp-feats{list-style:none;display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:2.2rem;margin-top:2.2rem;padding:0}
.smp-feats li{display:flex;flex-direction:column;align-items:center;gap:.7rem;text-align:center;font-size:.86rem;font-weight:500;color:var(--navy-dk);line-height:1.35}
.smp-intro__note{justify-self:center;font-family:var(--serif);font-style:italic;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.3;color:var(--navy)!important;transform:rotate(-6deg);position:relative;padding-bottom:1rem}
.smp-intro__note::after{content:"";position:absolute;left:10%;bottom:0;width:60%;height:4px;border-radius:4px;background:var(--gold)}

/* BLOK 2 */
.smp-start{padding:4rem 0;background:#fff}
.smp-start__grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.smp-start h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;margin-bottom:1rem}
.smp-start__grid>div>p{font-size:1.08rem}
.smp-cta{background:linear-gradient(180deg,#f3f7fc,#eaf1fa);border:1px solid #dbe5f1;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);text-align:center}
.smp-cta__head{display:flex;gap:1rem;text-align:left;margin-bottom:1.5rem}
.smp-cta h3{font-size:1.2rem;color:var(--navy-dk);margin-bottom:.4rem}
.smp-cta p{font-size:.92rem;margin:0}
.smp-btn{display:inline-flex;gap:.8rem;align-items:center;background:var(--navy-dk);color:#fff;padding:1rem 1.8rem;border-radius:10px;font-weight:600;transition:.2s}
.smp-btn b{color:var(--gold-lt)}
.smp-btn:hover{background:var(--navy-md);transform:translateY(-2px)}
.smp-cta small{display:block;margin-top:.9rem;color:var(--gray-4);font-size:.8rem}

/* BLOK 3 */
.smp-product{padding:4rem 0;background:linear-gradient(180deg,#f3f7fc,#eef4fb)}
.smp-product__wrap{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.smp-window{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid #dfe7f1;max-width:860px}
.smp-window__bar{display:flex;justify-content:space-between;align-items:center;background:var(--navy-dk);color:#fff;padding:.6rem 1.1rem;font-size:.8rem}
.smp-logo{font-family:var(--logo-font);font-weight:800}
.smp-logo em{font-style:normal;color:var(--gold-lt)}
.smp-window__body{display:grid;grid-template-columns:1fr 210px;gap:1.2rem;padding:1.4rem}
.smp-window h3{font-size:1.25rem;color:var(--navy-dk);margin-bottom:1rem}
.smp-score{display:grid;grid-template-columns:auto 1fr;gap:1.8rem;align-items:center}
.smp-ring{width:150px;aspect-ratio:1;border-radius:50%;padding:12px;background:conic-gradient(var(--navy-dk) 0 55%,var(--gold) 55% 78%,var(--gray-2) 78%)}
.smp-ring>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-wrap:wrap;justify-content:center;align-content:center}
.smp-ring b{font-size:2.6rem;line-height:1;color:var(--navy-dk)}
.smp-ring small{align-self:flex-end;font-size:.75rem;color:var(--gray-4);margin-bottom:.3rem}
.smp-ring em{flex-basis:100%;text-align:center;font-style:normal;font-size:.72rem;color:var(--gray-4);margin-top:.2rem}
.smp-bars{display:flex;flex-direction:column;gap:.9rem;border:1px solid var(--gray-2);border-radius:var(--radius);padding:1rem}
.smp-bars label{display:flex;justify-content:space-between;font-size:.8rem;font-weight:500;margin-bottom:.35rem}
.smp-bars label b{font-weight:500;color:var(--gray-4)}
.smp-bars i{display:block;height:6px;border-radius:6px;background:var(--gray-2);overflow:hidden}
.smp-bars u{display:block;height:100%;border-radius:6px;background:var(--navy-md)}
.smp-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.2rem}
.smp-chips>div{display:flex;gap:.6rem;align-items:center;border-radius:10px;padding:.7rem .8rem}
.smp-chips span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;font-size:.8rem;flex:none}
.smp-chips p{margin:0;font-size:.76rem;line-height:1.3;color:var(--navy-dk)}
.smp-chips small{display:block;color:var(--gray-4)}
.smp-chips .is-green{background:#eaf7ef}.smp-chips .is-green span{color:#2e9b5e}
.smp-chips .is-gold{background:#fbf5e5}.smp-chips .is-gold span{color:var(--gold-dk)}
.smp-chips .is-blue{background:#eaf1fa}.smp-chips .is-blue span{color:var(--navy-md)}
.smp-side{border:1px solid #dfe7f1;border-radius:var(--radius);padding:1.5rem 1rem;text-align:center;background:linear-gradient(180deg,#fff,#f3f7fc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
.smp-side p{font-size:.88rem;margin:0}
.smp-side b{color:var(--navy-dk)}
.smp-product__note{display:flex;flex-direction:column;gap:.6rem;font-family:var(--serif);font-style:italic;font-size:1.05rem;line-height:1.4;color:var(--navy)!important;transform:rotate(-8deg);max-width:200px}
.smp-product__note svg{width:80px;height:40px;fill:none;stroke:var(--navy);stroke-width:1.6;stroke-linecap:round}

/* BLOK 4 */
.smp-why{padding:4.5rem 0;background:#fff}
.smp-why__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:center}
.smp-why h2{font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.2;margin-bottom:1rem}
.smp-why__right{border-left:1px solid var(--gray-2);padding-left:3rem}
.smp-why__items{display:grid;grid-template-columns:repeat(3,1fr)}
.smp-why__items>div{display:flex;flex-direction:column;gap:.9rem;padding:0 1.4rem}
.smp-why__items>div:first-child{padding-left:0}
.smp-why__items>div+div{border-left:1px solid var(--gray-2)}
.smp-why__items p{font-size:.95rem;color:var(--navy-dk);margin:0}
.smp-info{display:flex;gap:1rem;align-items:center;margin-top:2rem;background:#eef4fb;border-radius:var(--radius);padding:1rem 1.3rem}
.smp-info>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--navy-dk);color:#fff;font-weight:700;font-family:var(--serif)}
.smp-info p{margin:0;font-size:.82rem}
.smp-info b{color:var(--navy-dk)}

/* Responsive */
@media (max-width:960px){
  .smp-intro__grid,.smp-start__grid,.smp-why__grid{grid-template-columns:1fr}
  .smp-intro__note{justify-self:start;transform:rotate(-4deg)}
  .smp-product__wrap{grid-template-columns:1fr}
  .smp-product__note{transform:none;flex-direction:row-reverse;justify-content:flex-end;align-items:center;max-width:none}
  .smp-product__note svg{transform:rotate(60deg)}
  .smp-why__right{border-left:0;padding-left:0}
}
@media (max-width:720px){
  .smp-feats{grid-template-columns:repeat(2,1fr);gap:1.6rem}
  .smp-window__body{grid-template-columns:1fr}
  .smp-score{grid-template-columns:1fr;justify-items:center}
  .smp-bars{width:100%}
  .smp-chips{grid-template-columns:1fr}
  .smp-why__items{grid-template-columns:1fr;gap:1.4rem}
  .smp-why__items>div{flex-direction:row;align-items:center;padding:0}
  .smp-why__items>div+div{border-left:0}
  .smp-cta{padding:1.5rem}
  .smp-btn{width:100%;justify-content:center}
}

/* BLOK 5: Tek profil, bağlantılı araçlar (kartlar mevcut .journey stilini kullanır) */
.smp-tools .section-title{margin-bottom:1rem}
.smp-tools__lead{max-width:640px;font-size:1.08rem;line-height:1.7;color:var(--text-lt);margin:0 0 3rem}
.smp-tools__lead b{color:var(--navy-dk)}

/* BLOK 6: koyu zemin — genel .smp p rengini ezme, okunaklı açık renk */
.smp .why-migranow p{color:rgba(255,255,255,.72)}
.smp .why-migranow .why__desc{color:rgba(255,255,255,.88);font-size:1.08rem;line-height:1.75}
.smp .why-migranow h2{color:#fff}

/* BLOK 8: İş Portalı koyu zemin — genel .smp p/h2 rengini ezme */
.smp .jobs h2{color:#fff}
.smp .jobs .jobs__text p,.smp .jobs .jobs__desc{color:rgba(255,255,255,.8)}

/* FİYATLANDIRMA SAYFASI (koyu zemin, sayfanın ilk bölümü) */
.smp-pricing-page .pricing{padding-top:calc(var(--nav-h) + 4rem)}
.smp .pricing h2{color:#fff}
.smp .pricing p{color:rgba(255,255,255,.75)}

/* YENİ LOGO (header + footer) */
.mg-logo{gap:.6rem}
.mg-logo__mark{width:46px;height:auto;display:block;flex:none}
.mg-logo__text{display:flex;flex-direction:column;line-height:1}
.mg-logo__name{font-family:var(--logo-font);font-weight:800;font-size:1.55rem;letter-spacing:-.01em;color:var(--navy-dk)}
.mg-logo__name em{font-style:normal;font-weight:700;color:var(--gold)}
.mg-logo__tag{font-family:var(--sans);font-weight:500;font-size:.5rem;letter-spacing:.24em;text-transform:uppercase;color:var(--navy);margin-top:.3rem;white-space:nowrap}
.mg-logo--light .mg-logo__name{color:#fff}
.mg-logo--light .mg-logo__tag{color:rgba(255,255,255,.6)}
@media (max-width:480px){.mg-logo__mark{width:38px}.mg-logo__name{font-size:1.3rem}.mg-logo__tag{font-size:.44rem;letter-spacing:.18em}}

/* Başka sayfadan #bölüm linkiyle gelince sabit header başlığı örtmesin */
#nasil-calisir,#neden-migranow,#goc-tools,#is-portali{scroll-margin-top:calc(var(--nav-h) + 12px)}

/* ── ZEMİN SIRASI: beyaz / lacivert dönüşümlü ──
   1 beyaz · 2 lacivert · 3 beyaz · 4 lacivert · 5 beyaz · 6 lacivert · 7 beyaz · 8 lacivert */
.smp-intro,.smp-product,.smp .journey,.smp .features{background:#fff}
.smp-start,.smp-why,.smp .why-migranow,.smp .jobs{background:var(--navy)}

/* Blok 2 — lacivert */
.smp-start h2{color:#fff}
.smp-start__grid>div>p{color:rgba(255,255,255,.8)}
.smp-start .smp-cta{background:#fff;border-color:transparent;box-shadow:0 20px 50px rgba(0,0,0,.25)}

/* Blok 4 — lacivert */
.smp-why h2{color:#fff}
.smp-why .smp-why__copy p{color:rgba(255,255,255,.8)}
.smp-why__right,.smp-why__items>div+div{border-color:rgba(255,255,255,.15)}
.smp-why .smp-why__items p,.smp-why .smp-why__items b{color:#fff}
.smp-why .smp-ico{border-color:transparent;box-shadow:none}
.smp-why .smp-info{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.smp-why .smp-info p{color:rgba(255,255,255,.8)}
.smp-why .smp-info b{color:var(--gold-lt)}
.smp-why .smp-info>span{background:var(--gold);color:var(--navy-dk)}

/* Blok 8 — İş Portalı lacivert */
.smp .jobs .jobs__title{color:#fff}
.smp .jobs .jobs__list li{color:rgba(255,255,255,.85)}
.smp .jobs .jobs__highlights{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}

/* ── MOBİL DÜZELTMELER ── */
/* Fiyat tablosu: koyu zeminde "Ücretsiz Başla" çerçeveli buton okunur olsun */
.smp .ptable .btn--outline-dark{color:#fff;border-color:rgba(255,255,255,.45)}
.smp .ptable .btn--outline-dark:hover{background:rgba(255,255,255,.08);border-color:#fff}

@media (max-width:960px){
  /* Göç Tools: mobilde her blokta önce yazı, sonra görsel */
  .smp .fblock .fblock__text,.smp .fblock--flip .fblock__text{order:0}
  .smp .fblock .fblock__visual,.smp .fblock--flip .fblock__visual{order:1}
}
@media (max-width:720px){
  .smp-info p br{display:none}
  /* İş Portalı sayaçları tek satırda kalsın */
  .smp .jobs__highlights{gap:.6rem;padding:1rem .75rem;justify-content:space-between}
  .smp .jh-item{flex:1;min-width:0}
  .smp .jh-num{font-size:1.5rem;white-space:nowrap}
  .smp .jh-item{white-space:nowrap}
  .smp .jh-plus{font-size:.7rem}
  .smp .jh-label{white-space:normal}
  .smp .jh-label{font-size:.6rem;letter-spacing:.04em}
}
@media (max-width:600px){
  /* Fiyat tablosu: 4 sütun ekrana sığsın, yana kaydırma gerekmesin */
  .smp .ptable-wrap{overflow-x:visible;margin-top:2rem}
  .smp .ptable{table-layout:fixed;font-size:.7rem}
  .smp .ptable__feature-col{width:34%;min-width:0}
  .smp .ptable thead tr th{padding:.9rem .25rem .6rem}
  .smp .pth-name{font-size:.62rem;letter-spacing:0;line-height:1.25}
  .smp .pth-price{font-size:1.25rem}
  .smp .pth-note{font-size:.58rem}
  .smp .pth-badge{font-size:.5rem;padding:.15rem .4rem;letter-spacing:0;white-space:nowrap}
  .smp .ptable tbody tr td{padding:.55rem .25rem;word-wrap:break-word}
  .smp .ptable tbody tr td:first-child{font-size:.72rem;padding-left:.6rem;line-height:1.3}
  .smp .ptable td.note{font-size:.6rem;line-height:1.3}
  .smp .ptable td.yes,.smp .ptable td.no{font-size:.85rem}
  .smp .ptable__group td{font-size:.62rem !important;letter-spacing:.03em;padding:.5rem .6rem !important}
  .smp .ptable__cta-row td{padding:.8rem .2rem !important}
  .smp .ptable__cta-row .btn{font-size:.62rem;padding:.55rem .2rem;white-space:normal;line-height:1.2;min-height:0}
  .smp .pricing__sub{font-size:.8rem}
}

/* Blok 1 el yazısı notu: tek sütuna düşünce (tablet/mobil) gizle */
@media (max-width:960px){.smp-intro__note{display:none}.smp-intro{padding-bottom:3rem}}

/* ══ BLOK A: HERO (yeni tasarım) ══ */
.smp-hero{padding:calc(var(--nav-h) + 2.5rem) 0 3.5rem;background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%);overflow:hidden}
.smp-hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center}
.smp-hero__eyebrow{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#6a7f99!important;margin-bottom:.9rem}
.smp-hero__eyebrow i{width:9px;height:9px;border-radius:50%;background:#dbe5f1}
.smp-hero h1{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.08;letter-spacing:-.025em;margin-bottom:1.1rem}
.smp-hero__lead{font-size:1.08rem;color:var(--navy-dk)!important;max-width:560px}
.smp-hero__feats{list-style:none;padding:0;margin:1.8rem 0 0;display:flex;flex-wrap:wrap;gap:1.4rem 1.6rem}
.smp-hero__feats li{display:flex;align-items:center;gap:.7rem;font-size:.82rem;line-height:1.35;color:var(--navy-dk)}
.smp-hero__feats .smp-ico{width:50px;height:50px;box-shadow:0 4px 14px rgba(30,58,95,.08)}

/* sağ illüstrasyon: 640x400 koordinat kutusu, yüzdelerle ölçeklenir */
.smp-hero__art{position:relative;aspect-ratio:640/400;width:100%}
.smp-hero__art::before{content:"";position:absolute;left:14%;top:10%;width:60%;height:85%;border-radius:50%;background:radial-gradient(closest-side,#e8f0fa,rgba(232,240,250,0))}
.smp-hero__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.smp-hero__lines path{fill:none;stroke:var(--gold);stroke-width:1.6}
.smp-hero__lines path.dot{stroke:#5d7ea8;stroke-dasharray:3 5}
.smp-hero__lines circle{fill:var(--gold)}
.smp-hero__gate{position:absolute;left:0;top:27%;width:22%;fill:#c9d6e6;opacity:.75}
.smp-hero__flag{position:absolute;left:24%;top:42%;width:44px;height:44px;padding:0 10px}
.smp-hero__flag i{width:24px;height:5px}
.smp-hero__main{position:absolute;left:31%;top:12%;width:30%;background:#fff;border-radius:10px;box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid #e3eaf3}
.smp-hero__bar{display:flex;justify-content:space-between;background:var(--navy-dk);color:#fff;font-size:.62rem;padding:.4rem .7rem}
.smp-hero__profile{display:flex;gap:.7rem;align-items:center;padding:.9rem .8rem .6rem}
.smp-hero__avatar{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6edf6}
.smp-hero__avatar svg{width:24px;height:24px;fill:#4a6fa1}
.smp-hero__profile b{display:block;font-size:.72rem;color:var(--navy-dk)}
.smp-hero__profile small{display:block;font-size:.55rem;color:var(--gray-4);margin-bottom:.4rem}
.smp-hero__profile i,.smp-hero__ws i{display:block;height:4px;border-radius:4px;background:#c9d8ea;margin-top:.3rem}
.smp-hero__profile>div{flex:1}
.smp-hero__ws{margin:0 .8rem .8rem;padding:.6rem;border:1px solid #e3eaf3;border-radius:8px}
.smp-hero__ws b{font-size:.62rem;color:var(--navy-dk)}
.smp-hero__ws-body{display:flex;gap:.7rem;align-items:center;margin-top:.45rem}
.smp-hero__ring{flex:none;width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--navy-dk) 0 55%,var(--gold) 55% 78%,#e6ebf1 78%);-webkit-mask:radial-gradient(circle,transparent 15px,#000 16px);mask:radial-gradient(circle,transparent 15px,#000 16px)}
.smp-hero__ws-body>div{flex:1}
.smp-hero__ws i{background:#4a77b4}
.smp-hero__card{position:absolute;left:calc(var(--x)*100%/640);top:calc(var(--y)*100%/400);width:calc(var(--w)*100%/640);background:#fff;border:1px solid #e3eaf3;border-radius:10px;box-shadow:var(--shadow);padding:.65rem .8rem}
.smp-hero__card b{display:block;font-size:.66rem;color:var(--navy-dk);text-align:right;margin-bottom:.35rem}
.smp-hero__icons{display:flex;justify-content:center;gap:1.2rem}
.smp-hero__icons svg{width:28px;height:28px}
.smp-hero__icons svg.fill{fill:#1e4f8c}
.smp-hero__icons .w{fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round}

/* ══ BLOK B: WorkScore ile neler öğrenebilirsin? ══ */
.smp-learn{padding:4rem 0 3.5rem;background:#eef4fb}
.smp-learn__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.smp-learn h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.12;margin-bottom:1rem}
.smp-learn__sub{color:#4a6a92!important;font-size:1rem}
.smp-learn__items{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem}
.smp-learn__items>div{padding:.2rem 1.4rem;display:flex;flex-direction:column;gap:1rem}
.smp-learn__items>div:first-child{padding-left:0}
.smp-learn__items>div+div{border-left:1px solid #d3deeb}
.smp-learn__items b{font-size:.95rem;font-weight:600;color:var(--navy-dk);line-height:1.4}
.smp-gold{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--gold)}
.smp-gold svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.smp-window--solo{max-width:none}
.smp-window--solo .smp-window__body{grid-template-columns:1fr}
.smp-learn__caption{margin-top:.8rem;font-size:.78rem;font-style:italic;color:#6a7f99!important}
.smp-notice{display:flex;gap:1.1rem;align-items:center;margin-top:2.5rem;background:#e3ecf7;border-radius:var(--radius);padding:1.1rem 1.4rem}
.smp-notice>span{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--navy-md);color:var(--navy-md);font-weight:700;font-family:var(--serif)}
.smp-notice p{margin:0;font-size:.82rem;color:#4a6a92!important}
.smp-notice b{display:block;font-size:.95rem;color:var(--navy-dk);margin-bottom:.15rem}

@media (max-width:960px){
  .smp-hero__grid,.smp-learn__grid{grid-template-columns:1fr}
  .smp-hero__art{max-width:600px;margin:0 auto}
}
@media (max-width:720px){
  .smp-hero__feats{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
  .smp-learn__items{grid-template-columns:1fr;gap:1.1rem}
  .smp-learn__items>div{flex-direction:row;align-items:center;padding:0}
  .smp-learn__items>div+div{border-left:0}
  .smp-notice{align-items:flex-start}
}
/* hero/learn ince ayar: tasarımdaki geniş yerleşim */
.smp-hero .container,.smp-learn .container{max-width:1380px}
@media (min-width:961px){.smp-hero__grid{grid-template-columns:1fr 1fr;gap:2rem}}
.smp-hero h1{font-size:clamp(2.3rem,3.9vw,4.1rem)}
.smp-hero__feats{flex-wrap:nowrap;gap:1rem}
.smp-hero__feats li{white-space:nowrap;gap:.55rem}
.smp-hero__main{left:30%;width:33%}
.smp-hero__flag{left:21%}
@media (max-width:1280px){.smp-hero__feats{flex-wrap:wrap}}

/* Blok B: sol sütunda WorkScore çağrı kartı + minimal bilgi notu */
.smp-learn .smp-cta{background:#fff;border:0;box-shadow:0 18px 44px rgba(30,58,95,.12)}
.smp-btn,.smp-btn:hover{text-decoration:none}
.smp-note-mini{display:flex;gap:.5rem;align-items:flex-start;margin:1rem .25rem 0;font-size:.74rem;line-height:1.5;color:#6a7f99!important}
.smp-note-mini>span:first-child{flex:none;display:grid;place-items:center;width:16px;height:16px;margin-top:.1rem;border-radius:50%;border:1.3px solid #6a7f99;font:700 .6rem/1 var(--serif)}
.smp-note-mini b{color:var(--navy);font-weight:600}

/* Blok B: sol kart ile sağdaki skor penceresi aynı satırda, aynı yükseklikte */
@media (min-width:961px){
  .smp-learn__grid{grid-template-columns:1fr 1.15fr;column-gap:3rem;row-gap:0;align-items:stretch}
  .smp-learn__grid>div{display:contents}
  .smp-learn__grid .smp-hero__eyebrow{grid-column:1;grid-row:1;margin-bottom:.9rem}
  .smp-learn__grid .smp-cta{grid-column:1;grid-row:2}
  .smp-learn__grid .smp-note-mini{grid-column:1;grid-row:3}
  .smp-learn__grid .smp-window{grid-column:2;grid-row:2}
  .smp-learn__grid .smp-learn__caption{grid-column:2;grid-row:3}
}
.smp-learn .smp-cta{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.6rem 2.4rem;border-radius:18px}
.smp-learn .smp-cta__head{gap:1.3rem;margin-bottom:2rem;width:100%}
.smp-learn .smp-cta__head .smp-ico{width:64px;height:64px}
.smp-learn .smp-cta__head .smp-ico svg{width:28px;height:28px}
.smp-learn .smp-cta h3{font-size:clamp(1.4rem,1.9vw,1.85rem);line-height:1.2;margin-bottom:.6rem}
.smp-learn .smp-cta p{font-size:1.05rem;line-height:1.7}
.smp-learn .smp-btn{font-size:1.08rem;padding:1.15rem 2.2rem}
.smp-learn .smp-cta small{font-size:.88rem;margin-top:1rem}
@media (max-width:720px){.smp-learn .smp-cta{padding:1.6rem 1.3rem}.smp-learn .smp-cta__head .smp-ico{width:52px;height:52px}}


/* WorkScore bloğu (Blok B) de lacivert — tüm renkli bloklar lacivert */
.smp-learn{background:var(--navy)}
.smp-learn .smp-hero__eyebrow{color:rgba(255,255,255,.7)!important}
.smp-learn .smp-hero__eyebrow i{background:var(--gold)}
.smp-learn .smp-cta{box-shadow:0 20px 50px rgba(0,0,0,.25)}
.smp-learn .smp-window{border-color:transparent;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.smp-note-mini{color:rgba(255,255,255,.65)!important}
.smp-note-mini>span:first-child{border-color:rgba(255,255,255,.65)}
.smp-note-mini b{color:#fff}
.smp-learn__caption{color:rgba(255,255,255,.6)!important}

/* Üst etiketler: "TEK PROFİL" çerçeveli etiket formatı */
.smp-tag{margin-bottom:1.1rem}
.smp-learn .smp-tag{background:rgba(200,168,75,.15);color:var(--gold);border-color:rgba(200,168,75,.3)}
@media (min-width:961px){.smp-learn__grid .smp-tag{grid-column:1;grid-row:1;justify-self:start;margin-bottom:1rem}}

/* "Germany WorkScore'umu Hesapla" buton yazısı: etiketteki altın renk */
.smp-btn,.smp-btn:hover{color:var(--gold)}
.smp-btn b{color:var(--gold)}

/* Çerçeveli etiket başlıkları (section-tag / fblock__tag) — mobilde daha küçük */
@media (max-width:720px){
  .smp .section-tag,.smp .fblock__tag{font-size:.6rem;letter-spacing:.06em;padding:.28rem .65rem}
  .smp .smp-tag{margin-bottom:.8rem}
}

/* Hero illüstrasyonu — mobilde masaüstü yerleşimiyle birebir, orantılı küçültülmüş */
.smp-hero__artbox{width:100%}
@media (max-width:720px){
  .smp-hero__artbox{--s:.56;height:calc(400px * var(--s));overflow:hidden;margin-top:.5rem}
  .smp-hero__art{width:640px;max-width:none;aspect-ratio:auto;height:400px;transform:scale(var(--s));transform-origin:0 0}
}