/* Film 1 (ekosistem) — sahneye özgü stiller. Temel: ortak/temel.css */

/* ---------- S1 ---------- */
.s1-head{position:absolute;left:120px;top:250px;width:860px}
.s1-answers{position:relative;height:60px;margin-top:44px;font-size:38px;font-weight:600;color:var(--acc)}
.s1-answers .ans{position:absolute;left:0;top:0;white-space:nowrap}
.s1-answers .crit{color:var(--crit)}
.s1-collage{position:absolute;right:90px;top:120px;width:860px;height:780px}
.frag{position:absolute;transition:filter .35s}
.frag.dim{opacity:.55!important}
.frag.dimmer{opacity:.28!important;filter:saturate(.3)}
.f-chat{left:0;top:30px;width:430px}
.f-sheet{left:400px;top:0;width:460px}
.f-call{left:40px;top:430px;width:380px}
.f-inv{left:420px;top:360px;width:430px}
.tilt-l{transform:rotate(-3deg)} .tilt-r{transform:rotate(2.5deg)} .tilt-l2{transform:rotate(2deg)} .tilt-r2{transform:rotate(-2deg)}
.f-chat .card{padding:20px}
.chat-top{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.chat-top .av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--line);font-weight:700;color:var(--muted)}
.chat-top b{display:block;font-size:20px} .chat-top small{color:var(--muted);font-size:15px}
.bub{background:var(--surface2);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:11px 15px;font-size:19px;margin:8px 0;width:max-content;max-width:90%}
.bub.me{margin-left:auto;border-radius:14px 14px 4px 14px;background:var(--acc-soft);border-color:transparent}
.f-sheet .card{padding:18px}
.file{font-size:15px;color:var(--muted);margin-bottom:10px}
.sheet{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr;font-size:16px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.sheet>*{padding:8px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;overflow:hidden;font-style:normal}
.sheet i{color:var(--muted);background:var(--surface2);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.f-call .card{padding:22px}
.call{display:flex;gap:16px;align-items:center}
.call b{display:block;font-size:20px} .call small{color:var(--muted);font-size:16px}
.ring{width:52px;height:52px;border-radius:50%;background:var(--good-soft);border:2px solid var(--good);position:relative}
.ring::after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--good)}
.wave{display:flex;gap:6px;align-items:center;height:52px;margin-top:14px}
.wave i{flex:1;background:var(--line2);border-radius:3px;height:calc(14px + var(--h,10px))}
.wave i:nth-child(odd){--h:22px}.wave i:nth-child(3n){--h:34px}.wave i:nth-child(4n){--h:6px}
.inv{padding:24px 26px;position:relative;overflow:visible}
.inv-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px}
.inv-h b{font-size:24px;letter-spacing:.1em} .inv-h span{color:var(--muted);font-size:15px}
.inv-r{display:flex;justify-content:space-between;font-size:20px;padding:8px 0}
.inv-r.dim{color:var(--muted)}
.stamp{position:absolute;right:16px;top:60px;font:800 44px/1 Inter,sans-serif;letter-spacing:.12em;color:var(--crit);border:5px solid var(--crit);padding:10px 18px;border-radius:10px;opacity:0;background:color-mix(in srgb,var(--surface) 70%,transparent)}
.P .s1-head{left:64px;top:220px;width:950px}
.P .s1-answers{font-size:44px}
.P .s1-collage{left:90px;right:auto;top:720px;width:900px;height:900px}
.P .f-chat{left:0;top:0}.P .f-sheet{left:430px;top:60px;width:470px}.P .f-call{left:20px;top:440px}.P .f-inv{left:430px;top:420px}

