/* Connected story: problem, replacement, manual use, AI scale, existing code. */
.hero h1{font-size:clamp(48px,4.7vw,68px);line-height:1.07}
.story-stage{height:650px;container-type:inline-size}
.story-stage .stage-top{z-index:5}
.story-stage .stage-top>span{font-size:8px;letter-spacing:.1em}
.story-slide{position:absolute;inset:0;animation:story-enter .45s ease both}
@keyframes story-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.story-heading{position:absolute;top:68px;left:7%;right:6%;z-index:3}
.story-kicker{display:block;font:700 9px/1.5 var(--font);letter-spacing:.12em;color:var(--brand);margin-bottom:11px}
.story-heading h3{font-size:34px;font-size:clamp(28px,6.1cqw,37px);letter-spacing:-.045em;line-height:1.1;color:#f0efff}
.story-heading>p{font-size:13px;line-height:1.65;margin-top:12px;max-width:420px;color:#aab3d5}
.story-micro{font-size:8px;font-weight:700;letter-spacing:.11em;color:#95a2cd;display:block;position:absolute;top:-19px;left:2px}
.signal-story{position:absolute;top:240px;height:200px;left:7%;right:7%}
.signal-pieces{position:absolute;left:0;top:0;width:43%;display:flex;flex-direction:column;gap:10px;z-index:2}
.signal-pieces>div{height:54px;display:flex;align-items:center;gap:12px;padding:8px 13px;background:#252c50;border:1px solid #96a3de42;border-radius:9px;transform:rotate(-3deg);box-shadow:0 8px 24px #060b2520}
.signal-pieces>div:nth-child(2){transform:rotate(2deg);background:#293253}
.signal-pieces>div:nth-child(3){transform:rotate(-2deg)}
.signal-pieces .icon{width:22px;height:22px;color:#b1bce5}
.signal-pieces span{font-size:9px;color:#9dadd1;line-height:1.5}
.signal-pieces b{display:block;font-size:13px;font-weight:600;color:#e8edff}
.signal-curves{position:absolute;inset:0;width:100%;height:100%;stroke:#ac8aaab3;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;z-index:1;overflow:visible}
.signature-card{position:absolute;right:0;top:-2px;width:41%;height:192px;border:1px solid #eb829667;border-radius:13px;padding:19px 15px;background:linear-gradient(135deg,#3d2a46,#2b2c4e);transform:rotate(4deg);display:flex;flex-direction:column;align-items:center;box-shadow:0 17px 32px #05092533;z-index:2}
.signature-avatar{width:49px;height:49px;display:grid;place-items:center;background:#ff6b7010;border:1px solid #ff819537;border-radius:13px;margin-bottom:12px}
.signature-avatar img{width:31px;height:31px;opacity:.9}
.signature-card>span{font-size:7px;letter-spacing:.08em;font-weight:700;color:#d4a6bd}
.signature-card>strong{font-family:var(--display);font-size:22px;line-height:1.1;text-align:center;font-weight:500;margin-top:7px;letter-spacing:-.03em}
.signature-barcode{width:68px;height:11px;margin-top:13px;opacity:.4;background:repeating-linear-gradient(90deg,#ffcedb 0 2px,transparent 2px 5px,#ffcedb 5px 6px,transparent 6px 9px)}
.story-takeaway{position:absolute;top:470px;left:7%;right:7%;display:flex;gap:12px;align-items:center;padding:15px 17px;border:1px solid #e9b3c3;border-radius:10px;background:#f6d4de;color:#462342;transform:rotate(-1.4deg);box-shadow:0 15px 30px #080d2525}
.takeaway-icon{display:grid;place-items:center;flex-shrink:0}.takeaway-icon .icon{width:27px;height:27px}
.story-takeaway div>span{display:block;font-size:8px;font-weight:800;letter-spacing:.09em;margin-bottom:4px;color:#7a3c58}
.story-takeaway strong{font-size:13px;line-height:1.55;font-weight:700;display:block}

.story-ai .story-heading h3{max-width:300px}
.hero-agent-capture{position:absolute;right:7%;top:174px;width:44%;border:1px solid #c3c7e8;border-radius:7px;overflow:hidden;transform:rotate(5deg);box-shadow:0 20px 40px #06092555;background:#e8eafa}
.hero-agent-capture img{width:100%;height:auto}
.hero-agent-capture>span{display:block;background:#e7e9f8;color:#5e6692;font-size:6px;font-weight:700;letter-spacing:.08em;padding:5px;text-align:center}
.hero-task-card{position:absolute;top:239px;left:7%;width:73%;padding:19px 21px;background:#f1eefb;border:1px solid #fff;border-radius:12px;transform:rotate(-3deg);box-shadow:0 13px 35px #080c353d;z-index:2;color:#262447}
.hero-task-card>span{display:flex;gap:8px;align-items:center;font-size:8px;font-weight:800;letter-spacing:.09em;color:#756086}
.hero-task-card>span .icon{width:15px;height:15px;color:#b13e62}
.hero-task-card>p{font-size:19px;font-size:clamp(15px,3.5cqw,21px);font-weight:600;letter-spacing:-.025em;line-height:1.55;color:#322c50;margin-top:11px}
.hero-task-card mark{background:#f9cfdc;color:#6e284d;border-radius:3px;padding:1px 3px}
.hero-task-card>div{display:flex;align-items:center;gap:6px;border-top:1px solid #c6b4d55e;margin-top:13px;padding-top:11px;font-family:Consolas,monospace;font-size:10px;color:#71577f}
.hero-task-card>div .icon{width:13px;height:13px}
.hero-task-card>div span{font:9px/1.5 var(--font);margin-left:auto;color:#89769a}
.hero-runs{position:absolute;top:453px;left:7%;right:7%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.hero-runs>div{border:1px solid #a7abe149;border-radius:7px;background:#242a49;overflow:hidden;box-shadow:0 8px 20px #080b2525}
.hero-runs>div>span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-bottom:1px solid #9ba4d922;font-size:9px;color:#c4cce8}
.hero-runs .icon{width:12px;height:12px}
.hero-runs b{display:flex;align-items:center;gap:4px;padding:10px 8px;font-size:8px;color:#d8c2de;font-weight:500;white-space:nowrap}
.hero-runs b .icon{color:#ed97b1}
.story-outcome{position:absolute;top:534px;left:7%;right:7%;display:grid;grid-template-columns:19px 1fr;gap:4px 8px;align-items:center}
.story-outcome>.icon{width:18px;height:18px;color:var(--brand)}
.story-outcome strong{font-size:12px;font-weight:600;color:#e4dff7;line-height:1.4}
.story-outcome>span{grid-column:2;font-size:8px;color:#8f97b9}

.story-manual .story-heading h3{font-size:clamp(25px,5.9cqw,35px)}
.manual-key-strip{position:absolute;top:222px;left:7%;right:7%;padding:11px 14px;border:1px solid #cf809a49;border-radius:7px;background:#362b47;display:flex;align-items:center;gap:9px;font-size:11px;color:#dbd1e9}
.manual-key-strip>.icon{width:17px;height:17px;color:var(--brand)}
.manual-key-strip b{display:flex;align-items:center;gap:5px;margin-left:auto;font-weight:600;font-size:10px;color:#eeadc2}
.manual-key-strip b .icon{width:13px;height:13px}
.manual-story-board{position:absolute;top:291px;left:7%;right:7%;height:190px}
.profile-cards{position:absolute;left:0;top:11px;width:37%;height:165px;z-index:2}
.hero-profile{border:1px solid #9b9bd666;border-radius:11px;background:#282b4c;padding:17px 14px;box-shadow:0 12px 20px #080c2926}
.profile-back{position:absolute;top:-7px;left:4px;right:-4px;height:147px;transform:rotate(-11deg);color:#8998c5;display:flex;align-items:center;gap:7px;font-size:9px}
.profile-back>.icon{width:17px;height:17px}
.profile-front{position:absolute;inset:4px 0 0;display:flex;flex-direction:column;align-items:flex-start;transform:rotate(3deg);background:linear-gradient(135deg,#39345a,#252d4b);border-color:#c8abd183}
.profile-glyph{display:grid;place-items:center;width:37px;height:37px;border-radius:9px;background:#b58cbd18;color:#dbbbdf;border:1px solid #ce9ac936;margin-bottom:13px}
.profile-glyph>.icon{width:21px;height:21px}
.profile-front>span:nth-child(2){font-size:14px;font-weight:600;white-space:nowrap;letter-spacing:-.03em}
.profile-front small{font-size:8px;color:#b0adc9;margin-top:5px}
.profile-front>i{position:absolute;right:12px;top:13px;color:#ed9eb9}
.profile-front>i .icon{width:15px;height:15px}
.manual-curve{position:absolute;inset:0;width:100%;height:100%;stroke:#b68aaeb3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;z-index:1}
.profile-browser{position:absolute;right:0;top:-7px;width:54%;border:1px solid #999ed56e;background:#202745;border-radius:10px;overflow:hidden;transform:rotate(-3deg);z-index:2;box-shadow:0 16px 28px #090c2b33}
.profile-browser-bar{display:flex;align-items:center;gap:6px;height:29px;border-bottom:1px solid #939fd338;padding:0 11px;background:#ffffff03;font-size:8px;color:#b1bbda}
.profile-browser-bar .icon{width:12px;height:12px}.profile-browser-bar>span{margin-right:auto}.profile-browser-bar i{width:3px;height:3px;border-radius:50%;background:#8393b9}
.profile-browser-content{padding:13px}
.browser-profile-tag{display:flex;gap:6px;align-items:center;font-size:7px;letter-spacing:.1em;color:#b7b7d8;font-weight:700}
.browser-profile-tag>.icon{width:12px;height:12px;color:#d7a1b7}
.mini-browser-page{border:1px solid #8497d826;border-radius:4px;background:#2b3455;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px;margin:12px 0}
.mini-browser-page>div{grid-column:1/4;width:60%;height:4px;background:#7786b9;border-radius:2px;margin-bottom:3px}
.mini-browser-page>i{height:31px;border-radius:3px;background:linear-gradient(140deg,#6b70a84d,#8f6a8d4f)}
.mini-browser-page>i:nth-child(3){background:linear-gradient(140deg,#9c6c8a6b,#6f7dba47)}
.browser-ready{display:flex;gap:7px;align-items:center;font-size:9px;line-height:1.6;color:#e1cae2}
.browser-ready>.icon{width:16px;height:16px;color:#e7a6bb}
.manual-story-steps{position:absolute;top:487px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #939bd32b;padding-top:12px;color:#b3bbda}
.manual-story-steps>span{display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}
.manual-story-steps b{width:20px;height:20px;display:grid;place-items:center;border:1px solid #c18dab4a;border-radius:50%;font-family:var(--display);font-size:9px;color:#de9ab9}
.manual-story-steps>.icon{width:15px;height:15px;color:#727ca5}
.story-manual .story-outcome{top:536px}
.story-stage .stage-controls{bottom:22px;left:5%;right:5%;gap:5px;z-index:5;padding-top:10px;border-top:1px solid #b4b9ee20}
.story-stage .stage-controls button{font-size:9px;padding:6px 8px;gap:7px}
.story-stage .stage-controls button span{font-size:8px;opacity:.65}
.story-stage .stage-disclaimer{bottom:5px;font-size:8px}
@media(min-width:1500px){.story-stage{height:650px}.story-heading{top:75px}.signal-story{top:250px}.story-takeaway{top:480px}.hero-agent-capture{top:178px;width:42%}.hero-task-card{top:248px;width:72%}.hero-runs{top:470px}.story-outcome,.story-manual .story-outcome{top:552px}.manual-key-strip{top:232px}.manual-story-board{top:302px}.manual-story-steps{top:505px}}
@media(min-width:701px) and (max-width:920px){.hero{grid-template-columns:1fr;gap:36px}.hero-copy{max-width:650px}.hero h1{font-size:62px}.hero-description{font-size:17px;max-width:520px}.story-stage{width:100%;max-width:590px;justify-self:center}.story-heading h3{font-size:35px}.hero-task-card p{font-size:20px}.story-manual .story-heading h3{font-size:33px}}
@media(max-width:700px){.hero h1{font-size:clamp(43px,10vw,66px)}.hero h1 span br{display:block}.story-stage{height:650px}.story-heading{top:67px}.story-heading h3{font-size:clamp(29px,8.5cqw,36px)}.story-heading>p{font-size:12px;line-height:1.7;max-width:330px}.story-kicker{font-size:8px}.story-stage .stage-top{left:7%;right:6%}.story-stage .stage-top>span{font-size:6.5px;letter-spacing:.08em}.signal-story{top:260px}.signal-pieces>div{gap:8px;padding:7px 10px}.signal-pieces .icon{width:18px;height:18px}.signal-pieces b{font-size:11px}.signal-pieces span{font-size:8px}.signature-card{padding:18px 9px;height:184px}.signature-card>span{font-size:5.8px;letter-spacing:.06em}.signature-card>strong{font-size:21px}.signature-avatar{width:41px;height:41px}.signature-avatar img{width:27px;height:27px}.story-micro{font-size:7px}.story-takeaway{top:480px;padding:15px 13px;gap:10px}.story-takeaway div>span{font-size:7px;line-height:1.6}.story-takeaway strong{font-size:12px}.takeaway-icon .icon{width:24px;height:24px}.hero-agent-capture{top:215px;right:7%;width:47%}.hero-task-card{top:278px;width:82%;padding:17px}.hero-task-card>p{font-size:clamp(15px,4.4cqw,19px)}.hero-task-card>span{font-size:7px}.hero-task-card>div span{font-size:7px}.hero-task-card>div{font-size:9px}.hero-runs{top:466px;gap:6px}.hero-runs>div>span{font-size:8px;padding:7px}.hero-runs b{font-size:6.8px;padding:10px 5px;gap:2px}.hero-runs b .icon{width:10px;height:10px}.story-outcome{top:551px;gap:5px 7px}.story-outcome strong{font-size:11px}.story-outcome>span{font-size:7px}.story-manual .story-heading h3{font-size:clamp(28px,7.8cqw,35px)}.manual-key-strip{top:239px;padding:11px 10px;font-size:10px;gap:7px}.manual-key-strip b{font-size:9px;gap:3px}.manual-story-board{top:309px}.profile-front{padding:16px 10px}.profile-front>span:nth-child(2){font-size:12px}.profile-front small{font-size:7px}.profile-front>i{right:8px}.profile-browser{width:55%}.profile-browser-content{padding:10px}.profile-browser-bar{padding-inline:8px;font-size:7px}.browser-profile-tag{font-size:6px;gap:3px;letter-spacing:.07em}.browser-profile-tag>.icon{width:10px}.mini-browser-page{padding:7px;gap:5px}.mini-browser-page>i{height:25px}.browser-ready{font-size:8px;gap:4px}.browser-ready>.icon{width:13px}.manual-story-steps{top:500px;padding-top:14px}.manual-story-steps>span{font-size:9px;gap:5px}.manual-story-steps>.icon{width:12px}.story-manual .story-outcome{top:553px}.story-stage .stage-controls{bottom:25px;left:5%;right:5%;gap:2px}.story-stage .stage-controls button{font-size:8px;padding:7px 4px;gap:4px}.story-stage .stage-controls button span{font-size:7px}.story-stage .stage-disclaimer{font-size:7px;bottom:8px}}
@media(max-width:375px){.hero h1{font-size:42px}.hero-task-card{padding:15px}.hero-task-card>p{font-size:15px}.hero-task-card>div span{font-size:6.5px}.hero-runs b{font-size:6.4px}.story-outcome strong{font-size:10px}.story-stage .stage-controls button{font-size:7.5px}.manual-key-strip{font-size:9px}.profile-front>span:nth-child(2){font-size:11px}.profile-front small{font-size:6.5px}}
@media(prefers-reduced-motion:reduce){.story-slide{animation:none}}
/* Keep the Agent capture below the subtitle and the result cards clear of the prompt. */
.hero-agent-capture{top:220px;width:36%}
.hero-task-card{top:252px;padding-block:17px}
.hero-runs{top:474px}
.story-ai .story-outcome{top:550px}
@media(max-width:700px){.story-stage{height:680px}.hero-agent-capture{top:250px;width:43%}.hero-task-card{top:293px;padding-block:15px}.hero-runs{top:493px}.story-ai .story-outcome{top:573px}}

/* The missing bridge: verified device data is applied by the native browser. */
.replacement-board{position:absolute;top:248px;left:7%;right:7%;height:230px}
.identity-vault{position:absolute;left:0;top:0;width:43%;padding:17px 13px 13px;border:1px solid #a791c765;border-radius:12px;background:linear-gradient(145deg,#393452,#262d4a);box-shadow:0 16px 30px #070b282e;transform:rotate(-3deg);z-index:2}
.vault-title{display:flex;align-items:center;gap:9px;margin-bottom:15px;color:#c4b6db}
.vault-title>.icon{width:23px;height:23px;flex-shrink:0;color:#e9a5bd}
.vault-title>span{font-size:7px;letter-spacing:.06em;line-height:1.8;font-weight:700}
.vault-identities{display:grid;gap:7px}
.vault-identities>span{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:8px;padding:8px 7px;border:1px solid #b8add72b;border-radius:5px;background:#1018303d;color:#d0cde5}
.vault-identities .icon{width:13px;height:13px;color:#b5a3d0;flex-shrink:0}
.vault-identities i{width:4px;height:4px;flex-shrink:0;border-radius:50%;background:#d296b4;margin-left:auto}
.vault-verified{display:flex;align-items:center;gap:5px;font-size:8px;color:#e9b9cd;margin-top:12px}
.vault-verified>.icon{width:13px;height:13px}
.replacement-arrow{position:absolute;inset:0;width:100%;height:100%;stroke:#c394b2;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.replaced-browser{position:absolute;right:0;top:29px;width:50%;border:1px solid #cf95ae73;border-radius:11px;background:#252741;box-shadow:0 16px 32px #060a262e;transform:rotate(3deg);overflow:hidden;z-index:2}
.replaced-browser-bar{display:flex;align-items:center;gap:5px;height:31px;background:#d097ae0b;border-bottom:1px solid #c9a0bc26;padding:0 11px}
.replaced-browser-bar>.icon{width:12px;height:12px;color:#b8accf;flex-shrink:0}
.replaced-browser-bar>span{font-size:6px;color:#c3afce;letter-spacing:.04em;margin-right:auto;font-weight:600}
.replaced-browser-bar>i{width:3px;height:3px;border-radius:50%;background:#967d9d}
.signature-replacement{padding:17px 13px 16px}
.signature-replacement>span{display:block;font-size:6px;letter-spacing:.08em;color:#a79ab7}
.old-signature{height:13px;display:flex;align-items:center;gap:4px;margin:8px 0 16px;opacity:.45;position:relative;width:80%}
.old-signature i{height:7px;border:1px solid #9b91b2;border-radius:3px;width:25%;transform:skewX(-14deg)}
.old-signature:after{content:'';height:1px;background:#e1a5bc;position:absolute;left:0;right:0;top:50%;transform:rotate(-5deg)}
.applied-identity{display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid #ecb2c3;border-radius:7px;background:#f1cfdb;color:#59334d;transform:rotate(-2deg)}
.applied-identity img{width:24px;height:24px;filter:none;opacity:.6}
.applied-identity>span{font-size:9px;line-height:1.7;color:#6a3c56}
.applied-identity strong{font-weight:700;white-space:nowrap;font-size:10px}
.applied-identity>b{position:absolute;right:-6px;top:-7px;background:#523b5c;color:#ffe1eb;border:1px solid #d397b5;display:grid;place-items:center;border-radius:50%;width:19px;height:19px}
.applied-identity>b .icon{width:11px;height:11px}
.signature-replacement>p{font-size:8px;line-height:1.8;color:#b8abc9;margin-top:13px}
.solution-proof{position:absolute;left:7%;right:7%;top:506px;display:flex;gap:17px;align-items:center}
.solution-proof>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#c7b8d3}
.solution-proof .icon{width:13px;height:13px;color:#dc95b2;flex-shrink:0}
.story-solution .story-outcome{top:550px}

/* Frameworks are another route to the same service, after the AI route. */
.hero-frameworks{position:absolute;top:219px;left:7%;right:7%;display:flex;gap:8px;align-items:center}
.hero-frameworks>span{font-size:10px;border:1px solid #c58ba445;background:#b2719610;color:#dac4dc;padding:7px 10px;border-radius:5px}
.hero-code-card{position:absolute;top:279px;left:7%;right:7%;border:1px solid #b897bc66;border-radius:11px;overflow:hidden;background:#191f36;box-shadow:0 20px 40px #070b2936;transform:rotate(-2deg)}
.hero-code-header{display:flex;align-items:center;gap:7px;background:#35304b;border-bottom:1px solid #bb8ca63d;padding:13px 16px;color:#c1afcf}
.hero-code-header>.icon{width:16px;height:16px;color:#db9db6}
.hero-code-header>span{font-size:8px;letter-spacing:.07em;font-weight:600}
.hero-code-header>b{margin-left:auto;font-size:9px;color:#e8adc5;font-weight:500}
.hero-package{padding:14px 17px 0;font-size:10px;color:#9aa8c8}
.hero-package code{font-family:Consolas,monospace;color:#edb5ca;font-size:11px}
.hero-code-context{display:block;font-size:8px;color:#8e9ab9;padding:10px 17px 3px}
.hero-code-card pre{padding:0 17px 14px;margin:0;overflow:visible}
.hero-code-card pre code{display:block;font:12px/2.15 Consolas,monospace;color:#cdd6ee;white-space:pre}
.hero-code-card pre span{display:block;white-space:pre}
.hero-code-card pre b{font-weight:400;color:#e0aecf}
.hero-code-card pre em{font-style:normal;color:#c8bcdf}
.hero-code-card pre i{font-style:normal;color:#95aed9}
.hero-code-footer{display:flex;align-items:center;gap:6px;font-size:10px;padding:12px 16px;border-top:1px solid #a3b0d12e;background:#b47c9410;color:#d9c8de}
.hero-code-footer>.icon{width:14px;height:14px;color:#dfa0bc}
.story-code .story-outcome{top:553px}
.story-outcome a{color:#cbb6d5;text-decoration:underline;text-underline-offset:3px}
.story-stage .stage-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.story-stage .stage-controls button{justify-content:center;font-size:9px;padding-inline:4px;gap:5px;white-space:nowrap}
.story-ai .story-heading h3{max-width:none}
.story-ai .hero-agent-capture{top:244px}
@media(min-width:1500px){.replacement-board{top:255px}.solution-proof{top:510px}.story-solution .story-outcome{top:551px}}
@media(max-width:1150px) and (min-width:921px){.vault-identities>span{font-size:7px;padding-inline:5px}.identity-vault{padding-inline:10px}.vault-title>span{font-size:6px}.applied-identity{gap:6px;padding-inline:7px}.applied-identity strong{font-size:9px}.applied-identity>span{font-size:8px}.applied-identity img{width:20px;height:20px}.hero-code-card pre code{font-size:11px}.hero-code-card pre{padding-inline:13px}.solution-proof{gap:10px}.solution-proof>span{font-size:7px}}
@media(max-width:700px){.replacement-board{top:264px;height:230px}.identity-vault{width:44%;padding:15px 9px 12px}.vault-title{gap:6px;margin-bottom:13px}.vault-title>.icon{width:19px;height:19px}.vault-title>span{font-size:5.5px;letter-spacing:0}.vault-identities>span{font-size:6px;gap:4px;padding:8px 5px}.vault-identities .icon{width:11px;height:11px}.vault-identities i{width:3px;height:3px}.vault-verified{font-size:6px;gap:3px}.vault-verified>.icon{width:10px;height:10px}.replaced-browser{width:49%;top:38px}.replaced-browser-bar{padding:0 8px;gap:4px}.replaced-browser-bar>span{font-size:4.8px;letter-spacing:0}.replaced-browser-bar>.icon{width:10px;height:10px}.signature-replacement{padding:13px 9px}.signature-replacement>span{font-size:5px;letter-spacing:0}.applied-identity{padding:9px 7px;gap:6px}.applied-identity img{width:18px;height:18px}.applied-identity>span{font-size:7px}.applied-identity strong{font-size:7px}.signature-replacement>p{font-size:7px}.solution-proof{top:517px;gap:12px;flex-wrap:wrap}.solution-proof>span{font-size:7px;gap:4px}.solution-proof .icon{width:11px;height:11px}.story-solution .story-outcome{top:573px}.hero-frameworks{top:231px;gap:6px}.hero-frameworks>span{font-size:9px;padding:7px 9px}.hero-code-card{top:285px}.hero-code-header{padding:12px}.hero-code-header>span{font-size:6.5px}.hero-code-header>b{font-size:8px}.hero-package{padding:14px 11px 0;font-size:9px}.hero-package code{font-size:10px}.hero-code-context{padding-inline:11px}.hero-code-card pre{padding:3px 11px 13px}.hero-code-card pre code{font-size:10px;line-height:2.4}.hero-code-footer{font-size:8px;padding:13px 11px}.story-code .story-outcome{top:573px}.story-stage .stage-controls button{font-size:9px;padding-inline:2px}.story-stage .stage-controls button>span{display:none}.story-ai .hero-agent-capture{top:256px}.story-ai .story-outcome strong{font-size:10px}}
@media(max-width:375px){.vault-title>span{font-size:5px}.vault-identities>span{font-size:5.4px}.vault-identities i{display:none}.vault-identities .icon{width:10px;height:10px}.vault-verified{font-size:5.5px}.applied-identity img{width:16px;height:16px}.applied-identity{gap:4px;padding-inline:5px}.applied-identity strong{font-size:6.3px}.replaced-browser-bar>span{font-size:4.3px}.story-stage .stage-controls button{font-size:8px}.hero-code-card pre code{font-size:9px}.hero-code-header>b{font-size:7px}.hero-package code{font-size:9px}.hero-frameworks{gap:5px}.hero-frameworks>span{font-size:8px}.solution-proof{gap:9px}.solution-proof>span{font-size:6.5px}}
@media(max-width:700px){.vault-identities>span{font-size:7.5px;white-space:normal;line-height:1.4;padding-inline:4px}.vault-identities i{display:none}.vault-verified{font-size:7px}.applied-identity strong{font-size:8px;white-space:normal}.applied-identity>span{font-size:8px}.replaced-browser-bar>span{font-size:5.5px;line-height:1.5}.vault-title>span{font-size:6px}.solution-proof>span{font-size:7.5px}}