:root{--bg: #0c0a14;--bg2: #141022;--ink: #f3f0ff;--muted: #a79fc4;--purple: #8b5cf6;--purple-bright: #a78bfa;--purple-deep: #6d28d9;--agent: #38bdf8;--agent-soft: rgba(56, 189, 248, .14);--fn: #34d399;--fn-soft: rgba(52, 211, 153, .14);--card: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .1);--shadow: 0 30px 80px rgba(0, 0, 0, .45);--radius: 18px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:radial-gradient(1200px 800px at 80% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(900px 700px at -10% 110%,rgba(56,189,248,.12),transparent 55%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased}.stage{position:relative;height:100vh;width:100vw;display:grid;place-items:center;padding:5vh 6vw}.deck{width:min(1100px,92vw);aspect-ratio:16 / 9;max-height:88vh;position:relative;background:linear-gradient(160deg,#ffffff0d,#ffffff04);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:clamp(28px,4.4vw,64px);display:flex;flex-direction:column;justify-content:center;gap:18px}.fade-enter-active,.fade-leave-active{transition:opacity .42s ease,transform .42s ease}.fade-enter-from{opacity:0;transform:translate(28px)}.fade-leave-to{opacity:0;transform:translate(-28px)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:clamp(11px,1vw,14px);font-weight:700;color:var(--purple-bright)}h1{font-size:clamp(30px,4.6vw,60px);line-height:1.04;font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(24px,3.4vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.015em}.subtitle{font-size:clamp(16px,1.9vw,24px);color:var(--muted);font-weight:500}.note{margin-top:8px;font-size:clamp(13px,1.4vw,17px);color:var(--muted);border-left:3px solid var(--purple);padding-left:14px;font-style:italic}.cover{gap:22px}.cover .who{margin-top:22px;display:flex;flex-direction:column;gap:4px}.cover .who .name{font-size:clamp(18px,2vw,26px);font-weight:700}.cover .who .role{color:var(--muted);font-size:clamp(13px,1.4vw,17px)}.brandbar{position:absolute;left:0;top:0;height:6px;width:100%;background:linear-gradient(90deg,var(--purple-deep),var(--purple),var(--agent),var(--fn))}.statement .lines{display:flex;flex-direction:column;gap:16px;margin-top:6px}.statement .lines p{font-size:clamp(18px,2.3vw,30px);font-weight:600;line-height:1.25}.statement .lines p:before{content:"";display:inline-block;width:10px;height:10px;background:var(--purple);border-radius:50%;margin-right:14px;transform:translateY(-3px)}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}.split .pane{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(18px,2.4vw,32px);display:flex;flex-direction:column;gap:12px}.split .pane .ic{font-size:clamp(34px,4vw,52px)}.split .pane .tag{font-size:12px;font-weight:800;letter-spacing:.18em}.split .pane .nm{font-size:clamp(18px,2.1vw,27px);font-weight:800}.split .pane .bl{color:var(--muted);font-size:clamp(13px,1.5vw,18px);line-height:1.4}.split .pane.l{border-top:4px solid var(--agent)}.split .pane.l .tag{color:var(--agent)}.split .pane.r{border-top:4px solid var(--fn)}.split .pane.r .tag{color:var(--fn)}.analogy .cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:10px}.analogy .c{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(20px,2.6vw,34px);display:flex;flex-direction:column;gap:14px}.analogy .c .ic{font-size:clamp(38px,4vw,54px)}.analogy .c h3{font-size:clamp(19px,2.1vw,27px);font-weight:800}.analogy .c p{color:var(--muted);font-size:clamp(14px,1.55vw,19px);line-height:1.45}.section{align-items:flex-start;justify-content:center}.section .tag{font-size:clamp(13px,1.4vw,18px);font-weight:800;letter-spacing:.28em}.section .big-ic{font-size:clamp(70px,9vw,130px);line-height:1}.section.agent .tag{color:var(--agent)}.section.fn .tag{color:var(--fn)}.section.agent:after,.section.fn:after{content:"";position:absolute;right:-120px;bottom:-120px;width:420px;height:420px;border-radius:50%;filter:blur(8px);opacity:.25}.section.agent:after{background:radial-gradient(circle,var(--agent),transparent 65%)}.section.fn:after{background:radial-gradient(circle,var(--fn),transparent 65%)}.flow .steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:12px}.flow .st{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;gap:6px;position:relative}.flow .st .n{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:16px}.flow .st .t{font-weight:700;font-size:clamp(12px,1.2vw,15px)}.flow .st .d{color:var(--muted);font-size:clamp(10px,1vw,13px);line-height:1.3}.flow.agent .st .n{background:var(--agent-soft);color:var(--agent)}.flow.fn .st .n{background:var(--fn-soft);color:var(--fn)}@media(max-width:820px){.flow .steps{grid-template-columns:repeat(3,1fr)}}.traits .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px}.traits .tr{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}.traits .tr .ic{font-size:30px}.traits .tr .t{font-weight:800;font-size:clamp(15px,1.6vw,20px)}.traits .tr .d{color:var(--muted);font-size:clamp(12px,1.3vw,16px);line-height:1.35}.traits.agent .tr{border-left:3px solid var(--agent)}.traits.fn .tr{border-left:3px solid var(--fn)}.case .body{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;margin-top:12px;align-items:center}.case ul{list-style:none;display:flex;flex-direction:column;gap:14px}.case li{font-size:clamp(14px,1.6vw,20px);line-height:1.4;padding-left:28px;position:relative}.case li:before{content:"▸";position:absolute;left:0;font-weight:800}.case.agent li:before{color:var(--agent)}.case.fn li:before{color:var(--fn)}.case .metric{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px}.case .metric .lbl{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:var(--muted)}.case .metric .val{font-size:clamp(16px,1.9vw,23px);font-weight:700;line-height:1.25}.case.agent .metric{border-top:4px solid var(--agent)}.case.fn .metric{border-top:4px solid var(--fn)}@media(max-width:820px){.case .body{grid-template-columns:1fr}}.when .cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}.when .col{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.when .col h4{font-size:clamp(15px,1.7vw,20px);margin-bottom:14px;display:flex;align-items:center;gap:10px}.when .col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.when .col li{font-size:clamp(13px,1.45vw,17px);color:var(--muted);line-height:1.35;padding-left:26px;position:relative}.when .col.good li:before{content:"✓";position:absolute;left:0;color:var(--fn);font-weight:800}.when .col.bad li:before{content:"✕";position:absolute;left:0;color:#fb7185;font-weight:800}.when .col.good{border-top:4px solid var(--fn)}.when .col.bad{border-top:4px solid #fb7185}.compare table{width:100%;border-collapse:collapse;margin-top:12px}.compare th,.compare td{text-align:left;padding:12px 16px;font-size:clamp(12px,1.4vw,17px)}.compare thead th{font-size:clamp(14px,1.6vw,20px);font-weight:800;border-bottom:2px solid var(--border)}.compare thead th:nth-child(2){color:var(--agent)}.compare thead th:nth-child(3){color:var(--fn)}.compare tbody tr{border-bottom:1px solid var(--border)}.compare tbody td:first-child{color:var(--muted);font-weight:600}.compare tbody td:nth-child(2),.compare tbody td:nth-child(3){font-weight:600}.chrome{position:absolute;left:0;right:0;bottom:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;color:var(--muted);pointer-events:none}.progress{position:absolute;left:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--purple),var(--agent));transition:width .4s ease}.counter{font-variant-numeric:tabular-nums}.hint{letter-spacing:.04em}.dots{display:flex;gap:6px;pointer-events:auto}.dots button{width:8px;height:8px;border-radius:50%;border:none;cursor:pointer;background:#fff3;padding:0}.dots button.on{background:var(--purple-bright);transform:scale(1.3)}.icon{display:inline-block;vertical-align:middle;flex:none}.split .pane.l .ic{color:var(--agent)}.split .pane.r .ic{color:var(--fn)}.analogy .c:nth-child(1) .ic{color:var(--agent)}.analogy .c:nth-child(2) .ic{color:var(--fn)}.traits.agent .tr .ic{color:var(--agent)}.traits.fn .tr .ic{color:var(--fn)}.section.agent .big-ic{color:var(--agent)}.section.fn .big-ic,.when .col.good h4 .icon{color:var(--fn)}.when .col.bad h4 .icon{color:#fb7185}.nav{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;pointer-events:none}.nav button{pointer-events:auto;background:transparent;border:none;color:transparent;width:12vw;cursor:pointer}