/* ---------- S2 ---------- */
.s2-row{display:flex;align-items:center;margin-top:120px}
.sys{width:420px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 30px 28px;box-shadow:var(--shadow)}
.sys-l{font-size:16px;letter-spacing:.12em;color:var(--muted)}
.sys-v{font-size:68px;font-weight:800;letter-spacing:-.03em;margin:14px 0 8px}
.sys-v.sm{font-size:44px;margin:26px 0 20px}
.sys-s{font-size:20px;color:var(--ink2)}
.sys.bad.alarm{border-color:var(--crit);box-shadow:0 0 0 4px var(--crit-soft),var(--shadow)}
.sys.bad.alarm .sys-v{color:var(--crit)}
.gap{flex:1;position:relative;height:40px;min-width:60px}
.gap svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lnk{fill:none;stroke:var(--acc);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1}
.brk{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--crit);color:var(--crit);font:700 32px/1 Inter;opacity:0}
.s2-pile{position:absolute;right:120px;top:530px;display:flex;gap:26px;align-items:flex-end;opacity:0}
.pile{position:relative;width:150px;height:170px}
.sheetp{position:absolute;left:0;bottom:0;width:130px;height:160px;background:var(--surface);border:1px solid var(--line2);border-radius:8px;opacity:0}
.sheetp::before{content:"";position:absolute;left:16px;right:16px;top:22px;height:60px;background:repeating-linear-gradient(var(--line2) 0 2px,transparent 2px 14px)}
.sheetp::after{content:"";position:absolute;right:12px;bottom:14px;width:46px;height:18px;border:2px solid var(--crit);border-radius:4px}
.sheetp:nth-child(2){left:6px;bottom:6px}.sheetp:nth-child(3){left:12px;bottom:12px}.sheetp:nth-child(4){left:18px;bottom:18px}.sheetp:nth-child(5){left:24px;bottom:24px}
.pile-l b{display:block;font-size:30px;color:var(--crit)} .pile-l span{font-size:17px;color:var(--muted)}
.s2-line{position:absolute;left:120px;bottom:210px;font-weight:800;font-size:84px;letter-spacing:-.035em;line-height:1.05}
.s2-line span{display:block}
.P .s2-row{flex-direction:column;align-items:stretch;margin-top:40px}
.P .sys{width:auto}
.P .gap{height:70px;min-width:0}
.P .gap svg{transform:rotate(90deg);width:70px;left:50%;margin-left:-35px}
.P .s2-pile{right:auto;left:64px;top:auto;bottom:700px;display:none}
.P .s2-line{left:64px;bottom:360px;font-size:78px}

