/* ===== Sofia — Apresentação Comercial ===== */
:root{
  --bg:#0A0E1A; --bgDeep:#05070D; --panel:#0D1221;
  --primary:#F07B3F; --primarySoft:#FFC9A3; --mid:#9C6A45;
  --title:#F7F8FA; --body:#B0B8CC; --secondary:#6B7394;
  --faint:#4A5170; --line:#252B42; --track:#1A2033; --outline:#553A26; --amber:#DFA93C;
  --shadow-text: 0 2px 4px rgba(0,0,0,.6);
  --shadow-card: 0 4px 14px rgba(0,0,0,.45);
  --shadow-img: 0 5px 16px rgba(0,0,0,.5);
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bgDeep);overflow:hidden}
body{font-family:Inter,system-ui,sans-serif;color:var(--title)}

#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
#deck{width:960px;height:540px;position:relative;flex-shrink:0;transform-origin:center center}
.slide{position:absolute;inset:0;background:var(--bg);overflow:hidden;opacity:0;pointer-events:none;transition:opacity .6s ease}
.slide.active{opacity:1;pointer-events:auto}

/* base */
.el{position:absolute}
.t{font-family:Inter;color:var(--title);line-height:1.2}
.t strong{font-weight:700}
.mono{font-family:'JetBrains Mono',monospace}
.eyebrow{position:absolute;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--secondary);letter-spacing:2px;text-transform:uppercase}
.h1{position:absolute;font-family:Inter;font-weight:700;color:var(--title);font-size:27px;line-height:1.15;text-shadow:var(--shadow-text)}
.sub{position:absolute;font-family:Inter;font-size:11.5px;color:var(--secondary);line-height:1.5}
.footer{position:absolute;left:58px;bottom:12px;font-family:'JetBrains Mono',monospace;font-size:7.5px;color:var(--faint);letter-spacing:1px}
.pagenum{position:absolute;right:58px;bottom:12px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--faint);letter-spacing:2px}
.sign{position:absolute;left:58px;bottom:12px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--faint);letter-spacing:2px}
.hline{position:absolute;left:58px;right:58px;top:40px;height:1px;background:var(--line)}
.stripLine{position:absolute;left:58px;right:58px;height:1px;background:var(--line)}

