:root {
  --paper: #f7f7fb;
  --paper-2: #efeff7;
  --card: rgba(255,255,255,.84);
  --solid-card: #fff;
  --ink: #101014;
  --muted: #6f7080;
  --line: rgba(16,16,20,.12);
  --line-soft: rgba(16,16,20,.075);
  --violet: #7657ff;
  --violet-deep: #5030e5;
  --blue: #2189ff;
  --cyan: #63d9ff;
  --lavender: #ebe6ff;
  --dark: #09090d;
  --dark-2: #11111a;
  --lime: #a4f86d;
  --shadow: 0 28px 90px rgba(37,31,82,.13);
  --radius: 28px;
  --max: 1240px;
  --ease: cubic-bezier(.22,1,.36,1);
}

[data-theme="dark"] {
  --paper: #0c0c12;
  --paper-2: #14141d;
  --card: rgba(25,25,36,.86);
  --solid-card: #171720;
  --ink: #f7f7fb;
  --muted: #9c9cab;
  --line: rgba(255,255,255,.13);
  --line-soft: rgba(255,255,255,.075);
  --lavender: #242037;
  --shadow: 0 28px 90px rgba(0,0,0,.34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Manrope, Arial, sans-serif; line-height: 1.55; transition: color .35s ease, background .35s ease; }
button, a, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img { display: block; max-width: 100%; }
::selection { color: white; background: var(--violet); }
.skip-link { position: fixed; z-index: 1000; left: 18px; top: -60px; padding: 10px 14px; border-radius: 10px; color: white; background: var(--ink); transition: top .2s ease; }
.skip-link:focus { top: 18px; }

.site-header { position: fixed; z-index: 100; width: min(calc(100% - 30px), 1180px); height: 68px; left: 50%; top: 14px; padding: 0 12px 0 18px; display: flex; align-items: center; justify-content: space-between; border: 1px solid transparent; border-radius: 18px; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease; transform: translateX(-50%); }
.site-header.scrolled { border-color: var(--line); background: color-mix(in srgb, var(--paper) 84%, transparent); box-shadow: 0 12px 40px rgba(26,20,72,.1); backdrop-filter: blur(18px) saturate(140%); }
.brand { display: inline-flex; align-items: center; gap: 9px; font-size: 20px; font-weight: 800; letter-spacing: -.045em; }
.brand-glyph { position: relative; width: 26px; height: 26px; display: inline-block; border-radius: 8px; background: var(--ink); overflow: hidden; }
.brand-glyph i, .brand-glyph b { position: absolute; display: block; background: var(--paper); }
.brand-glyph i { width: 5px; height: 16px; left: 6px; top: 5px; border-radius: 2px; }
.brand-glyph b { width: 11px; height: 11px; right: 4px; top: 5px; border-radius: 2px 7px 2px 2px; transform: skew(-17deg); }
.main-nav { display: flex; align-items: center; gap: 31px; font-size: 12px; font-weight: 650; }
.main-nav a, .sign-in { color: var(--muted); transition: color .2s ease; }
.main-nav a:hover, .sign-in:hover { color: var(--ink); }
.header-actions { display: flex; align-items: center; gap: 14px; }
.sign-in { font-size: 12px; font-weight: 700; }
.theme-toggle { position: relative; width: 41px; height: 31px; padding: 0; border: 1px solid var(--line); border-radius: 99px; color: var(--muted); background: var(--card); cursor: pointer; overflow: hidden; }
.theme-toggle span { position: absolute; top: 50%; transition: transform .3s var(--ease), opacity .2s ease; transform: translateY(-50%); }
.theme-toggle .sun { left: 8px; opacity: 1; }.theme-toggle .moon { right: 8px; opacity: .25; }
[data-theme="dark"] .theme-toggle .sun { opacity: .25; transform: translate(-2px,-50%); } [data-theme="dark"] .theme-toggle .moon { opacity: 1; transform: translate(2px,-50%); }
.button { min-height: 50px; padding: 0 20px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid transparent; border-radius: 14px; font-size: 12px; font-weight: 800; cursor: pointer; transition: transform .2s var(--ease), box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-compact { min-height: 42px; padding: 0 16px; border-radius: 12px; }
.button-ink { color: var(--paper); background: var(--ink); box-shadow: 0 10px 25px rgba(20,20,32,.15); }
.button-brand { color: white; background: linear-gradient(135deg,var(--violet),var(--blue)); box-shadow: 0 16px 38px rgba(91,70,238,.3); }
.button-brand:hover { box-shadow: 0 20px 46px rgba(91,70,238,.4); }
.site-header .button.button-brand {
  border-color: rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 78% 22%, rgba(255,255,255,.14), transparent 34%),
    linear-gradient(135deg, #24163f 0%, #37265E 48%, #4a3877 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 34px rgba(55,38,94,.34),
    0 2px 8px rgba(20,14,37,.22);
}
.site-header .button.button-brand:hover {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 18px 42px rgba(55,38,94,.42),
    0 3px 10px rgba(20,14,37,.26);
}
.site-header .button.button-brand span { color: rgba(255,255,255,.92); }
[data-theme="dark"] .site-header .button.button-brand { border-color: rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 38px rgba(8,6,17,.42), 0 0 0 1px rgba(87,68,138,.16); }
.button-soft { border-color: var(--line); background: var(--card); }
.button-white { color: #111; background: white; }
.button-outline { color: white; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.05); }
.play-icon { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--ink); font-style: normal; font-size: 8px; }
.menu-toggle, .mobile-nav { display: none; }

.hero { position: relative; min-height: 960px; padding: 160px 28px 100px; overflow: hidden; }
.hero-grid, .ai-grid, .final-grid { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent 87%); }
.hero-aura { position: absolute; pointer-events: none; filter: blur(1px); border-radius: 50%; }
.aura-one { width: 700px; height: 700px; right: -190px; top: -190px; background: radial-gradient(circle,rgba(122,88,255,.2),rgba(122,88,255,0) 68%); }
.aura-two { width: 520px; height: 520px; left: -260px; bottom: -100px; background: radial-gradient(circle,rgba(33,137,255,.13),rgba(33,137,255,0) 70%); }
.hero-copy { position: relative; z-index: 2; width: min(1020px,100%); margin: 0 auto; text-align: center; }
.kicker { margin: 0 0 24px; display: inline-flex; align-items: center; gap: 10px; color: var(--muted); font-family: "DM Mono",monospace; font-size: 10px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
.kicker > span { width: 22px; height: 1px; background: var(--violet); }
.kicker-light { color: rgba(255,255,255,.56); }.kicker-light > span { background: var(--cyan); }
.hero h1 { margin: 0; font-size: clamp(68px,8.2vw,126px); line-height: .82; letter-spacing: -.083em; font-weight: 800; }
.hero h1 em, .dashboard-heading h2 em, .final-copy h2 em { color: transparent; background: linear-gradient(105deg,var(--violet) 8%,var(--blue) 68%,var(--cyan)); background-clip: text; -webkit-background-clip: text; font-style: normal; }
.hero-text { width: min(680px,100%); margin: 30px auto 0; color: var(--muted); font-size: 19px; letter-spacing: -.018em; }
.hero-buttons { margin-top: 31px; display: flex; justify-content: center; gap: 11px; flex-wrap: wrap; }
.hero-text .hero-inline-extension{color:var(--ink);font-weight:800;text-decoration:underline;text-decoration-color:rgba(55,38,94,.28);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .18s ease,text-decoration-color .18s ease}.hero-text .hero-inline-extension:hover{color:#37265E;text-decoration-color:#37265E}[data-theme="dark"] .hero-text .hero-inline-extension{color:#f7f7fb;text-decoration-color:rgba(203,188,255,.38)}[data-theme="dark"] .hero-text .hero-inline-extension:hover{color:#cbbcff;text-decoration-color:#cbbcff}
.kaptr-how-extension-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:#37265E;font:800 8px/1.2 "DM Mono",monospace;letter-spacing:.02em;text-decoration:none;transition:color .18s ease,transform .18s var(--ease)}.kaptr-how-extension-link:hover{color:#51397f;transform:translateX(2px)}[data-theme="dark"] .kaptr-how-extension-link{color:#cbbcff}
.hero-proof { margin-top: 24px; display: flex; justify-content: center; gap: 24px; color: var(--muted); font-size: 10px; font-weight: 650; }.hero-proof i { margin-right: 5px; color: var(--violet); font-style: normal; }

.hero-product { position: relative; z-index: 2; width: min(1160px,100%); margin: 92px auto 0; padding: 12px; border: 1px solid var(--line); border-radius: 32px; background: color-mix(in srgb,var(--solid-card) 80%,transparent); box-shadow: var(--shadow); backdrop-filter: blur(16px); }
.demo-label { height: 43px; padding: 0 8px 0 12px; display: flex; align-items: center; gap: 8px; color: var(--muted); font-family: "DM Mono",monospace; font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.demo-label > i { width: 7px; height: 7px; border-radius: 50%; background: #4ce49b; box-shadow: 0 0 0 5px rgba(76,228,155,.1); }.demo-label b { margin-left: auto; font-weight: 500; }
.capture-machine { position: relative; height: 620px; border-radius: 22px; background: #e9eaf2; overflow: hidden; isolation: isolate; }
[data-theme="dark"] .capture-machine { background: #1b1b25; }
.source-browser, .mini-kaptr-board { position: absolute; overflow: hidden; border: 1px solid rgba(9,9,13,.12); border-radius: 18px; background: #fff; box-shadow: 0 20px 50px rgba(26,22,61,.14); transition: transform .7s var(--ease), opacity .5s ease, filter .5s ease; }
.source-browser { width: 68%; height: 520px; left: 34px; top: 34px; }
.mini-browser-bar { height: 36px; padding: 0 12px; display: flex; align-items: center; gap: 14px; border-bottom: 1px solid #e5e5eb; color: #888996; font-size: 8px; }
.traffic { display: flex; gap: 4px; }.traffic i { width: 6px; height: 6px; border-radius: 50%; background: #e3e3e8; }.mini-browser-bar b { min-width: 180px; margin: auto; padding: 6px 12px; border-radius: 7px; background: #f3f3f7; font-weight: 500; text-align: center; }.mini-browser-bar em { font-size: 14px; }
.source-page { height: calc(100% - 36px); display: grid; grid-template-columns: 115px 1fr; color: #16161c; }
.source-sidebar { padding: 30px 16px; display: grid; align-content: start; gap: 18px; background: #15151d; }.source-sidebar i { width: 72%; height: 7px; border-radius: 10px; background: rgba(255,255,255,.13); }.source-sidebar i:first-child { width: 34px; height: 34px; margin-bottom: 16px; border-radius: 10px; background: linear-gradient(135deg,var(--violet),var(--blue)); }
.source-content { position: relative; padding: 40px 38px; overflow: hidden; }
.source-title { display: grid; gap: 9px; }.source-title span { width: 150px; height: 19px; border-radius: 4px; background: #20202b; }.source-title i { width: 240px; height: 7px; border-radius: 4px; background: #d8d8df; }
.metric-pair { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.metric-pair > div { padding: 15px; border: 1px solid #e5e5ec; border-radius: 12px; }.metric-pair small,.metric-pair strong,.metric-pair em { display: block; }.metric-pair small { color: #8c8c99; font-size: 8px; }.metric-pair strong { margin-top: 4px; font-size: 24px; }.metric-pair em { color: #14a36c; font-size: 8px; font-style: normal; }
.source-chart { position: absolute; left: 38px; right: 38px; bottom: 35px; height: 195px; padding: 22px; display: flex; align-items: end; gap: 11px; border: 1px solid #e5e5ec; border-radius: 14px; background-image: linear-gradient(#eeeeF3 1px,transparent 1px); background-size: 100% 25%; }.source-chart > span { position: absolute; inset: 60% 10% auto; height: 2px; background: linear-gradient(90deg,var(--violet),var(--blue)); transform: rotate(-8deg); }.source-chart > i { flex: 1; height: var(--h); border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg,#a897ff,#7657ff); }
.capture-selection { position: absolute; z-index: 4; left: 25px; right: 25px; bottom: 20px; height: 228px; border: 2px solid var(--violet); border-radius: 10px; box-shadow: 0 0 0 999px rgba(16,16,20,.12); transition: all .7s var(--ease); }.capture-selection > span { position: absolute; right: -2px; top: -27px; padding: 5px 9px; border-radius: 7px 7px 0 7px; color: white; background: var(--violet); font-size: 8px; font-weight: 800; }.capture-selection > i { position: absolute; width: 7px; height: 7px; border: 1px solid white; background: var(--violet); }.capture-selection i:nth-of-type(1){left:-4px;top:-4px}.capture-selection i:nth-of-type(2){right:-4px;top:-4px}.capture-selection i:nth-of-type(3){right:-4px;bottom:-4px}.capture-selection i:nth-of-type(4){left:-4px;bottom:-4px}
.extension-popover { position: absolute; z-index: 8; width: 250px; right: 35px; top: 75px; padding: 16px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; color: white; background: #12121a; box-shadow: 0 26px 70px rgba(10,8,25,.35); transition: transform .55s var(--ease), opacity .4s ease; transform: translateX(40px); opacity: 0; }.extension-head { display:flex; align-items:center; gap:9px; }.extension-head > div { display:grid; }.extension-head strong { font-size:11px; }.extension-head small { color:#858596;font-size:8px; }.extension-head > b { margin-left:auto;color:#6f6f7c; }.mini-brand { width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:white;background:linear-gradient(135deg,var(--violet),var(--blue));font-size:10px;font-weight:900; }.extension-popover > label { display:block;margin:18px 0 6px;color:#777786;font-size:7px;text-transform:uppercase;letter-spacing:.12em; }.extension-popover > button:not(.send-button) { width:100%;padding:10px;display:flex;gap:8px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#e8e8ee;background:#1b1b24;font-size:9px; }.extension-popover > button b { margin-left:auto; }.extension-actions { margin:8px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px; }.extension-actions button { padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a7a7b5;background:transparent;font-size:8px; }.send-button { width:100%;padding:11px;display:flex;justify-content:center;gap:12px;border:0;border-radius:9px;color:white;background:linear-gradient(135deg,var(--violet),var(--blue));font-size:9px;font-weight:800; }.travel-snapshot { position:absolute; z-index:12; width:190px;height:130px;left:42%;top:320px;padding:14px;border:2px solid var(--violet);border-radius:13px;color:#111;background:white;box-shadow:0 24px 60px rgba(74,48,200,.3);opacity:0;transition:all .8s var(--ease); }.travel-snapshot span{display:block;width:60px;height:6px;background:#d6d6df}.travel-snapshot i{display:block;height:45px;margin:10px 0;background:linear-gradient(160deg,transparent 45%,var(--violet) 46%,var(--blue) 51%,transparent 52%)}.travel-snapshot b{font-size:17px}
.mini-kaptr-board { width:71%;height:520px;right:34px;top:34px;display:grid;grid-template-columns:90px 1fr;color:white;background:#101016;transform:translateX(100%) scale(.93);opacity:0; }.mini-board-side{padding:14px;display:grid;align-content:start;justify-items:center;gap:20px;border-right:1px solid rgba(255,255,255,.08)}.mini-board-side i{width:44px;height:7px;border-radius:8px;background:rgba(255,255,255,.14)}.mini-board-main{position:relative;padding:0 20px;background-color:#10141d;background-image:linear-gradient(rgba(80,164,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(80,164,255,.09) 1px,transparent 1px);background-size:20px 20px}.mini-board-top{height:54px;display:flex;align-items:center;justify-content:space-between}.mini-board-top b{font-size:11px}.mini-board-top span{padding:6px 11px;border-radius:7px;color:#111;background:white;font-size:8px;font-weight:800}.board-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:12px}.board-grid article{min-height:180px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:#1a1a25}.board-grid article:nth-child(3){grid-column:2}.board-snapshot{grid-row:span 2;padding:25px!important;display:block!important;background:white!important;color:#16161c!important}.board-snapshot small,.board-snapshot strong{display:block}.board-snapshot small{color:#858592;font-size:9px}.board-snapshot strong{margin-top:5px;font-size:33px}.board-snapshot div{height:170px;display:flex;align-items:end;gap:8px}.board-snapshot div i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--cyan),var(--blue))}.board-snapshot div i:nth-child(1){height:30%}.board-snapshot div i:nth-child(2){height:55%}.board-snapshot div i:nth-child(3){height:45%}.board-snapshot div i:nth-child(4){height:82%}.board-snapshot div i:nth-child(5){height:70%}.board-snapshot button{width:100%;padding:9px;border:0;border-radius:8px;color:white;background:#15151d;font-size:8px;font-weight:700}.demo-cursor{position:absolute;z-index:20;width:16px;height:22px;left:60%;top:67%;background:#111;clip-path:polygon(0 0,0 100%,29% 72%,48% 100%,62% 91%,44% 64%,75% 64%);filter:drop-shadow(0 2px 1px white);transition:all .75s var(--ease)}
.capture-machine[data-machine-stage="2"] .extension-popover{transform:none;opacity:1}.capture-machine[data-machine-stage="2"] .demo-cursor{left:89%;top:65%}.capture-machine[data-machine-stage="3"] .source-browser{transform:translateX(-105%) scale(.93);opacity:0}.capture-machine[data-machine-stage="3"] .extension-popover{transform:translateX(80px);opacity:0}.capture-machine[data-machine-stage="3"] .travel-snapshot{left:60%;top:245px;opacity:1;transform:scale(.8)}.capture-machine[data-machine-stage="3"] .mini-kaptr-board{transform:none;opacity:1}.capture-machine[data-machine-stage="3"] .demo-cursor{left:70%;top:54%}.capture-machine[data-machine-stage="4"] .source-browser{transform:translateX(-105%) scale(.93);opacity:0}.capture-machine[data-machine-stage="4"] .mini-kaptr-board{transform:none;opacity:1}.capture-machine[data-machine-stage="4"] .board-snapshot{box-shadow:0 0 0 3px var(--violet),0 0 40px rgba(118,87,255,.42)}.capture-machine[data-machine-stage="4"] .demo-cursor{left:44%;top:81%}.capture-machine[data-machine-stage="4"] .board-snapshot button{background:linear-gradient(135deg,var(--violet),var(--blue))}
.demo-stages{height:68px;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.demo-stages button{position:relative;padding:0 15px;display:flex;align-items:center;gap:10px;border:0;border-radius:11px;color:var(--muted);background:transparent;cursor:pointer;text-align:left}.demo-stages button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line);transform:scaleX(.25);transition:transform .35s var(--ease),background .2s}.demo-stages button.active{color:var(--ink);background:var(--paper-2)}.demo-stages button.active::after{background:linear-gradient(90deg,var(--violet),var(--blue));transform:scaleX(1)}.demo-stages b{font-family:"DM Mono",monospace;font-size:9px}.demo-stages span{font-size:11px;font-weight:800}

.section-shell { width: min(calc(100% - 48px),var(--max)); margin: 0 auto; }
.quick-story { padding: 145px 0; background: var(--solid-card); }
.story-heading { max-width: 820px; }.story-heading h2,.split-heading h2,.film-heading h2,.ai-heading h2 { margin:0;font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:-.065em }.story-heading > p:last-child{max-width:610px;margin:25px 0 0;color:var(--muted);font-size:17px}
.story-rail{margin-top:70px;display:grid;grid-template-columns:1fr 76px 1fr 76px 1fr;align-items:center}.story-rail article{position:relative;min-height:350px;padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden}.step-number{font-family:"DM Mono",monospace;color:var(--muted);font-size:9px}.step-icon{width:94px;height:94px;margin:45px 0 33px;display:grid;place-items:center;border-radius:26px;color:white;background:linear-gradient(135deg,var(--violet),var(--blue));box-shadow:0 20px 45px rgba(101,78,230,.26);font-size:35px}.select-icon{position:relative;background:var(--lavender)}.select-icon i{width:48px;height:38px;border:2px solid var(--violet);border-radius:7px;box-shadow:0 0 0 999px rgba(118,87,255,.08)}.send-icon{background:linear-gradient(135deg,#111,var(--violet))}.refresh-icon{background:linear-gradient(135deg,var(--blue),var(--cyan));animation:gentlePulse 3s ease-in-out infinite}.story-rail h3{margin:0;font-size:23px;letter-spacing:-.04em}.story-rail p{margin:10px 0;color:var(--muted);font-size:13px}.story-rail small{position:absolute;left:28px;bottom:25px;color:var(--violet);font-family:"DM Mono",monospace;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.story-arrow{position:relative;height:1px;background:var(--line)}.story-arrow i{position:absolute;left:0;top:-1px;width:30%;height:2px;background:linear-gradient(90deg,var(--violet),var(--blue));animation:railTravel 2.5s ease-in-out infinite}.story-arrow b{position:absolute;right:-1px;top:50%;color:var(--violet);font-size:20px;transform:translateY(-54%)}

.snapshot-powers{padding:145px 0;background:var(--paper-2)}.split-heading,.film-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end}.split-heading>p,.film-heading>p{margin:0 0 7px;color:var(--muted);font-size:16px}.power-grid{margin-top:70px;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.power-card{position:relative;min-height:410px;padding:27px;grid-column:span 2;border:1px solid var(--line);border-radius:24px;background:var(--card);overflow:hidden;transition:transform .35s var(--ease),border-color .25s ease,box-shadow .35s ease}.power-card::before{content:"";position:absolute;width:260px;height:260px;left:var(--spot-x,50%);top:var(--spot-y,50%);border-radius:50%;background:radial-gradient(circle,rgba(118,87,255,.13),transparent 67%);transform:translate(-50%,-50%);opacity:0;transition:opacity .25s;pointer-events:none}.power-card:hover{transform:translateY(-7px);border-color:rgba(118,87,255,.33);box-shadow:0 24px 60px rgba(45,35,100,.11)}.power-card:hover::before{opacity:1}.power-card:nth-child(4),.power-card:nth-child(5){grid-column:span 3}.power-top{position:relative;display:flex;justify-content:space-between;align-items:center}.power-top span{color:var(--muted);font-family:"DM Mono",monospace;font-size:9px}.power-top b{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--violet);background:var(--solid-card);font-size:14px}.power-card h3{position:relative;margin:33px 0 8px;font-size:28px;letter-spacing:-.05em}.power-card>p{position:relative;margin:0;color:var(--muted);font-size:12px}.refresh-demo{position:absolute;left:27px;right:27px;bottom:27px}.refresh-demo>button{width:100%;padding:11px 12px;display:flex;align-items:center;gap:8px;border:0;border-radius:10px;color:white;background:#111;font-size:9px;cursor:pointer}.refresh-demo button i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(164,248,109,.1)}.refresh-demo button b{margin-left:auto;color:#8e8e9a}.refresh-demo>div{margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--solid-card)}.refresh-demo div span,.refresh-demo div strong,.refresh-demo div em{display:block}.refresh-demo div span{color:var(--muted);font-size:8px}.refresh-demo div strong{font-size:25px}.refresh-demo div em{color:#1aa46e;font-size:8px;font-style:normal}.refresh-demo.is-refreshing strong{animation:valueFlash .8s var(--ease)}.history-stack{position:absolute;left:28px;right:28px;bottom:28px;height:122px}.history-stack i{position:absolute;left:0;right:0;height:70px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;background:var(--solid-card);box-shadow:0 10px 30px rgba(20,20,35,.06);font-style:normal}.history-stack i:nth-child(1){z-index:3;top:0}.history-stack i:nth-child(2){z-index:2;top:25px;transform:scale(.94)}.history-stack i:nth-child(3){z-index:1;top:50px;transform:scale(.87)}.history-stack small{color:var(--muted)}.format-cloud{position:absolute;left:27px;right:27px;bottom:33px;display:flex;gap:7px;flex-wrap:wrap}.format-cloud span{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--solid-card);font-family:"DM Mono",monospace;font-size:9px;font-weight:500}.format-cloud span:last-child{color:white;border-color:transparent;background:linear-gradient(135deg,var(--violet),var(--blue))}.code-card{position:absolute;left:27px;right:27px;bottom:27px;padding:18px;border-radius:13px;color:#b5b5c1;background:#111119;font-family:"DM Mono",monospace;font-size:9px}.code-card i{color:#d2c8ff}.code-card span{color:#69caff}.code-card b{color:#b8f38e}.code-card button{margin-top:19px;padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:white;background:rgba(255,255,255,.07);font-size:8px}.power-ask{color:white;background:linear-gradient(145deg,#171223,#0d1323)}.power-ask .power-top span,.power-ask>p{color:rgba(255,255,255,.56)}.power-ask .power-top b{border-color:rgba(255,255,255,.12);color:var(--cyan);background:rgba(255,255,255,.06)}.mini-chat{position:absolute;left:27px;right:27px;bottom:27px;padding:15px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.045)}.mini-chat>div{display:flex;justify-content:space-between}.mini-chat>div span{font-weight:800;font-size:10px}.mini-chat>div small{color:#797988;font-size:8px}.mini-chat>p{margin:13px 0 8px;padding:9px 11px;border-radius:8px;background:rgba(255,255,255,.07);font-size:9px}.mini-chat article{display:flex;gap:9px;color:#bcbccb;font-size:9px}.mini-chat article i{color:var(--cyan);font-style:normal}.mini-chat strong{color:white}

.dashboard-section{position:relative;padding:150px 0;color:white;background:#08080d;overflow:hidden}.dashboard-aura{position:absolute;width:900px;height:900px;left:50%;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(104,69,255,.18),transparent 65%);transform:translateX(-50%)}.dashboard-heading{position:relative;max-width:970px}.dashboard-heading h2{margin:0;font-size:clamp(52px,6.5vw,90px);line-height:.93;letter-spacing:-.07em}.dashboard-heading>p:last-child{max-width:670px;margin:27px 0 0;color:rgba(255,255,255,.52);font-size:17px}.dashboard-showcase{position:relative;margin-top:72px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:#101018;box-shadow:0 40px 100px rgba(0,0,0,.45);overflow:hidden}.dashboard-tabs{padding:10px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;border-bottom:1px solid rgba(255,255,255,.09)}.dashboard-tabs button{padding:14px;border:0;border-radius:11px;color:#777784;background:transparent;font-size:10px;font-weight:750;cursor:pointer;transition:color .2s,background .2s}.dashboard-tabs button span{margin-right:6px;font-family:"DM Mono",monospace;font-size:8px}.dashboard-tabs button.active{color:white;background:rgba(255,255,255,.075)}.dashboard-window{position:relative;min-height:650px;overflow:hidden}.dashboard-window>img{width:100%;height:650px;object-fit:cover;object-position:left top;filter:saturate(.78) brightness(.7);transition:transform .8s var(--ease),filter .5s ease}.showcase-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,9,.95) 0%,rgba(5,5,9,.78) 40%,rgba(5,5,9,.05) 85%);transition:background .5s ease}.capability-panel{position:absolute;z-index:3;width:460px;left:54px;top:50%;transition:opacity .35s ease,transform .5s var(--ease);transform:translateY(-42%);opacity:0;pointer-events:none}.capability-panel>small{color:var(--cyan);font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.14em}.capability-panel h3{margin:15px 0 25px;font-size:39px;line-height:1.05;letter-spacing:-.055em}.capability-panel ul{margin:0;padding:0;display:grid;gap:8px;list-style:none}.capability-panel li{padding:11px 13px;display:flex;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.055);font-size:10px}.capability-panel li i{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#111;background:var(--cyan);font-style:normal}.dashboard-showcase[data-mode="manage"] .manage-panel,.dashboard-showcase[data-mode="design"] .design-panel,.dashboard-showcase[data-mode="share"] .share-panel,.dashboard-showcase[data-mode="ask"] .ask-panel,.dashboard-showcase[data-mode="tools"] .tools-panel{transform:translateY(-50%);opacity:1;pointer-events:auto}.dashboard-showcase[data-mode="design"] .dashboard-window>img{transform:scale(1.05);filter:saturate(1.1) brightness(.72) hue-rotate(15deg)}.design-controls{display:flex;gap:8px;flex-wrap:wrap}.design-controls span{padding:9px 11px;display:flex;gap:7px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.06);font-size:9px}.swatch{width:13px;height:13px;border-radius:4px}.swatch.purple{background:var(--violet)}.swatch.blue{background:var(--blue)}.swatch.white{background:white}.layout-options{margin-top:10px;display:flex;gap:7px}.layout-options b{padding:8px 12px;border-radius:8px;color:#aaaab8;background:rgba(255,255,255,.08);font-size:9px}.layout-options b:first-child{color:#111;background:var(--cyan)}.share-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-options>span{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.055)}.share-options i,.share-options b,.share-options small{display:block}.share-options i{color:#696979;font-style:normal}.share-options span:nth-child(2) i{color:var(--violet)}.share-options span:nth-child(3) i{color:#4ce49b}.share-options b{margin-top:14px;font-size:10px}.share-options small{color:#777784;font-size:8px}.share-exports{margin-top:9px;display:flex;gap:6px}.share-exports b{padding:7px 9px;border-radius:7px;color:#b9b9c4;background:rgba(255,255,255,.08);font-family:"DM Mono",monospace;font-size:7px}.ask-conversation{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.055)}.ask-conversation>p{margin:0 0 10px;padding:11px;border-radius:9px;background:rgba(255,255,255,.07);font-size:10px}.ask-conversation article{display:flex;gap:10px;color:#b9b9c5;font-size:10px}.ask-conversation i{color:var(--cyan);font-style:normal}.ask-conversation b{color:white}.tool-dock{padding:8px;display:inline-flex;gap:5px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#171720}.tool-dock button{width:35px;height:35px;border:0;border-radius:8px;color:#aaaab7;background:rgba(255,255,255,.07);font-size:12px}.tool-dock button:nth-child(6){color:#111;background:var(--cyan)}.drawn-note{margin:22px 0 0 50px;color:#8fe8ff;font-family:"DM Mono",monospace;font-size:13px;transform:rotate(-5deg)}.drawn-note span{font-size:28px}.dashboard-caption{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.09)}.dashboard-caption>div{display:flex;align-items:center;gap:14px}.dashboard-caption span{color:var(--cyan);font-family:"DM Mono",monospace;font-size:10px}.dashboard-caption p{max-width:680px;margin:0;color:#858592;font-size:10px}.dashboard-caption button{padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:white;background:transparent;font-size:9px;cursor:pointer}


.ai-section{position:relative;padding:150px 0;color:white;background:#08080d;overflow:hidden}.ai-grid{opacity:.7;mask-image:radial-gradient(circle at center,black,transparent 75%)}.ai-orb{position:absolute;border-radius:50%}.orb-left{width:600px;height:600px;left:-300px;top:20%;background:radial-gradient(circle,rgba(33,137,255,.23),transparent 65%)}.orb-right{width:780px;height:780px;right:-360px;top:-100px;background:radial-gradient(circle,rgba(118,87,255,.22),transparent 65%)}.ai-heading{position:relative;max-width:940px}.ai-heading>p:last-child{max-width:700px;margin:28px 0 0;color:rgba(255,255,255,.55);font-size:17px}.ai-workbench{position:relative;margin-top:70px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:29px;background:rgba(255,255,255,.035);box-shadow:0 40px 110px rgba(0,0,0,.46);backdrop-filter:blur(15px)}.ai-composer{display:grid;grid-template-columns:1fr 360px;gap:12px}.ai-prompt{min-height:185px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#14141d}.ai-prompt>span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--violet),var(--blue));font-size:18px}.ai-prompt p{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.025em}.ai-prompt button{padding:10px 13px;border:0;border-radius:10px;color:#111;background:white;font-size:9px;font-weight:800}.engine-picker{display:grid;gap:6px}.engine-picker button{padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#b0b0bc;background:rgba(255,255,255,.045);text-align:left;cursor:pointer}.engine-picker button.active{border-color:rgba(99,217,255,.4);color:white;background:rgba(99,217,255,.08)}.engine-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:white;font-size:10px;font-weight:900}.fast-mark{background:linear-gradient(135deg,#1ca8ff,#63d9ff)}.agent-mark{background:linear-gradient(135deg,#5535e8,#9e85ff)}.orion-mark{background:linear-gradient(135deg,#9847ff,#338fff)}.engine-picker div{display:grid}.engine-picker b{font-size:10px}.engine-picker small{color:#777785;font-size:7px}.engine-picker em{padding:5px 7px;border-radius:6px;color:#858593;background:rgba(255,255,255,.06);font-style:normal;font-size:7px}.ai-run{margin-top:12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#101018;overflow:hidden}.ai-run-header{height:52px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);color:#7f7f8c;font-family:"DM Mono",monospace;font-size:8px}.ai-run-header>span{display:flex;align-items:center;gap:8px}.ai-run-header i{width:7px;height:7px;border-radius:50%;background:#4ce49b;box-shadow:0 0 0 4px rgba(76,228,155,.1)}.ai-run-header b{color:var(--cyan);font-weight:500}.ai-run-body{display:grid;grid-template-columns:390px 1fr}.agent-stream{padding:20px;border-right:1px solid rgba(255,255,255,.08)}.agent-stream article{padding:13px;display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;border-radius:10px;color:#666673}.agent-stream article.running{color:white;background:rgba(255,255,255,.055)}.agent-stream article>i{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:7px;font-style:normal;font-size:8px}.agent-stream article.done>i{color:#111;border:0;background:#4ce49b}.agent-stream article.running>i{border-color:var(--cyan);border-left-color:transparent;animation:spin 1s linear infinite}.agent-stream article>div{display:grid}.agent-stream b{font-size:9px}.agent-stream small{font-size:7px}.agent-stream article>span{font-family:"DM Mono",monospace;font-size:7px}.generated-board{position:relative;min-height:380px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px;background-color:#111722;background-image:linear-gradient(rgba(72,135,200,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(72,135,200,.09) 1px,transparent 1px);background-size:20px 20px}.generated-board article{padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#191922;animation:cardIn .7s var(--ease) both}.generated-board article:nth-child(1){grid-row:span 2}.generated-board article:nth-child(2){animation-delay:.15s}.generated-board article:nth-child(3){animation-delay:.3s}.generated-board .skeleton{width:45px;height:6px;display:block;margin-bottom:9px;border-radius:5px;background:var(--violet)}.generated-board article>b{font-size:9px}.tiny-bars{height:180px;margin-top:20px;display:flex;align-items:end;gap:8px}.tiny-bars i{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,var(--cyan),var(--blue))}.tiny-bars i:nth-child(1){height:35%}.tiny-bars i:nth-child(2){height:70%}.tiny-bars i:nth-child(3){height:58%}.tiny-bars i:nth-child(4){height:90%}.tiny-table,.tiny-copy{margin-top:15px;display:grid;gap:7px}.tiny-table i{height:15px;border-radius:4px;background:rgba(255,255,255,.08)}.tiny-copy i{height:5px;border-radius:4px;background:rgba(255,255,255,.11)}.tiny-copy i:nth-child(2){width:70%}.cloud-badge{position:absolute;right:18px;bottom:18px;padding:10px 13px;display:flex;gap:9px;align-items:center;border:1px solid rgba(99,217,255,.25);border-radius:10px;background:rgba(8,17,31,.86);backdrop-filter:blur(10px)}.cloud-badge>i{color:var(--cyan);font-style:normal}.cloud-badge span{display:grid}.cloud-badge b{font-size:8px}.cloud-badge small{color:#6f7180;font-size:7px}.cloud-refresh{position:relative;margin-top:20px;padding:38px;display:grid;grid-template-columns:100px 1fr 330px;gap:30px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.04)}.cloud-icon{position:relative;width:84px;height:84px;display:grid;place-items:center;border:1px solid rgba(99,217,255,.22);border-radius:25px;background:rgba(99,217,255,.06)}.cloud-icon i{font-size:31px;font-style:normal}.cloud-icon span{position:absolute;right:8px;bottom:8px;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#111;background:var(--cyan)}.cloud-refresh h3{margin:0;font-size:30px;letter-spacing:-.05em}.cloud-refresh p:not(.kicker){margin:10px 0 0;color:#858592;font-size:11px}.cloud-compare{display:grid;gap:7px}.cloud-compare>span{padding:11px;display:grid;grid-template-columns:24px 1fr;column-gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.045)}.cloud-compare i{grid-row:span 2;color:var(--cyan);font-style:normal}.cloud-compare b{font-size:9px}.cloud-compare small{color:#777785;font-size:7px}

.security-section{padding:130px 0;background:var(--paper-2)}.security-card{padding:55px;display:grid;grid-template-columns:1fr .8fr;gap:90px;border:1px solid var(--line);border-radius:30px;background:var(--card);box-shadow:var(--shadow)}.security-card h2{margin:0;font-size:clamp(45px,5vw,70px);line-height:.96;letter-spacing:-.065em}.security-card p:not(.kicker){max-width:610px;margin:23px 0;color:var(--muted);font-size:14px}.security-card a{color:var(--violet);font-size:11px;font-weight:800}.security-controls{display:grid;gap:8px}.security-controls>span{padding:17px;display:grid;grid-template-columns:38px 1fr;column-gap:10px;border:1px solid var(--line);border-radius:13px;background:var(--solid-card)}.security-controls i{grid-row:span 2;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--violet);background:var(--lavender);font-family:"DM Mono",monospace;font-size:8px;font-style:normal}.security-controls b{font-size:11px}.security-controls small{color:var(--muted);font-size:8px}
.final-cta{position:relative;min-height:740px;padding:140px 24px;display:grid;place-items:center;color:white;text-align:center;background:#08080d;overflow:hidden}.final-grid{opacity:.55}.final-glow{position:absolute;width:900px;height:900px;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle,rgba(118,87,255,.28),rgba(33,137,255,.08) 40%,transparent 66%);transform:translate(-50%,-50%)}.final-copy{position:relative;z-index:2;max-width:960px}.final-copy h2{margin:0;font-size:clamp(68px,9vw,128px);line-height:.85;letter-spacing:-.083em}.final-copy>p:not(.kicker){max-width:650px;margin:31px auto 0;color:rgba(255,255,255,.57);font-size:18px}.final-copy>small{display:block;margin-top:25px;color:#737381;font-size:9px}
footer{padding:45px max(24px,calc((100vw - var(--max))/2));color:#868693;background:#08080d;border-top:1px solid rgba(255,255,255,.08);font-size:9px}.footer-main{display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center}.brand-footer{color:white}.brand-footer .brand-glyph{background:white}.brand-footer .brand-glyph i,.brand-footer .brand-glyph b{background:#08080d}.footer-main p{margin:0}.footer-main nav{display:flex;gap:22px}.footer-main nav a:hover{color:white}.footer-bottom{margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom>div{display:flex;gap:18px}.system-status{display:flex;align-items:center;gap:7px}.system-status i{width:6px;height:6px;border-radius:50%;background:#4ce49b}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@keyframes gentlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes railTravel{0%{left:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:70%;opacity:0}}@keyframes valueFlash{0%{color:var(--violet);transform:translateY(8px);opacity:.2}100%{color:var(--ink);transform:none;opacity:1}}@keyframes floatTab{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cardIn{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}

@media(max-width:1050px){.main-nav{display:none}.menu-toggle{width:40px;height:40px;display:grid;place-content:center;gap:5px;border:0;border-radius:10px;background:var(--paper-2)}.menu-toggle i{width:17px;height:2px;background:var(--ink)}.mobile-nav{position:absolute;left:0;right:0;top:74px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--solid-card);box-shadow:var(--shadow)}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px;border-radius:9px;font-size:11px;font-weight:700}.capture-machine{height:540px}.source-browser{width:75%}.mini-kaptr-board{width:78%}.story-rail{grid-template-columns:1fr 35px 1fr 35px 1fr}.power-card{grid-column:span 3}.power-card:nth-child(5){grid-column:span 6}.dashboard-window,.dashboard-window>img{height:590px;min-height:590px}.capability-panel{width:420px}.ai-composer{grid-template-columns:1fr}.engine-picker{grid-template-columns:repeat(3,1fr)}.ai-run-body{grid-template-columns:330px 1fr}.cloud-refresh{grid-template-columns:80px 1fr}.cloud-compare{grid-column:1/-1;grid-template-columns:1fr 1fr}.security-card{gap:45px}.film-timeline span{display:none}}
@media(max-width:760px){.site-header{width:calc(100% - 18px);top:9px;height:60px;padding-left:14px}.sign-in,.theme-toggle{display:none}.button-compact{min-height:38px;padding:0 12px}.hero{min-height:820px;padding:125px 14px 80px}.hero h1{font-size:clamp(60px,19vw,86px)}.hero-text{font-size:16px}.hero-buttons{flex-direction:column}.hero-buttons .button{width:100%}.hero-proof{gap:8px;flex-wrap:wrap}.hero-product{margin-top:55px;padding:7px;border-radius:22px}.demo-label{height:37px}.capture-machine{height:480px;border-radius:16px}.source-browser{width:92%;height:405px;left:4%;top:25px}.source-page{grid-template-columns:72px 1fr}.source-sidebar{padding:22px 10px}.source-content{padding:28px 18px}.source-chart{left:18px;right:18px;height:160px}.metric-pair>div:nth-child(2){display:none}.metric-pair{grid-template-columns:1fr}.extension-popover{width:210px;right:12px;top:55px}.mini-kaptr-board{width:94%;height:420px;right:3%;top:25px;grid-template-columns:58px 1fr}.mini-board-main{padding:0 10px}.board-grid{grid-template-columns:1fr}.board-grid article:not(.board-snapshot){display:none}.board-snapshot{min-height:340px!important}.demo-stages{height:58px}.demo-stages button{padding:0 8px;justify-content:center}.demo-stages button span{display:none}.section-shell{width:min(calc(100% - 28px),var(--max))}.quick-story,.snapshot-powers,.dashboard-section,.film-section,.ai-section{padding:95px 0}.story-heading h2,.split-heading h2,.film-heading h2,.ai-heading h2{font-size:48px}.story-rail{margin-top:42px;grid-template-columns:1fr;gap:12px}.story-arrow{width:1px;height:30px;margin:auto}.story-arrow b{right:auto;left:-8px;top:auto;bottom:-6px;transform:rotate(90deg)}.story-arrow i{width:2px;height:40%;animation:none}.story-rail article{min-height:310px}.split-heading,.film-heading{grid-template-columns:1fr;gap:22px}.power-grid{margin-top:42px;grid-template-columns:1fr}.power-card,.power-card:nth-child(4),.power-card:nth-child(5){grid-column:auto;min-height:385px}.dashboard-heading h2{font-size:50px}.dashboard-tabs{display:flex;overflow-x:auto}.dashboard-tabs button{min-width:130px}.dashboard-window,.dashboard-window>img{height:560px;min-height:560px}.dashboard-window>img{object-position:30% top}.showcase-shade{background:linear-gradient(0deg,rgba(5,5,9,.97),rgba(5,5,9,.55))}.capability-panel{width:auto;left:24px;right:24px;top:auto;bottom:28px;transform:translateY(20px)!important}.dashboard-showcase[data-mode="manage"] .manage-panel,.dashboard-showcase[data-mode="design"] .design-panel,.dashboard-showcase[data-mode="share"] .share-panel,.dashboard-showcase[data-mode="ask"] .ask-panel,.dashboard-showcase[data-mode="tools"] .tools-panel{transform:none!important}.capability-panel h3{font-size:30px}.dashboard-caption p{display:none}.film-screen{aspect-ratio:1/1.25}.film-chapters article{padding:35px 20px}.film-chapters h3{font-size:44px}.floating-tabs{width:100%}.film-timeline{overflow-x:auto}.film-timeline button{min-width:62px}.ai-composer{grid-template-columns:1fr}.ai-prompt{padding:19px;grid-template-columns:auto 1fr}.ai-prompt p{font-size:15px}.ai-prompt button{grid-column:1/-1}.engine-picker{grid-template-columns:1fr}.ai-run-body{grid-template-columns:1fr}.agent-stream{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.generated-board{grid-template-columns:1fr;min-height:530px}.generated-board article:nth-child(1){grid-row:auto}.tiny-bars{height:100px}.cloud-refresh{padding:26px;grid-template-columns:1fr}.cloud-compare{grid-column:auto;grid-template-columns:1fr}.security-section{padding:85px 0}.security-card{padding:30px;grid-template-columns:1fr;gap:35px}.security-card h2{font-size:46px}.final-cta{min-height:670px;padding:100px 18px}.final-copy h2{font-size:65px}.footer-main{grid-template-columns:1fr}.footer-main nav{flex-wrap:wrap}.footer-bottom{display:grid;gap:16px}.film-flight{gap:25px}.film-number{gap:12px}.film-number b{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}

/* Real Kaptr.me product story */
.real-product-story{width:min(1320px,100%)}
.real-machine{height:690px;background:#090b12!important}
.real-stage{position:absolute;inset:0;color:#fff;opacity:0;visibility:hidden;transform:translateY(18px) scale(.985);transition:opacity .45s ease,transform .65s var(--ease),visibility .45s;overflow:hidden}
.real-machine[data-machine-stage="1"] [data-real-stage="1"],.real-machine[data-machine-stage="2"] [data-real-stage="2"],.real-machine[data-machine-stage="3"] [data-real-stage="3"],.real-machine[data-machine-stage="4"] [data-real-stage="4"],.real-machine[data-machine-stage="5"] [data-real-stage="5"]{opacity:1;visibility:visible;transform:none;z-index:4}
.stage-context,.stage-caption{position:absolute;z-index:12;display:grid;gap:4px;padding:14px 17px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(8,9,16,.76);box-shadow:0 18px 55px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.stage-context{left:22px;top:22px}.stage-caption{left:22px;bottom:22px;max-width:600px}
.stage-context span,.stage-caption span{color:#a798ff;font-family:"DM Mono",monospace;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.stage-context strong,.stage-caption strong{font-size:14px}.stage-context small,.stage-caption small{color:#9696a6;font-size:9px}
.browser-canvas{position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,rgba(68,104,255,.28),transparent 35%),linear-gradient(145deg,#172039,#090b13 62%)}
.browser-top{height:46px;padding:0 17px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.08);color:#9296a5;background:#111522;font-size:9px}.browser-top>span{display:flex;gap:5px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#3d4250}.browser-top b{min-width:290px;margin:auto;padding:8px 20px;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#747887;background:#0c0f18;text-align:center;font-weight:500}.browser-top em{font-style:normal}
.market-page{position:absolute;left:7%;right:7%;top:100px;bottom:50px;padding:48px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));filter:blur(.15px);opacity:.64}.market-page strong{font-size:38px;letter-spacing:-.05em}.market-page div{height:320px;margin-top:45px;display:flex;align-items:end;gap:20px}.market-page i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,rgba(99,217,255,.85),rgba(85,70,238,.5))}.market-page i:nth-child(1){height:30%}.market-page i:nth-child(2){height:52%}.market-page i:nth-child(3){height:43%}.market-page i:nth-child(4){height:76%}.market-page i:nth-child(5){height:62%}.market-page i:nth-child(6){height:91%}
.extension-shot{position:absolute;z-index:5;width:286px;right:58px;top:63px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:#090a10;box-shadow:0 38px 100px rgba(0,0,0,.55),0 0 0 1px rgba(118,87,255,.2);overflow:hidden;animation:productFloat 5s ease-in-out infinite}.extension-shot img{display:block;width:100%;height:auto}.story-hotspot{position:absolute;z-index:6;border:0;color:#fff;cursor:pointer}.capture-hotspot{left:5.3%;right:5.3%;top:36.9%;height:13.2%;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;background:rgba(116,72,255,.08);box-shadow:0 0 0 2px rgba(99,217,255,.45),0 0 28px rgba(83,82,255,.5);font-weight:900}.capture-hotspot span{font-size:0}.capture-hotspot small{position:absolute;right:10px;bottom:-29px;padding:6px 9px;border-radius:7px;color:#d5d5df;background:#111521;font-size:7px;opacity:0;transform:translateY(-4px);transition:.2s}.capture-hotspot:hover small{opacity:1;transform:none}
.selection-page{position:absolute;inset:0;padding:100px 9% 65px;background-color:#101621;background-image:linear-gradient(rgba(64,160,238,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(64,160,238,.11) 1px,transparent 1px);background-size:24px 24px}.selection-site{display:flex;align-items:end;gap:12px}.selection-site span{font-size:38px;font-weight:850;letter-spacing:-.05em}.selection-site small{padding-bottom:6px;color:#6c7180}.selection-kpis{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.selection-kpis article{padding:17px 20px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#181d29}.selection-kpis small,.selection-kpis strong,.selection-kpis em{display:block}.selection-kpis small{color:#898e9c;font-size:9px}.selection-kpis strong{margin-top:4px;font-size:27px}.selection-kpis em{color:#49d69b;font-size:9px;font-style:normal}.selection-chart{position:absolute;left:9%;right:9%;bottom:65px;height:290px;padding:28px;display:flex;align-items:end;gap:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(12,16,25,.82)}.selection-chart>span{position:absolute;left:6%;right:6%;top:48%;height:3px;background:linear-gradient(90deg,#7556ff,#1fb9ff);transform:rotate(-7deg);box-shadow:0 0 20px rgba(72,111,255,.8)}.selection-chart>i{flex:1;height:var(--h);border-radius:6px 6px 1px 1px;background:linear-gradient(180deg,#8d78ff,#315dde)}
.capture-area-button{position:absolute;z-index:5;left:7.2%;right:7.2%;bottom:47px;height:330px;border:2px solid #896dff;border-radius:15px;color:#fff;background:rgba(80,52,190,.06);box-shadow:0 0 0 999px rgba(3,5,9,.18),0 0 42px rgba(110,81,255,.24);cursor:pointer}.capture-area-button span{position:absolute;left:10px;top:-30px;padding:6px 9px;border-radius:7px 7px 0 0;background:#7657ff;font:8px "DM Mono",monospace}.capture-area-button strong{position:absolute;right:14px;top:14px;padding:10px 13px;border-radius:9px;background:linear-gradient(135deg,#7657ff,#2298ff);font-size:9px;box-shadow:0 12px 28px rgba(80,65,220,.35)}.capture-area-button i{position:absolute;width:10px;height:10px;border:2px solid #fff;background:#7657ff}.capture-area-button i:nth-of-type(1){left:-6px;top:-6px}.capture-area-button i:nth-of-type(2){right:-6px;top:-6px}.capture-area-button i:nth-of-type(3){right:-6px;bottom:-6px}.capture-area-button i:nth-of-type(4){left:-6px;bottom:-6px}
.product-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.review-screen{object-position:center}.dashboard-screen{object-position:center top}
.destination-interaction{position:absolute;z-index:10;right:2.4%;top:16.6%;width:29.8%;padding:12px;border:1px solid rgba(153,120,255,.65);border-radius:16px;background:rgba(20,14,49,.92);box-shadow:0 24px 65px rgba(8,4,28,.55);backdrop-filter:blur(12px)}.destination-interaction>p{margin:0 0 7px;color:#bfb2ec;font:8px "DM Mono",monospace;text-transform:uppercase}.kapboard-select{width:100%;height:48px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#fff;background:rgba(255,255,255,.08);font-size:11px;cursor:pointer}.kapboard-select b{transition:transform .2s}.kapboard-select[aria-expanded="true"] b{transform:rotate(180deg)}.kapboard-menu{position:absolute;left:12px;right:12px;top:76px;z-index:4;padding:5px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#141122;box-shadow:0 22px 48px rgba(0,0,0,.48);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}.kapboard-menu.open{opacity:1;visibility:visible;transform:none}.kapboard-menu button{width:100%;padding:10px;display:grid;grid-template-columns:24px 1fr;column-gap:7px;border:0;border-radius:8px;color:#fff;background:transparent;text-align:left;cursor:pointer}.kapboard-menu button:hover{background:rgba(118,87,255,.18)}.kapboard-menu span{grid-row:span 2;color:#8e78ff}.kapboard-menu b{font-size:9px}.kapboard-menu small{color:#77778a;font-size:7px}.save-to-board{width:100%;height:58px;margin-top:8px;padding:0 14px;display:grid;align-content:center;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#5b83ff,#723cff);text-align:left;cursor:pointer;box-shadow:0 12px 30px rgba(82,64,220,.3)}.save-to-board:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.62}.save-to-board span{font-size:11px;font-weight:850}.save-to-board small{font-size:7px;opacity:.82}
.dashboard-open-toast,.refresh-result{position:absolute;z-index:9;right:24px;top:22px;padding:12px 15px;display:flex;align-items:center;gap:10px;border:1px solid rgba(91,230,162,.32);border-radius:13px;background:rgba(8,15,18,.88);box-shadow:0 18px 55px rgba(0,0,0,.4);backdrop-filter:blur(14px)}.dashboard-open-toast>span,.refresh-result>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#09130f;background:#58e8a4;font-weight:900}.dashboard-open-toast div,.refresh-result div{display:grid}.dashboard-open-toast strong,.refresh-result strong{font-size:10px}.dashboard-open-toast small,.refresh-result small{color:#8f9a98;font-size:8px}
.snapshot-focus{position:absolute;z-index:8;left:49.6%;top:37%;width:24.8%;height:47.8%;border:2px solid rgba(118,87,255,.92);border-radius:13px;color:#fff;background:rgba(91,70,238,.04);box-shadow:0 0 0 5px rgba(118,87,255,.12),0 0 50px rgba(78,50,220,.3);cursor:pointer}.snapshot-focus span,.snapshot-focus small{position:absolute;right:10px}.snapshot-focus span{top:10px;padding:7px 10px;border-radius:7px;background:#7657ff;font-size:8px;font-weight:850}.snapshot-focus small{top:44px;padding:6px 9px;border-radius:7px;background:rgba(5,6,11,.84);font-size:7px;opacity:0;transition:.2s}.snapshot-focus:hover small{opacity:1}
.selected-snapshot{position:absolute;z-index:5;left:49.6%;top:37%;width:24.8%;height:47.8%;border:3px solid #8264ff;border-radius:13px;box-shadow:0 0 0 5px rgba(118,87,255,.15),0 0 55px rgba(76,48,210,.35);pointer-events:none}.selected-snapshot span{position:absolute;right:10px;top:10px;padding:7px 10px;border-radius:7px;background:#7657ff;font-size:8px;font-weight:850}
.toolbar-shot{position:absolute;z-index:10;left:50%;bottom:20px;width:min(670px,70%);border:1px solid rgba(99,217,255,.25);border-radius:22px;background:#0b111c;box-shadow:0 25px 70px rgba(0,0,0,.55),0 0 35px rgba(48,112,255,.16);transform:translateX(-50%);overflow:hidden}.toolbar-shot>img{display:block;width:100%;height:auto}.toolbar-shot button{position:absolute;left:1.2%;top:10%;width:35%;height:78%;border:0;border-radius:17px;color:#fff;background:rgba(23,135,211,.06);cursor:pointer}.toolbar-shot button span{font-size:0}.toolbar-shot button small{position:absolute;left:50%;top:-29px;padding:6px 9px;border-radius:7px;background:#151925;font-size:7px;transform:translateX(-50%);opacity:0;transition:.2s;white-space:nowrap}.toolbar-shot button:hover small{opacity:1}.refresh-progress{position:absolute;left:1%;bottom:0;width:0;height:3px;background:linear-gradient(90deg,#63d9ff,#7657ff);box-shadow:0 0 12px #63d9ff}.real-stage-refresh.is-refreshing .refresh-progress{animation:refreshProgress 1.8s linear forwards}.real-stage-refresh.is-refreshing .toolbar-shot{box-shadow:0 25px 70px rgba(0,0,0,.55),0 0 55px rgba(56,154,255,.4)}.refresh-result{opacity:0;transform:translateY(-8px);transition:.35s}.real-stage-refresh.is-refreshed .refresh-result{opacity:1;transform:none}
.real-demo-stages{grid-template-columns:repeat(5,1fr)}
@keyframes productFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes refreshProgress{from{width:0}to{width:34%}}

@media(max-width:1050px){.real-machine{height:610px}.extension-shot{width:248px;right:32px}.destination-interaction{width:34%;right:2%;top:14%}.stage-caption{max-width:520px}.toolbar-shot{width:72%}}
@media(max-width:760px){.real-machine{height:525px}.stage-context{left:12px;top:12px;right:12px}.stage-caption{left:12px;right:12px;bottom:12px;max-width:none;padding:11px 13px}.stage-caption small{display:none}.browser-top b{min-width:0}.browser-top em{display:none}.market-page{left:4%;right:4%;padding:28px}.market-page strong{font-size:26px}.extension-shot{width:205px;right:18px;top:105px}.selection-page{padding:105px 5% 45px}.selection-site span{font-size:25px}.selection-kpis{grid-template-columns:1fr}.selection-kpis article:nth-child(2){display:none}.selection-chart{left:5%;right:5%;bottom:55px;height:250px;gap:8px}.capture-area-button{left:3%;right:3%;bottom:37px;height:290px}.capture-area-button strong{top:10px;right:10px}.product-screen{object-position:center}.review-screen{object-position:67% center}.destination-interaction{left:8%;right:8%;top:20%;width:auto}.real-stage-destination .stage-caption{background:rgba(8,9,16,.92)}.dashboard-screen{width:175%;max-width:none;object-position:21% top}.dashboard-open-toast{right:12px;top:12px}.snapshot-focus,.selected-snapshot{left:28%;top:31%;width:43%;height:45%}.toolbar-shot{width:94%;bottom:86px}.refresh-result{right:12px;top:12px}.real-demo-stages button{padding:0 4px}.real-demo-stages button span{display:none}}

/* Code-native recreation of the real Kaptr.me interface */
.kaptr-extension{width:310px;padding:18px;border-radius:18px;background:linear-gradient(160deg,#0b0c13,#10101a);font-family:Inter,sans-serif}.kaptr-extension img{display:none}.ext-status{height:52px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#11111a}.ext-status>b{font-size:17px;color:#7771ff}.ext-status>b span{color:#a755e8}.ext-status>em{padding:8px 12px;border-radius:99px;color:#fff;background:linear-gradient(100deg,#43a7ff,#00dfec);font-size:9px;font-style:normal;font-weight:800}.ext-tip{margin-top:13px;padding:13px;display:grid;gap:5px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#16161f;text-align:center}.ext-tip strong{font-size:9px;color:#b7b7c2}.ext-tip strong:first-letter{color:#ffd12f}.ext-tip small{color:#6f707d;font-size:7px}.ext-capture{position:relative;width:100%;height:57px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:15px;color:#fff;background:linear-gradient(110deg,#7d78f8,#d23bea);box-shadow:0 16px 34px rgba(115,66,232,.28);cursor:pointer}.ext-capture i{font-size:20px;font-style:normal}.ext-capture span{font-size:14px;font-weight:900}.ext-capture small{position:absolute;right:8px;bottom:-25px;padding:5px 7px;border-radius:6px;background:#20212b;font-size:6px;opacity:0;transition:.2s}.ext-capture:hover small{opacity:1}.ext-modes{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ext-modes button{height:66px;display:grid;place-content:center;gap:5px;border:1px solid rgba(122,128,255,.38);border-radius:13px;color:#eeeef7;background:linear-gradient(145deg,#202344,#21172f)}.ext-modes i{font-size:17px;font-style:normal}.ext-modes b{font-size:7px}.kaptr-extension>p{margin:14px 0 10px;color:#71717e;font-size:7px;text-align:center}.kaptr-extension kbd{padding:3px 6px;border-radius:5px;background:#25252d}.ext-footer{padding:11px;display:flex;justify-content:space-between;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#777784;font-size:7px}.ext-footer b{font-weight:500}.ext-footer em{color:#7871e7;font-style:normal}

.capture-review-ui{position:absolute;inset:0;display:grid;grid-template-columns:67% 33%;background:#111624}.review-preview{position:relative;margin:32px 25px 65px;padding:70px 32px 55px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,#182131,#0d131f)}.finance-widget{width:min(680px,92%);padding:26px;border:1px solid #dfe3e8;border-radius:14px;color:#131827;background:#f8fafc;box-shadow:0 25px 70px rgba(0,0,0,.22)}.finance-widget-head{display:flex;justify-content:space-between;color:#6c7280;font-size:9px;letter-spacing:.1em}.finance-widget-head b{padding:4px 7px;border-radius:99px;color:#147453;background:#dff9ed;font-size:7px}.finance-total{margin-top:18px;display:grid}.finance-total small{color:#838895;font-size:8px}.finance-total strong{font-size:36px;letter-spacing:-.06em}.finance-total em{color:#14a16e;font-size:9px;font-style:normal}.finance-lines{height:135px;margin-top:15px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #dfe3e8;background:repeating-linear-gradient(to bottom,#eef1f4 0,#eef1f4 1px,transparent 1px,transparent 34px)}.finance-lines i{flex:1;height:40%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#6c65f7,#2b91ec)}.finance-lines i:nth-child(2){height:52%}.finance-lines i:nth-child(3){height:46%}.finance-lines i:nth-child(4){height:69%}.finance-lines i:nth-child(5){height:63%}.finance-lines i:nth-child(6){height:83%}.finance-lines i:nth-child(7){height:76%}.finance-lines i:nth-child(8){height:91%}.finance-axis{margin-top:7px;display:flex;justify-content:space-between;color:#9b9eaa;font-size:7px}.review-meta{position:absolute;left:24px;right:24px;bottom:-45px;display:flex;gap:8px;align-items:center}.review-meta span,.review-meta b{padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:#d0d2db;background:#232936;font-size:8px}.review-meta b{margin-left:auto;font-size:9px}.review-panel{position:relative;padding:25px 22px;border-left:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 50% 10%,rgba(110,73,230,.3),transparent 35%),linear-gradient(170deg,#161129,#111219)}.review-brand{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.review-brand span{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#1b0b3d;font-weight:900}.review-brand b{padding:8px 12px;border:1px solid rgba(99,217,255,.2);border-radius:99px;color:#dff8ff;background:rgba(77,151,255,.13);font-size:8px}.review-panel>small{color:#a69bc5;font:8px "DM Mono",monospace;letter-spacing:.1em}.review-panel h3{margin:8px 0 0;font-size:15px;line-height:1.2}.review-actions{position:absolute;left:20px;right:20px;top:58%;padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.04)}.review-actions h4{margin:0 0 10px;font-size:13px}.review-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.review-actions button{height:38px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#dfe0e8;background:rgba(255,255,255,.045);font-size:9px}.destination-interaction{right:1.8%;top:23.5%;width:29.4%}

.kaptr-app-ui{position:absolute;inset:0;display:grid;grid-template-columns:185px 1fr;color:#f3f4f9;background:#0b0c0f;font-family:Inter,sans-serif}.kaptr-sidebar{position:relative;padding:14px 10px 66px;border-right:1px solid rgba(255,255,255,.09);background:#0d0e10;overflow:hidden}.kaptr-logo{display:flex;align-items:center;gap:9px}.kaptr-logo i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#111;background:#fff;font-style:normal;font-weight:950}.kaptr-logo b{font-size:13px}.new-board{width:100%;height:58px;margin:20px 0 22px;padding:8px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);border-bottom:3px solid #9c37f1;border-radius:12px;color:#c9c2d7;background:#151518;text-align:left}.new-board>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #7759aa;border-radius:8px;color:#d59cff;background:#2c1e3d;font-size:20px}.new-board>b{display:grid;color:#78747f;font-size:7px}.new-board em{color:#ce8cff;font-size:14px;font-style:normal}.kaptr-sidebar h5{margin:13px 5px 7px;display:flex;color:#6f6f79;font-size:8px}.kaptr-sidebar h5 span{margin-left:auto;padding:2px 7px;border-radius:99px;color:#b990ff;background:#21172f}.kaptr-sidebar>a{margin:3px 0;padding:9px;display:flex;border-radius:8px;color:#c8c9d1;font-size:9px}.kaptr-sidebar>a small{margin-left:auto;padding:2px 6px;border-radius:99px;background:#252b38}.kaptr-sidebar>a.active{border:1px solid rgba(93,159,255,.25);background:#182230}.snapshot-list{margin-top:6px;display:grid;gap:3px}.snapshot-list span{padding:7px 8px;border-radius:7px;color:#aeb0ba;background:#111214;font-size:7px}.kaptr-user{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:8px}.kaptr-user>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#7753ea;font-style:normal}.kaptr-user>b{display:grid;font-size:8px}.kaptr-user small{color:#68dbd4;font-size:6px}.kaptr-canvas{position:relative;min-width:0;overflow:hidden;background-color:#002438;background-image:linear-gradient(rgba(0,154,220,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(0,154,220,.14) 1px,transparent 1px);background-size:16px 16px}.kaptr-canvas>header{height:36px;padding:0 14px;display:flex;align-items:center;gap:16px;background:#0e1013;font-size:9px}.kaptr-canvas>header span{color:#9596a1}.kaptr-canvas>header nav{margin-left:auto;color:#d9d9df}.canvas-grid{position:absolute;inset:48px 18px 70px;display:grid;grid-template-columns:1fr 1.2fr 1.05fr;grid-template-rows:1fr 1fr;gap:13px}.canvas-grid article,.canvas-grid>button{border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#111;background:#fff;box-shadow:0 13px 26px rgba(0,0,0,.18);overflow:hidden}.news-card{grid-row:span 2;padding:13px}.news-card>b{color:#1f5e9a;font-size:8px}.news-card p{padding:8px 0;margin:0;border-bottom:1px solid #e5e7eb;font-size:7px}.news-card p i{display:inline-block;width:4px;height:4px;margin-right:6px;border-radius:50%;background:#ffb400}.sentiment-card{padding:15px;display:grid;place-items:center}.sentiment-card small{font-size:7px}.sentiment-card>b{color:#f04e62;font-size:20px}.sentiment-card>div{width:80px;height:40px;border:9px solid #ececef;border-bottom:0;border-radius:80px 80px 0 0;transform:rotate(-8deg)}.quote-card{padding:13px;display:flex;align-items:center;gap:12px}.quote-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#d91239;font-size:14px;font-weight:900}.quote-card div{display:grid}.quote-card small{font-size:7px}.quote-card b{font-size:19px}.quote-card em{color:#16a56f;font-size:7px;font-style:normal}.crypto-card{padding:16px;display:grid;align-content:center;color:#fff!important;background:#121722!important}.crypto-card small{font-size:9px}.crypto-card small em{color:#777c89;font-style:normal}.crypto-card b{font-size:25px}.crypto-card span{color:#f2495f;font-size:8px}.tweet-card{grid-row:span 2;padding:16px;color:#fff!important;background:#08090b!important}.tweet-card>b{font-size:8px}.tweet-card>b small{color:#777b84}.tweet-card p{font-size:8px}.tweet-chart{position:relative;height:135px;margin-top:16px;background:linear-gradient(170deg,transparent 46%,#ec3447 47%,transparent 49%)}.tweet-chart i{position:absolute;left:10%;right:8%;top:50%;height:2px;background:#f13b4f;transform:rotate(7deg)}.new-finance-snapshot{position:relative;padding:16px;display:grid;align-content:center;border:2px solid #8b6bff!important;color:#fff!important;background:#111722!important;text-align:left;cursor:pointer;box-shadow:0 0 0 4px rgba(118,87,255,.18),0 0 45px rgba(85,56,225,.4)!important}.new-finance-snapshot>span{position:absolute;right:8px;top:8px;padding:5px 7px;border-radius:6px;color:#fff;background:#7657ff;font-size:6px}.new-finance-snapshot>small{font-size:8px}.new-finance-snapshot>strong{font-size:26px}.new-finance-snapshot>em{color:#47df9e;font-size:8px;font-style:normal}.new-finance-snapshot>div{height:45px;margin-top:9px;display:flex;align-items:end;gap:5px}.new-finance-snapshot>div i{flex:1;height:35%;background:linear-gradient(#63d9ff,#4569ee)}.new-finance-snapshot>div i:nth-child(2){height:52%}.new-finance-snapshot>div i:nth-child(3){height:45%}.new-finance-snapshot>div i:nth-child(4){height:70%}.new-finance-snapshot>div i:nth-child(5){height:88%}.board-toolbar{position:absolute;z-index:5;left:50%;bottom:12px;padding:7px;display:flex;gap:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#101722;box-shadow:0 15px 35px rgba(0,0,0,.4);transform:translateX(-50%)}.board-toolbar button{padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#dfe1e8;background:#17202b;font-size:7px}.board-toolbar button:first-child{border-color:#6043a8;background:#241c48}.dashboard-open-toast{top:48px}.compact-board .canvas-grid{grid-template-columns:.9fr 1.05fr 1.2fr}.compact-board .new-finance-snapshot{grid-column:2;grid-row:2}.compact-board .tweet-card{grid-column:3;grid-row:1/3}.compact-board .kaptr-user{display:none}
.coded-toolbar{position:absolute;z-index:15;left:50%;bottom:18px;height:66px;padding:7px;display:flex;align-items:stretch;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#101722;box-shadow:0 22px 55px rgba(0,0,0,.55);transform:translateX(-50%)}.coded-toolbar>button{min-width:90px;padding:0 15px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#dfe1ea;background:#18212c;font-size:9px;font-weight:800}.coded-toolbar .refresh-main{min-width:205px;display:flex;align-items:center;gap:10px;border-color:#2185ae;background:linear-gradient(100deg,#0e536a,#152548);box-shadow:inset 0 0 25px rgba(67,186,255,.14)}.refresh-main>i{font-size:24px;font-style:normal}.refresh-main>span{display:grid;text-align:left}.refresh-main b{font-size:13px}.refresh-main small{color:#c3d5e4;font-size:8px}.coded-toolbar>button:nth-of-type(2){position:relative;min-width:74px;color:#fff;background:linear-gradient(135deg,#8a67ff,#37b6f3)}.coded-toolbar>button:nth-of-type(2) small{position:absolute;right:4px;top:-8px;padding:2px 4px;border:1px solid #9d8af0;border-radius:5px;background:#13152a;font-size:5px}.coded-toolbar .refresh-progress{left:8px;bottom:3px}.real-stage-refresh.is-refreshing .coded-toolbar{box-shadow:0 22px 55px rgba(0,0,0,.55),0 0 52px rgba(56,154,255,.4)}.real-stage-refresh.is-refreshing .refresh-progress{animation:refreshProgressWide 1.8s linear forwards}.real-stage-refresh.is-refreshing [data-finance-value]{animation:valueFlash 1.8s ease}.real-stage-refresh.is-refreshed [data-finance-value]{color:#7eeac0}.real-stage-refresh.is-refreshed [data-finance-change]{color:#63d9ff}@keyframes refreshProgressWide{from{width:0}to{width:205px}}

@media(max-width:1050px){.capture-review-ui{grid-template-columns:63% 37%}.destination-interaction{width:33.5%}.kaptr-app-ui{grid-template-columns:155px 1fr}.canvas-grid{grid-template-columns:.9fr 1fr 1fr}.coded-toolbar>button{min-width:72px;padding:0 10px}.coded-toolbar .refresh-main{min-width:170px}}
@media(max-width:760px){.kaptr-extension{width:225px;padding:12px}.ext-status{height:42px}.ext-status>b{font-size:13px}.ext-status>em{padding:6px 8px;font-size:7px}.ext-tip{padding:9px}.ext-tip small{display:none}.ext-capture{height:49px}.ext-modes{gap:5px}.ext-modes button{height:52px}.ext-modes b{font-size:6px}.ext-footer,.kaptr-extension>p{display:none}.capture-review-ui{grid-template-columns:1fr}.review-preview{margin:85px 14px 80px;padding:50px 15px}.review-panel{display:none}.finance-widget{padding:18px}.finance-total strong{font-size:28px}.finance-lines{height:100px}.destination-interaction{left:8%;right:8%;top:18%;width:auto}.kaptr-app-ui{grid-template-columns:88px 1fr}.kaptr-sidebar{padding:9px 5px}.kaptr-logo b,.new-board b,.kaptr-sidebar h5,.snapshot-list,.kaptr-user{display:none}.new-board{height:44px;justify-content:center}.new-board>span{width:29px;height:29px}.kaptr-sidebar>a{padding:8px 5px;font-size:0}.kaptr-sidebar>a:first-letter{font-size:13px}.kaptr-sidebar>a small{font-size:6px}.kaptr-canvas>header span,.kaptr-canvas>header nav{display:none}.canvas-grid,.compact-board .canvas-grid{inset:47px 8px 88px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px}.news-card{display:none}.tweet-card,.compact-board .tweet-card{grid-column:2;grid-row:1/3}.quote-card{display:none}.new-finance-snapshot,.compact-board .new-finance-snapshot{grid-column:1;grid-row:2}.sentiment-card{grid-column:1;grid-row:1}.crypto-card{display:none}.board-toolbar{display:none}.dashboard-open-toast{top:10px;right:8px}.dashboard-open-toast small{display:none}.coded-toolbar{bottom:72px;width:94%;height:55px}.coded-toolbar>button{display:none}.coded-toolbar .refresh-main,.coded-toolbar>button:nth-of-type(2){display:flex;min-width:0;flex:1}.coded-toolbar>button:nth-of-type(2){align-items:center;justify-content:center}.stage-caption{z-index:20}}

/* Guided, higher-fidelity live tutorial */
.real-machine::after{content:"";position:absolute;z-index:30;inset:-35% auto -35% -35%;width:22%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);opacity:0;transform:skewX(-18deg)}.real-machine.is-transitioning::after{animation:stageSweep .72s var(--ease)}
.interaction-guide{position:absolute;z-index:24;min-width:190px;padding:11px 38px 11px 13px;display:grid;gap:3px;border:1px solid rgba(151,129,255,.38);border-radius:12px;color:#fff;background:rgba(12,13,22,.9);box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 30px rgba(100,72,230,.16);backdrop-filter:blur(14px);pointer-events:none;animation:guideBreathe 2.4s ease-in-out infinite}.interaction-guide span{color:#8e7bff;font:7px "DM Mono",monospace;letter-spacing:.11em}.interaction-guide b{font-size:10px}.interaction-guide>i{position:absolute;right:13px;top:50%;color:#67d8ff;font-size:21px;font-style:normal;transform:translateY(-50%);animation:guideArrow 1.15s ease-in-out infinite}.interaction-guide.is-complete{opacity:0;transform:translateY(-8px);transition:.3s}.guide-extension{right:385px;top:265px}.guide-selection{right:64px;top:118px}.guide-destination{right:34.3%;top:154px}.guide-destination.guide-choice{top:190px}.guide-destination.guide-save{top:258px}.guide-dashboard{right:37%;bottom:112px}.guide-refresh{left:50%;bottom:101px;transform:translateX(-50%)}.guide-refresh.is-complete{transform:translate(-50%,-8px)}
.ext-capture,.capture-area-button,.kapboard-select,.save-to-board:not(:disabled),.new-finance-snapshot,.refresh-main{isolation:isolate}.ext-capture::after,.capture-area-button::after,.kapboard-select::after,.save-to-board:not(:disabled)::after,.new-finance-snapshot::after,.refresh-main::after{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid rgba(106,211,255,.7);border-radius:inherit;opacity:0;animation:targetPulse 2s ease-out infinite;pointer-events:none}.kapboard-select,.save-to-board,.refresh-main{position:relative}.save-to-board:not(:disabled)::after{border-color:rgba(169,134,255,.85)}
.selection-page{cursor:crosshair}.selection-page::after{content:"Drag to select any block";position:absolute;z-index:4;left:50%;top:48%;padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#d8d9e1;background:rgba(9,11,18,.82);font:7px "DM Mono",monospace;transform:translate(-50%,-50%);opacity:.75}.capture-area-button{border-color:#8e74ff;background:linear-gradient(145deg,rgba(97,73,240,.08),rgba(26,157,232,.04));box-shadow:0 0 0 999px rgba(2,4,9,.34),0 0 0 1px rgba(255,255,255,.12) inset,0 0 48px rgba(103,74,246,.34)}.capture-area-button::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,#7457ff,#56d7ff,#c04cff,#7457ff);background-size:300% 100%;z-index:-2;animation:selectionBorder 4s linear infinite}.capture-area-button strong{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 34px rgba(80,65,220,.48)}.selection-crosshair{position:absolute;z-index:8;left:67%;top:61%;width:18px;height:18px;pointer-events:none;animation:crosshairMove 3.4s var(--ease) infinite}.selection-crosshair i,.selection-crosshair b{position:absolute;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.6)}.selection-crosshair i{left:8px;top:0;width:1px;height:18px}.selection-crosshair b{left:0;top:8px;width:18px;height:1px}
.review-preview{margin:42px 28px 74px;padding:56px 30px 45px;border-radius:24px;background:radial-gradient(circle at 12% 8%,rgba(70,104,220,.13),transparent 38%),#121925;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.finance-widget{position:relative;padding:24px 27px;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#f5f7fb;background:linear-gradient(145deg,#151d2b,#0d1420);box-shadow:0 28px 75px rgba(0,0,0,.34),0 0 0 1px rgba(90,116,255,.08)}.finance-widget::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 80% 10%,rgba(90,94,255,.18),transparent 36%);pointer-events:none}.finance-widget-head{position:relative;color:#8894a7}.finance-total{position:relative}.finance-total small{color:#858fa0}.finance-total strong{color:#fff}.finance-lines{position:relative;border-color:#293344;background:repeating-linear-gradient(to bottom,#202a3a 0,#202a3a 1px,transparent 1px,transparent 34px)}.finance-axis{color:#657084}.review-panel{padding:24px;background:radial-gradient(circle at 50% 0,rgba(111,76,220,.38),transparent 37%),linear-gradient(170deg,#1a1430,#101117 60%)}.review-panel::after{content:"";position:absolute;inset:22px 14px auto;height:285px;border:1px solid rgba(142,105,255,.28);border-radius:22px;background:linear-gradient(160deg,rgba(130,88,255,.15),rgba(76,48,142,.05));pointer-events:none}.review-brand,.review-panel>small,.review-panel>h3{position:relative;z-index:2}.review-brand span{width:39px;height:39px;border-radius:13px;box-shadow:0 0 0 6px rgba(127,91,255,.14)}.review-brand b{padding:9px 13px}.review-panel h3{max-width:300px;font-size:14px}.destination-interaction{z-index:13;right:1.9%;top:22.8%;width:29%;padding:10px;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.destination-interaction>p{display:none}.kapboard-select{height:48px;border-color:rgba(255,255,255,.17);background:rgba(21,16,47,.78);box-shadow:inset 0 0 0 1px rgba(142,105,255,.08)}.save-to-board{height:62px;margin-top:9px;border:1px solid rgba(255,255,255,.23);background:linear-gradient(105deg,#5c8aff,#7434f0);box-shadow:0 13px 32px rgba(66,56,215,.35),inset 0 1px rgba(255,255,255,.2)}.save-to-board span{font-size:12px}.save-to-board small{margin-top:3px}.review-actions{z-index:3;top:48%;padding:14px;border-radius:18px;background:linear-gradient(145deg,rgba(37,46,65,.9),rgba(30,28,35,.86))}.review-actions h4{font-size:14px}.review-actions button{height:40px;border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}.review-actions button:hover{border-color:rgba(99,217,255,.3);background:rgba(99,217,255,.08)}.review-actions kbd{margin-left:auto;width:17px;height:17px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#777d8c;background:rgba(255,255,255,.05);font-size:6px}.review-features{position:absolute;z-index:3;left:20px;right:20px;top:80%;display:grid;gap:5px}.review-features>b{display:flex;font-size:12px}.review-features>b span{margin-left:auto;color:#9292a0;font-size:8px}.review-features>small{color:#777b88;font-size:7px}.review-features>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}.review-features i{padding:7px 9px;border:1px solid rgba(139,107,255,.2);border-radius:8px;color:#d2d0dd;background:rgba(70,45,125,.08);font-size:7px;font-style:normal}
.kaptr-app-ui:not(.compact-board) .crypto-card{display:none}.kaptr-app-ui:not(.compact-board) .tweet-card{grid-column:3;grid-row:2}.kaptr-app-ui:not(.compact-board) .new-finance-snapshot{grid-column:2;grid-row:2}.new-finance-snapshot{transition:transform .25s var(--ease),box-shadow .25s}.new-finance-snapshot:hover{transform:translateY(-3px);box-shadow:0 0 0 5px rgba(118,87,255,.22),0 0 58px rgba(85,56,225,.5)!important}
.coded-toolbar{bottom:18px;width:548px;height:58px;padding:6px;display:grid;grid-template-columns:194px 62px 102px 78px 82px;gap:5px;border-color:rgba(148,166,203,.18);border-radius:19px;background:linear-gradient(180deg,#131c28,#0d141e);box-shadow:0 20px 55px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.035)}.coded-toolbar>button{min-width:0!important;padding:0 10px;border-color:rgba(255,255,255,.075);border-radius:13px;background:linear-gradient(180deg,#182331,#141d28);font-size:9px;white-space:nowrap}.coded-toolbar .refresh-main{min-width:0;gap:9px;padding:0 13px;border-color:#237ca2;background:linear-gradient(105deg,#10475c,#19294d);box-shadow:inset 0 0 28px rgba(53,178,242,.15),0 0 0 3px rgba(33,135,180,.12)}.rocket-mark{position:relative;width:46px;height:30px;display:grid;place-items:center;color:#dffaff;font-size:25px!important;font-style:normal;filter:drop-shadow(0 0 8px #3dd5ff);transform:rotate(-5deg)}.rocket-mark::before,.rocket-mark::after{content:"";position:absolute;right:27px;height:2px;border-radius:9px;background:linear-gradient(90deg,transparent,#54d5ff)}.rocket-mark::before{top:9px;width:24px}.rocket-mark::after{bottom:8px;width:32px}.refresh-main:hover .rocket-mark{animation:rocketNudge .8s ease-in-out infinite}.refresh-main b{font-size:12px}.refresh-main small{max-width:100px;overflow:hidden;text-overflow:ellipsis}.coded-toolbar .toolbar-ai{min-width:0;color:#fff;background:linear-gradient(135deg,#8b65ff,#3eb9ed);box-shadow:0 8px 20px rgba(92,82,238,.28)}.coded-toolbar>button:hover{border-color:rgba(128,111,255,.42);transform:translateY(-1px)}.coded-toolbar>button{transition:transform .2s,border-color .2s,background .2s}.coded-toolbar .refresh-progress{left:6px;bottom:2px}.real-stage-refresh .stage-caption{top:56px;bottom:auto}.real-stage-refresh .refresh-result{top:50px}
@keyframes stageSweep{0%{left:-35%;opacity:0}25%{opacity:1}100%{left:115%;opacity:0}}@keyframes guideBreathe{0%,100%{box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 0 rgba(110,82,255,0)}50%{box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 28px rgba(110,82,255,.28)}}@keyframes guideArrow{0%,100%{transform:translate(0,-50%)}50%{transform:translate(5px,-50%)}}@keyframes targetPulse{0%{opacity:.75;transform:scale(.98)}75%,100%{opacity:0;transform:scale(1.08)}}@keyframes selectionBorder{to{background-position:300% 0}}@keyframes crosshairMove{0%,100%{transform:translate(-60px,-30px)}50%{transform:translate(38px,42px)}}@keyframes rocketNudge{0%,100%{transform:translateX(0) rotate(-5deg)}50%{transform:translateX(4px) rotate(-5deg)}}

@media(max-width:1050px){.guide-extension{right:320px}.guide-destination{right:39%;top:155px}.coded-toolbar{width:520px;grid-template-columns:180px 58px 96px 74px 80px}.review-features{display:none}.review-actions{top:57%}}
@media(max-width:760px){.interaction-guide{min-width:0;padding:9px 32px 9px 11px}.interaction-guide b{font-size:8px}.guide-extension{left:14px;right:auto;top:310px}.guide-selection{right:12px;top:86px}.guide-destination{left:12px;right:auto;top:auto;bottom:92px}.guide-destination.guide-choice,.guide-destination.guide-save{top:auto}.guide-dashboard{right:12px;bottom:115px}.guide-refresh{bottom:139px}.selection-page::after,.selection-crosshair{display:none}.review-preview{margin:80px 12px 75px}.review-panel::after{display:none}.destination-interaction{top:17%}.coded-toolbar{bottom:74px;width:94%;height:55px;display:flex}.coded-toolbar>button{display:none}.coded-toolbar .refresh-main,.coded-toolbar .toolbar-ai{display:flex;flex:1}.real-stage-refresh .stage-caption{top:auto;bottom:12px}}

/* One continuous captured object across every tutorial step */
.real-stage{transition:opacity 1.05s ease,transform 1.2s var(--ease),visibility 1.05s}.real-stage:not([style]){will-change:opacity,transform}.real-machine.is-transitioning::after{animation-duration:1.15s}
.finance-site-header{position:absolute;z-index:2;left:9%;right:9%;top:88px;height:42px;padding:0 16px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#aeb7c8;background:rgba(16,22,33,.88);font-size:8px}.finance-site-header>b{font-size:12px;color:#fff}.finance-site-header>b span{color:#6c75ff}.finance-site-header nav{margin:auto;color:#737e91}.finance-site-header em{padding:6px 9px;border-radius:99px;color:#58e0aa;background:rgba(69,214,156,.09);font-style:normal}
.captured-market-card{position:relative;padding:23px 25px;border:1px solid rgba(117,142,190,.24);border-radius:18px;color:#f5f7fb;background:radial-gradient(circle at 82% 8%,rgba(94,83,255,.21),transparent 34%),linear-gradient(145deg,#182232,#0e1520);box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.035);overflow:hidden}.captured-market-card header{display:flex;align-items:center;justify-content:space-between;color:#8895a9;font:8px "DM Mono",monospace;letter-spacing:.12em}.captured-market-card header b{padding:5px 8px;border:1px solid rgba(66,222,161,.18);border-radius:99px;color:#59dda7;background:rgba(66,222,161,.08);font-size:6px}.captured-value{margin-top:17px;display:grid}.captured-value small{color:#8490a2;font-size:8px}.captured-value strong{font-size:37px;line-height:1.05;letter-spacing:-.06em}.captured-value em{margin-top:3px;color:#4ce0a0;font-size:8px;font-style:normal}.captured-chart{height:145px;margin-top:15px;padding:0 2px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #2b3545;background:repeating-linear-gradient(to bottom,rgba(105,124,153,.13) 0,rgba(105,124,153,.13) 1px,transparent 1px,transparent 36px)}.captured-chart i{flex:1;height:38%;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,#7564ff,#318dda);box-shadow:0 0 14px rgba(73,92,230,.18)}.captured-chart i:nth-child(2){height:51%}.captured-chart i:nth-child(3){height:45%}.captured-chart i:nth-child(4){height:68%}.captured-chart i:nth-child(5){height:61%}.captured-chart i:nth-child(6){height:81%}.captured-chart i:nth-child(7){height:75%}.captured-chart i:nth-child(8){height:91%}.captured-market-card footer{margin-top:7px;display:flex;justify-content:space-between;color:#5f6a7d;font-size:6px}
.source-captured-card{position:absolute;z-index:3;left:13%;right:13%;top:151px;height:400px}.source-captured-card .captured-chart{height:225px}.capture-area-button{left:11.7%;right:11.7%;top:139px;bottom:auto;height:424px;border:2px solid #8f7aff;background:rgba(95,73,224,.025);box-shadow:0 0 0 999px rgba(1,3,8,.48),0 0 0 1px rgba(255,255,255,.18) inset,0 0 36px rgba(106,80,242,.38)}.capture-area-button::before{display:none}.capture-area-button span{top:-29px;background:#7259e9}.capture-area-button strong{top:13px;right:13px;padding:9px 10px;background:#7259e9}.capture-area-button strong em{margin-left:5px;padding:4px 6px;border-radius:5px;color:#171121;background:#fff;font-size:6px;font-style:normal}.selection-page::after{content:"The outlined card is the exact content Kaptr.me will save";top:auto;bottom:22px}.selection-crosshair{left:74%;top:72%}
.review-captured-card{width:min(680px,94%)}.review-captured-card .captured-chart{height:165px}.finance-widget{display:none}.review-preview{padding-top:58px}.review-meta{bottom:-47px}
.kapboard-select em,.save-to-board em{padding:4px 6px;border-radius:5px;color:#1b1426;background:#fff;font:6px "DM Mono",monospace;font-style:normal;letter-spacing:.05em}.kapboard-select em{margin-left:auto;margin-right:10px}.save-to-board em{margin-left:6px}.save-to-board:disabled em{display:none}
.new-finance-snapshot{padding:8px!important}.new-finance-snapshot>.captured-market-card{height:100%;margin:0;display:block}.board-captured-card{padding:12px 13px;border:0;border-radius:9px;background:linear-gradient(145deg,#172131,#101722);box-shadow:none}.board-captured-card header{font-size:5px}.board-captured-card header b{padding:3px 5px;font-size:4px}.board-captured-card .captured-value{margin-top:7px}.board-captured-card .captured-value small{font-size:6px}.board-captured-card .captured-value strong{font-size:21px}.board-captured-card .captured-value em{font-size:6px}.board-captured-card .captured-chart{height:42px;margin-top:6px;gap:3px;background:none}.board-captured-card footer{font-size:4px}.snapshot-state{z-index:5}.snapshot-click-target{position:absolute;z-index:8;inset:0;border:0;border-radius:12px;color:transparent;background:transparent;cursor:pointer}.snapshot-click-target::after{content:"CLICK HERE";position:absolute;right:8px;top:8px;padding:6px 8px;border-radius:6px;color:#15101d;background:#fff;font:6px "DM Mono",monospace;box-shadow:0 8px 20px rgba(0,0,0,.3);animation:clickBadge 1.8s ease-in-out infinite}.new-finance-snapshot.selected{border-color:#8e72ff!important}.real-stage-refresh .new-finance-snapshot{grid-column:2;grid-row:2}.real-stage-refresh .tweet-card{grid-column:3;grid-row:2}.real-stage-refresh .crypto-card{display:none}.real-stage-refresh .kaptr-app-ui,.real-stage-dashboard .kaptr-app-ui{grid-template-columns:185px 1fr}.real-stage-refresh .kaptr-sidebar,.real-stage-dashboard .kaptr-sidebar{width:auto}.real-stage-refresh .canvas-grid,.real-stage-dashboard .canvas-grid{inset:48px 18px 70px;grid-template-columns:1fr 1.2fr 1.05fr;grid-template-rows:1fr 1fr}.real-stage-refresh .coded-toolbar{z-index:18}.refresh-main::before{content:"CLICK HERE";position:absolute;left:10px;top:-22px;padding:5px 7px;border-radius:6px;color:#15101d;background:#fff;font:6px "DM Mono",monospace;box-shadow:0 8px 20px rgba(0,0,0,.3);animation:clickBadge 1.8s ease-in-out infinite}.real-stage-refresh.is-refreshing .refresh-main::before,.real-stage-refresh.is-refreshed .refresh-main::before{display:none}
@keyframes clickBadge{0%,100%{transform:translateY(0);box-shadow:0 8px 20px rgba(0,0,0,.3)}50%{transform:translateY(-3px);box-shadow:0 12px 28px rgba(104,85,240,.48)}}

@media(max-width:1050px){.source-captured-card{left:10%;right:10%}.capture-area-button{left:8.5%;right:8.5%}.real-stage-refresh .kaptr-app-ui,.real-stage-dashboard .kaptr-app-ui{grid-template-columns:155px 1fr}}
@media(max-width:760px){.finance-site-header{left:5%;right:5%;top:82px}.finance-site-header nav{display:none}.source-captured-card{left:7%;right:7%;top:142px;height:300px;padding:16px}.source-captured-card .captured-value strong{font-size:28px}.source-captured-card .captured-chart{height:135px}.capture-area-button{left:4.5%;right:4.5%;top:131px;height:322px}.capture-area-button strong{font-size:7px}.capture-area-button strong em{display:none}.review-captured-card{padding:15px}.review-captured-card .captured-chart{height:105px}.real-stage-refresh .kaptr-app-ui,.real-stage-dashboard .kaptr-app-ui{grid-template-columns:88px 1fr}.real-stage-refresh .canvas-grid,.real-stage-dashboard .canvas-grid{inset:47px 8px 88px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.real-stage-refresh .new-finance-snapshot,.real-stage-dashboard .new-finance-snapshot{grid-column:1;grid-row:2}.real-stage-refresh .tweet-card,.real-stage-dashboard .tweet-card{grid-column:2;grid-row:1/3}.board-captured-card .captured-chart{height:30px}}
.captured-axis{margin-top:7px;display:flex;justify-content:space-between;color:#5f6a7d;font-size:6px}.board-captured-card .captured-axis{font-size:4px}

/* Autonomous cursor choreography */
.auto-demo-cursor{position:absolute;z-index:60;left:48%;top:14%;width:27px;height:34px;pointer-events:none;opacity:1;transform:rotate(-18deg);transform-origin:5px 4px;transition:left 1.65s cubic-bezier(.2,.72,.18,1),top 1.65s cubic-bezier(.2,.72,.18,1),transform 1.4s var(--ease),opacity .3s}.auto-demo-cursor>i{position:absolute;z-index:2;inset:0;background:#fff;clip-path:polygon(2% 0,4% 91%,28% 68%,47% 100%,62% 90%,44% 60%,78% 58%);filter:drop-shadow(0 3px 2px rgba(0,0,0,.7));transform:scale(.78);transform-origin:top left}.auto-demo-cursor>i::after{content:"";position:absolute;inset:3px;background:#111;clip-path:inherit}.auto-demo-cursor>span{position:absolute;left:-12px;top:-12px;width:32px;height:32px;border:2px solid #68d9ff;border-radius:50%;opacity:0;transform:scale(.35)}.auto-demo-cursor>b{position:absolute;left:22px;top:22px;padding:5px 7px;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;background:rgba(11,13,21,.88);box-shadow:0 8px 20px rgba(0,0,0,.3);font:6px "DM Mono",monospace;white-space:nowrap}.auto-demo-cursor.is-clicking>i{animation:cursorPress .4s ease}.auto-demo-cursor.is-clicking>span{animation:cursorRipple .52s ease-out}.auto-demo-cursor.is-clicking>b{color:#68d9ff}
.real-machine[data-cursor-step="manual-hidden"] .auto-demo-cursor{opacity:0}.real-machine[data-cursor-step="stage-1-ready"] .auto-demo-cursor{left:61%;top:18%;transform:rotate(-28deg)}.real-machine[data-cursor-step="extension-capture"] .auto-demo-cursor{left:83.8%;top:34%;transform:rotate(7deg)}.real-machine[data-cursor-step="stage-2-ready"] .auto-demo-cursor{left:18%;top:18%;transform:rotate(-32deg)}.real-machine[data-cursor-step="select-top-left"] .auto-demo-cursor{left:11.7%;top:20.1%;transform:rotate(-43deg)}.real-machine[data-cursor-step="select-bottom-right"] .auto-demo-cursor{left:88.1%;top:81.2%;transform:rotate(34deg);transition-duration:2.25s}.real-machine[data-cursor-step="select-confirm"] .auto-demo-cursor{left:80%;top:23.5%;transform:rotate(3deg)}.real-machine[data-cursor-step="stage-3-ready"] .auto-demo-cursor{left:70%;top:17%;transform:rotate(-24deg)}.real-machine[data-cursor-step="kapboard-select"] .auto-demo-cursor{left:84%;top:30.5%;transform:rotate(9deg)}.real-machine[data-cursor-step="kapboard-finance"] .auto-demo-cursor{left:82%;top:40.5%;transform:rotate(-8deg)}.real-machine[data-cursor-step="kapboard-save"] .auto-demo-cursor{left:83%;top:45%;transform:rotate(12deg)}.real-machine[data-cursor-step="stage-4-ready"] .auto-demo-cursor{left:76%;top:20%;transform:rotate(-23deg)}.real-machine[data-cursor-step="dashboard-snapshot"] .auto-demo-cursor{left:52%;top:68%;transform:rotate(-18deg)}.real-machine[data-cursor-step="stage-5-ready"] .auto-demo-cursor{left:67%;top:62%;transform:rotate(28deg)}.real-machine[data-cursor-step="refresh-button"] .auto-demo-cursor{left:36.5%;top:92%;transform:rotate(-6deg)}
.capture-area-button{border-color:transparent}.capture-area-button::before{content:"";position:absolute;display:block;z-index:2;inset:-2px;border:2px solid #9078ff;border-radius:inherit;background:none;transform:scale(.015);transform-origin:top left;transition:transform 2.25s cubic-bezier(.18,.78,.16,1);pointer-events:none}.real-machine[data-cursor-step="select-bottom-right"] .capture-area-button::before,.real-machine[data-cursor-step="select-confirm"] .capture-area-button::before{transform:scale(1)}.real-machine[data-cursor-step="select-top-left"] .capture-area-button>i{opacity:.25}.capture-area-button>i{z-index:3;transition:opacity .35s .25s}.snapshot-click-target::after{display:none}.guide-dashboard b{font-size:0}.guide-dashboard b::after{content:"The cursor will select the new snapshot";font-size:10px}
.board-toolbar{left:50%;bottom:18px;width:548px;height:58px;padding:6px;display:grid;grid-template-columns:194px 62px 102px 78px 82px;gap:5px;border:1px solid rgba(148,166,203,.18);border-radius:19px;background:linear-gradient(180deg,#131c28,#0d141e);box-shadow:0 20px 55px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.035);transform:translateX(-50%)}.board-toolbar button{min-width:0;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:13px;color:#dfe1ea;background:linear-gradient(180deg,#182331,#141d28);font-size:9px;font-weight:800}.board-toolbar button:first-child{border-color:#237ca2;background:linear-gradient(105deg,#10475c,#19294d);box-shadow:inset 0 0 28px rgba(53,178,242,.15),0 0 0 3px rgba(33,135,180,.12)}.board-toolbar button:nth-child(2){color:#fff;background:linear-gradient(135deg,#8b65ff,#3eb9ed)}
@keyframes cursorPress{0%,100%{transform:scale(.78)}45%{transform:scale(.64) rotate(5deg)}}@keyframes cursorRipple{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.7)}}

@media(max-width:1050px){.board-toolbar{width:520px;grid-template-columns:180px 58px 96px 74px 80px}.real-machine[data-cursor-step="extension-capture"] .auto-demo-cursor{left:82%;top:34%}.real-machine[data-cursor-step="dashboard-snapshot"] .auto-demo-cursor{left:50%;top:67%}}
@media(max-width:760px){.auto-demo-cursor{transform:scale(.85) rotate(-18deg)}.auto-demo-cursor>b{display:none}.real-machine[data-cursor-step="extension-capture"] .auto-demo-cursor{left:73%;top:41%}.real-machine[data-cursor-step="select-top-left"] .auto-demo-cursor{left:4.5%;top:25%}.real-machine[data-cursor-step="select-bottom-right"] .auto-demo-cursor{left:95%;top:86%}.real-machine[data-cursor-step="select-confirm"] .auto-demo-cursor{left:78%;top:29%}.real-machine[data-cursor-step="kapboard-select"] .auto-demo-cursor{left:76%;top:25%}.real-machine[data-cursor-step="kapboard-finance"] .auto-demo-cursor{left:65%;top:40%}.real-machine[data-cursor-step="kapboard-save"] .auto-demo-cursor{left:73%;top:45%}.real-machine[data-cursor-step="dashboard-snapshot"] .auto-demo-cursor{left:42%;top:70%}.real-machine[data-cursor-step="refresh-button"] .auto-demo-cursor{left:28%;top:83%}.board-toolbar{bottom:74px;width:94%;height:55px;display:flex}.board-toolbar button{display:none}.board-toolbar button:first-child,.board-toolbar button:nth-child(2){display:block;flex:1}}

/* Real extension-style area selection */
.selection-page::before{content:"";position:absolute;z-index:5;inset:0;background:rgba(9,13,22,.47);backdrop-filter:blur(1px);pointer-events:none}.selection-page::after{display:none}.capture-area-frame{position:absolute;z-index:8;left:11.7%;right:11.7%;top:139px;height:424px;pointer-events:none}.capture-area-frame::before{content:"";position:absolute;inset:0;border:3px solid #436cff;border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 34px rgba(49,91,255,.42);transform:scale(.012);transform-origin:top left;transition:transform 2.3s cubic-bezier(.2,.76,.17,1),border-radius .5s}.real-machine.is-selecting .capture-area-frame::before,.real-machine.selection-complete .capture-area-frame::before{transform:scale(1)}.capture-area-frame>i{position:absolute;width:13px;height:13px;border:3px solid #416aff;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(13,33,88,.35);opacity:0;transform:scale(.45);transition:opacity .3s ease,transform .4s var(--ease)}.real-machine.selection-complete .capture-area-frame>i{opacity:1;transform:scale(1)}.capture-area-frame i:nth-child(1){left:-6px;top:-6px}.capture-area-frame i:nth-child(2){left:50%;top:-6px;transform:translateX(-50%) scale(.45)}.capture-area-frame i:nth-child(3){right:-6px;top:-6px}.capture-area-frame i:nth-child(4){right:-6px;top:50%;transform:translateY(-50%) scale(.45)}.capture-area-frame i:nth-child(5){right:-6px;bottom:-6px}.capture-area-frame i:nth-child(6){left:50%;bottom:-6px;transform:translateX(-50%) scale(.45)}.capture-area-frame i:nth-child(7){left:-6px;bottom:-6px}.capture-area-frame i:nth-child(8){left:-6px;top:50%;transform:translateY(-50%) scale(.45)}.real-machine.selection-complete .capture-area-frame i:nth-child(2),.real-machine.selection-complete .capture-area-frame i:nth-child(6){transform:translateX(-50%) scale(1)}.real-machine.selection-complete .capture-area-frame i:nth-child(4),.real-machine.selection-complete .capture-area-frame i:nth-child(8){transform:translateY(-50%) scale(1)}
.selection-confirm-panel{position:absolute;z-index:10;left:50%;top:577px;width:310px;padding:13px 14px;border:1px solid rgba(16,24,45,.1);border-radius:16px;color:#283246;background:#fff;box-shadow:0 24px 55px rgba(0,0,0,.35);opacity:0;transform:translate(-50%,12px) scale(.96);transition:opacity .4s ease,transform .55s var(--ease);pointer-events:none}.real-machine.selection-complete .selection-confirm-panel{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}.selection-confirm-panel p{margin:0 0 10px;font-size:10px}.selection-confirm-panel>div{display:grid;grid-template-columns:1fr 82px;gap:8px}.selection-confirm-panel button{height:42px;border:0;border-radius:10px;color:#374154;background:#e8edf5;font-size:10px;font-weight:850;cursor:pointer}.selection-confirm-panel .confirm-zone-button{position:relative;color:#fff;background:linear-gradient(110deg,#436af4,#304ed8);box-shadow:0 10px 24px rgba(51,79,210,.28)}.selection-confirm-panel .confirm-zone-button::after{content:"";position:absolute;inset:-4px;border:2px solid rgba(75,108,255,.65);border-radius:13px;animation:targetPulse 2s ease-out infinite}.selection-crosshair{display:none!important}
.auto-demo-cursor{transition:none}.auto-demo-cursor>i{filter:drop-shadow(0 4px 3px rgba(0,0,0,.58))}.auto-demo-cursor>b{transition:opacity .2s}.real-machine.is-selecting .auto-demo-cursor>b{opacity:.45}.real-machine.selection-complete .auto-demo-cursor>b{opacity:1}.guide-selection{top:92px}.guide-selection b{font-size:0}.guide-selection b::after{content:"The cursor selects both opposite corners";font-size:10px}
@media(max-width:760px){.capture-area-frame{left:4.5%;right:4.5%;top:131px;height:322px}.selection-confirm-panel{top:464px;width:min(290px,86%);padding:10px}.selection-confirm-panel p{font-size:8px}.selection-confirm-panel button{height:37px}.guide-selection{top:76px}}

/* Stable cursor renderer: one transform, one animation loop */
.auto-demo-cursor{left:0!important;top:0!important;transition:opacity .22s ease!important;will-change:transform;transform:translate3d(50vw,100px,0) rotate(-14deg)}.auto-demo-cursor>i{transition:clip-path .18s ease,background .18s ease,filter .18s ease}.auto-demo-cursor>i::before{content:none}.real-machine.is-selecting .auto-demo-cursor>i{width:27px;height:27px;background:rgba(9,13,23,.84);clip-path:none;border:1px solid rgba(255,255,255,.72);border-radius:50%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55));transform:translate(-11px,-11px)}.real-machine.is-selecting .auto-demo-cursor>i::before,.real-machine.is-selecting .auto-demo-cursor>i::after{content:"";position:absolute;left:50%;top:50%;display:block;inset:auto;border-radius:4px;background:#fff;box-shadow:0 0 8px rgba(74,119,255,.8);clip-path:none;transform:translate(-50%,-50%)}.real-machine.is-selecting .auto-demo-cursor>i::before{width:2px;height:17px}.real-machine.is-selecting .auto-demo-cursor>i::after{width:17px;height:2px}.real-machine.is-selecting .auto-demo-cursor>b{opacity:0}.real-machine.is-selecting .auto-demo-cursor>span{left:-16px;top:-16px}

/* Synchronized selection and clean scene transitions */
.capture-area-frame::before{transform:scale(var(--selection-progress,.012))!important;transition:none!important;will-change:transform}.real-machine::after{display:none!important}.real-stage{z-index:1;visibility:visible!important;pointer-events:none;opacity:0;transform:translate3d(0,14px,0) scale(.994);transition:opacity .82s cubic-bezier(.22,.72,.18,1),transform .92s cubic-bezier(.22,.72,.18,1)!important;will-change:opacity,transform;backface-visibility:hidden}.real-machine[data-machine-stage="1"] [data-real-stage="1"],.real-machine[data-machine-stage="2"] [data-real-stage="2"],.real-machine[data-machine-stage="3"] [data-real-stage="3"],.real-machine[data-machine-stage="4"] [data-real-stage="4"],.real-machine[data-machine-stage="5"] [data-real-stage="5"]{z-index:4;pointer-events:auto;opacity:1;transform:translate3d(0,0,0) scale(1)}

/* Viewport-aware and low-power rendering */
.real-machine{contain:layout paint style}.real-stage{contain:layout paint;will-change:auto}.real-machine[data-machine-stage="1"] [data-real-stage="1"],.real-machine[data-machine-stage="2"] [data-real-stage="2"],.real-machine[data-machine-stage="3"] [data-real-stage="3"],.real-machine[data-machine-stage="4"] [data-real-stage="4"],.real-machine[data-machine-stage="5"] [data-real-stage="5"]{will-change:opacity,transform}.real-machine[data-cursor-step="paused-hidden"] .auto-demo-cursor{opacity:0}.real-machine:not(.demo-running) .interaction-guide{animation-play-state:paused}.low-power-mode .stage-context,.low-power-mode .stage-caption,.low-power-mode .dashboard-open-toast,.low-power-mode .refresh-result,.low-power-mode .destination-interaction,.low-power-mode .interaction-guide{backdrop-filter:none!important}.low-power-mode .extension-shot,.low-power-mode .interaction-guide,.low-power-mode .refresh-icon,.low-power-mode .auto-demo-cursor>b{animation:none!important}.low-power-mode .capture-area-frame::before,.low-power-mode .coded-toolbar,.low-power-mode .board-toolbar,.low-power-mode .captured-market-card,.low-power-mode .new-finance-snapshot{box-shadow:none!important}.low-power-mode .selection-page::before{backdrop-filter:none}.low-power-mode .real-stage{transition-duration:.62s!important}.low-power-mode .ext-capture::after,.low-power-mode .kapboard-select::after,.low-power-mode .save-to-board::after,.low-power-mode .refresh-main::after{animation:none!important}
@media(update:slow){.stage-context,.stage-caption,.dashboard-open-toast,.refresh-result,.interaction-guide{backdrop-filter:none!important}.extension-shot,.interaction-guide,.refresh-icon{animation:none!important}.captured-market-card,.coded-toolbar,.board-toolbar{box-shadow:none!important}}

/* Final pacing and snapshot-toolbar cleanup */
.real-stage{transition-duration:.72s,.8s!important}.real-stage-refresh .board-toolbar{display:none!important}
/* ==========================================================================
   Snapshot powers — explicit product-led bento v4
   One feature = one immediately readable proof. The refresh controls reuse
   the real Kaptr.me rocket geometry and navbar launch states.
   ========================================================================== */
.snapshot-powers{position:relative;padding-bottom:150px;overflow:hidden}
.snapshot-powers::before{content:"";position:absolute;width:760px;height:760px;left:-370px;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(118,87,255,.11),transparent 68%);pointer-events:none}
.snapshot-powers::after{content:"";position:absolute;width:700px;height:700px;right:-380px;bottom:-8%;border-radius:50%;background:radial-gradient(circle,rgba(33,137,255,.08),transparent 68%);pointer-events:none}
.snapshot-powers .split-heading{position:relative;z-index:2}.snapshot-powers .split-heading>p{max-width:600px;font-size:15px;line-height:1.68}
.snapshot-power-bento{position:relative;z-index:2;margin-top:72px;display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.snapshot-power-card{--card-accent:118,87,255;position:relative;min-width:0;padding:30px;border:1px solid var(--line);border-radius:26px;background:color-mix(in srgb,var(--solid-card) 90%,transparent);box-shadow:0 18px 55px rgba(44,35,96,.07);overflow:hidden;isolation:isolate;transition:transform .38s var(--ease),border-color .3s ease,box-shadow .38s var(--ease)}
.snapshot-power-card::before{content:"";position:absolute;width:340px;height:340px;left:var(--spot-x,75%);top:var(--spot-y,65%);border-radius:50%;background:radial-gradient(circle,rgba(var(--card-accent),.12),transparent 66%);transform:translate(-50%,-50%);opacity:.72;pointer-events:none}
.snapshot-power-card::after{content:"";position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--card-accent),.4),transparent);opacity:.65}
.snapshot-power-card:hover{transform:translateY(-5px);border-color:rgba(var(--card-accent),.27);box-shadow:0 28px 74px rgba(44,35,96,.12)}
.power-card-refresh{--card-accent:49,169,235;grid-column:span 7;min-height:515px}.power-card-history{--card-accent:118,87,255;grid-column:span 5;min-height:515px}.power-card-export{--card-accent:82,105,245;grid-column:span 4;min-height:430px}.power-card-embed{--card-accent:44,168,200;grid-column:span 4;min-height:430px}.power-card-ai{--card-accent:123,83,255;grid-column:span 4;min-height:430px;color:#fff;background:radial-gradient(circle at 85% 5%,rgba(104,82,255,.19),transparent 34%),linear-gradient(145deg,#171521,#0e1420 68%);border-color:rgba(255,255,255,.1);box-shadow:0 26px 70px rgba(20,16,46,.18)}
.power-card-copy{position:relative;z-index:3;max-width:560px}.power-card-refresh .power-card-copy{max-width:43%}.power-card-label{display:flex;align-items:center;gap:10px}.power-card-label>span{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(var(--card-accent),.2);border-radius:9px;color:rgb(var(--card-accent));background:rgba(var(--card-accent),.07);font:8px "DM Mono",monospace}.power-card-label>small{color:var(--muted);font:8px "DM Mono",monospace;letter-spacing:.13em}.power-card-ai .power-card-label>small{color:#85899b}.power-card-ai .power-card-label>span{color:#b29dff;border-color:rgba(178,157,255,.2);background:rgba(118,87,255,.1)}
.snapshot-power-card h3{margin:20px 0 9px;font-size:clamp(24px,2.4vw,34px);line-height:1.02;letter-spacing:-.055em}.snapshot-power-card>.power-card-copy>p{max-width:560px;margin:0;color:var(--muted);font-size:12px;line-height:1.62}.snapshot-power-card>.power-card-copy>p strong{color:var(--ink)}.power-card-ai>.power-card-copy>p{color:#969aaa}.power-card-ai>.power-card-copy>p strong{color:#fff}
.power-proof-row{margin-top:18px;display:flex;gap:6px;flex-wrap:wrap}.power-proof-row span{padding:6px 9px;border:1px solid rgba(33,137,255,.12);border-radius:99px;color:#5d7487;background:rgba(33,137,255,.045);font:7px "DM Mono",monospace}
.sp500-logo{flex:0 0 auto;width:48px;height:48px;padding:7px 5px;display:grid;align-content:center;justify-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#182130,#090c12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.18);line-height:.82}.sp500-logo b{font-size:10px;letter-spacing:-.04em}.sp500-logo span{margin-top:3px;color:#73dcff;font:9px "DM Mono",monospace}.sp500-logo-small{width:39px;height:39px;border-radius:10px}.sp500-logo-small b{font-size:8px}.sp500-logo-small span{font-size:7px}

/* Refresh — real Kaptr.me navbar rocket controls */
.power-refresh-visual{position:absolute;z-index:3;right:25px;bottom:25px;width:53%;height:350px;padding:14px;border:1px solid rgba(143,161,190,.15);border-radius:22px;color:#fff;background:radial-gradient(circle at 18% 12%,rgba(62,157,235,.12),transparent 34%),#090e17;box-shadow:0 22px 55px rgba(18,24,40,.2);overflow:hidden}.power-refresh-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(74,142,203,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(74,142,203,.065) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}.kaptr-rocket-defs{position:absolute;pointer-events:none}
.refresh-demo-snapshot{position:relative;z-index:2;padding:12px 13px;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:radial-gradient(circle at 90% 0,rgba(105,87,255,.17),transparent 35%),#151e2c;box-shadow:0 16px 38px rgba(0,0,0,.28)}.refresh-demo-snapshot>div:nth-child(2){display:grid}.refresh-demo-snapshot small{color:#9ca7b7;font-size:6px}.refresh-demo-snapshot strong{font-size:21px;line-height:1.05;letter-spacing:-.035em}.refresh-demo-snapshot em{margin-top:2px;color:#8ca0b6;font-size:6px;font-style:normal}.refresh-demo-state{padding:5px 7px;border:1px solid rgba(250,204,21,.2);border-radius:99px;color:#f3cf68;background:rgba(250,204,21,.06);font:5px "DM Mono",monospace;letter-spacing:.08em}.refresh-demo-snapshot.is-fresh .refresh-demo-state{color:#65e1ae;border-color:rgba(88,232,164,.22);background:rgba(88,232,164,.07)}.refresh-demo-snapshot.is-fresh strong{animation:featureValuePop .48s var(--ease)}
.refresh-actions-demo{position:relative;z-index:3;margin-top:12px;display:grid;gap:8px}.refresh-action-row{padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.028)}.refresh-action-row>span{padding-left:3px;color:#758295;font:5px "DM Mono",monospace;letter-spacing:.12em;white-space:nowrap}
.knb2-rall{position:relative;height:50px;width:210px;min-width:210px;padding:0 14px 0 8px;gap:12px;display:inline-flex;align-items:center;justify-content:flex-start;border-radius:16px;border:1px solid rgba(99,102,241,.28);background:radial-gradient(circle at 18% 28%,rgba(56,189,248,.1),transparent 42%),radial-gradient(circle at 82% 76%,rgba(129,140,248,.14),transparent 48%),linear-gradient(135deg,#140d37 0%,#101426 42%,#160d32 100%);color:#e2e8f0;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px rgba(99,102,241,.18),0 12px 28px rgba(79,70,229,.24),0 3px 10px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.12);transition:transform 200ms cubic-bezier(.22,1,.36,1),box-shadow 200ms ease,border-color 200ms ease}.knb2-rall:hover{transform:translateY(-2px) scale(1.01);border-color:rgba(129,140,248,.42);box-shadow:0 0 0 1px rgba(129,140,248,.35),0 22px 54px rgba(99,102,241,.44),0 6px 18px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16)}.knb2-rall:active{transform:translateY(0) scale(.985)}.knb2-rall--burst{animation:knb2-rall-burst-scale 840ms cubic-bezier(.22,1,.36,1)}
.knb2-rall--single{border-color:rgba(56,189,248,.32);background:radial-gradient(circle at 18% 28%,rgba(56,189,248,.14),transparent 42%),radial-gradient(circle at 82% 76%,rgba(14,165,233,.14),transparent 48%),linear-gradient(135deg,#082f49 0%,#0c4a6e 42%,#0f172a 100%);box-shadow:0 0 0 1px rgba(56,189,248,.18),0 12px 28px rgba(14,116,144,.24),0 3px 10px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.14)}.knb2-rall--single:hover{border-color:rgba(125,211,252,.46);box-shadow:0 0 0 1px rgba(125,211,252,.34),0 22px 54px rgba(14,116,144,.34),0 6px 18px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.16)}
.knb2-rall__label{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;flex:1 1 auto;min-width:0;min-height:28px}.knb2-rall__label-text{font-size:10px;font-weight:800;letter-spacing:0;color:#e2e8f0;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.08;white-space:nowrap}.knb2-rall--single .knb2-rall__label-text{font-size:13px;color:#f0f9ff;text-shadow:0 1px 3px rgba(0,0,0,.42),0 0 14px rgba(125,211,252,.26)}.knb2-rall__sublabel{font-size:10.5px;font-weight:650;line-height:1.08;color:rgba(191,219,254,.56);letter-spacing:.03em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:11px}.knb2-rall--single .knb2-rall__sublabel{color:rgba(219,234,254,.82);letter-spacing:.02em}.knb2-rall--burst .knb2-rall__label-text,.knb2-rall--refreshing .knb2-rall__label-text{color:#fff;text-shadow:0 0 18px rgba(191,219,254,.4),0 1px 2px rgba(0,0,0,.3)}
.knb2-rall-fleet{position:relative;width:82px;height:44px;flex:0 0 82px;overflow:visible;pointer-events:none}.knb2-rall-fleet__glow{position:absolute;inset:9px 12px 9px 4px;border-radius:999px;background:radial-gradient(circle at 28% 50%,rgba(56,189,248,.2),transparent 40%),radial-gradient(circle at 72% 50%,rgba(129,140,248,.14),transparent 52%);filter:blur(10px);opacity:.44}.knb2-rall-fleet__lane{position:absolute;inset:18px 8px 14px 8px;border-radius:999px;background:linear-gradient(90deg,rgba(59,130,246,.02),rgba(59,130,246,.12),rgba(103,232,249,.02)),radial-gradient(circle at 28% 50%,rgba(56,189,248,.16),transparent 48%);opacity:.34}.knb2-rall-fleet__streak{position:absolute;left:22px;top:var(--streak-y);width:var(--streak-width);height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(14,165,233,0),rgba(56,189,248,.22) 48%,rgba(224,242,254,.96) 100%);opacity:0;filter:blur(.25px);transform-origin:right center;will-change:transform,opacity}.knb2-rall-fleet__rocket{position:absolute;left:0;top:0;width:52px;height:26px;transform:translate3d(var(--x),var(--y),0) scale(var(--scale));transform-origin:center;opacity:1;transition:opacity 180ms ease,transform 220ms cubic-bezier(.22,1,.36,1),filter 220ms ease;will-change:transform,opacity}.knb2-rall-fleet__rocket--lead{z-index:3}.knb2-rall-fleet__rocket--wing-top{z-index:2}.knb2-rall-fleet__rocket--wing-bottom{z-index:1}.knb2-rall-fleet__rocket--single{z-index:2}.knb2-rall-fleet__rocket-icon{width:52px;height:26px;overflow:visible;display:block}.knb2-rall-fleet__rocket-icon .knb2-rocket__afterburn{opacity:.3;filter:blur(4px) drop-shadow(0 0 12px rgba(34,211,238,.58))}.knb2-rall-fleet__rocket-icon .knb2-rocket__plume{opacity:.68}.knb2-rall-fleet__rocket-icon .knb2-rocket__plume-core{opacity:.84}
.knb2-rall--hover .knb2-rall-fleet__streak,.knb2-rall--burst .knb2-rall-fleet__streak,.knb2-rall--refreshing .knb2-rall-fleet__streak{opacity:.46;animation:knb2-rall-fleet-overflow 900ms linear infinite;animation-delay:var(--streak-delay)}.knb2-rall--refreshing .knb2-rall-fleet__streak{opacity:.62;animation-duration:260ms;animation-delay:0ms}.knb2-rall--hover .knb2-rall-fleet__rocket{animation:knb2-rall-fleet-float 1.35s cubic-bezier(.45,0,.2,1) infinite;animation-delay:var(--hover-delay)}.knb2-rall--burst .knb2-rall-fleet__rocket{opacity:1;animation:knb2-rall-fleet-launch var(--launch-duration) cubic-bezier(.2,0,0,1) forwards;animation-delay:var(--launch-delay)}.knb2-rall--refreshing .knb2-rall-fleet__rocket{opacity:1;animation:knb2-rall-fleet-boost 120ms linear infinite;filter:drop-shadow(0 0 14px rgba(125,211,252,.24))}.knb2-rall--hover .knb2-rall-fleet__glow,.knb2-rall--burst .knb2-rall-fleet__glow,.knb2-rall--refreshing .knb2-rall-fleet__glow{animation:knb2-rall-fleet-glow 1.2s ease-in-out infinite}.knb2-rall--refreshing .knb2-rall-fleet__glow{opacity:.86;animation-duration:480ms}.knb2-rall--refreshing .knb2-rall-fleet__lane{opacity:.88;animation:knb2-rall-fleet-lane-rush 180ms linear infinite}.knb2-rall--hover .knb2-rall-fleet__rocket-icon .knb2-rocket__afterburn,.knb2-rall--hover .knb2-rall-fleet__rocket-icon .knb2-rocket__plume,.knb2-rall--hover .knb2-rall-fleet__rocket-icon .knb2-rocket__plume-core,.knb2-rall--burst .knb2-rall-fleet__rocket-icon .knb2-rocket__afterburn,.knb2-rall--burst .knb2-rall-fleet__rocket-icon .knb2-rocket__plume,.knb2-rall--burst .knb2-rall-fleet__rocket-icon .knb2-rocket__plume-core,.knb2-rall--refreshing .knb2-rall-fleet__rocket-icon .knb2-rocket__afterburn,.knb2-rall--refreshing .knb2-rall-fleet__rocket-icon .knb2-rocket__plume,.knb2-rall--refreshing .knb2-rall-fleet__rocket-icon .knb2-rocket__plume-core{animation:knb2-fleet-afterburn-pulse 170ms ease-in-out infinite}.knb2-rall--refreshing .knb2-rall-fleet__rocket-icon .knb2-rocket__afterburn,.knb2-rall--refreshing .knb2-rall-fleet__rocket-icon .knb2-rocket__plume,.knb2-rall--refreshing .knb2-rall-fleet__rocket-icon .knb2-rocket__plume-core{animation-duration:88ms}

/* History — same object, exact dated S&P 500 closes */
.power-history-visual{position:relative;z-index:3;margin-top:24px;padding:15px;border:1px solid rgba(88,80,140,.13);border-radius:18px;background:linear-gradient(180deg,#f8f7ff,#f0f0f8);box-shadow:0 16px 38px rgba(52,44,106,.07)}[data-theme="dark"] .power-history-visual{background:#171722;border-color:rgba(255,255,255,.1)}.power-history-visual>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.history-market-id{display:flex!important;align-items:center;gap:9px}.history-market-id>div{display:grid}.history-market-id b{font-size:11px}.history-market-id small{color:var(--muted);font-size:6px}.power-history-visual>header>span{padding:5px 7px;border-radius:99px;color:#735aff;background:rgba(118,87,255,.08);font:6px "DM Mono",monospace;white-space:nowrap}.history-market-chart{position:relative;height:62px;margin:10px 0 2px;border-bottom:1px solid var(--line-soft);background:repeating-linear-gradient(to bottom,var(--line-soft) 0,var(--line-soft) 1px,transparent 1px,transparent 20px)}.history-market-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.history-market-chart i{position:absolute;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#7657ff;box-shadow:0 0 0 3px rgba(118,87,255,.14),0 3px 10px rgba(59,44,135,.2);transform:translate(-50%,-50%)}.history-version{position:relative;margin-top:7px;padding:8px 9px;display:grid;grid-template-columns:64px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;background:var(--solid-card);box-shadow:0 7px 18px rgba(31,27,65,.035);transition:transform .3s var(--ease)}.history-version.current{border-color:rgba(118,87,255,.42);box-shadow:0 0 0 3px rgba(118,87,255,.07),0 10px 24px rgba(49,36,110,.07)}.history-version:hover{transform:translateX(3px)}.history-date{display:grid}.history-date>b{font:8px "DM Mono",monospace;color:var(--ink)}.history-date>small{color:var(--muted);font-size:5px}.history-version>div{display:grid}.history-version>div small{color:var(--muted);font-size:5px}.history-version>div b{font-size:12px;letter-spacing:-.025em}.history-version>em{padding:4px 5px;border-radius:7px;font:5px "DM Mono",monospace;font-style:normal;white-space:nowrap}.history-version>em.positive{color:#1d9a69;background:rgba(29,154,105,.07)}.history-version>em.negative{color:#c35664;background:rgba(195,86,100,.07)}

/* Export — explicit source → output routes */
.power-export-visual{position:relative;z-index:3;margin-top:22px;display:grid;gap:8px}.export-source-board{padding:9px;border:1px solid var(--line);border-radius:13px;background:var(--solid-card)}.export-source-board>header{display:flex;justify-content:space-between;color:var(--muted);font-size:6px}.export-source-board>header b{color:var(--ink);font-size:7px}.export-source-grid{height:70px;margin-top:7px;display:grid;grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:1fr 1fr;gap:4px}.export-source-grid>i{position:relative;border:1px solid var(--line-soft);border-radius:6px;background:var(--paper-2);font-style:normal}.export-source-grid>i:first-child{grid-row:span 2}.export-source-grid>i.selected{padding:6px;border:1px solid rgba(118,87,255,.66);background:linear-gradient(145deg,rgba(118,87,255,.12),rgba(33,137,255,.08));box-shadow:0 0 0 3px rgba(118,87,255,.08)}.export-source-grid>i.selected b,.export-source-grid>i.selected small{display:block}.export-source-grid>i.selected b{font-size:6px}.export-source-grid>i.selected small{margin-top:2px;color:var(--violet);font-size:4px}.export-route{padding:8px;display:grid;grid-template-columns:22px 1fr 16px 58px;gap:7px;align-items:center;border:1px solid var(--line);border-radius:12px;background:var(--solid-card)}.export-route-number{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;color:var(--violet);background:var(--lavender);font:7px "DM Mono",monospace}.export-route>div{display:grid}.export-route>div b{font-size:7px}.export-route>div small{color:var(--muted);font-size:5px}.export-route>i{color:#8d8fa0;font-style:normal}.export-output-file{height:34px;padding:5px 6px;display:grid;align-content:center;border-radius:8px;color:#fff;background:linear-gradient(145deg,#626dff,#45a9e9);box-shadow:0 7px 16px rgba(80,95,220,.18)}.export-output-file.pdf{background:linear-gradient(145deg,#7657ff,#5941d5)}.export-output-file b{font:7px "DM Mono",monospace}.export-output-file small{font-size:4px;opacity:.75}.export-format-row{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:4px;align-items:center}.export-format-row span{padding:6px 2px;border:1px solid var(--line);border-radius:8px;color:#727481;background:var(--solid-card);font:5px "DM Mono",monospace;text-align:center}.export-format-row small{padding-left:3px;color:var(--muted);font-size:5px;white-space:nowrap}

/* Embed — Kaptr.me → iframe/embed link → destination */
.power-embed-visual{position:relative;z-index:3;margin-top:21px;padding:10px;border:1px solid rgba(30,102,136,.12);border-radius:16px;background:radial-gradient(circle at 88% 0,rgba(90,78,255,.13),transparent 31%),#101722;color:#fff;box-shadow:0 16px 35px rgba(15,26,45,.12)}.embed-source-live{padding:9px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#182230}.embed-source-live>div{display:grid}.embed-source-live small{color:#78879a;font:5px "DM Mono",monospace;letter-spacing:.09em}.embed-source-live b{font-size:8px}.embed-source-live em{margin-top:1px;color:#64dcae;font-size:5px;font-style:normal}.embed-code-box{margin-top:7px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#090d14;overflow:hidden}.embed-code-box header{height:25px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);color:#8d98a8;font-size:5px}.embed-code-box header b{padding:3px 5px;border-radius:5px;color:#c6d0dd;background:rgba(255,255,255,.06);font-size:5px}.embed-code-box code{padding:8px;display:block;color:#aeb7c4;font:5px "DM Mono",monospace;white-space:nowrap;overflow:hidden}.embed-code-box code i{color:#bbabff;font-style:normal}.embed-code-box code span{color:#6dd8ff}.embed-flow-arrow{height:26px;display:grid;grid-template-columns:1fr auto 1fr;gap:7px;align-items:center;color:#657284;font:5px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}.embed-flow-arrow i{height:1px;background:linear-gradient(90deg,transparent,rgba(99,217,255,.34))}.embed-flow-arrow i:last-child{background:linear-gradient(90deg,rgba(99,217,255,.34),transparent)}.embed-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.embed-destinations>span{padding:8px 4px;display:grid;justify-items:center;gap:4px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035)}.embed-destinations b{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;color:#e9ecf3;background:#1d2635;font:7px "DM Mono",monospace}.embed-destinations span:first-child b{color:#111;background:#fff;font-weight:900}.embed-destinations small{color:#8d98a8;font-size:5px}

/* Ask AI — animated write → send → sub-second answer */
.try-ai-free{position:relative;z-index:3;margin-top:15px;padding:7px 9px;display:inline-flex;border:1px solid rgba(171,146,255,.2);border-radius:99px;color:#c4b4ff;background:rgba(118,87,255,.08);font:7px "DM Mono",monospace}.power-ai-visual{position:relative;z-index:3;margin-top:16px;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0e1220;box-shadow:0 18px 35px rgba(0,0,0,.18);overflow:hidden}.power-ai-visual::before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(118,87,255,.24),transparent 68%);pointer-events:none}.ai-demo-topbar{position:relative;z-index:2;padding:6px 7px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.ai-demo-topbar>span{display:grid;grid-template-columns:17px auto;column-gap:5px;align-items:center}.ai-demo-topbar>span i{grid-row:span 2;width:17px;height:17px;display:grid;place-items:center;border-radius:6px;color:#8be8ee;background:rgba(85,211,219,.08);font-style:normal;font-size:6px}.ai-demo-topbar>span b{font-size:7px}.ai-demo-topbar>span small{color:#6f7485;font-size:5px}.ai-demo-topbar>em{padding:4px 5px;border-radius:6px;color:#c9c3ff;background:rgba(130,109,255,.09);font:5px "DM Mono",monospace;font-style:normal}.ai-demo-context{position:relative;z-index:2;margin-top:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ai-demo-context span{padding:6px 3px;border:1px solid rgba(255,255,255,.065);border-radius:7px;color:#858a9a;background:rgba(255,255,255,.03);font-size:4.5px;text-align:center}.ai-demo-context b{display:block;margin-top:2px;color:#e4e7ef;font-size:6px}.ai-demo-chat{position:relative;z-index:2;min-height:126px;margin-top:6px;padding:7px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:rgba(255,255,255,.025)}.ai-demo-question{min-height:37px;padding:7px 8px;display:flex;align-items:flex-start;gap:6px;border-radius:8px;color:#d5d8e2;background:rgba(255,255,255,.045)}.ai-demo-question>span{padding-top:1px;color:#7c8294;font:4px "DM Mono",monospace}.ai-demo-question p{margin:0;min-height:12px;font-size:6px;line-height:1.45}.ai-type-caret{width:1px;height:9px;margin-top:1px;background:#8b7aff;animation:aiCaret .7s steps(1) infinite}.power-ai-visual.is-sent .ai-type-caret,.power-ai-visual.is-answering .ai-type-caret{display:none}.ai-demo-thinking{margin-top:6px;padding:6px 7px;display:flex;align-items:center;gap:6px;border-radius:8px;color:#747a8c;background:rgba(85,211,219,.03);font-size:5px;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .22s var(--ease)}.ai-demo-thinking i{width:8px;height:8px;border:1px solid #55d3db;border-left-color:transparent;border-radius:50%;animation:spin .55s linear infinite}.ai-demo-thinking b{margin-left:auto;color:#55d3db;font:5px "DM Mono",monospace}.power-ai-visual.is-sent .ai-demo-thinking{opacity:1;transform:none}.ai-demo-answer{margin-top:6px;padding:8px;display:grid;grid-template-columns:15px 1fr;gap:6px;border:1px solid rgba(99,217,255,.1);border-radius:9px;color:#aeb5c2;background:rgba(99,217,255,.035);opacity:0;transform:translateY(8px) scale(.985);transition:opacity .28s ease,transform .38s var(--ease)}.ai-demo-answer>span{color:#69ddff;font-size:7px}.ai-demo-answer p{margin:0;font-size:5.5px;line-height:1.5}.ai-demo-answer p b{color:#fff}.ai-demo-answer p strong{color:#8fe8ff}.ai-demo-answer p em{display:block;margin-top:3px;color:#c6bdff;font-style:normal}.power-ai-visual.is-answering .ai-demo-answer{opacity:1;transform:none}.power-ai-visual.is-answering .ai-demo-thinking{opacity:0;transform:translateY(-3px)}.ai-demo-composer{position:relative;z-index:2;margin-top:6px;padding:7px 7px 6px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#63697a;background:#0a0d16;font-size:5px}.ai-demo-composer>div{margin-top:7px;display:flex;align-items:center;gap:4px}.ai-demo-composer small{padding:4px 5px;border-radius:6px;color:#777e8f;background:rgba(255,255,255,.045)}.ai-demo-composer button{width:24px;height:24px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:8px;color:#fff;background:linear-gradient(135deg,#826dff,#45c7cf);cursor:pointer;box-shadow:0 7px 16px rgba(99,83,230,.22);transition:transform .18s var(--ease)}.ai-demo-composer button:hover{transform:translateY(-1px) scale(1.04)}.power-ai-visual.is-sent .ai-demo-composer button{animation:aiSendPop .42s var(--ease)}

@keyframes featureValuePop{0%{opacity:.25;transform:translateY(7px)}100%{opacity:1;transform:none}}
@keyframes knb2-rall-burst-scale{0%{transform:scale(1)}30%{transform:scale(1.045)}100%{transform:scale(1)}}
@keyframes knb2-rall-fleet-float{0%,100%{transform:translate3d(var(--x),var(--y),0) scale(var(--scale))}50%{transform:translate3d(calc(var(--x) + var(--hover-x)),calc(var(--y) + var(--hover-y)),0) scale(calc(var(--scale) * 1.04))}}
@keyframes knb2-rall-fleet-launch{0%{transform:translate3d(var(--x),var(--y),0) scale(var(--scale));opacity:1}14%{transform:translate3d(calc(var(--x) - 8px),var(--y),0) scale(calc(var(--scale) * .98));opacity:1}100%{transform:translate3d(calc(var(--x) + var(--launch-distance)),var(--y),0) scale(calc(var(--scale) * 1.04));opacity:0}}
@keyframes knb2-rall-fleet-overflow{0%{transform:translateX(0);opacity:.12}20%{opacity:.86}100%{transform:translateX(-56px);opacity:0}}
@keyframes knb2-rall-fleet-boost{0%{transform:translate3d(calc(var(--x) + 6px),var(--y),0) scale(var(--scale))}25%{transform:translate3d(calc(var(--x) + 12px),calc(var(--y) - .8px),0) scale(calc(var(--scale) * 1.02))}50%{transform:translate3d(calc(var(--x) + 8px),calc(var(--y) + .8px),0) scale(calc(var(--scale) * 1.03))}75%{transform:translate3d(calc(var(--x) + 13px),var(--y),0) scale(calc(var(--scale) * 1.02))}100%{transform:translate3d(calc(var(--x) + 6px),var(--y),0) scale(var(--scale))}}
@keyframes knb2-rall-fleet-glow{0%,100%{opacity:.4;transform:scale(.96)}50%{opacity:.86;transform:scale(1.04)}}@keyframes knb2-rall-fleet-lane-rush{0%,100%{opacity:.46;transform:scaleX(.96);filter:blur(0)}50%{opacity:.92;transform:scaleX(1.04);filter:blur(.8px)}}@keyframes knb2-fleet-afterburn-pulse{0%,100%{transform:scaleX(.92) scaleY(.86);opacity:.46}50%{transform:scaleX(1.36) scaleY(1.22);opacity:1}}@keyframes aiCaret{0%,48%{opacity:1}49%,100%{opacity:0}}@keyframes aiSendPop{0%{transform:scale(.86)}55%{transform:scale(1.14)}100%{transform:scale(1)}}

@media(max-width:1050px){.snapshot-power-bento{grid-template-columns:repeat(6,1fr)}.power-card-refresh .power-card-copy{max-width:100%}.power-card-refresh,.power-card-history{grid-column:span 3}.power-card-export,.power-card-embed{grid-column:span 3}.power-card-ai{grid-column:span 6;min-height:390px}.power-card-refresh{min-height:700px}.power-refresh-visual{left:25px;right:25px;bottom:25px;width:auto;height:385px}.power-card-ai{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center}.power-card-ai .power-ai-visual{margin-top:0}.power-card-ai .power-card-copy{align-self:center}.refresh-action-row{justify-content:space-between}.history-version{grid-template-columns:58px 1fr}.history-version>em{grid-column:2}}
@media(max-width:760px){.snapshot-powers{padding-bottom:95px}.snapshot-power-bento{margin-top:44px;grid-template-columns:1fr;gap:12px}.snapshot-power-card,.power-card-refresh,.power-card-history,.power-card-export,.power-card-embed,.power-card-ai{grid-column:auto;min-height:0;padding:22px;border-radius:21px}.snapshot-power-card h3{font-size:27px}.snapshot-power-card>.power-card-copy>p{font-size:11px}.power-card-refresh{padding-bottom:465px}.power-refresh-visual{left:14px;right:14px;bottom:14px;height:435px;padding:10px}.refresh-demo-snapshot{grid-template-columns:42px 1fr}.refresh-demo-snapshot>.refresh-demo-state{grid-column:1/-1;justify-self:start}.refresh-action-row{display:grid;gap:5px}.refresh-action-row>span{padding-left:2px}.knb2-rall{width:100%;min-width:0}.power-card-history .power-history-visual,.power-card-export .power-export-visual,.power-card-embed .power-embed-visual,.power-card-ai .power-ai-visual{margin-top:20px}.power-card-ai{display:block}.power-proof-row{margin-top:13px}.export-format-row{grid-template-columns:repeat(4,1fr)}.export-format-row small{grid-column:1/-1;padding:2px 0 0}.ai-demo-context{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.knb2-rall-fleet__rocket,.knb2-rall-fleet__streak,.knb2-rall-fleet__glow,.knb2-rall-fleet__lane,.knb2-rocket__afterburn,.knb2-rocket__plume,.knb2-rocket__plume-core,.ai-type-caret,.ai-demo-thinking i{animation:none!important}.ai-demo-answer{opacity:1;transform:none}.ai-type-caret{display:none}}


/* ==========================================================================
   Snapshot powers v3 — five different stories, less copy, more visual proof.
   Refresh continues to use the real Kaptr.me rocket/navbar animation above.
   ========================================================================== */
.snapshot-powers .split-heading>p{max-width:560px;font-size:14px;line-height:1.55}
.snapshot-power-card>.power-card-copy>p{max-width:430px;font-size:11px;line-height:1.5}.snapshot-power-card h3{margin-top:17px;margin-bottom:7px}
.power-card-refresh .power-card-copy{max-width:40%}.power-card-refresh{min-height:535px}

/* Refresh — NYC saved search + dashboard KPIs */
.power-refresh-visual{height:378px;padding:12px;background:radial-gradient(circle at 15% 5%,rgba(56,189,248,.13),transparent 32%),radial-gradient(circle at 92% 92%,rgba(118,87,255,.1),transparent 30%),#090e17}
.nyc-refresh-board{position:relative;z-index:2;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(13,20,31,.88);box-shadow:0 14px 34px rgba(0,0,0,.26)}
.nyc-refresh-board>header{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:0 2px 8px}.nyc-refresh-board>header>div{display:grid}.nyc-refresh-board>header small{color:#6e7c90;font:5px "DM Mono",monospace;letter-spacing:.11em}.nyc-refresh-board>header b{font-size:8px}.nyc-refresh-board>header>span{color:#68778a;font-size:5px;white-space:nowrap}
.nyc-search-panel{padding:8px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:linear-gradient(145deg,#172130,#101721)}.nyc-search-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.nyc-search-head>span{display:grid;grid-template-columns:7px auto;column-gap:5px;align-items:center}.nyc-search-head>span i{grid-row:span 2;width:6px;height:6px;border-radius:50%;background:#4ce49b;box-shadow:0 0 0 4px rgba(76,228,155,.08)}.nyc-search-head b{font-size:7px}.nyc-search-head small{grid-column:2;color:#697789;font-size:5px}.nyc-search-head .refresh-demo-state{font-size:5px}
.nyc-listing-strip{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.nyc-listing-strip>article{position:relative;min-width:0;padding:5px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);overflow:hidden}.nyc-listing-strip article>span{margin-top:5px;display:grid}.nyc-listing-strip small{color:#7d8999;font-size:4.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nyc-listing-strip b{font-size:7px}.nyc-listing-strip article>em{position:absolute;right:5px;top:5px;padding:3px 4px;border-radius:5px;color:#0c1712;background:#55e4a4;font:4px "DM Mono",monospace;font-style:normal;font-weight:800}
.nyc-home-art{position:relative;height:42px;border-radius:7px;overflow:hidden;background:linear-gradient(180deg,#b6c9d7 0 42%,#6b7c8d 43% 48%,#313b47 49% 100%)}.nyc-home-art::before{content:"";position:absolute;left:8%;right:8%;bottom:0;height:29px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#8f7b6b 0 31%,#695e59 32% 65%,#a88e76 66%);box-shadow:0 -4px 0 rgba(255,255,255,.08)}.nyc-home-art i{position:absolute;z-index:2;width:7px;height:9px;bottom:12px;background:rgba(170,220,245,.72);box-shadow:16px 0 rgba(170,220,245,.62),32px 0 rgba(170,220,245,.68)}.nyc-home-art i:nth-child(1){left:14px}.nyc-home-art i:nth-child(2){left:22px;bottom:3px;height:7px}.nyc-home-art i:nth-child(3){display:none}.art-greenpoint::before{background:linear-gradient(90deg,#596d65 0 45%,#7d6256 46%)}.art-williamsburg::before{background:linear-gradient(90deg,#7b6a5c 0 35%,#504d50 36% 64%,#9d7b61 65%)}
.nyc-listing-new{opacity:0;transform:translateY(7px) scale(.96);filter:saturate(.7);transition:opacity .42s ease,transform .55s var(--ease),filter .4s ease,box-shadow .4s ease}.nyc-listing-new.is-visible{opacity:1;transform:none;filter:none;box-shadow:0 0 0 1px rgba(76,228,155,.3),0 7px 22px rgba(76,228,155,.1)}
.nyc-kpi-grid{margin-top:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.nyc-kpi-grid>span{padding:7px 8px;display:grid;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.025)}.nyc-kpi-grid small{color:#6e7c8d;font-size:4.5px}.nyc-kpi-grid strong{font-size:10px;letter-spacing:-.03em}.nyc-kpi-grid em{color:#607184;font-size:4px;font-style:normal}.nyc-refresh-board.refresh-all-complete .nyc-kpi-grid strong{animation:featureValuePop .48s var(--ease)}.nyc-refresh-board.just-refreshed{box-shadow:0 0 0 1px rgba(76,228,155,.2),0 16px 38px rgba(0,0,0,.26),0 0 25px rgba(76,228,155,.08)}
.refresh-actions-demo{margin-top:8px;grid-template-columns:1fr 1fr;gap:6px}.refresh-action-row{padding:5px;display:grid;grid-template-columns:1fr;gap:4px}.refresh-action-row>span{padding-left:4px}.refresh-action-row .knb2-rall{width:100%;min-width:0;height:45px}.refresh-action-row .knb2-rall-fleet{transform:scale(.86);transform-origin:left center;margin-right:-5px}.refresh-action-row .knb2-rall__label-text{font-size:9px}.refresh-action-row .knb2-rall--single .knb2-rall__label-text{font-size:11px}.refresh-action-row .knb2-rall__sublabel{font-size:8px}

/* History — keep the S&P proof, reduce copy */
.power-card-history .power-card-copy p{max-width:290px}.power-card-history .power-history-visual{margin-top:20px}

/* Export — executive operations */
.enterprise-export{margin-top:18px;padding:9px}.enterprise-board{padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--solid-card);box-shadow:0 10px 24px rgba(42,36,84,.05)}.enterprise-board>header{display:flex;align-items:end;justify-content:space-between}.enterprise-board>header span{display:grid}.enterprise-board>header small{color:#7a7a8a;font:4.5px "DM Mono",monospace;letter-spacing:.1em}.enterprise-board>header b{font-size:7px}.enterprise-board>header em{color:#8b8b98;font-size:4.5px;font-style:normal}.enterprise-kpis{margin-top:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.enterprise-kpis>span{padding:6px;border:1px solid var(--line-soft);border-radius:8px;background:var(--paper)}.enterprise-kpis small,.enterprise-kpis b,.enterprise-kpis em{display:block}.enterprise-kpis small{color:var(--muted);font-size:4px}.enterprise-kpis b{font-size:8px}.enterprise-kpis em{color:#1a9d6d;font-size:4px;font-style:normal}
.enterprise-sla-card{position:relative;margin-top:5px;padding:7px 8px;border:1px solid rgba(82,105,245,.32);border-radius:9px;background:linear-gradient(145deg,rgba(82,105,245,.055),transparent);box-shadow:0 0 0 2px rgba(82,105,245,.045)}.enterprise-sla-card>span{display:grid}.enterprise-sla-card small{color:#6d72a0;font:4px "DM Mono",monospace}.enterprise-sla-card b{font-size:6.5px}.enterprise-sla-card>em{position:absolute;right:7px;top:7px;color:#1a9d6d;font-size:4px;font-style:normal}.enterprise-line{height:28px;margin-top:5px;display:flex;align-items:end;gap:4px;border-bottom:1px solid var(--line-soft)}.enterprise-line i{flex:1;height:var(--h,40%);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#8a79ff,#5269f5)}.enterprise-line i:nth-child(1){height:38%}.enterprise-line i:nth-child(2){height:51%}.enterprise-line i:nth-child(3){height:47%}.enterprise-line i:nth-child(4){height:69%}.enterprise-line i:nth-child(5){height:63%}.enterprise-line i:nth-child(6){height:84%}
.enterprise-export-paths{margin-top:7px;display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center}.enterprise-export-paths>div{padding:6px;display:grid;grid-template-columns:20px 1fr auto;gap:5px;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--solid-card)}.enterprise-export-paths>i{color:var(--muted);font:4px "DM Mono",monospace;font-style:normal}.export-scope-icon{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;color:#5269f5;background:rgba(82,105,245,.08);font-size:7px}.enterprise-export-paths p{margin:0;display:grid}.enterprise-export-paths p small{color:var(--muted);font-size:3.8px}.enterprise-export-paths p b{font-size:5.5px}.enterprise-export-paths strong{padding:4px 5px;border-radius:5px;color:#fff;background:#5269f5;font:5px "DM Mono",monospace}.enterprise-export-paths strong.pdf{background:#111119}

/* Embed — logistics, clearly live + clearly embed */
.logistics-embed{margin-top:18px;padding:9px;background:linear-gradient(145deg,#111824,#0b111a)}.logistics-live-card{padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:radial-gradient(circle at 85% 12%,rgba(44,168,200,.14),transparent 35%),#151d29}.logistics-live-card header{display:flex;justify-content:space-between;color:#8491a3;font:4.5px "DM Mono",monospace}.logistics-live-card header span{display:flex;align-items:center;gap:4px}.logistics-live-card header i{width:5px;height:5px;border-radius:50%;background:#4ce49b;box-shadow:0 0 0 3px rgba(76,228,155,.08)}.logistics-live-card header em{padding:3px 4px;border-radius:99px;color:#4ce49b;background:rgba(76,228,155,.07);font-style:normal}.logistics-live-card>div:nth-child(2){margin-top:7px;display:grid}.logistics-live-card>div:nth-child(2) small{color:#728095;font-size:4px}.logistics-live-card>div:nth-child(2) strong{font-size:15px}.logistics-live-card>div:nth-child(2) b{color:#f0b46a;font-size:4.5px}.logistics-bars{height:28px!important;margin-top:5px!important;display:flex!important;align-items:end!important;gap:4px}.logistics-bars i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#63d9ff,#2ca8c8)}.logistics-bars i:nth-child(1){height:43%}.logistics-bars i:nth-child(2){height:61%}.logistics-bars i:nth-child(3){height:52%}.logistics-bars i:nth-child(4){height:80%}.logistics-bars i:nth-child(5){height:70%}.logistics-bars i:nth-child(6){height:92%}
.embed-bridge{height:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.embed-bridge>i{height:1px;background:linear-gradient(90deg,transparent,rgba(99,217,255,.38))}.embed-bridge>i:last-child{background:linear-gradient(90deg,rgba(99,217,255,.38),transparent)}.embed-bridge>span{padding:5px 8px;display:flex;align-items:center;gap:5px;border:1px solid rgba(99,217,255,.15);border-radius:99px;color:#dffaff;background:rgba(99,217,255,.05)}.embed-bridge b{font:7px "DM Mono",monospace}.embed-bridge small{color:#7fb6c5;font:4px "DM Mono",monospace;letter-spacing:.08em}.embed-destinations-pro{gap:5px}.embed-destinations-pro>span{padding:7px 3px}.embed-destinations-pro span:nth-child(2) b{color:#fff;background:#1c70d6}.embed-code-pill{margin-top:6px;padding:5px 6px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:#090d14}.embed-code-pill code{min-width:0;flex:1;color:#8ea0b5;font:4px "DM Mono",monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embed-code-pill span{padding:3px 5px;border-radius:5px;color:#c6d0dd;background:rgba(255,255,255,.06);font-size:4px}

/* Ask AI — ecommerce issue detection, composer is the hero */
.power-card-ai .power-card-copy p{font-size:11px}.power-card-ai .try-ai-free{margin-top:11px}.commerce-ai{margin-top:14px;padding:9px}.commerce-context{grid-template-columns:repeat(3,1fr);gap:5px}.commerce-context span{padding:7px 5px;text-align:left}.commerce-context small{display:block;color:#696f80;font-size:4px}.commerce-context b{font-size:8px}.commerce-context em{display:block;margin-top:2px;color:#e77d86;font-size:4.5px;font-style:normal}.commerce-context span:nth-child(3){border-color:rgba(234,105,118,.16);background:rgba(234,105,118,.035)}
.ai-demo-composer-large{margin-top:7px;padding:9px 9px 7px;min-height:82px;border-color:rgba(139,122,255,.2);background:radial-gradient(circle at 8% 10%,rgba(130,109,255,.08),transparent 40%),#090c15;box-shadow:inset 0 1px rgba(255,255,255,.025)}.ai-demo-composer-large>small{color:#8076c7;font:4px "DM Mono",monospace;letter-spacing:.11em}.ai-composer-line{min-height:34px;margin-top:7px;display:flex;align-items:flex-start;gap:2px}.ai-composer-line p{margin:0;color:#f1f2f7;font-size:9px;line-height:1.3;letter-spacing:-.015em}.ai-composer-line .ai-type-caret{margin-top:2px;height:12px}.ai-demo-composer-large>div:last-child{margin-top:4px;display:flex;align-items:center}.ai-scope-pill{padding:4px 6px;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#8a90a0;background:rgba(255,255,255,.035);font-size:4.5px}.ai-demo-composer-large button{width:28px;height:28px;margin-left:auto}.commerce-ai .ai-demo-thinking{margin-top:6px}.commerce-answer{margin-top:6px;padding:8px}.commerce-answer p{font-size:6px;line-height:1.45}.commerce-answer p em{display:inline;margin-left:3px;color:#c7baff}.power-ai-visual.is-answering .ai-demo-composer-large{border-color:rgba(85,211,219,.18)}

@media(max-width:1050px){.power-card-refresh{min-height:735px}.power-refresh-visual{height:420px}.refresh-actions-demo{grid-template-columns:1fr 1fr}.power-card-ai .power-ai-visual{min-height:0}}
@media(max-width:760px){.power-card-refresh{padding-bottom:520px}.power-refresh-visual{height:490px}.nyc-listing-strip{grid-template-columns:1fr 1fr}.nyc-listing-strip>article:nth-child(2){display:none}.nyc-kpi-grid{grid-template-columns:repeat(3,1fr)}.refresh-actions-demo{grid-template-columns:1fr}.enterprise-export-paths{grid-template-columns:1fr}.enterprise-export-paths>i{display:none}.commerce-context{grid-template-columns:repeat(3,1fr)}.ai-demo-composer-large{min-height:92px}.ai-composer-line p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.nyc-listing-new{opacity:1;transform:none;filter:none}}

/* ==========================================================================
   Snapshot powers V5 — section-scoped, fluid and coherent
   ========================================================================== */
.snapshot-powers .snapshot-power-bento-v4{
  --feature-gap:16px;
  --feature-radius:24px;
  --feature-visual-radius:18px;
  gap:var(--feature-gap);
}
.snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card{
  padding:28px;
  border-radius:var(--feature-radius);
}
.snapshot-powers .snapshot-power-bento-v4 .power-card-refresh{grid-column:span 7;min-height:540px}
.snapshot-powers .snapshot-power-bento-v4 .power-card-history{grid-column:span 5;min-height:540px}
.snapshot-powers .snapshot-power-bento-v4 .power-card-export{grid-column:span 4;min-height:445px}
.snapshot-powers .snapshot-power-bento-v4 .power-card-embed{grid-column:span 3;min-height:445px}
.snapshot-powers .snapshot-power-bento-v4 .power-card-ai{grid-column:span 5;min-height:445px;padding:28px}
.snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card h3{
  margin:17px 0 7px;
  font-size:clamp(25px,2vw,33px);
  line-height:1.02;
}
.snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card>.power-card-copy>p{
  max-width:42ch;
  font-size:11px;
  line-height:1.5;
}
.snapshot-powers .snapshot-power-bento-v4 .power-card-refresh .power-card-copy{max-width:40%}
.snapshot-powers .snapshot-power-bento-v4 .power-card-ai>.power-card-copy>p{font-size:11px}
.snapshot-powers .snapshot-power-bento-v4 .power-card-ai .try-ai-free{margin-top:10px;padding:6px 9px;font-size:7px}

/* One visual language inside every proof card. */
.snapshot-powers .snapshot-power-bento-v4 .power-refresh-visual,
.snapshot-powers .snapshot-power-bento-v4 .power-history-visual,
.snapshot-powers .snapshot-power-bento-v4 .power-export-visual,
.snapshot-powers .snapshot-power-bento-v4 .power-embed-visual,
.snapshot-powers .snapshot-power-bento-v4 .power-ai-visual{
  border-radius:var(--feature-visual-radius);
}

/* Refresh — selected snapshot + dashboard-wide refresh, without inflating the card. */
.snapshot-powers .refresh-dashboard-visual{
  height:392px;
  padding:11px;
  display:grid;
  grid-template-rows:1fr auto;
  gap:9px;
}
.snapshot-powers .refresh-dashboard-demo{
  position:relative;
  z-index:2;
  padding:10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  background:linear-gradient(160deg,rgba(18,26,39,.98),rgba(12,18,29,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.snapshot-powers .refresh-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 8px;border-bottom:1px solid rgba(255,255,255,.065)}
.snapshot-powers .refresh-dashboard-head>span{display:grid}
.snapshot-powers .refresh-dashboard-head small{color:#738195;font:6px "DM Mono",monospace;letter-spacing:.09em}
.snapshot-powers .refresh-dashboard-head b{margin-top:2px;color:#f4f7fb;font-size:9px}
.snapshot-powers .refresh-dashboard-head em{color:#7a8798;font:6px "DM Mono",monospace;font-style:normal;white-space:nowrap}
.snapshot-powers .refresh-dashboard-grid{margin-top:9px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,1fr);gap:7px}
.snapshot-powers .refresh-data-tile{position:relative;min-height:70px;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));overflow:visible;transition:border-color .25s ease,background .25s ease,transform .34s var(--ease),box-shadow .34s var(--ease)}
.snapshot-powers .refresh-data-tile small,.snapshot-powers .refresh-data-tile b,.snapshot-powers .refresh-data-tile em{display:block}
.snapshot-powers .refresh-data-tile small{color:#738195;font-size:6px;letter-spacing:.05em}
.snapshot-powers .refresh-data-tile b{margin-top:4px;color:#f6f8fc;font-size:16px;letter-spacing:-.04em}
.snapshot-powers .refresh-data-tile em{margin-top:3px;color:#8190a4;font-size:6px;font-style:normal}
.snapshot-powers .refresh-data-tile.is-selected{border-color:rgba(118,87,255,.68);background:radial-gradient(circle at 12% 0,rgba(118,87,255,.13),transparent 50%),rgba(255,255,255,.035);box-shadow:0 0 0 2px rgba(118,87,255,.08),0 12px 28px rgba(60,44,140,.13)}
.snapshot-powers .refresh-selection-badge{position:absolute;top:-8px;left:9px;padding:3px 6px;border:1px solid rgba(167,145,255,.36);border-radius:99px;color:#d6cdff;background:#181425;font:5px "DM Mono",monospace;letter-spacing:.08em;z-index:2}
.snapshot-powers .refresh-handle{position:absolute;width:5px;height:5px;border:1px solid #dcd5ff;border-radius:50%;background:#7657ff;box-shadow:0 0 0 2px rgba(118,87,255,.12)}
.snapshot-powers .refresh-handle.h1{left:-3px;top:-3px}.snapshot-powers .refresh-handle.h2{right:-3px;top:-3px}.snapshot-powers .refresh-handle.h3{left:-3px;bottom:-3px}.snapshot-powers .refresh-handle.h4{right:-3px;bottom:-3px}
.snapshot-powers .refresh-data-tile.is-updated{border-color:rgba(83,222,176,.5);background:radial-gradient(circle at 20% 0,rgba(83,222,176,.12),transparent 55%),rgba(255,255,255,.035);transform:translateY(-2px);box-shadow:0 10px 30px rgba(44,185,139,.12)}
.snapshot-powers .refresh-data-tile.is-updated::after{content:"UPDATED";position:absolute;right:7px;top:7px;color:#63deb3;font:5px "DM Mono",monospace;letter-spacing:.08em;animation:v4UpdatedPop .72s var(--ease) both}
.snapshot-powers .refresh-actions-demo-v4{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.snapshot-powers .refresh-actions-demo-v4 .refresh-action-row{min-width:0}
.snapshot-powers .refresh-actions-demo-v4 .refresh-action-row>span{font-size:5px}
.snapshot-powers .refresh-actions-demo-v4 .knb2-rall{width:100%;min-width:0;height:52px}
.snapshot-powers .refresh-actions-demo-v4 .knb2-rall__label-text{font-size:9px}
.snapshot-powers .refresh-actions-demo-v4 .knb2-rall__sublabel{font-size:7px}

/* History — feature first, S&P 500 remains the concrete example. */
.snapshot-powers .power-history-visual-v4{margin-top:20px}
.snapshot-powers .power-history-visual-v4>header>span{font-size:6px}
.snapshot-powers .power-history-visual-v4 .history-version{grid-template-columns:68px 1fr auto;padding:9px 10px}
.snapshot-powers .power-history-visual-v4 .history-date>b{font-size:9px}
.snapshot-powers .power-history-visual-v4 .history-date>small{font-size:6px}
.snapshot-powers .power-history-visual-v4 .history-version>div small{font-size:6px}
.snapshot-powers .power-history-visual-v4 .history-version>div b{font-size:13px}
.snapshot-powers .power-history-visual-v4 .history-version>em{font-size:6px}

/* Export — compact, explicit download affordances. */
.snapshot-powers .enterprise-export-v4{margin-top:18px;padding:9px}
.snapshot-powers .export-board-v4{padding:10px}
.snapshot-powers .export-board-v4 .enterprise-kpis{margin-top:9px}
.snapshot-powers .export-board-v4 .enterprise-kpis>span{padding:8px}
.snapshot-powers .export-board-v4 .enterprise-kpis small{font-size:5px}
.snapshot-powers .export-board-v4 .enterprise-kpis b{font-size:10px}
.snapshot-powers .export-selected-kpi{position:relative;border-color:rgba(82,105,245,.42)!important;background:rgba(82,105,245,.045)!important;box-shadow:0 0 0 2px rgba(82,105,245,.06)}
.snapshot-powers .download-choice-grid{margin-top:8px;display:grid;grid-template-columns:1fr;gap:6px}
.snapshot-powers .download-choice{width:100%;padding:8px;display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:var(--solid-card);text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(34,31,64,.035);transition:transform .22s var(--ease),border-color .22s ease,box-shadow .22s ease}
.snapshot-powers .download-choice:hover{transform:translateY(-2px);border-color:rgba(82,105,245,.28);box-shadow:0 11px 26px rgba(50,55,130,.09)}
.snapshot-powers .download-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#5269f5;background:rgba(82,105,245,.08)}
.snapshot-powers .download-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.snapshot-powers .download-choice>span:nth-child(2){display:grid}
.snapshot-powers .download-choice small{color:var(--muted);font:5px "DM Mono",monospace;letter-spacing:.06em}
.snapshot-powers .download-choice b{margin-top:2px;font-size:8px}
.snapshot-powers .download-choice em{margin-top:1px;color:var(--muted);font-size:5px;font-style:normal}
.snapshot-powers .download-choice strong{padding:5px 6px;border-radius:6px;color:#fff;background:#5269f5;font:6px "DM Mono",monospace}
.snapshot-powers .download-choice-pdf .download-icon{color:#fff;background:#16161d}
.snapshot-powers .download-choice-pdf strong{background:#16161d}
.snapshot-powers .export-format-row-v4{margin-top:7px}
.snapshot-powers .export-format-row-v4 small{font-size:5px}

/* Embed — the embed action stays the focal point without oversized chrome. */
.snapshot-powers .logistics-embed-v4{position:relative;margin-top:18px;padding:9px 9px 8px}
.snapshot-powers .logistics-embed-v4 .logistics-live-card{padding:9px}
.snapshot-powers .embed-hero-badge{position:relative;z-index:3;margin:-3px auto 6px;width:74px;min-height:64px;display:grid;place-items:center;align-content:center;border:1px solid rgba(85,211,219,.24);border-radius:16px;color:#dffcff;background:radial-gradient(circle at 50% 0,rgba(85,211,219,.18),transparent 55%),linear-gradient(145deg,#15232d,#111824);box-shadow:0 12px 28px rgba(0,0,0,.24),0 0 0 4px rgba(85,211,219,.035)}
.snapshot-powers .embed-hero-badge>span{font:15px "DM Mono",monospace;color:#6ce4ea}
.snapshot-powers .embed-hero-badge>b{margin-top:1px;font-size:8px;letter-spacing:.12em}
.snapshot-powers .embed-hero-badge>small{margin-top:2px;color:#7b909f;font-size:5px}
.snapshot-powers .embed-destinations-v4{margin-top:7px}
.snapshot-powers .embed-destinations-v4 span{padding:7px 4px}
.snapshot-powers .embed-code-pill-v4{margin-top:7px;padding:7px 8px}
.snapshot-powers .embed-code-pill-v4 code{font-size:5px}

/* Ask AI — larger where it matters: composer and answer, not the entire page. */
.snapshot-powers .ops-ai-v4{margin-top:16px;padding:11px;border-radius:18px}
.snapshot-powers .ai-demo-topbar-v4{padding:8px 8px 9px}
.snapshot-powers .ai-demo-topbar-v4>span{grid-template-columns:22px auto;column-gap:7px}
.snapshot-powers .ai-demo-topbar-v4>span i{width:22px;height:22px;font-size:8px}
.snapshot-powers .ai-demo-topbar-v4>span b{font-size:9px}
.snapshot-powers .ai-demo-topbar-v4>span small{font-size:6px}
.snapshot-powers .ai-demo-topbar-v4>em{padding:5px 7px;font-size:6px}
.snapshot-powers .ops-context-v4{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.snapshot-powers .ops-context-v4 span{padding:8px 7px;text-align:left;border-radius:9px}
.snapshot-powers .ops-context-v4 small{display:block;color:#737b8f;font-size:5.5px}
.snapshot-powers .ops-context-v4 b{margin-top:3px;font-size:11px}
.snapshot-powers .ops-context-v4 em{display:block;margin-top:2px;color:#e57b84;font-size:5.5px;font-style:normal}
.snapshot-powers .ops-context-v4 span:nth-child(3) em{color:#66d7ac}
.snapshot-powers .ops-context-v4 span:nth-child(4) em{color:#a99cff}
.snapshot-powers .ai-demo-composer-v4{margin-top:8px;padding:11px 11px 9px;min-height:104px;border-color:rgba(139,122,255,.23);border-radius:13px;background:radial-gradient(circle at 10% 0,rgba(130,109,255,.095),transparent 45%),#090c15;box-shadow:inset 0 1px rgba(255,255,255,.03),0 12px 28px rgba(0,0,0,.16)}
.snapshot-powers .ai-demo-composer-v4>small{color:#8b7aff;font:5.5px "DM Mono",monospace;letter-spacing:.12em}
.snapshot-powers .ai-demo-composer-v4 .ai-composer-line{min-height:46px;margin-top:8px}
.snapshot-powers .ai-demo-composer-v4 .ai-composer-line p{margin:0;color:#f5f6fa;font-size:12px;line-height:1.34;letter-spacing:-.025em}
.snapshot-powers .ai-demo-composer-v4 .ai-composer-line .ai-type-caret{height:15px;margin-top:1px}
.snapshot-powers .ai-demo-composer-v4>div:last-child{margin-top:5px}
.snapshot-powers .ai-demo-composer-v4 .ai-scope-pill{padding:5px 7px;font-size:5.5px}
.snapshot-powers .ai-demo-composer-v4 button{width:32px;height:32px;border-radius:10px;font-size:14px}
.snapshot-powers .ai-demo-thinking-v4{margin-top:7px;padding:7px 9px;font-size:6px}
.snapshot-powers .ai-demo-thinking-v4 b{font-size:6px}
.snapshot-powers .ops-answer-v4{margin-top:7px;padding:10px 11px;grid-template-columns:18px 1fr;gap:8px;border-radius:11px}
.snapshot-powers .ops-answer-v4>span{font-size:10px}
.snapshot-powers .ops-answer-v4 p{font-size:8px;line-height:1.45}
.snapshot-powers .ops-answer-v4 p em{display:block;margin:3px 0 0;color:#c8bdff;font-size:7px}

/* Tablet: stop using fixed-height desktop compositions. Let cards size to content. */
@media(max-width:1180px){
  .snapshot-powers .snapshot-power-bento-v4{grid-template-columns:repeat(6,1fr);gap:14px}
  .snapshot-powers .snapshot-power-bento-v4 .power-card-refresh,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-history,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-export,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-embed{grid-column:span 3;min-height:0}
  .snapshot-powers .snapshot-power-bento-v4 .power-card-ai{grid-column:span 6;min-height:0;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);gap:22px;align-items:center}
  .snapshot-powers .snapshot-power-bento-v4 .power-card-refresh .power-card-copy{max-width:100%}
  .snapshot-powers .power-card-refresh .power-refresh-visual{position:relative;inset:auto;width:100%;height:auto;min-height:390px;margin-top:22px}
  .snapshot-powers .snapshot-power-bento-v4 .power-card-ai .power-ai-visual{margin-top:0}
}

/* Phone: a calm single-column flow. No giant spacer, no desktop scaling leak. */
@media(max-width:760px){
  .snapshot-powers .split-heading>p{max-width:34ch;font-size:13px;line-height:1.58}
  .snapshot-powers .snapshot-power-bento-v4{margin-top:38px;grid-template-columns:1fr;gap:12px}
  .snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-refresh,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-history,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-export,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-embed,
  .snapshot-powers .snapshot-power-bento-v4 .power-card-ai{grid-column:auto;display:block;min-height:0;padding:20px;border-radius:20px}
  .snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card:hover{transform:none}
  .snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card h3{font-size:26px}
  .snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card>.power-card-copy>p{font-size:11px;line-height:1.48}
  .snapshot-powers .power-card-refresh{padding-bottom:20px!important}
  .snapshot-powers .power-card-refresh .power-refresh-visual{position:relative;left:auto;right:auto;bottom:auto;width:100%;height:auto;min-height:0;margin-top:18px;padding:9px}
  .snapshot-powers .refresh-dashboard-head em{display:none}
  .snapshot-powers .refresh-dashboard-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:6px}
  .snapshot-powers .refresh-data-tile{min-height:68px;padding:8px}
  .snapshot-powers .refresh-data-tile b{font-size:15px}
  .snapshot-powers .refresh-actions-demo-v4{grid-template-columns:1fr;gap:6px}
  .snapshot-powers .refresh-actions-demo-v4 .knb2-rall{height:50px}
  .snapshot-powers .power-card-history .power-history-visual,
  .snapshot-powers .power-card-export .power-export-visual,
  .snapshot-powers .power-card-embed .power-embed-visual,
  .snapshot-powers .power-card-ai .power-ai-visual{margin-top:18px}
  .snapshot-powers .power-history-visual-v4 .history-version{grid-template-columns:62px 1fr auto;padding:8px}
  .snapshot-powers .power-history-visual-v4 .history-version>em{grid-column:auto}
  .snapshot-powers .download-choice{grid-template-columns:30px 1fr auto;padding:9px}
  .snapshot-powers .download-choice b{font-size:9px}
  .snapshot-powers .embed-hero-badge{width:82px;min-height:68px}
  .snapshot-powers .ops-context-v4{grid-template-columns:repeat(2,1fr)}
  .snapshot-powers .ai-demo-composer-v4{min-height:108px}
  .snapshot-powers .ai-demo-composer-v4 .ai-composer-line{min-height:48px}
  .snapshot-powers .ai-demo-composer-v4 .ai-composer-line p{font-size:12px}
  .snapshot-powers .ops-answer-v4 p{font-size:8.5px}
}

@media(max-width:420px){
  .snapshot-powers .snapshot-power-bento-v4 .snapshot-power-card{padding:18px}
  .snapshot-powers .refresh-dashboard-grid{grid-template-columns:1fr}
  .snapshot-powers .refresh-data-tile:nth-child(3),
  .snapshot-powers .refresh-data-tile:nth-child(4){display:none}
  .snapshot-powers .power-history-visual-v4 .history-version{grid-template-columns:58px 1fr}
  .snapshot-powers .power-history-visual-v4 .history-version>em{grid-column:2;justify-self:start;margin-top:2px}
  .snapshot-powers .enterprise-kpis>span:nth-child(3){display:none}
  .snapshot-powers .embed-code-pill-v4 code{font-size:4.5px}
}


/* ==========================================================================
   V6 — autonomous product storytelling + clearer Ask AI
   Scoped changes: capture powers + hero live product story only.
   ========================================================================== */

/* Live product story is a movie, not a UI the visitor has to operate. */
.real-product-story[data-hero-demo]{user-select:none}
.real-product-story[data-hero-demo] button{pointer-events:none}
.real-product-story[data-hero-demo] .auto-cursor{pointer-events:none}

/* Refresh: autonomous cursor, real Kaptr.me rocket states, zero user input. */
.snapshot-powers .power-refresh-visual{user-select:none}
.snapshot-powers .power-refresh-visual [data-power-refresh-button]{pointer-events:none;cursor:default}
.snapshot-powers .power-refresh-visual [data-power-refresh-button]:hover{transform:none}
.snapshot-powers .power-refresh-auto-cursor{position:absolute;z-index:18;left:0;top:0;width:26px;height:30px;pointer-events:none;opacity:0;filter:drop-shadow(0 5px 8px rgba(0,0,0,.42));transform:translate3d(34px,42px,0);transition:opacity .18s ease;will-change:transform}
.snapshot-powers .power-refresh-visual.is-demo-running .power-refresh-auto-cursor{opacity:1}
.snapshot-powers .power-refresh-auto-cursor svg{display:block;width:26px;height:30px;overflow:visible}
.snapshot-powers .power-refresh-auto-cursor svg path{fill:#fff;stroke:#111827;stroke-width:1.25;stroke-linejoin:round}
.snapshot-powers .power-refresh-auto-cursor i{position:absolute;left:3px;top:3px;width:12px;height:12px;border:1px solid rgba(125,211,252,.8);border-radius:50%;opacity:0;transform:scale(.5)}
.snapshot-powers .power-refresh-auto-cursor.is-clicking{transform-origin:3px 3px}
.snapshot-powers .power-refresh-auto-cursor.is-clicking svg{animation:powerCursorPress .28s cubic-bezier(.22,1,.36,1)}
.snapshot-powers .power-refresh-auto-cursor.is-clicking i{animation:powerCursorRipple .5s ease-out}
.snapshot-powers .power-refresh-auto-cursor.is-hidden{display:none}
@keyframes powerCursorPress{0%,100%{transform:scale(1)}45%{transform:scale(.82)}}
@keyframes powerCursorRipple{0%{opacity:.9;transform:scale(.35)}100%{opacity:0;transform:scale(2.2)}}

/* Ask AI: give the demo enough real estate on large screens, without scaling the page. */
@media(min-width:1181px){
  .snapshot-powers .snapshot-power-bento-v4 .power-card-export{grid-column:span 3}
  .snapshot-powers .snapshot-power-bento-v4 .power-card-embed{grid-column:span 4}
  .snapshot-powers .snapshot-power-bento-v4 .power-card-ai{grid-column:span 5;min-height:450px}
}
.snapshot-powers .commerce-ai-v6{padding:14px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4{padding:10px 10px 11px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span{grid-template-columns:28px auto;column-gap:9px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span i{width:28px;height:28px;font-size:10px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span b{font-size:12px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span small{margin-top:2px;font-size:7px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>em{padding:6px 9px;font-size:7px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 span{min-height:72px;padding:11px 12px;border-radius:12px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 small{font-size:7px;line-height:1.22;letter-spacing:.045em}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 b{margin-top:6px;font-size:18px;letter-spacing:-.04em}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 em{margin-top:4px;font-size:7px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 .ai-kpi-alert{border-color:rgba(244,114,182,.2);background:linear-gradient(145deg,rgba(244,114,182,.08),rgba(255,255,255,.025))}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 .ai-kpi-alert b{color:#ffafce}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4{min-height:126px;margin-top:10px;padding:14px 14px 11px;border-radius:15px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4>small{font-size:7px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-composer-line{min-height:58px;margin-top:9px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-composer-line p{font-size:15px;line-height:1.3}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-scope-pill{padding:7px 9px;font-size:7px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 button{width:38px;height:38px;border-radius:11px;font-size:17px;pointer-events:none}
.snapshot-powers .commerce-ai-v6.is-sent .ai-demo-composer-v4 button{animation:aiAutoSend .42s cubic-bezier(.22,1,.36,1)}
.snapshot-powers .commerce-ai-v6 .ai-demo-thinking-v4{margin-top:8px;padding:8px 10px;font-size:7px}
.snapshot-powers .commerce-ai-v6 .ai-demo-thinking-v4 b{font-size:7px}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4{margin-top:8px;padding:12px 13px;grid-template-columns:22px 1fr;gap:10px;border-radius:13px}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4>span{font-size:12px}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4 p{font-size:10px;line-height:1.48}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4 p em{margin-top:5px;font-size:9px}
@keyframes aiAutoSend{0%,100%{transform:scale(1)}40%{transform:scale(.82);box-shadow:0 0 0 7px rgba(130,109,255,.08)}}

@media(max-width:760px){
  .snapshot-powers .power-refresh-auto-cursor{width:23px;height:27px}
  .snapshot-powers .power-refresh-auto-cursor svg{width:23px;height:27px}
  .snapshot-powers .commerce-ai-v6 .ops-context-v4{grid-template-columns:1fr 1fr}
  .snapshot-powers .commerce-ai-v6 .ops-context-v4 span{min-height:68px;padding:10px}
  .snapshot-powers .commerce-ai-v6 .ops-context-v4 small{font-size:6.5px}
  .snapshot-powers .commerce-ai-v6 .ops-context-v4 b{font-size:16px}
  .snapshot-powers .commerce-ai-v6 .ops-context-v4 em{font-size:6.5px}
  .snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-composer-line p{font-size:14px}
  .snapshot-powers .commerce-ai-v6 .ops-answer-v4 p{font-size:9.5px}
}

@media(prefers-reduced-motion:reduce){
  .real-product-story[data-hero-demo] .auto-cursor,
  .snapshot-powers .power-refresh-auto-cursor{display:none!important}
}
/* ==========================================================================
   V7 — replayable product story + native Kaptr.me navbar + finance-grade board
   Only the live product story is redesigned here. Snapshot powers stay V6.
   ========================================================================== */

/* Stage tabs are the one intentional user control: replay any missed chapter. */
.real-product-story[data-hero-demo] .real-demo-stages button{pointer-events:auto;cursor:pointer;outline:none;transition:background .2s ease,color .2s ease,transform .22s cubic-bezier(.22,1,.36,1)}
.real-product-story[data-hero-demo] .real-demo-stages button:hover{background:color-mix(in srgb,var(--paper-2) 78%,rgba(118,87,255,.08));transform:translateY(-1px)}
.real-product-story[data-hero-demo] .real-demo-stages button:focus-visible{box-shadow:inset 0 0 0 2px rgba(118,87,255,.42)}
.real-product-story[data-hero-demo] .real-demo-stages button.active{transform:none}

/* Motion-demo cursor: a directional pointer with a subtle kinetic tail. */
.real-product-story .auto-demo-cursor{width:31px;height:38px;transform-origin:7px 6px;filter:drop-shadow(0 5px 10px rgba(0,0,0,.35));will-change:transform;backface-visibility:hidden}
.real-product-story .auto-demo-cursor>u{position:absolute;z-index:0;left:8px;top:12px;width:34px;height:9px;border-radius:999px;background:linear-gradient(90deg,rgba(85,211,219,.34),rgba(130,109,255,.12),transparent);filter:blur(5px);opacity:calc(.18 + var(--cursor-motion,.4) * .34);transform:translateX(7px) rotate(26deg);transform-origin:left center;text-decoration:none;pointer-events:none}
.real-product-story .auto-demo-cursor>i{inset:0;background:#fff;clip-path:polygon(2% 0,5% 91%,29% 68%,48% 100%,64% 90%,45% 59%,80% 57%);filter:drop-shadow(0 2px 1px rgba(4,8,16,.55)) drop-shadow(0 0 7px rgba(125,211,252,.16));transform:scale(.84);transform-origin:top left}
.real-product-story .auto-demo-cursor>i::after{inset:2.4px;background:#111827}
.real-product-story .auto-demo-cursor>b{left:25px;top:25px;padding:5px 8px;border-color:rgba(139,122,255,.26);background:rgba(9,12,24,.9);box-shadow:0 10px 24px rgba(0,0,0,.34),0 0 0 1px rgba(85,211,219,.06)}
.real-product-story .auto-demo-cursor.is-clicking>u{opacity:.78;filter:blur(4px)}
.real-product-story .auto-demo-cursor.is-clicking>i{animation:cursorPressV7 .32s cubic-bezier(.22,1,.36,1)}
@keyframes cursorPressV7{0%,100%{transform:scale(.84)}45%{transform:scale(.70)}}
.real-machine.is-selecting .auto-demo-cursor>u{opacity:0}

/* A finance board that reads like one decision surface rather than random cards. */
.real-stage-dashboard .canvas-grid.finance-dashboard-grid,.real-stage-refresh .canvas-grid.finance-dashboard-grid{inset:48px 18px 94px;grid-template-columns:1.08fr 1.18fr 1fr;grid-template-rows:1fr 1fr;gap:10px}
.finance-dashboard-grid .finance-live-card{position:relative;padding:12px 13px;display:grid;align-content:start;border:1px solid rgba(255,255,255,.095);border-radius:12px;color:#edf4ff;background:radial-gradient(circle at 86% 0,rgba(78,143,205,.12),transparent 42%),linear-gradient(145deg,#121a24,#0d141c);box-shadow:0 12px 24px rgba(0,0,0,.18);overflow:hidden}
.finance-live-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}.finance-live-card header span{color:#8da0b6;font:6px "DM Mono",monospace;letter-spacing:.09em}.finance-live-card header em{padding:3px 5px;border:1px solid rgba(125,211,252,.14);border-radius:6px;color:#7edcff;background:rgba(56,189,248,.06);font:5px "DM Mono",monospace;font-style:normal}.finance-live-card>b{margin-top:7px;font-size:clamp(18px,2vw,25px);line-height:1;letter-spacing:-.045em}.finance-live-card>small{margin-top:4px;color:#7f90a3;font-size:6px}.finance-sparkline{position:relative;height:42px;margin-top:auto;border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden}.finance-sparkline::before{content:"";position:absolute;left:2%;right:2%;top:48%;height:2px;background:linear-gradient(90deg,transparent,#56d9b3 8%,#67e8f9 28%,#7c83ff 56%,#56d9b3 78%,transparent);clip-path:polygon(0 70%,12% 58%,22% 64%,32% 42%,44% 50%,56% 26%,69% 38%,80% 18%,92% 26%,100% 8%,100% 100%,0 100%);transform:scaleY(14);transform-origin:bottom;opacity:.9}.finance-mini-pairs{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:5px}.finance-mini-pairs span{padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.025);display:grid}.finance-mini-pairs i{color:#738296;font:5px "DM Mono",monospace;font-style:normal}.finance-mini-pairs b{margin-top:2px;font-size:8px}.risk-meter{position:relative;height:8px;margin-top:auto;border-radius:99px;background:linear-gradient(90deg,#43d7a6 0 42%,#f4c35e 42% 68%,#f26d7d 68%);opacity:.8}.risk-meter i{position:absolute;left:30%;top:50%;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#0e1720;box-shadow:0 0 0 3px rgba(125,211,252,.12);transform:translate(-50%,-50%)}.breadth-bars{height:38px;margin-top:auto;display:flex;align-items:end;gap:4px}.breadth-bars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#55d3db,#6f5cff)}.breadth-bars i:nth-child(1){height:42%}.breadth-bars i:nth-child(2){height:58%}.breadth-bars i:nth-child(3){height:48%}.breadth-bars i:nth-child(4){height:76%}.breadth-bars i:nth-child(5){height:88%}.finance-dashboard-grid .new-finance-snapshot{grid-column:2;grid-row:2}.finance-dashboard-grid .finance-live-card--spx{grid-column:1;grid-row:1}.finance-dashboard-grid .finance-live-card--rates{grid-column:2;grid-row:1}.finance-dashboard-grid .finance-live-card--risk{grid-column:3;grid-row:1}.finance-dashboard-grid .finance-live-card--breadth{grid-column:1;grid-row:2}.finance-dashboard-grid .finance-live-card--fx{grid-column:3;grid-row:2}.finance-dashboard-grid .new-finance-snapshot.selected{box-shadow:0 0 0 4px rgba(118,87,255,.16),0 0 38px rgba(85,56,225,.34)!important}.finance-dashboard-grid .snapshot-state{font:5px "DM Mono",monospace;letter-spacing:.08em}

/* Native navbar recreation: values are taken from the real Navbar component. */
.hero-native-navbar{--hero-nav-scale:.86;position:absolute;z-index:16;left:50%;bottom:14px;display:inline-flex;align-items:center;padding:7px 8px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:radial-gradient(circle at 18% 0%,rgba(130,109,255,.12),transparent 55%),radial-gradient(circle at 86% 120%,rgba(69,199,207,.1),transparent 55%),#090c18;box-shadow:0 0 0 1px rgba(130,109,255,.12),0 2px 6px rgba(0,0,0,.3),0 22px 50px rgba(2,6,23,.5),0 48px 90px rgba(2,6,23,.3),inset 0 1px 0 rgba(255,255,255,.09);transform:translateX(-50%) scale(var(--hero-nav-scale));transform-origin:center bottom;white-space:nowrap}
.hero-native-navbar__row{display:inline-flex;align-items:center;gap:4px}.hero-native-navbar .hero-navbar-primary{flex:none}.hero-nav-divider{width:1px;height:26px;margin:0 2px;flex:none;background:linear-gradient(180deg,transparent,rgba(148,163,184,.14),transparent)}
.hero-knb2-btn{position:relative;height:32px;min-width:32px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#cbd5e1;background:rgba(255,255,255,.04);font-size:12.5px;font-weight:700;letter-spacing:.025em;white-space:nowrap}.hero-knb2-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hero-knb2-btn--slot{width:92px;min-width:92px;padding:0 10px;justify-content:space-between}.hero-knb2-btn--slot>svg:last-child{width:11px;height:11px}.hero-nav-ai-wrap{position:relative;display:inline-flex;align-items:center}.hero-knb2-ai{overflow:hidden;isolation:isolate;gap:6px;padding-inline:10px;border-color:rgba(139,122,255,.42);background:radial-gradient(circle at 18% 12%,rgba(85,211,219,.16),transparent 48%),radial-gradient(circle at 88% 100%,rgba(130,109,255,.2),transparent 52%),linear-gradient(145deg,rgba(28,31,55,.98),#14162a);color:#eef0fb;box-shadow:0 0 0 1px rgba(130,109,255,.12),0 7px 18px -8px rgba(85,211,219,.34),0 8px 20px -10px rgba(130,109,255,.5),inset 0 1px 0 rgba(255,255,255,.12)}.hero-knb2-ai svg{position:relative;z-index:2;width:15px;height:15px;fill:#55d3db;stroke:none;filter:drop-shadow(0 0 6px rgba(85,211,219,.45))}.hero-knb2-ai>span:last-child{position:relative;z-index:2;color:#f5f3ff;font-size:12px;font-weight:820;letter-spacing:.085em}.hero-ai-glow{position:absolute;inset:3px;border-radius:inherit;background:radial-gradient(circle at 28% 50%,rgba(85,211,219,.34),transparent 48%),radial-gradient(circle at 74% 50%,rgba(130,109,255,.34),transparent 56%);filter:blur(8px);opacity:.32}.hero-ai-beta{position:absolute;z-index:4;right:-8px;top:-6px;padding:2px 5px;border:1px solid rgba(139,122,255,.5);border-radius:999px;color:#c9c3ff;background:linear-gradient(145deg,#17192e,#101426);box-shadow:0 0 0 2px #090c18,0 4px 10px rgba(2,6,23,.34),0 0 12px rgba(130,109,255,.18);font:7px Inter,sans-serif;letter-spacing:.12em}
.real-stage-dashboard .stage-caption,.real-stage-refresh .stage-caption{left:22px;top:52px;bottom:auto;max-width:370px}.real-stage-dashboard .dashboard-open-toast{top:52px}.real-stage-refresh .refresh-result{top:52px}
.real-stage-refresh .hero-native-navbar .knb2-rall--burst{animation:knb2-rall-burst-scale 840ms cubic-bezier(.22,1,.36,1)}

@media(max-width:1050px){
  .hero-native-navbar{--hero-nav-scale:.76;bottom:12px}
  .real-stage-dashboard .canvas-grid.finance-dashboard-grid,.real-stage-refresh .canvas-grid.finance-dashboard-grid{inset:48px 14px 88px;gap:8px}
  .finance-live-card>b{font-size:20px}
}
@media(max-width:760px){
  .hero-native-navbar{--hero-nav-scale:.59;bottom:70px}
  .real-stage-dashboard .stage-caption,.real-stage-refresh .stage-caption{left:12px;right:12px;top:auto;bottom:10px;max-width:none}
  .real-stage-dashboard .canvas-grid.finance-dashboard-grid,.real-stage-refresh .canvas-grid.finance-dashboard-grid{inset:47px 8px 126px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px}
  .finance-dashboard-grid .finance-live-card--spx{grid-column:1;grid-row:1}.finance-dashboard-grid .finance-live-card--rates{grid-column:2;grid-row:1}.finance-dashboard-grid .finance-live-card--risk{display:none}.finance-dashboard-grid .finance-live-card--breadth{display:none}.finance-dashboard-grid .new-finance-snapshot{grid-column:1;grid-row:2}.finance-dashboard-grid .finance-live-card--fx{grid-column:2;grid-row:2}
  .finance-dashboard-grid .finance-live-card{padding:9px}.finance-live-card header span{font-size:5px}.finance-live-card>b{font-size:17px}.finance-live-card>small{font-size:5.5px}.finance-mini-pairs{gap:3px}.finance-mini-pairs span{padding:4px}.finance-mini-pairs b{font-size:7px}
  .real-product-story .auto-demo-cursor{width:28px;height:34px}.real-product-story .auto-demo-cursor>b{display:none}
}
@media(prefers-reduced-motion:reduce){.real-product-story .auto-demo-cursor>u{display:none}}


/* ==========================================================================
   V8 — website-like finance snapshots + realistic demo cursor
   Live product story only. Native Kaptr.me navbar is intentionally untouched.
   ========================================================================== */

/* --- Cursor: familiar system pointer, smooth path, restrained click feedback --- */
.real-product-story .auto-demo-cursor{width:28px;height:34px;transform-origin:3px 3px;filter:none;will-change:transform;backface-visibility:hidden;contain:layout paint;}
.real-product-story .auto-demo-cursor .demo-cursor-pointer{position:absolute;z-index:3;left:0;top:0;width:28px;height:34px;overflow:visible;filter:drop-shadow(0 3px 2px rgba(0,0,0,.28)) drop-shadow(0 7px 12px rgba(0,0,0,.20));transform-origin:3px 3px;transition:filter .16s ease;}
.real-product-story .auto-demo-cursor>i{display:none;}
.real-product-story .auto-demo-cursor>span{position:absolute;z-index:1;left:-9px;top:-9px;width:25px;height:25px;border:1.5px solid rgba(98,188,255,.9);border-radius:50%;background:rgba(98,188,255,.07);opacity:0;transform:scale(.35);pointer-events:none;}
.real-product-story .auto-demo-cursor.is-clicking .demo-cursor-pointer{animation:demoPointerPressV8 .28s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 2px 1px rgba(0,0,0,.32)) drop-shadow(0 4px 8px rgba(0,0,0,.18));}
.real-product-story .auto-demo-cursor.is-clicking>span{animation:demoPointerRippleV8 .48s cubic-bezier(.16,1,.3,1);}
@keyframes demoPointerPressV8{0%,100%{transform:scale(1)}42%{transform:scale(.88)}}
@keyframes demoPointerRippleV8{0%{opacity:.72;transform:scale(.3)}100%{opacity:0;transform:scale(1.55)}}
.real-machine.is-selecting .auto-demo-cursor .demo-cursor-pointer{opacity:0;}
.real-machine.is-selecting .auto-demo-cursor>i{display:block;position:absolute;z-index:4;left:-8px;top:-8px;width:24px;height:24px;border:1px solid rgba(255,255,255,.78);border-radius:50%;background:rgba(9,13,23,.86);box-shadow:0 5px 14px rgba(0,0,0,.35),0 0 0 3px rgba(118,87,255,.12);clip-path:none;filter:none;transform:none;}
.real-machine.is-selecting .auto-demo-cursor>i::before,.real-machine.is-selecting .auto-demo-cursor>i::after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:2px;box-shadow:0 0 7px rgba(85,211,219,.7);transform:translate(-50%,-50%);clip-path:none;inset:auto;}
.real-machine.is-selecting .auto-demo-cursor>i::before{width:2px;height:14px}.real-machine.is-selecting .auto-demo-cursor>i::after{width:14px;height:2px}
.real-machine.is-selecting .auto-demo-cursor>span{left:-10px;top:-10px;}

/* --- Finance dashboard: saved web pages, not abstract KPI tiles --- */
.real-stage-dashboard .canvas-grid.finance-web-board,.real-stage-refresh .canvas-grid.finance-web-board{inset:48px 18px 94px;display:grid;grid-template-columns:1.04fr 1.08fr 1fr;grid-template-rows:1fr 1fr;gap:10px;}
.finance-web-board .finance-web-snapshot{position:relative;min-width:0;min-height:0;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;box-shadow:0 12px 26px rgba(0,0,0,.16);transition:box-shadow .24s ease,transform .24s cubic-bezier(.22,1,.36,1),border-color .24s ease;}
.finance-web-board .finance-web-snapshot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);pointer-events:none;}
.finance-web-board .web-site-head{height:25px;padding:0 8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.09);font-family:Inter,ui-sans-serif,system-ui,sans-serif;}
.finance-web-board .web-site-head>b{display:inline-flex;align-items:center;gap:4px;font-size:7px;line-height:1;white-space:nowrap}.finance-web-board .web-site-head>span{overflow:hidden;color:inherit;font-size:5px;opacity:.58;white-space:nowrap;text-overflow:ellipsis}.finance-web-board .web-site-head>em{font:4.8px "DM Mono",monospace;font-style:normal;opacity:.42;white-space:nowrap}
.finance-web-board .web-site-head b.brand-tv>i{width:9px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:skew(-18deg);}
.finance-web-board footer{height:20px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid currentColor;color:inherit;font-size:5px;opacity:.68}.finance-web-board footer>b{font-size:5px;font-weight:650;white-space:nowrap}

.web-snapshot--tradingview{background:#101216;color:#f3f5f7}.web-snapshot--tradingview .web-site-head{background:#17191e}.tv-quote-row{padding:7px 9px 2px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.tv-quote-row>div{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:baseline}.tv-quote-row small{grid-column:1/-1;color:#a5abb5;font-size:5.5px}.tv-quote-row strong{font-size:13px;letter-spacing:-.035em}.tv-quote-row span{color:#40c98b;font-size:6px;font-weight:750}.tv-quote-row nav{color:#858b95;font:5px "DM Mono",monospace;white-space:nowrap}.tv-chart{position:relative;height:58px;margin:0 9px 3px;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(255,255,255,.055) 17px 18px),repeating-linear-gradient(90deg,transparent 0 37px,rgba(255,255,255,.045) 37px 38px);overflow:hidden}.tv-chart::before{content:"";position:absolute;inset:11px 1px 8px;background:linear-gradient(90deg,transparent,rgba(41,171,135,.08));clip-path:polygon(0 70%,8% 64%,15% 72%,22% 49%,29% 57%,36% 33%,43% 40%,50% 25%,57% 29%,64% 17%,71% 22%,78% 10%,85% 18%,92% 8%,100% 13%,100% 100%,0 100%)}.tv-chart>span{position:absolute;left:0;right:0;top:50%;height:2px;background:#29ab87;clip-path:polygon(0 72%,8% 61%,15% 69%,22% 45%,29% 53%,36% 31%,43% 39%,50% 22%,57% 27%,64% 13%,71% 19%,78% 7%,85% 15%,92% 4%,100% 10%,100% 100%,0 100%);transform:scaleY(14);transform-origin:bottom;opacity:.88}.tv-chart i{position:absolute;bottom:6px;width:3px;border-radius:1px;background:#2ba985}.tv-chart i:nth-of-type(1){left:5%;height:16px}.tv-chart i:nth-of-type(2){left:12%;height:24px;background:#ef5350}.tv-chart i:nth-of-type(3){left:20%;height:20px}.tv-chart i:nth-of-type(4){left:29%;height:31px}.tv-chart i:nth-of-type(5){left:38%;height:22px;background:#ef5350}.tv-chart i:nth-of-type(6){left:47%;height:35px}.tv-chart i:nth-of-type(7){left:56%;height:29px}.tv-chart i:nth-of-type(8){left:65%;height:40px}.tv-chart i:nth-of-type(9){left:73%;height:31px;background:#ef5350}.tv-chart i:nth-of-type(10){left:81%;height:43px}.tv-chart i:nth-of-type(11){left:89%;height:38px}.tv-chart i:nth-of-type(12){left:96%;height:46px}

.web-snapshot--reuters{background:#fbfaf8;color:#151515;border-color:#dedbd6!important}.reuters-head{border-bottom-color:#e4e0db!important}.reuters-head b i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#ff8000;color:white;font-size:7px;font-style:normal}.reuters-story{padding:7px 9px;color:#151515}.reuters-story>span{color:#d86400;font-size:5px;font-weight:800;letter-spacing:.08em}.reuters-story h4{max-width:95%;margin:4px 0 3px;font-family:Georgia,serif;font-size:10px;line-height:1.1;letter-spacing:-.015em}.reuters-story p{margin:0;color:#666;font-size:5.3px;line-height:1.35}.reuters-story>div{margin-top:6px;padding-top:5px;border-top:1px solid #e4e0db;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px}.reuters-story>div b{font-size:5px}.reuters-story>div strong{font-size:7px}.reuters-story>div em{color:#11855b;font-size:5.5px;font-style:normal;font-weight:700}

.web-snapshot--fred{background:#fff;color:#1e2f42;border-color:#d7e0e8!important}.fred-head{background:#f4f7fa;border-bottom-color:#dbe3ea!important}.fred-head b{color:#163f6d;font-size:8px!important}.fred-head b sup{font-size:3px}.fred-title{padding:7px 9px 0;display:grid}.fred-title small{font-size:5.3px;color:#60758a}.fred-title strong{margin-top:2px;color:#1c4f80;font-size:13px}.fred-title span{font:4.8px "DM Mono",monospace;color:#7c8a97}.fred-chart{height:53px;margin:2px 8px 0;border-left:1px solid #dfe6ec;border-bottom:1px solid #dfe6ec;background:repeating-linear-gradient(0deg,transparent 0 17px,#eef2f5 17px 18px)}.fred-chart svg{width:100%;height:100%}.web-snapshot--fred footer{border-top-color:#e4e9ed;color:#596b7a}

.web-snapshot--cme{background:#f6f8fb;color:#16283c;border-color:#d6dde6!important}.cme-head{background:#003b71;color:#fff;border-bottom:0!important}.cme-head b{font-size:6.6px!important;letter-spacing:.03em}.cme-title{padding:7px 9px 4px;display:flex;justify-content:space-between;align-items:end}.cme-title small{font-size:5.5px;color:#5d6f80}.cme-title strong{color:#003b71;font-size:7px}.cme-prob{padding:0 9px;display:grid;gap:6px}.cme-prob>span{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px;padding-bottom:5px}.cme-prob b{font-size:5px}.cme-prob strong{font-size:7px}.cme-prob i{grid-column:1/-1;height:5px;border-radius:99px;background:#dce4ed;overflow:hidden}.cme-prob i::after{content:"";display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#0067b1,#52a6de)}.web-snapshot--cme footer{border-top-color:#dfe5ec;color:#53677b}

.web-snapshot--cmc{background:#0d1424;color:#edf3ff;border-color:rgba(89,116,164,.42)!important}.cmc-head{background:#111a2d}.cmc-head b{font-size:6.5px!important}.cmc-head b i{display:grid;place-items:center;width:12px;height:12px;border:1px solid #4d79ff;border-radius:50%;color:#79a0ff;font-style:normal}.cmc-market{padding:7px 9px 4px}.cmc-market>small{display:block;color:#9caec8;font-size:5.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmc-market>div{margin-top:3px;display:flex;align-items:baseline;gap:6px}.cmc-market strong{font-size:14px;letter-spacing:-.04em}.cmc-market span{color:#39d39f;font-size:6px;font-weight:800}.cmc-market p{margin:2px 0 0;color:#71839d;font-size:4.8px;line-height:1.2}.cmc-table{margin:3px 8px 0;border-top:1px solid rgba(255,255,255,.07)}.cmc-table>span{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:5px;padding:4px 1px;border-bottom:1px solid rgba(255,255,255,.055)}.cmc-table b{font-size:5.3px}.cmc-table strong{font-size:5.5px}.cmc-table em{color:#3bd6a2;font-size:5px;font-style:normal;font-weight:700}.finance-web-board .web-snapshot--cmc.selected{border-color:#806dff!important;box-shadow:0 0 0 3px rgba(118,87,255,.22),0 0 34px rgba(85,56,225,.32)!important}.finance-web-board .web-snapshot--cmc.selected::before{content:"";position:absolute;z-index:7;inset:-1px;border:1px solid #8e7dff;border-radius:12px;pointer-events:none}.finance-web-board .web-snapshot--cmc.selected .cmc-market strong,.finance-web-board .web-snapshot--cmc.selected .cmc-market span{transition:color .24s ease,transform .24s ease}.real-stage-refresh.is-refreshed .web-snapshot--cmc .cmc-market strong{color:#fff}.real-stage-refresh.is-refreshed .web-snapshot--cmc .cmc-market span{color:#67efba}

.web-snapshot--yahoo{background:#fff;color:#241c33;border-color:#ddd8e7!important}.yahoo-head{background:#faf8fc;border-bottom-color:#e7e0ed!important}.yahoo-head b{color:#6001d2;font-size:7px!important}.yahoo-head b i{margin-left:2px;font-size:5px;font-style:normal}.yahoo-title{padding:7px 9px 3px;display:flex;justify-content:space-between;align-items:baseline}.yahoo-title small{color:#6b5e78;font-size:5px}.yahoo-title strong{font-size:7px}.yahoo-table{margin:0 8px}.yahoo-table>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;padding:4px 1px;border-bottom:1px solid #eee9f2}.yahoo-table b{font-size:5.8px}.yahoo-table small{color:#796c86;font-size:4.7px}.yahoo-table strong{color:#11855b;font-size:5.7px}.yahoo-table .down strong{color:#c84444}

.finance-web-board .web-slot-tv{grid-column:1;grid-row:1}.finance-web-board .web-slot-reuters{grid-column:2;grid-row:1}.finance-web-board .web-slot-fred{grid-column:3;grid-row:1}.finance-web-board .web-slot-cme{grid-column:1;grid-row:2}.finance-web-board .web-slot-cmc{grid-column:2;grid-row:2}.finance-web-board .web-slot-yahoo{grid-column:3;grid-row:2}.finance-web-board .snapshot-state{position:absolute;z-index:9;right:7px;bottom:6px;padding:3px 5px;border:1px solid rgba(139,122,255,.36);border-radius:6px;background:rgba(9,12,24,.88);color:#cabfff;font:4.5px "DM Mono",monospace;letter-spacing:.06em;box-shadow:0 5px 12px rgba(0,0,0,.22)}
.finance-web-board .snapshot-click-target{z-index:8}

@media(max-width:1050px){
  .real-stage-dashboard .canvas-grid.finance-web-board,.real-stage-refresh .canvas-grid.finance-web-board{inset:48px 14px 88px;gap:8px}
  .finance-web-board .web-site-head>span{display:none}.finance-web-board .web-site-head{grid-template-columns:1fr auto}.reuters-story h4{font-size:9px}.cmc-market strong,.fred-title strong,.tv-quote-row strong{font-size:12px}
}
@media(max-width:760px){
  .real-stage-dashboard .canvas-grid.finance-web-board,.real-stage-refresh .canvas-grid.finance-web-board{inset:47px 8px 126px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:7px}
  .finance-web-board .web-slot-tv{grid-column:1;grid-row:1}.finance-web-board .web-slot-reuters{grid-column:2;grid-row:1}.finance-web-board .web-slot-cmc{grid-column:1;grid-row:2}.finance-web-board .web-slot-fred{grid-column:2;grid-row:2}.finance-web-board .web-slot-cme,.finance-web-board .web-slot-yahoo{display:none}
  .finance-web-board .web-site-head{height:22px;padding:0 6px}.finance-web-board .web-site-head>b{font-size:5.8px!important}.finance-web-board .web-site-head>em{font-size:4px}.reuters-story{padding:6px}.reuters-story h4{font-size:7.8px}.reuters-story p{display:none}.tv-quote-row{padding:5px 6px 1px}.tv-quote-row nav{display:none}.tv-chart{height:40px;margin:0 6px}.fred-title{padding:5px 6px 0}.fred-chart{height:38px;margin:1px 6px 0}.cmc-market{padding:5px 6px 2px}.cmc-market p{display:none}.cmc-table{margin:2px 6px 0}.cmc-market strong{font-size:11px}.finance-web-board footer{display:none}
  .real-product-story .auto-demo-cursor{width:25px;height:31px}.real-product-story .auto-demo-cursor .demo-cursor-pointer{width:25px;height:31px}
}
@media(prefers-reduced-motion:reduce){.real-product-story .auto-demo-cursor .demo-cursor-pointer{animation:none!important}}

/* ------------------------------------------------------------------
   V9 — more realistic finance webpage snapshots + cursor states
------------------------------------------------------------------- */
.real-product-story .auto-demo-cursor,
.snapshot-powers .power-refresh-auto-cursor{contain:layout paint;}
.real-product-story .auto-demo-cursor .demo-cursor-arrow,
.real-product-story .auto-demo-cursor .demo-cursor-hand,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-arrow,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand{position:absolute;left:0;top:0;overflow:visible;filter:drop-shadow(0 2px 1px rgba(0,0,0,.28)) drop-shadow(0 7px 12px rgba(0,0,0,.22));}
.real-product-story .auto-demo-cursor .demo-cursor-arrow{z-index:3;width:28px;height:34px;display:block;}
.real-product-story .auto-demo-cursor .demo-cursor-hand{z-index:3;width:32px;height:40px;display:none;}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair{display:none;position:absolute;z-index:4;left:-6px;top:-6px;width:20px;height:20px;background:transparent;box-shadow:none;}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before,.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{content:"";position:absolute;left:50%;top:50%;background:#fff;border-radius:2px;box-shadow:0 0 10px rgba(85,211,219,.75),0 0 1px rgba(0,0,0,.5);transform:translate(-50%,-50%);}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before{width:2px;height:18px}.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{width:18px;height:2px}
.real-product-story .auto-demo-cursor.is-hand .demo-cursor-arrow{display:none}
.real-product-story .auto-demo-cursor.is-hand .demo-cursor-hand{display:block}
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-arrow,
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-hand{display:none}
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-crosshair{display:block}
.real-product-story .auto-demo-cursor.is-clicking.is-hand .demo-cursor-hand{transform:scale(.95) translateY(1px)}
.real-product-story .auto-demo-cursor.is-clicking:not(.is-hand):not(.is-crosshair) .demo-cursor-arrow{transform:scale(.88)}
.real-product-story .auto-demo-cursor.is-clicking.is-crosshair .demo-cursor-crosshair{transform:scale(.92)}

.snapshot-powers .power-refresh-auto-cursor{width:30px;height:34px;filter:none}
.snapshot-powers .power-refresh-auto-cursor .power-cursor-arrow{display:block;width:26px;height:30px}
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand{display:none;width:31px;height:38px}
.snapshot-powers .power-refresh-auto-cursor .power-cursor-arrow path{fill:#fff;stroke:#111827;stroke-width:1.25;stroke-linejoin:round}
.real-product-story .auto-demo-cursor .demo-cursor-hand path,.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand path{fill:none;stroke:#111827;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 0.8px rgba(255,255,255,.95)) drop-shadow(0 2px 4px rgba(0,0,0,.14))}
.snapshot-powers .power-refresh-auto-cursor.is-hand .power-cursor-arrow{display:none}
.snapshot-powers .power-refresh-auto-cursor.is-hand .power-cursor-hand{display:block}
.snapshot-powers .power-refresh-auto-cursor.is-clicking.is-hand .power-cursor-hand{transform:scale(.95) translateY(1px)}

.finance-web-board .web-snapshot--tradingview{background:#fff;color:#191b22;border-color:#dde3ec!important}
.finance-web-board .web-snapshot--tradingview .web-site-head{background:#fff;border-bottom:1px solid #e8edf3;color:#58657b}
.finance-web-board .brand-tv{color:#1d2a3e!important}.finance-web-board .brand-tv i{background:#1f6fff!important}
.finance-web-board .tv-quote-row--google{padding:7px 9px 2px;align-items:flex-start}.finance-web-board .tv-quote-row--google small{font-size:5.4px;color:#5e7188;letter-spacing:.02em}.finance-web-board .tv-quote-row--google strong{font-size:18px;color:#1b2332}.finance-web-board .tv-quote-row--google span{color:#c84646}.finance-web-board .tv-quote-row--google nav{padding-top:2px;color:#5f6b7d;font-size:5px}
.finance-web-board .tv-chart--google{height:55px;margin:0 8px 2px;border-left:1px solid #edf1f6;border-bottom:1px solid #edf1f6;background:linear-gradient(180deg,rgba(225,231,238,.52) 1px,transparent 1px) 0 0/100% 17px,linear-gradient(90deg,rgba(235,240,245,.24) 1px,transparent 1px) 0 0/34px 100%}
.finance-web-board .tv-chart--google i{background:linear-gradient(180deg,#ff6257,#ff4336)!important}.finance-web-board .tv-chart--google>span{border-top:2px dotted rgba(82,96,118,.5)}

.finance-web-board .web-snapshot--reuters{background:#fff;color:#18222f;border-color:#e2e6ec!important}
.finance-web-board .reuters-story--list{padding:7px 8px 6px}.finance-web-board .reuters-story--list h4{margin-bottom:2px}.finance-web-board .watchlist-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;padding:4px 0;border-top:1px solid #eceff3}.finance-web-board .watchlist-row:first-of-type{margin-top:5px}.finance-web-board .watchlist-row b{font-size:5.6px}.finance-web-board .watchlist-row strong{justify-self:end;font-size:6.3px}.finance-web-board .watchlist-row em{justify-self:end;padding:2px 4px;border-radius:5px;background:#e8f6ed;color:#11855b;font-size:4.8px;font-style:normal;font-weight:700}.finance-web-board .watchlist-row em.negative{background:#faeaea;color:#c84444}

.finance-web-board .fred-title--etf{padding-bottom:3px}.finance-web-board .fred-title--etf small{color:#5e7387}.finance-web-board .fred-title--etf strong{font-size:17px;color:#344766}.finance-web-board .fred-title--etf span{color:#7b8ca1}.finance-web-board .fred-chart--etf{height:53px;border:0;background:#7d91a9;border-radius:8px;overflow:hidden}

.finance-web-board .web-snapshot--cme{background:#fff;color:#243040;border-color:#e2e8ef!important}.finance-web-board .cme-head{background:#fff;color:#4d647c;border-bottom:1px solid #e8edf3!important}.finance-web-board .cme-head b{color:#91ab2e!important;letter-spacing:0}.finance-web-board .cme-title--chart small{color:#76859a}.finance-web-board .cme-title--chart strong{font-size:12px;color:#ff4336}.finance-web-board .cme-prob--chart{padding:0 8px 4px;position:relative}.finance-web-board .cme-prob--chart svg{display:block;width:100%;height:58px;background:linear-gradient(180deg,transparent 0 100%),linear-gradient(180deg,rgba(232,236,241,.7) 1px,transparent 1px) 0 0/100% 18px;border-radius:8px}.finance-web-board .cme-prob--chart .coingecko-mark{position:absolute;right:10px;bottom:6px;color:#98a2b2;font-size:5px;font-weight:700;letter-spacing:.01em}

.finance-web-board .web-snapshot--cmc{background:#fff;color:#101827;border-color:#d9e1eb!important}.finance-web-board .cmc-head{background:#fff;border-bottom:1px solid #e8edf3;color:#5c6b7e}.finance-web-board .cmc-head b{color:#204166!important}.finance-web-board .cmc-head b i{border-color:#f1a231;color:#f1a231}.finance-web-board .cmc-market--btc{padding:8px 9px 4px}.finance-web-board .cmc-market--btc>small{color:#4f6b8a;font-size:5.7px}.finance-web-board .cmc-market--btc strong{font-size:18px;color:#111a2d}.finance-web-board .cmc-market--btc span{color:#ff4336;font-size:7px}.finance-web-board .cmc-market--btc p{color:#7b8797;font-size:5px}.finance-web-board .cmc-table--btc{margin:4px 8px 0;border-top:1px solid #e9edf2}.finance-web-board .cmc-table--btc>span{padding:4px 0;border-bottom:1px solid #edf1f5}.finance-web-board .cmc-table--btc b{color:#5e7389;font-size:5px}.finance-web-board .cmc-table--btc strong{font-size:6.2px;color:#101827}.finance-web-board .cmc-table--btc em{color:#607086;font-size:4.8px}
.finance-web-board .web-snapshot--cmc.selected{border-color:#806dff!important;box-shadow:0 0 0 3px rgba(118,87,255,.18),0 0 28px rgba(85,56,225,.22)!important}

.finance-web-board .yahoo-table--quotes b{font-size:5.6px}.finance-web-board .yahoo-table--quotes small{font-size:4.4px}.finance-web-board .yahoo-table--quotes strong{font-size:5.4px}

@media (max-width: 980px){
  .finance-web-board .tv-quote-row--google strong,.finance-web-board .cmc-market--btc strong,.finance-web-board .fred-title--etf strong{font-size:14px}
  .real-product-story .auto-demo-cursor .demo-cursor-hand{width:28px;height:35px}
}
@media (max-width: 720px){
  .finance-web-board .watchlist-row:nth-child(5),.finance-web-board .watchlist-row:nth-child(6){display:none}
  .finance-web-board .cmc-market--btc p,.finance-web-board .cme-prob--chart .coingecko-mark{display:none}
}

/* ========================================================================
   V11 — calm finance board + native cursor semantics
   ======================================================================== */

/* Native cursor semantics: arrow in transit, hand only over a clickable target,
   crosshair for the entire active capture gesture. */
.real-product-story .auto-demo-cursor{width:30px;height:38px;transform-origin:2px 2px;filter:none!important;}
.real-product-story .auto-demo-cursor .demo-cursor-arrow{display:block;width:27px;height:33px;filter:drop-shadow(0 2px 1px rgba(0,0,0,.22)) drop-shadow(0 5px 9px rgba(0,0,0,.16));}
.real-product-story .auto-demo-cursor .demo-cursor-hand{display:none;width:31px;height:38px;overflow:visible;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18)) drop-shadow(0 5px 9px rgba(0,0,0,.13));}
.real-product-story .auto-demo-cursor .demo-cursor-hand path{fill:#fff;stroke:#111827;stroke-width:.42;stroke-linejoin:round;}
.real-product-story .auto-demo-cursor.is-hand .demo-cursor-arrow{display:none!important;}
.real-product-story .auto-demo-cursor.is-hand .demo-cursor-hand{display:block!important;}
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-arrow,
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-hand{display:none!important;}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair{display:none!important;position:absolute!important;left:-8px!important;top:-8px!important;width:22px!important;height:22px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;transform:none!important;clip-path:none!important;}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before,
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;background:#fff!important;border-radius:2px!important;box-shadow:0 0 0 1px rgba(10,14,25,.78),0 0 8px rgba(78,141,255,.58)!important;transform:translate(-50%,-50%)!important;}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before{width:2px!important;height:20px!important;}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{width:20px!important;height:2px!important;}
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-crosshair{display:block!important;}
/* Hard guarantee: while the capture zone is being defined, the cursor is +. */
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-arrow,
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-hand{display:none!important;}
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-crosshair{display:block!important;}
.real-product-story .auto-demo-cursor.is-clicking .demo-cursor-arrow,
.real-product-story .auto-demo-cursor.is-clicking .demo-cursor-hand{transform:scale(.93);transform-origin:2px 2px;}

.snapshot-powers .power-refresh-auto-cursor .power-cursor-arrow{display:block!important;}
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand{display:none!important;width:31px;height:38px;overflow:visible;filter:drop-shadow(0 2px 1px rgba(0,0,0,.18)) drop-shadow(0 5px 9px rgba(0,0,0,.13));}
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand path{fill:#fff;stroke:#111827;stroke-width:.42;stroke-linejoin:round;}
.snapshot-powers .power-refresh-auto-cursor.is-hand .power-cursor-arrow{display:none!important;}
.snapshot-powers .power-refresh-auto-cursor.is-hand .power-cursor-hand{display:block!important;}

/* Dashboard canvas: more neutral, less videogame-like, more room between pages. */
.real-stage-dashboard .kaptr-canvas,
.real-stage-refresh .kaptr-canvas{background-color:#111723;background-image:linear-gradient(rgba(135,157,188,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(135,157,188,.055) 1px,transparent 1px);background-size:24px 24px;}
.real-stage-dashboard .canvas-grid.finance-page-board-v11,
.real-stage-refresh .canvas-grid.finance-page-board-v11{inset:56px 24px 106px;display:grid;grid-template-columns:minmax(0,1.34fr) minmax(0,.96fr);grid-template-rows:minmax(0,1.06fr) minmax(0,.94fr);gap:16px;}
.finance-page-board-v11 .finance-page-snapshot{position:relative;min-width:0;min-height:0;border:1px solid #dce3ed;border-radius:16px;background:#fff;color:#172033;overflow:hidden;box-shadow:0 8px 22px rgba(2,8,23,.16),0 1px 2px rgba(2,8,23,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:border-color .25s ease,box-shadow .25s ease,transform .25s cubic-bezier(.22,1,.36,1);}
.finance-page-board-v11 .finance-page-snapshot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.9);pointer-events:none;}
.finance-page-board-v11 .page-slot-google{grid-column:1;grid-row:1;}
.finance-page-board-v11 .page-slot-btc{grid-column:2;grid-row:1;}
.finance-page-board-v11 .page-slot-watchlist{grid-column:1;grid-row:2;}
.finance-page-board-v11 .page-slot-etf{grid-column:2;grid-row:2;}
.finance-page-board-v11 .snapshot-state{position:absolute;z-index:12;right:10px;bottom:9px;padding:5px 7px;border:1px solid rgba(105,87,255,.34);border-radius:7px;background:rgba(18,18,29,.9);color:#d6ceff;font:5px "DM Mono",monospace;letter-spacing:.07em;box-shadow:0 5px 16px rgba(0,0,0,.18);}
.finance-page-board-v11 .finance-page-btc.is-new{border-color:#8774ff;box-shadow:0 0 0 3px rgba(118,87,255,.14),0 14px 32px rgba(30,20,84,.24);}
.finance-page-board-v11 .finance-page-btc.is-selected{border-color:#8774ff;box-shadow:0 0 0 4px rgba(118,87,255,.2),0 0 32px rgba(94,68,231,.28),0 14px 30px rgba(2,8,23,.2);}
.finance-page-board-v11 .snapshot-click-target{position:absolute;z-index:11;inset:0;border:0;background:transparent;cursor:pointer;}

.finance-page-board-v11 .page-browserbar{height:31px;padding:0 11px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #e8edf3;background:#fafbfd;color:#607086;}
.finance-page-board-v11 .page-brand{display:flex;align-items:center;gap:6px;min-width:0;color:#202b3d;}
.finance-page-board-v11 .page-brand>b{font-size:7px;white-space:nowrap;}
.finance-page-board-v11 .page-brand>small{padding:2px 4px;border-radius:5px;background:#eef2f7;color:#69798e;font-size:4.5px;font-weight:800;}
.finance-page-board-v11 .page-browserbar>em{font:4.7px "DM Mono",monospace;font-style:normal;white-space:nowrap;opacity:.58;}
.finance-page-board-v11 .page-search{justify-self:center;width:min(170px,75%);height:19px;padding:0 8px;display:flex;align-items:center;border:1px solid #e0e6ee;border-radius:999px;background:#fff;color:#6d7b8e;font-size:5px;}
.google-finance-brand i{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);color:#fff;font-size:7px;font-style:normal;font-weight:900;}

.google-finance-body{padding:11px 13px 10px;}
.google-finance-title{display:flex;align-items:start;justify-content:space-between;gap:10px;}
.google-finance-title>div{display:grid}.google-finance-title small{font-size:11px;font-weight:800;color:#172033}.google-finance-title span{margin-top:1px;color:#6e7a8d;font-size:5px;}
.google-finance-title button{height:24px;padding:0 10px;border:0;border-radius:999px;color:#fff;background:#1769e0;font-size:5px;font-weight:800;}
.google-finance-quote{margin-top:5px;display:flex;align-items:center;gap:8px}.google-finance-quote strong{font-size:25px;line-height:1;letter-spacing:-.045em}.google-finance-quote span{padding:4px 6px;border-radius:7px;background:#fde9e7;color:#c9362f;font-size:7px;font-weight:800}.google-finance-quote em{color:#b6312c;font-size:6px;font-style:normal;font-weight:650}.google-finance-time{margin-top:4px;color:#728095;font-size:5px}.google-finance-tabs{height:25px;margin-top:7px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3;color:#606f82;font-size:5px}.google-finance-tabs>*{padding:6px 6px 5px}.google-finance-tabs b{border-bottom:2px solid #1769e0;color:#1769e0}.google-finance-chart{position:relative;height:91px;margin-top:4px;border-bottom:1px solid #dfe5ec;overflow:hidden}.google-finance-chart svg{width:100%;height:100%}.google-finance-chart .g-grid{fill:none;stroke:#edf1f5;stroke-width:1}.google-finance-chart .g-area{fill:rgba(236,67,54,.08)}.google-finance-chart .g-line{fill:none;stroke:#ef493f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.google-finance-chart .previous-close{position:absolute;right:3px;top:37%;padding:2px 4px;background:rgba(255,255,255,.9);color:#5f6f83;font-size:4.8px}.google-finance-stats{margin-top:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.google-finance-stats span{display:grid}.google-finance-stats small{color:#7a8798;font-size:4.8px}.google-finance-stats b{margin-top:1px;font-size:6px}

.coin-page-head .btc-mark{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#f7931a;color:#fff;font-size:9px;font-style:normal;font-weight:900;}.btc-page-body{padding:12px 13px}.btc-heading{display:flex;align-items:end;justify-content:space-between;gap:8px}.btc-heading>div{display:grid}.btc-heading small{color:#63748b;font-size:5.5px}.btc-heading strong{margin-top:1px;color:#111a2c;font-size:22px;letter-spacing:-.045em}.btc-heading>span{margin-bottom:2px;padding:4px 6px;border-radius:7px;background:#fee9e8;color:#e23d36;font-size:6.5px;font-weight:850}.btc-range{margin-top:10px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:7px;row-gap:4px}.btc-range>div{grid-column:1/-1;height:5px;border-radius:99px;background:#e7ebf0;overflow:hidden}.btc-range>div i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffce1b,#63c835,#00a95b)}.btc-range span{color:#47566b;font-size:5px}.btc-range span:last-child{text-align:right}.btc-range b{color:#202a3a;font-size:5px}.btc-metrics{margin-top:9px;border-top:1px solid #e8edf2}.btc-metrics>span{min-height:26px;padding:5px 0;display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid #edf1f5}.btc-metrics small{color:#66778d;font-size:5px}.btc-metrics b{font-size:6px}.real-stage-refresh.is-refreshed .finance-page-btc [data-finance-value]{animation:valueFlash .65s var(--ease)}

.watchlist-page{padding:6px 10px 7px}.watchlist-head,.watch-row{display:grid;grid-template-columns:minmax(0,1.7fr) .62fr .5fr;align-items:center;gap:8px}.watchlist-head{height:18px;color:#8995a5;font-size:4.5px;text-transform:uppercase;letter-spacing:.06em}.watchlist-head span:not(:first-child){text-align:right}.watch-row{min-height:28px;border-top:1px solid #edf1f5}.watch-row>b{min-width:0;display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:5.6px}.watch-row>strong{text-align:right;font-size:6.2px}.watch-row>em{justify-self:end;padding:3px 5px;border-radius:6px;font-size:5.2px;font-style:normal;font-weight:800}.watch-row .up{background:#e7f6ec;color:#167b43}.watch-row .down{background:#fbe9e9;color:#bf3737}.ticker{min-width:32px;padding:4px 5px;border-radius:5px;color:#fff;background:#111827;font-size:5px;font-style:normal;text-align:center}.ticker.intc{background:#0d5db8}.ticker.meta{background:#4067b5}.ticker.bac{background:#ed1b3a}.ticker.msft{background:#6a6a6a}

.finance-page-etf{background:#8095ac!important;color:#fff!important;border-color:#8fa2b6!important}.etf-page-head{height:45px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.etf-page-head>div{display:grid}.etf-page-head small{font-size:4.5px;font-weight:800;opacity:.9}.etf-page-head b{margin-top:2px;font-size:8px}.etf-page-head>span{padding:6px 7px;background:#68cb00;color:#fff;font-size:9px;font-weight:900}.etf-page-body{margin:0 8px;display:grid;grid-template-columns:.9fr 1.8fr;background:#fff;color:#243248}.etf-price{padding:9px 10px;background:#f7e514}.etf-price strong{display:block;font-size:24px;line-height:1;color:#384961}.etf-price span{display:block;margin-top:4px;font-size:4.5px;color:#52657a}.etf-deltas{padding:7px 10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.etf-deltas span{display:grid;align-content:center}.etf-deltas small{color:#7d8ca0;font-size:4.4px}.etf-deltas b{margin-top:2px;font-size:7px}.etf-deltas span:not(:last-child) b{color:#ef4b62}.etf-quote{height:27px;margin:0 8px;padding:0 10px;display:flex;align-items:center;gap:22px;background:#eef2f6;color:#50647b;font-size:5px}.etf-quote span b{margin-left:3px;color:#202c3d;font-size:6px}.etf-quote em{margin-left:auto;font-style:normal}

@media(max-width:1050px){
  .real-stage-dashboard .canvas-grid.finance-page-board-v11,.real-stage-refresh .canvas-grid.finance-page-board-v11{inset:52px 18px 100px;gap:12px;grid-template-columns:1.3fr .9fr;}
  .google-finance-chart{height:76px}.google-finance-quote strong,.btc-heading strong{font-size:19px}.google-finance-stats span:nth-child(4){display:none}.google-finance-stats{grid-template-columns:repeat(3,1fr)}.watch-row{min-height:25px}.watch-row:nth-of-type(6){display:none}.etf-price strong{font-size:19px}.etf-deltas{gap:4px}
}
@media(max-width:760px){
  .real-stage-dashboard .canvas-grid.finance-page-board-v11,.real-stage-refresh .canvas-grid.finance-page-board-v11{inset:48px 9px 125px;gap:8px;grid-template-columns:1.14fr .86fr;grid-template-rows:1fr 1fr;}
  .finance-page-board-v11 .finance-page-snapshot{border-radius:11px}.finance-page-board-v11 .page-browserbar{height:23px;padding:0 6px}.finance-page-board-v11 .page-search,.finance-page-board-v11 .page-browserbar>em{display:none}.finance-page-board-v11 .page-browserbar{grid-template-columns:1fr}.google-finance-body{padding:7px}.google-finance-title button,.google-finance-time,.google-finance-stats{display:none}.google-finance-title small{font-size:8px}.google-finance-quote strong{font-size:15px}.google-finance-quote em{display:none}.google-finance-tabs{height:20px;margin-top:4px}.google-finance-tabs span:nth-child(n+5){display:none}.google-finance-chart{height:63px}.btc-page-body{padding:8px}.btc-heading strong{font-size:14px}.btc-range{margin-top:6px}.btc-metrics{margin-top:5px}.btc-metrics>span:nth-child(n+3){display:none}.watchlist-page{padding:4px 6px}.watch-row{min-height:23px}.watch-row:nth-of-type(n+5){display:none}.watch-row>b{font-size:0}.watch-row>b .ticker{font-size:5px}.etf-page-head{height:34px;padding:0 7px}.etf-page-head b{font-size:5.8px}.etf-page-body{margin:0 5px;grid-template-columns:1fr}.etf-price{padding:7px}.etf-price strong{font-size:16px}.etf-deltas{display:none}.etf-quote{margin:0 5px;height:22px;padding:0 7px;gap:10px}.etf-quote em{display:none}.real-product-story .auto-demo-cursor .demo-cursor-hand{width:28px;height:34px}
}

/* ========================================================================
   V12 — solid click hand + true selection plus
   ======================================================================== */
/* Use a genuinely filled hand silhouette for clickable targets. */
.real-product-story .auto-demo-cursor .demo-cursor-hand,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand{
  overflow:visible;
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.24)) drop-shadow(0 5px 8px rgba(0,0,0,.14));
}
.real-product-story .auto-demo-cursor .demo-cursor-hand path,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand path{
  fill:#fff!important;
  stroke:#111827!important;
  stroke-width:.36!important;
  stroke-linejoin:round!important;
  filter:none!important;
}

/* A literal SVG plus replaces the old pseudo-element crosshair. */
.real-product-story .auto-demo-cursor .demo-cursor-crosshair{
  display:none!important;
  position:absolute!important;
  left:-9px!important;
  top:-9px!important;
  width:24px!important;
  height:24px!important;
  overflow:visible!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.32))!important;
  transform:none!important;
  clip-path:none!important;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before,
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{
  content:none!important;
  display:none!important;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair .crosshair-outline{
  fill:none;
  stroke:#0b1020;
  stroke-width:4.6;
  stroke-linecap:round;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair .crosshair-core{
  fill:none;
  stroke:#fff;
  stroke-width:2.15;
  stroke-linecap:round;
}
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-crosshair,
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-crosshair{
  display:block!important;
}
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-arrow,
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-hand{
  display:none!important;
}
.real-product-story .auto-demo-cursor.is-clicking.is-crosshair .demo-cursor-crosshair{
  transform:scale(.94)!important;
  transform-origin:12px 12px!important;
}

/* ========================================================================
   V13 — thicker click-hand outline + fully visible true plus
   ======================================================================== */
.real-product-story .auto-demo-cursor,
.snapshot-powers .power-refresh-auto-cursor{
  overflow:visible !important;
}

.real-product-story .auto-demo-cursor .demo-cursor-hand path,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand path{
  stroke-width:.56 !important;
}

.real-product-story .auto-demo-cursor .demo-cursor-crosshair{
  left:-11px !important;
  top:-11px !important;
  width:28px !important;
  height:28px !important;
  overflow:visible !important;
  transform-box:fill-box;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair .crosshair-outline{
  stroke:#0b1020 !important;
  stroke-width:6.2 !important;
  stroke-linecap:square !important;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair .crosshair-core{
  stroke:#ffffff !important;
  stroke-width:3.1 !important;
  stroke-linecap:square !important;
}
.real-product-story .auto-demo-cursor.is-clicking.is-crosshair .demo-cursor-crosshair{
  transform:scale(.95) !important;
  transform-origin:14px 14px !important;
}

/* ========================================================================
   V14 — bulletproof selection + and stronger filled-hand outline
   ======================================================================== */
/* The clickable hand is intentionally filled white with a stronger dark rim. */
.real-product-story .auto-demo-cursor .demo-cursor-hand path,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand path{
  fill:#fff !important;
  stroke:#0a0d14 !important;
  stroke-width:.92 !important;
  stroke-linejoin:round !important;
  paint-order:stroke fill !important;
}

/* Do not draw the selection cursor with SVG strokes anymore. A real text '+'
   cannot lose its upper/left arms to SVG stroke clipping. */
.real-product-story .auto-demo-cursor .demo-cursor-crosshair{
  display:none !important;
  position:absolute !important;
  z-index:8 !important;
  left:-12px !important;
  top:-18px !important;
  width:30px !important;
  height:30px !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
  filter:none !important;
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:31px !important;
  font-weight:700 !important;
  line-height:30px !important;
  text-align:center !important;
  letter-spacing:0 !important;
  -webkit-text-stroke:2px #0b1020 !important;
  text-shadow:0 2px 3px rgba(0,0,0,.32),0 0 7px rgba(82,139,255,.45) !important;
  transform:none !important;
  transform-origin:15px 15px !important;
  pointer-events:none !important;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before,
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{
  content:none !important;
  display:none !important;
}
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-crosshair,
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-crosshair{
  display:block !important;
}
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-arrow,
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-hand{
  display:none !important;
}
.real-product-story .auto-demo-cursor.is-clicking.is-crosshair .demo-cursor-crosshair{
  transform:scale(.96) !important;
}

/* ========================================================================
   V15 — fix cursor clipping at the source
   ======================================================================== */
/* `contain: paint` on the animated cursor was clipping every pixel drawn
   above/left of its 28×34 box. That is why the selection cross looked like
   an L. Cursor artwork must be allowed to paint outside that tiny box. */
.real-product-story .auto-demo-cursor,
.snapshot-powers .power-refresh-auto-cursor{
  contain:none !important;
  overflow:visible !important;
}

/* Filled click hand: keep the white fill, make the dark silhouette/rim
   unmistakable at landing-page scale. */
.real-product-story .auto-demo-cursor .demo-cursor-hand path,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand path{
  fill:#ffffff !important;
  stroke:#05070d !important;
  stroke-width:1.55 !important;
  stroke-linejoin:round !important;
  stroke-linecap:round !important;
  paint-order:stroke fill !important;
}
.real-product-story .auto-demo-cursor .demo-cursor-hand,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.45)) drop-shadow(0 2px 3px rgba(0,0,0,.24)) !important;
}

/* True geometric + for capture selection. No font glyph and no SVG stroke:
   two perfectly centred bars, so all four arms are always identical. */
.real-product-story .auto-demo-cursor .demo-cursor-crosshair{
  display:none !important;
  position:absolute !important;
  z-index:12 !important;
  left:-14px !important;
  top:-14px !important;
  width:28px !important;
  height:28px !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  clip-path:none !important;
  filter:none !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  text-shadow:none !important;
  -webkit-text-stroke:0 transparent !important;
  transform:none !important;
  transform-origin:14px 14px !important;
  pointer-events:none !important;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before,
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:1px !important;
  background:#ffffff !important;
  box-shadow:0 0 0 1.6px #070a12, 0 2px 4px rgba(0,0,0,.24) !important;
  transform:translate(-50%,-50%) !important;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::before{
  width:3px !important;
  height:26px !important;
}
.real-product-story .auto-demo-cursor .demo-cursor-crosshair::after{
  width:26px !important;
  height:3px !important;
}
.real-product-story .auto-demo-cursor.is-crosshair .demo-cursor-crosshair,
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-crosshair{
  display:block !important;
}
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-arrow,
.real-product-story .real-machine[data-machine-stage="2"]:not(.selection-complete) .auto-demo-cursor .demo-cursor-hand{
  display:none !important;
}
.real-product-story .auto-demo-cursor.is-clicking.is-crosshair .demo-cursor-crosshair{
  transform:scale(.96) !important;
}

/* ========================================================================
   V43 — Kaptr AI: real navbar → real composer → Kaptr Vision → snapshot → cloud refresh
   ======================================================================== */
.kaptr-ai-product-demo{position:relative;margin-top:68px}
.kai-demo-shell{position:relative;height:720px;display:grid;grid-template-columns:154px 1fr;border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;background:#08101c;box-shadow:0 38px 110px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)}
.kai-demo-shell::before{content:"";position:absolute;z-index:0;inset:0;background-image:linear-gradient(rgba(18,179,231,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(18,179,231,.13) 1px,transparent 1px);background-size:18px 18px;opacity:.72;pointer-events:none}
.kai-demo-sidebar,.kai-demo-canvas{position:relative;z-index:1}
.kai-demo-sidebar{padding:14px 11px 12px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(9,13,24,.98),rgba(8,12,22,.95));color:#d5d9e8}
.kai-demo-logo{height:42px;display:flex;align-items:center;gap:8px}.kai-demo-logo i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,#826dff,#55d3db);font-style:normal;font-size:11px;font-weight:900}.kai-demo-logo b{font-size:11px}
.kai-demo-sidebar>button{width:100%;height:42px;margin:6px 0 15px;padding:0 9px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:11px;color:#eef0fa;background:rgba(255,255,255,.045);text-align:left}.kai-demo-sidebar>button>span{font-size:17px}.kai-demo-sidebar>button b{display:grid;font-size:7px;letter-spacing:.04em}.kai-demo-sidebar>button small{margin-top:2px;color:#686f86;font-size:6px}
.kai-demo-sidebar h5{margin:13px 6px 5px;color:#606981;font-size:5.5px;letter-spacing:.12em}.kai-demo-sidebar h5 span{float:right}.kai-demo-sidebar a{height:29px;padding:0 7px;display:flex;align-items:center;border-radius:8px;color:#80889d;font-size:7px;font-weight:700}.kai-demo-sidebar a small{margin-left:auto;color:#566078;font-size:5px}.kai-demo-sidebar a.active{color:#f1f3fb;background:rgba(130,109,255,.13);box-shadow:inset 0 0 0 1px rgba(130,109,255,.16)}
.kai-demo-user{position:absolute;left:11px;right:11px;bottom:12px;padding:9px 7px;display:flex;align-items:center;gap:7px;border-top:1px solid rgba(255,255,255,.07)}.kai-demo-user>i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#29324a;font-size:7px;font-style:normal;font-weight:800}.kai-demo-user>b{display:grid;font-size:6.5px}.kai-demo-user small{margin-top:2px;color:#646d83;font-size:5px;font-weight:500}
.kai-demo-canvas{min-width:0;background:rgba(5,12,21,.26)}
.kai-demo-topbar{position:relative;z-index:5;height:48px;padding:0 17px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.075);color:#bac1d2;background:rgba(7,11,21,.84);backdrop-filter:blur(12px)}.kai-demo-topbar b{color:#f0f2f8;font-size:9px}.kai-demo-topbar span{color:#767f96;font-size:7px}.kai-demo-topbar nav{margin-left:auto;color:#8f98ad;font-size:6px}
.kai-demo-grid{position:absolute;z-index:1;left:0;right:0;top:48px;bottom:0;overflow:hidden}
.kai-demo-seed-card{position:absolute;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#b5bdcf;background:rgba(12,19,31,.76);box-shadow:0 18px 35px rgba(0,0,0,.16);transition:opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.kai-demo-seed-card small{display:block;color:#66728a;font:6px "DM Mono",monospace;letter-spacing:.12em}.kai-demo-seed-card strong{display:block;margin-top:7px;color:#eef1f8;font-size:12px;letter-spacing:-.03em}.kai-demo-seed-card p{margin:7px 0 0;color:#707c94;font-size:7px;line-height:1.5}.kai-demo-seed-card>span{margin-top:8px;display:flex;align-items:center;gap:7px;font-size:7px}.kai-demo-seed-card>span i{width:6px;height:6px;border-radius:50%;background:#55d3db;box-shadow:0 0 9px rgba(85,211,219,.5)}
.kai-demo-seed-card--notes{left:4%;top:8%;width:28%;height:190px}.kai-demo-seed-card--guide{right:4%;top:8%;width:28%;height:120px}

/* Actual product navbar, scaled only to fit the landing composition. */
.kai-demo-navbar-wrap{position:absolute;z-index:25;left:0;right:0;bottom:12px;height:82px;pointer-events:none;transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.kai-demo-navbar-wrap .hero-native-navbar{--hero-nav-scale:.86;bottom:0}
.kai-demo-navbar-wrap .kai-real-ai-button{height:32px!important;padding:0 15px!important;border-radius:12px!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(120deg,#8b74ff 0%,#6f5cff 52%,#4bb4d6 100%)!important;box-shadow:0 6px 18px -6px rgba(111,92,255,.7),inset 0 1px 0 rgba(255,255,255,.28)!important}
.kai-demo-navbar-wrap .kai-real-ai-button svg{fill:#fff;filter:none}
.kai-demo-navbar-wrap--selected{opacity:0;transform:translateY(16px);pointer-events:none}
.kaptr-ai-product-demo.is-composer-open [data-ai-toolbar-default],.kaptr-ai-product-demo.is-searching [data-ai-toolbar-default]{opacity:0;transform:translateY(24px)}
.kaptr-ai-product-demo.is-selected [data-ai-toolbar-default],.kaptr-ai-product-demo.is-refreshing [data-ai-toolbar-default],.kaptr-ai-product-demo.is-refreshed [data-ai-toolbar-default]{opacity:0;transform:translateY(20px)}
.kaptr-ai-product-demo.is-selected [data-ai-toolbar-selected],.kaptr-ai-product-demo.is-refreshing [data-ai-toolbar-selected],.kaptr-ai-product-demo.is-refreshed [data-ai-toolbar-selected]{opacity:1;transform:none}

/* Product composer copied from the actual Kaptr.me structure, but positioned inside the demo. */
.kai-real-composer-dock{position:absolute;z-index:30;left:50%;bottom:18px;width:min(820px,calc(100% - 32px));display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate(-50%,20px) scale(.985);transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s;pointer-events:none}
.kaptr-ai-product-demo.is-composer-open .kai-real-composer-dock,.kaptr-ai-product-demo.is-typing .kai-real-composer-dock{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition-delay:0s}
.kai-real-back{align-self:center;margin-bottom:10px;padding:7px 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#eceefb;background:rgba(15,19,38,.94);box-shadow:0 8px 22px -10px rgba(2,6,23,.6);font-size:8px;font-weight:750}.kai-real-back kbd{padding:1px 5px;border-radius:5px;color:#c4c9e6;background:rgba(255,255,255,.12);font:7px inherit}
.kai-real-suggestions{margin:0 6px 9px;display:flex;gap:7px;justify-content:center;transition:opacity .18s ease,transform .2s ease}.kai-real-suggestions span{max-width:310px;padding:7px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#c8cce0;background:rgba(19,23,42,.91);box-shadow:0 4px 12px rgba(0,0,0,.18);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kaptr-ai-product-demo.is-typing .kai-real-suggestions{opacity:0;transform:translateY(4px)}
.kai-real-composer{position:relative;padding:12px 12px 10px 18px;border:1px solid rgba(255,255,255,.12);border-radius:24px;color:#eef0fb;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 35%),radial-gradient(circle at 16% -25%,rgba(130,109,255,.22),transparent 43%),radial-gradient(circle at 92% 130%,rgba(85,211,219,.12),transparent 46%),rgba(7,10,18,.97);box-shadow:0 28px 70px rgba(0,0,0,.54),0 0 0 1px rgba(130,109,255,.12),inset 0 1px 0 rgba(255,255,255,.06)}
.kai-real-close{position:absolute;right:14px;top:13px;width:23px;height:23px;border:0;color:#9da5bd;background:transparent;font-size:19px;line-height:1}
.kai-real-prompt-line{min-height:47px;padding:0 34px 4px 0;position:relative;display:flex;align-items:flex-start;color:#f2f4fb;font-size:13px;line-height:1.35}.kai-real-prompt-line>span:empty{display:none}.kai-real-prompt-line>em{position:absolute;left:0;top:0;color:#8f97b0;font-style:normal;transition:opacity .15s ease}.kai-real-prompt-line>span:not(:empty)~em{opacity:0}.kai-real-prompt-line>i{width:1.4px;height:16px;margin:1px 0 0 2px;background:#9c8cff;opacity:0}.kaptr-ai-product-demo.is-typing .kai-real-prompt-line>i{opacity:1;animation:aiCaret .7s steps(1) infinite}
.kai-real-composer-bar{display:flex;align-items:center;gap:7px}.kai-real-controls{display:flex;align-items:center;gap:8px;min-width:0}.kai-real-control{height:34px;padding:0 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#e8ebf5;background:rgba(255,255,255,.045);font-size:8px;font-weight:700}.kai-real-control--vision{padding-left:5px;border-color:rgba(130,109,255,.28);background:linear-gradient(145deg,rgba(85,211,219,.065),rgba(130,109,255,.09))}.kai-vision-logo{width:27px;height:27px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(130,109,255,.42);border-radius:9px;background:#11162f;box-shadow:inset 0 0 0 1px rgba(85,211,219,.05)}.kai-vision-logo svg{width:25px;height:25px}.kai-real-count{height:34px;padding:0 10px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#9ca4b9;background:rgba(255,255,255,.035);font-size:8px}.kai-real-count b{color:#fff;font-size:10px}.kai-real-credit{height:29px;padding:0 9px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#a7aec0;background:rgba(255,255,255,.035);font-size:7px}.kai-real-credit i{width:5px;height:5px;border-radius:50%;background:#55d3db;box-shadow:0 0 7px rgba(85,211,219,.6)}
.kai-real-send{width:43px;height:43px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:linear-gradient(135deg,#8b74ff,#6f5cff);box-shadow:0 8px 24px rgba(111,92,255,.42)}.kai-real-send svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kaptr-ai-product-demo.is-searching .kai-real-composer-dock{opacity:0;visibility:hidden;transform:translate(-50%,18px) scale(.985)}

/* Kaptr Vision capture film shown on the board itself. */
.kai-demo-film{position:absolute;z-index:18;left:50%;top:48%;width:min(620px,76%);height:385px;border:1px solid rgba(255,255,255,.11);border-radius:22px;overflow:hidden;color:#fff;background:radial-gradient(circle at 24% 58%,rgba(28,123,104,.32),transparent 40%),linear-gradient(145deg,#07131f,#061823 58%,#07101b);box-shadow:0 34px 80px rgba(0,0,0,.46),0 0 0 1px rgba(118,87,255,.08);opacity:0;transform:translate(-50%,-46%) scale(.94);transition:opacity .3s ease,transform .42s cubic-bezier(.22,1,.36,1);pointer-events:none}
.kaptr-ai-product-demo.is-searching .kai-demo-film{opacity:1;transform:translate(-50%,-50%) scale(1)}
.kaptr-ai-product-demo.has-snapshot .kai-demo-film{opacity:0;transform:translate(-50%,-54%) scale(.96)}
.kai-demo-film-browser{position:absolute;left:36%;top:18%;width:47%;height:50%;padding:9px;border:1px solid rgba(80,231,198,.28);border-radius:12px;background:rgba(23,80,72,.78);transform:rotate(6deg);box-shadow:0 18px 38px rgba(0,0,0,.25)}.kai-film-window-controls{display:flex;gap:4px}.kai-film-window-controls i{width:6px;height:6px;border-radius:50%;background:#ff7367}.kai-film-window-controls i:nth-child(2){background:#ffc75c}.kai-film-window-controls i:nth-child(3){background:#62d683}.kai-film-address{height:18px;margin:7px 0;padding:0 7px;display:flex;align-items:center;gap:6px;border-radius:7px;background:#0b413a}.kai-film-address span{width:6px;height:6px;border-radius:50%;background:#55d3db}.kai-film-address b{color:#8ac7bb;font-size:5px}.kai-film-page{padding:6px}.kai-film-page-nav{display:flex;gap:5px}.kai-film-page-nav span{width:24%;height:5px;border-radius:99px;background:#66968f}.kai-film-page-hero{margin-top:9px;display:grid;grid-template-columns:40% 1fr;gap:9px}.kai-film-page-hero>i{height:70px;border-radius:9px;background:rgba(10,35,33,.62)}.kai-film-page-hero>div{display:grid;align-content:start;gap:6px}.kai-film-page-hero span{height:5px;border-radius:99px;background:#6b9d96}.kai-film-page-hero span:nth-child(2){width:75%}.kai-film-page-hero b{width:45%;height:16px;border-radius:6px;background:#35bbaa}
.kai-vision-scout{position:absolute;right:4%;top:9%;width:118px;min-height:132px;display:grid;place-items:center;align-content:center;gap:9px;filter:drop-shadow(0 16px 22px rgba(0,0,0,.38));animation:kaiVisionFloat 2.5s ease-in-out infinite}.kai-vision-scout__halo{position:absolute;width:92px;height:92px;border:1px solid rgba(124,240,255,.18);border-radius:50%;background:radial-gradient(circle,rgba(130,109,255,.22),rgba(85,211,219,.07) 48%,transparent 70%);box-shadow:0 0 45px rgba(130,109,255,.18)}.kai-vision-scout__mark{position:relative;width:74px;height:74px;display:grid;place-items:center;border:1px solid rgba(169,149,255,.28);border-radius:24px;background:rgba(11,14,31,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 30px rgba(0,0,0,.26)}.kai-vision-scout__mark svg{width:64px;height:64px}.kai-vision-scout__label{position:relative;padding:5px 8px;border:1px solid rgba(124,240,255,.16);border-radius:999px;color:#cfd7ff;background:rgba(8,10,24,.82);font:800 6px "DM Mono",monospace;letter-spacing:.12em}.kai-vision-scout__halo::before,.kai-vision-scout__halo::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(124,240,255,.15);border-radius:50%;animation:kaiVisionOrbit 7s linear infinite}.kai-vision-scout__halo::after{inset:19px;border-color:rgba(169,149,255,.18);animation-direction:reverse;animation-duration:5s}@keyframes kaiVisionFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes kaiVisionOrbit{to{transform:rotate(360deg)}}
.kai-demo-film footer{position:absolute;left:18px;right:18px;bottom:13px;display:grid;grid-template-columns:1fr auto;align-items:end}.kai-demo-film footer>span{grid-column:1/-1;display:flex;align-items:center;gap:6px;color:#8ef4e4;font:7px "DM Mono",monospace;font-weight:900;letter-spacing:.1em}.kai-demo-film footer>span i{width:6px;height:6px;border-radius:50%;background:#55d3b7;box-shadow:0 0 10px rgba(85,211,183,.7);animation:kaiFilmDot 1s ease-in-out infinite}@keyframes kaiFilmDot{50%{opacity:.35}}.kai-demo-film footer strong{margin-top:7px;max-width:260px;font-size:14px;line-height:1.25}.kai-demo-film footer em{color:#a3aabd;font-size:7px;font-style:normal}

/* The snapshot Kaptr Vision inserts: a real-looking web capture, not a dashboard KPI. */
.kai-generated-snapshot{position:absolute;z-index:12;left:50%;top:49%;width:min(650px,72%);height:360px;border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:visible;color:#111827;background:#fff;box-shadow:0 26px 62px rgba(0,0,0,.34);opacity:0;transform:translate(-50%,-43%) scale(.9);transition:opacity .38s ease,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .25s ease,border-color .25s ease;pointer-events:none}
.kaptr-ai-product-demo.has-snapshot .kai-generated-snapshot{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.kaptr-ai-product-demo.is-selected .kai-generated-snapshot,.kaptr-ai-product-demo.is-refreshing .kai-generated-snapshot,.kaptr-ai-product-demo.is-refreshed .kai-generated-snapshot{border-color:#8b74ff;box-shadow:0 0 0 3px rgba(130,109,255,.23),0 28px 70px rgba(0,0,0,.38),0 0 42px rgba(130,109,255,.19)}
.kai-ai-snapshot-badge{position:absolute;z-index:8;left:12px;top:-13px;padding:5px 8px;border:1px solid rgba(139,122,255,.45);border-radius:999px;color:#dcd7ff;background:#101428;box-shadow:0 7px 18px rgba(0,0,0,.28);font:6px "DM Mono",monospace;font-weight:900;letter-spacing:.08em}.kai-ai-snapshot-badge i{margin-left:6px;color:#62e2eb;font-style:normal}
.kai-selection-handle{position:absolute;z-index:9;width:8px;height:8px;border:1px solid #fff;border-radius:2px;background:#826dff;opacity:0;box-shadow:0 2px 5px rgba(0,0,0,.3)}.kai-selection-handle.h1{left:-5px;top:-5px}.kai-selection-handle.h2{right:-5px;top:-5px}.kai-selection-handle.h3{left:-5px;bottom:-5px}.kai-selection-handle.h4{right:-5px;bottom:-5px}.kaptr-ai-product-demo.is-selected .kai-selection-handle,.kaptr-ai-product-demo.is-refreshing .kai-selection-handle,.kaptr-ai-product-demo.is-refreshed .kai-selection-handle{opacity:1}
.kai-web-browserbar{height:28px;padding:0 9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-radius:17px 17px 0 0;border-bottom:1px solid #e6e9ef;background:#f4f6f9}.kai-web-browserbar>span{display:flex;gap:4px}.kai-web-browserbar>span i{width:5px;height:5px;border-radius:50%;background:#ff685f}.kai-web-browserbar>span i:nth-child(2){background:#f4be4f}.kai-web-browserbar>span i:nth-child(3){background:#61c655}.kai-web-browserbar b{justify-self:center;color:#667085;font-size:6px}.kai-web-browserbar em{color:#667085;font-size:8px;font-style:normal}
.kai-market-page{height:calc(100% - 28px);margin:0;display:grid;grid-template-rows:49px 1fr 27px;overflow:hidden;border-radius:0 0 17px 17px;background:#101522}.kai-market-page>header{padding:0 14px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);color:#fff;background:#141b2b}.kai-market-page>header span{display:grid;gap:2px}.kai-market-page>header small{color:#7ee0c7;font-size:5px;font-weight:800;letter-spacing:.12em}.kai-market-page>header b{font-size:12px;letter-spacing:-.02em}.kai-market-page>header em{margin-left:auto;padding:4px 7px;border-radius:999px;color:#bed5d6;background:rgba(85,211,219,.1);font-size:5.5px;font-style:normal}.kai-market-heatmap{min-height:0;overflow:hidden;background:#0d1320}.kai-market-heatmap img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.kai-market-page>figcaption{padding:0 14px;display:flex;align-items:center;border-top:1px solid rgba(255,255,255,.09);color:#8e98aa;background:#141b2b;font-size:5.5px}.kai-market-page>figcaption b{margin-left:auto;color:#78d8c0;font-size:5.5px}
.kai-cloud-refresh-state{position:absolute;z-index:8;right:12px;bottom:-15px;padding:8px 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(85,211,219,.3);border-radius:11px;color:#d7ecf3;background:rgba(8,17,31,.95);box-shadow:0 12px 26px rgba(0,0,0,.3);opacity:0;transform:translateY(5px);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.kaptr-ai-product-demo.has-snapshot .kai-cloud-refresh-state{opacity:1;transform:none}.kai-cloud-refresh-state>i{color:#55d3db;font-size:15px;font-style:normal}.kai-cloud-refresh-state span{display:grid}.kai-cloud-refresh-state b{font-size:7px}.kai-cloud-refresh-state small{margin-top:2px;color:#7d899d;font-size:5.5px}.kai-snapshot-hit{position:absolute;z-index:10;inset:0;border:0;border-radius:inherit;background:transparent}
.kaptr-ai-product-demo.is-refreshing .kai-cloud-refresh-state{border-color:rgba(139,122,255,.45);box-shadow:0 0 0 3px rgba(130,109,255,.09),0 12px 26px rgba(0,0,0,.3)}.kaptr-ai-product-demo.is-refreshing .kai-cloud-refresh-state>i{animation:cloudSpin 1s linear infinite}@keyframes cloudSpin{to{transform:rotate(360deg)}}.kaptr-ai-product-demo.is-refreshed .kai-market-heatmap img{animation:kaiHeatmapRefresh .7s cubic-bezier(.22,1,.36,1)}@keyframes kaiHeatmapRefresh{0%{opacity:.72;transform:scale(.99)}45%{opacity:1;transform:scale(1.012)}100%{transform:none}}

/* Dedicated demo cursor. Arrow while travelling; filled hand only when on target. */
.kai-story-cursor{position:absolute;z-index:60;left:0;top:0;width:31px;height:38px;pointer-events:none;opacity:0;transform:translate3d(380px,90px,0);will-change:transform;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));transition:opacity .18s ease}.kaptr-ai-product-demo.is-running .kai-story-cursor{opacity:1}.kai-story-cursor svg{position:absolute;left:0;top:0;overflow:visible}.kai-story-arrow{width:27px;height:33px}.kai-story-hand{display:none;width:31px;height:38px}.kai-story-cursor.is-hand .kai-story-arrow{display:none}.kai-story-cursor.is-hand .kai-story-hand{display:block}.kai-story-cursor>i{position:absolute;left:-9px;top:-9px;width:24px;height:24px;border:1.5px solid rgba(126,218,255,.92);border-radius:50%;opacity:0;transform:scale(.3)}.kai-story-cursor.is-clicking>i{animation:kaiCursorRipple .48s ease-out}@keyframes kaiCursorRipple{0%{opacity:.85;transform:scale(.3)}100%{opacity:0;transform:scale(1.35)}}.kai-story-cursor.is-clicking.is-hand .kai-story-hand{transform:scale(.94) translateY(1px)}

.kai-demo-caption{min-height:58px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.09);border-top:0;border-radius:0 0 18px 18px;color:#d9ddea;background:rgba(12,15,27,.86)}.kai-demo-caption>span{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.kai-demo-caption>span>i{grid-row:span 2;width:7px;height:7px;margin-top:4px;border-radius:50%;background:#55d3db;box-shadow:0 0 10px rgba(85,211,219,.55)}.kai-demo-caption b{font-size:9px}.kai-demo-caption small{margin-top:2px;color:#777f94;font-size:7px}.kai-demo-caption>button{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#cbd1df;background:rgba(255,255,255,.045);font-size:7px;font-weight:750;cursor:pointer}
.kai-cloud-proof{margin-top:24px}

@media(max-width:1100px){
  .kai-demo-shell{grid-template-columns:126px 1fr;height:680px}.kai-demo-sidebar{padding-inline:8px}.kai-demo-sidebar h5{font-size:5px}.kai-demo-navbar-wrap .hero-native-navbar{--hero-nav-scale:.73}.kai-real-composer-dock{width:calc(100% - 24px)}.kai-generated-snapshot{width:78%}.kai-demo-film{width:82%}
}
@media(max-width:760px){
  .kaptr-ai-product-demo{margin-top:42px}.kai-demo-shell{height:590px;grid-template-columns:1fr;border-radius:20px}.kai-demo-sidebar{display:none}.kai-demo-topbar{height:42px;padding:0 10px}.kai-demo-topbar span,.kai-demo-topbar nav{display:none}.kai-demo-grid{top:42px}.kai-demo-seed-card{display:none}.kai-demo-navbar-wrap{bottom:8px}.kai-demo-navbar-wrap .hero-native-navbar{--hero-nav-scale:.52;bottom:0}.kai-real-composer-dock{bottom:12px;width:calc(100% - 18px)}.kai-real-back{margin-bottom:7px}.kai-real-suggestions{display:none}.kai-real-composer{padding:10px 9px 8px 12px;border-radius:18px}.kai-real-prompt-line{min-height:56px;font-size:10px}.kai-real-count{display:none}.kai-real-credit{font-size:6px}.kai-real-send{width:37px;height:37px}.kai-demo-film{top:43%;width:92%;height:310px}.kai-demo-film-browser{left:20%;width:64%}.kai-vision-scout{right:-2%;width:88px}.kai-demo-film footer strong{font-size:11px}.kai-generated-snapshot{top:43%;width:91%;height:315px}.kai-market-page{grid-template-rows:43px 1fr 25px}.kai-market-page>header{padding-inline:10px}.kai-market-page>header b{font-size:10px}.kai-market-page>header em{font-size:5px}.kai-market-page>figcaption{padding-inline:10px}.kai-cloud-refresh-state{right:8px;bottom:-12px}.kai-demo-caption{padding:10px 11px}.kai-demo-caption small{display:none}.kai-cloud-proof{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){.kai-story-cursor{display:none!important}.kai-scout-float,.kai-demo-film footer>span i{animation:none!important}}


/* ─────────────────────────────────────────────────────────────
   Living workspace — v18 Manage pass
   One coordinate space, no scale transform: cursor and targets use the same
   DOM rects so browser zoom/responsive resizing cannot shift the clicks.
   ───────────────────────────────────────────────────────────── */
.dashboard-workspace{overflow:hidden}.dashboard-workspace .dashboard-tabs{grid-template-columns:repeat(4,minmax(0,1fr));position:relative;z-index:4}.dashboard-workspace .dashboard-tabs button{font-size:11px}.dashboard-workspace .dashboard-caption{min-height:68px}.dashboard-auto-note{color:#71798e;font-size:10px;white-space:nowrap}.workspace-demo--manage{position:relative;container-type:inline-size;width:100%;aspect-ratio:1.8076;min-height:0;background:#05080d;overflow:hidden;isolation:isolate}.manage-app{position:absolute;inset:0;display:grid;grid-template-columns:15.08% 1fr;font-family:Inter,Manrope,Arial,sans-serif;color:#fff;background:#05080d}.manage-sidebar{position:relative;z-index:4;min-width:0;padding:1.05cqw .72cqw 4.3cqw;border-right:1px solid #272a31;background:#0b0c0e;box-shadow:6px 0 22px rgba(0,0,0,.15);overflow:hidden}.manage-sidebar-top{height:2.45cqw;display:flex;align-items:center;gap:.72cqw}.manage-back{width:2.15cqw;height:2.15cqw;display:grid;place-items:center;border:1px solid #272a31;border-radius:.75cqw;color:#949ba8;background:#121316;font-size:1.4cqw}.manage-logo{display:flex;align-items:center;gap:.7cqw;color:#f3ecff}.manage-logo>strong{font-size:1.02cqw;font-weight:800;letter-spacing:-.02em}.manage-logo>strong span{color:#a78bfa}.manage-logo-mark{position:relative;width:1.75cqw;height:1.75cqw;display:block;border-radius:.55cqw;background:#f5f5f7;overflow:hidden}.manage-logo-mark i,.manage-logo-mark b{position:absolute;top:.34cqw;bottom:.34cqw;border-radius:.5cqw;background:#0b0c0e}.manage-logo-mark i{left:.38cqw;width:.33cqw}.manage-logo-mark b{right:.28cqw;width:.72cqw;transform:skew(-12deg)}.manage-new-board{position:relative;width:100%;height:4.25cqw;margin:1.35cqw 0 1.5cqw;padding:0 .8cqw;display:grid;grid-template-columns:2.2cqw 1fr auto;align-items:center;gap:.72cqw;border:1px solid #343038;border-bottom:2px solid #8c3cff;border-radius:.85cqw;color:#cfd2dc;background:linear-gradient(180deg,#121215,#0d0d10);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 .65cqw 1.8cqw rgba(0,0,0,.22)}.manage-new-plus{width:2.05cqw;height:2.05cqw;display:grid;place-items:center;border:1px solid #7b54a7;border-radius:.58cqw;color:#f2c8ff;background:#2b1b3e;font-size:1.45cqw}.manage-new-board>span:nth-child(2){display:grid;justify-items:start}.manage-new-board small{color:#797681;font-size:.57cqw;font-weight:800;letter-spacing:.08em}.manage-new-board strong{margin-top:.15cqw;color:#d593ff;font-size:1.12cqw}.manage-new-board em{color:#64616c;font-style:normal;font-size:.7cqw}.manage-new-board>i{width:.5cqw;height:.5cqw;border-radius:50%;background:#9b65ff;box-shadow:0 0 .7cqw #8d5bff}.manage-sidebar-heading{height:2.35cqw;padding:0 .48cqw;display:grid;grid-template-columns:1.15cqw 1fr auto;align-items:center;gap:.5cqw;color:#777a83}.manage-sidebar-heading--boards{margin-top:.72cqw;grid-template-columns:1.15cqw 1fr auto 1.1cqw}.manage-sidebar-heading b{font-size:.68cqw;letter-spacing:.1em}.manage-sidebar-heading em{padding:.14cqw .52cqw;border:1px solid #6c4b16;border-radius:999px;color:#d4a12c;background:#2b220e;font-size:.58cqw;font-style:normal;font-weight:800}.manage-sidebar-heading--boards em{border-color:#543782;color:#a881ff;background:#1d1727}.manage-sidebar-heading i{font-size:.85cqw;font-style:normal}.manage-board-list{display:grid;gap:.08cqw}.manage-side-row{position:relative;height:2.5cqw;padding:0 .45cqw;display:grid;grid-template-columns:1.25cqw 1fr auto 1.05cqw;align-items:center;gap:.5cqw;border:1px solid transparent;border-radius:.55cqw;color:#d0d2d8;background:transparent}.manage-side-row>span{font-size:.9cqw}.manage-side-row>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76cqw}.manage-side-row>em{padding:.15cqw .42cqw;border-radius:999px;color:#eef0f5;background:#262933;font-size:.54cqw;font-style:normal;font-weight:800}.manage-side-row>i{justify-self:end;color:#555a65;font-size:.68cqw;font-style:normal}.manage-side-row.is-active{border-color:#365269;background:#111d28;box-shadow:inset 0 0 0 1px rgba(110,166,255,.05)}.manage-side-row.is-active>span{color:#a7d8ff}.manage-user{position:absolute;left:0;right:0;bottom:0;height:4.45cqw;padding:.55cqw .58cqw;display:flex;align-items:center;gap:.6cqw;border-top:1px solid #24272e;background:#0b0c0e}.manage-user>span{width:2.15cqw;height:2.15cqw;display:grid;place-items:center;border-radius:.55cqw;color:#fff;background:#7657ff;font-size:.78cqw;font-weight:800}.manage-user div{display:grid;grid-template-columns:1fr auto;min-width:0}.manage-user strong{font-size:.72cqw;line-height:1.05}.manage-user b{align-self:start;color:#ffca45;font-size:.56cqw}.manage-user small{grid-column:1/-1;color:#59ddd9;font-size:.53cqw}.manage-main{min-width:0;display:grid;grid-template-rows:2.04cqw 1fr;background:#001e30}.manage-topbar{position:relative;z-index:5;padding:0 .7cqw;display:flex;align-items:center;justify-content:space-between;background:#0b0c0e;border-bottom:1px solid #24272d}.manage-topbar-left,.manage-topbar-right{display:flex;align-items:center;height:100%}.manage-board-title{height:100%;padding:0 .72cqw;display:flex;align-items:center;gap:.42cqw;border-right:1px solid #25272d;color:#f0f1f4}.manage-board-title i{font-size:.9cqw;font-style:normal}.manage-board-title b{font-size:.82cqw}.manage-board-design{height:100%;padding:0 .85cqw;display:flex;align-items:center;gap:.4cqw;color:#9c9faa;font-size:.72cqw}.manage-board-design i{color:#e7e8eb;font-style:normal}.manage-topbar-right{gap:.95cqw;color:#e4e5e9;font-size:.7cqw}.manage-help{width:1.05cqw;height:1.05cqw;display:grid;place-items:center;border:1px solid #575b63;border-radius:50%;color:#7d8189;font-size:.58cqw}.manage-turbo{padding:.38cqw .66cqw;border:1px solid #343841;border-radius:.46cqw;background:#17191d;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.manage-turbo i{margin-right:.35cqw;color:#9a56ff;font-style:normal}.manage-share{font-weight:700}.manage-star{font-size:1.15cqw}.manage-more{font-weight:900;letter-spacing:.16em}.manage-canvas{position:relative;min-height:0;overflow:hidden;background:#00304a}.manage-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,188,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,188,255,.15) 1px,transparent 1px),linear-gradient(rgba(0,188,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(0,188,255,.065) 1px,transparent 1px);background-size:3.45cqw 3.45cqw,3.45cqw 3.45cqw,.69cqw .69cqw,.69cqw .69cqw}.manage-instruction{position:absolute;z-index:20;left:50%;top:.75cqw;min-width:20cqw;padding:.58cqw .9cqw;border:1px solid rgba(120,145,255,.26);border-radius:.7cqw;color:#e9edff;background:rgba(8,14,26,.86);box-shadow:0 .8cqw 2cqw rgba(0,0,0,.22);backdrop-filter:blur(12px);transform:translateX(-50%);display:grid;grid-template-columns:auto 1fr;column-gap:.7cqw;align-items:center}.manage-instruction span{grid-row:1/3;color:#7dcfff;font:500 .48cqw "DM Mono",monospace;letter-spacing:.1em}.manage-instruction b{font-size:.68cqw}.manage-instruction small{color:#848da5;font-size:.53cqw}.manage-card{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.12);border-radius:.72cqw;box-shadow:0 .7cqw 2cqw rgba(0,0,0,.28);overflow:hidden}.manage-news{left:.7%;top:2.5%;width:14.3%;height:35.6%;padding:.55cqw;background:#fff;color:#101317}.manage-news>strong{display:block;margin-bottom:.35cqw;color:#133d74;font-size:.58cqw}.manage-news p{margin:0;padding:.37cqw 0;display:grid;grid-template-columns:.35cqw 1fr;gap:.28cqw;border-bottom:1px solid #e4e6ea;font-size:.48cqw;line-height:1.2}.manage-news p i{width:.27cqw;height:.27cqw;margin-top:.16cqw;border-radius:50%;background:#ffb300}.manage-news p b{display:block;margin-bottom:.08cqw;color:#858a93;font-size:.38cqw;letter-spacing:.07em}.manage-summary{left:17.2%;top:4.3%;width:22.1%;height:20.7%;padding:.6cqw;display:grid;justify-items:center;background:#fff;color:#171b21}.manage-summary>small{font-size:.48cqw}.manage-summary>strong{position:absolute;bottom:.55cqw;color:#ff556d;font-size:.75cqw}.manage-gauge{position:relative;width:11.2cqw;height:5.4cqw;margin-top:.45cqw;border:.48cqw solid #e7e8ea;border-bottom:0;border-radius:8cqw 8cqw 0 0}.manage-gauge i{position:absolute;left:-.48cqw;bottom:0;width:5.3cqw;height:4.7cqw;border:.48cqw solid #f45273;border-right:0;border-bottom:0;border-radius:6cqw 0 0 0}.manage-gauge b{position:absolute;left:50%;bottom:-.15cqw;width:.16cqw;height:3.7cqw;background:#111;transform:rotate(-38deg);transform-origin:bottom}.manage-sp500{left:42.1%;top:5.6%;width:22.4%;height:11.6%;padding:.6cqw .8cqw;display:flex;align-items:center;gap:.75cqw;background:#fff;color:#15171b}.manage-sp500>span{width:4.8cqw;height:4.8cqw;display:grid;place-items:center;border-radius:50%;background:#d5223d;color:#fff;font-size:1.4cqw;font-weight:900}.manage-sp500 div{display:grid}.manage-sp500 b{font-size:.9cqw}.manage-sp500 strong{font-size:1.72cqw;line-height:1.05}.manage-sp500 small{color:#df4757;font-size:.5cqw}.manage-gold{left:17.5%;top:27%;width:21.4%;height:12%;padding:.7cqw;display:flex;align-items:center;gap:.7cqw;background:#fff;color:#15171b}.manage-gold-icon{width:4cqw;height:4cqw;display:grid;place-items:center;border-radius:50%;background:#e0a500;color:#fff;font-size:1.2cqw}.manage-gold div{display:grid}.manage-gold b{font-size:.86cqw}.manage-gold strong{font-size:1.55cqw;line-height:1.1}.manage-gold small{color:#dd5061;font-size:.5cqw}.manage-crypto-table{right:10.2%;top:8.5%;width:23.9%;height:27%;padding:.55cqw;background:#030405;color:#fff}.manage-crypto-table header{display:flex;align-items:center;gap:.45cqw;padding-bottom:.4cqw;border-bottom:1px solid #24262a}.manage-crypto-table header b{font-size:.58cqw}.manage-crypto-table header small{color:#737782;font-size:.43cqw}.manage-crypto-table>div{display:grid;grid-template-columns:1fr 1fr;gap:.08cqw .38cqw;padding-top:.35cqw}.manage-crypto-table>div span{padding:.27cqw .32cqw;display:flex;justify-content:space-between;border-bottom:1px solid #17191d;color:#d0d1d4;font-size:.44cqw}.manage-crypto-table em{color:#ff485c;font-style:normal}.manage-snapshot,.manage-duplicate{left:50%;top:39.8%;width:29.2%;height:50.8%;padding:.7cqw;background:#030405;color:#f3f3f4}.manage-snapshot header,.manage-duplicate header{display:flex;align-items:center;gap:.45cqw}.manage-snapshot header>span,.manage-duplicate header>span{width:1.55cqw;height:1.55cqw;display:grid;place-items:center;border-radius:.22cqw;background:#fff;color:#111;font-size:.45cqw;font-weight:800}.manage-snapshot header div,.manage-duplicate header div{display:grid}.manage-snapshot header b,.manage-duplicate header b{font-size:.55cqw}.manage-snapshot header small,.manage-duplicate header small{color:#777c85;font-size:.4cqw}.manage-snapshot header i,.manage-duplicate header i{margin-left:auto;font-style:normal;color:#858991}.manage-snapshot p,.manage-duplicate p{margin:.55cqw 0 0;font-size:.52cqw;line-height:1.42}.manage-tweet-chart{position:absolute;left:.75cqw;right:.75cqw;bottom:2.2cqw;height:14.5cqw;border:1px solid #20242a;border-radius:.3cqw;background:linear-gradient(180deg,#07090b,#030405);overflow:hidden}.manage-tweet-chart::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:3cqw 3cqw}.manage-tweet-chart span{position:absolute;left:4%;right:4%;bottom:7%;height:80%;background:linear-gradient(160deg,transparent 47%,#28d2b4 48% 49%,transparent 50%),linear-gradient(196deg,transparent 45%,#f04a61 46% 47%,transparent 48%)}.manage-snapshot footer{position:absolute;left:.8cqw;right:.8cqw;bottom:.6cqw;display:flex;justify-content:space-between;color:#70757e;font-size:.42cqw}.manage-coin{padding:.65cqw;background:#101724;color:#fff}.manage-coin small{display:block;color:#eef1f7;font-size:.73cqw;font-weight:800}.manage-coin small em{color:#7b8497;font-size:.52cqw;font-style:normal}.manage-coin strong{display:inline-block;margin-top:.42cqw;font-size:1.7cqw;letter-spacing:-.04em}.manage-coin>span{margin-left:.45cqw;color:#ff4e64;font-size:.58cqw;font-weight:800}.manage-stellar{left:.7%;top:44.3%;width:17.2%;height:10.7%}.manage-cardano{left:19.1%;top:44.3%;width:18.2%;height:10.7%}.manage-doge{left:.7%;top:57.3%;width:17.4%;height:10.7%}.manage-eth{left:19.1%;top:57.3%;width:18.3%;height:10.7%}.manage-bnb{left:.7%;top:70.1%;width:17.2%;height:10.7%}.manage-sui{left:20.6%;top:73.1%;width:15.4%;height:11.3%}.manage-xrp{left:.7%;top:83.8%;width:17.2%;height:10.7%}.manage-btc{right:2.9%;bottom:5.5%;width:25.7%;height:13.2%}.manage-bottom-nav{position:absolute;z-index:16;left:50%;bottom:1.6%;height:7.3%;padding:.43cqw .48cqw;display:flex;align-items:center;gap:.45cqw;border:1px solid #2b3947;border-radius:1.45cqw;background:linear-gradient(180deg,#101824,#0d141e);box-shadow:0 1cqw 2.3cqw rgba(0,0,0,.4);transform:translateX(-50%)}.manage-refresh-all{height:100%;min-width:13.6cqw;padding:0 .8cqw;display:flex;align-items:center;gap:.75cqw;border:1px solid #47376f;border-radius:1.05cqw;background:linear-gradient(180deg,#191732,#151528);box-shadow:inset 0 0 0 1px rgba(122,88,255,.08),0 0 1cqw rgba(80,54,169,.2)}.manage-refresh-all>span{font-size:1.55cqw}.manage-refresh-all div{display:grid}.manage-refresh-all b{font-size:.7cqw}.manage-refresh-all small{color:#838ca7;font-size:.55cqw}.manage-bottom-nav button{position:relative;height:76%;padding:0 .9cqw;border:1px solid #253442;border-radius:.75cqw;color:#e6ebf6;background:#14202b;font-size:.65cqw;font-weight:700}.manage-bottom-nav button:first-of-type{background:linear-gradient(135deg,#755cff,#48c1f6);border-color:transparent}.manage-bottom-nav button small{position:absolute;right:-.3cqw;top:-.72cqw;padding:.1cqw .3cqw;border-radius:999px;color:#d9d0ff;background:#241a4c;border:1px solid #6753a8;font-size:.34cqw}.manage-context-menu{position:absolute;z-index:42;left:57.1%;top:40.2%;width:17.4%;padding:.42cqw;border:1px solid #2d2e36;border-radius:.72cqw;background:linear-gradient(180deg,#15151e,#111119);box-shadow:0 1.5cqw 4cqw rgba(0,0,0,.58);opacity:0;transform:translateY(.4cqw) scale(.985);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1)}.manage-context-menu button{width:100%;height:2.26cqw;padding:0 .65cqw;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:.42cqw;color:#f0f1f5;background:transparent;font-size:.66cqw;text-align:left}.manage-context-menu button small{padding:.14cqw .4cqw;border-radius:999px;background:#25164e;color:#b29cff;font-size:.38cqw}.manage-context-menu button.is-focus{background:#2a2a33}.manage-context-menu hr{height:1px;margin:.28cqw .55cqw;border:0;background:#2e3037}.manage-duplicate{z-index:9;opacity:0;pointer-events:none;transform:translate(.95cqw,.7cqw) scale(.98);box-shadow:0 0 0 .12cqw #826dff,0 1cqw 2.8cqw rgba(0,0,0,.45);transition:opacity .24s ease,transform .45s cubic-bezier(.22,1,.36,1)}.manage-copy-badge{position:absolute;right:.55cqw;top:.52cqw;padding:.22cqw .46cqw;border-radius:.35cqw;color:#fff;background:#7657ff;font-size:.4cqw;font-weight:900;letter-spacing:.08em}.manage-move-dialog{position:absolute;z-index:48;left:50%;top:50%;width:28.8%;padding:.8cqw;border:1px solid #303442;border-radius:1.05cqw;background:linear-gradient(180deg,#141824,#0e131d);box-shadow:0 2cqw 5cqw rgba(0,0,0,.62);opacity:0;transform:translate(-50%,-45%) scale(.97);transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}.manage-move-head{display:flex;justify-content:space-between;align-items:start;padding:.2cqw .2cqw .7cqw}.manage-move-head strong{display:block;font-size:.95cqw}.manage-move-head small{display:block;margin-top:.16cqw;color:#8c95ad;font-size:.55cqw}.manage-move-head>span{color:#82899b;font-size:1.1cqw}.manage-move-search{height:2.45cqw;padding:0 .7cqw;display:flex;align-items:center;border:1px solid #30384a;border-radius:.65cqw;color:#68738b;background:#0f1520;font-size:.6cqw}.manage-move-list{margin-top:.55cqw;display:grid;gap:.35cqw}.manage-move-list button{height:3.2cqw;padding:0 .7cqw;display:grid;grid-template-columns:2cqw 1fr auto;align-items:center;gap:.6cqw;border:1px solid #252c39;border-radius:.65cqw;color:#e8ebf3;background:#101620;text-align:left}.manage-move-list button>i{width:1.8cqw;height:1.8cqw;display:grid;place-items:center;border-radius:.55cqw;background:#1d2634;font-style:normal}.manage-move-list button>span{display:grid}.manage-move-list button b{font-size:.68cqw}.manage-move-list button small{color:#7f899f;font-size:.5cqw}.manage-move-list button em{display:none;width:1.3cqw;height:1.3cqw;place-items:center;border-radius:50%;color:#fff;background:#7657ff;font-size:.55cqw;font-style:normal}.manage-move-list button.is-target{border-color:#493a80;background:#18182c}.manage-move-list button.is-target em{display:grid}.manage-move-footer{margin-top:.7cqw;padding-top:.65cqw;display:flex;align-items:center;justify-content:space-between;gap:.7cqw;border-top:1px solid #2a303d}.manage-move-footer>span{color:#788398;font-size:.48cqw;line-height:1.35}.manage-move-footer button{flex:none;height:2.45cqw;padding:0 .9cqw;border:0;border-radius:.65cqw;color:#fff;background:linear-gradient(135deg,#725cff,#4a8fff);box-shadow:0 .5cqw 1.2cqw rgba(72,104,255,.22);font-size:.6cqw;font-weight:800}.manage-toast{position:absolute;z-index:52;right:1.3cqw;top:1.1cqw;padding:.55cqw .75cqw;display:flex;align-items:center;gap:.55cqw;border:1px solid rgba(89,221,158,.24);border-radius:.72cqw;color:#e4fff0;background:rgba(7,25,18,.92);box-shadow:0 .8cqw 2cqw rgba(0,0,0,.32);opacity:0;transform:translateY(-.35cqw);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.manage-toast>span{width:1.35cqw;height:1.35cqw;display:grid;place-items:center;border-radius:50%;color:#08120d;background:#5be09d;font-size:.62cqw;font-weight:900}.manage-toast div{display:grid}.manage-toast b{font-size:.64cqw}.manage-toast small{color:#8ab5a0;font-size:.48cqw}.workspace-auto-cursor{position:absolute;z-index:80;left:0;top:0;width:2.05cqw;height:2.55cqw;pointer-events:none;opacity:0;transform:translate3d(70cqw,8cqw,0);will-change:transform;filter:drop-shadow(0 .18cqw .28cqw rgba(0,0,0,.45));transition:opacity .18s ease}.dashboard-workspace[data-mode="manage"] .workspace-auto-cursor{opacity:1}.workspace-auto-cursor svg{position:absolute;left:0;top:0;overflow:visible}.workspace-cursor-arrow{width:1.75cqw;height:2.12cqw}.workspace-cursor-arrow path{fill:#fff;stroke:#05070b;stroke-width:1.65;stroke-linejoin:round}.workspace-cursor-hand{display:none;width:1.95cqw;height:2.4cqw}.workspace-cursor-hand path{fill:#fff;stroke:#05070b;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.workspace-auto-cursor.is-hand .workspace-cursor-arrow{display:none}.workspace-auto-cursor.is-hand .workspace-cursor-hand{display:block}.workspace-auto-cursor>i{position:absolute;left:-.42cqw;top:-.42cqw;width:1.45cqw;height:1.45cqw;border:1px solid rgba(132,111,255,.9);border-radius:50%;opacity:0}.workspace-auto-cursor.is-clicking>i,.workspace-auto-cursor.is-right-clicking>i{animation:manageClick .44s ease-out}@keyframes manageClick{0%{opacity:.9;transform:scale(.28)}100%{opacity:0;transform:scale(1.55)}}.workspace-auto-cursor.is-clicking.is-hand .workspace-cursor-hand{transform:scale(.94) translateY(1px)}.workspace-auto-cursor.is-right-clicking .workspace-cursor-arrow{transform:scale(.92)}.dashboard-workspace[data-manage-step="menu-original"] .manage-context-menu,.dashboard-workspace[data-manage-step="menu-copy"] .manage-context-menu{opacity:1;transform:none}.dashboard-workspace[data-manage-step="menu-original"] .manage-context-menu [data-hotspot="menu-duplicate"]{background:#2b2b34}.dashboard-workspace[data-manage-step="menu-copy"] .manage-context-menu [data-hotspot="menu-duplicate"]{background:transparent}.dashboard-workspace[data-manage-step="menu-copy"] .manage-context-menu [data-hotspot="menu-move"]{background:#2b2b34}.dashboard-workspace[data-manage-step="duplicated"] .manage-duplicate,.dashboard-workspace[data-manage-step="menu-copy"] .manage-duplicate,.dashboard-workspace[data-manage-step="move-dialog"] .manage-duplicate,.dashboard-workspace[data-manage-step="move-target"] .manage-duplicate{opacity:1;transform:translate(1.15cqw,.88cqw) scale(1)}.dashboard-workspace[data-manage-step="move-dialog"] .manage-move-dialog,.dashboard-workspace[data-manage-step="move-target"] .manage-move-dialog{opacity:1;transform:translate(-50%,-50%) scale(1)}.dashboard-workspace[data-manage-step="moved"] .manage-duplicate{opacity:0;transform:translate(-43cqw,-19cqw) scale(.28)}.dashboard-workspace[data-manage-step="moved"] .manage-toast{opacity:1;transform:none}.dashboard-workspace[data-manage-step="moved"] [data-hotspot="side-realestate"]{border-color:#3a6f5a;background:#10231c;box-shadow:inset 0 0 0 1px rgba(87,220,157,.12)}.dashboard-workspace[data-mode="design"] .workspace-auto-cursor,.dashboard-workspace[data-mode="share"] .workspace-auto-cursor,.dashboard-workspace[data-mode="draw"] .workspace-auto-cursor{opacity:0}.dashboard-workspace[data-mode="design"] .manage-instruction b::after{content:" · next pass"}.dashboard-workspace[data-mode="share"] .manage-instruction b::after{content:" · next pass"}.dashboard-workspace[data-mode="draw"] .manage-instruction b::after{content:" · next pass"}@media(max-width:1050px){.dashboard-auto-note{display:none}.manage-sidebar{padding-bottom:4.6cqw}.manage-topbar-right{gap:.65cqw}.manage-turbo{display:none}.manage-news p:last-child{display:none}.manage-coin strong{font-size:1.55cqw}.manage-context-menu{width:19.2%}.manage-move-dialog{width:33%}}@media(max-width:760px){.workspace-demo--manage{aspect-ratio:1.15}.manage-app{grid-template-columns:22% 1fr}.manage-topbar{height:5cqw}.manage-topbar-right .manage-help,.manage-topbar-right .manage-star,.manage-topbar-right .manage-more{display:none}.manage-board-design{display:none}.manage-sidebar{padding-top:1.8cqw}.manage-logo>strong{font-size:1.9cqw}.manage-logo-mark{width:3cqw;height:3cqw}.manage-new-board{height:6.8cqw}.manage-sidebar-heading,.manage-side-row{height:4.2cqw}.manage-side-row>b{font-size:1.25cqw}.manage-side-row>em{font-size:.85cqw}.manage-user{height:7cqw}.manage-user strong{font-size:1.1cqw}.manage-canvas{overflow:hidden}.manage-news,.manage-summary,.manage-gold,.manage-stellar,.manage-doge,.manage-bnb,.manage-xrp{display:none}.manage-sp500{left:4%;top:9%;width:40%;height:16%}.manage-crypto-table{right:4%;top:9%;width:48%;height:28%}.manage-snapshot,.manage-duplicate{left:9%;top:35%;width:70%;height:46%}.manage-cardano{left:4%;top:84%;width:29%;height:12%}.manage-eth{left:35%;top:84%;width:29%;height:12%}.manage-btc{right:3%;bottom:4%;width:31%;height:12%}.manage-bottom-nav{display:none}.manage-instruction{top:2%;min-width:46%;padding:1cqw 1.4cqw}.manage-instruction span{font-size:.8cqw}.manage-instruction b{font-size:1.1cqw}.manage-instruction small{display:none}.manage-context-menu{left:52%;top:39%;width:34%;padding:.8cqw}.manage-context-menu button{height:4cqw;font-size:1.05cqw}.manage-context-menu hr{margin:.4cqw .8cqw}.manage-move-dialog{width:58%;padding:1.3cqw}.manage-move-head strong{font-size:1.6cqw}.manage-move-head small,.manage-move-search,.manage-move-list button b,.manage-move-footer button{font-size:1cqw}.manage-move-list button{height:5cqw}.manage-move-footer>span{display:none}.workspace-auto-cursor{width:3.4cqw;height:4.2cqw}.workspace-cursor-arrow{width:3cqw;height:3.6cqw}.workspace-cursor-hand{width:3.3cqw;height:4cqw}}@media(prefers-reduced-motion:reduce){.workspace-auto-cursor{display:none!important}.manage-context-menu,.manage-duplicate,.manage-move-dialog,.manage-toast{transition:none!important}}
.dashboard-workspace .workspace-demo--manage button{pointer-events:none;user-select:none}.dashboard-workspace[data-manage-step="menu-copy"] .manage-context-menu{left:50.2%;top:41.1%}

/* ========================================================================
   V19 — REDESIGN WORKSPACE DEMO
   Uses the same Kaptr.me canvas as Manage, with live board design + icon picker.
   ======================================================================== */

/* Match the filled click-hand used in the other product demos. */
.workspace-auto-cursor{
  contain:none !important;
  overflow:visible !important;
}
.workspace-cursor-hand{
  display:none;
  width:2.02cqw !important;
  height:2.48cqw !important;
  overflow:visible !important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.45)) drop-shadow(0 .18cqw .28cqw rgba(0,0,0,.28));
}
.workspace-cursor-hand path{
  fill:#fff !important;
  stroke:#05070d !important;
  stroke-width:1.55 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  paint-order:stroke fill !important;
}
.workspace-auto-cursor.is-hand .workspace-cursor-arrow{display:none !important}
.workspace-auto-cursor.is-hand .workspace-cursor-hand{display:block !important}
.workspace-auto-cursor.is-clicking.is-hand .workspace-cursor-hand{transform:scale(.93);transform-origin:2px 2px}
.dashboard-workspace[data-mode="manage"] .workspace-auto-cursor,
.dashboard-workspace[data-mode="design"] .workspace-auto-cursor{opacity:1}
.dashboard-workspace[data-mode="share"] .workspace-auto-cursor,
.dashboard-workspace[data-mode="draw"] .workspace-auto-cursor{opacity:0}

/* Board icon rendering: starts as Cart/Grid, ends as a chart after redesign. */
.design-board-icon{position:relative;display:grid;place-items:center;flex:none;color:#d7dbe5}
.design-board-icon--sidebar{width:1.25cqw;height:1.25cqw;font-size:.86cqw}
.design-board-icon--topbar{width:1.05cqw;height:1.05cqw}
.design-board-icon[data-icon="cart"]::before{content:"🛒";font-size:.86cqw;line-height:1}
.design-board-icon[data-icon="grid"]::before{content:"";width:.82cqw;height:.82cqw;border-radius:.08cqw;background:linear-gradient(90deg,currentColor 0 42%,transparent 42% 58%,currentColor 58%),linear-gradient(currentColor 0 42%,transparent 42% 58%,currentColor 58%)}
.design-board-icon[data-icon="chart"]::before{content:"";position:absolute;left:.13cqw;bottom:.12cqw;width:.16cqw;height:.44cqw;border-radius:.05cqw .05cqw 0 0;background:currentColor;box-shadow:.27cqw -.17cqw 0 currentColor,.54cqw -.42cqw 0 currentColor}
.design-board-icon[data-icon="chart"]::after{content:"";position:absolute;left:.05cqw;right:.05cqw;bottom:.06cqw;height:1px;background:currentColor;opacity:.8}
.design-board-icon[data-icon="chart"]>i{display:none}
.manage-board-design{border:0;background:transparent;cursor:default;font-family:inherit}
.dashboard-workspace[data-design-step="done"] [data-hotspot="design-sidebar-finance"]{border-color:#5d7c92;background:linear-gradient(90deg,rgba(52,111,118,.2),rgba(92,76,173,.14));box-shadow:inset 0 0 0 1px rgba(135,224,219,.08),0 0 1.4cqw rgba(80,106,194,.08)}
.dashboard-workspace[data-design-step="done"] .design-board-icon[data-icon="chart"]{color:#8be3df}

/* Redesign panel — floating beneath Board design, like a native Kaptr.me popover. */
.redesign-panel,
.redesign-side-menu,
.redesign-icon-modal,
.redesign-toast{
  position:absolute;
  z-index:60;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1);
}
.redesign-panel{
  left:18.8%;
  top:4.8%;
  width:28.6%;
  padding:.82cqw;
  border:1px solid #343b4b;
  border-radius:1.05cqw;
  color:#ecf0fb;
  background:linear-gradient(180deg,rgba(18,23,37,.985),rgba(11,16,27,.985));
  box-shadow:0 1.5cqw 4.8cqw rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);
  transform:translateY(-.45cqw) scale(.975);
  backdrop-filter:blur(16px);
}
.redesign-panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:.12cqw .1cqw .65cqw;border-bottom:1px solid #2c3342}
.redesign-panel-head>div{display:grid;gap:.12cqw}.redesign-panel-head small{color:#858eaa;font:700 .45cqw "DM Mono",monospace;letter-spacing:.13em}.redesign-panel-head strong{font-size:.92cqw;letter-spacing:-.025em}.redesign-panel-head>span{width:1.45cqw;height:1.45cqw;display:grid;place-items:center;border-radius:.42cqw;color:#8992a8;background:#202839;font-size:.95cqw}
.redesign-panel-section{padding:.7cqw .08cqw .12cqw}.redesign-panel-section>small{display:block;margin-bottom:.48cqw;color:#9099b3;font-size:.52cqw;font-weight:700}
.redesign-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48cqw}.redesign-theme-grid button{min-width:0;padding:.42cqw;border:1px solid #2f3747;border-radius:.68cqw;color:#dfe4f2;background:#111725;text-align:left}.redesign-theme-grid button>span{display:grid;gap:.08cqw;padding:.32cqw .1cqw .08cqw}.redesign-theme-grid b{font-size:.56cqw}.redesign-theme-grid em{color:#7f899f;font-size:.42cqw;font-style:normal}.redesign-theme-grid button.is-current{border-color:#51657d}.theme-thumb{position:relative;display:block;height:3.55cqw;border-radius:.48cqw;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.theme-thumb::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:.65cqw .65cqw;opacity:.55}.theme-thumb--blueprint{background:linear-gradient(145deg,#00334d,#004b67)}.theme-thumb--aurora{background:radial-gradient(circle at 25% 25%,rgba(48,222,187,.55),transparent 38%),radial-gradient(circle at 75% 20%,rgba(129,83,255,.62),transparent 42%),linear-gradient(145deg,#071827,#0b1730)}.theme-thumb--graphite{background:linear-gradient(145deg,#1b202a,#0d1118)}
.redesign-panel-section--style{padding-top:.62cqw}.redesign-style-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.42cqw}.redesign-style-row button{height:2.15cqw;border:1px solid #323a4a;border-radius:.6cqw;color:#b9c1d4;background:#111723;font-size:.54cqw;font-weight:700}.redesign-style-row button.is-current{color:#fff;border-color:#58677c;background:#202839}.redesign-live-note{margin-top:.74cqw;padding:.55cqw .62cqw;display:flex;align-items:center;gap:.48cqw;border:1px solid rgba(94,203,193,.18);border-radius:.65cqw;background:rgba(47,144,132,.08)}.redesign-live-note>i{width:.5cqw;height:.5cqw;border-radius:50%;background:#58d8bf;box-shadow:0 0 .7cqw rgba(88,216,191,.5)}.redesign-live-note>span{display:grid}.redesign-live-note b{font-size:.52cqw}.redesign-live-note small{color:#7ea69f;font-size:.42cqw}
.dashboard-workspace[data-design-step="panel-open"] .redesign-panel,
.dashboard-workspace[data-design-step="theme-applied"] .redesign-panel,
.dashboard-workspace[data-design-step="surface-applied"] .redesign-panel{opacity:1;transform:none}
.dashboard-workspace[data-design-theme="aurora"] [data-hotspot="design-theme-aurora"]{border-color:#6c64d7;background:rgba(73,63,131,.3);box-shadow:0 0 0 1px rgba(126,108,255,.16)}
.dashboard-workspace[data-design-theme="aurora"] [data-hotspot="design-theme-aurora"] em{color:#b9b0ff}
.dashboard-workspace[data-design-surface="glass"] [data-hotspot="design-style-glass"]{color:#fff;border-color:#7275ce;background:linear-gradient(135deg,rgba(101,83,214,.52),rgba(55,124,162,.42))}

/* Live board redesign. No fake crossfade: the existing dashboard itself changes. */
.manage-canvas,
.manage-grid-bg,
.manage-card,
.manage-bottom-nav{transition:background .55s cubic-bezier(.22,1,.36,1),border-color .45s ease,box-shadow .55s cubic-bezier(.22,1,.36,1),filter .45s ease,transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.dashboard-workspace[data-mode="design"][data-design-theme="aurora"] .manage-canvas{background:radial-gradient(46cqw 27cqw at 28% 18%,rgba(35,210,179,.18),transparent 58%),radial-gradient(43cqw 24cqw at 76% 8%,rgba(122,82,255,.22),transparent 62%),linear-gradient(145deg,#041a27,#071522 55%,#0a1323)}
.dashboard-workspace[data-mode="design"][data-design-theme="aurora"] .manage-grid-bg{background-image:linear-gradient(rgba(66,226,204,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(66,226,204,.16) 1px,transparent 1px),linear-gradient(rgba(126,99,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(126,99,255,.07) 1px,transparent 1px);background-size:3.45cqw 3.45cqw,3.45cqw 3.45cqw,.69cqw .69cqw,.69cqw .69cqw;filter:saturate(1.18)}
.dashboard-workspace[data-mode="design"][data-design-theme="aurora"] .manage-topbar{border-bottom-color:#263448;background:linear-gradient(90deg,#0b0c0e 0%,#0c1018 52%,#0a131a 100%)}
.dashboard-workspace[data-mode="design"][data-design-theme="aurora"] .manage-bottom-nav{border-color:rgba(101,93,192,.34);background:linear-gradient(180deg,rgba(13,18,31,.95),rgba(9,14,24,.96));box-shadow:0 .8cqw 2.2cqw rgba(44,34,110,.28)}
.dashboard-workspace[data-mode="design"][data-design-theme="aurora"] .manage-refresh-all{border-color:#5b4e9d;background:linear-gradient(135deg,#231a4a,#162c45)}
.dashboard-workspace[data-mode="design"][data-design-theme="aurora"] .manage-side-row.is-active{border-color:#466a76;background:linear-gradient(90deg,#10202b,#171b2b)}
.dashboard-workspace[data-mode="design"][data-design-surface="glass"] .manage-card{border-color:rgba(179,210,230,.18);background-color:rgba(10,17,28,.76);backdrop-filter:blur(12px);box-shadow:0 .85cqw 2.4cqw rgba(1,7,17,.32),inset 0 1px 0 rgba(255,255,255,.08)}
.dashboard-workspace[data-mode="design"][data-design-surface="glass"] .manage-news,
.dashboard-workspace[data-mode="design"][data-design-surface="glass"] .manage-summary,
.dashboard-workspace[data-mode="design"][data-design-surface="glass"] .manage-sp500,
.dashboard-workspace[data-mode="design"][data-design-surface="glass"] .manage-gold{background:rgba(245,248,252,.91);box-shadow:0 .9cqw 2.5cqw rgba(0,10,24,.24),inset 0 1px 0 rgba(255,255,255,.9)}
.dashboard-workspace[data-mode="design"][data-design-surface="glass"] .manage-snapshot{background:linear-gradient(180deg,rgba(8,12,20,.87),rgba(7,10,17,.82))}
.dashboard-workspace[data-mode="design"][data-design-surface="glass"] .manage-crypto-table{background:rgba(2,6,12,.82)}

/* Sidebar board context menu for Redesign. */
.redesign-side-menu{left:9.65%;top:45.5%;width:13.5%;padding:.42cqw;border:1px solid #2e3340;border-radius:.72cqw;background:linear-gradient(180deg,#151923,#10141d);box-shadow:0 1.2cqw 3.7cqw rgba(0,0,0,.54);transform:translateY(.35cqw) scale(.985)}
.redesign-side-menu button{width:100%;height:2.2cqw;padding:0 .65cqw;border:0;border-radius:.42cqw;color:#edf0f7;background:transparent;text-align:left;font-size:.61cqw}.redesign-side-menu button.is-focus{background:#272d39}.redesign-side-menu hr{height:1px;margin:.28cqw .5cqw;border:0;background:#2c313c}
.dashboard-workspace[data-design-step="sidebar-menu"] .redesign-side-menu{opacity:1;transform:none}

/* Icon picker — proportion and hierarchy based on the provided Kaptr.me screenshot. */
.redesign-icon-modal{left:50%;top:50%;width:55%;height:72%;display:grid;grid-template-rows:auto auto 1fr auto;border:1px solid #3a465b;border-radius:.72cqw;color:#dce5f2;background:#101a2f;box-shadow:0 2cqw 6cqw rgba(0,0,0,.68);transform:translate(-50%,-46%) scale(.97);overflow:hidden}
.redesign-icon-head{padding:1.1cqw 1.35cqw .75cqw;display:flex;align-items:start;justify-content:space-between}.redesign-icon-head strong{display:block;color:#fff;font-size:1.36cqw;line-height:1.05;letter-spacing:-.03em}.redesign-icon-head span{display:block;margin-top:.22cqw;color:#c6d0df;font-size:.83cqw}.redesign-icon-head>button{width:2.55cqw;height:2.55cqw;border:0;border-radius:.42cqw;color:#d2d9e5;background:#1e2a3e;font-size:1.35cqw}.redesign-icon-search{height:3.8cqw;margin:0 1.35cqw 1cqw;padding:0 1.15cqw;display:flex;align-items:center;gap:.72cqw;border:1px solid #526077;border-radius:.65cqw;color:#9cabc1;background:#1c293e;font-size:.95cqw}.redesign-icon-search>span{font-size:1.2cqw}.redesign-icon-grid{min-height:0;padding:1cqw 1.4cqw;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:minmax(3.8cqw,1fr);gap:.42cqw .52cqw;border-top:1px solid #3b4659;overflow:hidden}.redesign-icon-grid button{position:relative;min-width:0;padding:.38cqw .16cqw;display:grid;place-items:center;align-content:center;gap:.32cqw;border:0;border-radius:.48cqw;color:#cbd6e5;background:transparent}.redesign-icon-grid button>i{height:1.8cqw;min-width:1.8cqw;display:grid;place-items:center;color:#cdd8e8;font-size:1.38cqw;font-style:normal}.redesign-icon-grid button>small{color:#aab6ca;font-size:.52cqw;line-height:1.05;text-align:center}.redesign-icon-grid button.is-selected,.dashboard-workspace[data-design-step="icon-selected"] .redesign-icon-grid [data-hotspot="design-icon-chart"]{color:#fff;background:linear-gradient(145deg,#655bf3,#6d72ff);box-shadow:0 .4cqw 1cqw rgba(77,70,226,.28)}.redesign-icon-grid button.is-selected>small,.dashboard-workspace[data-design-step="icon-selected"] .redesign-icon-grid [data-hotspot="design-icon-chart"]>small{color:#fff;font-weight:800}.design-icon-chart>i{display:flex !important;align-items:end !important;justify-content:center !important;gap:.13cqw !important}.design-icon-chart>i>span{width:.18cqw;border-radius:.05cqw .05cqw 0 0;background:currentColor}.design-icon-chart>i>span:nth-child(1){height:.58cqw}.design-icon-chart>i>span:nth-child(2){height:1.1cqw}.design-icon-chart>i>span:nth-child(3){height:.82cqw}.design-icon-chart>i>span:nth-child(4){height:1.45cqw}.redesign-icon-footer{height:5.35cqw;padding:0 1.25cqw;display:flex;align-items:center;justify-content:flex-end;gap:.7cqw;border-top:1px solid #3a465b;background:#1c293d}.redesign-icon-footer button{height:3cqw;padding:0 1.15cqw;border:1px solid #536078;border-radius:.48cqw;color:#d7dfeb;background:#101a2c;font-size:.72cqw;font-weight:800}.redesign-icon-footer .redesign-icon-apply{display:flex;align-items:center;gap:.7cqw;border-color:transparent;color:#fff;background:linear-gradient(135deg,#6662f2,#6d72ff);box-shadow:0 .45cqw 1.1cqw rgba(71,74,220,.24)}.redesign-icon-footer .redesign-icon-apply>span{font-size:1.25cqw}
.dashboard-workspace[data-design-step="icon-modal"] .redesign-icon-modal,
.dashboard-workspace[data-design-step="icon-selected"] .redesign-icon-modal{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dashboard-workspace[data-design-step="icon-selected"] .redesign-icon-grid [data-hotspot="design-icon-chart"]::after{content:"✓";position:absolute;right:.25cqw;top:.22cqw;color:#fff;font-size:.62cqw;font-weight:900}

.redesign-toast{right:1.2cqw;top:3cqw;padding:.58cqw .78cqw;display:flex;align-items:center;gap:.52cqw;border:1px solid rgba(91,222,179,.24);border-radius:.72cqw;color:#e9fff6;background:rgba(7,27,21,.94);box-shadow:0 .8cqw 2.2cqw rgba(0,0,0,.34);transform:translateY(-.35cqw)}.redesign-toast>span{width:1.4cqw;height:1.4cqw;display:grid;place-items:center;border-radius:50%;color:#06110c;background:#61e2a4;font-size:.64cqw;font-weight:900}.redesign-toast>div{display:grid}.redesign-toast b{font-size:.66cqw}.redesign-toast small{color:#86b9a3;font-size:.48cqw}.dashboard-workspace[data-design-step="done"] .redesign-toast{opacity:1;transform:none}

/* Redesign mode: keep the real workspace visible and suppress Manage-only UI. */
.dashboard-workspace[data-mode="design"] .manage-context-menu,
.dashboard-workspace[data-mode="design"] .manage-move-dialog,
.dashboard-workspace[data-mode="design"] .manage-toast,
.dashboard-workspace[data-mode="design"] .manage-duplicate{opacity:0 !important;pointer-events:none !important}
.dashboard-workspace[data-mode="design"] .manage-instruction{border-color:rgba(85,211,203,.22);background:rgba(7,19,28,.88)}
.dashboard-workspace[data-mode="design"] .manage-instruction>span{color:#63d9cf}

@media(max-width:1050px){
  .redesign-panel{width:34%;left:19.5%}
  .redesign-icon-modal{width:62%;height:74%}
  .redesign-icon-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
  .redesign-side-menu{width:16%}
}
@media(max-width:760px){
  .workspace-cursor-hand{width:3.35cqw !important;height:4.05cqw !important}
  .redesign-panel{left:24%;top:7%;width:52%;padding:1.25cqw}
  .redesign-panel-head strong{font-size:1.55cqw}.redesign-panel-head small,.redesign-panel-section>small{font-size:.8cqw}.redesign-theme-grid b,.redesign-style-row button{font-size:.9cqw}.redesign-theme-grid em,.redesign-live-note small{font-size:.7cqw}.theme-thumb{height:6cqw}.redesign-style-row button{height:3.7cqw}
  .redesign-side-menu{left:12%;top:46%;width:26%;padding:.7cqw}.redesign-side-menu button{height:3.8cqw;font-size:1cqw}
  .redesign-icon-modal{width:78%;height:72%}.redesign-icon-head strong{font-size:2.1cqw}.redesign-icon-head span{font-size:1.2cqw}.redesign-icon-search{height:5.5cqw;font-size:1.2cqw}.redesign-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:5.2cqw}.redesign-icon-grid button>i{font-size:1.8cqw}.redesign-icon-grid button>small{font-size:.78cqw}.redesign-icon-footer{height:7cqw}.redesign-icon-footer button{height:4.4cqw;font-size:1cqw}
}
@media(prefers-reduced-motion:reduce){
  .redesign-panel,.redesign-side-menu,.redesign-icon-modal,.redesign-toast,.manage-canvas,.manage-grid-bg,.manage-card,.manage-bottom-nav{transition:none!important}
}

/* ========================================================================
   V20 — Redesign uses the real centered Kaptr.me Appearance modal
   Reference: supplied Appearance screenshots. No invented Aurora/Glass UI.
   ======================================================================== */
.redesign-backdrop,
.appearance-saved-toast{
  position:absolute;
  z-index:58;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1);
}
.redesign-backdrop{
  inset:0;
  background:rgba(1,7,13,.48);
  backdrop-filter:blur(5px);
}
.dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-backdrop,
.dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-backdrop,
.dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-backdrop{
  opacity:1;
}

/* Centered white Appearance modal, matching the supplied Kaptr.me screenshots. */
.redesign-panel.redesign-appearance{
  left:50% !important;
  top:50% !important;
  width:53.5% !important;
  height:89% !important;
  padding:0 !important;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  border:1px solid #d8dde5 !important;
  border-radius:1.55cqw !important;
  color:#0c0d10 !important;
  background:#fff !important;
  box-shadow:0 2cqw 5.5cqw rgba(0,0,0,.38) !important;
  transform:translate(-50%,-47%) scale(.985) !important;
  backdrop-filter:none !important;
  overflow:hidden;
}
.dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-panel,
.dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-panel,
.dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-panel{
  opacity:1 !important;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(1) !important;
}

.appearance-head{
  min-height:7.35cqw;
  padding:1.55cqw 2.15cqw 1.35cqw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e7e8eb;
  background:#fff;
}
.appearance-title-wrap{display:flex;align-items:center;gap:1.15cqw;min-width:0}.appearance-app-icon{width:3.1cqw;height:3.1cqw;display:grid;place-items:center;border-radius:.85cqw;color:#0b69ff;background:#eaf2ff;font-size:1.25cqw;font-weight:800}.appearance-title-wrap>div{display:grid;gap:.3cqw}.appearance-title-wrap strong{color:#0b0c0f;font-size:1.48cqw;line-height:1.05;letter-spacing:-.035em}.appearance-title-wrap strong em{color:#8d8d91;font-style:normal;font-weight:450}.appearance-title-wrap small{color:#55565a;font-size:.92cqw}.appearance-close{width:3.75cqw;height:3.75cqw;display:grid;place-items:center;border:2px solid #0868ff;border-radius:1.05cqw;color:#8a8a8d;background:#fff;font-size:2cqw;line-height:1}

.appearance-scroll{position:relative;min-height:0;overflow:hidden;background:#fff}.appearance-scroll::after{content:"";position:absolute;right:.25cqw;top:.2cqw;width:.42cqw;height:calc(100% - .4cqw);border-radius:999px;background:#f2f3f5}.appearance-scroll::before{content:"";position:absolute;z-index:2;right:.25cqw;top:25%;width:.42cqw;height:34%;border-radius:999px;background:#e4e5e8}.appearance-section{padding:1.9cqw 2.15cqw}.appearance-section+ .appearance-section{border-top:1px solid #ececef}.appearance-section h4{margin:0 0 1.15cqw;color:#090a0c;font-size:.92cqw;line-height:1;font-weight:850;letter-spacing:-.02em}.appearance-section--style{padding-top:2.2cqw;padding-bottom:2cqw}.appearance-segmented{height:3.75cqw;padding:.3cqw;display:flex;align-items:stretch;border:1px solid #d9dadd;border-radius:.75cqw;background:#f3f3f5;box-shadow:0 .15cqw .35cqw rgba(0,0,0,.04)}.appearance-segmented button{min-width:7.2cqw;padding:0 1.2cqw;border:0;border-radius:.62cqw;color:#33353a;background:transparent;font-size:.98cqw;text-align:left}.appearance-segmented button.is-active{position:relative;color:#0868ff;background:#fff;box-shadow:0 .12cqw .35cqw rgba(0,0,0,.07);font-weight:800}.appearance-segmented button.is-active::after{content:"";position:absolute;left:50%;bottom:-.3cqw;width:1.55cqw;height:.14cqw;border-radius:999px;background:#3d7cff;transform:translateX(-50%)}

.appearance-section--colors{display:grid;gap:2.15cqw;padding-top:2.4cqw;padding-bottom:2.4cqw}.appearance-color-row h4{margin-bottom:1.2cqw}.appearance-color-controls{display:grid;grid-template-columns:10.8cqw 3.75cqw 1fr;align-items:center;gap:1.15cqw}.appearance-color-label{height:4cqw;border:2px solid #dadbdd;border-radius:.72cqw;color:#fff;background:#725f5f;box-shadow:0 .15cqw .35cqw rgba(0,0,0,.08);font-size:.95cqw;font-weight:800}.appearance-color-label--tile{background:#c2c2c2}.appearance-color-swatch{width:3.75cqw;height:3.75cqw;border:.26cqw solid #777;border-radius:.7cqw;background:#725f5f;box-shadow:inset 0 0 0 .16cqw #fff}.appearance-color-swatch--tile{background:#c2c2c2;border-color:#aaa}.appearance-color-input{height:3.55cqw;padding:0 1.35cqw;display:flex;align-items:center;border:1px solid #dedfe2;border-radius:.72cqw;color:#17181b;background:#f6f6f8;font:500 1cqw "DM Mono",monospace;letter-spacing:.05em}.appearance-color-input--muted{color:#9a9a9e}.dashboard-workspace[data-appearance-background="white"] .appearance-color-label--bg{color:#111;background:#fff}.dashboard-workspace[data-appearance-background="white"] .appearance-color-swatch--bg{background:#fff}

.appearance-section--tiles{padding-top:2.25cqw;padding-bottom:1.65cqw}.appearance-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.05cqw}.appearance-tile-card{position:relative;min-width:0;height:9.8cqw;padding:0;display:grid;grid-template-rows:6.3cqw 1fr;border:2px solid #dedfe2;border-radius:.95cqw;color:#0d0e10;background:#fff;overflow:hidden;text-align:left;box-shadow:0 .12cqw .28cqw rgba(0,0,0,.035)}.appearance-tile-preview{position:relative;display:block;width:100%;height:100%;border-radius:.72cqw .72cqw .5cqw .5cqw;background:#c2c2c2;overflow:hidden}.appearance-tile-card>span{padding:.75cqw 1cqw;display:grid;align-content:center;gap:.18cqw}.appearance-tile-card b{font-size:.88cqw;line-height:1}.appearance-tile-card small{color:#8a8a8c;font-size:.7cqw}.appearance-tile-preview--none{background:#c2c2c2}.appearance-tile-preview--classic{background-color:#c2c2c2;background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);background-size:.58cqw .58cqw}.appearance-tile-preview--dots{background-color:#c2c2c2;background-image:radial-gradient(circle,#ececee .11cqw,transparent .12cqw);background-size:1.35cqw 1.35cqw}.appearance-tile-preview--pro{background-color:#fff;background-image:linear-gradient(#e4e5e8 2px,transparent 2px),linear-gradient(90deg,#e4e5e8 2px,transparent 2px);background-size:2.7cqw 2.7cqw}.appearance-tile-preview--ruled{background-color:#fff;background-image:repeating-linear-gradient(0deg,transparent 0 1.15cqw,#d1d1d3 1.15cqw calc(1.15cqw + 1px))}.appearance-tile-preview--blueprint{background-color:#062c43;background-image:linear-gradient(rgba(116,204,255,.34) 1px,transparent 1px),linear-gradient(90deg,rgba(116,204,255,.34) 1px,transparent 1px);background-size:1.35cqw 1.35cqw}.dashboard-workspace[data-appearance-pattern="blueprint"] [data-hotspot="appearance-blueprint"]{border-color:#111;box-shadow:0 0 0 .13cqw #fff,0 0 0 .24cqw #1877ff}.dashboard-workspace[data-appearance-pattern="blueprint"] [data-hotspot="appearance-blueprint"]::after{content:"✓";position:absolute;right:.55cqw;top:.45cqw;width:1.1cqw;height:1.1cqw;display:grid;place-items:center;border-radius:50%;color:#fff;background:#4d72ff;font-size:.68cqw;font-weight:900}

.appearance-footer{min-height:6.2cqw;padding:1.25cqw 2.15cqw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e5e8;background:#fff}.appearance-footer button{height:3.3cqw;padding:0 1.55cqw;border-radius:.75cqw;font-size:.95cqw}.appearance-reset{border:1px solid #d9dade;color:#56575a;background:#fff}.appearance-done{min-width:8cqw;border:0;color:#fff;background:#0868ff;font-weight:800;box-shadow:0 .25cqw .55cqw rgba(0,101,255,.18)}

.appearance-saved-toast{z-index:72;left:50%;top:1.15cqw;padding:.85cqw 1.15cqw;display:flex;align-items:center;gap:.72cqw;border-radius:.75cqw;color:#fff;background:#0c0c0e;box-shadow:0 .8cqw 2.4cqw rgba(0,0,0,.4);transform:translate(-50%,-.5cqw)}.appearance-saved-toast span{width:1.65cqw;height:1.65cqw;display:grid;place-items:center;border-radius:50%;color:#fff;background:#55cf3d;font-size:.85cqw;font-weight:900}.appearance-saved-toast b{font-size:1.02cqw}.dashboard-workspace[data-mode="design"][data-design-step="appearance-saved"] .appearance-saved-toast{opacity:1;transform:translate(-50%,0)}

/* Live preview for the exact controls shown in Appearance. */
.dashboard-workspace[data-mode="design"][data-appearance-background="white"] .manage-canvas{background:#fff}.dashboard-workspace[data-mode="design"][data-appearance-background="white"] .manage-grid-bg{opacity:.08;filter:grayscale(1)}.dashboard-workspace[data-mode="design"][data-appearance-background="white"] .manage-card{box-shadow:0 .62cqw 1.8cqw rgba(25,32,43,.18)}.dashboard-workspace[data-mode="design"][data-appearance-pattern="blueprint"] .manage-canvas{background:#00304a}.dashboard-workspace[data-mode="design"][data-appearance-pattern="blueprint"] .manage-grid-bg{opacity:1;filter:none;background-image:linear-gradient(rgba(0,188,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(0,188,255,.15) 1px,transparent 1px),linear-gradient(rgba(0,188,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(0,188,255,.065) 1px,transparent 1px);background-size:3.45cqw 3.45cqw,3.45cqw 3.45cqw,.69cqw .69cqw,.69cqw .69cqw}

/* Once the Appearance modal is saved, continue with the real board menu/icon flow. */
.dashboard-workspace[data-mode="design"][data-design-step="appearance-saved"] .redesign-panel,
.dashboard-workspace[data-mode="design"][data-design-step="sidebar-menu"] .redesign-panel,
.dashboard-workspace[data-mode="design"][data-design-step="icon-modal"] .redesign-panel,
.dashboard-workspace[data-mode="design"][data-design-step="icon-selected"] .redesign-panel,
.dashboard-workspace[data-mode="design"][data-design-step="done"] .redesign-panel{opacity:0 !important;transform:translate(-50%,-48%) scale(.985) !important}

/* The applied Finance icon stays WHITE. */
.dashboard-workspace[data-mode="design"] .design-board-icon[data-icon="chart"],
.dashboard-workspace[data-design-step="done"] .design-board-icon[data-icon="chart"],
.dashboard-workspace[data-design-step="done"] [data-hotspot="design-sidebar-finance"] .design-board-icon[data-icon="chart"]{color:#fff !important}

@media(max-width:1050px){
  .redesign-panel.redesign-appearance{width:61% !important;height:88% !important}
}
@media(max-width:760px){
  .redesign-panel.redesign-appearance{width:79% !important;height:86% !important}
  .appearance-head{min-height:9.5cqw;padding:1.7cqw 2.2cqw}.appearance-title-wrap strong{font-size:2.2cqw}.appearance-title-wrap small{font-size:1.3cqw}.appearance-app-icon{width:4.4cqw;height:4.4cqw}.appearance-close{width:4.8cqw;height:4.8cqw}
  .appearance-section{padding:2cqw 2.2cqw}.appearance-section h4{font-size:1.3cqw}.appearance-segmented{height:5cqw}.appearance-segmented button{font-size:1.4cqw}.appearance-color-controls{grid-template-columns:14cqw 5cqw 1fr}.appearance-color-label{height:5.2cqw;font-size:1.3cqw}.appearance-color-swatch{width:5cqw;height:5cqw}.appearance-color-input{height:4.8cqw;font-size:1.3cqw}.appearance-tile-card{height:13.5cqw;grid-template-rows:8.5cqw 1fr}.appearance-tile-card b{font-size:1.2cqw}.appearance-tile-card small{font-size:.95cqw}.appearance-footer{min-height:8cqw}.appearance-footer button{height:4.7cqw;font-size:1.25cqw}.appearance-saved-toast b{font-size:1.35cqw}
}
@media(prefers-reduced-motion:reduce){
  .redesign-backdrop,.redesign-panel.redesign-appearance,.appearance-saved-toast{transition:none!important}
}



/* ========================================================================
   V21 — Appearance at a calmer zoom + real palette interaction
   ======================================================================== */
.dashboard-workspace{--appearance-bg:#725f5f}
.redesign-panel.redesign-appearance{width:64% !important;height:106% !important;transform:translate(-50%,-50%) scale(.8) !important;transform-origin:50% 50% !important}
.dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="palette-open"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="palette-picked"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-panel.redesign-appearance{opacity:1 !important;pointer-events:none;transform:translate(-50%,-50%) scale(.8) !important}
.dashboard-workspace[data-mode="design"][data-design-step="palette-open"] .redesign-backdrop,
.dashboard-workspace[data-mode="design"][data-design-step="palette-picked"] .redesign-backdrop{opacity:1}
.appearance-color-label--bg,.appearance-color-swatch--bg,.appearance-picker-current{background:var(--appearance-bg,#725f5f) !important}
.appearance-color-swatch--bg{padding:0;cursor:default}
.appearance-tile-preview--none{background:var(--appearance-bg,#725f5f)}
.appearance-tile-preview--classic{background-color:var(--appearance-bg,#725f5f);background-image:linear-gradient(rgba(255,255,255,.72) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.72) 1px,transparent 1px)}
.appearance-tile-preview--dots{background-color:var(--appearance-bg,#725f5f);background-image:radial-gradient(circle,rgba(255,255,255,.78) .11cqw,transparent .12cqw)}
.appearance-tile-preview--ruled{background-color:var(--appearance-bg,#725f5f);background-image:repeating-linear-gradient(0deg,transparent 0 1.15cqw,rgba(255,255,255,.62) 1.15cqw calc(1.15cqw + 1px))}
.appearance-color-picker{position:absolute;z-index:76;left:22.2%;top:34.2%;width:35.8%;aspect-ratio:.92;display:grid;grid-template-rows:55% 45%;opacity:0;pointer-events:none;overflow:hidden;border:1px solid #b5b5b7;background:#343434;box-shadow:0 1.1cqw 2.8cqw rgba(0,0,0,.28);transform:translateY(-.35cqw) scale(.985);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1)}
.dashboard-workspace[data-design-step="palette-open"] .appearance-color-picker,.dashboard-workspace[data-design-step="palette-picked"] .appearance-color-picker{opacity:1;transform:none}
.appearance-picker-field{position:relative;background:linear-gradient(to top,#000 0%,rgba(0,0,0,0) 100%),linear-gradient(to right,#fff 0%,#f00 100%)}
.appearance-picker-point{position:absolute;left:39.5%;top:47%;width:1.35cqw;height:1.35cqw;border:.26cqw solid #fff;border-radius:50%;box-shadow:0 0 0 .08cqw rgba(0,0,0,.22);transform:translate(-50%,-50%)}
.appearance-picker-controls{padding:1.05cqw 1.2cqw;background:#353535;color:#fff}
.appearance-picker-topline{display:grid;grid-template-columns:1.6cqw 2.7cqw 1fr;align-items:center;gap:.75cqw}
.appearance-eyedropper{display:grid;place-items:center;color:#fff;font-size:1.35cqw;transform:rotate(-35deg)}
.appearance-picker-current{width:2.7cqw;height:2.7cqw;border-radius:50%}
.appearance-hue{position:relative;height:1.05cqw;border-radius:.15cqw;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.appearance-hue b{position:absolute;left:7%;top:50%;width:1.15cqw;height:1.15cqw;border:.22cqw solid #fff;border-radius:50%;box-shadow:0 0 0 .08cqw rgba(0,0,0,.2);transform:translate(-50%,-50%)}
.appearance-rgb-row{margin-top:1.05cqw;display:grid;grid-template-columns:repeat(3,1fr);gap:.65cqw}
.appearance-rgb-row span{display:grid;gap:.45cqw;justify-items:center}.appearance-rgb-row b{width:100%;height:2.15cqw;display:grid;place-items:center;border:1px solid #777;color:#fff;background:#3b3b3b;font-size:.78cqw;font-weight:500}.appearance-rgb-row small{color:#fff;font-size:.68cqw}
.dashboard-workspace[data-mode="design"][data-appearance-background="custom"] .manage-canvas{background:var(--appearance-bg,#865050)}
.dashboard-workspace[data-mode="design"][data-appearance-background="custom"] .manage-grid-bg{opacity:.32;filter:grayscale(.72) sepia(.15)}
.dashboard-workspace[data-mode="design"][data-appearance-background="custom"] .manage-card{box-shadow:0 .62cqw 1.8cqw rgba(31,17,17,.24)}
.dashboard-workspace[data-mode="design"][data-appearance-pattern="blueprint"] .manage-canvas{background:#00304a}.dashboard-workspace[data-mode="design"][data-appearance-pattern="blueprint"] .manage-grid-bg{opacity:1;filter:none}
@media(max-width:1050px){.redesign-panel.redesign-appearance{width:73% !important;height:106% !important;transform:translate(-50%,-50%) scale(.78) !important}.dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="palette-open"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="palette-picked"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-panel.redesign-appearance{transform:translate(-50%,-50%) scale(.78) !important}}
@media(max-width:760px){.redesign-panel.redesign-appearance{width:96% !important;height:108% !important;transform:translate(-50%,-50%) scale(.76) !important}.dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="palette-open"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="palette-picked"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-panel.redesign-appearance,.dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-panel.redesign-appearance{transform:translate(-50%,-50%) scale(.76) !important}}
@media(prefers-reduced-motion:reduce){.appearance-color-picker{transition:none!important}}

/* ========================================================================
   V22-current — smaller Appearance modal so the full Blueprint row stays visible
   ======================================================================== */
.redesign-panel.redesign-appearance{
  width:76% !important;
  height:128% !important;
  transform:translate(-50%,-50%) scale(.58) !important;
  transform-origin:50% 50% !important;
}
.dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="palette-open"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="palette-picked"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-panel.redesign-appearance,
.dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-panel.redesign-appearance{
  transform:translate(-50%,-50%) scale(.58) !important;
}
@media(max-width:1050px){
  .redesign-panel.redesign-appearance{
    width:86% !important;
    height:128% !important;
    transform:translate(-50%,-50%) scale(.56) !important;
  }
  .dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="palette-open"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="palette-picked"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-panel.redesign-appearance{
    transform:translate(-50%,-50%) scale(.56) !important;
  }
}
@media(max-width:760px){
  .redesign-panel.redesign-appearance{
    width:116% !important;
    height:132% !important;
    transform:translate(-50%,-50%) scale(.54) !important;
  }
  .dashboard-workspace[data-mode="design"][data-design-step="appearance-open"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="palette-open"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="palette-picked"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="background-edit"] .redesign-panel.redesign-appearance,
  .dashboard-workspace[data-mode="design"][data-design-step="blueprint-selected"] .redesign-panel.redesign-appearance{
    transform:translate(-50%,-50%) scale(.54) !important;
  }
}

/* ========================================================================
   V23 — Share: Private → Shared → add email → send account invitation
   ======================================================================== */
.share-backdrop,
.share-access-modal,
.share-invite-toast{position:absolute;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.share-backdrop{z-index:58;inset:0;background:rgba(3,8,15,.58);backdrop-filter:blur(.38cqw)}
.share-access-modal{z-index:60;left:50%;top:50%;width:62%;height:46.8cqw;display:grid;grid-template-rows:6.35cqw 1fr 6.1cqw;border:1px solid rgba(201,210,225,.95);border-radius:1.7cqw;color:#1f2a3d;background:#f8fafc;box-shadow:0 2.2cqw 6cqw rgba(0,0,0,.42);overflow:hidden;transform:translate(-50%,-47%) scale(.975);font-family:Inter,Manrope,Arial,sans-serif}
.share-access-head{padding:0 2.55cqw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9f0;background:#f8fafc}
.share-access-title{display:flex;align-items:center;gap:1.25cqw}.share-access-title>div{display:grid;gap:.14cqw}.share-access-title strong{font-size:1.34cqw;line-height:1;color:#172236;letter-spacing:-.025em}.share-access-title small{color:#8da0bb;font-size:.78cqw;font-weight:600}
.share-access-glyph{position:relative;width:3.2cqw;height:3.2cqw;border-radius:1.05cqw;background:#e8f1ff}.share-access-glyph i{position:absolute;width:.46cqw;height:.46cqw;border:.14cqw solid #3980ff;border-radius:50%;background:#fff}.share-access-glyph i:nth-child(1){left:.76cqw;top:1.38cqw}.share-access-glyph i:nth-child(2){right:.68cqw;top:.72cqw}.share-access-glyph i:nth-child(3){right:.68cqw;bottom:.68cqw}.share-access-glyph::before,.share-access-glyph::after{content:"";position:absolute;left:1.15cqw;width:1.12cqw;height:.12cqw;background:#3980ff;transform-origin:left center}.share-access-glyph::before{top:1.45cqw;transform:rotate(-31deg)}.share-access-glyph::after{top:1.66cqw;transform:rotate(31deg)}
.share-access-close{width:3cqw;height:3cqw;display:grid;place-items:center;border:0;border-radius:.8cqw;color:#8f99aa;background:transparent;font-size:1.8cqw;font-weight:300}
.share-access-body{padding:1.35cqw 2.55cqw 1.15cqw;overflow:hidden;background:#fbfcfe}
.share-access-tabs{height:3.65cqw;padding:.33cqw;display:flex;align-items:center;gap:.28cqw;border:1px solid #e1e7ef;border-radius:1.35cqw;background:#eff4f8}.share-access-tabs button{height:2.95cqw;padding:0 1.35cqw;display:flex;align-items:center;gap:.55cqw;border:0;border-radius:1.05cqw;color:#667b99;background:transparent;font-size:.94cqw;font-weight:600;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.share-access-tabs button>span{font-size:1cqw}.share-access-tabs button em{display:none;min-width:1.55cqw;height:1.22cqw;padding:0 .4cqw;place-items:center;border-radius:999px;background:rgba(255,255,255,.26);font-size:.58cqw;font-style:normal;font-weight:800}.share-tab-lock{font-size:.85cqw!important}
.dashboard-workspace[data-share-access="private"] .share-access-tabs [data-share-tab="private"],.dashboard-workspace[data-share-access="shared"] .share-access-tabs [data-share-tab="shared"]{color:#fff;background:#73869f;box-shadow:0 .32cqw .75cqw rgba(53,73,99,.18)}
.dashboard-workspace[data-share-step="invite-added"] .share-access-tabs [data-share-tab="shared"] em,.dashboard-workspace[data-share-step="invite-sent"] .share-access-tabs [data-share-tab="shared"] em{display:grid}
.share-private-view,.share-shared-view{display:none;padding-top:1.45cqw}.dashboard-workspace[data-share-access="private"] .share-private-view{display:block}.dashboard-workspace[data-share-access="shared"] .share-shared-view{display:block}
.share-access-banner{min-height:4.1cqw;padding:1cqw 1.35cqw;display:flex;align-items:center;gap:.85cqw;border-radius:1.05cqw;font-size:.84cqw;line-height:1.4}.share-access-banner>span{font-size:1.2cqw}.share-access-banner p{margin:0}.share-access-banner strong{font-weight:800}.share-access-banner--private{border:1px solid #e0e6ee;color:#5f738f;background:#f0f4f8}.share-access-banner--shared{border:1px solid #d7c6ff;color:#6b36ec;background:#efe6ff}
.share-link-card{margin-top:1.45cqw;padding:1.5cqw 1.55cqw;border:1px solid #e2e8ef;border-radius:1.28cqw;background:#fff}.share-link-card>strong{display:flex;align-items:center;gap:.62cqw;color:#172236;font-size:.89cqw}.share-link-card>strong span{color:#8095b3}.share-link-field{margin-top:1cqw;height:3.95cqw;padding:0 1.15cqw;display:grid;grid-template-columns:auto auto auto 1fr 1.8cqw 1.8cqw;align-items:center;gap:.45cqw;border:1px solid #e2e8ef;border-radius:1cqw;color:#8ba0bd;background:#f7f9fc;font-size:.88cqw}.share-link-field b{color:#1f2a3c;font-weight:500}.share-link-field i{display:grid;place-items:center;color:#667f9f;font-size:1cqw;font-style:normal}.share-link-card>small{display:block;margin-top:.85cqw;color:#8ea0ba;font-size:.76cqw}
.share-invite-card{margin-top:1.25cqw;padding:1.25cqw 1.45cqw;border:1px solid #e2e8ef;border-radius:1.25cqw;background:#fff;box-shadow:0 .35cqw 1.1cqw rgba(26,42,67,.05)}.share-invite-title{display:flex;align-items:center;justify-content:space-between}.share-invite-title>strong{display:flex;align-items:center;gap:.62cqw;color:#172236;font-size:.9cqw}.share-invite-title>strong span{color:#7d94b2}.share-send-all{height:2.45cqw;padding:0 1cqw;border:0;border-radius:.78cqw;color:#fff;background:#3986ff;font-size:.72cqw;font-weight:800;opacity:0;transform:translateY(.2cqw);transition:opacity .18s ease,transform .18s ease}.dashboard-workspace[data-share-step="invite-added"] .share-send-all,.dashboard-workspace[data-share-step="invite-sent"] .share-send-all{opacity:1;transform:none}
.share-invite-row{margin-top:.78cqw;display:grid;grid-template-columns:1fr 5.1cqw;gap:.7cqw}.share-email-input{position:relative;height:3.2cqw;padding:0 1.05cqw;display:flex;align-items:center;border:1px solid #dce4ef;border-radius:.95cqw;background:#f7f9fc;box-shadow:none;overflow:hidden}.share-email-input>span{position:relative;z-index:2;color:#24334a;font-size:.82cqw;white-space:nowrap}.share-email-input>small{position:absolute;left:1.05cqw;color:#93a4bb;font-size:.82cqw;transition:opacity .12s ease}.share-email-caret{width:1px;height:1.25cqw;margin-left:.08cqw;background:#2e73dd;opacity:0;animation:shareCaret .8s steps(1) infinite}.dashboard-workspace[data-share-step="email-entry"] .share-email-input,.dashboard-workspace[data-share-step="email-ready"] .share-email-input{border-color:#3d85ff;box-shadow:0 0 0 .18cqw rgba(61,133,255,.13)}.dashboard-workspace[data-share-step="email-entry"] .share-email-input>small,.dashboard-workspace[data-share-step="email-ready"] .share-email-input>small{opacity:0}.dashboard-workspace[data-share-step="email-entry"] .share-email-caret{opacity:1}.share-add-button{height:3.2cqw;border:0;border-radius:.95cqw;color:#fff;background:#aac6f3;font-size:.82cqw;font-weight:800;transition:background .18s ease,box-shadow .18s ease}.dashboard-workspace[data-share-step="email-ready"] .share-add-button{background:#3d86ff;box-shadow:0 .38cqw .9cqw rgba(61,134,255,.24)}
.share-empty-state{height:7.1cqw;margin-top:1cqw;display:grid;place-content:center;justify-items:center;gap:.18cqw;border:1px solid #e4e9f0;border-radius:1.05cqw;color:#9aabc1}.share-empty-state i{position:relative;width:2.45cqw;height:2.45cqw;border:.28cqw solid #d1d9e5;border-radius:50%}.share-empty-state i::after{content:"";position:absolute;width:1.05cqw;height:.28cqw;right:-.76cqw;bottom:-.18cqw;border-radius:999px;background:#d1d9e5;transform:rotate(45deg)}.share-empty-state strong{font-size:.78cqw;font-weight:600}.share-empty-state span{font-size:.68cqw}.dashboard-workspace[data-share-step="invite-added"] .share-empty-state,.dashboard-workspace[data-share-step="invite-sent"] .share-empty-state{display:none}
.share-invite-member{height:5.6cqw;margin-top:1cqw;padding:.65cqw .9cqw;display:none;align-items:center;justify-content:space-between;border-radius:1.05cqw;background:#edf4ff;border:1px solid #e1eaf7}.dashboard-workspace[data-share-step="invite-added"] .share-invite-member,.dashboard-workspace[data-share-step="invite-sent"] .share-invite-member{display:flex}.share-member-identity{display:flex;align-items:center;gap:.85cqw}.share-member-identity>i{width:3.2cqw;height:3.2cqw;display:grid;place-items:center;border-radius:50%;color:#fff;background:#5988f2;font-size:1cqw;font-style:normal;font-weight:800}.share-member-identity>span{display:grid}.share-member-identity strong{color:#1d2a3e;font-size:.84cqw}.share-member-identity small{color:#8799b0;font-size:.68cqw}.share-signup-note{margin-top:.12cqw;color:#7858b7;font-size:.55cqw;font-style:normal}.share-member-state{display:flex;align-items:center;gap:.55cqw}.share-member-pending{padding:.36cqw .65cqw;border:1px solid #e0bf6a;border-radius:999px;color:#ad7110;background:#fff5d7;font-size:.52cqw;font-weight:900;letter-spacing:.05em}.dashboard-workspace[data-share-step="invite-sent"] .share-member-pending{border-color:#83d8b4;color:#159163;background:#e4fbf1}.share-email-action,.share-delete-action{width:2.7cqw;height:2.7cqw;display:grid;place-items:center;border:1px solid #d8e1ed;border-radius:.78cqw;color:#20324d;background:#eef4fb;font-size:1cqw}.share-delete-action{color:#ff435a;background:#fff0f3;border-color:#ffd1d8}
.share-access-footer{padding:0 2.55cqw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6ebf1;background:#f8fafc}.share-access-footer>span{color:#95a7bf;font-size:.72cqw}.share-access-footer>div{display:flex;align-items:center;gap:.72cqw}.share-access-footer button{height:3.1cqw;padding:0 1.4cqw;border:0;border-radius:.9cqw;color:#697b94;background:transparent;font-size:.82cqw}.share-access-footer .share-save-button{color:#fff;background:#3986ff;box-shadow:0 .4cqw 1cqw rgba(57,134,255,.22);font-weight:800}
.share-invite-toast{z-index:72;left:50%;top:1.15cqw;padding:.72cqw 1cqw;display:flex;align-items:center;gap:.65cqw;border-radius:.82cqw;color:#fff;background:#101214;box-shadow:0 .8cqw 2.5cqw rgba(0,0,0,.42);transform:translate(-50%,-.5cqw)}.share-invite-toast>span{width:1.55cqw;height:1.55cqw;display:grid;place-items:center;border-radius:50%;color:#fff;background:#55cf3d;font-size:.78cqw;font-weight:900}.share-invite-toast>div{display:grid;gap:.05cqw}.share-invite-toast b{font-size:.78cqw}.share-invite-toast small{color:#b7c0ca;font-size:.56cqw}
.dashboard-workspace[data-mode="share"] .workspace-auto-cursor{opacity:1!important}.dashboard-workspace[data-mode="share"] .manage-instruction b::after{content:""!important}.dashboard-workspace[data-mode="share"] .manage-share{color:#fff}
.dashboard-workspace[data-mode="share"][data-share-step="private-open"] .share-backdrop,.dashboard-workspace[data-mode="share"][data-share-step="shared-open"] .share-backdrop,.dashboard-workspace[data-mode="share"][data-share-step="email-entry"] .share-backdrop,.dashboard-workspace[data-mode="share"][data-share-step="email-ready"] .share-backdrop,.dashboard-workspace[data-mode="share"][data-share-step="invite-added"] .share-backdrop,.dashboard-workspace[data-mode="share"][data-share-step="invite-sent"] .share-backdrop{opacity:1}
.dashboard-workspace[data-mode="share"][data-share-step="private-open"] .share-access-modal,.dashboard-workspace[data-mode="share"][data-share-step="shared-open"] .share-access-modal,.dashboard-workspace[data-mode="share"][data-share-step="email-entry"] .share-access-modal,.dashboard-workspace[data-mode="share"][data-share-step="email-ready"] .share-access-modal,.dashboard-workspace[data-mode="share"][data-share-step="invite-added"] .share-access-modal,.dashboard-workspace[data-mode="share"][data-share-step="invite-sent"] .share-access-modal{opacity:1;transform:translate(-50%,-50%) scale(1)}
.dashboard-workspace[data-mode="share"][data-share-step="invite-sent"] .share-invite-toast{opacity:1;transform:translate(-50%,0)}
@keyframes shareCaret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:1050px){.share-access-modal{width:69%;height:47.8cqw}.share-access-title strong{font-size:1.5cqw}.share-access-title small,.share-access-tabs button,.share-link-card>strong,.share-invite-title>strong{font-size:.9cqw}.share-email-input>span,.share-email-input>small,.share-add-button{font-size:.86cqw}}
@media(max-width:760px){.share-access-modal{width:88%;height:48.5cqw}.share-access-head{padding:0 2cqw}.share-access-body{padding:1.1cqw 1.8cqw}.share-access-footer{padding:0 1.8cqw}.share-link-field{font-size:1.05cqw}.share-member-identity strong{font-size:1.1cqw}.share-member-identity small,.share-signup-note{font-size:.8cqw}.share-member-pending{font-size:.72cqw}}
@media(prefers-reduced-motion:reduce){.share-backdrop,.share-access-modal,.share-invite-toast,.share-access-tabs button,.share-send-all,.share-email-input,.share-add-button{transition:none!important}.share-email-caret{animation:none!important}}
.workspace-cursor-text{display:none;width:1.35cqw;height:2.1cqw;filter:drop-shadow(0 0 .05cqw #fff)}.workspace-cursor-text path{fill:none;stroke:#05070b;stroke-width:2.3;stroke-linecap:round}.workspace-auto-cursor.is-text .workspace-cursor-arrow,.workspace-auto-cursor.is-text .workspace-cursor-hand{display:none}.workspace-auto-cursor.is-text .workspace-cursor-text{display:block}
@media(max-width:760px){.workspace-cursor-text{width:2.2cqw;height:3.4cqw}}

/* ========================================================================
   V24 — Draw: real Kaptr.me whiteboard toolbar + arrows + brush + text
   ======================================================================== */
.dashboard-workspace[data-mode="draw"] .workspace-auto-cursor{opacity:1!important}
.dashboard-workspace[data-mode="draw"] .manage-instruction b::after{content:""!important}
.draw-hotspots{position:absolute;z-index:1;inset:0;pointer-events:none}.draw-hotspots i{position:absolute;left:var(--x);top:var(--y);width:.8cqw;height:.8cqw;margin:-.4cqw 0 0 -.4cqw;border-radius:50%;opacity:0}
.draw-annotation-layer{position:absolute;z-index:17;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.draw-arrow-path,.draw-brush-path{fill:none;opacity:0;vector-effect:non-scaling-stroke;will-change:stroke-dashoffset,opacity}.draw-arrow-path{stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520;filter:drop-shadow(0 2px 3px rgba(0,0,0,.58))}.draw-brush-path{stroke:#29d8c8;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;filter:drop-shadow(0 0 8px rgba(41,216,200,.38))}
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-drawing"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-done"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="arrows-done"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-tool"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-arrow-path--one,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-arrow-path--one{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.05s cubic-bezier(.22,1,.36,1),opacity .12s ease}
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="arrows-done"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-tool"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-arrow-path--two,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-arrow-path--two{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1s cubic-bezier(.22,1,.36,1),opacity .12s ease}
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-brush-path,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-brush-path,.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-brush-path,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-brush-path,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-brush-path,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-brush-path{opacity:.95;stroke-dashoffset:0;transition:stroke-dashoffset 1.05s cubic-bezier(.22,1,.36,1),opacity .12s ease}
.draw-tool-dock{position:absolute;z-index:42;left:50%;bottom:1.05cqw;min-height:4.75cqw;padding:.48cqw .58cqw;display:flex;align-items:center;gap:.38cqw;border:1px solid #30374a;border-radius:1.45cqw;background:linear-gradient(180deg,#15172a,#101423);box-shadow:0 1.1cqw 3cqw rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);opacity:0;transform:translate(-50%,1.1cqw) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}.draw-tool-dock>button{width:3.45cqw;height:3.45cqw;display:grid;place-items:center;border:1px solid #293044;border-radius:1cqw;color:#cbd4e6;background:linear-gradient(180deg,#1b2032,#161b2b);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.draw-tool-dock>button svg{width:1.45cqw;height:1.45cqw;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.draw-tool-pointer svg path:first-child{fill:transparent}.draw-tool-dock>button.is-active,.dashboard-workspace[data-mode="draw"][data-draw-step="tools-open"] .draw-tool-pointer,.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-tool"] .draw-tool-arrow,.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-drawing"] .draw-tool-arrow,.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-done"] .draw-tool-arrow,.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-tool-arrow,.dashboard-workspace[data-mode="draw"][data-draw-step="arrows-done"] .draw-tool-arrow,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-tool"] .draw-tool-brush,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-tool-brush,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-tool-brush,.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-tool-text,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-tool-text,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-tool-text,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-tool-text{color:#fff;border-color:#8e6eff;background:linear-gradient(145deg,#7d53ff,#6d3fe8);box-shadow:0 .45cqw 1.15cqw rgba(102,62,229,.36),inset 0 1px 0 rgba(255,255,255,.18)}
.dashboard-workspace[data-mode="draw"][data-draw-step]:not([data-draw-step="idle"]) .draw-tool-dock{opacity:1;transform:translate(-50%,0) scale(1)}.dashboard-workspace[data-mode="draw"][data-draw-step]:not([data-draw-step="idle"]) .manage-bottom-nav{opacity:0;transform:translate(-50%,1cqw) scale(.96)}
.draw-color-strip{height:3.45cqw;padding-left:.42cqw;display:flex;align-items:center;gap:.42cqw;border-left:1px solid #31384a;max-width:0;opacity:0;overflow:hidden;transition:max-width .35s cubic-bezier(.22,1,.36,1),opacity .18s ease,padding .25s ease}.draw-color-strip i,.draw-format-colors em{width:1.55cqw;height:1.55cqw;display:block;border:.13cqw solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.22)}.draw-color-strip i:first-child,.draw-format-colors em:first-child{box-shadow:0 0 0 .16cqw #7657ff,0 0 0 .26cqw rgba(255,255,255,.18)}.c-black{background:#101217}.c-white{background:#fff}.c-red{background:#f14950}.c-orange{background:#ff9f0a}.c-yellow{background:#ffd21f}.c-green{background:#21c56b}.c-teal{background:#22b6aa}.c-blue{background:#4186f4}.c-purple{background:#9b5de5}.c-pink{background:#e9428f}.dashboard-workspace[data-mode="draw"][data-draw-step="brush-tool"] .draw-color-strip,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-color-strip,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-color-strip,.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-color-strip,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-color-strip,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-color-strip,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-color-strip{max-width:19cqw;opacity:1;padding-left:.65cqw}
.draw-text-format{position:absolute;z-index:44;left:50%;top:2.7cqw;min-height:4.15cqw;padding:.55cqw .78cqw;display:flex;align-items:center;gap:.55cqw;border:1px solid #d9dde5;border-radius:1.45cqw;color:#172035;background:#f7f7f8;box-shadow:0 .75cqw 2.1cqw rgba(0,0,0,.22);opacity:0;transform:translate(-50%,-.65cqw) scale(.985);pointer-events:none;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}.draw-text-format>span,.draw-text-format>b,.draw-text-format>i,.draw-text-format>u,.draw-text-format>s{height:2.85cqw;min-width:2.85cqw;padding:0 .78cqw;display:grid;place-items:center;border:1px solid #e1e3e8;border-radius:.72cqw;background:#fff;font-size:.8cqw;font-style:normal;text-decoration:none}.draw-text-format .draw-font{min-width:7.4cqw;justify-content:start}.draw-text-format .draw-size{min-width:5.3cqw;justify-content:start}.draw-text-format>b{font-size:1.08cqw}.draw-text-format>i{font-family:Georgia,serif;font-size:1.02cqw}.draw-text-format>u{text-decoration:underline}.draw-text-format>s{text-decoration:line-through}.draw-format-colors{display:flex;align-items:center;gap:.4cqw}.draw-format-colors em{width:1.45cqw;height:1.45cqw}.draw-text-format>small{margin-left:.35cqw;color:#6d7c96;font-size:.67cqw;white-space:nowrap}.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-text-format,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-text-format,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-text-format,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-text-format{opacity:1;transform:translate(-50%,0) scale(1)}
.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .manage-instruction,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .manage-instruction{opacity:0;transform:translate(-50%,-.5cqw)}
.draw-text-note{position:absolute;z-index:26;left:60.5%;top:18.5%;min-width:18cqw;max-width:24cqw;min-height:3.1cqw;padding:.7cqw .95cqw;display:flex;align-items:center;border:1px solid rgba(140,111,255,.68);border-radius:.82cqw;color:#fff;background:rgba(10,13,24,.94);box-shadow:0 .65cqw 1.8cqw rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.035);opacity:0;transform:translateY(.45cqw) scale(.98);transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}.draw-text-note span{font-size:.86cqw;font-weight:700;letter-spacing:-.015em}.draw-text-note>i{width:1px;height:1.2cqw;margin-left:.15cqw;background:#fff;animation:drawCaret .78s steps(1) infinite}.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-text-note,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-text-note,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-text-note{opacity:1;transform:none}.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-text-note>i,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-text-note>i{display:none}
.draw-saved-toast{position:absolute;z-index:54;right:1.35cqw;top:1.05cqw;padding:.62cqw .82cqw;display:flex;align-items:center;gap:.58cqw;border:1px solid rgba(79,212,145,.24);border-radius:.76cqw;color:#e6fff2;background:rgba(7,25,18,.93);box-shadow:0 .8cqw 2cqw rgba(0,0,0,.34);opacity:0;transform:translateY(-.4cqw);transition:opacity .22s ease,transform .3s cubic-bezier(.22,1,.36,1)}.draw-saved-toast>span{width:1.4cqw;height:1.4cqw;display:grid;place-items:center;border-radius:50%;color:#07110c;background:#54dd98;font-size:.65cqw;font-weight:900}.draw-saved-toast>div{display:grid}.draw-saved-toast b{font-size:.64cqw}.draw-saved-toast small{color:#8db8a1;font-size:.48cqw}.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-saved-toast{opacity:1;transform:none}
@keyframes drawCaret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:1050px){.draw-tool-dock{bottom:.8cqw}.draw-tool-dock>button{width:3.25cqw;height:3.25cqw}.draw-color-strip i,.draw-format-colors em{width:1.35cqw;height:1.35cqw}.draw-text-format{top:2.4cqw}.draw-text-format>small{display:none}}
@media(max-width:760px){.dashboard-workspace[data-mode="draw"] .manage-bottom-nav{display:flex}.draw-tool-dock{left:61%;max-width:72%;overflow:hidden}.draw-tool-dock>button{width:4.8cqw;height:4.8cqw;flex:0 0 auto;border-radius:1.25cqw}.draw-tool-dock>button svg{width:2.1cqw;height:2.1cqw}.draw-color-strip{display:none}.draw-text-format{left:61%;width:70%;overflow:hidden}.draw-text-format .draw-font,.draw-text-format .draw-size,.draw-text-format>small{display:none}.draw-text-note{left:43%;top:23%;font-size:1.25cqw}.draw-annotation-layer{left:0}}
@media(prefers-reduced-motion:reduce){.draw-tool-dock,.draw-text-format,.draw-text-note,.draw-saved-toast,.draw-arrow-path,.draw-brush-path{transition:none!important;animation:none!important}}
/* Draw color state mirrors the annotation being placed. */
.draw-color-strip i:first-child,.draw-format-colors em:first-child{box-shadow:0 0 0 1px rgba(0,0,0,.22)}
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-tool"] .draw-color-strip .c-teal,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-color-strip .c-teal,.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-color-strip .c-teal{box-shadow:0 0 0 .16cqw #7657ff,0 0 0 .26cqw rgba(255,255,255,.18)}
.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-color-strip .c-white,.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-color-strip .c-white,.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-color-strip .c-white,.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-color-strip .c-white,.dashboard-workspace[data-mode="draw"] .draw-format-colors .c-white{box-shadow:0 0 0 .16cqw #7657ff,0 0 0 .26cqw rgba(255,255,255,.22)}

/* ========================================================================
   V25 — Share scale + cursor-synced Draw semantics
   ======================================================================== */
/* Share stays fully visible inside the product frame so the invitation-mail click is obvious. */
.share-access-modal{width:58% !important;transform-origin:50% 50% !important;transform:translate(-50%,-47%) scale(.84) !important}
.dashboard-workspace[data-mode="share"][data-share-step="private-open"] .share-access-modal,
.dashboard-workspace[data-mode="share"][data-share-step="shared-open"] .share-access-modal,
.dashboard-workspace[data-mode="share"][data-share-step="email-entry"] .share-access-modal,
.dashboard-workspace[data-mode="share"][data-share-step="email-ready"] .share-access-modal,
.dashboard-workspace[data-mode="share"][data-share-step="invite-added"] .share-access-modal,
.dashboard-workspace[data-mode="share"][data-share-step="invite-sent"] .share-access-modal{transform:translate(-50%,-50%) scale(.84) !important}
.dashboard-workspace[data-mode="share"][data-share-step="invite-added"] .share-email-action{color:#fff;border-color:#3d86ff;background:#3d86ff;box-shadow:0 0 0 .18cqw rgba(61,134,255,.14),0 .4cqw 1cqw rgba(61,134,255,.25)}
.dashboard-workspace[data-mode="share"][data-share-step="invite-sent"] .share-email-action{color:#138b60;border-color:#82d7b4;background:#e4fbf1;box-shadow:none}

/* Paths are revealed by JS at the exact cursor position; no CSS pre-animation can outrun the pointer. */
.draw-arrow-path,.draw-brush-path{transition:none !important}
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-drawing"] .draw-arrow-path--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-arrow-path--two,
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-brush-path{opacity:1}
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-done"] .draw-arrow-path--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-arrow-path--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrows-done"] .draw-arrow-path,
.dashboard-workspace[data-mode="draw"][data-draw-step^="brush-"] .draw-arrow-path,
.dashboard-workspace[data-mode="draw"][data-draw-step^="text-"] .draw-arrow-path,
.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-arrow-path{opacity:1;stroke-dashoffset:0}
.draw-brush-path{stroke:#f14950;stroke-width:7.5;filter:drop-shadow(0 0 5px rgba(241,73,80,.28))}
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-brush-path,
.dashboard-workspace[data-mode="draw"][data-draw-step^="text-"] .draw-brush-path,
.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-brush-path{opacity:.96;stroke-dashoffset:0}

/* Brush color strip is purposeful: red is selected to underline the -69.52% futures loss. */
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-color"] .draw-color-strip,
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-color-strip,
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-color-strip{max-width:19cqw;opacity:1;padding-left:.65cqw}
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-tool"] .draw-color-strip .c-teal,
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-color-strip .c-teal,
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-color-strip .c-teal{box-shadow:0 0 0 1px rgba(0,0,0,.22)}
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-color"] .draw-color-strip .c-red,
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-drawing"] .draw-color-strip .c-red,
.dashboard-workspace[data-mode="draw"][data-draw-step="brush-done"] .draw-color-strip .c-red{box-shadow:0 0 0 .16cqw #7657ff,0 0 0 .26cqw rgba(255,255,255,.18)}

/* Selecting Text only changes the active tool. The format bar opens after the board click creates text. */
.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .draw-text-format{opacity:0 !important;transform:translate(-50%,-.65cqw) scale(.985) !important}
.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .draw-text-format,
.dashboard-workspace[data-mode="draw"][data-draw-step="text-done"] .draw-text-format,
.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-text-format{opacity:1 !important;transform:translate(-50%,0) scale(1) !important}
.dashboard-workspace[data-mode="draw"][data-draw-step="text-tool"] .manage-instruction{opacity:1;transform:translateX(-50%)}
.dashboard-workspace[data-mode="draw"][data-draw-step="text-entry"] .manage-instruction{opacity:0;transform:translate(-50%,-.5cqw)}

/* The created text is a real title for the Kobeissi snapshot, not a floating generic note. */
.draw-text-note{left:50.4%;top:35.9%;min-width:0;max-width:29%;min-height:2.25cqw;padding:0 .3cqw;border:0;border-radius:0;color:#fff;background:transparent;box-shadow:none;align-items:flex-end;transform:translateY(.28cqw);text-shadow:0 2px 5px rgba(0,0,0,.75)}
.draw-text-note span{font-size:1.08cqw;font-weight:800;letter-spacing:-.035em;line-height:1.08}
.draw-text-note>i{height:1.35cqw;margin-bottom:.05cqw}
@media(max-width:1050px){.share-access-modal{width:64% !important}.dashboard-workspace[data-mode="share"][data-share-step] .share-access-modal{transform:translate(-50%,-50%) scale(.86) !important}}
@media(max-width:760px){.share-access-modal{width:86% !important}.dashboard-workspace[data-mode="share"][data-share-step] .share-access-modal{transform:translate(-50%,-50%) scale(.9) !important}.draw-text-note{left:34%;top:32%;max-width:52%}.draw-text-note span{font-size:1.7cqw}}


/* ========================================================================
   V26 — Share visibility + pointer-locked arrows + meaningful ellipse
   ======================================================================== */
/* Share: keep the dialog readable, but give it a real internal scroll so the mail action is never below the fold. */
.share-access-modal{width:55% !important;transform-origin:50% 50% !important;transform:translate(-50%,-50%) scale(.76) !important}
.dashboard-workspace[data-mode="share"][data-share-step] .share-access-modal{transform:translate(-50%,-50%) scale(.76) !important}
.share-access-body{overflow-y:auto !important;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;scroll-behavior:smooth}
.share-access-body::-webkit-scrollbar{width:.48cqw}.share-access-body::-webkit-scrollbar-track{background:transparent}.share-access-body::-webkit-scrollbar-thumb{border-radius:999px;background:#cbd5e1}
.dashboard-workspace[data-mode="share"][data-share-step="invite-added"] .share-invite-member,.dashboard-workspace[data-mode="share"][data-share-step="invite-sent"] .share-invite-member{box-shadow:0 0 0 .13cqw rgba(61,134,255,.13)}

/* Draw: no dash animation, no marker. JS writes the visible line endpoint and cursor in the same RAF. */
.draw-arrow-path{fill:none !important;stroke:#fff !important;stroke-width:3.2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;stroke-dasharray:none !important;stroke-dashoffset:0 !important;opacity:0;transition:none !important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.58));vector-effect:non-scaling-stroke}
.draw-arrow-head{fill:#fff;stroke:#fff;stroke-width:1;opacity:0;transition:none !important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.58));vector-effect:non-scaling-stroke}
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-drawing"] .draw-arrow-path--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-done"] .draw-arrow-path--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-arrow-path--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrows-done"] .draw-arrow-path,
.dashboard-workspace[data-mode="draw"][data-draw-step^="circle-"] .draw-arrow-path,
.dashboard-workspace[data-mode="draw"][data-draw-step^="text-"] .draw-arrow-path,
.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-arrow-path{opacity:1}
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-one-done"] .draw-arrow-head--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-arrow-head--one,
.dashboard-workspace[data-mode="draw"][data-draw-step="arrows-done"] .draw-arrow-head,
.dashboard-workspace[data-mode="draw"][data-draw-step^="circle-"] .draw-arrow-head,
.dashboard-workspace[data-mode="draw"][data-draw-step^="text-"] .draw-arrow-head,
.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-arrow-head{opacity:1}
.dashboard-workspace[data-mode="draw"][data-draw-step="arrow-two-drawing"] .draw-arrow-path--two{opacity:1}

/* Ellipse replaces the brush: it circles the -69.52% Crypto Future loss. */
.draw-focus-circle{fill:rgba(241,73,80,.035);stroke:#f14950;stroke-width:4.2;opacity:0;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(241,73,80,.32));transition:none !important}
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-drawing"] .draw-focus-circle,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-done"] .draw-focus-circle,
.dashboard-workspace[data-mode="draw"][data-draw-step^="text-"] .draw-focus-circle,
.dashboard-workspace[data-mode="draw"][data-draw-step="saved"] .draw-focus-circle{opacity:1}
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-tool"] .draw-tool-circle,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-color"] .draw-tool-circle,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-drawing"] .draw-tool-circle,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-done"] .draw-tool-circle{color:#fff;border-color:#8e6eff;background:linear-gradient(145deg,#7d53ff,#6d3fe8);box-shadow:0 .45cqw 1.15cqw rgba(102,62,229,.36),inset 0 1px 0 rgba(255,255,255,.18)}
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-tool"] .draw-color-strip,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-color"] .draw-color-strip,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-drawing"] .draw-color-strip,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-done"] .draw-color-strip{max-width:19cqw;opacity:1;padding-left:.65cqw}
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-color"] .draw-color-strip .c-red,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-drawing"] .draw-color-strip .c-red,
.dashboard-workspace[data-mode="draw"][data-draw-step="circle-done"] .draw-color-strip .c-red{box-shadow:0 0 0 .16cqw #7657ff,0 0 0 .26cqw rgba(255,255,255,.18)}

/* Old brush object is intentionally suppressed in this story. */
.draw-brush-path{display:none !important}
@media(max-width:1050px){.share-access-modal{width:61% !important}.dashboard-workspace[data-mode="share"][data-share-step] .share-access-modal{transform:translate(-50%,-50%) scale(.78) !important}}
@media(max-width:760px){.share-access-modal{width:84% !important}.dashboard-workspace[data-mode="share"][data-share-step] .share-access-modal{transform:translate(-50%,-50%) scale(.84) !important}}
@media(prefers-reduced-motion:reduce){.draw-arrow-path,.draw-arrow-head,.draw-focus-circle{transition:none!important;animation:none!important}}


/* ========================================================================
   V39 — one click cursor across every landing product demo
   Exact filled hand treatment from the dedicated Extension page.
   ======================================================================== */
.real-product-story .auto-demo-cursor .demo-cursor-hand path,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand path,
.dashboard-workspace .workspace-cursor-hand path,
.kai-story-cursor .kai-story-hand path{
  fill:#ffffff !important;
  stroke:#080b11 !important;
  stroke-width:1.9 !important;
  stroke-linejoin:round !important;
  stroke-linecap:butt !important;
  paint-order:normal !important;
}
.real-product-story .auto-demo-cursor .demo-cursor-hand,
.snapshot-powers .power-refresh-auto-cursor .power-cursor-hand,
.dashboard-workspace .workspace-cursor-hand,
.kai-story-cursor .kai-story-hand{
  filter:drop-shadow(0 2px 2px rgba(255,255,255,.25)) !important;
}
.real-product-story .auto-demo-cursor.is-clicking .demo-cursor-hand,
.snapshot-powers .power-refresh-auto-cursor.is-clicking .power-cursor-hand,
.dashboard-workspace .workspace-auto-cursor.is-clicking .workspace-cursor-hand,
.kai-story-cursor.is-clicking .kai-story-hand{
  transform:scale(.88) !important;
  transform-origin:0 0 !important;
}

/* V51b - real Kaptr.me brand asset, shown without clipping its native border */
.brand-logo{display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain;border-radius:0!important;clip-path:none!important;mask:none!important;overflow:visible!important}
.brand{overflow:visible}
.footer-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}
.footer-socials a{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--solid-card);font:700 9px/1 "DM Mono",monospace;text-decoration:none;transition:color .2s,border-color .2s,background .2s,transform .2s var(--ease)}
.footer-socials a:hover{color:var(--ink);border-color:rgba(118,87,255,.3);background:var(--brand-soft);transform:translateY(-1px)}
.footer-socials a.is-producthunt{color:#d9512c;border-color:rgba(255,97,84,.34);background:rgba(255,97,84,.07)}
@media(max-width:760px){.footer-socials{gap:6px;padding-top:15px}.footer-socials a{padding:6px 9px;font-size:8px}}


/* ========================================================================
   V52 — compact social dock + Product Hunt badge + uncropped Kaptr.me mark
   ======================================================================== */
/* The WebP itself owns its edge/border treatment. Never round, mask, clip,
   pad, filter or scale the bitmap inside the navigation/footer mark. */
.brand-logo{
  display:block!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  max-width:none!important;
  max-height:none!important;
  flex:0 0 32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  overflow:visible!important;
}
.brand,.brand-footer{overflow:visible!important}

/* Socials live in the already-existing footer-bottom row so they no longer
   create a dedicated footer band. */
.footer-bottom{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}
.footer-socials{
  grid-column:2;
  grid-row:1;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:5px;
}
.footer-bottom>span{grid-column:1;grid-row:1}
.footer-bottom>div{grid-column:3;grid-row:1}
.footer-socials>a{
  position:relative;
  flex:0 0 auto;
  width:30px;
  height:30px;
  min-height:30px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.11);
  border-radius:9px;
  color:#b9bac5;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  text-decoration:none;
  transition:transform .18s var(--ease),color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.footer-socials>a:hover{
  color:var(--social-brand,#fff);
  border-color:color-mix(in srgb,var(--social-brand,#fff) 46%,rgba(255,255,255,.12));
  background:color-mix(in srgb,var(--social-brand,#fff) 11%,rgba(255,255,255,.045));
  box-shadow:0 7px 18px color-mix(in srgb,var(--social-brand,#fff) 13%,transparent),inset 0 1px rgba(255,255,255,.05);
  transform:translateY(-2px);
}
.footer-socials>a:active{
  color:var(--social-brand,#fff);
  background:color-mix(in srgb,var(--social-brand,#fff) 16%,#111118);
  transform:translateY(0) scale(.96);
}
.footer-socials>a:focus-visible{
  outline:2px solid #8f7cff;
  outline-offset:2px;
  color:#fff;
}
.social-icon{
  display:block;
  width:14px;
  height:14px;
  fill:currentColor;
  color:inherit;
  overflow:visible;
}
.social-icon .social-cutout{fill:#08080d}
.social-label{
  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;
}
.footer-socials a[href*="x.com"]{--social-brand:#fff}
.footer-socials a[href*="linkedin.com"]{--social-brand:#0a66c2}
.footer-socials a[href*="instagram.com"]{--social-brand:#e4405f}
.footer-socials a[href*="youtube.com"]{--social-brand:#ff0033}
.footer-socials a[href*="tiktok.com"]{--social-brand:#25f4ee}
.footer-socials a[href*="medium.com"]{--social-brand:#fff}
.footer-socials a[href*="facebook.com"]{--social-brand:#5b9dff}

.footer-socials>a.is-producthunt{
  --social-brand:#ff6154;
  width:auto;
  height:30px;
  min-width:112px;
  padding:4px 9px 4px 5px;
  grid-template-columns:20px auto;
  gap:7px;
  border-radius:9px;
  border-color:rgba(255,97,84,.3);
  color:#f5f5f7;
  background:linear-gradient(180deg,rgba(255,97,84,.105),rgba(255,97,84,.045));
}
.footer-socials>a.is-producthunt:hover{
  color:#fff;
  border-color:rgba(255,97,84,.62);
  background:linear-gradient(180deg,rgba(255,97,84,.18),rgba(255,97,84,.08));
  box-shadow:0 8px 22px rgba(255,97,84,.11),inset 0 1px rgba(255,255,255,.05);
}
.ph-mark{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  color:#fff;
  background:#ff6154;
  font:900 12px/1 Arial,sans-serif;
  box-shadow:inset 0 1px rgba(255,255,255,.2);
}
.ph-copy{display:grid;gap:1px;text-align:left;white-space:nowrap}
.ph-copy small{color:#9fa0aa;font:700 5.5px/1 "DM Mono",monospace;letter-spacing:.07em;text-transform:uppercase}
.ph-copy b{color:#f4f4f7;font:800 8.5px/1.05 Inter,sans-serif;letter-spacing:-.01em}

@media(max-width:980px){
  .footer-bottom{grid-template-columns:auto 1fr;gap:14px 18px}
  .footer-socials{grid-column:1/-1;grid-row:1;justify-content:flex-start}
  .footer-bottom>span{grid-column:1;grid-row:2}
  .footer-bottom>div{grid-column:2;grid-row:2;justify-self:end}
}
@media(max-width:760px){
  .brand-logo{width:30px!important;height:30px!important;min-width:30px!important;flex-basis:30px!important}
  .footer-bottom{display:grid;grid-template-columns:1fr;gap:13px}
  .footer-socials{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap;gap:5px}
  .footer-bottom>span,.footer-bottom>div{grid-column:1;grid-row:auto;justify-self:start}
  .footer-socials>a{width:29px;height:29px;min-height:29px}
  .footer-socials>a.is-producthunt{width:auto;height:29px;min-width:108px}
}

/* ==========================================================================
   V56 — larger, shorter How it works with concrete demos already used onsite.
   Scoped to the home explainer only.
   ========================================================================== */
.kaptr-how{position:relative;z-index:2;width:min(1180px,100%);margin:70px auto 0;display:grid;gap:48px}
.kaptr-how-head{max-width:980px;margin:0 auto 4px;text-align:center}
.kaptr-how-head .kicker{justify-content:center;margin:0 0 14px}
.kaptr-how-head h2{margin:0;font-size:clamp(66px,7.8vw,112px);line-height:.84;letter-spacing:-.082em}
.kaptr-how-step{display:grid;grid-template-columns:minmax(0,.64fr) minmax(0,1.06fr);gap:68px;align-items:center}
.kaptr-how-step.is-reverse .kaptr-how-copy{order:2}
.kaptr-how-step.is-reverse .kaptr-how-visual{order:1}
.kaptr-how-copy{max-width:430px;display:grid;grid-template-columns:42px 1fr;gap:18px;align-items:start}
.kaptr-how-number{padding-top:6px;color:var(--ink);font:800 18px/1 "DM Mono",monospace;letter-spacing:-.04em}
.kaptr-how-copy h3{margin:0;font-size:clamp(32px,3.4vw,54px);line-height:.98;letter-spacing:-.06em}
.kaptr-how-copy p{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.kaptr-how-visual{position:relative;min-height:376px;padding:20px;border-radius:32px;background:linear-gradient(135deg,rgba(99,217,255,.20),rgba(235,230,255,.76) 47%,rgba(118,87,255,.24));box-shadow:0 34px 90px rgba(37,31,82,.11);overflow:hidden;isolation:isolate}
.kaptr-how-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 12%,rgba(255,255,255,.82),transparent 29%),radial-gradient(circle at 90% 88%,rgba(255,105,225,.17),transparent 25%);pointer-events:none}
.kaptr-how-window{position:relative;z-index:1;height:336px;border:1px solid rgba(8,8,14,.08);border-radius:24px;background:rgba(255,255,255,.90);box-shadow:0 20px 50px rgba(27,21,77,.17);overflow:hidden;backdrop-filter:blur(10px)}
.kaptr-how-topbar{height:38px;padding:0 14px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(16,16,20,.08);color:#818395;font:600 8px/1 "DM Mono",monospace;letter-spacing:.075em;text-transform:uppercase}
.kaptr-how-topbar span{display:flex;gap:5px}.kaptr-how-topbar span i{width:7px;height:7px;border-radius:50%;background:#e1e1ea}.kaptr-how-topbar b{font:600 8px/1 "DM Mono",monospace}

/* Step 1 — real CoinGecko-style Bitcoin capture. */
.kaptr-how-browser{display:grid;grid-template-columns:88px 1fr;height:298px}
.kaptr-how-side{padding:18px 13px;display:grid;align-content:start;gap:12px;background:#12131b}.kaptr-how-side i{height:8px;border-radius:99px;background:rgba(255,255,255,.12)}.kaptr-how-side i:first-child{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--blue))}
.kaptr-how-page{position:relative;padding:22px 24px 18px;color:#171820;background:#fbfbfe}.kaptr-how-btc-head{display:flex;align-items:center;justify-content:space-between}.kaptr-how-btc-head>span{display:grid;grid-template-columns:32px auto;column-gap:9px;align-items:center}.kaptr-how-btc-head>span i{grid-row:span 2;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#f59d19;font-style:normal;font-weight:900}.kaptr-how-btc-head b{font-size:12px}.kaptr-how-btc-head small{color:#8a8d9b;font:500 7px "DM Mono",monospace}.kaptr-how-btc-head em{padding:6px 8px;border-radius:8px;color:#b85b61;background:#fff0f1;font:700 8px "DM Mono",monospace;font-style:normal}.kaptr-how-btc-price{display:block;margin-top:18px;font-size:28px;letter-spacing:-.05em}
.kaptr-how-graph{position:relative;height:136px;margin-top:12px;border:1px solid #ececf3;border-radius:16px;background-image:linear-gradient(#f0f0f5 1px,transparent 1px),linear-gradient(90deg,#f4f4f8 1px,transparent 1px);background-size:100% 25%,25% 100%;overflow:hidden}.kaptr-how-graph span{position:absolute;left:-3%;right:-3%;top:55%;height:3px;background:linear-gradient(90deg,var(--violet),var(--blue),var(--cyan));transform:rotate(-7deg);border-radius:99px;animation:kaptrHowChartDraw 3.2s var(--ease) infinite}.kaptr-how-graph>i{position:absolute;bottom:0;width:9%;height:var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,rgba(118,87,255,.72),rgba(33,137,255,.18));opacity:.55}.kaptr-how-graph>i:nth-of-type(1){left:8%;--h:32%}.kaptr-how-graph>i:nth-of-type(2){left:27%;--h:51%}.kaptr-how-graph>i:nth-of-type(3){left:46%;--h:42%}.kaptr-how-graph>i:nth-of-type(4){left:65%;--h:68%}.kaptr-how-graph>i:nth-of-type(5){left:84%;--h:59%}
.kaptr-how-select{position:absolute;left:20px;right:20px;top:116px;height:161px;border:2px solid var(--violet);border-radius:14px;box-shadow:0 0 0 999px rgba(16,16,20,.12);animation:kaptrHowSelectPulse 2.7s ease-in-out infinite}.kaptr-how-select b{position:absolute;right:-2px;top:-29px;padding:7px 10px;border-radius:8px 8px 0 8px;color:#fff;background:var(--violet);font:800 7px/1 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.kaptr-how-extension{position:absolute;z-index:3;right:18px;top:18px;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#fff;background:#101118;box-shadow:0 22px 50px rgba(11,11,18,.30);animation:kaptrHowFloat 4s ease-in-out infinite}.kaptr-how-extension>i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--violet),var(--blue));font-style:normal}.kaptr-how-extension>span{display:grid}.kaptr-how-extension b{font-size:8px}.kaptr-how-extension small{color:#868a98;font-size:6px}

/* Step 2 — the same Finance workflow demonstrated in the live story. */
.kaptr-how-board{display:grid;grid-template-columns:80px 1fr;height:298px;color:#fff;background:#0e1018}.kaptr-how-board-side{padding:18px 12px;display:grid;align-content:start;gap:14px;border-right:1px solid rgba(255,255,255,.08)}.kaptr-how-board-side i{height:9px;border-radius:99px;background:rgba(255,255,255,.12)}.kaptr-how-board-side i:first-child{height:34px;border-radius:12px;background:linear-gradient(135deg,var(--violet),var(--blue))}.kaptr-how-board-main{position:relative;padding:16px;background-color:#111722;background-image:linear-gradient(rgba(72,135,200,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(72,135,200,.09) 1px,transparent 1px);background-size:22px 22px}.kaptr-how-board-title{height:27px;display:flex;align-items:center;justify-content:space-between}.kaptr-how-board-title b{font-size:11px}.kaptr-how-board-title small{color:#737b8c;font:500 6px "DM Mono",monospace}.kaptr-how-board-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.how-finance-card{position:relative;min-height:103px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:#1a1b25;box-shadow:0 12px 28px rgba(0,0,0,.16);animation:kaptrHowCardFloat 5s ease-in-out infinite}.how-finance-card small,.how-finance-card b,.how-finance-card strong,.how-finance-card em{display:block}.how-finance-card small{color:#747b8d;font:500 5.5px "DM Mono",monospace}.how-finance-card b{margin-top:4px;font-size:8px}.how-finance-card strong{margin-top:9px;font-size:18px;letter-spacing:-.04em}.how-finance-card em{margin-top:3px;color:#68dba9;font-size:6px;font-style:normal}.how-finance-card.is-btc em,.how-finance-card.is-etf em{color:#dc848b}.how-finance-card.is-btc{background:radial-gradient(circle at 90% 0,rgba(118,87,255,.16),transparent 45%),#1a1b25;animation-delay:-1s}.how-finance-card.is-watch{animation-delay:-2s}.how-finance-card.is-etf{animation-delay:-1.4s}.how-finance-card.is-watch div{height:38px;margin-top:12px;display:flex;align-items:end;gap:5px}.how-finance-card.is-watch i{flex:1;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--cyan),var(--blue))}.how-finance-card.is-watch i:nth-child(1){--h:35%}.how-finance-card.is-watch i:nth-child(2){--h:74%}.how-finance-card.is-watch i:nth-child(3){--h:55%}.how-finance-card.is-watch i:nth-child(4){--h:88%}
.kaptr-how-added{position:absolute;right:14px;bottom:13px;padding:8px 10px;display:flex;align-items:center;gap:7px;border:1px solid rgba(76,228,155,.16);border-radius:10px;color:#fff;background:rgba(13,23,25,.92);box-shadow:0 14px 34px rgba(0,0,0,.25);animation:kaptrHowToast 4.4s var(--ease) infinite}.kaptr-how-added>i{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;color:#102019;background:#4ce49b;font-style:normal;font-size:8px;font-weight:900}.kaptr-how-added>span{display:grid}.kaptr-how-added b{font-size:7px}.kaptr-how-added small{color:#73847e;font-size:5px}

/* Step 3 — real refresh metrics already demonstrated by the page. */
.kaptr-how-refresh-scene{height:298px;padding:17px;background:#111722;color:#fff}.kaptr-how-refresh-head{display:flex;align-items:center;justify-content:space-between}.kaptr-how-refresh-head>span{display:grid}.kaptr-how-refresh-head small{color:#768094;font:500 6px "DM Mono",monospace;letter-spacing:.1em}.kaptr-how-refresh-head span>b{margin-top:2px;font-size:10px}.kaptr-how-refresh-head>div{padding:7px 10px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#1a1c28}.kaptr-how-refresh-head>div i{width:22px;height:22px;display:grid;place-items:center;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--violet),var(--blue));font-style:normal;animation:kaptrHowSpin 1.15s linear infinite}.kaptr-how-refresh-head>div b{font-size:7px}.kaptr-how-refresh-grid{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.kaptr-how-refresh-grid article{position:relative;min-height:87px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));overflow:hidden;animation:kaptrHowRefreshTile 4s var(--ease) infinite}.kaptr-how-refresh-grid article:nth-child(2){animation-delay:.18s}.kaptr-how-refresh-grid article:nth-child(3){animation-delay:.34s}.kaptr-how-refresh-grid article:nth-child(4){animation-delay:.50s}.kaptr-how-refresh-grid small{display:block;color:#778196;font:500 5.5px "DM Mono",monospace}.kaptr-how-refresh-grid strong{position:relative;display:block;height:29px;margin-top:8px;font-size:19px;letter-spacing:-.04em}.kaptr-how-refresh-grid strong span,.kaptr-how-refresh-grid strong b{position:absolute;left:0;top:0}.kaptr-how-refresh-grid strong span{color:#f4f6fb;animation:kaptrHowOldValue 4s ease-in-out infinite}.kaptr-how-refresh-grid strong b{color:#8ff0c3;opacity:0;transform:translateY(7px);animation:kaptrHowNewValue 4s var(--ease) infinite}.kaptr-how-refresh-grid article:nth-child(2) strong span,.kaptr-how-refresh-grid article:nth-child(2) strong b{animation-delay:.18s}.kaptr-how-refresh-grid article:nth-child(3) strong span,.kaptr-how-refresh-grid article:nth-child(3) strong b{animation-delay:.34s}.kaptr-how-refresh-grid article:nth-child(4) strong span,.kaptr-how-refresh-grid article:nth-child(4) strong b{animation-delay:.50s}.kaptr-how-refresh-grid em{position:absolute;right:9px;top:9px;color:#63deb3;font:500 5px "DM Mono",monospace;font-style:normal;letter-spacing:.08em;opacity:0;animation:kaptrHowUpdated 4s ease-in-out infinite}.kaptr-how-refresh-grid article:nth-child(2) em{animation-delay:.18s}.kaptr-how-refresh-grid article:nth-child(3) em{animation-delay:.34s}.kaptr-how-refresh-grid article:nth-child(4) em{animation-delay:.50s}
.kaptr-how-refresh-status{margin-top:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(76,228,155,.12);border-radius:10px;color:#8ef0bd;background:rgba(76,228,155,.055)}.kaptr-how-refresh-status i{width:7px;height:7px;border-radius:50%;background:#4ce49b;box-shadow:0 0 0 4px rgba(76,228,155,.08)}.kaptr-how-refresh-status b{font-size:7px}.kaptr-how-refresh-status small{margin-left:auto;color:#718077;font-size:5.5px}

.hero-product.real-product-story{margin-top:34px}
[data-theme="dark"] .kaptr-how-number{color:#fff}
[data-theme="dark"] .kaptr-how-visual{box-shadow:0 32px 88px rgba(0,0,0,.28)}
[data-theme="dark"] .kaptr-how-window{border-color:rgba(255,255,255,.08);background:rgba(22,22,31,.95)}
[data-theme="dark"] .kaptr-how-topbar{border-bottom-color:rgba(255,255,255,.08);color:#9194a6}
[data-theme="dark"] .kaptr-how-topbar span i{background:#2e3041}
[data-theme="dark"] .kaptr-how-page{color:#f3f4f8;background:#11141d}
[data-theme="dark"] .kaptr-how-graph{border-color:#2a2d3d;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)}
@media(max-width:1050px){.kaptr-how{gap:34px}.kaptr-how-step{grid-template-columns:1fr;gap:20px}.kaptr-how-step.is-reverse .kaptr-how-copy,.kaptr-how-step.is-reverse .kaptr-how-visual{order:initial}.kaptr-how-copy{max-width:720px}.kaptr-how-visual{min-height:360px}}
@media(max-width:760px){.kaptr-how{margin-top:48px;gap:28px}.kaptr-how-head h2{font-size:64px}.kaptr-how-step{gap:14px}.kaptr-how-copy{grid-template-columns:30px 1fr;gap:12px}.kaptr-how-number{font-size:14px}.kaptr-how-copy h3{font-size:34px}.kaptr-how-copy p{margin-top:9px;font-size:11px}.kaptr-how-visual{min-height:278px;padding:11px;border-radius:22px}.kaptr-how-window{height:256px;border-radius:17px}.kaptr-how-topbar{height:31px;padding:0 10px}.kaptr-how-browser,.kaptr-how-board{height:225px}.kaptr-how-browser{grid-template-columns:58px 1fr}.kaptr-how-side{padding:11px 8px;gap:8px}.kaptr-how-side i:first-child{width:25px;height:25px}.kaptr-how-page{padding:13px}.kaptr-how-btc-head>span{grid-template-columns:24px auto;column-gap:6px}.kaptr-how-btc-head>span i{width:24px;height:24px}.kaptr-how-btc-price{margin-top:11px;font-size:21px}.kaptr-how-graph{height:94px;margin-top:8px}.kaptr-how-select{left:11px;right:11px;top:79px;height:120px}.kaptr-how-extension{right:9px;top:9px;padding:7px 8px}.kaptr-how-extension>i{width:20px;height:20px}.kaptr-how-board{grid-template-columns:54px 1fr}.kaptr-how-board-side{padding:11px 8px;gap:9px}.kaptr-how-board-main{padding:10px}.kaptr-how-board-title{height:22px}.kaptr-how-board-grid{gap:6px}.how-finance-card{min-height:75px;padding:8px;border-radius:10px}.how-finance-card strong{margin-top:5px;font-size:13px}.how-finance-card.is-watch div{height:24px;margin-top:7px}.kaptr-how-added{right:8px;bottom:7px;padding:6px 7px}.kaptr-how-refresh-scene{height:225px;padding:10px}.kaptr-how-refresh-head>div{padding:5px 7px}.kaptr-how-refresh-head>div i{width:18px;height:18px}.kaptr-how-refresh-grid{margin-top:8px;gap:6px}.kaptr-how-refresh-grid article{min-height:65px;padding:8px;border-radius:10px}.kaptr-how-refresh-grid strong{height:23px;margin-top:5px;font-size:14px}.kaptr-how-refresh-status{margin-top:7px;padding:6px 7px}.kaptr-how-refresh-status small{display:none}.hero-product.real-product-story{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.kaptr-how *{animation:none!important}.kaptr-how-refresh-grid strong span{opacity:0}.kaptr-how-refresh-grid strong b,.kaptr-how-refresh-grid em{opacity:1;transform:none}}
@keyframes kaptrHowFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes kaptrHowSelectPulse{0%,100%{box-shadow:0 0 0 999px rgba(16,16,20,.12),0 0 0 0 rgba(118,87,255,.22)}50%{box-shadow:0 0 0 999px rgba(16,16,20,.12),0 0 0 12px rgba(118,87,255,0)}}
@keyframes kaptrHowChartDraw{0%{clip-path:inset(0 100% 0 0)}34%,100%{clip-path:inset(0 0 0 0)}}
@keyframes kaptrHowCardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes kaptrHowToast{0%,15%{opacity:0;transform:translateY(8px) scale(.97)}28%,78%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes kaptrHowSpin{to{transform:rotate(360deg)}}
@keyframes kaptrHowRefreshTile{0%,36%{border-color:rgba(255,255,255,.08);transform:none;box-shadow:none}52%,78%{border-color:rgba(83,222,176,.45);transform:translateY(-2px);box-shadow:0 10px 28px rgba(44,185,139,.10)}100%{border-color:rgba(255,255,255,.08);transform:none;box-shadow:none}}
@keyframes kaptrHowOldValue{0%,35%{opacity:1;transform:none}48%,100%{opacity:0;transform:translateY(-7px)}}
@keyframes kaptrHowNewValue{0%,37%{opacity:0;transform:translateY(7px)}52%,82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
@keyframes kaptrHowUpdated{0%,43%{opacity:0}55%,80%{opacity:1}100%{opacity:0}}
/* V57 — small polish on the V56 How it works only. */
.kaptr-how-head h2{font-size:clamp(54px,6.2vw,88px)}
@media(max-width:760px){.kaptr-how-head h2{font-size:50px}}

/* V58b — static, realistic Bitcoin chart in “Capture what matters”. */
.kaptr-how-graph{
  height:142px;
  padding:28px 10px 18px;
}
.kaptr-how-graph::before{
  content:"BTC / USD · 24H";
  position:absolute;left:11px;top:9px;
  color:#8b8fa1;font:600 7px/1 "DM Mono",monospace;letter-spacing:.08em;
}
.kaptr-how-graph::after{
  content:"+2.41%";
  position:absolute;right:11px;top:9px;padding:4px 6px;
  border-radius:999px;color:#0f7b52;background:#e8fbf3;
  font:700 7px/1 "DM Mono",monospace;letter-spacing:.06em;
}
.kaptr-how-graph span{
  left:10px;right:10px;top:28px;bottom:18px;height:auto;
  display:block;border-radius:0;transform:none;animation:none!important;
  background:linear-gradient(180deg,rgba(118,87,255,.22),rgba(33,137,255,.08) 56%,rgba(33,137,255,0));
  clip-path:polygon(0 100%,0 76%,7% 71%,14% 66%,21% 70%,29% 56%,36% 59%,44% 45%,51% 50%,59% 33%,66% 38%,73% 25%,80% 29%,87% 15%,93% 20%,100% 5%,100% 100%);
}
.kaptr-how-graph span::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--violet),var(--blue),var(--cyan));
  clip-path:polygon(0 75%,2% 74%,7% 70%,14% 65%,21% 69%,29% 55%,36% 58%,44% 44%,51% 49%,59% 32%,66% 37%,73% 24%,80% 28%,87% 14%,93% 19%,100% 4%,100% 9%,93% 24%,87% 19%,80% 33%,73% 29%,66% 42%,59% 37%,51% 54%,44% 49%,36% 63%,29% 60%,21% 74%,14% 70%,7% 75%,2% 79%,0 80%);
  filter:drop-shadow(0 2px 4px rgba(118,87,255,.18));
}
.kaptr-how-graph>i{
  position:absolute;bottom:auto;left:var(--btc-x);top:var(--btc-y);
  width:8px;height:8px;border:2px solid var(--violet);border-radius:50%;
  background:#fff;box-shadow:0 0 0 3px rgba(118,87,255,.12);opacity:1;
}
.kaptr-how-graph>i:nth-of-type(1){--btc-x:8%;--btc-y:87px}
.kaptr-how-graph>i:nth-of-type(2){--btc-x:28%;--btc-y:68px}
.kaptr-how-graph>i:nth-of-type(3){--btc-x:49%;--btc-y:56px}
.kaptr-how-graph>i:nth-of-type(4){--btc-x:70%;--btc-y:38px}
.kaptr-how-graph>i:nth-of-type(5){--btc-x:91%;--btc-y:21px;width:10px;height:10px;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(33,137,255,.14)}
[data-theme="dark"] .kaptr-how-graph::before{color:#9ea3b5}
[data-theme="dark"] .kaptr-how-graph::after{color:#91f0c0;background:rgba(76,228,155,.14)}
[data-theme="dark"] .kaptr-how-graph>i{background:#151926;border-color:#8d72ff;box-shadow:0 0 0 3px rgba(141,114,255,.12)}
@media(max-width:760px){
  .kaptr-how-graph{height:102px;padding:21px 8px 12px}
  .kaptr-how-graph::before{left:8px;top:7px;font-size:6px}
  .kaptr-how-graph::after{right:8px;top:7px;padding:3px 5px;font-size:6px}
  .kaptr-how-graph>i{width:6px;height:6px}
  .kaptr-how-graph>i:nth-of-type(1){--btc-y:63px}
  .kaptr-how-graph>i:nth-of-type(2){--btc-y:52px}
  .kaptr-how-graph>i:nth-of-type(3){--btc-y:44px}
  .kaptr-how-graph>i:nth-of-type(4){--btc-y:32px}
  .kaptr-how-graph>i:nth-of-type(5){--btc-y:19px;width:8px;height:8px}
}

/* V59 — targeted dark-mode fixes + compact How it works / Ask AI. */

/* Keep the secondary hero CTA readable in dark mode. */
[data-theme="dark"] .hero-buttons .button-soft{
  color:#f7f7fb;
  border-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.065);
}
[data-theme="dark"] .hero-buttons .button-soft:hover{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.095);
}
[data-theme="dark"] .hero-buttons .button-soft .play-icon{
  color:#fff;
  background:#11131b;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

/* How it works: smaller heading and a calm dark shell instead of the bright halo. */
.kaptr-how-head h2{font-size:clamp(42px,4.6vw,64px)}
[data-theme="dark"] .kaptr-how-visual{
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(135deg,rgba(118,87,255,.105),rgba(33,137,255,.055) 58%,rgba(255,255,255,.025));
  box-shadow:0 24px 68px rgba(0,0,0,.24);
}
[data-theme="dark"] .kaptr-how-visual::before{
  background:radial-gradient(circle at 12% 14%,rgba(118,87,255,.09),transparent 30%),radial-gradient(circle at 88% 86%,rgba(33,137,255,.065),transparent 29%);
}
[data-theme="dark"] .kaptr-how-window{
  border-color:rgba(255,255,255,.085);
  box-shadow:0 16px 40px rgba(0,0,0,.28);
}

/* Ask AI: keep only the two facts needed to understand the diagnosis. */
.snapshot-powers .commerce-ai-v6 .ops-context-v4 span:nth-child(2),
.snapshot-powers .commerce-ai-v6 .ops-context-v4 span:nth-child(4){display:none}
.snapshot-powers .commerce-ai-v6{padding:10px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4{padding:7px 8px 8px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span{grid-template-columns:22px auto;column-gap:7px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span i{width:22px;height:22px;font-size:8px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span b{font-size:10px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>span small{font-size:6px}
.snapshot-powers .commerce-ai-v6 .ai-demo-topbar-v4>em{padding:5px 7px;font-size:6px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:7px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 span{min-height:52px;padding:8px 9px;border-radius:10px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 small{font-size:6px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 b{margin-top:4px;font-size:14px}
.snapshot-powers .commerce-ai-v6 .ops-context-v4 em{margin-top:2px;font-size:6px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4{min-height:88px;margin-top:7px;padding:10px 10px 8px;border-radius:12px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4>small{font-size:6px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-composer-line{min-height:38px;margin-top:6px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-composer-line p{font-size:13px;line-height:1.28}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-scope-pill{padding:5px 7px;font-size:6px}
.snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 button{width:31px;height:31px;border-radius:9px;font-size:14px}
.snapshot-powers .commerce-ai-v6 .ai-demo-thinking-v4{margin-top:6px;padding:6px 8px;font-size:6px}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4{margin-top:6px;padding:9px 10px;grid-template-columns:18px 1fr;gap:8px;border-radius:11px}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4>span{font-size:10px}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4 p{font-size:8.5px;line-height:1.38}
.snapshot-powers .commerce-ai-v6 .ops-answer-v4 p em{margin-top:3px;font-size:8px}
@media(min-width:1181px){
  .snapshot-powers .snapshot-power-bento-v4 .power-card-ai{min-height:395px}
}
@media(max-width:760px){
  .kaptr-how-head h2{font-size:38px}
  .snapshot-powers .commerce-ai-v6 .ops-context-v4{grid-template-columns:1fr 1fr}
  .snapshot-powers .commerce-ai-v6 .ops-context-v4 span{min-height:48px;padding:7px}
  .snapshot-powers .commerce-ai-v6 .ai-demo-composer-v4 .ai-composer-line p{font-size:12px}
}

/* ==========================================================================
   V61b — one canonical footer everywhere.
   Social dock left · copyright centered · legal links right.
   ========================================================================== */
footer .footer-main.footer-main nav{display:flex;gap:22px;flex-wrap:wrap}
footer .footer-bottom.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-content:normal;gap:18px}
.footer-bottom>.footer-socials{grid-column:1;grid-row:1;justify-self:start;justify-content:flex-start;min-width:0;margin:0;padding:0;border:0;display:flex;align-items:center;flex-wrap:nowrap;gap:5px}
.footer-bottom>span{grid-column:2;grid-row:1;justify-self:center;text-align:center}
footer .footer-bottom.footer-bottom>div{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:18px;flex-wrap:wrap}
.footer-bottom>.footer-socials>a{position:relative;flex:0 0 auto;width:30px;height:30px;min-height:30px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:9px;color:#b9bac5;background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.035);font:700 9px/1 "DM Mono",monospace;text-decoration:none;transition:transform .18s var(--ease),color .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.footer-bottom>.footer-socials>a:hover{color:var(--social-brand,#fff);border-color:color-mix(in srgb,var(--social-brand,#fff) 46%,rgba(255,255,255,.12));background:color-mix(in srgb,var(--social-brand,#fff) 11%,rgba(255,255,255,.045));box-shadow:0 7px 18px color-mix(in srgb,var(--social-brand,#fff) 13%,transparent),inset 0 1px rgba(255,255,255,.05);transform:translateY(-2px)}
.footer-bottom>.footer-socials>a:active{color:var(--social-brand,#fff);background:color-mix(in srgb,var(--social-brand,#fff) 16%,#111118);transform:translateY(0) scale(.96)}
.footer-bottom>.footer-socials>a:focus-visible{outline:2px solid #8f7cff;outline-offset:2px;color:#fff}
.footer-bottom>.footer-socials>a.is-producthunt{width:auto;height:30px;min-width:112px;padding:4px 9px 4px 5px;grid-template-columns:20px auto;gap:7px;border-radius:9px;border-color:rgba(255,97,84,.3);color:#f5f5f7;background:linear-gradient(180deg,rgba(255,97,84,.105),rgba(255,97,84,.045))}
.footer-bottom>.footer-socials>a.is-producthunt:hover{color:#fff;border-color:rgba(255,97,84,.62);background:linear-gradient(180deg,rgba(255,97,84,.18),rgba(255,97,84,.08));box-shadow:0 8px 22px rgba(255,97,84,.11),inset 0 1px rgba(255,255,255,.05)}
@media(max-width:980px){
  footer .footer-bottom.footer-bottom{grid-template-columns:minmax(0,1fr) auto;gap:14px 18px}
  .footer-bottom>.footer-socials{grid-column:1;grid-row:1;justify-self:start}
  .footer-bottom>span{grid-column:2;grid-row:1;justify-self:end}
  footer .footer-bottom.footer-bottom>div{grid-column:1/-1;grid-row:2;justify-self:start}
}
@media(max-width:760px){
  footer .footer-bottom.footer-bottom{grid-template-columns:1fr;gap:12px}
  .footer-bottom>.footer-socials{grid-column:1;grid-row:1;justify-self:start;justify-content:flex-start;flex-wrap:wrap}
  .footer-bottom>span{grid-column:1;grid-row:2;justify-self:center}
  footer .footer-bottom.footer-bottom>div{grid-column:1;grid-row:3;justify-self:center;text-align:center}
}

/* V40 — proof-led homepage, FAQ, and scroll/LCP safeguards */
.social-proof-section{padding:128px 0;background:var(--paper)}
.social-proof-heading{max-width:880px}.social-proof-heading h2{margin:0;font-size:clamp(48px,6vw,80px);line-height:.94;letter-spacing:-.066em}.social-proof-heading h2 em{color:var(--violet);font-family:"Instrument Serif",serif;font-weight:400}.social-proof-heading>p:last-child{max-width:680px;margin:24px 0 0;color:var(--muted);font-size:15px}
.testimonial-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.testimonial-card{min-height:280px;margin:0;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:0 18px 54px rgba(37,31,82,.06)}.testimonial-card blockquote{margin:0;color:var(--ink);font-size:17px;line-height:1.55;letter-spacing:-.025em}.testimonial-card figcaption{margin-top:28px;padding-top:18px;display:grid;border-top:1px solid var(--line)}.testimonial-card figcaption b{font-size:11px}.testimonial-card figcaption span{margin-top:4px;color:var(--muted);font:7px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em}
.faq-section{padding:128px 0;background:var(--paper-2);border-top:1px solid var(--line)}.faq-shell{display:grid;grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);gap:86px;align-items:start}.faq-intro{position:sticky;top:112px}.faq-intro h2{margin:0;font-size:clamp(44px,5vw,68px);line-height:.95;letter-spacing:-.064em}.faq-intro h2 em{color:var(--violet);font-family:"Instrument Serif",serif;font-weight:400}.faq-intro>p:not(.kicker){max-width:480px;margin:22px 0 0;color:var(--muted);font-size:14px}.faq-intro>a{margin-top:24px;display:inline-flex;gap:8px;color:var(--ink);font-size:11px;font-weight:800}
.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{position:relative;padding:23px 42px 23px 0;cursor:pointer;list-style:none;color:var(--ink);font-size:17px;font-weight:780;letter-spacing:-.025em}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:4px;top:50%;color:var(--violet);font-size:22px;font-weight:500;transform:translateY(-50%)}.faq-list details[open] summary::after{content:"−"}.faq-list details p{max-width:720px;margin:-3px 44px 22px 0;color:var(--muted);font-size:13px;line-height:1.7}
.snapshot-powers,.dashboard-section,.ai-section,.social-proof-section,.security-section,.faq-section,.final-cta{content-visibility:auto;contain-intrinsic-size:auto 900px}
body.is-scrolling [data-spotlight]::before{opacity:0!important}
@media(max-width:900px){.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:0}.faq-shell{grid-template-columns:1fr;gap:42px}.faq-intro{position:static}}
@media(max-width:760px){.social-proof-section,.faq-section{padding:86px 0}.social-proof-heading h2,.faq-intro h2{font-size:46px}.testimonial-card{padding:23px}.testimonial-card blockquote{font-size:15px}}

/* V41 copy/readability refinements */
.snapshot-powers .snapshot-source-title{font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.058em}
.readable-serif{font-family:Georgia,"Times New Roman",serif!important;font-style:italic!important;font-weight:400!important;letter-spacing:-.035em!important}
.social-proof-heading h2 .readable-serif,.faq-intro h2 .readable-serif{font-size:.96em}
@media(max-width:760px){.snapshot-powers .snapshot-source-title{font-size:42px}}

/* V42 scroll + rendering performance: keep rich demos, but never let them compete with page movement. */
.kaptr-how{content-visibility:auto;contain-intrinsic-size:auto 1320px}.hero-product{content-visibility:auto;contain-intrinsic-size:auto 720px}
[data-hero-demo],.power-refresh-visual,[data-power-ai-demo],[data-workspace-demo],[data-ai-story]{contain:layout paint}
body.is-scrolling .site-header.scrolled{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:color-mix(in srgb,var(--paper) 96%,transparent);box-shadow:0 5px 18px rgba(26,20,72,.07)}
body.is-scrolling .kaptr-how *,body.is-scrolling .hero-product *,body.is-scrolling .snapshot-powers *,body.is-scrolling .dashboard-section *,body.is-scrolling .ai-section *{animation-play-state:paused!important}
body.is-scrolling .hero-product,body.is-scrolling .hero-product *,body.is-scrolling .dashboard-section,body.is-scrolling .dashboard-section *,body.is-scrolling .ai-section,body.is-scrolling .ai-section *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}