.site-header .language-switch{display:flex;gap:2px;align-items:center;border:1px solid #b7aac72c;border-radius:7px;padding:3px;margin-left:0;flex-shrink:0}
.language-switch a{font-size:11px;font-weight:700;line-height:1;padding:8px 6px;color:#9a9ab7;border-radius:4px}
.language-switch a[aria-current="true"]{background:#ffffff13;color:#fff}
.language-switch a:hover{color:#fff;background:#ffffff0c}
/* One idea per use-case slide: parallel accounts, or a small change to existing code. */
.manual-accounts-window{position:absolute;top:240px;left:7%;right:7%;border:1px solid #b0a5cc4d;border-radius:14px;background:#191d35;box-shadow:0 15px 30px #070a252b;overflow:hidden}
.accounts-app-bar{height:38px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid #b4a4c723;color:#c9c4de;font-size:11px}
.accounts-app-bar>.icon{width:15px;height:15px}.accounts-app-bar>strong{font-weight:500}.accounts-app-bar>i{width:4px;height:4px;border-radius:50%;background:#77738d}.accounts-app-bar>i:first-of-type{margin-left:auto}
.accounts-key{margin:12px 15px;display:flex;align-items:center;gap:9px;border:1px solid #a494c13b;border-radius:6px;background:#292840;padding:10px 12px;color:#c6bbd6;font-size:10px}
.accounts-key>.icon{width:16px;height:16px;color:#d998b7;flex-shrink:0}.accounts-key>b{margin-left:auto;display:flex;color:#dca8c0}.accounts-key>b>.icon{width:15px;height:15px}
.parallel-accounts{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 15px 15px}
.account-browser{--identity:#dec5ea;border:1px solid #8e7bab75;border-radius:9px;overflow:hidden;background:#292741;color:var(--identity)}
.account-2{--identity:#efbdcd;border-color:#b284a77a;background:#30263c}
.account-browser-top{display:flex;align-items:center;gap:7px;font-size:10px;height:29px;padding:0 10px;border-bottom:1px solid #aa8bad28}
.account-browser-top>.icon{width:13px;height:13px;flex-shrink:0}.account-browser-top>i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6;margin-left:auto}
.account-avatar{width:39px;height:39px;border:1px solid #c9a9e45e;background:#bc8cc812;border-radius:50%;display:grid;place-items:center;margin:13px auto 11px}.account-avatar>.icon{width:23px;height:23px}
.account-2 .account-avatar{border-radius:12px;background:#ec91a91c;border-color:#d99bb755}
.account-details{display:grid;gap:7px;padding:0 12px 13px}.account-details>span{display:flex;align-items:center;gap:7px;justify-content:center;font-size:10px}.account-details b{font-weight:500}.account-details .fp-logo,.account-details .icon{width:14px;height:14px;flex-shrink:0}.account-details .fp-logo{opacity:.65}
.story-manual .manual-simple-outcome{top:540px}
.simple-integration{position:absolute;top:237px;left:7%;right:7%}
.library-swap{display:grid;grid-template-columns:.8fr 21px 1.35fr;gap:12px;align-items:center;margin-bottom:19px}
.library-original,.library-fingerprints{padding:13px 10px;border:1px solid #ada1c63d;border-radius:7px;text-align:center;min-height:57px;display:flex;align-items:center;justify-content:center;font-size:13px}
.library-original{color:#8c8da7;background:#22253e}.library-original code{text-decoration:line-through;text-decoration-color:#b78ba2}
.library-fingerprints{background:#e7cadf;color:#573954;border-color:#eacbdf}.library-fingerprints b{display:block;color:#8b3c68;font-weight:600}.library-swap>.icon{width:21px;height:21px;color:#d9a2bd}
.existing-script{background:#20243e;border:1px solid #afa1c34a;border-radius:12px;box-shadow:0 12px 27px #090b2926;overflow:hidden}
.existing-script-bar{display:flex;align-items:center;gap:9px;padding:12px 15px;border-bottom:1px solid #aaa3c125;color:#bfb6d4;font-size:11px}.existing-script-bar>.icon{width:17px;height:17px}.existing-script-bar>strong{font-weight:500}.existing-script-bar>span{margin-left:auto;color:#817f9d;font:9px var(--mono)}
.retained-code{display:grid;gap:6px;padding:12px 18px}.retained-code>i{display:block;width:65%;height:3px;border-radius:3px;background:#9181ae3b}.retained-code>i+ i{width:43%;margin-left:13px}
.add-fingerprint-lines{display:flex;align-items:center;gap:12px;margin:0 12px;padding:13px 14px;border:1px solid #dda1c160;border-radius:7px;background:#ba76a11a;color:#edbed4}
.add-fingerprint-lines>span{font-size:28px;line-height:1;font-weight:300}.add-fingerprint-lines strong{display:block;font-size:14px;font-weight:500}.add-fingerprint-lines small{display:block;font-size:10px;color:#b99cb8;margin-top:5px}.add-fingerprint-lines .fp-logo{width:30px;height:30px;opacity:.6;margin-left:auto}
.integration-result{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:11px;color:#d0b4cb}.integration-result>strong{font-weight:500}.integration-result>.icon{width:17px;height:17px;flex-shrink:0}.integration-result>.icon:last-child{margin-left:auto}
.story-code .code-simple-outcome{position:absolute;top:566px;left:7%;right:7%;font-size:10px;color:#b8a9ca}.code-simple-outcome a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.manual-accounts-window{top:249px}.accounts-app-bar{padding-inline:11px;font-size:10px}.accounts-key{margin:11px;font-size:9px;padding:10px;gap:6px}.parallel-accounts{padding:0 11px 13px;gap:9px}.account-browser-top{padding-inline:8px;font-size:9px;gap:4px}.account-details{padding-inline:7px}.account-details>span{font-size:9px;gap:5px}.account-avatar{margin-block:16px 13px;width:42px;height:42px}.account-details .fp-logo,.account-details .icon{width:12px;height:12px}.story-manual .manual-simple-outcome{top:557px}.simple-integration{top:245px}.library-swap{gap:8px;grid-template-columns:.8fr 16px 1.35fr}.library-swap>.icon{width:16px;height:16px}.library-original,.library-fingerprints{font-size:10px;padding-inline:6px}.existing-script-bar{padding-inline:12px;font-size:10px;gap:7px}.existing-script-bar>span{font-size:8px}.add-fingerprint-lines{padding:13px 10px;gap:8px}.add-fingerprint-lines strong{font-size:12px}.add-fingerprint-lines small{font-size:9px}.add-fingerprint-lines .fp-logo{width:23px;height:23px}.integration-result{font-size:10px}.story-code .code-simple-outcome{top:580px;font-size:9px}}
.replacement-clear{top:237px;left:6%;right:6%;height:270px}
.device-source{position:absolute;left:0;top:16px;width:38%;height:226px;transform:rotate(-3deg)}
.source-database{display:flex;align-items:center;gap:8px;margin-bottom:17px;color:#b6a5c1}
.source-database>.icon{width:25px;height:25px;flex-shrink:0;color:#d493ae}
.source-database>span{font-size:8px;font-weight:700;line-height:1.5;letter-spacing:.04em}
.source-stack i{position:absolute;top:58px;left:7px;width:95%;height:165px;border:1px solid #b187a353;background:#3a2c48;border-radius:12px;transform:rotate(5deg)}
.source-stack i:last-child{left:12px;top:66px;transform:rotate(9deg);opacity:.5}
.source-fingerprint{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:163px;border:1px solid #efb7c9;border-radius:12px;background:linear-gradient(125deg,#edbecf,#ebd2e3);color:#4e2945;box-shadow:0 16px 30px #080d2528}
.source-fingerprint>.fp-logo{width:51px;height:51px;filter:brightness(0) saturate(100%) opacity(.6)}
.source-fingerprint>strong{font-size:12px;text-align:center;line-height:1.4;padding-inline:8px}
.source-fingerprint>span{display:flex;gap:12px;color:#9a607b}
.source-fingerprint>span>.icon{width:16px;height:16px}
.source-fingerprint>b{position:absolute;right:9px;top:9px;border:1px solid #ad6a86;border-radius:50%;background:#f7dbe6;padding:3px;display:grid;place-items:center}
.source-fingerprint>b>.icon{width:12px;height:12px}
.replacement-browser{position:absolute;right:0;top:0;width:53%;padding-bottom:12px;background:#191e36;border:1px solid #a997b76b;border-radius:12px;transform:rotate(1.6deg);box-shadow:0 15px 30px #080d2540}
.replacement-chrome{display:flex;align-items:center;gap:7px;padding:11px 12px;border-bottom:1px solid #b4a0bd2a;color:#c4bed6;font-size:11px}
.replacement-chrome .icon{width:15px;height:15px}.replacement-chrome i{width:4px;height:4px;border-radius:50%;background:#7c7392}.replacement-chrome i:first-of-type{margin-left:auto}
.before-fingerprint,.after-fingerprint{padding:12px 13px 0}
.before-fingerprint>span,.after-fingerprint>span{display:block;font-size:9px;color:#8e91ab;margin-bottom:8px}
.before-fingerprint>div,.after-fingerprint>div{display:flex;align-items:center;gap:9px;padding:13px 9px;border:1px solid #7d809746;border-radius:8px;background:#2b2e42;min-height:60px}
.before-fingerprint .fp-logo{width:30px;height:30px;opacity:.28}.before-fingerprint b{font-size:10px;line-height:1.5;color:#9694ab;text-decoration:line-through;text-decoration-color:#cc7084}.before-fingerprint .icon{width:18px;height:18px;color:#cc7084;flex-shrink:0;margin-left:auto}
.replacement-direction{height:23px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#ba93ad;line-height:1}
.after-fingerprint{padding-top:0}.after-fingerprint>span{color:#dca8c2}
.after-fingerprint>div{background:linear-gradient(125deg,#edbecf,#ebd2e3);border-color:#efb7c9;color:#4e2945}
.after-fingerprint .fp-logo{width:30px;height:30px;filter:brightness(0) saturate(100%) opacity(.6)}
.after-fingerprint b{font-size:11px;line-height:1.45}.after-fingerprint .icon{width:18px;height:18px;flex-shrink:0;margin-left:auto;color:#8d3f65}
.clear-replacement-arrow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;overflow:visible;stroke:#eca5c0;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.story-solution .solution-proof{top:510px}.story-solution .story-outcome{top:542px}
.profile-transfer{display:grid;grid-template-columns:1fr .84fr 1fr;align-items:center;border:1px solid #a7a5cf30;border-radius:18px;background:linear-gradient(115deg,#1b203a,#22213e);padding:42px 30px 0;gap:20px;overflow:hidden}
.transfer-app{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:12px 0 25px}
.transfer-app-icon{width:67px;height:67px;border:1px solid #b4acc64d;background:#b8a9cb0d;border-radius:17px;display:grid;place-items:center;margin-bottom:23px;color:#bfb7dc}
.transfer-app-icon>.icon{width:31px;height:31px}.transfer-ai .transfer-app-icon{color:#f39bb3;background:#d6698d14;border-color:#cf89a44d}
.transfer-app h3{font-size:clamp(17px,1.8vw,25px);letter-spacing:-.03em;margin:0 0 14px}
.transfer-app p{font-size:14px;line-height:1.8;color:#b7b9d0;margin:0 0 23px}.transfer-app>span{display:flex;align-items:center;gap:7px;color:#eeb5ca;font-size:12px;font-weight:600}.transfer-app>span>.icon{width:14px;height:14px}
.transfer-profile{position:relative;isolation:isolate;padding:0 10px 20px;text-align:center}
.transfer-line{position:absolute;top:45%;left:-18%;width:136%;height:1px;background:#bc89a799;z-index:-1}.transfer-line:after{content:'';position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:1px solid #bc89a7;border-right:1px solid #bc89a7;transform:rotate(45deg)}
.transfer-line:before{content:'';position:absolute;left:-1px;top:-4px;width:8px;height:8px;border-top:1px solid #bc89a7;border-right:1px solid #bc89a7;transform:rotate(225deg)}
@media(max-width:700px){.transfer-line:before{left:-4px;top:-1px;transform:rotate(-45deg)}}
.shared-profile{background:#e8c7d9;color:#4c2c47;border:1px solid #f7e0e9;border-radius:13px;box-shadow:0 16px 32px #080a2425;padding:24px 15px;transform:rotate(-2deg)}
.shared-profile>.icon{display:block;width:39px;height:39px;margin:0 auto 15px;color:#9c5e81}.shared-profile>strong{display:block;font-size:18px;margin-bottom:15px;font-family:var(--display);font-weight:500}
.shared-profile>div{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:12px 0;border-top:1px solid #b9769a36;border-bottom:1px solid #b9769a36}
.shared-profile .fp-logo{width:20px;height:20px;filter:brightness(0) opacity(.5)}
.shared-profile small{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;margin-top:13px;color:#8a5373}.shared-profile small>.icon{width:14px;height:14px}
.shared-format{display:block;font-size:11px;color:#ac9cb8;margin-top:20px}
.transfer-code{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:23px 0;border-top:1px solid #aea1be26;font-size:13px;color:#bcb3cc}.transfer-code>.icon{width:21px;height:21px;color:#b58ba8;flex-shrink:0}.transfer-code>a{margin-left:auto;display:flex;align-items:center;gap:6px;white-space:nowrap;color:#edb4ca;font-size:12px}.transfer-code>a>.icon{width:14px;height:14px}
html[lang=ru] .hero h1{font-size:clamp(43px,4.15vw,60px)}
html[lang=ru] .story-heading h3{font-size:clamp(27px,2.7vw,38px);line-height:1.13}
html[lang=ru] .story-heading p{font-size:12px;line-height:1.7}
html[lang=ru] .story-outcome strong{font-size:12px}
html[lang=ru] .story-outcome>span{font-size:9px}
html[lang=ru] .stage-controls button{font-size:9px}
html[lang=ru] .story-takeaway strong{font-size:12px}
html[lang=ru] .section-heading h2,html[lang=ru] .business-copy h2{font-size:clamp(35px,3.8vw,53px)}
html[lang=ru] .site-header nav:not(.language-switch){gap:16px;font-size:11px}
html[lang=ru] .site-header{gap:17px}
html[lang=ru] .business-package>b{font-size:9px}
html[lang=ru] .business-customers span{font-size:8px}
html[lang=ru] .canvas-step h3{font-size:22px}
html[lang=ru] .canvas-data-packet span{font-size:9px}
html[lang=ru] .canvas-result-story h3{font-size:34px}
html[lang=ru] .transfer-app h3{font-size:21px}
@media(max-width:1150px){.site-header{gap:15px}.site-header nav:not(.language-switch){gap:15px}.site-header .brand{font-size:18px}.replacement-clear{left:5%;right:5%}.source-database>span{font-size:7px}.source-fingerprint>strong{font-size:10px}.before-fingerprint b,.after-fingerprint b{font-size:9px}.before-fingerprint,.after-fingerprint{padding-inline:9px}.before-fingerprint .fp-logo,.after-fingerprint .fp-logo{width:23px;height:23px}.transfer-app p{font-size:12px}.shared-profile>strong{font-size:16px}.transfer-code{font-size:11px}html[lang=ru] .site-header nav:not(.language-switch){display:none}html[lang=ru] .language-switch{margin-left:auto}}
@media(max-width:920px){.site-header .language-switch{margin-left:auto}.profile-transfer{padding-inline:20px;gap:12px}.transfer-app h3,html[lang=ru] .transfer-app h3{font-size:17px}.shared-profile{padding-inline:10px}.shared-profile>div{font-size:9px}.transfer-code{flex-wrap:wrap}.transfer-code>a{margin-left:35px}.source-fingerprint>strong{font-size:13px}.before-fingerprint b,.after-fingerprint b{font-size:12px}.source-database>span{font-size:9px}}
@media(max-width:700px){.site-header{flex-wrap:wrap;height:auto;min-height:96px;padding-block:18px;gap:13px}.site-header .brand{font-size:16px}.site-header .language-switch{order:2;margin-left:0;display:flex}.site-header>.button{margin-left:auto;order:1}.site-header .key-nav{display:none}.language-switch a{font-size:10px;padding:7px}.site-header .language-switch{position:absolute;top:106px;right:20px;z-index:8}.hero{padding-top:55px}.replacement-clear{top:254px;left:6%;right:6%;height:270px}.device-source{width:36%;top:26px}.source-database{gap:5px;margin-bottom:18px}.source-database>span{font-size:6px}.source-database>.icon{width:20px;height:20px}.source-fingerprint{gap:13px;min-height:153px}.source-fingerprint>.fp-logo{width:38px;height:38px}.source-fingerprint>strong{font-size:9px}.source-fingerprint>span{gap:8px}.source-fingerprint>span>.icon{width:12px;height:12px}.source-stack i{height:155px;top:63px}.source-stack i:last-child{top:71px}.replacement-browser{width:55%;top:0}.replacement-chrome{font-size:9px;gap:5px;padding:11px 8px}.replacement-chrome .icon{width:13px;height:13px}.before-fingerprint,.after-fingerprint{padding-inline:8px}.before-fingerprint>span,.after-fingerprint>span{font-size:8px}.before-fingerprint>div,.after-fingerprint>div{gap:6px;padding:10px 7px;min-height:63px}.before-fingerprint b,.after-fingerprint b{font-size:9px}.before-fingerprint .fp-logo,.after-fingerprint .fp-logo{width:22px;height:22px}.before-fingerprint .icon,.after-fingerprint .icon{width:13px;height:13px}.clear-replacement-arrow{stroke-width:2.6}.story-solution .solution-proof{top:529px;gap:9px}.story-solution .story-outcome{top:563px}.profile-transfer{grid-template-columns:1fr;padding:25px 23px 0;gap:4px}.transfer-app{padding-block:12px 20px}.transfer-app h3,html[lang=ru] .transfer-app h3{font-size:23px}.transfer-app p{font-size:14px}.transfer-profile{width:230px;margin:15px auto 25px;padding-bottom:0}.transfer-line{height:calc(100% + 54px);width:1px;left:50%;top:-27px}.transfer-line:after{right:-4px;top:auto;bottom:-1px;transform:rotate(135deg)}.shared-profile>strong{font-size:20px}.shared-profile>div{font-size:12px}.shared-profile small{font-size:11px}.shared-format{position:relative;background:#211f3d;display:inline-block;padding:6px 10px;margin-top:15px;font-size:10px}.transfer-code{font-size:12px;gap:10px}.transfer-code>span{flex:1}.transfer-code>a{margin-left:31px}.transfer-app-icon{margin-bottom:15px;width:58px;height:58px}html[lang=ru] .hero h1{font-size:clamp(39px,10vw,60px)}html[lang=ru] .story-heading h3{font-size:29px}html[lang=ru] .story-heading p{font-size:12px}html[lang=ru] .story-outcome strong{font-size:10px}html[lang=ru] .story-outcome>span{font-size:8px}html[lang=ru] .story-takeaway strong{font-size:11px}html[lang=ru] .story-stage .stage-controls button{font-size:8px}html[lang=ru] .hero-runs b{font-size:7px}html[lang=ru] .hero-task-card>p{font-size:14px}html[lang=ru] .hero-task-card>span{font-size:7px}html[lang=ru] .section-heading h2,html[lang=ru] .business-copy h2{font-size:37px}html[lang=ru] .canvas-result-story h3{font-size:28px}html[lang=ru] .canvas-step h3{font-size:24px}html[lang=ru] .source-fingerprint>strong{font-size:8px}html[lang=ru] .before-fingerprint b,html[lang=ru] .after-fingerprint b{font-size:8px}}
@media(prefers-reduced-motion:no-preference){.story-solution:not([hidden]) .after-fingerprint>div{animation:replacement-reveal .7s .25s both}.story-solution:not([hidden]) .clear-replacement-arrow{animation:replacement-reveal .5s both}@keyframes replacement-reveal{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}