:root{--bg:#101014;--ink:#f5f3f8;--muted:#aaa7b4;--accent:#c4a7ff;--line:#36333b;--display:'Unbounded',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.skip{position:absolute;top:-100px;background:white;color:black;padding:12px;z-index:5}.skip:focus{top:8px}:focus-visible{outline:3px solid #d9cbff;outline-offset:5px}.header{height:92px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:-2px}.brand img{border-radius:8px}.brand-dot,.period{color:var(--accent)}.header nav{margin-left:auto;display:flex;gap:34px;color:#b9b5c2;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--accent)}.header-link{font-size:13px;font-weight:700;border:1px solid #62596d;padding:13px 17px;border-radius:4px}.header-link span{margin-left:24px;color:var(--accent)}.hero{padding-top:84px;padding-bottom:80px;position:relative}.hero-top,.project-meta{display:flex;justify-content:space-between;align-items:center}.overline,.hero-index,.eyebrow,.project-meta,.muted-label,.visual-label,.hero-note,.steps span{font-size:10px;font-weight:800;letter-spacing:.13em}.overline{color:#c9c2d3}.spark{color:#c6adff;font-size:19px;vertical-align:middle;margin-right:8px}.hero-index{color:#77717f}.hero h1{font-family:var(--display);font-size:clamp(48px,7.1vw,103px);letter-spacing:-.075em;line-height:1.18;margin:48px 0 38px;font-weight:600}.hero h1 span:not(.period){color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-bottom p{max-width:500px;font-size:18px;line-height:1.7;color:#c7c2cc;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button{padding:17px 20px;font-weight:800;font-size:13px;border-radius:4px;display:flex;align-items:center;gap:35px}.button span{font-size:18px}.primary{background:var(--accent);color:#17121d}.primary:hover{background:#d5c1ff}.secondary{border:1px solid #615a67}.hero-note{display:flex;align-items:center;gap:14px;margin-top:74px;color:#908897}.note-line{height:1px;background:#514958;flex:1}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:50px}.eyebrow{color:#aa91dc;margin:0 0 23px}.section-head h2,.services h2,.contact h2{font:600 clamp(34px,4.8vw,65px)/1.18 var(--display);letter-spacing:-.065em;margin:0}.section-head h2 span{color:#aaa3b1}.section-head>p{color:var(--muted);max-width:360px;line-height:1.7;margin:0}.project{border-radius:8px;overflow:hidden}.project-meta{color:#c8bad6;gap:12px}.project-pc{background:#2b2238;display:grid;grid-template-columns: .88fr 1.12fr;min-height:510px}.project-copy{padding:38px 44px;display:flex;flex-direction:column;align-items:start}.project-copy .project-meta{width:100%}.project h3{font:600 clamp(28px,3.3vw,46px)/1.18 var(--display);letter-spacing:-.06em;margin:76px 0 22px}.project-copy p,.small-project-copy p{color:#d1c9d6;line-height:1.7;max-width:420px}.text-link{display:inline-block;font-weight:800;font-size:13px;border-bottom:1px solid currentColor;padding:0 0 7px;margin-top:12px}.text-link span{margin-left:14px}.project-tags{display:flex;gap:18px;font-size:10px;letter-spacing:.1em;color:#bbaac5;margin-top:auto;padding-top:38px}.pc-visual{background:#d5c7e4;color:#4e3f5a;margin:24px 24px 24px 0;padding:20px 20px 0;overflow:hidden;border-radius:5px}.visual-label{display:flex;justify-content:space-between;gap:10px}.pc-visual img{max-height:415px;width:auto;max-width:95%;object-fit:contain;object-position:top;margin:45px auto 0;filter:drop-shadow(0 18px 24px #36283d55)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.shop,.flow{padding:34px;min-width:0}.shop{background:#1f2925}.flow{background:#26242a}.shop-art,.flow-art{height:220px;margin:28px 0 0;border-radius:4px;overflow:hidden;position:relative}.shop-art{background:#d7eadf;display:flex;align-items:center;justify-content:center}.shop-art img{width:100%;height:100%;object-fit:cover}.shop-stamp{position:absolute;bottom:12px;right:12px;background:#101914;color:#e1f9e8;padding:13px;font-size:10px;font-weight:800;letter-spacing:.08em}.shop-stamp b{font-size:17px}.flow-art{background:#d8d0de;color:#2c2730;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:800;letter-spacing:.08em}.flow-node,.flow-branches div{border:1px solid #8c8091;padding:12px 17px;background:#ece7ef}.flow-line{height:28px;width:1px;background:#8c8091}.flow-branches{display:flex;gap:10px}.small-project-copy h3{margin:38px 0 16px;font-size:clamp(28px,3vw,40px)}.muted-label{display:block;color:#a2b3a7;margin-top:25px}.services{background:#e7e0ed;color:#211c27;padding:110px 0}.services-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px}.services .eyebrow{color:#796592}.services h2 em{font-style:normal;color:#8461b6}.services-intro>p:last-child{max-width:390px;color:#625b67;line-height:1.7;margin-top:30px}.service-list>div{border-bottom:1px solid #bcb1c4;padding:22px 0;display:grid;grid-template-columns:40px 1fr;gap:0 20px}.service-list>div:first-child{border-top:1px solid #bcb1c4}.service-list span{font-size:11px;color:#887996}.service-list h3{margin:0;font-size:19px}.service-list p{grid-column:2;margin:8px 0 0;color:#655d69;line-height:1.6;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps>div{border-top:1px solid #625b68;padding-top:22px}.steps span{color:#bba3d6}.steps h3{font-size:20px;margin:40px 0 10px}.steps p{color:var(--muted);line-height:1.7;max-width:310px}.contact{background:#c4a7ff;color:#1a1420;border-radius:8px;padding:58px;display:grid;grid-template-columns:1fr auto;gap:60px;margin-bottom:60px}.contact .eyebrow{color:#604a77}.contact h2{font-size:clamp(48px,7vw,92px)}.contact h2 span{color:#7250a8}.contact p:not(.eyebrow){line-height:1.7;max-width:510px;color:#4c3d57}.contact-arrow{align-self:center;font-size:70px;border:1px solid #785c96;width:120px;height:120px;display:grid;place-items:center;border-radius:50%}.contact-arrow:hover{background:#1a1420;color:#fff}.contact-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #9a7db6;padding-top:22px;font-size:11px;font-weight:800;letter-spacing:.1em}.contact-bottom a span{margin-left:15px}.footer{display:flex;align-items:center;gap:35px;padding-bottom:38px;font-size:12px;color:#a6a0aa}.footer .brand{color:#fff}.footer p{margin-right:auto}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{height:74px}.header nav{display:none}.header-link{margin-left:auto}.hero{padding:65px 0 45px}.hero h1{font-size:clamp(36px,8vw,60px);margin:45px 0 30px;line-height:1.22}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.hero-actions{margin-top:30px}.hero-note{margin-top:50px;gap:7px;font-size:8px}.hero-index{display:none}.section{padding:70px 0}.section-head{display:block}.section-head>p{margin-top:24px}.project-pc,.project-grid,.services-inner{grid-template-columns:1fr}.project-copy{padding:28px}.project h3{margin-top:52px}.pc-visual{margin:0 16px 16px;min-height:280px}.pc-visual img{max-height:300px;margin-top:25px}.shop,.flow{padding:25px}.small-project-copy h3{margin-top:32px}.services{padding:75px 0}.services-inner{gap:35px}.steps{grid-template-columns:1fr;gap:22px}.steps h3{margin-top:20px}.contact{padding:32px;gap:35px}.contact-arrow{width:65px;height:65px;font-size:38px}.contact h2{font-size:clamp(37px,8vw,65px)}.footer{flex-wrap:wrap;gap:18px}.footer p{width:100%;order:3}.flow-branches{gap:4px}.flow-branches div{padding:10px 8px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Visual refinement: consistent local fonts, calmer surfaces and a more compact hero. */
:root{--display:'Segoe UI',Arial,sans-serif;--accent:#b99af7}body{font-family:'Segoe UI',Arial,sans-serif}.brand{font-family:'Segoe UI',Arial,sans-serif;font-size:26px;letter-spacing:-1.5px;font-weight:900;gap:6px}.brand img{box-shadow:0 0 18px #b99af740}.header{height:80px}.header-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.header-link svg,.button svg,.contact-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.header-link{padding:12px 17px;border-color:#504a59}.hero{padding:60px 0 68px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;min-height:590px}.hero h1{font-size:clamp(48px,6.3vw,86px);letter-spacing:-.055em;line-height:1.05;margin:25px 0 24px;font-weight:750}.hero-description{max-width:500px;font-size:17px;line-height:1.7;color:#c7c2cc}.hero-actions{margin-top:30px}.hero-caption{font-size:10px;letter-spacing:.1em;color:#89818f;margin-top:28px;font-weight:700}.hero-visual{height:430px;position:relative;overflow:hidden;border-radius:18px;background:radial-gradient(circle at center,#372947 0,#1a1722 48%,#141319 80%);border:1px solid #37303d}.orbit{position:absolute;border:1px solid #b69bd128;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:275px;height:275px}.orbit-two{width:410px;height:410px}.visual-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:35px;background:#b99af7;color:#21162c;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px #0005}.visual-center span{font-size:44px;font-weight:900;letter-spacing:-4px}.visual-center small{font-size:8px;letter-spacing:.08em;font-weight:800}.visual-chip{position:absolute;background:#24202b;border:1px solid #4a3e50;padding:13px 16px;border-radius:10px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 30px #0004;font-size:14px;font-weight:700}.visual-chip small{display:block;color:#aaa2b0;font-size:11px;font-weight:400;margin-top:3px}.chip-mark{width:34px;height:34px;display:grid;place-items:center;background:#493657;color:#d8bef8;border-radius:8px;font-size:18px}.chip-service{left:7%;top:16%}.chip-auto{right:5%;top:30%}.chip-bot{left:13%;bottom:15%}.visual-foot{position:absolute;bottom:18px;right:18px;color:#a299a9;font-size:8px;letter-spacing:.06em}.section{padding:75px 0}.section-head{margin-bottom:32px}.section-head h2,.services h2,.contact h2{letter-spacing:-.045em}.project-pc{background:#211c2a;min-height:450px}.project-copy{padding:32px 36px}.project h3{margin:50px 0 18px}.pc-visual{background:#302738;color:#c7b9cf}.pc-visual img{max-height:365px}.project-grid{gap:14px;margin-top:14px}.shop,.flow{background:#1b1b20;border:1px solid #37323c}.shop-art{background:#263c31}.shop-art img{object-fit:contain}.flow-art{background:#27212f;color:#dcd0e5}.flow-node,.flow-branches div{background:#302838;border-color:#6d5878}.flow-line{background:#9e85ab}.shop-stamp{background:#1a261f;color:#cce5d2}.services{background:#19171e;color:#f4f1f7;padding:75px 0}.services .eyebrow{color:#b99af7}.services h2 em{color:#b99af7}.services-intro>p:last-child,.service-list p{color:#b0a8b5}.service-list>div,.service-list>div:first-child{border-color:#49404b}.service-list span{color:#b49cc4}.contact{background:#292133;color:#f3edf8;padding:48px;border:1px solid #45364e;gap:30px}.contact .eyebrow{color:#c2a8d8}.contact p:not(.eyebrow){color:#c6b9cb}.contact h2 span{color:#bd9ddd}.contact-button{display:inline-flex;align-items:center;gap:10px;background:#b99af7;color:#201727;padding:15px 20px;border-radius:5px;font-weight:700;margin-top:15px}.contact-art{font-weight:900;font-size:100px;letter-spacing:-.09em;color:#715d7f;align-self:center}.contact-art span{font-size:40px;color:#b99af7;vertical-align:top}.contact-bottom{border-color:#5a4b62;color:#b4a5bb}.reveal-ready .reveal{opacity:0;transform:translateY(22px)}.reveal-ready .reveal.is-visible{opacity:1;transform:none;transition:opacity .65s ease,transform .65s ease}@media(max-width:800px){.header-link{font-size:0;gap:0;padding:12px}.header-link svg{width:20px;height:20px}.hero{grid-template-columns:1fr;padding:48px 0 45px;gap:32px}.hero h1{font-size:clamp(42px,10vw,62px);margin:22px 0}.hero-description{font-size:16px}.hero-visual{height:300px}.orbit-one{width:200px;height:200px}.orbit-two{width:310px;height:310px}.visual-center{width:90px;height:90px;border-radius:24px}.visual-center span{font-size:32px}.visual-center small{font-size:6px}.visual-chip{padding:9px;font-size:11px}.visual-chip small{font-size:9px}.chip-mark{width:27px;height:27px;font-size:14px}.chip-service{left:4%;top:10%}.chip-auto{right:4%;top:27%}.chip-bot{left:7%;bottom:12%}.visual-foot{font-size:7px}.contact{padding:30px}.contact-art{font-size:55px}.contact-art span{font-size:22px}.section{padding:60px 0}}@media(prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1;transform:none;transition:none}}
.automation{background:#282230;border:1px solid #48404f;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:34px;margin-top:14px;align-items:center}.automation h3{margin:48px 0 15px;font-size:clamp(28px,3vw,40px)}.automation h3 span,.flow h3 span{color:#b99af7}.automation p{max-width:470px;color:#c8becd;line-height:1.7}.automation-path{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#19171e;border-radius:8px;padding:36px 20px}.automation-path span{font-size:10px;letter-spacing:.08em;font-weight:800;border:1px solid #5d4d65;border-radius:5px;padding:12px}.automation-path b{color:#bd9ddd}.automation-path small{width:100%;text-align:center;font-size:9px;color:#9d90a4;letter-spacing:.1em;margin-top:14px}.flow-art{position:relative}.flow-caption{position:absolute;bottom:12px;right:14px;color:#a99aae;font-size:9px}.small-project-copy h3{line-height:1.1}.shop-art img{width:auto;max-width:100%}.shop-stamp{display:none}@media(max-width:800px){.automation{grid-template-columns:1fr;gap:20px;padding:25px}.automation h3{margin:36px 0 15px}.automation-path{padding:22px 10px;gap:7px}.automation-path span{font-size:9px;padding:9px}}
@font-face{font-family:UnboundedLocal;src:url('assets/fonts/unbounded-cyrillic.woff2') format('woff2');font-weight:600 700;font-style:normal;font-display:block;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:UnboundedLocal;src:url('assets/fonts/unbounded-latin.woff2') format('woff2');font-weight:600 700;font-style:normal;font-display:block;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.hero{display:block;min-height:0;padding:84px 0 80px}.hero h1{font-family:UnboundedLocal,'Segoe UI',sans-serif;font-size:clamp(48px,7.1vw,103px);letter-spacing:-.075em;line-height:1.18;margin:48px 0 38px;font-weight:600}.hero-actions{margin-top:0}@media(max-width:800px){.hero{padding:65px 0 45px}.hero h1{font-size:clamp(36px,8vw,60px);margin:45px 0 30px;line-height:1.22}.hero-actions{margin-top:30px}}
/* Project presentation */
.project-pc{grid-template-columns:1fr 1fr;min-height:550px;background:#211d29}.project-copy{padding:36px 40px}.project-copy h3{font-size:clamp(38px,4vw,55px);margin:58px 0 18px;letter-spacing:-.055em}.project-dot{color:#bd9fef}.project-copy p{max-width:460px}.project-facts{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 14px}.project-facts span{border:1px solid #5b4d61;border-radius:100px;padding:8px 12px;font-size:12px;color:#d5c8db}.pc-visual{display:flex;flex-direction:column;min-width:0;margin:16px 16px 16px 0;padding:20px;background:#302a38}.pc-screen{flex:1;min-height:320px;display:flex;justify-content:center;align-items:center;overflow:hidden}.pc-visual .pc-screen img{max-width:100%;width:auto;max-height:350px;margin:16px auto;object-fit:contain;filter:drop-shadow(0 14px 20px #0005);border-radius:7px}.pc-switch{display:flex;gap:8px;justify-content:center}.pc-switch button{font:600 12px 'Segoe UI',sans-serif;border:1px solid #66576d;background:transparent;color:#d6c9da;border-radius:4px;padding:10px 15px;cursor:pointer}.pc-switch button.is-active{background:#c5a7f5;color:#211728;border-color:#c5a7f5}.pc-switch button:focus-visible{outline:3px solid #e8d9ff;outline-offset:3px}.shop,.flow{padding:30px}.shop-art{height:240px;background:#29362e;position:relative}.shop-art img{height:100%;object-fit:contain;object-position:center}.small-project-copy h3{margin:32px 0 12px}.shop .project-dot{color:#80cda5}.project-grid .small-project-copy p{max-width:480px}.flow-art{height:240px;background:radial-gradient(circle at center,#44364f,#242029 75%)}.automation{margin-top:14px}.section-head h2{font-family:UnboundedLocal,'Segoe UI',sans-serif;font-size:clamp(32px,4vw,56px);line-height:1.25}.project-meta{font-size:10px}.contact-art{user-select:none}@media(max-width:800px){.project-pc{grid-template-columns:1fr}.project-copy{padding:26px}.project-copy h3{margin:38px 0 15px;font-size:36px}.pc-visual{margin:0 14px 14px;padding:16px}.pc-screen{min-height:270px}.pc-visual .pc-screen img{max-height:300px}.shop,.flow{padding:24px}.shop-art,.flow-art{height:200px}.section-head h2{font-size:clamp(27px,7vw,42px)}}
/* Details and support */
.brand{font-family:UnboundedLocal,'Segoe UI',sans-serif;font-size:22px;letter-spacing:-.07em;gap:7px}.brand span{font-weight:700}.brand img{box-shadow:none;border-radius:8px}.services h2{font-family:UnboundedLocal,'Segoe UI',sans-serif;font-size:clamp(32px,4.1vw,56px);line-height:1.25}.support-note{margin-top:58px;border:1px solid #463e4d;border-radius:8px;background:#1d1a22;padding:27px 32px;display:grid;grid-template-columns:130px 1fr;gap:30px;align-items:center}.support-note>div:first-child{display:flex;align-items:baseline;gap:7px}.support-number{font-family:UnboundedLocal,'Segoe UI',sans-serif;font-size:54px;line-height:1;letter-spacing:-.08em;color:#c2a4f4}.support-unit{font-size:10px;letter-spacing:.12em;color:#b5a8bc;font-weight:700}.support-note h3{font-size:18px;margin:0 0 7px}.support-note p{max-width:650px;color:#bbb1bf;line-height:1.7;margin:0;font-size:15px}.contact-art{font-family:UnboundedLocal,'Segoe UI',sans-serif;font-size:clamp(65px,9vw,120px);letter-spacing:-.08em}.overline:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#b99af7;margin:0 12px 2px 0}@media(max-width:800px){.brand{font-size:20px}.services h2{font-size:clamp(27px,7vw,40px)}.support-note{grid-template-columns:1fr;gap:18px;padding:24px;margin-top:40px}.support-number{font-size:46px}.contact-art{font-size:55px}}
/* Project placeholder, post-launch support and contact */
.hero{padding-bottom:105px}.projects-placeholder{border-top:1px solid #39333e;border-bottom:1px solid #39333e;padding-top:46px;padding-bottom:46px;display:flex;align-items:end;justify-content:space-between;gap:30px}.projects-placeholder .eyebrow{margin-bottom:14px}.projects-placeholder h2{font:600 clamp(22px,2.4vw,32px)/1.3 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.045em;margin:0}.projects-placeholder h2 span{color:#b99af7}.projects-placeholder p:not(.eyebrow){color:#aaa2ae;font-size:15px;line-height:1.65;margin:14px 0 0;max-width:570px}.projects-placeholder>a{white-space:nowrap;font-weight:700;font-size:13px;color:#d4c0f3;border-bottom:1px solid #8b72a2;padding:8px 0}.projects-placeholder>a span{margin-left:15px}.services{margin-top:85px}.support-note{background:none;border:0;border-top:1px solid #48404e;border-radius:0;padding:27px 0 0;grid-template-columns:1fr 1fr;gap:30px;margin-top:54px;align-items:start}.support-note .support-label{margin:0 0 13px;color:#a78cbe;letter-spacing:.12em;font-size:10px;font-weight:800}.support-note h3{font-size:22px;letter-spacing:-.02em}.support-note>p{font-size:15px;line-height:1.75;color:#b7adb9;margin:0;max-width:520px}.contact{border:0;border-top:1px solid #49414e;border-radius:0;background:none;color:#f3edf8;display:flex;align-items:end;justify-content:space-between;padding:68px 0 48px;margin-bottom:0;gap:48px}.contact-copy h2{font-size:clamp(40px,5.5vw,72px);line-height:1.16;letter-spacing:-.06em;font-family:UnboundedLocal,'Segoe UI',sans-serif}.contact-copy h2 span{color:#b9a0ce}.contact-copy p:not(.eyebrow){margin:22px 0;color:#bcb2c1;max-width:470px}.contact-button{margin-top:4px}.contact-side{display:flex;flex-direction:column;align-items:end;gap:12px}.contact-side span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#938596}.contact-side a{font-size:16px;font-weight:700;color:#d2b8f3}.contact-side a:hover{color:white}@media(max-width:800px){.hero{padding-bottom:60px}.projects-placeholder{display:block;padding-top:35px;padding-bottom:35px}.projects-placeholder>a{display:inline-block;margin-top:14px}.services{margin-top:55px}.support-note{grid-template-columns:1fr;gap:14px;margin-top:38px;padding:22px 0 0}.support-note h3{font-size:20px}.contact{display:block;padding:48px 0 40px}.contact-copy h2{font-size:clamp(31px,8vw,50px)}.contact-side{align-items:start;margin-top:38px}}
.support-note>div:first-child{display:block}
/* Refined brand, service list and client journey */
.brand{font-family:UnboundedLocal,'Segoe UI',sans-serif;font-size:24px;letter-spacing:-.085em;font-weight:700;gap:5px}.brand>span{font-weight:700;transform:scaleX(1.42);transform-origin:left center;margin-right:32px}.brand img{width:35px;height:35px}.footer .brand img{width:30px;height:30px}.service-list>div{grid-template-columns:48px 1fr;gap:0 20px;padding:24px 0}.service-list>div>span{width:38px;height:38px;border-radius:10px;background:#332a3f;border:1px solid #594a65;color:#d9bcff;font-size:14px;font-weight:800;display:grid;place-items:center;letter-spacing:-.03em}.service-list h3{font-size:20px;line-height:1.3}.service-list p{margin-top:7px}.process-heading{align-items:end}.process-highlight{width:290px;flex:none;border-left:2px solid #a989d5;padding:2px 0 2px 18px}.process-highlight span{font-size:10px;letter-spacing:.12em;color:#bb9ed8;font-weight:800}.process-highlight p{font-size:16px;line-height:1.5;color:#e6dbea;margin:9px 0 0}.steps{display:block;border-top:1px solid #49414f}.steps>div{border-top:0;border-bottom:1px solid #49414f;display:grid;grid-template-columns:70px minmax(200px,.9fr) 1fr;align-items:start;gap:24px;padding:26px 0}.steps span{font-family:UnboundedLocal,'Segoe UI',sans-serif;color:#b99af7;font-size:18px;letter-spacing:-.05em}.steps h3{font-size:19px;line-height:1.4;margin:0}.steps p{margin:0;max-width:470px;font-size:15px}.support-note{margin-top:30px}.contact{align-items:center}.contact-copy{flex:1;min-width:0}.contact-brief{flex:0 0 320px;border:1px solid #4d4055;background:#211b27;border-radius:10px;padding:25px 28px}.contact-brief p{font-size:10px;letter-spacing:.12em;color:#bda4d1;font-weight:800;margin:0 0 16px}.contact-brief div{font-size:14px;font-weight:600;padding:14px 0;border-top:1px solid #463a4e}.contact-brief div span{font-size:11px;color:#b998dd;margin-right:14px}.contact-brief small{display:block;color:#a99bad;margin-top:16px;font-size:12px}@media(max-width:800px){.brand{font-size:21px}.brand img{width:32px;height:32px}.service-list>div{grid-template-columns:40px 1fr;gap:0 15px}.service-list>div>span{width:36px;height:36px}.process-highlight{width:auto;margin-top:24px}.steps>div{grid-template-columns:40px 1fr;gap:7px 16px;padding:23px 0}.steps span{font-size:16px}.steps h3{font-size:18px}.steps p{grid-column:2;font-size:14px}.contact-brief{margin-top:36px;width:100%;padding:22px}.contact-copy h2{overflow-wrap:anywhere}}
/* Services contrast and a compact, readable process */
.services{background:#c8bfd1;color:#211b27}.services .eyebrow{color:#5c3e70}.services h2 em{color:#65427e}.services-intro>p:last-child,.service-list p{color:#4e4456}.service-list h3{color:#241d2a}.service-list>div,.service-list>div:first-child{border-color:#a89aaf}.service-list>div>span{background:#b9a6c8;border-color:#a48bb6;color:#493058}.process{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,7vw,100px);align-items:start}.process-heading{display:block;margin:0;position:sticky;top:32px}.process-heading h2{font-size:clamp(34px,3.7vw,56px);line-height:1.25}.process-intro{max-width:340px;color:#b8afbc;font-size:16px;line-height:1.7;margin:24px 0 0}.process-flow{min-width:0}.steps{border:0}.steps>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:15px;padding:22px 0;border-bottom:1px solid #48404d}.steps>div:first-child{padding-top:0}.steps>div:last-child{border-bottom:0}.steps>div>span{font-size:16px;padding-top:3px}.steps>div>div{min-width:0}.steps h3{font-size:19px;margin:0 0 8px}.steps p{font-size:15px;line-height:1.65;margin:0;color:#aaa2ae}.support-note{display:block;margin:15px 0 0;padding:22px 24px;border:1px solid #4c4055;border-radius:7px;background:#211a27}.support-note .support-label{margin:0 0 9px;color:#bc9bd5;font-size:10px}.support-note>p:not(.support-label){color:#d0c6d3;font-size:14px;line-height:1.65;margin:0}@media(max-width:800px){.process{display:block}.process-heading{position:static;margin-bottom:34px}.process-heading h2{font-size:clamp(28px,7vw,42px)}.process-intro{font-size:15px;margin-top:18px}.steps>div{grid-template-columns:36px minmax(0,1fr);gap:13px;padding:19px 0}.steps>div>div{grid-column:2}.steps h3{font-size:17px}.steps p{font-size:14px;grid-column:auto}.support-note{padding:20px}}

/* A quieter follow-through and an inviting first message */
.support-inline{display:flex;gap:15px;margin:18px 0 0 60px;padding-top:20px;border-top:1px solid #48404d}.support-inline>span{color:#bb9ed8;font-size:18px;line-height:1.4}.support-inline p{color:#b5acb9;font-size:14px;line-height:1.7;margin:0;max-width:400px}.support-inline strong{color:#ede7f0;font-weight:700}.contact-example{flex:0 0 340px;align-self:center}.contact-example-label,.contact-example-note{display:block;font-size:10px;letter-spacing:.1em;font-weight:800;color:#ab98b4}.contact-bubble{position:relative;margin:16px 0;padding:23px 25px;color:#f2eaf5;font-size:17px;line-height:1.6;background:#2c2333;border:1px solid #4f4059;border-radius:16px 16px 16px 3px}.contact-example-note{letter-spacing:0;font-size:12px;font-weight:500;color:#aaa0ae}@media(max-width:800px){.support-inline{margin-left:49px;gap:10px}.contact-example{width:100%;margin-top:38px}.contact-bubble{font-size:16px;padding:20px}}
.language-switch{display:flex;align-items:center;gap:2px;color:#837b8a;font-size:12px;font-weight:700;white-space:nowrap}.language-switch a{min-width:38px;min-height:44px;color:#b1a8b8;border:0;background:transparent;font:inherit;cursor:pointer}.language-switch a[aria-current="page"]{color:#f3edf7}.language-switch a:hover{color:#c4a7ff}.language-switch a:focus-visible{outline:2px solid #c4a7ff;outline-offset:0;border-radius:4px}@media(max-width:800px){.header{gap:12px}.language-switch{margin-left:auto}.header-link{margin-left:0}.language-switch a{min-width:38px}}
/* Language selector */
.language-switch{gap:2px;padding:3px;border:1px solid #494150;border-radius:9px;background:#1b1820}.language-switch a{min-width:42px;min-height:38px;border-radius:6px;color:#b6aebc;transition:background .18s ease,color .18s ease}.language-switch a[aria-current="page"]{background:#b99af7;color:#1a1420}.language-switch a:not([aria-current="page"]):hover{color:#fff;background:#302837}.language-switch a:focus-visible{outline-offset:1px}@media(max-width:800px){.language-switch a{min-width:40px;min-height:38px}}
/* Compact message builder */
.request-builder{flex:0 0 min(44%,480px);width:100%;padding:27px;border:1px solid #39383e;border-radius:12px;background:#19191d}.builder-heading{margin:0 0 20px;color:#c3a8d6;font-weight:800;font-size:10px;letter-spacing:.12em}.request-builder fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.request-builder legend,.builder-label{display:block;color:#f2eaf4;font-size:14px;font-weight:700;margin-bottom:10px}.builder-label span{font-size:12px;font-weight:400;color:#aea1b2}.builder-types{display:flex;flex-wrap:wrap;gap:7px}.builder-types button{padding:9px 12px;border:1px solid #4b494f;border-radius:7px;color:#dedce0;background:#26262b;font:600 12px 'Segoe UI',sans-serif;cursor:pointer;min-height:38px}.builder-types button[aria-current="page"]{background:#b99af7;color:#1a1420;border-color:#b99af7}.builder-types button:hover:not([aria-current="page"]){border-color:#b99af7;color:#fff}.request-builder textarea{display:block;width:100%;resize:vertical;padding:12px 14px;margin:0 0 20px;min-height:68px;border:1px solid #46454b;border-radius:7px;background:#111114;color:#f5f1f6;font:400 14px/1.55 'Segoe UI',sans-serif}.request-builder textarea::placeholder{color:#a59baa}.request-builder textarea:focus-visible,.request-builder button:focus-visible{outline:2px solid #c4a7ff;outline-offset:2px}.builder-reset{display:block;margin:-8px 0 16px;padding:0;border:0;background:none;color:#d4baf6;font:600 12px 'Segoe UI',sans-serif;text-decoration:underline;cursor:pointer}.builder-reset[hidden]{display:none}.builder-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:45px;padding:10px 16px;border:1px solid #9a7db2;border-radius:5px;color:#f3eaf9;font-size:13px;font-weight:700}.builder-link:hover{background:#36283f}.builder-note{color:#b3a8b8;font-size:12px;line-height:1.5;margin:12px 0 0}@media(max-width:800px){.request-builder{margin-top:38px;padding:22px}.builder-types button{min-height:40px}.builder-link{width:100%}}

/* Telegram action and smooth scrolling */
html.lenis{scroll-behavior:auto}.builder-link{background:#72c6ed;color:#10232f;border-color:#72c6ed}.builder-link:hover{background:#a5ddf5;color:#10232f;border-color:#a5ddf5}.builder-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
/* Examples and personal introduction */
.examples{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,7vw,100px);align-items:start}.examples-heading h2,.about-copy h2{font:600 clamp(34px,4.1vw,56px)/1.2 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.06em;margin:0}.examples-heading h2 span,.about-copy h2 span{color:#b99af7}.examples-heading>p:not(.eyebrow){max-width:360px;color:#b5acb9;line-height:1.7;margin:24px 0 0}.examples-list{border-top:1px solid #49414e}.examples-list>div{display:flex;align-items:start;gap:20px;border-bottom:1px solid #49414e;padding:21px 0}.examples-list>div>span{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #675775;border-radius:50%;color:#c6a8e4;font-size:16px}.examples-list p{color:#e7e0e9;font-size:17px;line-height:1.55;margin:1px 0 0;max-width:430px}.about-author{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);gap:clamp(35px,7vw,95px);align-items:center;border-top:1px solid #49414e;padding-top:82px;padding-bottom:82px}.about-mark{display:flex;align-items:center;gap:11px;font:700 clamp(35px,4vw,55px)/1 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.075em}.about-mark img{width:54px;height:54px;border-radius:12px}.about-mark span span{color:#b99af7}.about-copy h2{font-size:clamp(28px,3.3vw,43px)}.about-copy>p:not(.eyebrow){max-width:580px;color:#bdb4c0;line-height:1.7;margin:18px 0 0}.about-link{display:inline-block;margin-top:24px;color:#e9d6fa;font-size:14px;font-weight:700;border-bottom:1px solid #9b7cb0;padding-bottom:6px}.about-link span{margin-left:8px}.examples-list>div:nth-child(2){transition-delay:.06s}.examples-list>div:nth-child(3){transition-delay:.12s}.examples-list>div:nth-child(4){transition-delay:.18s}.service-list>div:nth-child(2){transition-delay:.06s}.service-list>div:nth-child(3){transition-delay:.12s}.service-list>div:nth-child(4){transition-delay:.18s}@media(max-width:800px){.examples{grid-template-columns:1fr;gap:32px}.examples-heading h2{font-size:clamp(29px,7vw,40px)}.examples-list>div{padding:17px 0;gap:14px}.examples-list p{font-size:15px}.about-author{grid-template-columns:1fr;gap:27px;padding-top:58px;padding-bottom:58px}.about-mark{font-size:36px}.about-mark img{width:43px;height:43px}.about-copy h2{font-size:clamp(27px,7vw,38px)}}@media(prefers-reduced-motion:reduce){.examples-list>div,.service-list>div{transition-delay:0s!important}}
/* Unified wordmark and compact introduction */
.brand{gap:0;white-space:nowrap;font:700 24px/1 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.085em}.brand>span{transform:none;margin:0}.brand .wordmark-first,.about-mark .wordmark-first{color:#b99af7}.brand .wordmark-rest,.about-mark .wordmark-rest{color:#f5f3f8}.about-mark{gap:0;white-space:nowrap}.about-mark .wordmark-dot{color:#b99af7}.about-link{display:inline-flex;align-items:center;gap:10px}.about-link svg{width:19px;height:19px;flex:none}.process-intro{max-width:430px}.about-author{padding-top:64px;padding-bottom:64px}@media(max-width:800px){.brand{font-size:20px}.about-author{padding-top:52px;padding-bottom:52px}.about-mark{font-size:34px}}
/* Speed is the central promise; number badges share one visual language. */
.speed-feature{margin-top:56px;padding:25px 0 0;border-top:1px solid #49414e;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:12px 36px;align-items:start}.speed-label{margin:8px 0 0;color:#b99af7;font-size:10px;font-weight:800;letter-spacing:.13em}.speed-claim{margin:0;font:600 clamp(26px,3vw,42px)/1.28 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.06em}.speed-claim span{color:#b99af7}.speed-note{grid-column:2;color:#b8afbc;font-size:13px;line-height:1.6;margin:0;max-width:410px}.steps>div{grid-template-columns:48px minmax(0,1fr);gap:15px}.steps>div>span{width:38px;height:38px;padding:0;border-radius:10px;border:1px solid #594a65;background:#332a3f;color:#d9bcff;display:grid;place-items:center;font:800 14px/1 'Segoe UI',Arial,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.service-list>div>span{font-family:'Segoe UI',Arial,sans-serif;font-variant-numeric:tabular-nums}.steps h3{font-size:20px;line-height:1.3}.brand{letter-spacing:-.075em}.about-mark{letter-spacing:-.075em}@media(max-width:800px){.speed-feature{margin-top:40px;padding-top:22px;grid-template-columns:1fr;gap:12px}.speed-label{margin:0}.speed-claim{font-size:clamp(23px,6vw,32px)}.speed-note{grid-column:1}.steps>div{grid-template-columns:40px minmax(0,1fr);gap:13px}.steps>div>span{width:36px;height:36px}.steps h3{font-size:18px}}
.speed-feature{margin-top:0;margin-bottom:38px}@media(max-width:800px){.speed-feature{margin-bottom:30px}}
@media(max-width:400px){.hero h1{font-size:clamp(28px,8vw,36px)}}
/* A calm entrance for the first screen, including after a refresh. */
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.header,.hero-top,.hero h1,.hero-bottom{animation:hero-enter .85s cubic-bezier(.22,1,.36,1) both}.header{animation-delay:.02s}.hero-top{animation-delay:.08s}.hero h1{animation-delay:.16s}.hero-bottom{animation-delay:.32s}}
/* Give the headline and the speed promise their own space. */
.brand{gap:7px}.brand img{width:35px;height:35px;border-radius:8px}.about-mark{gap:11px}.about-mark img{width:54px;height:54px;border-radius:12px}.hero{padding-bottom:105px}.hero-actions{overflow:visible}.magnetic-zone{display:inline-flex;padding:20px;margin:-20px}.magnetic-button{min-height:54px;transition:transform .3s cubic-bezier(.33,1,.68,1),background-color .2s ease}.speed-section{padding-top:80px;padding-bottom:105px}.speed-feature{margin:0;padding-top:36px}.pointer-ring{position:fixed;left:0;top:0;width:34px;height:34px;border:1px solid rgba(196,167,255,.7);border-radius:50%;pointer-events:none;z-index:1000;opacity:0;transition:opacity .2s ease;will-change:transform}.pointer-ring.is-visible{opacity:1}@media(max-width:800px){.brand img{width:32px;height:32px}.about-mark img{width:43px;height:43px}.hero{padding-bottom:75px}.speed-section{padding-top:55px;padding-bottom:75px}.speed-feature{padding-top:25px}.magnetic-zone{padding:0;margin:0}.pointer-ring{display:none}}@media(prefers-reduced-motion:reduce){.magnetic-button{transition:none}.pointer-ring{display:none}}
/* Subtle violet light and a precise dot with a trailing halo. */
.hero h1 span:not(.period){text-shadow:0 0 22px rgba(185,154,247,.24),0 0 60px rgba(185,154,247,.13)}
.pointer-ring{width:30px;height:30px;border-color:rgba(196,167,255,.5);background:rgba(185,154,247,.035)}
.pointer-dot{position:fixed;left:0;top:0;width:6px;height:6px;background:#e6d8ff;border-radius:50%;box-shadow:0 0 10px #b99af7;pointer-events:none;z-index:1001;opacity:0}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html.custom-pointer,html.custom-pointer body,html.custom-pointer a,html.custom-pointer button{cursor:none}html.custom-pointer .pointer-dot{opacity:1}html.custom-pointer input,html.custom-pointer textarea,html.custom-pointer [contenteditable="true"]{cursor:text}html.custom-pointer:has(input:hover) .pointer-dot,html.custom-pointer:has(textarea:hover) .pointer-dot,html.custom-pointer:has([contenteditable="true"]:hover) .pointer-dot{opacity:0}}
/* Violet light spills over the neighbouring white lines. */
.hero h1{position:relative;isolation:isolate}.hero h1::after{content:'';position:absolute;inset:-12% -3%;pointer-events:none;background:radial-gradient(ellipse 47% 44% at 48% 51%,rgba(190,150,255,.8),rgba(190,150,255,.4) 50%,transparent 85%);mix-blend-mode:multiply;opacity:.8}.pointer-ring::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-right:2px solid #eadcff;border-bottom:2px solid #eadcff;opacity:0;transition:opacity .15s ease}.pointer-ring[data-scroll="down"]::after{opacity:1;transform:translate(-50%,-65%) rotate(45deg)}.pointer-ring[data-scroll="up"]::after{opacity:1;transform:translate(-50%,-35%) rotate(225deg)}html.custom-pointer:has(.pointer-ring[data-scroll]) .pointer-dot{opacity:0}
.pointer-on-light .pointer-dot{background:#20162c;box-shadow:0 0 8px rgba(32,22,44,.3)}.pointer-on-light .pointer-ring{border-color:rgba(32,22,44,.7);background:rgba(32,22,44,.06)}.pointer-on-light .pointer-ring::after{border-color:#20162c}
/* Cursor motion adapted from the earlier test site. */
.hero h1 span:not(.period){text-shadow:none}.hero h1::after{content:none}
.pointer-ring{width:38px;height:38px;background:radial-gradient(circle,rgba(185,154,247,.12),rgba(185,154,247,.04) 55%,transparent 80%);border-color:rgba(196,167,255,.6);box-shadow:0 0 14px rgba(185,154,247,.22);transition:opacity .25s ease,width .24s cubic-bezier(.16,1,.3,1),height .24s cubic-bezier(.16,1,.3,1),border-radius .24s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.pointer-dot{width:8px;height:8px;border:2px solid #c4a7ff;background:#18131f;transition:opacity .2s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
.pointer-ring[data-scroll]{width:34px;height:48px;border-radius:20px;border-color:#c4a7ff;background:rgba(185,154,247,.14)}.pointer-ring[data-scroll="down"]::after{animation:cursor-scroll-down .55s ease-in-out infinite}.pointer-ring[data-scroll="up"]::after{animation:cursor-scroll-up .55s ease-in-out infinite}@keyframes cursor-scroll-down{0%,100%{transform:translate(-50%,-80%) rotate(45deg)}50%{transform:translate(-50%,-30%) rotate(45deg)}}@keyframes cursor-scroll-up{0%,100%{transform:translate(-50%,-20%) rotate(225deg)}50%{transform:translate(-50%,-70%) rotate(225deg)}}
.pointer-hover .pointer-ring:not([data-scroll]){width:52px;height:52px;border-color:#d9c7ff;background:rgba(185,154,247,.12)}.pointer-hover .pointer-dot{background:#d9c7ff}.pointer-pressed .pointer-ring:not([data-scroll]){width:25px;height:25px}.pointer-on-light .pointer-dot{background:#20162c;border-color:#20162c;box-shadow:0 0 8px rgba(32,22,44,.3)}.pointer-on-light .pointer-ring,.pointer-on-light .pointer-ring[data-scroll]{border-color:rgba(32,22,44,.75);background:rgba(32,22,44,.08);box-shadow:0 0 12px rgba(32,22,44,.12)}.pointer-on-light .pointer-ring::after{border-color:#20162c}
/* Hide the scroll arrow before its rotation is reset. */
.pointer-ring::after{transition:none}.pointer-ring{transition-duration:.18s,.16s,.16s,.16s,.18s,.18s,.18s}
.speed-section{padding-top:112px}@media(max-width:800px){.speed-section{padding-top:75px}}
.speed-section{padding-top:190px}@media(max-width:800px){.speed-section{padding-top:120px}}
@media(prefers-reduced-motion:no-preference){.reveal-ready .speed-feature.reveal{transform:none;transition:opacity .45s ease}.reveal-ready .speed-feature.reveal>*{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}.reveal-ready .speed-feature.reveal.is-visible>*{opacity:1;transform:translateY(0)}.reveal-ready .speed-feature.reveal.is-visible .speed-claim{transition-delay:.1s}.reveal-ready .speed-feature.reveal.is-visible .speed-note{transition-delay:.2s}}
.about-link{min-height:48px;padding:15px 20px;border:0;border-radius:5px;background:#b99af7;color:#201727;font-size:14px}.about-link:hover{background:#d5c1ff}

/* A real example, kept subordinate to the main speed claim. */
.speed-proof{grid-column:2;display:flex;align-items:center;gap:18px;width:fit-content;margin-top:24px;padding-top:18px;border-top:1px solid #504455}.speed-proof-time{flex:none;color:#c4a7ff;font:600 clamp(22px,2vw,28px)/1.2 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.055em}.speed-proof-copy{margin:0;color:#aaa2ae;font-size:12px;line-height:1.5}.services{position:relative;background:#c8bfd1}.services-inner{position:relative}.services::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:#101014;opacity:0}@supports (animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.services::before{animation:services-light-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}}}@keyframes services-light-in{from{opacity:.95}to{opacity:0}}@media(prefers-reduced-motion:no-preference){.reveal-ready .speed-feature.reveal.is-visible .speed-proof{transition-delay:.3s}}@media(max-width:800px){.speed-proof{grid-column:1;gap:14px;margin-top:18px;padding-top:16px}.speed-proof-time{font-size:22px}}

.services::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:#101014;opacity:0}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.services::after{animation:services-light-out linear both;animation-timeline:view();animation-range:exit 40% exit 100%}}}@keyframes services-light-out{from{opacity:0}to{opacity:.95}}

/* Expandable example of the first launch. */
.speed-proof{position:relative;display:block;width:max-content;max-width:100%;padding:0;border:0;margin-top:24px}.proof-trigger{display:inline-flex;align-items:center;gap:12px;max-width:100%;min-height:50px;padding:9px 12px 9px 15px;border:1px solid #51445e;border-radius:7px;background:#1b1721;color:#f5f3f8;cursor:pointer;text-align:left}.proof-trigger:hover,.proof-trigger[aria-expanded="true"]{border-color:#b99af7;background:#251e2d}.speed-proof-time{font-size:18px;white-space:nowrap}.speed-proof-copy{font-size:12px;color:#c5bacb}.proof-info{width:22px;height:22px;flex:none;display:grid;place-items:center;border:1px solid #927bb0;border-radius:50%;color:#d4bfff;font:700 12px/1 'Segoe UI',sans-serif}.proof-popover{position:absolute;z-index:10;left:0;bottom:calc(100% + 10px);width:min(330px,calc(100vw - 40px));padding:21px;border:1px solid #51445e;border-radius:9px;background:#211b29;box-shadow:0 16px 40px #0008;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.proof-trigger[aria-expanded="true"]+.proof-popover,.proof-trigger:focus-visible+.proof-popover{opacity:1;visibility:visible;transform:translateY(0)}@media(hover:hover){.speed-proof:hover .proof-popover{opacity:1;visibility:visible;transform:translateY(0)}}.proof-kicker{margin:0 0 12px;color:#b99af7;font-size:9px;font-weight:800;letter-spacing:.12em}.proof-title{margin:0;color:#f5f3f8;font:600 17px/1.4 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.04em}.proof-title span{color:#b99af7}.proof-description{margin:12px 0 0;color:#c1b8c8;font-size:13px;line-height:1.55}@media(max-width:800px){.speed-proof{margin-top:18px}.speed-proof-time{font-size:16px}.proof-trigger{gap:9px}.speed-proof-copy{font-size:11px}}@media(prefers-reduced-motion:reduce){.proof-popover{transition:none}}

/* Blend the cursor with each pixel beneath it, including section boundaries. */
.pointer-ring,.pointer-dot{mix-blend-mode:difference}.pointer-on-light .pointer-dot{background:#18131f;border-color:#c4a7ff;box-shadow:0 0 8px rgba(185,154,247,.3)}.pointer-on-light .pointer-ring{border-color:rgba(196,167,255,.6);background:radial-gradient(circle,rgba(185,154,247,.12),rgba(185,154,247,.04) 55%,transparent 80%);box-shadow:0 0 14px rgba(185,154,247,.22)}.pointer-on-light .pointer-ring[data-scroll]{border-color:#c4a7ff;background:rgba(185,154,247,.14)}.pointer-on-light .pointer-ring::after{border-color:#eadcff}.pointer-on-light.pointer-hover .pointer-ring:not([data-scroll]){border-color:#d9c7ff;background:rgba(185,154,247,.12)}.pointer-on-light.pointer-hover .pointer-dot{background:#d9c7ff}

.pointer-dot,.pointer-on-light .pointer-dot{background:transparent}.pointer-ring,.pointer-on-light .pointer-ring{border-color:#c4a7ff}.pointer-hover .pointer-dot,.pointer-on-light.pointer-hover .pointer-dot{background:#d9c7ff}

/* Speed example and a contrasting cursor outline over any background. */
.speed-fact{grid-column:2;display:flex;align-items:center;gap:28px;border-top:1px solid #46394e;padding-top:24px;margin-top:24px;max-width:580px}.speed-fact-number{margin:0;color:#c7a8ff;font:600 72px/1 UnboundedLocal,sans-serif;letter-spacing:-.08em;white-space:nowrap}.fact-unit{font:600 13px 'Segoe UI',sans-serif;letter-spacing:0;margin-left:10px}.fact-heading{color:#eae2f0;font-size:16px;margin:0 0 7px}.fact-description{color:#a99fae;font-size:13px;line-height:1.65;margin:0}.pointer-outline,.pointer-on-light .pointer-outline,.pointer-hover .pointer-outline:not([data-scroll]),.pointer-on-light .pointer-outline[data-scroll]{mix-blend-mode:normal;z-index:999;background:transparent;border:1px solid #17121f;box-shadow:0 0 0 1px #e6d9ff;pointer-events:none}.pointer-outline::after{content:none}@media(prefers-reduced-motion:no-preference){.reveal-ready .speed-feature.reveal.is-visible .speed-fact{transition-delay:.3s}}@media(max-width:800px){.speed-fact{grid-column:1;gap:20px}.speed-fact-number{font-size:56px}}

/* A single smoothly blended cursor, without an extra outline. */
.pointer-ring,.pointer-ring[data-scroll],.pointer-hover .pointer-ring:not([data-scroll]){border-color:#f4e6ff}.pointer-dot{border-color:#f4e6ff}.pointer-ring::after{border-color:#f4e6ff}

@media(min-width:801px){.services-intro{align-self:center}.services h2{font-size:clamp(32px,4.3vw,60px)}}
@media(min-width:801px) and (min-height:560px){.services-intro{align-self:start;position:sticky;top:32px}}
@media(min-width:801px){.hero{min-height:calc(100svh - 80px);padding-top:clamp(155px,14vh,185px)}.speed-section{padding-top:110px}}
/* Единый широкий логотип, скопированный по стилю из /dev. */
.logo{font-family:'Syne',sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:normal;color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.logo-text{display:inline-block;transform:scaleY(1.15);transform-origin:center center;letter-spacing:-.02em;line-height:1;transition:text-shadow .35s ease,color .35s ease}
.logo-icon-wrap{position:relative;width:36px;height:36px;min-width:36px;min-height:36px;flex-shrink:0;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 16px rgba(155,109,255,.4);transition:box-shadow .35s ease,border-color .35s ease}
.logo .logo-icon{width:100%;height:100%;max-width:36px;max-height:36px;object-fit:cover;transition:filter .35s ease}
.logo:hover{transform:translateY(-2px)}
.logo:hover .logo-text{color:#b99af7;text-shadow:0 0 16px rgba(185,154,247,.45)}
.logo:hover .logo-icon-wrap{border-color:#b99af7;box-shadow:0 0 22px rgba(185,154,247,.6),0 0 45px rgba(107,63,255,.45)}
@media(max-width:800px){.logo{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.logo,.logo-text,.logo-icon-wrap{transition:none}}

/* Match the wide /dev wordmark without changing other header spans. */
.header .brand.logo > .logo-text{font-weight:800}

/* Keep the brand mark still on hover and focus; preserve its resting appearance. */
.logo,.logo-text,.logo-icon-wrap,.logo-icon{transition:none!important}
.logo:hover,.logo:focus-visible{transform:none!important}
.logo:hover .logo-text,.logo:focus-visible .logo-text{color:inherit!important;text-shadow:none!important}
.logo:hover .logo-icon-wrap,.logo:focus-visible .logo-icon-wrap{border-color:rgba(255,255,255,.2)!important;box-shadow:0 0 16px rgba(155,109,255,.4)!important}/* Match the shared purple text selection used on /dev and /. */
::selection{background:rgba(155,109,255,.38);color:#fff}
::-moz-selection{background:rgba(155,109,255,.38);color:#fff}
.portfolio-projects{border-top:1px solid #39333e;padding-top:46px}.portfolio-projects .eyebrow{margin-bottom:14px}.portfolio-projects h2{font:600 clamp(26px,3vw,40px)/1.3 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.045em;margin:0 0 28px}.portfolio-projects h2 span{color:#b99af7}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.portfolio-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;border:1px solid #49404e;border-radius:8px;background:#1b1920}.portfolio-card .portfolio-kind{color:#c6aaf2;font-size:11px;letter-spacing:.1em;font-weight:800;margin:0 0 32px}.portfolio-card h3{font:600 clamp(24px,2.5vw,32px)/1.25 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.04em;margin:0 0 14px}.portfolio-card>p:not(.portfolio-kind){color:#c7c2cc;line-height:1.7;max-width:52ch;margin:0 0 28px}.portfolio-card a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;color:#d4c0f3;font-size:14px;font-weight:700}.portfolio-card a:hover{color:#fff}.portfolio-card a span{margin-left:10px}@media(max-width:700px){.portfolio-projects{padding-top:35px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card{padding:24px}}

.portfolio-projects{padding-top:76px}.portfolio-projects h2{font-size:clamp(34px,4vw,56px);margin-bottom:38px}.portfolio-grid{gap:20px}.portfolio-card{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;background:#19171e;border:1px solid #39323f}.portfolio-visual{position:relative;display:grid;place-items:center;height:260px;overflow:hidden;border-bottom:1px solid #39323f}.nail-visual{background:radial-gradient(ellipse at 50% 115%,#654b68 0,transparent 65%),#29212e}.parser-visual{background:radial-gradient(ellipse at 50% 120%,#47575a 0,transparent 65%),#1d292c}.visual-caption{position:absolute;left:22px;bottom:18px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#d7c8dc}.nail-window{width:190px;padding:20px;background:#e5d7dc;color:#332b33;border-radius:16px 16px 0 0;box-shadow:0 20px 55px #0006;transform:translateY(25px)}.nail-window-label{font-size:8px;font-weight:800;letter-spacing:.15em;color:#8b6a7d}.nail-window strong{display:block;font:700 20px/1.2 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.06em;margin:24px 0 18px}.nail-window strong span{color:#a86c92}.nail-slots{display:flex;gap:6px}.nail-slots i{display:block;width:42px;height:23px;border:1px solid #bba5b0;border-radius:5px}.nail-slots i:nth-child(2){background:#a77091;border-color:#a77091}.nail-confirm{height:28px;background:#65485b;border-radius:5px;margin-top:20px}.parser-window{width:min(320px,75%);padding:16px 18px 20px;background:#121b1e;border:1px solid #597278;border-radius:9px;box-shadow:0 20px 55px #0006}.parser-top{display:flex;align-items:center;gap:5px;padding-bottom:16px;border-bottom:1px solid #35484b}.parser-top i{width:6px;height:6px;border-radius:50%;background:#77969a}.parser-top span{margin-left:auto;font-size:8px;font-weight:800;letter-spacing:.12em;color:#9ab9b7}.parser-row{display:flex;align-items:center;gap:10px;margin-top:16px}.parser-row i{width:8px;height:8px;border-radius:2px;background:#8cc1af}.parser-row span{height:5px;width:50%;background:#405b5d;border-radius:5px}.parser-row b{margin-left:auto;width:38px;height:5px;background:#8cc1af;border-radius:5px}.parser-row:nth-child(3) span{width:38%}.parser-row:nth-child(4) span{width:57%}.portfolio-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:30px 32px 28px}.portfolio-content .portfolio-kind{color:#c6aaf2;font-size:10px;letter-spacing:.13em;font-weight:800;margin:0 0 18px}.portfolio-content h3{font:600 clamp(24px,2.4vw,32px)/1.25 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.055em;margin:0 0 16px}.portfolio-content>p:not(.portfolio-kind){color:#c0b9c7;line-height:1.7;font-size:15px;max-width:52ch;margin:0 0 22px}.portfolio-content a{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;color:#d4c0f3;font-size:13px;font-weight:700;border-bottom:1px solid #756183}.portfolio-content a:hover{color:#fff}.portfolio-content a span{margin-left:10px}@media(max-width:700px){.portfolio-projects{padding-top:48px}.portfolio-projects h2{margin-bottom:26px}.portfolio-grid{grid-template-columns:1fr;gap:14px}.portfolio-visual{height:210px}.portfolio-content{padding:25px}.nail-window{transform:translateY(33px)}}

.portfolio-visual .visual-caption{top:18px;bottom:auto}

.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:42px}.portfolio-heading h2{margin:0;font-size:clamp(40px,5vw,68px);line-height:1.13}.portfolio-intro{max-width:310px;margin:0 0 5px;color:#aaa4b1;font-size:15px;line-height:1.7}.case-feature{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);background:#211d27;border:1px solid #423a47;border-radius:10px;overflow:hidden}.case-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(28px,3.4vw,48px)}.case-kicker{margin:0 0 28px;color:#c5a8f2;font-size:10px;letter-spacing:.13em;font-weight:800}.case-copy h3,.parser-heading h3{font:600 clamp(30px,3vw,43px)/1.2 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.055em;margin:0}.case-copy h3 span,.parser-heading h3 span{color:#b99af7}.case-lead{color:#f2edf5;font-size:20px;font-weight:650;line-height:1.4;margin:22px 0 12px}.case-description,.parser-copy>p{font-size:15px;line-height:1.75;color:#c4bac9;margin:0}.case-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.case-tags span{border:1px solid #514654;border-radius:100px;color:#d2c7d5;padding:7px 11px;font-size:11px}.case-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:auto;padding-top:36px}.case-demo{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:0 18px;border-radius:4px;background:#b99af7;color:#19131f;font-size:13px;font-weight:800}.case-demo:hover{background:#d4bfff}.case-code{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#dac8f2;font-size:13px;font-weight:700;border-bottom:1px solid #86728f}.case-code:hover{color:#fff}.case-screen{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:28px;background:#151419}.case-screen img{width:100%;height:auto;border-radius:6px;border:1px solid #39343d}.case-screen p{margin:14px 0 0;color:#aaa1ad;font-size:9px;letter-spacing:.13em;font-weight:800}.case-parser{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:36px;padding:35px 40px;margin-top:16px;background:#19191d;border:1px solid #39373e;border-radius:10px}.parser-heading .case-kicker{margin-bottom:16px}.parser-heading h3{font-size:clamp(24px,2.4vw,32px)}.parser-copy .case-tags{margin-top:14px}.case-parser>.case-code{white-space:nowrap}.portfolio-projects{padding-top:78px}@media(max-width:900px){.case-feature{grid-template-columns:1fr}.case-copy{padding:30px}.case-actions{padding-top:28px}.case-screen{padding:18px}.case-parser{grid-template-columns:1fr 1fr;gap:24px;padding:28px}.case-parser>.case-code{justify-self:start}}@media(max-width:600px){.portfolio-heading{display:block;margin-bottom:30px}.portfolio-heading h2{font-size:clamp(34px,9vw,48px)}.portfolio-intro{margin-top:18px}.portfolio-projects{padding-top:48px}.case-feature{display:flex;flex-direction:column}.case-screen{order:-1}.case-copy{padding:25px}.case-kicker{margin-bottom:20px}.case-lead{font-size:18px;margin-top:18px}.case-parser{display:block;padding:25px}.parser-copy{margin-top:18px}.case-parser>.case-code{margin-top:22px}.case-screen p{font-size:8px}}
.case-parser{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:0;padding:0;overflow:hidden}.parser-screen{min-width:0;padding:28px;background:#121519}.parser-screen img{width:100%;height:auto;border:1px solid #39414b;border-radius:6px}.parser-screen>p{margin:14px 0 0;color:#a3aab3;font-size:9px;letter-spacing:.13em;font-weight:800}.parser-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,3.4vw,48px)}.parser-details .parser-copy{margin-top:22px}.parser-details>.case-code{margin-top:30px}@media(max-width:900px){.case-parser{grid-template-columns:1fr 1fr}.parser-screen{padding:18px}.parser-details{padding:28px}}@media(max-width:600px){.case-parser{display:flex;flex-direction:column}.parser-details{padding:25px}.parser-screen>p{font-size:8px}}

.case-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.case-platform{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid #655578;border-radius:4px;color:#d9c6f5;font-size:10px;font-weight:750;white-space:nowrap}.case-time{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:23px}.case-time strong,.case-time span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:4px;font-size:11px;line-height:1.3}.case-time strong{color:#e8dcfb;background:#42334f}.case-time span{color:#c6b7d2;border:1px solid #514654}.case-demo-note{color:#c4bac9;font-size:13px;line-height:1.6;margin:22px 0 0}.case-actions{margin-top:0;padding-top:16px}.case-code{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 16px;border:1px solid #62556b;border-radius:4px;background:#28232d;color:#eee6f2;font-size:13px;font-weight:700}.case-code:hover{background:#38303e;border-color:#b59acb;color:#fff}.case-code svg{width:17px;height:17px;flex:none}.case-code span{margin-left:4px}.parser-heading h3{margin-bottom:4px}@media(max-width:600px){.case-title-row{gap:10px}.case-actions{gap:10px}.case-demo-note{margin-top:20px}}

.case-feature{display:block;background:#1d1921}.case-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:40px 44px 32px}.case-head .case-kicker{font-size:11px;margin:0 0 18px}.case-head h3{font:600 clamp(38px,4.5vw,62px)/1.15 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.06em;margin:0}.case-head h3 span{color:#b99af7}.case-head .case-platform{font-size:12px;min-height:34px;padding:0 13px}.case-feature .case-screen{padding:32px 44px 26px;background:#141318}.case-feature .case-screen img{max-height:600px;width:auto;max-width:100%;margin:auto;object-fit:contain}.case-feature .case-screen p{font-size:10px;margin-top:18px}.case-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.45fr);gap:50px;padding:48px 44px 50px}.case-body .case-copy{padding:0;display:block}.case-body .case-lead{font:600 clamp(25px,2.8vw,38px)/1.3 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.05em;margin:0 0 20px;color:#f5f1f7}.case-body .case-description{font-size:16px;line-height:1.75;max-width:580px}.case-body .case-actions{padding-top:28px;margin:0}.case-body .case-demo{min-height:54px;padding:0 22px;font-size:14px}.case-body .case-demo-note{font-size:14px;color:#bcb1c2;margin:16px 0 0}.case-body .case-time{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;margin:0;padding:10px 0 10px 32px;border-left:1px solid #504653}.case-body .case-time p{margin:0;color:#c5a8f2;font-size:10px;letter-spacing:.13em;font-weight:800}.case-body .case-time strong{display:block;padding:0;background:none;color:#c4a7ff;font:600 clamp(54px,6vw,86px)/1 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.07em}.case-body .case-time small{font:700 14px/1.2 'Segoe UI',sans-serif;letter-spacing:0}.case-body .case-time span{display:block;padding:0;border:0;color:#c6bacb;font-size:14px;line-height:1.5}@media(max-width:700px){.case-head{padding:28px 25px 24px;align-items:start;flex-direction:column;gap:15px}.case-feature .case-screen{order:initial;padding:18px}.case-body{grid-template-columns:1fr;gap:32px;padding:30px 25px 32px}.case-body .case-lead{font-size:clamp(23px,6vw,32px)}.case-body .case-lead br{display:none}.case-body .case-time{padding:24px 0 0;border-left:0;border-top:1px solid #504653}.case-body .case-time strong{font-size:58px}}

.case-feature .case-row{display:grid;grid-template-columns:1fr 1fr;min-width:0}.case-shot{display:flex;align-items:center;justify-content:center;min-width:0;padding:38px;background:#141318}.case-shot img{display:block;width:auto;max-width:100%;max-height:520px;object-fit:contain;border:1px solid #403943;border-radius:8px}.case-row-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(30px,4vw,58px)}.case-eyebrow{margin:0 0 20px;color:#c5a8f2;font-size:11px;letter-spacing:.13em;font-weight:800}.case-row-copy .case-lead,.case-row-copy .case-app-lead{font:600 clamp(27px,3vw,42px)/1.28 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.055em;color:#f5f1f7;margin:0 0 20px}.case-row-copy .case-description,.case-app-description{font-size:16px;line-height:1.75;color:#c4bac9;margin:0;max-width:520px}.case-row-app{border-top:1px solid #403943}.case-row-copy .case-actions{padding-top:26px}.case-row-copy .case-demo{min-height:54px;padding:0 22px;font-size:14px}.case-row-copy .case-time{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 18px;margin:30px 0 0;padding:22px 0 0;width:100%;border-top:1px solid #504653}.case-row-copy .case-time p{grid-column:1/-1;margin:0;color:#c5a8f2;font-size:10px;letter-spacing:.13em;font-weight:800}.case-row-copy .case-time strong{display:block;padding:0;background:none;color:#c4a7ff;font:600 clamp(46px,4.5vw,62px)/1 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.07em}.case-row-copy .case-time small{font:700 13px/1.2 'Segoe UI',sans-serif;letter-spacing:0}.case-row-copy .case-time span{padding:0;border:0;color:#c6bacb;font-size:14px;line-height:1.5}@media(max-width:800px){.case-feature .case-row{grid-template-columns:1fr}.case-row-copy{padding:30px 25px}.case-shot{padding:25px}.case-shot img{max-height:480px}.case-row-app .case-shot{order:-1}.case-row-copy .case-lead,.case-row-copy .case-app-lead{font-size:clamp(24px,6vw,34px)}.case-row-copy .case-time strong{font-size:48px}}

@media(min-width:801px){.case-row-bot .case-shot{order:1}.case-row-app .case-shot{order:-1}}

.case-shot-app img{max-height:680px;max-width:90%}.case-value{font:inherit}@media(max-width:800px){.case-shot-app img{max-height:none;max-width:94%}}

.case-shot-bot{align-items:center}.bot-preview{width:min(100%,560px);min-width:0}.preview-label{margin:0 0 12px;color:#e3d3f6;font-size:13px;font-weight:750}.preview-window{width:100%;aspect-ratio:560/590;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid #4a4250;border-radius:8px;background:#101115;scrollbar-color:#766680 #19171e}.preview-screen{position:relative;width:100%;aspect-ratio:560/590;overflow:hidden}.preview-prices{aspect-ratio:560/790}.preview-screen[hidden]{display:none}.case-shot .preview-screen img{position:absolute;display:block;width:var(--image-width);height:auto;max-width:none;max-height:none;left:0;bottom:0;border:0;border-radius:0;user-select:none;pointer-events:none}.preview-hotspot{position:absolute;display:block;padding:0;margin:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.preview-hotspot:hover{background:#ffffff20;box-shadow:inset 0 0 0 2px #ffffff99}.preview-hotspot:focus-visible{outline:3px solid #fff;outline-offset:-3px;background:#ffffff20}.preview-open{left:11%;width:85%;top:69%;height:7%}.preview-bookings-button{left:11%;width:42%;top:76.5%;height:7%}.preview-prices-button{left:54%;width:42%;top:76.5%;height:7%}.preview-about-button{left:11%;width:42%;top:83.5%;height:7%}.preview-contacts-button{left:54%;width:42%;top:83.5%;height:7%}.preview-admin-button{left:11%;width:85%;top:91%;height:7%}.preview-back{left:11%;width:calc(var(--back-width) - 11%);bottom:1%;height:7.5%}.preview-prices .preview-back{height:5.5%;bottom:1.5%}.preview-note{margin:12px 0 0;color:#b5acbc;font-size:12px;line-height:1.55}.preview-note a{color:#d4c0f3;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.preview-label{font-size:13px}.preview-note{font-size:12px}}
.preview-return{margin:12px 0 0;padding:9px 12px;min-height:44px;border:1px solid #62556b;border-radius:4px;background:#28232d;color:#eee6f2;font:700 12px 'Segoe UI',sans-serif;cursor:pointer}.preview-return:hover{background:#38303e}.preview-return[hidden]{display:none}



.preview-window{position:relative}.preview-ghost{position:absolute;z-index:8;left:75%;top:48%;width:32px;height:36px;color:#f6b76b;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 5px #000b);transition:left .85s cubic-bezier(.25,.8,.25,1),top .85s cubic-bezier(.25,.8,.25,1),opacity .25s ease,transform .15s ease}.preview-ghost svg{display:block;width:100%;height:100%}.preview-ghost.is-visible{opacity:1}.preview-ghost.to-bookings{left:30%;top:79%}.preview-ghost.to-menu{left:48%;top:93%}.preview-ghost.is-clicking{transform:scale(.8)}@media(prefers-reduced-motion:reduce){.preview-ghost{display:none}}

.preview-ghost{width:38px;height:38px;border:1px solid #9adce2;border-radius:50%;background:rgba(102,204,216,.1);box-shadow:0 0 14px rgba(109,207,220,.3);filter:none;transform:translate(-50%,-50%)}.preview-ghost::after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border:1.5px solid #b9f1f4;border-radius:50%;transform:translate(-50%,-50%)}.preview-ghost.is-clicking{transform:translate(-50%,-50%) scale(.8)}

.preview-ghost{inset:0;width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;transform:none;transition:opacity .25s ease}.preview-ghost::before,.preview-ghost::after{content:"";position:absolute;left:75%;top:48%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.preview-ghost::before{width:38px;height:38px;border:1px solid #9adce2;background:rgba(102,204,216,.1);box-shadow:0 0 14px rgba(109,207,220,.3);transition:left 1s cubic-bezier(.25,.8,.25,1),top 1s cubic-bezier(.25,.8,.25,1),width .16s ease,height .16s ease}.preview-ghost::after{width:5px;height:5px;border:1.5px solid #b9f1f4;background:transparent;transition:left .65s cubic-bezier(.25,.8,.25,1),top .65s cubic-bezier(.25,.8,.25,1),background .2s ease}.preview-ghost.to-bookings::before,.preview-ghost.to-bookings::after{left:30%;top:79%}.preview-ghost.to-menu::before,.preview-ghost.to-menu::after{left:48%;top:93%}.preview-ghost.to-bookings::before,.preview-ghost.to-menu::before{width:52px;height:52px}.preview-ghost.to-bookings::after,.preview-ghost.to-menu::after{background:#b9f1f4}.preview-ghost.is-clicking{transform:none}.preview-ghost.is-clicking::before{width:25px;height:25px}
.preview-ghost.to-bookings,.preview-ghost.to-menu{left:0;top:0}

.preview-ghost::before{width:34px;height:34px;transition:left .8s cubic-bezier(.25,.8,.25,1),top .8s cubic-bezier(.25,.8,.25,1),width .16s ease,height .16s ease}.preview-ghost::after{transition:left .65s cubic-bezier(.25,.8,.25,1),top .65s cubic-bezier(.25,.8,.25,1),background .2s ease}.preview-ghost.to-bookings::before,.preview-ghost.to-menu::before{width:38px;height:38px}.preview-ghost.is-clicking::before{width:25px;height:25px}

/* Project selector */
.project-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.project-switch button{min-width:0;min-height:145px;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #423a47;border-radius:10px;background:#1d1921;color:#f5f3f8;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.project-switch button:hover,.project-switch button[aria-expanded="true"]{border-color:#b99af7;background:#282130}.project-switch-label{display:block;margin-bottom:14px;color:#c5a8f2;font:800 10px/1.3 'Segoe UI',sans-serif;letter-spacing:.13em}.project-switch-title{display:block;font:600 clamp(20px,2.3vw,32px)/1.25 UnboundedLocal,'Segoe UI',sans-serif;letter-spacing:-.055em}.project-switch-icon{flex:none;font-size:25px;line-height:1;color:#c4a7ff;transition:transform .3s ease}.project-switch button[aria-expanded="true"] .project-switch-icon{transform:rotate(45deg)}.project-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .364s ease,visibility 0s linear .364s}.project-panel.is-open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .364s ease,visibility 0s}.project-panel-inner{min-height:0;overflow:hidden}.project-panel .case-parser{margin-top:0}@media(max-width:700px){.project-switch{grid-template-columns:1fr;gap:10px}.project-switch button{min-height:112px;padding:22px}.project-switch-title{font-size:24px}}@media(prefers-reduced-motion:reduce){.project-panel,.project-panel.is-open,.project-switch-icon{transition:none}}

/* Guide cursor for the project selector */
.project-switch button{position:relative}.project-guide{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;transition:opacity .25s ease}.project-guide::before,.project-guide::after{content:'';position:absolute;left:78%;top:25%;border-radius:50%;transform:translate(-50%,-50%);transition:left .8s cubic-bezier(.25,.8,.25,1),top .8s cubic-bezier(.25,.8,.25,1),width .16s ease,height .16s ease}.project-guide::before{width:34px;height:34px;border:1px solid #9adce2;background:rgba(102,204,216,.1);box-shadow:0 0 14px rgba(109,207,220,.3)}.project-guide::after{width:5px;height:5px;border:1.5px solid #b9f1f4}.project-guide.is-visible{opacity:1}.project-guide.to-project::before,.project-guide.to-project::after{left:55%;top:60%}.project-guide.to-project::before{width:38px;height:38px}.project-guide.is-clicking::before{width:25px;height:25px}@media(prefers-reduced-motion:reduce){.project-guide{display:none}}

.case-shot-app .miniapp-demo{display:block;width:min(100%,500px);height:820px;scroll-margin-bottom:80px;border:1px solid #403943;border-radius:8px;background:#121212}@media(max-width:800px){.case-shot-app .miniapp-demo{width:100%;height:700px}}

/* Keep only the pointer belonging to the area currently under the mouse. */
html:has(iframe.miniapp-demo:hover) .pointer-ring,html:has(iframe.miniapp-demo:hover) .pointer-dot{opacity:0!important}.preview-neutral{display:flex;align-items:flex-end;background:#101115;padding:0 4% 3% 11%}.preview-neutral-content{width:100%}.preview-neutral-message{border-radius:14px 14px 4px 4px;background:#182027;color:#e8edf0;padding:16px;font:14px/1.5 'Segoe UI',sans-serif}.preview-neutral-message strong{font-size:13px}.preview-neutral-message p{margin:18px 0 0}.preview-neutral-back{width:100%;min-height:42px;border:0;border-radius:5px;background:#4395ad;color:white;font:600 13px 'Segoe UI',sans-serif;cursor:pointer}.preview-neutral-back:focus-visible{outline:3px solid #fff;outline-offset:-3px}

/* Hit areas matched to the latest Telegram screenshots. */
.preview-open{left:10.96%;width:81.94%;top:70.7%;height:6.9%}.preview-bookings-button,.preview-about-button{left:10.96%;width:40.9%}.preview-prices-button,.preview-contacts-button{left:51.86%;width:41.04%}.preview-bookings-button,.preview-prices-button{top:77.6%;height:6.9%}.preview-about-button,.preview-contacts-button{top:84.6%;height:6.9%}.preview-admin-button{left:10.96%;width:81.94%;top:91.5%;height:6.9%}.preview-back{left:10.96%;width:calc(var(--back-width) - 10.96%);bottom:1.7%;height:6.9%}.preview-prices .preview-back{bottom:1.25%;height:5.2%}

@media(min-width:801px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.magnetic-zone{padding:30px;margin:-30px}}

.language-switch a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
