/* Robot visitor styles: consolidated in source order. */

/* source: v5/styles.css */
:root{
  --blue-950:#00143d;
  --blue-900:#001f60;
  --blue-850:#002574;
  --blue-800:#0033a0;
  --blue-700:#0b47bd;
  --blue-600:#245dc9;
  --blue-300:#9fb9ed;
  --blue-150:#d9e5fb;
  --blue-100:#e8effc;
  --blue-050:#f3f7ff;
  --ink:#10203a;
  --ink-2:#283a57;
  --muted:#65738a;
  --muted-2:#8792a5;
  --line:#dfe6f0;
  --line-strong:#cbd6e5;
  --paper:#fcfcfa;
  --surface:#ffffff;
  --surface-soft:#fffefa;
  --canvas:#f5f7fb;
  --warm:#f9f8f4;
  --warm-2:#f2efe8;
  --accent:#d8521d;
  --accent-dark:#ae3f13;
  --accent-soft:#fff2eb;
  --success:#267b58;
  --success-soft:#edf8f2;
  --danger:#ad3d42;
  --danger-soft:#fff1f1;
  --warning:#8d651d;
  --warning-soft:#fff9e9;
  --shadow-xs:0 6px 18px rgba(0,31,96,.055);
  --shadow-sm:0 14px 34px rgba(0,31,96,.085);
  --shadow-md:0 24px 64px rgba(0,31,96,.12);
  --radius-xs:10px;
  --radius-sm:14px;
  --radius:20px;
  --radius-lg:28px;
  --radius-xl:38px;
  --container:1200px;
  --header-h:78px;
  --ease:cubic-bezier(.2,.75,.25,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
body{margin:0;background:#fcfcfa;color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
svg{display:block}
::selection{background:var(--blue-150);color:var(--blue-950)}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.skip-link{position:fixed;left:12px;top:-90px;z-index:1000;padding:12px 16px;border-radius:10px;background:var(--blue-950);color:#fff;font-weight:800;transition:.18s}
.skip-link:focus{top:12px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.icon{width:20px;height:20px;flex:0 0 auto}
.icon-sm{width:16px;height:16px}
.icon-lg{width:25px;height:25px}
.muted{color:var(--muted)}
.text-blue{color:var(--blue-800)}
.text-success{color:var(--success)}
.text-danger{color:var(--danger)}

/* Header */
.site-header{position:sticky;top:0;z-index:70;border-bottom:1px solid rgba(223,230,240,.9);background:rgba(252,252,250,.94);backdrop-filter:blur(18px) saturate(1.2)}
.header-inner{min-height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}
.brand-logo-shell{display:grid;place-items:center;width:56px;height:56px;padding:2px;border:1px solid #d9d5cb;border-radius:14px;background:#f9f8f4;box-shadow:0 5px 14px rgba(15,31,55,.05);overflow:hidden;flex:0 0 auto}.brand-logo{width:100%;height:100%;object-fit:contain;border-radius:10px;background:#f9f8f4}
.brand-copy{display:grid;gap:1px;line-height:1.05}
.brand-copy strong{font-size:.92rem;letter-spacing:-.02em;color:var(--blue-950)}
.brand-copy small{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}
.desktop-nav{display:flex;justify-content:center;align-items:center;gap:5px}
.desktop-nav a{position:relative;padding:11px 13px;border-radius:11px;color:#4c5b72;font-size:.82rem;font-weight:750;transition:.18s var(--ease)}
.desktop-nav a:hover{background:var(--blue-050);color:var(--blue-800)}
.desktop-nav a.active{background:var(--blue-050);color:var(--blue-800)}
.desktop-nav a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:2px;border-radius:999px;background:var(--blue-800)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.header-profile{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;border:1px solid var(--line);border-radius:13px;background:#fff}
.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--blue-100);color:var(--blue-900);font-size:.7rem;font-weight:900}
.header-profile span{display:grid;gap:1px}
.header-profile strong{font-size:.72rem;color:var(--blue-950)}
.header-profile small{font-size:.6rem;color:var(--muted)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 17px;border:1px solid transparent;border-radius:12px;background:none;cursor:pointer;font-size:.78rem;font-weight:850;letter-spacing:-.01em;transition:transform .18s var(--ease),box-shadow .18s var(--ease),background .18s,border-color .18s,color .18s}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,.chip:focus-visible,.answer-option:focus-visible,.dock-item:focus-visible,.icon-button:focus-visible{outline:3px solid rgba(36,93,201,.25);outline-offset:2px}
.btn-primary{background:var(--blue-800);color:#fff;box-shadow:0 10px 24px rgba(0,51,160,.18)}
.btn-primary:hover{background:var(--blue-700);box-shadow:0 14px 30px rgba(0,51,160,.23)}
.btn-dark{background:var(--blue-950);color:#fff;box-shadow:0 10px 24px rgba(0,20,61,.2)}
.btn-outline{border-color:var(--line-strong);background:#fff;color:var(--blue-900)}
.btn-outline:hover{border-color:var(--blue-300);background:var(--blue-050)}
.btn-soft{border-color:var(--blue-150);background:var(--blue-050);color:var(--blue-800)}
.btn-accent{background:var(--accent);color:#fff;box-shadow:0 10px 23px rgba(216,82,29,.2)}
.btn-accent:hover{background:var(--accent-dark)}
.btn-ghost{color:var(--blue-800)}
.btn-block{width:100%}
.btn-sm{min-height:38px;padding-inline:13px;font-size:.72rem}
.btn-lg{min-height:50px;padding-inline:22px;font-size:.85rem;border-radius:14px}
.icon-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink-2)}
.icon-button:hover{background:var(--blue-050);color:var(--blue-800)}

/* Mobile dock – no hamburger */
.mobile-dock{display:none}
.mobile-dock-inner{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:min(calc(100vw - 16px),420px);padding:6px;border:1px solid rgba(203,214,229,.95);border-radius:21px;background:rgba(252,252,250,.97);box-shadow:0 15px 36px rgba(0,20,61,.18);backdrop-filter:blur(18px)}
.dock-item{display:grid;place-items:center;align-content:center;gap:4px;aspect-ratio:1;border-radius:15px;color:#55627a;font-size:.57rem;font-weight:850;line-height:1;text-align:center;transition:.16s}
.dock-item .icon{width:19px;height:19px}
.dock-item:hover,.dock-item.active{background:var(--blue-050);color:var(--blue-800)}
.dock-item.active{box-shadow:inset 0 0 0 1px var(--blue-150)}
.dock-item.danger{color:var(--danger)}

/* Shared marketing */
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 11px;border:1px solid var(--blue-150);border-radius:999px;background:rgba(243,247,255,.82);color:var(--blue-800);font-size:.67rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue-800);box-shadow:0 0 0 4px var(--blue-100)}
.section{padding:92px 0}
.section-soft{background:var(--blue-050)}
.section-warm{background:var(--warm)}
.section-dark{background:var(--blue-950);color:#fff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:34px}
.section-heading.center{display:block;max-width:760px;margin:0 auto 42px;text-align:center}
.section-heading h2{margin:0;color:var(--blue-950);font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.045em}
.section-heading p{max-width:610px;margin:12px 0 0;color:var(--muted);font-size:.96rem;line-height:1.75}
.section-heading.center p{margin-inline:auto}
.section-dark .section-heading h2,.section-dark .section-heading p{color:#fff}
.section-kicker{display:block;margin-bottom:10px;color:var(--blue-800);font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.section-dark .section-kicker{color:#b9ccf7}
.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-xs)}
.card-hover{transition:transform .23s var(--ease),box-shadow .23s var(--ease),border-color .23s}
.card-hover:hover{transform:translateY(-4px);border-color:var(--blue-150);box-shadow:var(--shadow-sm)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:.62rem;font-weight:800}
.tag.blue{border-color:var(--blue-150);background:var(--blue-050);color:var(--blue-800)}
.tag.dark{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.09);color:#fff}
.tag.accent{border-color:#ffd7c4;background:var(--accent-soft);color:var(--accent-dark)}
.dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:var(--muted);font-size:.68rem;font-weight:700}
.breadcrumbs a:hover{color:var(--blue-800)}
.breadcrumbs svg{width:13px;height:13px}

/* Home hero */
.marketing-hero{position:relative;overflow:hidden;padding:62px 0 54px;background:linear-gradient(120deg,#fcfcfa 0%,#fcfcfa 52%,#f1f6ff 100%)}
.marketing-hero:before{content:"";position:absolute;right:-13%;top:-39%;width:760px;height:760px;border-radius:50%;border:130px solid rgba(0,51,160,.035)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);gap:64px;align-items:center}
.hero-copy h1{max-width:720px;margin:0;color:var(--blue-950);font-size:clamp(3.2rem,6.2vw,5.65rem);line-height:.94;letter-spacing:-.064em}
.hero-copy h1 em{color:var(--blue-800);font-style:normal}
.hero-copy>p{max-width:630px;margin:23px 0 0;color:var(--muted);font-size:1.03rem;line-height:1.78}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin:24px 0 0;padding:0;list-style:none;color:#44546c;font-size:.72rem;font-weight:750}
.hero-trust li{display:flex;align-items:center;gap:7px}
.hero-trust svg{width:15px;height:15px;color:var(--success)}
.hero-visual{position:relative;min-height:570px}
.hero-photo{position:absolute;right:8px;top:0;width:70%;height:540px;overflow:hidden;border:7px solid #fff;border-radius:30px 88px 30px 30px;background:#dfe7f4;box-shadow:var(--shadow-md)}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:saturate(.88) contrast(.99)}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,20,61,.22))}
.hero-dashboard{position:absolute;left:0;bottom:23px;width:74%;padding:15px;border:1px solid rgba(203,214,229,.95);border-radius:21px;background:rgba(252,252,250,.97);box-shadow:var(--shadow-md);backdrop-filter:blur(12px)}
.hero-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 12px;border-bottom:1px solid var(--line)}
.hero-dashboard-head strong{display:flex;align-items:center;gap:7px;color:var(--blue-950);font-size:.72rem}
.hero-dashboard-head img{width:22px;height:22px;border:1px solid #d9d5cb;border-radius:6px}
.hero-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.hero-metric{padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hero-metric small{display:block;color:var(--muted);font-size:.55rem;font-weight:800;text-transform:uppercase}
.hero-metric strong{display:block;margin-top:5px;color:var(--blue-950);font-size:1.15rem;letter-spacing:-.03em}
.hero-metric span{display:block;margin-top:3px;color:var(--success);font-size:.55rem;font-weight:800}
.hero-chart{grid-column:1/-1;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hero-chart-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.55rem;font-weight:800}
.hero-chart svg{width:100%;height:58px;margin-top:7px}
.hero-note{position:absolute;right:-3px;bottom:0;width:185px;padding:14px 15px;border:1px solid var(--blue-150);border-radius:17px;background:var(--blue-950);color:#fff;box-shadow:var(--shadow-sm)}
.hero-note small{display:block;color:#b8c9e8;font-size:.56rem;font-weight:800;text-transform:uppercase}
.hero-note strong{display:block;margin-top:5px;font-size:.9rem;line-height:1.3}
.hero-note .mini-progress{height:5px;margin-top:11px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
.hero-note .mini-progress i{display:block;width:78%;height:100%;border-radius:inherit;background:#fff}

.trust-strip{position:relative;z-index:3;margin-top:0;border-block:1px solid var(--line);background:#fffefa}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{display:flex;align-items:center;gap:13px;min-height:94px;padding:18px 22px}
.trust-item+.trust-item{border-left:1px solid var(--line)}
.trust-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--blue-050);color:var(--blue-800)}
.trust-item strong{display:block;color:var(--blue-950);font-size:.77rem}
.trust-item span{display:block;margin-top:3px;color:var(--muted);font-size:.64rem;line-height:1.4}

.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.flow-card{position:relative;min-height:226px;padding:26px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden}
.flow-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--blue-800)}
.flow-no{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--blue-050);color:var(--blue-800);font-size:.7rem;font-weight:900}
.flow-card h3{margin:30px 0 10px;color:var(--blue-950);font-size:1.05rem;letter-spacing:-.025em}
.flow-card p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.72}
.flow-card .flow-arrow{position:absolute;right:23px;top:25px;color:var(--blue-300)}

.split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:62px;align-items:center}
.split.reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.split-copy h2{margin:0;color:var(--blue-950);font-size:clamp(2.25rem,4vw,3.6rem);line-height:1.02;letter-spacing:-.05em}
.split-copy>p{margin:18px 0 0;color:var(--muted);font-size:.91rem;line-height:1.78}
.clean-list{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}
.clean-list li{display:grid;grid-template-columns:35px 1fr;gap:12px;align-items:start}
.clean-list b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:var(--blue-050);color:var(--blue-800);font-size:.68rem}
.clean-list strong{display:block;color:var(--blue-950);font-size:.79rem}
.clean-list span{display:block;margin-top:4px;color:var(--muted);font-size:.7rem;line-height:1.55}
.image-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#dfe6f0;box-shadow:var(--shadow-sm)}
.image-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.87)}
.image-card.landscape{height:490px}
.image-card.portrait{height:570px}
.image-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:15px 17px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(0,20,61,.78);color:#fff;backdrop-filter:blur(14px)}
.image-caption strong{display:block;font-size:.78rem}
.image-caption span{display:block;margin-top:4px;color:rgba(255,255,255,.72);font-size:.64rem;line-height:1.5}

.product-demo{padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-md)}
.product-demo-top{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px;border-bottom:1px solid var(--line)}
.product-demo-top strong{display:flex;align-items:center;gap:8px;color:var(--blue-950);font-size:.72rem}
.demo-dots{display:flex;gap:5px}.demo-dots i{width:6px;height:6px;border-radius:50%;background:#d1d9e6}
.question-demo{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;padding-top:14px}
.demo-question,.demo-solution{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}
.demo-solution{background:var(--blue-950);color:#fff;border-color:var(--blue-950)}
.demo-label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.57rem;font-weight:850;text-transform:uppercase}
.demo-solution .demo-label{color:#b5c5e5}
.demo-question p{margin:14px 0;color:var(--ink);font-size:.75rem;font-weight:750;line-height:1.55}
.demo-options{display:grid;gap:7px}
.demo-option{display:grid;grid-template-columns:27px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:9px;color:#4c5b72;font-size:.65rem;font-weight:700}
.demo-option.selected{border-color:var(--blue-300);background:var(--blue-050);color:var(--blue-900)}
.demo-option i{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#eff3f8;color:var(--blue-900);font-style:normal;font-size:.58rem;font-weight:900}
.demo-option.selected i{background:var(--blue-800);color:#fff}
.solution-line{display:grid;grid-template-columns:25px 1fr;gap:8px;margin-top:11px;align-items:start;color:#dfe8f8;font-size:.62rem;line-height:1.45}
.solution-line b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.12);font-size:.55rem}

.report-demo{display:grid;grid-template-columns:.72fr 1.28fr;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}
.report-score{display:grid;place-items:center;min-height:285px;padding:20px;border-radius:18px;background:linear-gradient(155deg,var(--blue-950),var(--blue-800));color:#fff;text-align:center}
.report-score small{display:block;color:#bdcbea;font-size:.59rem;font-weight:850;text-transform:uppercase}
.report-score strong{display:block;margin-top:8px;font-size:3.1rem;letter-spacing:-.06em}
.report-score span{display:inline-flex;margin-top:9px;padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.58rem;font-weight:800}
.report-detail{padding:18px;border:1px solid var(--line);border-radius:18px}
.bar-list{display:grid;gap:13px;margin-top:22px}
.bar-row{display:grid;grid-template-columns:95px 1fr 34px;gap:9px;align-items:center;color:var(--muted);font-size:.62rem;font-weight:750}
.bar{height:6px;border-radius:999px;background:#e8edf5;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:var(--blue-800)}
.recommendation{margin-top:20px;padding:14px;border:1px solid #f0ddd1;border-radius:12px;background:#fff8f4}
.recommendation small{display:block;color:var(--accent);font-size:.55rem;font-weight:900;text-transform:uppercase}.recommendation strong{display:block;margin-top:5px;color:var(--ink);font-size:.72rem}

.image-band{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch}
.image-band-main{position:relative;min-height:460px;overflow:hidden;border-radius:var(--radius-lg)}
.image-band-main img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.image-band-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,20,61,.78),rgba(0,20,61,.18) 66%,transparent)}
.image-band-copy{position:absolute;z-index:2;left:36px;top:50%;max-width:430px;transform:translateY(-50%);color:#fff}
.image-band-copy h2{margin:0;font-size:2.6rem;line-height:1.02;letter-spacing:-.045em}
.image-band-copy p{margin:15px 0 0;color:rgba(255,255,255,.77);font-size:.83rem;line-height:1.7}
.image-band-side{display:grid;grid-template-rows:1fr auto;gap:18px}
.image-band-side .image-card{min-height:300px}
.mini-quote{padding:24px;border-radius:var(--radius);background:var(--warm);border:1px solid #e2ded4}
.mini-quote strong{display:block;color:var(--blue-950);font-size:1rem;line-height:1.35}.mini-quote span{display:block;margin-top:10px;color:var(--muted);font-size:.7rem;line-height:1.6}

.cta-band{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:39px 42px;border-radius:var(--radius-lg);background:linear-gradient(115deg,var(--blue-950),var(--blue-800));color:#fff;box-shadow:var(--shadow-md)}
.cta-band:after{content:"";position:absolute;right:-85px;top:-145px;width:360px;height:360px;border:54px solid rgba(255,255,255,.06);border-radius:50%}
.cta-band>*{position:relative;z-index:1}
.cta-band h2{margin:0;font-size:2rem;letter-spacing:-.04em}.cta-band p{max-width:670px;margin:9px 0 0;color:rgba(255,255,255,.72);font-size:.78rem;line-height:1.65}

/* Public page hero/catalog */
.page-hero{padding:48px 0 54px;background:linear-gradient(135deg,#fcfcfa 0%,#f5f8ff 100%);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,.78fr);gap:56px;align-items:center}
.page-hero h1{margin:0;color:var(--blue-950);font-size:clamp(2.7rem,5vw,4.65rem);line-height:.98;letter-spacing:-.055em}
.page-hero p{max-width:660px;margin:18px 0 0;color:var(--muted);font-size:.96rem;line-height:1.76}
.page-hero-media{position:relative;height:420px;overflow:hidden;border:6px solid #fff;border-radius:26px 70px 26px 26px;box-shadow:var(--shadow-md)}
.page-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84)}
.page-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,20,61,.48))}
.page-hero-badge{position:absolute;z-index:2;left:18px;bottom:18px;padding:13px 15px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(0,20,61,.76);color:#fff;backdrop-filter:blur(12px)}
.page-hero-badge strong{display:block;font-size:.72rem}.page-hero-badge span{display:block;margin-top:3px;color:rgba(255,255,255,.72);font-size:.6rem}

.catalog-toolbar{position:relative;z-index:4;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin-top:-27px;padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.search-box{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe;color:var(--muted)}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:.78rem}
.filter-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer;font-size:.66rem;font-weight:850}
.chip:hover,.chip.active{border-color:var(--blue-150);background:var(--blue-050);color:var(--blue-800)}
.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.catalog-head h2{margin:0;color:var(--blue-950);font-size:1.55rem;letter-spacing:-.035em}.catalog-head span{color:var(--muted);font-size:.69rem}
.exam-grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.exam-card{display:flex;flex-direction:column;min-height:360px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs);transition:.22s var(--ease)}
.exam-card:hover{transform:translateY(-4px);border-color:var(--blue-150);box-shadow:var(--shadow-sm)}
.exam-cover{position:relative;height:150px;overflow:hidden;background:var(--blue-050)}
.exam-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.79) contrast(.98)}
.exam-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,61,.04),rgba(0,20,61,.36))}
.exam-cover .tag{position:absolute;z-index:2;left:13px;top:13px}
.exam-card-body{display:flex;flex-direction:column;flex:1;padding:19px}
.exam-card-body h3{margin:0;color:var(--blue-950);font-size:1rem;letter-spacing:-.025em}.exam-card-body p{margin:9px 0 0;color:var(--muted);font-size:.7rem;line-height:1.62}
.exam-meta{display:flex;flex-wrap:wrap;gap:11px;margin-top:15px;color:#526178;font-size:.62rem;font-weight:750}.exam-meta span{display:flex;align-items:center;gap:5px}.exam-meta svg{width:14px;height:14px;color:var(--blue-800)}
.exam-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}
.exam-level{color:var(--muted);font-size:.62rem;font-weight:800}.exam-level b{color:var(--blue-800)}
.featured-exam{display:grid;grid-template-columns:1.08fr .92fr;min-height:380px;margin-bottom:22px;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--blue-950);color:#fff;box-shadow:var(--shadow-md)}
.featured-exam-copy{padding:38px}.featured-exam-copy h2{margin:16px 0 0;font-size:2.2rem;line-height:1.05;letter-spacing:-.045em}.featured-exam-copy p{margin:13px 0 0;color:rgba(255,255,255,.68);font-size:.77rem;line-height:1.72}.featured-exam-copy .exam-meta{color:rgba(255,255,255,.72)}.featured-exam-copy .exam-meta svg{color:#fff}.featured-exam-media{position:relative;min-height:100%;overflow:hidden}.featured-exam-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.featured-exam-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue-950),transparent 46%)}

/* Detail */
.detail-hero{padding:38px 0 70px;background:linear-gradient(135deg,#fff,#f3f7ff);border-bottom:1px solid var(--line)}
.detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:55px;align-items:center}
.detail-hero h1{margin:0;color:var(--blue-950);font-size:clamp(2.5rem,4.5vw,4.2rem);line-height:1;letter-spacing:-.055em}
.detail-hero p{margin:18px 0 0;color:var(--muted);font-size:.9rem;line-height:1.75}
.detail-media{height:380px;overflow:hidden;border:6px solid #fff;border-radius:25px 65px 25px 25px;box-shadow:var(--shadow-md)}
.detail-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start}
.detail-main{min-width:0}
.detail-sidebar{position:sticky;top:100px}
.enroll-card{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.enroll-card h3{margin:0;color:var(--blue-950);font-size:1.1rem}.enroll-card p{margin:8px 0 0;color:var(--muted);font-size:.68rem;line-height:1.55}
.enroll-list{display:grid;gap:11px;margin:20px 0;padding:16px 0;border-block:1px solid var(--line)}
.enroll-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.66rem}.enroll-list strong{color:var(--ink);font-size:.67rem}
.tab-list{display:flex;gap:6px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:auto}
.tab-button{min-height:39px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font-size:.69rem;font-weight:850;white-space:nowrap}.tab-button.active{background:var(--blue-050);color:var(--blue-800)}
.tab-panel{display:none;padding-top:27px}.tab-panel.active{display:block}
.content-block{padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-xs)}
.content-block+.content-block{margin-top:17px}.content-block h2,.content-block h3{margin:0;color:var(--blue-950);letter-spacing:-.03em}.content-block h2{font-size:1.5rem}.content-block h3{font-size:1rem}.content-block p{margin:12px 0 0;color:var(--muted);font-size:.77rem;line-height:1.72}
.outcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px}.outcome{display:grid;grid-template-columns:31px 1fr;gap:10px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fbfcfe}.outcome b{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--blue-050);color:var(--blue-800);font-size:.63rem}.outcome strong{display:block;color:var(--ink);font-size:.69rem}.outcome span{display:block;margin-top:3px;color:var(--muted);font-size:.61rem;line-height:1.45}
.curriculum{display:grid;gap:10px;margin-top:17px}.curriculum-item{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}.curriculum-item>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--blue-050);color:var(--blue-800);font-size:.63rem;font-weight:900}.curriculum-item strong{display:block;font-size:.69rem}.curriculum-item small{display:block;margin-top:3px;color:var(--muted);font-size:.59rem}.curriculum-item>small{margin:0;padding:5px 7px;border-radius:999px;background:#f2f4f7;color:var(--muted);font-weight:800}
.faq-list{display:grid;gap:10px}.faq-item{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:16px;border:0;background:#fff;text-align:left;cursor:pointer;color:var(--blue-950);font-size:.74rem;font-weight:850}.faq-question svg{transition:.18s}.faq-item.open .faq-question svg{transform:rotate(45deg)}.faq-answer{display:none;padding:0 16px 16px;color:var(--muted);font-size:.68rem;line-height:1.65}.faq-item.open .faq-answer{display:block}

/* Forms / login */
.auth-page{min-height:100vh;background:var(--canvas)}
.auth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);min-height:100vh}
.auth-media{position:relative;min-height:100vh;overflow:hidden;background:var(--blue-950)}
.auth-media-bg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(24px) saturate(.6) brightness(.58);transform:scale(1.08)}
.auth-media-photo{position:absolute;inset:38px;overflow:hidden;border-radius:32px;box-shadow:0 28px 85px rgba(0,0,0,.32)}
.auth-media-photo img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) brightness(.86)}
.auth-media-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,61,.06) 32%,rgba(0,20,61,.84) 100%)}
.auth-media-content{position:absolute;z-index:2;left:74px;right:74px;bottom:77px;color:#fff}
.auth-media-content h1{max-width:650px;margin:0;font-size:clamp(2.3rem,4.4vw,4.4rem);line-height:.98;letter-spacing:-.055em}.auth-media-content p{max-width:570px;margin:17px 0 0;color:rgba(255,255,255,.72);font-size:.83rem;line-height:1.72}
.auth-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.auth-form-side{display:grid;align-content:center;padding:52px 8vw;background:#fff}
.auth-form-wrap{width:min(100%,470px);margin-inline:auto}
.auth-logo{margin-bottom:38px}.auth-logo .brand-logo-shell{width:58px;height:58px}.auth-logo .brand-copy strong{font-size:1rem}
.auth-card h2{margin:0;color:var(--blue-950);font-size:2rem;letter-spacing:-.04em}.auth-card>p{margin:9px 0 0;color:var(--muted);font-size:.75rem;line-height:1.55}
.form{display:grid;gap:15px;margin-top:27px}.field{display:grid;gap:7px}.field label{color:var(--ink-2);font-size:.66rem;font-weight:850}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>.icon{position:absolute;left:13px;color:#8592a7}.input{width:100%;min-height:49px;padding:0 43px;border:1px solid var(--line-strong);border-radius:12px;background:#fbfcfe;color:var(--ink);outline:0;font-size:.77rem;transition:.18s}.input:focus{border-color:var(--blue-600);box-shadow:0 0 0 4px rgba(36,93,201,.09);background:#fff}.input-action{position:absolute;right:8px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;cursor:pointer;color:var(--muted)}.input-action:hover{background:var(--blue-050);color:var(--blue-800)}
.form-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.65rem}.check input{accent-color:var(--blue-800)}.form-link{color:var(--blue-800);font-size:.65rem;font-weight:800}.form-note{padding:12px;border:1px solid var(--blue-150);border-radius:11px;background:var(--blue-050);color:var(--muted);font-size:.62rem;line-height:1.55}.auth-switch{margin-top:23px;padding-top:19px;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem;text-align:center}.auth-switch a{color:var(--blue-800);font-weight:850}

/* App shell */
.app-body{background:var(--canvas)}
.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.app-sidebar{position:sticky;top:0;height:100vh;padding:20px 15px;border-right:1px solid var(--line);background:#fff}
.app-sidebar .brand{padding:4px 7px 21px}.app-sidebar .brand-logo-shell{width:48px;height:48px}
.app-nav{display:grid;gap:5px;margin-top:10px}.app-nav-group{margin:21px 10px 7px;color:#9aa4b4;font-size:.55rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.app-nav a{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 12px;border-radius:12px;color:#5b6880;font-size:.7rem;font-weight:800}.app-nav a:hover,.app-nav a.active{background:var(--blue-050);color:var(--blue-800)}.app-nav a.active{box-shadow:inset 3px 0 0 var(--blue-800)}.app-nav a .icon{width:18px;height:18px}.app-sidebar-foot{position:absolute;left:15px;right:15px;bottom:18px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--warm)}.app-sidebar-foot strong{display:block;color:var(--blue-950);font-size:.7rem}.app-sidebar-foot span{display:block;margin-top:4px;color:var(--muted);font-size:.58rem;line-height:1.45}
.app-main{min-width:0}.app-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:0 30px;border-bottom:1px solid var(--line);background:rgba(245,247,251,.91);backdrop-filter:blur(15px)}
.app-heading strong{display:block;color:var(--blue-950);font-size:.86rem}.app-heading small{display:block;margin-top:3px;color:var(--muted);font-size:.62rem}.app-top-actions{display:flex;align-items:center;gap:9px}.app-content{padding:30px}.app-content-inner{width:min(100%,1300px);margin-inline:auto}
.welcome-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.welcome-row h1{margin:0;color:var(--blue-950);font-size:2rem;letter-spacing:-.045em}.welcome-row p{margin:7px 0 0;color:var(--muted);font-size:.75rem}.date-pill{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-size:.64rem;font-weight:750}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-xs)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--blue-050);color:var(--blue-800)}.metric-card small{color:var(--muted);font-size:.61rem;font-weight:750}.metric-card strong{display:block;margin-top:15px;color:var(--blue-950);font-size:1.65rem;letter-spacing:-.045em}.metric-card>span{display:block;margin-top:4px;color:var(--success);font-size:.59rem;font-weight:800}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:16px;margin-top:16px}.panel{border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line)}.panel-head h2,.panel-head h3{margin:0;color:var(--blue-950);font-size:.87rem}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:.59rem}.panel-body{padding:20px}
.plan-card{display:grid;grid-template-columns:1fr 210px;gap:20px;min-height:290px}.plan-copy h2{margin:0;color:var(--blue-950);font-size:1.45rem;letter-spacing:-.035em}.plan-copy p{margin:8px 0 0;color:var(--muted);font-size:.69rem;line-height:1.6}.plan-progress{display:flex;align-items:center;gap:12px;margin-top:19px}.progress-track{height:8px;flex:1;border-radius:999px;background:#e8edf5;overflow:hidden}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--blue-800)}.plan-progress b{color:var(--blue-900);font-size:.68rem}.task-list{display:grid;gap:8px;margin-top:18px}.task{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe}.task>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--blue-050);color:var(--blue-800);font-size:.6rem;font-weight:900}.task strong{display:block;font-size:.66rem}.task small{display:block;margin-top:2px;color:var(--muted);font-size:.56rem}.task>small{margin:0;padding:5px 7px;border-radius:999px;background:#f0f3f7;font-weight:800}.plan-image{position:relative;overflow:hidden;border-radius:15px}.plan-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.plan-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,20,61,.52))}.plan-image span{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;color:#fff;font-size:.62rem;font-weight:800;line-height:1.45}
.chart-wrap{height:250px}.chart-wrap svg{width:100%;height:100%}.chart-grid-line{stroke:#e6ebf3;stroke-width:1}.chart-line{fill:none;stroke:var(--blue-800);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaGradient)}.chart-dot{fill:#fff;stroke:var(--blue-800);stroke-width:2}.chart-label{fill:#7f8b9f;font-size:10px}
.performance-list{display:grid;gap:14px}.performance-row{display:grid;grid-template-columns:100px 1fr 38px;gap:9px;align-items:center;font-size:.62rem}.performance-row span{color:var(--ink-2);font-weight:750}.performance-row b{color:var(--blue-950);font-size:.62rem;text-align:right}
.recent-list{display:grid;gap:8px}.recent-row{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.recent-row strong{display:block;font-size:.66rem}.recent-row small{display:block;margin-top:3px;color:var(--muted);font-size:.57rem}.recent-row>span{color:var(--blue-900);font-size:.67rem;font-weight:900}.recent-row .status{padding:5px 8px;border-radius:999px;background:var(--blue-050);color:var(--blue-800);font-size:.55rem;font-weight:850}
.two-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}

/* Study page */
.study-hero{display:grid;grid-template-columns:1fr 330px;gap:22px;min-height:290px;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,#fff,#eef4ff);box-shadow:var(--shadow-xs)}
.study-hero h1{margin:0;color:var(--blue-950);font-size:2rem;letter-spacing:-.045em}.study-hero p{max-width:620px;margin:10px 0 0;color:var(--muted);font-size:.74rem;line-height:1.68}.study-hero .hero-actions{margin-top:22px}.study-hero-image{position:relative;overflow:hidden;border-radius:17px}.study-hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.study-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,20,61,.48))}
.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;margin-top:16px}.topic-list{display:grid;gap:10px}.topic-card{display:grid;grid-template-columns:50px 1fr auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.topic-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--blue-050);color:var(--blue-800)}.topic-card h3{margin:0;color:var(--blue-950);font-size:.75rem}.topic-card p{margin:4px 0 0;color:var(--muted);font-size:.6rem}.topic-progress{display:flex;align-items:center;gap:9px;margin-top:9px}.topic-progress .progress-track{max-width:200px;height:6px}.topic-progress span{color:var(--muted);font-size:.55rem;font-weight:750}.topic-actions{display:flex;align-items:center;gap:8px}.today-list{display:grid;gap:9px}.today-item{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.today-item strong{display:block;font-size:.65rem}.today-item span{display:block;margin-top:4px;color:var(--muted);font-size:.57rem;line-height:1.45}.today-item .tag{margin-top:8px}

/* Exam */
.exam-body{min-height:100vh;background:var(--canvas)}
.exam-header{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;min-height:72px;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}
.exam-brand .brand-copy small{display:none}.exam-title{text-align:center}.exam-title strong{display:block;color:var(--blue-950);font-size:.78rem}.exam-title span{display:block;margin-top:3px;color:var(--muted);font-size:.57rem}.exam-controls{display:flex;align-items:center;gap:9px}.timer{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--blue-050);color:var(--blue-950)}.timer small{color:var(--muted);font-size:.54rem;font-weight:800;text-transform:uppercase}.timer strong{font-variant-numeric:tabular-nums;font-size:.78rem}
.exam-progress{height:4px;background:#e8edf4}.exam-progress i{display:block;width:27%;height:100%;background:var(--blue-800)}
.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;width:min(calc(100% - 36px),1280px);margin:18px auto 28px}
.question-card{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-xs)}
.question-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border-bottom:1px solid var(--line);background:#fbfcfe}.question-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.question-no{display:grid;place-items:center;min-width:34px;height:30px;padding:0 9px;border-radius:9px;background:var(--blue-800);color:#fff;font-size:.65rem;font-weight:900}.question-topic{color:var(--blue-950);font-size:.68rem;font-weight:850}.question-sub{color:var(--muted);font-size:.59rem}.mark-question{display:flex;align-items:center;gap:7px;min-height:35px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);cursor:pointer;font-size:.61rem;font-weight:850}.mark-question:hover,.mark-question.active{border-color:var(--blue-300);background:var(--blue-050);color:var(--blue-800)}
.question-content{padding:30px 32px}.question-content h1{max-width:900px;margin:0;color:var(--ink);font-size:1.05rem;line-height:1.7;letter-spacing:-.015em}.question-figure{display:grid;place-items:center;width:min(100%,620px);margin:24px auto;padding:20px;border:1px solid var(--line);border-radius:15px;background:#fbfcfe}.question-figure svg{width:min(100%,470px);height:auto}.answer-list{display:grid;gap:10px;width:min(100%,850px);margin:24px auto 0}.answer-option{display:grid;grid-template-columns:39px 1fr 20px;gap:12px;align-items:center;width:100%;min-height:58px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:13px;background:#fff;text-align:left;cursor:pointer;transition:.15s var(--ease)}.answer-option:hover{border-color:var(--blue-300);background:#fbfdff}.answer-option.selected{border-color:var(--blue-800);background:var(--blue-050);box-shadow:0 0 0 3px rgba(0,51,160,.07)}.answer-letter{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#eff2f7;color:var(--blue-950);font-size:.72rem;font-weight:900}.answer-option.selected .answer-letter{background:var(--blue-800);color:#fff}.answer-text{color:#35445c;font-size:.82rem;font-weight:700;line-height:1.5}.answer-radio{width:18px;height:18px;border:2px solid #c8d3e2;border-radius:50%}.answer-option.selected .answer-radio{border:5px solid var(--blue-800)}
.question-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-top:1px solid var(--line);background:#fbfcfe}.question-footer span{color:var(--muted);font-size:.61rem;font-weight:750}
.palette{position:sticky;top:90px;align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-xs)}.palette-head{padding:16px;border-bottom:1px solid var(--line)}.palette-head h2{margin:0;color:var(--blue-950);font-size:.83rem}.palette-head p{margin:4px 0 0;color:var(--muted);font-size:.58rem}.palette-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:13px 13px 0}.palette-stat{padding:8px 5px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe;text-align:center}.palette-stat strong{display:block;color:var(--blue-950);font-size:.75rem}.palette-stat small{display:block;margin-top:2px;color:var(--muted);font-size:.5rem;font-weight:800}.question-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:14px}.palette-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line-strong);border-radius:9px;background:#fff;color:#5f6e84;cursor:pointer;font-size:.62rem;font-weight:850}.palette-cell:hover{border-color:var(--blue-600)}.palette-cell.current{border-color:var(--blue-950);background:var(--blue-950);color:#fff}.palette-cell.answered{border-color:var(--blue-300);background:var(--blue-050);color:var(--blue-900)}.palette-cell.answered:after{content:"";position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:var(--blue-800)}.palette-cell.marked{border:2px solid var(--blue-800);background:#fff;color:var(--blue-800)}.palette-cell.marked:before{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border:1px solid var(--blue-800);border-radius:2px}.palette-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 14px;padding:13px 0;border-top:1px solid var(--line)}.palette-legend span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.54rem;font-weight:750}.palette-legend i{width:10px;height:10px;border:1px solid var(--line-strong);border-radius:3px;background:#fff}.palette-legend i.current{background:var(--blue-950);border-color:var(--blue-950)}.palette-legend i.answered{background:var(--blue-050);border-color:var(--blue-300)}.palette-legend i.marked{border:2px solid var(--blue-800)}.palette-foot{padding:0 14px 14px}
.mobile-question-sheet{display:none}