/* ---------- S3 ---------- */
.s3-left{position:absolute;left:120px;top:200px;width:640px}
.verbs{list-style:none;margin-top:58px}
.verbs li{display:flex;gap:22px;align-items:baseline;padding:16px 0;border-top:1px solid var(--line);color:var(--muted);transition:color .3s}
.verbs li b{font-size:54px;font-weight:780;letter-spacing:-.03em}
.verbs li span{font-size:18px}
.verbs li.lit{color:var(--ink)} .verbs li.lit span{color:var(--acc)}
.verbs li.unlit{color:var(--muted)}
.note{margin-top:40px;font-size:30px;font-weight:600;color:var(--good)}
.s3-win{position:absolute;right:110px;top:140px;width:900px}
.win{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.win-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface2)}
.win-bar>i{width:12px;height:12px;border-radius:50%;background:var(--line2)}
.win-bar .url{margin-left:14px;font-size:16px;color:var(--muted);flex:1}
.win-body{padding:26px 28px 24px;position:relative;min-height:640px}
.msg{display:flex;gap:14px;margin-bottom:16px}
.msg .who{flex:none;width:52px;font-size:14px;color:var(--muted);padding-top:6px}
.msg p{font-size:22px;line-height:1.45;padding:14px 18px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);min-height:52px}
.msg.me p{background:var(--acc-soft);border-color:transparent}
.msg.ai .who{color:var(--acc)}
.typing::after{content:"▍";color:var(--acc);margin-left:2px}
.approval{margin:10px 0 0 66px;border:1.5px solid var(--acc);border-radius:16px;padding:20px 22px;position:relative;background:color-mix(in srgb,var(--surface) 92%,var(--acc))}
.ap-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.ap-h>.mono{font-size:15px;letter-spacing:.1em;color:var(--acc)}
.approval dl{display:grid;grid-template-columns:150px 1fr;gap:9px 14px;font-size:20px}
.approval dt{color:var(--muted)}
.ap-btns{display:flex;gap:12px;justify-content:flex-end;margin-top:18px}
.btn{display:inline-flex;align-items:center;height:48px;padding:0 22px;border-radius:12px;font-weight:650;font-size:19px;border:1px solid var(--line2)}
.btn.pri{background:var(--acc-strong);color:#fff;border-color:transparent;transition:background .25s}
.btn .b-b{display:none}
.approval.ok .btn.pri{background:var(--good)}
.approval.ok .b-a{display:none}.approval.ok .b-b{display:inline}
.approval.ok{border-color:var(--good)}
.cursor{position:absolute;right:58px;bottom:18px;width:30px;height:30px;opacity:0;
  transform:translate(calc((1 - var(--p,0))*170px),calc((1 - var(--p,0))*140px));
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 2l16 10-7 1.5L9.5 21z' fill='%23fff' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E")}
.audit{margin:16px 0 0 66px;font-size:15px;color:var(--muted)}
.P .s3-left{left:64px;top:170px;width:950px}
.P .verbs{display:flex;gap:30px;margin-top:30px}
.P .verbs li{border-top:0;padding:0;flex-direction:column;gap:6px}
.P .verbs li b{font-size:46px}
.P .note{display:none}
.P .s3-win{left:40px;right:40px;top:620px;width:auto}

/* ---------- S4 ---------- */
.s4-top{display:flex;justify-content:space-between;align-items:flex-end}
.filechip{font-size:20px;padding:12px 18px;border:1px solid var(--line2);border-radius:999px;color:var(--ink2)}
.panels{position:relative;height:430px;margin:46px auto 0;width:1180px}
.pn{position:absolute;inset:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 36px;box-shadow:var(--shadow);opacity:0}
.pn-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}
.pn-h b{font-size:38px;letter-spacing:-.02em}
.pool-bar{position:relative;height:96px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);overflow:hidden}
.pool-bar .seg{position:absolute;top:0;bottom:0}
.seg.a{left:0;width:30%;background:var(--acc-strong)}.seg.b{left:30%;width:28%;background:color-mix(in srgb,var(--acc) 70%,var(--surface))}.seg.c{left:58%;width:20%;background:color-mix(in srgb,var(--acc) 42%,var(--surface))}
.pool-l{display:flex;justify-content:space-between;margin-top:16px;font-size:24px;color:var(--ink2)}
.pool-l b{font-size:30px;color:var(--ink)}
.pool-k{display:flex;gap:28px;margin-top:22px;font-size:18px;color:var(--muted)}
.pool-k .k::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;background:var(--acc-strong)}
.pool-k .b::before{background:color-mix(in srgb,var(--acc) 70%,var(--surface))}.pool-k .c::before{background:color-mix(in srgb,var(--acc) 42%,var(--surface))}
.route svg{width:100%;height:220px;margin-top:-20px}
.rt-base{fill:none;stroke:var(--line2);stroke-width:3;stroke-dasharray:6 8}
.rt{fill:none;stroke:var(--acc);stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.pt{fill:var(--surface);stroke:var(--acc);stroke-width:4}.pt.end{fill:var(--acc)}
.stops{display:flex;justify-content:space-between;font-size:21px;color:var(--ink2);margin-top:-6px}
.wms{display:flex;flex-direction:column;gap:16px}
.wms .big{font-size:150px;font-weight:800;letter-spacing:-.05em;line-height:1}
.wms .big span{font-size:48px;color:var(--muted);letter-spacing:-.02em;margin-left:16px}
.wms-r{font-size:24px;color:var(--ink2)}
.wms-r .okc{display:inline-block;font-size:30px}
.steps{display:flex;gap:16px}
.st{font:600 22px/1 "Afillo Mono",monospace;padding:14px 18px;border-radius:12px;border:1px solid var(--line2);color:var(--muted);transition:all .3s}
.st.on{color:var(--on-acc);background:var(--acc);border-color:transparent}
.truckline{position:relative;height:10px;border-radius:5px;background:var(--surface2);margin-top:90px}
.truckline>i{position:absolute;inset:0;background:var(--acc);border-radius:5px}
.truck{position:absolute;top:-34px;left:calc(var(--p,0)*100% - 40px);width:80px;height:40px;border-radius:7px 14px 6px 6px;background:var(--ink);opacity:.92}
.truck::after{content:"";position:absolute;right:-1px;top:6px;width:20px;height:14px;border-radius:3px;background:var(--bg)}
.ship svg{width:100%;height:230px;margin-top:-26px}
.hull{fill:var(--surface2);stroke:var(--line2);stroke-width:2}
.deck{fill:var(--surface2);stroke:var(--line2);stroke-width:1.5}
.lane-used{fill:color-mix(in srgb,var(--muted) 35%,var(--surface2))}
.lane-new{fill:var(--acc)}
.bridge{fill:var(--surface2);stroke:var(--line2);stroke-width:2}
.ship-r{display:flex;justify-content:space-between;font-size:22px;color:var(--ink2)}
.ship-r b{color:var(--acc)}
.docs{list-style:none;font-size:25px}
.docs li{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);transition:color .3s}
.docs li i{width:30px;height:30px;border-radius:8px;border:2px solid var(--line2)}
.docs li.done{color:var(--ink)} .docs li.done i{background:var(--good);border-color:var(--good)}
.docs li.wait{color:var(--warn)} .docs li.wait i{border-style:dashed;border-color:var(--warn)}
.modes{position:relative}
.modes svg{width:100%;height:240px;margin-top:-20px}
.leg{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.leg.l1{stroke:var(--acc)} .leg.l2{stroke:color-mix(in srgb,var(--acc) 60%,var(--good))} .leg.l3{stroke:var(--good)}
.hubdot{fill:var(--acc);stroke:var(--surface);stroke-width:6}
.mode-l{position:absolute;left:0;top:0;height:240px;display:flex;flex-direction:column;justify-content:space-between;font-size:18px;color:var(--ink2);padding:6px 0}
.mode-l span{background:var(--surface);padding:2px 6px 2px 0}
.mode-f{position:absolute;right:-8px;top:146px;font-size:20px;color:var(--acc)}
.trk-line{display:flex;justify-content:space-between;font-size:24px;color:var(--muted);border-top:3px solid var(--good);padding-top:20px;margin-top:20px}
.trk-line .cur{color:var(--good);font-weight:700}
.trk-inv{display:flex;gap:22px;align-items:center;margin-top:56px;font-size:26px;padding:20px 24px;border-radius:14px;background:var(--good-soft)}
.trk-inv b{margin-left:auto}
.track{position:absolute;left:120px;right:120px;bottom:215px;display:grid;grid-template-columns:repeat(8,1fr)}
.track-line{position:absolute;left:6.25%;right:6.25%;top:15px;height:4px;background:var(--line);display:flex}
.track-line i{flex:1;background:var(--acc)}
.node{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--muted);font:600 18px/1.2 "Afillo Mono",monospace;text-align:center;transition:color .3s}
.node i{width:34px;height:34px;border-radius:50%;background:var(--bg);border:3px solid var(--line2);transition:all .3s}
.node.on{color:var(--ink)} .node.on i{border-color:var(--acc);background:var(--acc);box-shadow:0 0 0 7px var(--acc-soft)}
.P .s4-top{flex-direction:column;align-items:flex-start;gap:22px}
.P .panels{width:auto;height:640px;margin-top:40px}
.P .pn{padding:30px 30px}
.P .track{left:64px;right:64px;top:1230px;bottom:auto;grid-template-columns:repeat(4,1fr);row-gap:28px}
.P .track-line{display:none}
.P .wms .big{font-size:180px}