/* animações */
.a{opacity:0;animation-fill-mode:both;animation-play-state:paused}
.slide.active .a{animation-play-state:running}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes floatUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes floatDown{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes floatLeft{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes floatRight{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes zoomIn{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@keyframes wipeRight{from{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes wipeDown{from{clip-path:inset(0 0 100% 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes colorPulse{0%,100%{stroke:#252B42;opacity:.9}50%{stroke:#F07B3F;opacity:1}}
@keyframes dotGlow{0%,100%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
.a-fade{animation-name:fadeIn}
.a-float{animation-name:floatUp}
.a-float-down{animation-name:floatDown}
.a-float-left{animation-name:floatLeft}
.a-float-right{animation-name:floatRight}
.a-zoom{animation-name:zoomIn}
.a-wipe-r{animation-name:wipeRight}
.a-wipe-d{animation-name:wipeDown}

/* ======== slide 1 ======== */
#s1{background:var(--bgDeep)}
#s1 .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
#s1 .veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,13,.95) 0%,rgba(5,7,13,.85) 42%,rgba(5,7,13,.65) 68%,rgba(5,7,13,.45) 100%)}
#s1 .veilB{position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,rgba(5,7,13,0) 0%,rgba(5,7,13,.75) 100%)}
#s1 .eyebrow{left:58px;top:50px;color:var(--primarySoft);letter-spacing:3px}
#s1 .title{position:absolute;left:58px;top:88px;width:600px;text-shadow:0 3px 6px rgba(0,0,0,.7)}
#s1 .title p{font-size:38px;color:#E8EAF0;font-weight:400;line-height:1.18}
#s1 .title p.big{font-size:44px;font-weight:700}
#s1 .title .p{color:var(--primary)}
#s1 .subtitle{position:absolute;left:58px;top:230px;width:472px;font-size:14px;color:var(--body);line-height:1.5}
#s1 .kpis{position:absolute;left:58px;top:292px;display:flex;gap:0;align-items:flex-start}
#s1 .kpi{width:130px;padding-right:20px;position:relative}
#s1 .kpi + .kpi{padding-left:20px}
#s1 .kpi .n{font-size:25px;font-weight:700;color:var(--primarySoft);text-shadow:0 2px 4px rgba(0,0,0,.6)}
#s1 .kpi .l{font-size:9px;color:var(--secondary);line-height:1.4;margin-top:6px}
#s1 .kpi .r{position:absolute;right:0;top:4px;bottom:6px;width:1px;background:var(--line)}
#s1 .portraitRing{position:absolute;right:48px;top:72px;width:168px;height:168px;border-radius:50%;border:10px solid var(--outline);filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
#s1 .portrait{position:absolute;right:56px;top:80px;width:152px;height:152px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 5px 16px rgba(0,0,0,.5))}
#s1 .portraitCap{position:absolute;right:20px;top:248px;width:280px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--secondary);letter-spacing:2px}
#s1 .photoLabel{position:absolute;right:58px;bottom:40px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--secondary);letter-spacing:2px}

/* ======== slide 2 ======== */
#s2{background:var(--bg)}
#s2 .road{position:absolute;left:80px;top:208px;width:800px;height:1px;background:var(--line)}
#s2 .node{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--bg);border:1.5px solid var(--primary);transform:translate(-9px,-9px);top:208px}
#s2 .node.solid{background:var(--primary)}
#s2 .num{position:absolute;top:168px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--primarySoft);letter-spacing:2px;transform:translateX(-50%)}
#s2 .name{position:absolute;top:236px;font-size:12px;font-weight:700;color:var(--title);transform:translateX(-50%);white-space:nowrap}
#s2 .desc{position:absolute;top:256px;font-size:9px;color:var(--secondary);line-height:1.45;width:128px;transform:translateX(-64px);text-align:center}
#s2 .ndot{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--primary)}
#s2 .ntext{position:absolute;font-size:11.5px;color:var(--body)}
#s2 .strip{position:absolute;left:58px;right:58px;top:458px;border-left:3px solid var(--primary);padding-left:16px}
#s2 .strip p{font-size:14px;font-weight:700;color:var(--title);text-shadow:var(--shadow-text)}

/* ======== slide 3 ======== */
#s3{background:var(--bg)}
#s3 .flabel{position:absolute;left:58px;top:139px;font-family:'JetBrains Mono',monospace;font-size:17px;color:var(--secondary);letter-spacing:2px}
#s3 .fnode{position:absolute;top:209px;width:84px;height:84px;border-radius:50%;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:16px;font-weight:700;color:var(--primarySoft)}
#s3 .fnode.hot{background:var(--primary);border-color:var(--primary);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6)}
#s3 .flab{position:absolute;top:311px;width:154px;text-align:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:1.5px;color:var(--title)}
#s3 .flab.p{color:var(--primary)}
#s3 .fdesc{position:absolute;top:329px;width:154px;text-align:center;font-size:9.5px;color:var(--secondary);line-height:1.45}
#s3 .conn{position:absolute;top:250px;height:1px;background:var(--mid)}
#s3 .conn::after{content:'';position:absolute;right:0;top:-3px;border-left:7px solid var(--mid);border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
#s3 .tg{position:absolute;right:0;top:58px;width:244px;height:390px;object-fit:cover;object-position:70% 50%;opacity:.75}
#s3 .tgFade{position:absolute;right:0;top:58px;width:260px;height:390px;background:linear-gradient(90deg,#0A0E1A 0%,rgba(10,14,26,.6) 45%,rgba(10,14,26,.08) 100%)}
#s3 .strip{position:absolute;left:58px;right:58px;top:458px;border-left:3px solid var(--primary);padding-left:16px}
#s3 .strip p{font-size:14px;font-weight:700;color:var(--title);text-shadow:var(--shadow-text)}

/* ======== slide 4 ======== */
#s4{background:var(--bg)}
#s4 .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}
#s4 .bgveil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,26,.8) 0%,rgba(10,14,26,.65) 50%,rgba(10,14,26,.85) 100%)}
#s4 .list{position:absolute;top:140px}
#s4 .list .row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
#s4 .list .row:last-child{border-bottom:none}
#s4 .list .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}
#s4 .list .txt{font-size:12.5px;color:var(--title);white-space:nowrap}
#s4 .vr{position:absolute;left:480px;top:148px;width:1px;height:194px;background:var(--line)}
#s4 .strip{position:absolute;left:58px;right:58px;top:440px;border-top:1px solid var(--line);padding-top:16px}
#s4 .strip p{font-size:14.5px;color:var(--title)}
#s4 .strip strong{color:var(--amber)}

/* ======== slide 5 ======== */
#s5{background:var(--bg)}
#s5 .h1{font-size:22px}
#s5 .orgLabel{position:absolute;left:58px;top:118px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--secondary);letter-spacing:2px;text-transform:uppercase}
#s5 .card{position:absolute;background:var(--panel);border:1px solid var(--outline);border-radius:2px;box-shadow:var(--shadow-card);display:flex;align-items:center;gap:10px;padding:0 12px}
#s5 .card .bar{position:absolute;left:0;top:0;bottom:0;width:2px}
#s5 .card img{width:26px;height:26px;border-radius:50%}
#s5 .card .nm{font-size:11px;font-weight:700;color:var(--title)}
#s5 .card .rl{font-family:'JetBrains Mono',monospace;font-size:7.5px;letter-spacing:1px;text-transform:uppercase}
#s5 .arrow{position:absolute;width:1px;background:var(--mid)}
#s5 .rail{position:absolute;height:1px;background:var(--line)}
#s5 .sp{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:2px;box-shadow:var(--shadow-card);width:124px;height:56px;padding:8px 10px 8px 12px;display:flex;align-items:center;gap:10px}
#s5 .sp .bar{position:absolute;left:0;top:0;bottom:0;width:2px}
#s5 .sp img{width:24px;height:24px;border-radius:50%}
#s5 .sp .nm{font-size:9.5px;font-weight:700;color:var(--title)}
#s5 .sp .rl{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:.5px;text-transform:uppercase;margin-top:2px}
#s5 .areas{position:absolute;left:58px;right:58px;top:306px}
#s5 .area{margin-bottom:10px}
#s5 .area .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
#s5 .area .it{font-size:10px;color:var(--body);line-height:1.7;margin-top:4px}
#s5 .area .desc{font-size:9.5px;color:var(--secondary);line-height:1.4;margin-top:4px}
#s5 .fin{border-left:3px solid var(--primary);padding-left:18px}
#s5 .vr2{position:absolute;left:436px;top:0;width:1px;height:138px;background:var(--line)}
#s5 .strip{position:absolute;left:58px;right:58px;top:456px;border-left:3px solid var(--primary);padding-left:16px}
#s5 .strip p{font-size:14px;font-weight:700;color:var(--title);text-shadow:var(--shadow-text)}

/* ======== slide 6 ======== */
#s6{background:var(--bgDeep)}
#s6 .mist{position:absolute;left:-160px;top:300px;width:420px;height:300px;border-radius:50%;background:#1A0E06;opacity:.5;filter:blur(40px)}
#s6 .phrase{position:absolute;left:58px;top:76px;width:844px;line-height:1.3;text-shadow:var(--shadow-text)}
#s6 .phrase p{font-size:37px}
#s6 .phrase .q{color:var(--primary)}
#s6 .ctxDef{position:absolute;left:58px;top:200px;width:844px;font-size:10.5px;color:var(--secondary)}
#s6 .trip{position:absolute;top:240px}
#s6 .trip .node{position:absolute;width:15px;height:15px;border-radius:50%;border:1.5px solid var(--primary);background:var(--bgDeep);top:0}
#s6 .trip .node.solid{background:var(--primary)}
#s6 .trip .name{position:absolute;top:-6px;left:26px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--title);letter-spacing:1.5px}
#s6 .trip .desc{position:absolute;top:28px;left:0;width:250px;font-size:10.5px;color:var(--secondary);line-height:1.5}
#s6 .trip img{position:absolute;top:72px;width:250px;height:96px;object-fit:cover;border:1px solid var(--line);opacity:.45}
#s6 .chev{position:absolute;top:-2px;width:22px;height:22px;color:var(--primary);font-size:22px}
#s6 .note{position:absolute;left:58px;top:420px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--faint);letter-spacing:2px}
#s6 .strip{position:absolute;left:58px;right:58px;top:458px;border-left:3px solid var(--primary);padding-left:16px}
#s6 .strip p{font-size:14px;font-weight:700;color:var(--title);text-shadow:var(--shadow-text)}

/* ======== slide 7 ======== */
#s7{background:var(--bgDeep)}
#s7 .brain{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
#s7 .brainVeil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,26,.8) 0%,rgba(10,14,26,.4) 45%,rgba(10,14,26,.6) 100%)}
#s7 .panel{position:absolute;top:146px;width:400px;height:218px;background:rgba(13,18,33,.85);border:1px solid var(--line);border-radius:2px;padding:16px 20px;box-shadow:var(--shadow-card)}
#s7 .panel .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--primary)}
#s7 .panel .rule{width:100%;height:1px;background:var(--line);margin:8px 0 12px}
#s7 .panel p{font-size:10.5px;color:var(--body);line-height:1.55;margin-bottom:9px}
#s7 .plus{position:absolute;left:458px;top:233px;width:44px;height:44px;border-radius:50%;background:var(--bg);border:1px solid var(--outline);color:var(--primary);font-size:20px;display:flex;align-items:center;justify-content:center}
#s7 .mdot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--primary)}
#s7 .mtext{position:absolute;font-size:10px;color:var(--body);line-height:1.35}
#s7 .strip{position:absolute;left:58px;right:58px;top:458px;border-left:3px solid var(--primary);padding-left:16px}
#s7 .strip p{font-size:14px;font-weight:700;color:var(--title);text-shadow:var(--shadow-text)}

/* ======== slide 8 ======== */
#s8{background:var(--bg)}
#s8 .face{position:absolute;right:-140px;top:44px;height:402px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.55))}
#s8 .faceVeil{position:absolute;right:0;top:80px;width:280px;height:380px;background:linear-gradient(270deg,rgba(10,14,26,.75) 0%,rgba(10,14,26,.2) 55%,rgba(10,14,26,0) 100%)}
#s8 .cycle{position:absolute;left:80px;top:202px;width:640px;height:1px;background:var(--line)}
#s8 .cnode{position:absolute;top:195px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:1.5px solid var(--primary)}
#s8 .cnode.solid{background:var(--primary)}
#s8 .cname{position:absolute;top:222px;font-size:9.5px;font-weight:700;color:var(--title);transform:translateX(-50%);white-space:nowrap}
#s8 .cname.p{color:var(--primary)}
#s8 .ret{position:absolute;top:172px;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--faint);letter-spacing:2px;text-align:right;width:250px}
#s8 .panel{position:absolute;top:268px;width:330px;background:var(--panel);border:1px solid var(--outline);border-radius:2px;padding:16px 20px;box-shadow:var(--shadow-card)}
#s8 .panel .lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
#s8 .panel p{font-size:11px;color:var(--body);line-height:1.6;margin-top:8px}
#s8 .panel .rule{width:100%;height:1px;background:var(--line);margin:8px 0}
#s8 .strip{position:absolute;left:58px;right:58px;top:458px;border-left:3px solid var(--primary);padding-left:16px}
#s8 .strip p{font-size:14px;font-weight:700;color:var(--title);text-shadow:var(--shadow-text)}

/* ======== slide 9 ======== */
#s9{background:var(--bg)}
#s9 .h1{font-size:25px;white-space:nowrap}
#s9 .glow{position:absolute;left:470px;top:120px;width:260px;height:150px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(240,123,63,.25) 0%,rgba(240,123,63,0) 70%);filter:blur(10px)}
#s9 .kvlist{position:absolute;left:58px;top:170px;width:380px}
#s9 .kvlist p{font-size:13px;color:var(--title);line-height:2.1}
#s9 .vrule{position:absolute;left:470px;top:146px;width:1px;height:272px;background:var(--line)}
#s9 .big{position:absolute;left:510px;top:150px;font-weight:700;line-height:1;text-shadow:0 3px 6px rgba(0,0,0,.7)}
#s9 .big .n1{font-size:74px;color:var(--primarySoft)}
#s9 .big .n2{font-size:38px;color:var(--primary)}
#s9 .bigText{position:absolute;font-size:12px;color:var(--body);line-height:1.55}
#s9 .bigNote{position:absolute;font-size:10px;color:var(--secondary);line-height:1.5}
#s9 .strip{position:absolute;left:58px;right:58px;top:458px;border-left:3px solid var(--primary);padding-left:16px}
#s9 .strip p{font-size:14px;font-weight:700;color:var(--title);text-shadow:var(--shadow-text)}

/* ======== slide 10 ======== */
#s10{background:var(--bgDeep)}
#s10 .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
#s10 .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,13,.72) 0%,rgba(5,7,13,.55) 50%,rgba(5,7,13,.78) 100%)}
#s10 .net{position:absolute;inset:0;pointer-events:none}
#s10 .net svg{position:absolute;inset:0;width:100%;height:100%}
#s10 .title{position:absolute;left:58px;top:66px;width:844px;line-height:1.35;text-shadow:var(--shadow-text)}
#s10 .title p{font-size:22px;color:var(--body)}
#s10 .title p strong{color:var(--title)}
#s10 .col{position:absolute;top:152px;width:400px}
#s10 .col .lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
#s10 .col .rule{width:100%;height:1px;background:var(--line);margin:12px 0}
#s10 .col p{font-size:11px;line-height:1.95}
#s10 .col.l p{color:var(--secondary)}
#s10 .col.r p{color:var(--body)}
#s10 .vr{position:absolute;left:480px;top:152px;width:1px;height:186px;background:var(--line)}
#s10 .rule{position:absolute;left:58px;right:58px;top:366px;height:1px;background:var(--line)}
#s10 .question{position:absolute;left:58px;right:58px;top:384px;line-height:1.45;text-shadow:var(--shadow-text)}
#s10 .question p{font-size:17.5px;color:var(--title)}
#s10 .question strong{color:var(--primary)}

/* nav */
#progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--track);z-index:50}
#bar{height:100%;width:0%;background:var(--primary);transition:width .4s ease}
#nav{position:fixed;right:20px;bottom:56px;display:flex;gap:8px;z-index:50}
#nav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(13,18,33,.8);color:var(--title);font-size:20px;cursor:pointer}
#nav button:hover{background:var(--outline);border-color:var(--primary)}
#slideNo{display:none;position:fixed;left:20px;bottom:20px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--secondary);letter-spacing:2px;z-index:50}