/* Result */
.result-hero{padding:32px 0 28px;background:linear-gradient(135deg,#fff,#f2f6ff);border-bottom:1px solid var(--line)}
.result-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-head h1{margin:0;color:var(--blue-950);font-size:2.15rem;letter-spacing:-.045em}.result-head p{margin:7px 0 0;color:var(--muted);font-size:.7rem}.result-actions{display:flex;gap:8px;flex-wrap:wrap}
.result-summary{display:grid;grid-template-columns:300px 1fr;gap:17px;margin-top:21px}.score-card{display:grid;place-items:center;min-height:270px;padding:24px;border-radius:22px;background:linear-gradient(150deg,var(--blue-950),var(--blue-800));color:#fff;text-align:center;box-shadow:var(--shadow-sm)}.score-card small{color:#b9c8e5;font-size:.6rem;font-weight:850;text-transform:uppercase}.score-card strong{display:block;margin-top:8px;font-size:3.6rem;letter-spacing:-.06em}.score-card span{display:inline-flex;margin-top:8px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.58rem;font-weight:800}
.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-stat{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow-xs)}.result-stat small{display:block;color:var(--muted);font-size:.58rem;font-weight:800}.result-stat strong{display:block;margin-top:9px;color:var(--blue-950);font-size:1.55rem;letter-spacing:-.04em}.result-stat span{display:block;margin-top:4px;color:var(--muted);font-size:.56rem}
.result-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px}.review-list{display:grid;gap:9px}.review-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:12px;background:#fff}.review-row.correct{border-left-color:var(--success)}.review-row.wrong{border-left-color:var(--danger)}.review-row.blank{border-left-color:#9aa5b4}.review-no{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f0f3f7;color:var(--blue-950);font-size:.62rem;font-weight:900}.review-row strong{display:block;font-size:.65rem}.review-row small{display:block;margin-top:3px;color:var(--muted);font-size:.55rem}.review-state{display:flex;align-items:center;gap:5px;font-size:.58rem;font-weight:850}.review-row.correct .review-state{color:var(--success)}.review-row.wrong .review-state{color:var(--danger)}.review-row.blank .review-state{color:var(--muted)}
.next-card{padding:22px;border:1px solid var(--blue-150);border-radius:18px;background:var(--blue-050)}.next-card h3{margin:0;color:var(--blue-950);font-size:1rem}.next-card p{margin:8px 0 0;color:var(--muted);font-size:.66rem;line-height:1.6}.next-steps{display:grid;gap:9px;margin-top:17px}.next-step{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff}.next-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--blue-800);color:#fff;font-size:.58rem}.next-step strong{display:block;font-size:.64rem}.next-step span{display:block;margin-top:3px;color:var(--muted);font-size:.55rem}