/* ---------- S5 ---------- */
.s5-grid{display:grid;grid-template-columns:1fr 440px;gap:60px;align-items:start}
.jargon{display:flex;align-items:center;margin-top:60px;height:300px}
.code{flex:none;width:300px;height:180px;border-radius:20px;background:var(--surface);border:1.5px solid var(--acc);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-shadow:var(--shadow)}
.c-k{font-size:78px;font-weight:800;color:var(--acc);letter-spacing:.02em}
.code small{font-size:16px;color:var(--muted)}
.jl{width:120px;height:300px;flex:none;overflow:visible}
.jl path{fill:none;stroke:var(--line2);stroke-width:2.5;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke}
.roles{display:flex;flex-direction:column;justify-content:space-between;height:300px;margin-left:8px}
.role{display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 22px;box-shadow:var(--shadow)}
.role .r{font-size:15px;letter-spacing:.12em;color:var(--muted);width:110px}
.role b{font-size:28px;font-weight:650}
.s5-line{font-size:64px;font-weight:800;letter-spacing:-.03em;margin-top:70px}
.phone-w{padding-top:10px}
.phone{width:400px;height:780px;border-radius:52px;border:10px solid color-mix(in srgb,var(--ink) 16%,var(--bg));background:var(--bg2);padding:28px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.ph-top{display:flex;justify-content:space-between;font-size:15px;color:var(--muted);padding:0 10px 18px}
.ph-role{margin-bottom:20px}
.mods{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mod{height:140px;border-radius:18px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;border:1px solid var(--line)}
.mod b{font-size:22px} .mod small{font-size:14px;color:var(--muted);font-family:"Afillo Mono",monospace}
.mod.on{background:var(--surface);border-color:color-mix(in srgb,var(--acc) 55%,var(--line))}
.mod.on b{color:var(--acc)}
.mod.off{border-style:dashed;color:var(--muted);background:transparent}
.ph-note{margin-top:auto;text-align:center;font-size:14px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.P .s5-grid{grid-template-columns:1fr;gap:20px}
.P .jargon{margin-top:40px;transform-origin:left;}
.P .code{width:250px}
.P .role b{font-size:26px}
.P .s5-line{margin-top:40px;font-size:60px}
.P .phone-w{position:absolute;left:0;right:0;top:930px;display:flex;justify-content:center}
.P .phone{transform:scale(.82);transform-origin:top center}
.P .phone-w .phone{}

/* ---------- S6 ---------- */
.s6-h{margin-bottom:40px}
.ai-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:24px}
.aic{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:var(--shadow);transition:border-color .3s}
.aic.c3{grid-column:3;grid-row:1/3}
.aic.lit{border-color:var(--acc)}
.aic.unlit{border-color:var(--line)}
.ai-h{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.ai-h .mono{color:var(--acc);font-size:16px}
.ai-h b{font-size:25px;letter-spacing:-.01em;flex:1;min-width:0}
.taskrow>.mono{font-size:18px;color:var(--ink2)}
.flow{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.flow span{font-size:15px;padding:8px 10px;border-radius:9px;border:1px solid var(--line2);color:var(--muted);transition:all .3s}
.flow span.on{color:var(--acc);border-color:var(--acc)}
.flow span.ok{color:var(--on-acc);background:var(--good);border-color:transparent}
.docfill{display:flex;gap:20px}
.thumb{width:96px;height:124px;flex:none;border-radius:8px;background:var(--surface2);border:1px solid var(--line2);padding:14px 12px;display:flex;flex-direction:column;gap:9px}
.thumb i{height:5px;border-radius:3px;background:var(--line2)}.thumb i:nth-child(2){width:70%}.thumb i:nth-child(4){width:55%}
.fields{flex:1;display:flex;flex-direction:column;gap:10px;font-size:18px}
.fields div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line2);padding-bottom:7px}
.fields span{color:var(--muted)} .fields b{color:var(--acc);min-height:1em}
.recon{display:flex;flex-direction:column;gap:16px;font-size:20px}
.rc{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);position:relative}
.rc b{font-size:30px}
.rc .lock{position:absolute;right:-12px;top:-14px;width:40px;height:40px;border-radius:50%;background:var(--acc);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='11' width='12' height='9' rx='2' fill='%230b0e14'/%3E%3Cpath d='M8.5 11V8a3.5 3.5 0 0 1 7 0v3' fill='none' stroke='%230b0e14' stroke-width='2'/%3E%3C/svg%3E");background-size:24px;background-repeat:no-repeat;background-position:center}
.rc.diff{background:var(--crit-soft);border-color:color-mix(in srgb,var(--crit) 45%,transparent);color:var(--crit);font-size:19px;line-height:1.35}
.rc.act{background:none;border:0;padding:0}
.rc.act .chip{font-size:17px;padding:11px 14px}
.eta-bar{position:relative;height:16px;border-radius:8px;background:var(--surface2);margin:16px 0 12px}
.eta-bar .plan{position:absolute;left:0;top:0;bottom:0;width:62%;border-radius:8px;background:color-mix(in srgb,var(--acc) 55%,var(--surface2))}
.eta-bar .real{position:absolute;left:0;top:0;bottom:0;width:calc(62% + var(--p,0)*18%);border-radius:8px;border:2px dashed var(--warn)}
.eta-l{display:flex;justify-content:space-between;font-size:18px;color:var(--ink2);margin-bottom:16px}
.eta .chip{font-size:15px;line-height:1.3;white-space:normal}
.term{background:#05070a;color:#d7e2f2;border-radius:12px;padding:16px 18px;font-size:16.5px;line-height:1.6;min-height:150px}
.term .o{color:#8fb7ef}
[data-theme="light"] .term{background:#161a20}
.P .s6-h{margin-bottom:28px}
.P .ai-grid{grid-template-columns:1fr 1fr;gap:18px}
.P .aic.c3{grid-column:1/3;grid-row:auto}
.P .aic.c5{grid-column:1/3}

/* ---------- S7 ---------- */
.s7-grid{display:grid;grid-template-columns:1fr 760px;gap:70px;margin-top:10px}
.tenets{list-style:none;margin-top:50px}
.tenets li{display:flex;gap:22px;align-items:center;padding:20px 0;border-top:1px solid var(--line);font-size:31px;font-weight:600;letter-spacing:-.01em}
.ic{width:52px;height:52px;flex:none;border-radius:14px;background:var(--acc-soft);position:relative}
.ic::after{content:"";position:absolute;inset:13px;background:var(--acc);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ic.shield{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 3v6c0 5-3.4 9.4-8 11-4.6-1.6-8-6-8-11V5z'/%3E%3C/svg%3E")}
.ic.hand{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 12l2 2 4-5' fill='none' stroke='%23000' stroke-width='3'/%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-width='2.5'/%3E%3C/svg%3E")}
.ic.ic-log{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v3H4zM4 10.5h16v3H4zM4 16h10v3H4z'/%3E%3C/svg%3E")}
.ic.lockk{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='10' width='16' height='12' rx='2'/%3E%3Cpath d='M7.5 10V7a4.5 4.5 0 0 1 9 0v3' fill='none' stroke='%23000' stroke-width='2.6'/%3E%3C/svg%3E")}
.cls{padding:22px 26px}
.cls-h{font-size:15px;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}
.cr{display:flex;justify-content:space-between;padding:12px 12px;border-radius:10px;font-size:22px;transition:background .3s}
.cr b{font-weight:600;color:var(--muted);font-family:"Afillo Mono",monospace;font-size:19px}
.cr.hl{background:var(--acc-soft)} .cr.hl b{color:var(--acc)}
.log{margin-top:22px;background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-size:16px;color:var(--ink2);line-height:1.8;min-height:112px}
.unk{margin-top:22px;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:baseline;padding:18px 22px;border-radius:14px;border:1.5px dashed var(--warn);background:var(--warn-soft)}
.unk .mono{font-size:17px;color:var(--muted)} .unk b{font-size:34px;color:var(--warn)} .unk small{grid-column:1/3;font-size:17px;color:var(--ink2)}
.P .s7-grid{grid-template-columns:1fr;gap:28px}
.P .tenets{margin-top:24px}
.P .tenets li{font-size:30px;padding:14px 0}

/* ---------- S8 ---------- */
.s8-head{display:flex;justify-content:space-between;align-items:flex-end}
.legend{display:flex;gap:22px;font-size:18px;color:var(--muted)}
.lg::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:-1px}
.lg.live::before{background:var(--good)} .lg.soon::before{border:2px dashed var(--warn)}
.eco{position:absolute;left:120px;right:120px;top:210px;bottom:180px}
.eco-l{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.eco-l path{fill:none;stroke:var(--acc);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;opacity:.65}
.eco-l path.soon{stroke:var(--warn);opacity:.5}
.eco-l .ring{fill:none;stroke:var(--line);stroke-width:1.5;stroke-dasharray:5 8}
.en{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 22px;min-width:170px;border-radius:16px;background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow)}
.en b{font:700 26px/1 "Afillo Mono",monospace}
.en small{font-size:15px;color:var(--muted)}
.en.live{border-color:color-mix(in srgb,var(--good) 70%,transparent)} .en.live b{color:var(--good)}
.en.soon{border-style:dashed;border-color:color-mix(in srgb,var(--warn) 65%,transparent)}
.en.idn{background:var(--surface2)}
.en.hub{padding:26px 40px;border:2px solid var(--acc);background:color-mix(in srgb,var(--surface) 85%,var(--acc));box-shadow:0 0 0 10px var(--acc-soft),var(--shadow)}
.en.hub b{font-size:44px;color:var(--acc)}
.eco-dom{position:absolute;right:0;bottom:-10px;font-size:20px;color:var(--muted)}
.P .s8-head{flex-direction:column;align-items:flex-start;gap:20px}
.P .eco{left:40px;right:40px;top:330px;bottom:340px}
.P .en{min-width:150px;padding:12px 16px}
.P .en b{font-size:24px}

/* ---------- S9 ---------- */
.s9-head{margin-top:40px}
.hubcta{display:inline-flex;align-items:baseline;gap:18px;margin-top:40px;font-size:30px;color:var(--ink2);padding:18px 28px;border-radius:16px;border:2px solid var(--acc);background:var(--acc-soft)}
.hubcta b{font-size:52px;color:var(--acc);letter-spacing:-.01em}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.pc{display:flex;flex-direction:column;gap:8px;padding:22px 24px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:19px;color:var(--ink2);transition:border-color .2s,transform .2s}
.pc b{font:700 22px/1.2 "Afillo Mono",monospace;color:var(--ink)}
a.pc:hover,a.pc:focus-visible{border-color:var(--acc);outline:none}
.pc.wide{grid-column:1/5;flex-direction:row;align-items:center;gap:16px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-left:12px}
.chips a{font-size:18px;padding:9px 14px;border-radius:999px;border:1px dashed color-mix(in srgb,var(--warn) 65%,transparent);color:var(--ink2)}
.chips a:hover,.chips a:focus-visible{border-style:solid;border-color:var(--acc);color:var(--acc);outline:none}
.dot{width:10px;height:10px;border-radius:50%}
.dot.live{background:var(--good)} .dot.soon{border:2px dashed var(--warn)}
.sign{position:absolute;left:120px;bottom:110px;font-size:18px;color:var(--muted);letter-spacing:.06em}
.scene[data-id="s9"].ended .caps{display:none}
.P .cards{grid-template-columns:1fr 1fr}
.P .pc.wide{grid-column:1/3;flex-direction:column;align-items:flex-start}
.P .chips{margin-left:0}
.P .hubcta{flex-direction:column;gap:6px}
.P .sign{left:64px;bottom:250px}



/* --- düzeltmeler (kamyon, mobil çubuk) --- */
.truck{background:none!important;width:120px;height:52px;top:-58px;left:calc(var(--p,0)*100% - 60px);border-radius:0}
.truck::after{display:none}
.truck svg{width:100%;height:100%;display:block}
.tr-box{fill:var(--acc-soft);stroke:var(--acc);stroke-width:2.5}
.tr-cab{fill:var(--acc)}
.tr-w{fill:var(--bg);stroke:var(--ink2);stroke-width:3}
.truckline{margin-top:110px}
.road-r{display:flex;justify-content:space-between;margin-top:34px;font-size:22px;color:var(--ink2)}
.road-r b{color:var(--acc);font-size:28px}
.L .s1-head .mega{font-size:100px}
.L .s1-collage{right:60px;width:840px}