/* V4 — yeni alanlar; eski tema ve bileşenleri değiştirmez. */
:root{--v4-ink:#101829;--v4-muted:#64748b;--v4-border:#dbe3ef;--v4-card:#fff;--v4-soft:#f3f6fc;--v4-accent:#317eff}
html[data-theme=dark]{--v4-ink:#f1f6ff;--v4-muted:#9eacc3;--v4-border:#2f3c55;--v4-card:#151d2d;--v4-soft:#0c1423;--v4-accent:#79b0ff}
.nav-shell{gap:clamp(10px,1.6vw,24px)}.nav-links{gap:clamp(10px,1.5vw,25px)}
.v4-discover{padding:96px 0 112px;background:#f5f5f7;position:relative;isolation:isolate}
.v4-discover .v4-topline{font-size:11px;font-weight:800;color:#477dd0;letter-spacing:.16em}
.v4-discover h2{font-size:clamp(37px,5vw,66px);letter-spacing:-.066em;margin:12px 0 15px;color:#151922;line-height:1.08}
.v4-discover .v4-desc{max-width:570px;color:#697486;font-size:15px;line-height:1.8;margin:0 0 30px}
.v4-explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.v4-explore-card{display:flex;flex-direction:column;min-height:320px;padding:36px;border-radius:26px;text-decoration:none;overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(circle at 90% 10%,#284b85,#111a2c 53%,#0c121e);color:#eff5ff;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #15203616}
.v4-explore-card:nth-child(2){background:radial-gradient(circle at 88% 10%,#214f5c,#121d2a 55%,#0a131a)}
.v4-explore-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px #14254a28}
.v4-explore-card .v4-card-icon{font:500 75px/1 Consolas,monospace;color:#80baff;text-shadow:0 0 40px #5481ff70;margin:8px 0 auto}
.v4-explore-card:nth-child(2) .v4-card-icon{color:#8fe8d8}
.v4-explore-card strong{font-size:26px;letter-spacing:-.04em;margin:0 0 11px}.v4-explore-card p{color:#b2c3d9;max-width:390px;line-height:1.65;margin:0 0 17px;font-size:13px}.v4-explore-card .v4-card-foot{font-size:12px;font-weight:700;color:#9cc1ff}
.v4-story{background:#080c13;color:#fff;overflow:clip}
.v4-story-row{display:grid;grid-template-columns:1fr 1fr;min-height:620px;align-items:center;gap:7%;padding:100px 0}
.v4-story-row+.v4-story-row{border-top:1px solid #ffffff14}
.v4-story-row:nth-child(even) .v4-story-media{order:2}
.v4-story-index{display:block;color:#88abff;font-size:11px;letter-spacing:.2em;font-weight:750;margin:0 0 23px}
.v4-story-copy h2{font-size:clamp(39px,4.8vw,72px);letter-spacing:-.075em;line-height:1.08;margin:0 0 24px}
.v4-story-copy p{font-size:16px;line-height:1.85;max-width:460px;color:#aab7cb;margin:0 0 30px}
.v4-story-media{height:440px;overflow:hidden;border-radius:28px;border:1px solid #ffffff18;background:#121927;box-shadow:0 18px 85px #0005;position:relative}
.v4-story-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s cubic-bezier(.2,.75,.15,1)}
.v4-story-media.is-active img{transform:scale(1.045)}
.v4-story-caption{position:absolute;left:18px;bottom:18px;padding:10px 14px;border-radius:11px;background:#0a1429bc;backdrop-filter:blur(8px);font:700 10px Consolas,monospace;color:#c3d8f5;letter-spacing:.08em}
.v4-story .button{max-width:max-content}
.v4-page{background:#f3f5f9;color:var(--v4-ink);min-height:100vh}.v4-page .v4-hero{padding:156px 0 88px;background:radial-gradient(ellipse at 74% 16%,#1b3357,#0b111c 65%,#070b11);color:white;overflow:hidden;position:relative}
.v4-hero .v4-kicker{font-size:11px;letter-spacing:.22em;color:#88adfa;font-weight:800}
.v4-hero h1{font-size:clamp(44px,6vw,79px);line-height:1.05;letter-spacing:-.075em;margin:20px 0 22px;max-width:950px}
.v4-hero h1 span{color:#86b4ff}
.v4-hero p{font-size:clamp(14px,1.5vw,18px);line-height:1.8;color:#b9c9df;max-width:740px;margin:0 0 26px}
.v4-hero .v4-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.v4-hero .v4-hero-actions a{border:1px solid #526484;border-radius:30px;padding:10px 17px;text-decoration:none;color:#e1eeff;font-size:12px;font-weight:700}
.v4-page .v4-content{padding-top:45px;padding-bottom:100px}
.v4-panel{border-radius:25px;border:1px solid var(--v4-border);background:var(--v4-card);box-shadow:0 15px 60px #132b5010;color:var(--v4-ink)}
.v4-panel h2{font-size:clamp(24px,2.4vw,36px);letter-spacing:-.05em;line-height:1.15;margin:0 0 10px}
.v4-panel h3{font-size:17px;letter-spacing:-.025em;margin:0 0 11px}
.v4-panel p{color:var(--v4-muted);font-size:13px;line-height:1.75}
.v4-note{border:1px solid #9abced;background:#e9f2ff;border-radius:12px;padding:12px 17px;color:#264776;font-size:12px;line-height:1.65}
.v4-lab-main{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.85fr);gap:18px;margin-top:22px}
.v4-lab-workspace{padding:28px;min-width:0}.v4-lab-controls{padding:28px}
.v4-lab-presets{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 26px}
.v4-pill{border:1px solid var(--v4-border);background:var(--v4-soft);color:var(--v4-ink);border-radius:999px;font-size:12px;font-weight:700;padding:10px 15px;cursor:pointer;transition:background .2s}
.v4-pill[aria-pressed=true]{background:#2f78e9;color:#fff;border-color:#2f78e9}
.v4-bench{border-radius:19px;background:radial-gradient(circle at 50% 45%,#1a2941,#09111f 76%);padding:25px 19px 20px;position:relative;overflow:hidden;color:white}
.v4-bench::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:27px 27px;pointer-events:none}
.v4-bench-head{position:relative;display:flex;justify-content:space-between;gap:10px;color:#90a5c9;font:700 10px Consolas,monospace;margin-bottom:20px}
.v4-patch-columns{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px;min-height:310px}
.v4-patch-columns::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffff12;pointer-events:none}
.v4-patch-title{font:750 10px Consolas,monospace;color:#7eaefc;letter-spacing:.1em;margin:0 0 12px}
.v4-terminal{display:flex;align-items:center;gap:8px;border-radius:8px;padding:11px 9px;margin-bottom:9px;background:#131f34;border:1px solid #2a3c59;color:#c7dbf2;font:650 11px Consolas,monospace;width:100%;text-align:left;min-height:41px;transition:border-color .15s,background .15s}
.v4-terminal:hover,.v4-terminal.is-selected{border-color:#8bb9ff;background:#223e66}
.v4-terminal.is-connected{border-color:#2d8c80}
.v4-node{display:inline-block;width:10px;height:10px;border:2px solid #89b8ff;border-radius:50%;flex:none}
.v4-bench-status{position:relative;margin-top:15px;padding:13px;background:#071221ac;border:1px solid #263e5d;border-radius:12px;color:#93b2d7;font:12px/1.6 Consolas,monospace;min-height:52px}
.v4-connections{display:grid;gap:8px;max-height:190px;overflow:auto;margin-top:12px}
.v4-connection{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--v4-border);background:var(--v4-soft);border-radius:9px;padding:9px 10px;font:12px Consolas,monospace}
.v4-connection button{border:0;background:transparent;color:#e45464;font-size:17px;cursor:pointer}
.v4-actions{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0}
.v4-action{border:0;border-radius:11px;background:#287bfa;color:white;padding:13px 17px;font-weight:750;font-size:12px;cursor:pointer;transition:filter .2s}.v4-action:hover{filter:brightness(1.1)}
.v4-action.secondary{background:var(--v4-soft);color:var(--v4-ink);border:1px solid var(--v4-border)}
.v4-progress-label{margin:15px 0 8px;display:flex;justify-content:space-between;color:var(--v4-muted);font-size:12px}
.v4-valid-list{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:12px;color:var(--v4-muted)}.v4-valid-list li{padding:11px 13px;border:1px solid var(--v4-border);border-radius:9px}
.v4-valid-list li.ok{background:#e8faee;color:#207a4c;border-color:#b8e5c5}.v4-valid-list li.bad{background:#fff2ee;color:#aa4935;border-color:#f4c1b8}
.v4-demo-controls{margin:18px 0 0;padding:20px;border-radius:14px;background:var(--v4-soft);border:1px solid var(--v4-border)}
.v4-demo-controls label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:650;margin:13px 0 9px}
.v4-demo-controls input[type=range]{width:100%;accent-color:#3784f6}
.v4-live-out{display:flex;align-items:center;gap:17px;margin-top:17px;font:750 13px Consolas,monospace}
.v4-lamp{width:30px;height:30px;border-radius:50%;background:#374154;border:2px solid #708298;transition:background .2s,box-shadow .2s}
.v4-lamp.on{background:#f4cf64;box-shadow:0 0 18px #ffe080,0 0 35px #f4c45f79}
.v4-pin-shell{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.8fr);gap:18px;margin-top:25px}
.v4-pin-board{padding:30px}.v4-pin-inspector{padding:27px;align-self:start}
.v4-pin-filter{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 22px}
.v4-board-frame{display:grid;grid-template-columns:1fr minmax(125px,1.25fr) 1fr;gap:12px;background:radial-gradient(circle,#122b35,#06131d);border:1px solid #346b75;border-radius:22px;padding:22px 18px;align-items:stretch;color:white}
.v4-pin-col{display:grid;grid-template-rows:repeat(15,minmax(29px,1fr));gap:4px}
.v4-pin{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:29px;border:1px solid #30516d;border-radius:7px;background:#12263a;color:#c4e2f6;padding:4px 7px;cursor:pointer;font:700 10px Consolas,monospace;min-width:0}
.v4-pin:hover,.v4-pin.is-current{background:#29517c;border-color:#8cbcff;color:#fff}
.v4-pin.is-filtered{opacity:.25}.v4-pin .v4-pin-dot{width:7px;height:7px;border-radius:2px;background:#a7b6cd;flex:none}.v4-pin[data-kind=power] .v4-pin-dot{background:#f4cd78}.v4-pin[data-kind=adc] .v4-pin-dot{background:#7bdaab}.v4-pin[data-kind=restricted] .v4-pin-dot{background:#f18b84}
.v4-board-chip{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;border:1px solid #369a8d;border-radius:13px;background:repeating-linear-gradient(0deg,#11645114 0px,#11645114 1px,transparent 1px,transparent 13px),linear-gradient(140deg,#0f5550,#082e3a);position:relative;text-align:center;box-shadow:inset 0 0 50px #0004;min-width:0}
.v4-board-chip::before{content:"";position:absolute;top:0;height:15px;width:42%;border-radius:0 0 7px 7px;background:#b2b8c0}
.v4-chip-core{padding:29px 15px;border:2px solid #697a88;border-radius:8px;background:#17222f;max-width:94%;box-shadow:0 13px 20px #0005}
.v4-chip-core strong{display:block;font:800 clamp(12px,1.7vw,21px) Inter,sans-serif;color:#def5e7;letter-spacing:-.04em}
.v4-chip-core span{display:block;font:700 9px Consolas,monospace;color:#99acb7;margin-top:11px}
.v4-board-chip small{font:750 9px Consolas,monospace;color:#61c9b4;letter-spacing:.12em}
.v4-inspector-label{font:800 10px Consolas,monospace;letter-spacing:.13em;color:#4b82ce}
.v4-inspector-pin{font:750 clamp(32px,3vw,48px) Inter,sans-serif;letter-spacing:-.05em;line-height:1;margin:18px 0 13px}
.v4-pin-tags{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.v4-pin-tags span{border-radius:99px;background:var(--v4-soft);border:1px solid var(--v4-border);padding:7px 11px;font-size:11px;font-weight:700}
.v4-pin-info{display:grid;gap:10px;margin:25px 0}.v4-pin-info div{padding-bottom:10px;border-bottom:1px solid var(--v4-border);display:flex;justify-content:space-between;gap:12px;font-size:12px}.v4-pin-info b{max-width:60%;text-align:right}
.v4-safety{padding:16px 19px;border-radius:12px;border:1px solid #ddbb7b;background:#fff6e5;color:#77501c;font-size:12px;line-height:1.7}
.v4-bom{margin:28px 0}.v4-bom-intro{margin-bottom:20px}.v4-bom-table-wrap{overflow:auto;border:1px solid var(--v4-border);border-radius:16px;background:var(--v4-card)}
.v4-bom-table{width:100%;border-collapse:collapse;min-width:580px;font-size:13px;color:var(--v4-ink)}
.v4-bom-table th{text-align:left;font-size:11px;color:var(--v4-muted);font-weight:800;background:var(--v4-soft);letter-spacing:.05em}
.v4-bom-table th,.v4-bom-table td{padding:16px 20px;border-bottom:1px solid var(--v4-border)}
.v4-bom-table tbody tr:last-child td{border:0}.v4-bom-table td:first-child{font-weight:720}.v4-bom-caption{font-size:12px;color:var(--v4-muted);margin:10px 0 20px}
.v4-detail-timeline{padding:50px 0 10px}.v4-detail-timeline h2{font-size:clamp(28px,3.3vw,43px);letter-spacing:-.06em}
.v4-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:26px 0 8px}
.v4-step{border:1px solid var(--v4-border);border-radius:16px;padding:21px;background:var(--v4-card);min-height:190px}
.v4-step-num{display:block;font:800 12px Consolas,monospace;color:#317eff;margin-bottom:28px}.v4-step h3{font-size:17px;margin:0 0 8px}.v4-step p{font-size:12px;line-height:1.7;margin:0;color:var(--v4-muted)}
/* Light/dark integration: legacy white areas remain readable when dark theme enabled */
html[data-theme=dark] .v4-discover{background:#101725}html[data-theme=dark] .v4-discover h2{color:#e7efff}html[data-theme=dark] .v4-discover .v4-desc{color:#aab9cf}
html[data-theme=dark] .v4-valid-list li.ok{background:#18382b;color:#91e7b0;border-color:#315f48}html[data-theme=dark] .v4-valid-list li.bad{background:#411f28;color:#ffb3a4;border-color:#79424c}
@media(max-width:1080px){.nav-links{gap:11px}.nav-links a{font-size:11px}}
@media(max-width:900px){.v4-lab-main,.v4-pin-shell{grid-template-columns:1fr}.v4-story-row{min-height:0;padding:75px 0;gap:30px}.v4-story-media{height:360px}}
@media(max-width:820px){.v4-explore-grid{grid-template-columns:1fr}.v4-story-row{grid-template-columns:1fr}.v4-story-row:nth-child(even) .v4-story-media{order:0}.v4-story-media{height:400px}.v4-explore-card{min-height:280px}}
@media(max-width:620px){.v4-page .v4-hero{padding:125px 0 65px}.v4-page .v4-content{padding-top:24px}.v4-panel{border-radius:17px}.v4-lab-workspace,.v4-lab-controls,.v4-pin-board,.v4-pin-inspector{padding:18px}.v4-patch-columns{gap:13px}.v4-bench{padding:15px 9px}.v4-terminal{font-size:9px;padding:9px 5px;gap:5px}.v4-patch-columns{min-height:290px}.v4-board-frame{padding:13px 8px;gap:6px;grid-template-columns:1fr minmax(94px,1.1fr) 1fr}.v4-pin{font-size:8px;padding:3px 4px}.v4-pin .v4-pin-dot{width:5px;height:5px}.v4-chip-core{padding:25px 5px}.v4-chip-core strong{font-size:13px}.v4-chip-core span{font-size:8px}.v4-steps{grid-template-columns:1fr}.v4-step{min-height:0}.v4-step-num{margin-bottom:15px}.v4-story-media{height:270px}.v4-discover{padding:74px 0}.v4-explore-card{padding:27px;min-height:275px}}
@media(prefers-reduced-motion:reduce){.v4-story-media img,.v4-explore-card{transition:none!important}}
/* Seven links in the nav require an earlier mobile breakpoint. */
@media(max-width:1120px){
 .nav-shell{min-height:67px}
 .menu-toggle{display:block}
 .nav-links{visibility:hidden;opacity:0;display:flex;pointer-events:none;position:fixed;left:0;right:0;top:67px;height:calc(100svh - 67px);overflow-y:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:25px max(30px,calc((100% - 650px)/2)) 50px;background:rgba(10,12,18,.985);border-top:1px solid #252c39;transform:translateY(-10px);transition:opacity .2s,transform .2s,visibility .2s}
 .nav-links.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
 .nav-links a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 0;font-size:19px;font-weight:650;border-bottom:1px solid #242b35}
 .nav-links .nav-contact{margin-top:18px;width:fit-content;border:1px solid #3c4656;padding:13px 18px;font-size:14px}
}
html[data-theme=dark] .v4-page{background:#0b1220}
html[data-theme=dark] .v4-note{background:#122a43;color:#b4d6ff;border-color:#35659a}
html[data-theme=dark] .v4-safety{background:#352913;color:#ffdda0;border-color:#8e6936}