/* Concept 02: a human voice, told through horizontal scenes. */
html,body{overflow-x:clip}.header{height:96px}.scroll-story{height:420svh;position:relative}.story-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden;isolation:isolate;background:#090a0b}.ambient-word{position:absolute;top:10%;left:6%;font-size:23vw;font-weight:800;line-height:1;letter-spacing:-2vw;color:#131416;z-index:-2;user-select:none}.story-track{display:flex;width:400%;height:100%;will-change:transform}.story-frame{position:relative;width:25%;flex:0 0 25%;height:100%;display:flex;align-items:center;padding:35px max(6vw,calc((100vw - 1264px)/2)) 120px;pointer-events:none}.frame-copy{position:relative;width:49%;max-width:625px;pointer-events:auto;z-index:2}.frame-copy .eyebrow{font-size:10px;letter-spacing:1.7px;color:#a8aaad;margin-bottom:26px}.frame-copy h1,.frame-copy h2{font-size:clamp(52px,5.7vw,88px);line-height:1.045;letter-spacing:-4.5px;font-weight:500;margin:0 0 26px}.frame-copy h1 span,.frame-copy h2 span{color:var(--accent);white-space:normal}.frame-description{font-size:16px;line-height:1.8;color:#aaadb0;max-width:445px;margin:0 0 28px}.frame-copy .hero-proof{font-size:11px;max-width:480px;margin-top:24px}.frame-copy .hero-proof small{font-size:10px}.frame-right{justify-content:flex-end}.frame-right .frame-copy{width:47%}.frame-right h2{font-size:clamp(48px,4.8vw,72px)}.frame-right .frame-description{font-size:14px;max-width:450px}.actress{position:absolute;height:92%;width:54%;right:-1%;bottom:4%;z-index:-1;will-change:transform,opacity;transform-origin:center bottom;pointer-events:none}.actress img{height:100%;width:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 77%,transparent 98%);mix-blend-mode:screen}.portrait-caption{position:absolute;right:10%;bottom:20%;z-index:0;letter-spacing:3px;font-size:15px;font-weight:700;pointer-events:none;text-shadow:0 2px 15px #000}.portrait-caption span{display:block;font-size:7px;letter-spacing:1.8px;color:#aaa;margin-top:6px}.voice-caption{position:absolute;right:7%;top:40%;border:1px solid #ffffff26;background:#121518bf;backdrop-filter:blur(16px);padding:17px 22px;border-radius:10px;display:flex;align-items:center;gap:16px;pointer-events:none}.voice-caption p{font-size:12px;line-height:1.7;margin:0}.voice-caption small{color:#a3aaa7}.result-caption{top:auto;bottom:23%;right:9%}.story-bottom{position:absolute;bottom:0;left:6%;right:6%;height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #333538;background:#090a0be0;backdrop-filter:blur(12px);z-index:5}.scroll-hint{font-size:7px;letter-spacing:1.4px;color:#92969b;display:flex;gap:18px;align-items:center}.scroll-hint>span{font-size:24px;color:var(--accent)}.scene-nav{display:flex;gap:24px}.scene-nav button{font-size:11px;background:none;border:0;color:#8f9499;padding:12px 0;min-height:44px;position:relative}.scene-nav button[aria-current=step]{color:#fff}.scene-nav button[aria-current=step]:after{position:absolute;content:'';bottom:4px;height:2px;left:0;right:0;background:var(--accent)}.scene-count{font-size:15px;font-variant-numeric:tabular-nums;color:var(--accent)}.scene-count i{font-style:normal;font-size:10px;color:#777e84;margin-left:10px}.story-progress{position:absolute;height:1px;bottom:0;left:0;background:var(--accent);width:25%;transform-origin:left;transition:width .08s linear}.speech-points{max-width:460px}.speech-points>p{display:flex;gap:20px;border-top:1px solid #36383b;padding:13px 0;margin:0}.speech-points b{font-size:9px;color:var(--accent);font-weight:500;padding-top:3px}.speech-points strong{font-size:13px;font-weight:600}.speech-points small{display:block;font-size:11px;color:#939ba0;margin-top:3px}.source-note{font-size:9px;display:inline-block;margin-top:12px;color:#8f959a;text-decoration:underline;text-underline-offset:4px}.story-stats{display:flex;gap:40px;margin:28px 0 20px}.story-stats strong{display:block;font-size:55px;line-height:1.2;font-weight:400;letter-spacing:-3px}.story-stats strong small{font-size:22px;color:#8e9297;letter-spacing:-1px}.story-stats>div:last-child strong{color:var(--accent)}.story-stats span{font-size:10px;color:#9b9fa3}.story-footnote{font-size:10px;color:#93989d;line-height:1.8;margin:17px 0}.story-price{padding:20px 0;margin:24px 0;border-top:1px solid #34373a;border-bottom:1px solid #34373a}.story-price strong{font-size:52px;line-height:1.2;font-weight:400;letter-spacing:-3px;color:var(--accent)}.story-price strong span{font-size:19px;color:#a6abaf;letter-spacing:0}.story-price p{font-size:12px;color:#999fa3;line-height:1.8;margin:12px 0 0}.connections{padding-top:80px;padding-bottom:20px}.connections-head{margin-bottom:35px}.connections-head h2{font-size:40px}.connections-head>p:last-child{color:#9ea4a8;font-size:13px;margin-top:22px}.logo-category{margin-top:24px}.logo-category>span{display:block;font-size:9px;letter-spacing:1.7px;color:#a7adb0;margin-bottom:14px}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.logo-grid>a{height:90px;background:#f5f5f4;border:1px solid #373b3d;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:23px;gap:8px;transition:transform .2s}.logo-grid>a:hover{transform:translateY(-3px)}.logo-grid img{max-width:100%;max-height:40px;object-fit:contain}.logo-grid .dark-logo{background:#24272b}.logo-grid a>span{font-size:13px;font-weight:700;color:#24282d}.logo-grid a[aria-label="ПланФикс"] img{max-width:28px}.phone-logos{grid-template-columns:repeat(4,1fr)}.phone-logos>a{height:90px}.phone-logos img{max-width:145px}.connections>.fine{font-size:10px!important;margin-top:23px;max-width:800px}.economics{padding-bottom:0}.role-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.role-compare article{padding:23px 0;border-top:1px solid var(--line)}.role-compare article>span{font-size:9px;letter-spacing:1px;color:#a1a8ac}.role-compare article:last-child>span{color:var(--accent)}.role-compare h3{font-size:23px;letter-spacing:-.8px;font-weight:500;line-height:1.3;margin:17px 0 13px}.role-compare p{font-size:12px;color:#9ca5aa;line-height:1.8;margin:0}.economics-box{border:1px solid #393d40;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;background:#121618;overflow:hidden}.economics-controls{padding:32px;border-right:1px solid #34393d}.calc-kicker{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;margin-bottom:30px}.calc-kicker span{font-size:9px;color:#999fa4;letter-spacing:0}.economics-controls>label{font-size:13px;display:flex;align-items:center;justify-content:space-between}.economics-controls output{font-size:23px;letter-spacing:-1px;color:var(--accent)}.economics-controls>input{width:100%;accent-color:var(--accent);height:28px;margin:18px 0 25px;cursor:pointer}.eco-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.eco-fields label{font-size:10px;color:#b5bdc3;line-height:1.7}.eco-fields input{display:block;width:100%;margin-top:7px;border:1px solid #475057;border-radius:5px;background:#0c0f11;color:#eee;font-size:17px;line-height:1.6;padding:8px 12px}.economics-controls .fine{font-size:9px!important;margin-top:20px}.economics-output{padding:40px 32px;display:flex;flex-direction:column;justify-content:center;gap:35px}.cost-row>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:10px}.cost-row span{font-size:10px;letter-spacing:1px;color:#b9c0c5}.cost-row strong{font-size:25px;letter-spacing:-1px;font-weight:500}.cost-bar{width:100%;height:6px;border-radius:3px;background:#282e33;margin-bottom:8px;overflow:hidden}.cost-bar i{height:100%;display:block;background:#80878c;border-radius:3px;transition:width .25s var(--ease)}.cost-row small{font-size:10px;color:#99a3aa}.ai-cost span,.ai-cost strong{color:var(--accent)}.ai-cost .cost-bar i{background:var(--accent)}.savings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:20px;gap:14px}.savings-grid article{padding:25px;border:1px solid #3e423d;border-radius:8px;background:#161b16}.savings-grid article:last-child{background:#141617;border-color:var(--line)}.savings-grid article>span{font-size:8px;letter-spacing:.8px;color:#b1c2b2;display:block;line-height:1.8}.savings-grid strong{font-size:38px;letter-spacing:-2px;font-weight:400;display:block;margin-top:18px;line-height:1.2}.savings-grid small{font-size:15px;letter-spacing:0;color:#a3b6a4}.savings-grid p{font-size:10px;line-height:1.8;color:#9bad9e;margin:13px 0 0}.savings-grid article:last-child>span,.savings-grid article:last-child small,.savings-grid article:last-child p{color:#a7adb1}.savings-grid article.more-cost{background:#261b14;border-color:#6b4630}.savings-grid article.more-cost>span,.savings-grid article.more-cost p{color:#ffb892}.economics-assumptions{margin-top:20px;border-bottom:1px solid var(--line);padding-bottom:14px}.economics-assumptions summary{font-size:12px;color:#bbc3c8;display:flex;justify-content:space-between;padding:12px 0}.economics-assumptions p{font-size:12px;color:#a5adb3;line-height:1.9;max-width:950px}.availability{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:40px;margin-top:25px;border-bottom:1px solid var(--line);padding:20px 0 30px}.availability strong{font-size:55px;letter-spacing:-3px;font-weight:400}.availability strong span{font-size:11px;letter-spacing:0;color:#9da7ae;margin-left:20px}.availability p{font-size:13px;color:#a6b0b6;line-height:1.9}.chat-avatar{overflow:hidden;background-image:url('/assets/angela.webp');background-size:140%;background-position:50% 15%}.chat-avatar .brandmark{display:none}
@media(max-width:1100px){.frame-copy h1,.frame-copy h2{font-size:66px;letter-spacing:-3.5px}.frame-right h2{font-size:57px}.frame-description{font-size:14px}.frame-copy .eyebrow{font-size:8px;letter-spacing:1.2px}.voice-caption{right:3%;padding:13px 16px;top:43%}.voice-caption p{font-size:10px}.scroll-hint{max-width:150px;flex-wrap:wrap;font-size:6px;gap:5px 10px}.scene-nav{gap:18px}.logo-grid>a{padding:17px}.role-compare h3{font-size:20px}.economics-controls,.economics-output{padding:25px}.eco-fields{gap:12px}.savings-grid article{padding:20px}.savings-grid strong{font-size:32px}}
@media(max-width:760px){.header{height:78px}.scroll-story{height:400svh}.story-sticky{min-height:700px}.story-frame{padding:36px 25px 105px;align-items:flex-start}.frame-copy,.frame-right .frame-copy{width:100%;max-width:none}.frame-copy h1,.frame-copy h2,.frame-right h2{font-size:57px;letter-spacing:-2.8px;line-height:1.06;max-width:400px}.frame-copy .eyebrow{font-size:8px;margin-bottom:24px}.frame-description{font-size:13px;max-width:295px;line-height:1.8;margin-bottom:22px}.frame-right .frame-description{font-size:13px;max-width:350px}.frame-copy .button{font-size:11px;padding:15px 18px;min-height:50px;gap:18px}.actress{height:67%;width:79%;right:-16%;bottom:4%;opacity:.75}.actress img{object-position:right bottom;mask-image:linear-gradient(to bottom,transparent 0%,#000 10%,#000 70%,transparent 98%)}.ambient-word{top:42%;left:-5%;font-size:36vw;color:#161719}.frame-copy .hero-proof{font-size:9px;margin-top:21px;max-width:235px}.frame-copy .hero-proof strong,.frame-copy .hero-proof small{font-size:8px}.frame-copy .hero-proof small{display:block;max-width:210px}.voice-caption{right:12px;top:auto;bottom:22%;padding:10px 13px;gap:8px}.voice-caption .mini-wave{transform:scale(.7);width:22px}.voice-caption p{font-size:9px}.portrait-caption{display:none}.story-bottom{left:22px;right:22px;height:83px;flex-wrap:wrap;gap:0;padding:10px 0}.scroll-hint{font-size:6px;width:100%;max-width:none;flex-wrap:nowrap;gap:8px;height:18px}.scroll-hint>span{font-size:13px}.scene-nav{gap:17px}.scene-nav button{font-size:9px;min-height:40px;padding:8px 0}.scene-count{font-size:12px}.scene-count i{font-size:8px;margin-left:5px}.speech-points{width:85%;background:#090a0b80;border-radius:6px;padding:0 10px 0 0}.speech-points>p{gap:14px;padding:13px 0}.speech-points strong{font-size:12px}.speech-points small{font-size:10px}.source-note{font-size:8px}.story-stats{gap:26px;margin-top:24px}.story-stats strong{font-size:48px}.story-stats span{font-size:9px}.story-footnote{font-size:9px;max-width:235px;margin:13px 0}.result-caption{bottom:20%;right:10px}.story-price{max-width:280px;margin:21px 0;padding:17px 0;background:#090a0b80}.story-price strong{font-size:43px;letter-spacing:-2px}.story-price strong span{font-size:14px}.story-price p{font-size:11px}.connections{padding-top:62px}.connections-head h2{font-size:30px;letter-spacing:-1.4px}.connections-head>p:last-child{font-size:12px}.logo-grid{grid-template-columns:repeat(3,1fr);gap:8px}.logo-grid>a{height:75px;padding:15px}.logo-grid img{max-height:31px}.logo-grid a>span{font-size:10px}.logo-grid a[aria-label="ПланФикс"]{gap:5px;padding:10px}.logo-grid a[aria-label="ПланФикс"] img{max-width:20px}.phone-logos{grid-template-columns:repeat(2,1fr)}.phone-logos>a{height:75px}.phone-logos img{max-width:115px}.logo-category>span{font-size:8px}.role-compare{grid-template-columns:1fr;gap:0;margin-bottom:22px}.role-compare article{padding:23px 0}.role-compare h3{font-size:25px;margin:14px 0}.role-compare p{font-size:13px}.economics-box{grid-template-columns:1fr}.economics-controls{padding:23px;border-right:0;border-bottom:1px solid #34393d}.calc-kicker{margin-bottom:23px}.calc-kicker span{font-size:8px}.economics-controls>label{font-size:12px}.eco-fields label{font-size:10px}.eco-fields input{font-size:16px;padding:10px}.economics-output{padding:30px 23px;gap:28px}.savings-grid{grid-template-columns:1fr;gap:10px}.savings-grid article{padding:23px}.savings-grid article>span{font-size:9px}.savings-grid strong{font-size:42px;margin-top:13px}.savings-grid p{font-size:12px}.economics-assumptions p{font-size:12px}.availability{grid-template-columns:1fr;gap:0;margin-top:20px;padding:12px 0 22px}.availability strong{font-size:52px}.availability p{font-size:12px}.availability strong span{font-size:12px}.economics .section-heading h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:relative;height:auto;min-height:0;overflow:visible}.story-track{width:100%;display:block;transform:none!important}.story-frame{width:100%;height:auto;min-height:760px;padding-top:65px;padding-bottom:65px}.story-bottom{display:none}.actress{position:absolute;top:70px;bottom:auto;height:660px;transform:none!important}.frame-right .frame-copy{background:#090a0bf0;padding:20px}.voice-caption,.portrait-caption{display:none}}