/* Toast / modal */
.toast{position:fixed;z-index:150;right:18px;bottom:18px;max-width:340px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--blue-950);color:#fff;box-shadow:var(--shadow-md);font-size:.68rem;font-weight:750;line-height:1.5;transform:translateY(20px);opacity:0;pointer-events:none;transition:.22s var(--ease)}.toast.show{transform:none;opacity:1}
.modal-backdrop{position:fixed;z-index:140;inset:0;display:none;place-items:center;padding:20px;background:rgba(0,20,61,.46);backdrop-filter:blur(4px)}.modal-backdrop.open{display:grid}.modal{width:min(100%,450px);padding:24px;border-radius:20px;background:#fff;box-shadow:var(--shadow-md)}.modal h2{margin:0;color:var(--blue-950);font-size:1.25rem}.modal p{margin:10px 0 0;color:var(--muted);font-size:.7rem;line-height:1.62}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}

/* Footer */
.site-footer{padding:48px 0 28px;background:var(--blue-950);color:#fff}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:38px}.footer-brand p{max-width:410px;margin:15px 0 0;color:rgba(255,255,255,.56);font-size:.69rem;line-height:1.72}.footer-col h3{margin:0;font-size:.7rem}.footer-col a{display:block;margin-top:10px;color:rgba(255,255,255,.58);font-size:.65rem}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px;padding-top:19px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.42);font-size:.59rem}.site-footer .brand-copy strong{color:#fff}.site-footer .brand-copy small{color:rgba(255,255,255,.55)}

/* Responsive */
@media(max-width:1160px){
  .hero-grid{grid-template-columns:1fr 470px;gap:38px}.hero-copy h1{font-size:4.6rem}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(3){border-left:0;border-top:1px solid var(--line)}.trust-item:nth-child(4){border-top:1px solid var(--line)}
  .exam-grid-cards{grid-template-columns:repeat(2,1fr)}
  .metric-grid{grid-template-columns:repeat(2,1fr)}
  .app-shell{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:980px){
  .desktop-nav{display:none}.header-inner{grid-template-columns:auto 1fr}.header-actions{justify-self:end}
  .hero-grid,.page-hero-grid,.detail-hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy h1{font-size:clamp(3.4rem,9vw,5rem)}.hero-visual{width:min(100%,620px);margin-inline:auto}.page-hero-media{width:min(100%,650px)}
  .split,.split.reverse,.image-band,.featured-exam,.detail-layout{grid-template-columns:1fr}.split.reverse .split-copy{order:-1}.image-band-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.featured-exam-media{min-height:320px}.featured-exam-media:after{background:linear-gradient(180deg,var(--blue-950),transparent 35%)}.detail-sidebar{position:static}
  .app-shell{display:block}.app-sidebar{display:none}.app-content{padding:24px 18px}.app-topbar{padding:0 18px}.dashboard-grid,.study-layout,.result-grid{grid-template-columns:1fr}.study-hero{grid-template-columns:1fr 280px}
  .mobile-dock{position:fixed;z-index:120;left:50%;bottom:max(8px,env(safe-area-inset-bottom));display:block;transform:translateX(-50%)}
  body:not(.exam-body){padding-bottom:94px}
}
@media(max-width:860px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:68px 0}.section-heading{display:block}.section-heading .btn{margin-top:18px}.flow-grid{grid-template-columns:1fr}.flow-card{min-height:auto}.question-demo,.report-demo{grid-template-columns:1fr}.image-band-main{min-height:430px}.image-band-copy{left:24px;right:24px}.image-band-copy h2{font-size:2.2rem}.cta-band{grid-template-columns:1fr;padding:31px}.cta-band .btn{justify-self:start}
  .auth-grid{grid-template-columns:1fr}.auth-media{min-height:330px}.auth-media-photo{inset:18px;border-radius:22px}.auth-media-content{left:38px;right:38px;bottom:38px}.auth-media-content h1{font-size:2.4rem}.auth-form-side{padding:42px 22px 110px}
  .plan-card{grid-template-columns:1fr}.plan-image{height:220px}.two-panel-grid{grid-template-columns:1fr}.study-hero{grid-template-columns:1fr}.study-hero-image{height:240px}
  .exam-layout{display:block;width:min(calc(100% - 20px),900px);margin:10px auto 105px}.palette{display:none}.question-footer{display:none}.exam-header{grid-template-columns:auto 1fr auto;min-height:64px;padding:0 10px;gap:8px}.exam-brand .brand-copy{display:none}.exam-brand .brand-logo-shell{width:42px;height:42px}.exam-title span{display:none}.exam-controls .btn{display:none}.timer{min-height:40px;padding:0 10px}.timer small{display:none}.exam-body{padding-bottom:96px}.exam-body .mobile-dock{display:block}.mobile-question-sheet{position:fixed;z-index:130;left:8px;right:8px;bottom:8px;display:block;padding:15px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 25px 60px rgba(0,20,61,.26);transform:translateY(calc(100% + 30px));transition:.23s var(--ease)}.mobile-question-sheet.open{transform:none}.mobile-question-sheet .question-palette{grid-template-columns:repeat(10,1fr);padding:13px 0}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-head h2{margin:0;color:var(--blue-950);font-size:.82rem}
  .result-summary{grid-template-columns:1fr}.score-card{min-height:230px}.result-head{align-items:flex-start}.result-actions{justify-content:flex-end}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  :root{--header-h:72px}.container{width:min(calc(100% - 22px),var(--container))}.brand-logo-shell{width:48px;height:48px;padding:2px}.brand-copy strong{font-size:.82rem}.brand-copy small{display:none}.header-actions .btn-outline{display:none}.header-actions .btn-primary{min-height:40px;padding-inline:12px;font-size:.7rem}
  .marketing-hero{padding:38px 0 34px}.hero-copy h1{font-size:clamp(2.7rem,13vw,3.65rem)}.hero-copy>p{font-size:.88rem}.hero-actions .btn{width:100%}.hero-trust{gap:10px 14px;font-size:.64rem}.hero-visual{min-height:430px}.hero-photo{right:0;width:81%;height:360px;border-width:5px;border-radius:22px 60px 22px 22px}.hero-dashboard{left:0;bottom:14px;width:88%;padding:10px}.hero-dashboard-grid{gap:6px}.hero-metric{padding:8px}.hero-note{right:0;width:150px;padding:11px}.hero-note strong{font-size:.75rem}.hero-chart svg{height:39px}
  .trust-grid{grid-template-columns:1fr}.trust-item+.trust-item{border-left:0;border-top:1px solid var(--line)}.trust-item:nth-child(3){border-top:1px solid var(--line)}
  .section{padding:55px 0}.section-heading.center{margin-bottom:29px}.section-heading h2,.split-copy h2{font-size:2.15rem}.section-heading p,.split-copy>p{font-size:.79rem}.flow-card{padding:21px}.image-card.landscape,.image-card.portrait{height:330px}.product-demo{padding:10px}.question-demo{padding-top:10px}.demo-question,.demo-solution{padding:12px}.report-demo{padding:10px}.report-score{min-height:220px}.image-band-side{grid-template-columns:1fr}.image-band-main{min-height:420px}.image-band-copy{top:auto;bottom:24px;transform:none}.image-band-main:after{background:linear-gradient(180deg,transparent 20%,rgba(0,20,61,.88))}.cta-band{padding:25px 21px}.cta-band h2{font-size:1.65rem}
  .page-hero{padding:32px 0 45px}.page-hero h1,.detail-hero h1{font-size:2.65rem}.page-hero-media,.detail-media{height:300px;border-width:4px;border-radius:20px 48px 20px 20px}.catalog-toolbar{grid-template-columns:1fr;margin-top:-20px;padding:12px}.filter-chips{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.exam-grid-cards{grid-template-columns:1fr}.featured-exam-copy{padding:26px}.featured-exam-copy h2{font-size:1.8rem}.featured-exam-media{min-height:260px}.detail-hero{padding:28px 0 48px}.detail-layout{gap:20px}.outcome-grid{grid-template-columns:1fr}.content-block{padding:19px}.enroll-card{padding:18px}
  .auth-media{min-height:280px}.auth-media-content{left:29px;right:29px;bottom:29px}.auth-media-content h1{font-size:2rem}.auth-media-content p{font-size:.7rem}.auth-proof{display:none}.auth-form-side{padding:32px 19px 106px}.auth-logo{margin-bottom:29px}.auth-card h2{font-size:1.7rem}
  .app-topbar{min-height:64px;padding:0 12px}.app-heading small{display:none}.app-top-actions .icon-button:first-child{display:none}.header-profile span{display:none}.app-content{padding:19px 11px}.welcome-row{display:block}.date-pill{display:inline-flex;margin-top:12px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:1.35rem}.dashboard-grid{gap:11px}.panel-body{padding:14px}.panel-head{padding:14px}.plan-card{min-height:auto}.task{grid-template-columns:30px 1fr}.task>small{display:none}.performance-row{grid-template-columns:82px 1fr 34px}.recent-row{grid-template-columns:1fr auto}.recent-row .status{display:none}.study-hero{padding:18px}.study-hero h1{font-size:1.7rem}.topic-card{grid-template-columns:43px 1fr}.topic-icon{width:42px;height:42px}.topic-actions{grid-column:1/-1;justify-content:flex-end}
  .exam-title strong{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.67rem}.question-toolbar{padding:11px}.question-topic{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-sub{display:none}.mark-question span{display:none}.question-content{padding:19px 13px}.question-content h1{font-size:.91rem;line-height:1.68}.question-figure{margin:18px auto;padding:10px}.answer-list{margin-top:18px}.answer-option{grid-template-columns:34px 1fr 18px;min-height:53px;padding:9px 10px}.answer-letter{width:32px;height:32px}.answer-text{font-size:.75rem}.mobile-question-sheet .question-palette{grid-template-columns:repeat(5,1fr)}
  .result-hero{padding:24px 0}.result-head{display:block}.result-actions{margin-top:14px;justify-content:flex-start}.result-stats{grid-template-columns:1fr 1fr;gap:9px}.result-stat{padding:14px}.review-row{grid-template-columns:32px 1fr}.review-state{grid-column:2}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:grid}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mobile-dock button.dock-item{border:0;background:transparent;padding:0;cursor:pointer}
.mobile-dock button.dock-item:hover,.mobile-dock button.dock-item.active{background:var(--blue-050)}
[hidden]{display:none!important}
.question-sub{display:block;margin-top:3px}
@media(max-width:640px){.header-profile span.avatar{display:grid}.header-profile span:not(.avatar){display:none}}

/* =====================================================================
   AKKADEMİ FINAL V5 — public content, robot and blog system
   Global site canvas: #FCFCFA · Logo canvas: #F9F8F4
   ===================================================================== */
:root{
  --site-bg:#fcfcfa;
  --logo-bg:#f9f8f4;
  --surface:#ffffff;
  --surface-soft:#fffefa;
  --surface-blue:#f6f8fd;
  --focus-ring:0 0 0 4px rgba(0,51,160,.14);
}
html{background:var(--site-bg)}
body{min-width:320px;background:var(--site-bg)}
main{background:var(--site-bg)}
.site-header{background:rgba(252,252,250,.95)}
.site-header.scrolled{box-shadow:0 10px 32px rgba(0,31,96,.07)}
.brand-logo-shell{background:var(--logo-bg);isolation:isolate}
.brand-logo{background:var(--logo-bg);transform:scale(1.025);transform-origin:center}
.mobile-dock-inner{background:rgba(252,252,250,.98)}
.section:not(.section-soft):not(.section-warm):not(.section-dark){background:var(--site-bg)}
.card,.flow-card,.product-demo,.report-demo,.panel,.content-block,.enroll-card{background:var(--surface)}
.text-balance{text-wrap:balance}
.text-pretty{text-wrap:pretty}

/* Public navigation is deliberately compact: all primary areas remain visible. */
.desktop-nav.public-nav{gap:2px}
.desktop-nav.public-nav a{padding-inline:10px;font-size:.76rem}
.header-actions .btn{white-space:nowrap}

/* Shared public page skeleton */
.content-hero{position:relative;overflow:hidden;padding:58px 0 56px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--site-bg) 0%,#f5f8ff 100%)}
.content-hero:after{content:"";position:absolute;right:-140px;top:-230px;width:540px;height:540px;border:82px solid rgba(0,51,160,.035);border-radius:50%;pointer-events:none}
.content-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:58px;align-items:center}
.content-hero h1{max-width:820px;margin:0;color:var(--blue-950);font-size:clamp(2.8rem,5.3vw,5rem);line-height:.97;letter-spacing:-.058em}
.content-hero h1 em{color:var(--blue-800);font-style:normal}
.content-hero p{max-width:700px;margin:19px 0 0;color:var(--muted);font-size:.96rem;line-height:1.78}
.hero-meta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.hero-meta-item{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.72);color:var(--ink-2);font-size:.66rem;font-weight:800}
.hero-meta-item svg{width:16px;height:16px;color:var(--blue-800)}
.content-hero-media{position:relative;min-height:430px}
.content-hero-photo{position:absolute;inset:0 26px 0 54px;overflow:hidden;border:6px solid var(--surface);border-radius:26px 74px 26px 26px;background:#dfe6f0;box-shadow:var(--shadow-md)}
.content-hero-photo img,.content-hero-photo video{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.02)}
.content-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,20,61,.28));pointer-events:none}
.floating-panel{position:absolute;z-index:3;left:0;bottom:24px;width:min(300px,75%);padding:17px 18px;border:1px solid rgba(203,214,229,.92);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}
.floating-panel small{display:block;color:var(--muted);font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.floating-panel strong{display:block;margin-top:6px;color:var(--blue-950);font-size:.95rem;line-height:1.35}
.floating-panel span{display:block;margin-top:6px;color:var(--muted);font-size:.64rem;line-height:1.5}
.floating-panel.right{left:auto;right:0;bottom:auto;top:28px;width:190px}

/* Media/video block: all text is separated from moving footage. */
.media-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:18px;align-items:stretch}
.media-stage{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--blue-950);box-shadow:var(--shadow-sm)}
.media-stage video,.media-stage img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04)}
.media-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,61,.03),rgba(0,20,61,.18));pointer-events:none}
.media-control-note{position:absolute;z-index:3;left:18px;bottom:18px;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(0,20,61,.72);color:#fff;font-size:.62rem;font-weight:800;backdrop-filter:blur(12px)}
.media-control-note i{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.13)}
.media-story-copy{display:flex;flex-direction:column;justify-content:center;padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}
.media-story-copy h2{margin:0;color:var(--blue-950);font-size:clamp(2rem,3.6vw,3rem);line-height:1.04;letter-spacing:-.045em}
.media-story-copy>p{margin:16px 0 0;color:var(--muted);font-size:.82rem;line-height:1.78}
.media-principles{display:grid;gap:11px;margin:25px 0 0;padding:0;list-style:none}
.media-principles li{display:grid;grid-template-columns:31px 1fr;gap:11px;align-items:start}
.media-principles b{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--blue-050);color:var(--blue-800);font-size:.62rem}
.media-principles strong{display:block;color:var(--blue-950);font-size:.73rem}.media-principles span{display:block;margin-top:3px;color:var(--muted);font-size:.65rem;line-height:1.55}

/* Search/filter toolbars */
.public-toolbar{position:relative;z-index:4;display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:12px;margin-top:-27px;padding:12px;border:1px solid var(--line-strong);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}
.search-field{position:relative}
.search-field svg{position:absolute;left:14px;top:50%;width:18px;height:18px;color:var(--muted);transform:translateY(-50%);pointer-events:none}
.search-field input{width:100%;height:46px;padding:0 15px 0 43px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:.75rem;outline:none}
.search-field input:focus{border-color:var(--blue-300);box-shadow:var(--focus-ring)}
.filter-row{display:flex;align-items:center;gap:7px;overflow:auto;scrollbar-width:none}
.filter-row::-webkit-scrollbar{display:none}
.filter-button{min-height:42px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);cursor:pointer;font-size:.67rem;font-weight:850;white-space:nowrap;transition:.18s}
.filter-button:hover,.filter-button.active{border-color:var(--blue-150);background:var(--blue-050);color:var(--blue-800)}
.result-count{margin:16px 0 0;color:var(--muted);font-size:.64rem;font-weight:750}

/* Exam directory */
.exam-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.exam-directory-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-xs);transition:.2s var(--ease)}
.exam-directory-card:hover{transform:translateY(-3px);border-color:var(--blue-150);box-shadow:var(--shadow-sm)}
.exam-directory-card .exam-code{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--blue-150);border-radius:14px;background:var(--blue-050);color:var(--blue-800);font-size:.72rem;font-weight:950}
.exam-directory-card h2{margin:22px 0 8px;color:var(--blue-950);font-size:1.12rem;letter-spacing:-.025em}
.exam-directory-card p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.65}
.exam-directory-card .card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px}
.exam-directory-card .status-label{color:var(--success);font-size:.61rem;font-weight:850}
.exam-directory-card.soon{background:#fbfcfe}.exam-directory-card.soon .status-label{color:var(--muted)}

/* Robot directory */
.robot-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:28px;border:1px solid var(--blue-150);border-radius:26px;background:linear-gradient(135deg,#f3f7ff,#fff);box-shadow:var(--shadow-sm)}
.robot-feature h2{margin:0;color:var(--blue-950);font-size:2.15rem;letter-spacing:-.045em}
.robot-feature p{margin:13px 0 0;color:var(--muted);font-size:.79rem;line-height:1.72}
.robot-feature-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}
.robot-feature-stat{padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff}
.robot-feature-stat strong{display:block;color:var(--blue-950);font-size:1rem}.robot-feature-stat span{display:block;margin-top:4px;color:var(--muted);font-size:.56rem;line-height:1.4}
.robot-feature-side{position:relative;min-height:270px;overflow:hidden;border-radius:20px;background:var(--blue-950)}
.robot-feature-side img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.74)}
.robot-feature-side:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,61,.08),rgba(0,20,61,.56))}
.robot-feature-side div{position:absolute;z-index:2;left:20px;right:20px;bottom:20px;color:#fff}
.robot-feature-side strong{display:block;font-size:1.05rem}.robot-feature-side span{display:block;margin-top:6px;color:rgba(255,255,255,.72);font-size:.64rem;line-height:1.5}
.robot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.robot-card{display:flex;flex-direction:column;min-height:286px;padding:21px;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-xs);transition:.2s var(--ease)}
.robot-card:hover{transform:translateY(-3px);border-color:var(--blue-150);box-shadow:var(--shadow-sm)}
.robot-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.robot-code{display:grid;place-items:center;min-width:52px;height:42px;padding:0 10px;border-radius:11px;background:var(--blue-050);color:var(--blue-800);font-size:.67rem;font-weight:950;letter-spacing:.03em}
.robot-profile{color:var(--muted-2);font-size:.55rem;font-weight:800}
.robot-card h2{margin:18px 0 8px;color:var(--blue-950);font-size:1.02rem;letter-spacing:-.02em}
.robot-card p{margin:0;color:var(--muted);font-size:.67rem;line-height:1.64}
.robot-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.robot-facts span{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe;color:var(--ink-2);font-size:.55rem;font-weight:750}
.robot-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px}
.robot-card-foot small{color:var(--success);font-size:.57rem;font-weight:850}
.robot-card.pending{background:#fbfcfe}.robot-card.pending .robot-code{background:#f1f3f6;color:#55627a}.robot-card.pending .robot-card-foot small{color:var(--warning)}

/* Robot calculator */
.robot-page{padding:44px 0 90px}
.robot-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start}
.robot-main,.robot-aside-card{border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-xs)}
.robot-main{overflow:hidden}
.robot-main-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 25px;border-bottom:1px solid var(--line);background:#fffefa}
.robot-main-head h2{margin:0;color:var(--blue-950);font-size:1.25rem}.robot-main-head p{max-width:650px;margin:7px 0 0;color:var(--muted);font-size:.67rem;line-height:1.55}
.robot-form{padding:24px}
.test-block{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}
.test-block+.test-block{margin-top:13px}
.test-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.test-block-head h3{margin:0;color:var(--blue-950);font-size:.91rem}.test-block-head span{color:var(--muted);font-size:.59rem;font-weight:750}
.triple-input{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.field label{display:block;margin-bottom:7px;color:var(--ink-2);font-size:.61rem;font-weight:850}
.field input,.field select,.field textarea{width:100%;min-height:46px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-size:.73rem;outline:none;transition:.18s}
.field textarea{min-height:120px;padding-block:11px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue-300);box-shadow:var(--focus-ring)}
.field-help{display:block;margin-top:6px;color:var(--muted);font-size:.55rem;line-height:1.45}
.form-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.robot-result{display:none;margin:0 24px 24px;padding:21px;border:1px solid var(--blue-150);border-radius:18px;background:var(--blue-050)}
.robot-result.show{display:block}
.robot-result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.robot-result-head small{color:var(--blue-800);font-size:.58rem;font-weight:900;text-transform:uppercase}.robot-result-head strong{color:var(--blue-950);font-size:2rem;letter-spacing:-.05em}
.robot-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}
.robot-result-item{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.robot-result-item span{display:block;color:var(--muted);font-size:.55rem}.robot-result-item strong{display:block;margin-top:5px;color:var(--blue-950);font-size:.85rem}
.robot-aside{position:sticky;top:99px;display:grid;gap:13px}
.robot-aside-card{padding:20px}
.robot-aside-card h3{margin:0;color:var(--blue-950);font-size:.88rem}.robot-aside-card p{margin:9px 0 0;color:var(--muted);font-size:.64rem;line-height:1.62}
.robot-aside-list{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none}.robot-aside-list li{display:grid;grid-template-columns:25px 1fr;gap:9px;color:var(--ink-2);font-size:.62rem;line-height:1.52}.robot-aside-list b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:var(--blue-050);color:var(--blue-800);font-size:.55rem}
.source-card{border-color:#d8e4f6;background:#f7faff}.source-card a{display:inline-flex;margin-top:13px;color:var(--blue-800);font-size:.63rem;font-weight:850}

/* YKS preference robot */
.preference-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:18px;align-items:start}
.preference-filter{position:sticky;top:99px;padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-xs)}
.preference-filter h2{margin:0;color:var(--blue-950);font-size:1.12rem}.preference-filter>p{margin:8px 0 18px;color:var(--muted);font-size:.64rem;line-height:1.55}
.filter-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.filter-form-grid .span-2{grid-column:1/-1}
.toggle-row{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fbfcfe;color:var(--ink-2);font-size:.61rem;line-height:1.45}.toggle-row input{margin-top:2px;accent-color:var(--blue-800)}
.preference-results{display:grid;gap:14px}
.preference-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.preference-toolbar h2{margin:0;color:var(--blue-950);font-size:1rem}.preference-toolbar span{color:var(--muted);font-size:.61rem;font-weight:750}
.preference-legend{display:flex;gap:7px;flex-wrap:wrap}.preference-legend i{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#fbfcfe;color:var(--muted);font-size:.55rem;font-style:normal;font-weight:750}.preference-legend i:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue-300)}.preference-legend i.risky:before{background:#7e8796}.preference-legend i.safe:before{background:var(--blue-800)}
.program-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-xs)}
.program-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.program-card h3{margin:0;color:var(--blue-950);font-size:1rem}.program-card h3 span{display:block;margin-top:5px;color:var(--muted);font-size:.61rem;font-weight:650}.risk-badge{padding:7px 9px;border:1px solid var(--blue-150);border-radius:9px;background:var(--blue-050);color:var(--blue-800);font-size:.57rem;font-weight:900;white-space:nowrap}
.program-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.program-meta div{padding:11px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.program-meta span{display:block;color:var(--muted);font-size:.52rem}.program-meta strong{display:block;margin-top:4px;color:var(--ink-2);font-size:.67rem}
.program-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.program-foot small{color:var(--muted);font-size:.55rem;line-height:1.45}.choice-button.added{border-color:var(--success);background:var(--success-soft);color:var(--success)}
.choice-tray{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.choice-tray-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.choice-tray h3{margin:0;color:var(--blue-950);font-size:.9rem}.choice-tray-list{display:grid;gap:7px;margin-top:12px}.choice-tray-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fbfcfe;font-size:.59rem}.choice-tray-item button{border:0;background:none;color:var(--danger);cursor:pointer;font-size:.58rem;font-weight:850}

/* Blog landing and article */
.blog-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:26px;background:var(--surface);box-shadow:var(--shadow-sm)}
.blog-feature-media{position:relative;min-height:420px}.blog-feature-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.blog-feature-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,20,61,.28))}
.blog-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:38px}.blog-feature-copy h2{margin:0;color:var(--blue-950);font-size:2.3rem;line-height:1.06;letter-spacing:-.045em}.blog-feature-copy p{margin:14px 0 0;color:var(--muted);font-size:.77rem;line-height:1.75}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:15px;color:var(--muted);font-size:.59rem;font-weight:750}.article-meta span{display:inline-flex;align-items:center;gap:5px}.article-meta span+span:before{content:"";width:4px;height:4px;margin-right:3px;border-radius:50%;background:var(--blue-300)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--surface);box-shadow:var(--shadow-xs);transition:.2s var(--ease)}.blog-card:hover{transform:translateY(-3px);border-color:var(--blue-150);box-shadow:var(--shadow-sm)}
.blog-card-media{height:188px;overflow:hidden;background:#dfe6f0}.blog-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78);transition:.35s var(--ease)}.blog-card:hover img{transform:scale(1.025)}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:19px}.blog-card h2{margin:0;color:var(--blue-950);font-size:.96rem;line-height:1.36;letter-spacing:-.018em}.blog-card p{margin:10px 0 0;color:var(--muted);font-size:.65rem;line-height:1.6}.blog-card .article-meta{margin-top:auto;padding-top:16px;margin-bottom:0}
.blog-categories{display:flex;flex-wrap:wrap;gap:8px}.blog-category{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font-size:.62rem;font-weight:800}.blog-category.active,.blog-category:hover{border-color:var(--blue-150);background:var(--blue-050);color:var(--blue-800)}
.article-hero{padding:54px 0 42px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--site-bg),#f5f8ff)}
.article-hero-inner{max-width:920px}.article-hero h1{margin:0;color:var(--blue-950);font-size:clamp(2.55rem,5vw,4.5rem);line-height:1.02;letter-spacing:-.052em}.article-hero .lead{margin:18px 0 0;color:var(--muted);font-size:.92rem;line-height:1.78}.article-hero .article-meta{margin:0 0 16px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:start;padding:48px 0 90px}
.article-body{min-width:0;padding:32px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-xs)}
.article-body>*:first-child{margin-top:0}.article-body h2{margin:38px 0 13px;color:var(--blue-950);font-size:1.55rem;letter-spacing:-.03em}.article-body h3{margin:28px 0 10px;color:var(--blue-950);font-size:1.1rem}.article-body p,.article-body li{color:var(--ink-2);font-size:.76rem;line-height:1.82}.article-body a{color:var(--blue-800);font-weight:750}.article-body ul{padding-left:20px}.article-body img{width:100%;margin:25px 0;border-radius:16px;filter:saturate(.78)}
.short-answer{padding:18px 20px;border-left:4px solid var(--blue-800);border-radius:0 14px 14px 0;background:var(--blue-050)}.short-answer strong{display:block;color:var(--blue-950);font-size:.83rem}.short-answer p{margin:7px 0 0}
.article-table-wrap{max-width:100%;margin:20px 0;overflow:auto;border:1px solid var(--line);border-radius:14px}.article-table{width:100%;min-width:680px;border-collapse:collapse;background:#fff;font-size:.67rem}.article-table th,.article-table td{padding:12px 13px;border-bottom:1px solid var(--line);text-align:left}.article-table th{background:#f6f8fc;color:var(--blue-950);font-weight:850}.article-table td{color:var(--ink-2)}.article-table tr:last-child td{border-bottom:0}
.article-note{margin:23px 0;padding:17px;border:1px solid #e5dfd1;border-radius:13px;background:var(--warm);color:var(--ink-2);font-size:.68rem;line-height:1.65}
.article-sidebar{position:sticky;top:100px;display:grid;gap:13px}.toc-card,.related-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.toc-card h2,.related-card h2{margin:0;color:var(--blue-950);font-size:.82rem}.toc-card nav{display:grid;gap:8px;margin-top:13px}.toc-card a{color:var(--muted);font-size:.62rem;line-height:1.4}.toc-card a:hover{color:var(--blue-800)}.related-card a{display:block;margin-top:11px;padding-top:11px;border-top:1px solid var(--line);color:var(--ink-2);font-size:.62rem;font-weight:750;line-height:1.45}.related-card a:first-of-type{margin-top:12px}

/* Packages/contact */
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.package-card{position:relative;display:flex;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:var(--shadow-xs)}.package-card.featured{border-color:var(--blue-300);box-shadow:var(--shadow-sm)}.package-card.featured:before{content:"En çok tercih edilen";position:absolute;right:18px;top:18px;padding:6px 8px;border-radius:8px;background:var(--blue-050);color:var(--blue-800);font-size:.53rem;font-weight:900}.package-card h2{margin:0;color:var(--blue-950);font-size:1.18rem}.package-card>p{margin:9px 0 0;color:var(--muted);font-size:.66rem;line-height:1.58}.package-price{margin:22px 0;color:var(--blue-950)}.package-price strong{font-size:2.4rem;letter-spacing:-.055em}.package-price span{color:var(--muted);font-size:.61rem}.package-list{display:grid;gap:10px;margin:0 0 24px;padding:0;list-style:none}.package-list li{display:flex;align-items:flex-start;gap:8px;color:var(--ink-2);font-size:.64rem;line-height:1.45}.package-list li:before{content:"✓";display:grid;place-items:center;width:19px;height:19px;flex:0 0 auto;border-radius:6px;background:var(--blue-050);color:var(--blue-800);font-size:.55rem;font-weight:950}.package-card .btn{margin-top:auto}
.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.contact-info,.contact-form{padding:27px;border:1px solid var(--line);border-radius:23px;background:var(--surface);box-shadow:var(--shadow-xs)}.contact-info h2,.contact-form h2{margin:0;color:var(--blue-950);font-size:1.25rem}.contact-info>p,.contact-form>p{margin:10px 0 0;color:var(--muted);font-size:.68rem;line-height:1.65}.contact-list{display:grid;gap:11px;margin-top:22px}.contact-item{display:grid;grid-template-columns:39px 1fr;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.contact-item i{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--blue-050);color:var(--blue-800);font-style:normal;font-size:.7rem;font-weight:900}.contact-item strong{display:block;color:var(--blue-950);font-size:.68rem}.contact-item span{display:block;margin-top:3px;color:var(--muted);font-size:.6rem}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.contact-form-grid .span-2{grid-column:1/-1}

/* Embedded live reference note */
.reference-note{display:flex;align-items:flex-start;gap:11px;padding:16px 18px;border:1px solid var(--blue-150);border-radius:14px;background:var(--blue-050);color:var(--ink-2);font-size:.65rem;line-height:1.6}.reference-note svg{width:19px;height:19px;flex:0 0 auto;color:var(--blue-800)}

/* V5 responsive */
@media(max-width:1120px){
  .content-hero-grid{grid-template-columns:1fr 440px;gap:38px}
  .exam-directory-grid,.robot-grid,.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .program-meta{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .desktop-nav.public-nav{display:none}
  .content-hero-grid,.media-story,.robot-feature,.robot-layout,.preference-layout,.blog-feature,.article-layout,.contact-layout{grid-template-columns:1fr}
  .content-hero-media{width:min(100%,650px);margin-inline:auto}
  .robot-aside,.preference-filter,.article-sidebar{position:static}
  .media-stage{min-height:420px}.robot-feature-side{min-height:320px}
  .article-sidebar{grid-template-columns:1fr 1fr}
  .package-grid{grid-template-columns:1fr 1fr}.package-card:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .content-hero{padding:34px 0 43px}.content-hero h1{font-size:2.75rem}.content-hero p{font-size:.82rem}.content-hero-media{min-height:330px}.content-hero-photo{inset:0 0 0 24px;border-width:4px;border-radius:20px 48px 20px 20px}.floating-panel{bottom:10px;width:79%;padding:13px}.floating-panel.right{right:0;top:12px;width:160px}
  .public-toolbar{grid-template-columns:1fr;margin-top:-22px;padding:10px}.filter-row{padding-bottom:2px}
  .exam-directory-grid,.robot-grid,.blog-grid,.package-grid{grid-template-columns:1fr}.package-card:last-child{grid-column:auto}
  .media-stage{min-height:330px}.media-story-copy{padding:25px}.media-story-copy h2{font-size:2rem}
  .robot-feature{padding:20px}.robot-feature h2{font-size:1.75rem}.robot-feature-stats{grid-template-columns:1fr}.robot-feature-side{min-height:260px}
  .robot-page{padding:28px 0 72px}.robot-main-head{padding:18px}.robot-form{padding:15px}.test-block{padding:15px}.triple-input{grid-template-columns:1fr}.robot-result{margin:0 15px 15px}.robot-result-grid{grid-template-columns:1fr}
  .filter-form-grid{grid-template-columns:1fr}.filter-form-grid .span-2{grid-column:auto}.preference-filter{padding:17px}.preference-toolbar{display:grid}.program-meta{grid-template-columns:1fr 1fr}.program-foot{align-items:flex-start;flex-direction:column}
  .blog-feature-media{min-height:280px}.blog-feature-copy{padding:24px}.blog-feature-copy h2{font-size:1.85rem}.blog-card-media{height:210px}
  .article-hero{padding:36px 0 30px}.article-hero h1{font-size:2.55rem}.article-layout{padding:28px 0 70px;gap:16px}.article-body{padding:19px}.article-sidebar{grid-template-columns:1fr}.article-body h2{font-size:1.35rem}.article-body p,.article-body li{font-size:.71rem}
  .contact-form-grid{grid-template-columns:1fr}.contact-form-grid .span-2{grid-column:auto}
}
@media(max-width:520px){
  .content-hero h1{font-size:2.35rem}.hero-meta-row{display:grid;grid-template-columns:1fr 1fr}.hero-meta-item{min-height:42px}
  .floating-panel.right{display:none}.exam-directory-card,.robot-card{min-height:auto}.robot-feature-stats{grid-template-columns:1fr 1fr}.robot-feature-stat:last-child{grid-column:1/-1}
  .program-meta{grid-template-columns:1fr}.article-table{font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){.media-stage video{display:none}.media-stage .video-fallback{display:block!important}}

/* FINAL V5 invariant surfaces — approved colors */
.auth-page,.app-body,.exam-body{background:var(--site-bg)}
.auth-form-side{background:var(--site-bg)}
.app-topbar{background:rgba(252,252,250,.94)}
.result-hero{background:linear-gradient(135deg,var(--site-bg),#f2f6ff)}
@media(max-width:980px){body:not(.exam-body){background:var(--site-bg)}}


/* source: akkademi-v6-bridge.css */
/*
 * Akkademi V6 visual bridge
 *
 * This layer deliberately sits after the immutable V5 reference stylesheet.
 * It maps the existing live markup to the V5 design language without changing
 * business logic, URLs, form names, API contracts, or payment behaviour.
 */
:root {
  --v6-blue: #0033A0;
  --v6-navy: #001F60;
  --v6-page: #FCFCFA;
  --v6-logo: #F9F8F4;
  --v6-surface: #FFFFFF;
  --v6-line: #DFE6F0;
  --v6-text: #10224A;
  --v6-muted: #5D6D86;
  --v6-focus: rgba(0, 51, 160, .24);
  --akk-mobile-dock-space: 0px;
  --akk-bottom-obstruction-space: 0px;
}

html, body {
  background: var(--v6-page) !important;
  color: var(--v6-text);
}

body {
  min-width: 0;
  font-family: "Source Sans 3", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body *, body *::before, body *::after { box-sizing: border-box; }

a { color: var(--v6-blue); }

.v6-site-header.topbar {
  min-height: 80px;
  border-bottom: 1px solid var(--v6-line);
  background: rgba(252, 252, 250, .95);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(1.15);
}

.v6-site-header .topbar-inner {
  width: min(1200px, calc(100% - 40px));
  min-height: 80px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
}

.v6-brand.logo {
  gap: 12px;
  color: var(--v6-navy);
  text-decoration: none;
}

.v6-brand .v6-logo-shell {
  display: grid;
  flex: 0 0 58px;
  place-items: center;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border: 1px solid #D7DDE8;
  border-radius: 12px;
  background: var(--v6-logo);
  box-shadow: 0 5px 15px rgba(0, 31, 96, .08);
}

.v6-brand .logo-mark {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  background: var(--v6-logo);
}

.v6-brand .logo-text {
  display: grid;
  gap: 1px;
  color: var(--v6-navy);
  font-family: "American Typewriter", "Courier New", monospace;
  font-size: clamp(21px, 2.3vw, 29px);
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: .95;
  text-transform: lowercase;
}

.v6-brand .logo-text small {
  color: var(--v6-muted);
  font-family: "Source Sans 3", Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .01em;
}

.nav-toggle { display: none !important; }

.v6-desktop-nav.nav {
  display: flex;
  justify-content: center;
  gap: 3px;
  min-width: 0;
}

.v6-desktop-nav.nav a,
.v6-desktop-nav.nav button {
  min-height: 42px;
  padding: 0 11px;
  border-radius: 11px;
  color: #4C5B72;
  font-size: 13px;
  font-weight: 750;
  white-space: nowrap;
}

.v6-desktop-nav.nav a:hover,
.v6-desktop-nav.nav a:focus-visible,
.v6-desktop-nav.nav a[aria-current="page"] {
  background: #EEF3FF;
  color: var(--v6-blue);
  box-shadow: inset 0 -2px 0 var(--v6-blue);
}

.v6-desktop-nav .nav-auth-slot a {
  border: 1px solid #C9D7F0;
  background: var(--v6-surface);
  color: var(--v6-blue);
}

.account-menu { justify-self: end; }
.account-trigger { border-color: #C9D7F0 !important; background: var(--v6-surface) !important; color: var(--v6-navy) !important; }

.v6-robot-header .robot-logo-home {
  display: grid;
  flex: 0 0 58px;
  place-items: center;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border: 1px solid #D7DDE8;
  border-radius: 12px;
  background: var(--v6-logo);
  box-shadow: 0 5px 15px rgba(0, 31, 96, .08);
}

.v6-robot-header .robot-logo-home img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--v6-logo);
}

.v6-robot-header .robot-brand-link {
  color: var(--v6-navy);
  font-family: "American Typewriter", "Courier New", monospace;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -.045em;
}

main.shell {
  width: min(1200px, calc(100% - 40px));
  padding-bottom: 44px;
}

.v6-not-found {
  width: min(760px, calc(100% - 40px));
  min-height: calc(100vh - 180px);
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 18px;
  padding: 80px 0;
}

.v6-not-found h1 { max-width: 620px; margin: 0; font-size: clamp(38px, 6vw, 70px); line-height: .98; }
.v6-not-found p:not(.eyebrow) { max-width: 560px; margin: 0; color: var(--v6-muted); font-size: 18px; line-height: 1.6; }

.view { color: var(--v6-text); }
.card, .route-panel, .report-panel, .practice-shell, .profile-card, .support-card,
.contact-card, .package-card, .exam-card, .question-card, .modal-card {
  border-color: var(--v6-line) !important;
  background: var(--v6-surface) !important;
  box-shadow: 0 10px 30px rgba(0, 31, 96, .07);
}

.cart-seller-trust {
  margin-top: 14px;
  border: 1px solid rgba(18, 129, 67, .16);
  border-radius: 8px;
  background: #f8fffb;
  padding: 11px 12px;
  display: grid;
  gap: 5px;
  color: rgba(45, 41, 53, .70);
  font-size: 13px;
  line-height: 1.4;
  font-weight: 650;
}

.cart-seller-trust strong {
  color: var(--ink, var(--v6-text));
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.cart-seller-trust span,
.cart-seller-trust a {
  min-width: 0;
  overflow-wrap: anywhere;
}

.cart-seller-trust a {
  color: var(--brand, var(--v6-blue));
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.section, .route-panel, .member-workspace, .report-shell, .profile-shell { scroll-margin-top: 96px; }

h1, h2, h3, h4, .route-title, [data-route-title] {
  color: var(--v6-navy);
  letter-spacing: -.025em;
}

.lead, .muted, .route-copy, .auth-copy, .footer-copy { color: var(--v6-muted); }

.btn, button.btn, .form-primary, .form-secondary, .choice-button, .filter-button {
  min-height: 44px;
  border-color: #C9D7F0;
  border-radius: 11px;
  color: var(--v6-blue);
  font-weight: 800;
}

.btn-primary, button.btn-primary, .form-primary {
  border-color: var(--v6-blue) !important;
  background: var(--v6-blue) !important;
  color: #fff !important;
}

.btn:hover, button.btn:hover, .form-primary:hover, .form-secondary:hover,
.choice-button:hover, .filter-button:hover { transform: translateY(-1px); }

button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, summary:focus-visible {
  outline: 3px solid var(--v6-focus) !important;
  outline-offset: 2px;
}

.input, input, select, textarea {
  border-color: #C9D7F0;
  background: #fff;
  color: var(--v6-text);
}

.input:focus, input:focus, select:focus, textarea:focus {
  border-color: var(--v6-blue) !important;
  box-shadow: 0 0 0 3px var(--v6-focus) !important;
}

/* Public product families: a shared V5 card hierarchy rather than per-route paint. */
#view-sinav .exam-grid, #view-blog .blog-grid, #view-packages .package-grid,
#view-contact .contact-grid, #view-ales-deneme .ales-ad-results-grid,
#view-member .member-mode-grid, #view-report .report-grid {
  gap: clamp(12px, 1.6vw, 20px);
}

#view-sinav .exam-card, #view-blog .blog-card, #view-packages .package-card,
#view-contact .contact-card, #view-member .practice-shell, #view-report .report-panel,
#view-profile .profile-card {
  border-radius: 20px;
}

#view-sinav .exam-card:hover, #view-blog .blog-card:hover, #view-packages .package-card:hover {
  border-color: #AFC4E8 !important;
  box-shadow: 0 16px 34px rgba(0, 31, 96, .12);
}

#view-home .hero, #view-ales-deneme .ales-ad-hero, #view-sinav .route-hero,
#view-blog .route-hero, #view-packages .route-hero, #view-contact .route-hero {
  border-radius: 24px;
}

/* The old carousel remains in the DOM for compatibility, but the V5 hero is
   the only marketed home entry point. Its links use the live routes. */
html[data-page="home"] #view-home > .hero { display: none !important; }
html[data-page="home"] .v6-marketing-hero { display: block; }
html[data-page="home"] .v6-marketing-hero .hero-trust {
  margin: 22px 0 0;
  padding: 0;
  color: var(--v6-muted);
  list-style: none;
}
html[data-page="home"] .v6-marketing-hero .hero-trust li {
  display: inline-flex;
  align-items: center;
  margin: 0 14px 8px 0;
  font-size: 13px;
  font-weight: 750;
}
html[data-page="home"] .v6-marketing-hero .hero-trust li::before {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  border-radius: 50%;
  background: #EAF1FF;
  color: var(--v6-blue);
  content: "✓";
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}

#view-home .ak-home-ales-carousel, #view-ales-deneme .ales-ad-hero,
#view-sinav .exam-card, #view-blog .blog-card, #view-packages .package-card {
  overflow: hidden;
}

#view-member .practice-shell, #view-member .diagnostic-question-card,
#view-member .member-question-card, #view-report .report-panel, #view-profile .profile-card {
  border-radius: 18px !important;
}

#view-member .option-item, #view-member .diagnostic-option, #view-member .answer-option {
  border-color: #C9D7F0 !important;
  background: #fff !important;
}

#view-member .option-item:has(input:checked), #view-member .diagnostic-option:has(input:checked),
#view-member .answer-option:has(input:checked) {
  border-color: var(--v6-blue) !important;
  background: #EEF3FF !important;
}

/* V5 footer language. */
.footer {
  margin-top: 40px;
  border-top: 1px solid var(--v6-line);
  background: #F7F9FD;
  color: var(--v6-muted);
}

.footer a, .footer-link { color: var(--v6-blue); }

/* Dynamically rendered blog pages use the same card, surface and reading rhythm. */
.akk-blog-shell {
  width: min(1120px, calc(100% - 40px)) !important;
  max-width: none !important;
  padding: 32px 0 60px !important;
  color: var(--v6-text) !important;
}

.akk-blog-header {
  min-height: 72px;
  gap: 12px !important;
  border-bottom-color: var(--v6-line) !important;
}

.akk-blog-logo {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border: 1px solid #D7DDE8;
  border-radius: 12px;
  background: var(--v6-logo);
}

.akk-blog-logo img { width: 100% !important; height: 100% !important; border-radius: 0 !important; object-fit: contain; background: var(--v6-logo); }
.akk-blog-wordmark, .akk-blog-wordmark span { color: var(--v6-navy) !important; font-family: "American Typewriter", "Courier New", monospace; }
.akk-blog-breadcrumb, .akk-blog-date { color: var(--v6-muted) !important; }
.akk-blog-breadcrumb a, .akk-blog-index-nav a, .akk-blog-card a, .akk-blog-article a { color: var(--v6-blue) !important; }
.akk-blog-index-nav a { border-color: #C9D7F0 !important; border-radius: 999px !important; background: #fff !important; }
.akk-blog-list { gap: 16px !important; }
.akk-blog-card, .akk-blog-article, .akk-blog-sources, .akk-blog-callout, .akk-blog-table-wrap {
  border-color: var(--v6-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(0, 31, 96, .06);
}

.akk-blog-card { padding: 22px !important; }
.akk-blog-article { padding: clamp(22px, 4vw, 48px); }
.akk-blog-article h1, .akk-blog-index h1 { color: var(--v6-navy) !important; }
.akk-blog-article p, .akk-blog-article li, .akk-blog-index > p { color: #42516A; }

/* The V5 mobile system: there is intentionally no hamburger fallback. */
.v6-mobile-dock {
  display: none;
}

@media (max-width: 980px) {
  body { padding-bottom: max(calc(76px + env(safe-area-inset-bottom)), calc(var(--akk-bottom-obstruction-space, 0px) + 8px)); }
  .v6-site-header .topbar-inner {
    width: min(100% - 24px, 720px);
    min-height: 72px;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
  }
  .v6-brand .v6-logo-shell { width: 50px; height: 50px; flex-basis: 50px; }
  .v6-brand .logo-text { font-size: 23px; }
  .v6-brand .logo-text small { display: none; }
  .v6-desktop-nav.nav { display: none !important; }
  .v6-robot-header .robot-logo-home { width: 50px; height: 50px; flex-basis: 50px; }
  .v6-robot-header .robot-brand-link { font-size: 21px; }
  .account-menu { max-width: 145px; }
  main.shell { width: min(100% - 24px, 720px); padding-bottom: 22px; }
  html[data-page="packages"] main.shell,
  html[data-page="cart"] main.shell {
    padding-bottom: max(calc(150px + env(safe-area-inset-bottom)), calc(var(--akk-bottom-obstruction-space, 0px) + 20px));
  }
  html[data-page="packages"],
  html[data-page="cart"] {
    scroll-padding-bottom: max(calc(170px + env(safe-area-inset-bottom)), calc(var(--akk-bottom-obstruction-space, 0px) + 28px));
  }
  html[data-page="packages"] .pricing-card,
  html[data-page="packages"] .package-new-price,
  html[data-page="packages"] .pricing-cta,
  html[data-page="cart"] .cart-panel,
  html[data-page="cart"] .cart-summary {
    scroll-margin-bottom: max(calc(170px + env(safe-area-inset-bottom)), calc(var(--akk-bottom-obstruction-space, 0px) + 28px));
  }
  .v6-not-found { width: min(100% - 24px, 720px); min-height: calc(100vh - 150px); padding: 48px 0 120px; }
  .v6-mobile-dock {
    position: fixed;
    z-index: 2147482000;
    left: 50%;
    bottom: max(4px, env(safe-area-inset-bottom));
    display: block;
    width: min(calc(100vw - 12px), 414px);
    transform: translateX(-50%);
  }
  .v6-mobile-dock-inner {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 2px;
    padding: 4px;
    border: 1px solid #CBD6E5;
    border-radius: 18px;
    background: rgba(252, 252, 250, .98);
    box-shadow: 0 12px 28px rgba(0, 31, 96, .16);
    backdrop-filter: blur(18px);
  }
  .v6-dock-item {
    display: grid;
    min-width: 0;
    min-height: 48px;
    place-items: center;
    align-content: center;
    gap: 2px;
    padding: 5px 0 4px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: #55627a;
    font-size: 14px;
    font-weight: 850;
    line-height: 1.05;
    text-align: center;
    text-decoration: none;
  }
  .v6-dock-item svg { width: 18px; height: 18px; stroke: currentColor; }
  .v6-dock-item[aria-current="page"] {
    border-color: #AFC4E8;
    background: #EEF3FF;
    color: var(--v6-blue);
  }
  .v6-dock-item:focus-visible { outline: 3px solid var(--v6-focus); outline-offset: 1px; }
  .footer { padding-bottom: max(calc(78px + env(safe-area-inset-bottom)), calc(var(--akk-bottom-obstruction-space, 0px) + 12px)); }
  .akk-blog-shell { width: min(100% - 24px, 720px) !important; padding-top: 18px !important; }
}

@media (max-width: 420px) {
  .v6-brand .logo-text { font-size: 21px; }
  .account-menu { max-width: 120px; }
  .account-trigger { max-width: 120px !important; }
  .v6-dock-item { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

.nav-exam-menu { position:relative; }
.nav-exam-menu summary { min-height:44px; display:flex; align-items:center; padding:0 16px; cursor:pointer; color:var(--v6-ink); font-size:14px; font-weight:700; list-style:none; }
.nav-exam-menu summary::-webkit-details-marker { display:none; }
.nav-exam-menu summary::after { content:"⌄"; margin-left:6px; }
.nav-exam-popover { position:absolute; z-index:70; top:calc(100% + 6px); left:0; min-width:210px; padding:6px; border:1px solid var(--v6-line); border-radius:6px; background:#fff; box-shadow:0 12px 28px rgba(20,39,74,.16); }
.nav-exam-popover a { min-height:44px; display:flex; align-items:center; padding:0 10px; font-size:14px; }
.nav-start-link { min-height:44px !important; background:#0033a0 !important; color:#fff !important; }
.v210-mobile-menu { display:none; }
.footer-exam-links { margin-top:18px; }
.footer-exam-links h2 { margin:0 0 8px; font-size:14px; }
.footer-exam-links ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 14px; padding:0; margin:0; list-style:none; }
.footer-exam-links a { min-height:44px; display:flex; align-items:center; font-size:14px; }
.p2-package-terms { margin:10px 0 0; font-size:14px; line-height:1.45; }
.p2-package-terms a { min-height:44px; display:inline-flex; align-items:center; }
.p2-package-trust { display:flex; flex-wrap:wrap; gap:10px 18px; margin:20px 0; font-size:14px; line-height:1.45; }
.p2-package-trust a { min-height:44px; display:inline-flex; align-items:center; }
.p2-mobile-compare { display:none; }
@media (max-width:760px) {
  .p2-mobile-compare { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:6px; margin:12px 0; }
  .p2-mobile-compare > div { min-width:0; padding:8px 6px; border:1px solid var(--line, #d9e0e8); border-radius:6px; background:#fff; }
  .p2-mobile-compare strong, .p2-mobile-compare span { display:block; overflow-wrap:anywhere; font-size:14px; line-height:1.35; }
  .p2-mobile-compare span + span { margin-top:4px; }
}
@media (max-width:980px) {
  .v210-mobile-menu { display:block; position:relative; z-index:60; border-bottom:1px solid var(--v6-line); background:#fff; }
  .v210-mobile-menu > summary { min-height:44px; display:flex; align-items:center; padding:0 16px; cursor:pointer; color:var(--v6-ink); font-size:14px; font-weight:700; }
  .v210-mobile-menu-panel { display:grid; gap:2px; padding:8px 16px 14px; border-top:1px solid var(--v6-line); }
  .v210-mobile-menu-panel > a,.v210-mobile-menu-panel details > summary,.v210-mobile-menu-panel details > a { min-height:44px; display:flex; align-items:center; padding:0 10px; color:var(--v6-ink); font-size:14px; font-weight:700; }
  .v210-mobile-menu-panel details > a { margin-left:10px; font-weight:500; }
  .v210-mobile-start { justify-content:center; background:#0033a0; color:#fff !important; }
  .footer-exam-links ul { grid-template-columns:1fr; }
}