@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(assets/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(assets/fonts/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{color-scheme:dark;--bg:#090f18;--surface:#111a27;--text:#f5f7fc;--muted:#acb8cc;--blue:#009df4;--line:rgba(141,168,203,.2);--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #6fcfff;outline-offset:6px}::selection{background:#166192;color:#fff}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:0}h1{font-size:clamp(2.4rem,4.1vw,4rem);font-weight:300}h2{font-size:clamp(2.3rem,3.8vw,3.65rem);font-weight:300}h3{font-size:1.38rem;font-weight:450;letter-spacing:-.02em;line-height:1.3}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 100px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:35px;width:min(1440px,calc(100% - 80px));height:108px;margin:auto;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:17px;flex-shrink:0}.brand img{width:34px;height:49px;object-fit:contain}.brand-name{font-family:Arial,Helvetica,sans-serif;font-size:27px;letter-spacing:.13em;font-weight:700}.brand-description{font-size:12px;line-height:1.3;letter-spacing:.02em;padding-left:15px;border-left:1px solid #506070}.header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:450}.header nav a{white-space:nowrap;padding:10px 0;transition:color .2s}.header nav a:hover,.header nav a.active{color:#61c0ff}.header nav a:last-child span{margin-left:6px}.menu-toggle{display:none}.skip{position:fixed;top:5px;left:10px;transform:translateY(-150%);background:white;color:black;z-index:100;padding:10px 20px}.skip:focus{transform:none}.hero{position:relative;overflow:hidden;padding-top:12px;background:radial-gradient(ellipse at 50% 18%,rgba(20,47,79,.2),transparent 60%)}.hero-intro{text-align:center;position:relative;z-index:3;padding:0 22px}.hero-intro p{font-size:16px;margin-top:14px;color:#a2b1c6;letter-spacing:.005em}.hero-stage{position:relative;isolation:isolate;width:min(1200px,100%);margin:30px auto -30px;padding-top:70px}.hero-word{position:absolute!important;z-index:0;top:0;left:50%;transform:translateX(-50%);width:57%!important;max-width:none!important}.wordmark{display:block;position:relative;background:linear-gradient(to right,#f7f8fb 0 65%,var(--blue) 65% 100%);height:auto;aspect-ratio:5.9/1;mask-image:url('assets/apteos.png');mask-size:137.5% 277%;mask-position:50% 50%;mask-repeat:no-repeat;-webkit-mask-image:url('assets/apteos.png');-webkit-mask-size:137.5% 277%;-webkit-mask-position:50% 50%;-webkit-mask-repeat:no-repeat;width:270px;max-width:100%}.apptalker{aspect-ratio:8.05/1;mask-image:url('assets/apptalker.png');-webkit-mask-image:url('assets/apptalker.png');mask-size:126% 256%;-webkit-mask-size:126% 256%;background:linear-gradient(to right,#f7f8fb 0 29%,var(--blue) 29% 100%);width:350px}.monitor{position:relative;z-index:1;width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 88%,transparent 100%);filter:saturate(.95)}.hero-products{display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:3;gap:0;padding-top:0}.hero-product{padding:0 45px;display:flex;flex-direction:column;gap:17px;transition:transform .25s}.hero-product:first-child{padding-left:20px}.hero-product+ .hero-product{border-left:1px solid var(--line)}.hero-product .wordmark{height:40px;max-width:100%;width:auto;align-self:flex-start}.hero-product>span:last-child{font-weight:350;font-size:20px;line-height:1.45;color:#dbe3ed}.hero-product:hover{transform:translateY(-4px)}.services-word{font-size:42px;line-height:1;font-weight:800;letter-spacing:-.035em;color:var(--blue)}.hero-end{text-align:center;padding:42px 24px 46px}.hero-end p{font-size:16px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:16px;color:#56b9f8;border-bottom:1px solid rgba(72,174,240,.35);padding-bottom:5px;line-height:1.4}.text-link span{transition:transform .25s;font-size:23px;line-height:1}.text-link:hover span{transform:translate(3px,-3px)}.down-link{margin-top:24px;color:#d7e3ef;font-size:14px;border:0}.down-link:hover span{transform:translateY(4px)}.section{padding-top:75px;padding-bottom:75px;scroll-margin-top:10px}.section-label{display:flex;align-items:center;gap:25px;font-size:12px;letter-spacing:.19em;color:#96aaca;margin-bottom:55px;line-height:1.5}.rule{height:1px;background:var(--line);flex:1}.index{font-size:12px;letter-spacing:.05em;color:#64778f}.large-copy{font-weight:350;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.4;letter-spacing:0}.muted{color:var(--muted)}.product-banner{display:grid;grid-template-columns:31% 69%;align-items:center;gap:0;padding-bottom:64px}.product-copy{padding-right:30px}.product-copy .wordmark{width:290px}.product-copy .large-copy{margin-top:22px}.product-copy .muted{font-size:16px;margin-top:18px;max-width:300px}.product-copy .text-link{margin-top:25px;font-size:14px}.carousel{min-width:0;position:relative}.carousel-viewport{overflow-x:auto;scrollbar-width:none;touch-action:pan-x pan-y;mask-image:linear-gradient(to right,transparent,#000 4%,#000 93%,transparent);padding:12px 0 12px 16px}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{display:flex;align-items:flex-start;gap:14px;width:max-content}.tile{width:288px;height:auto;aspect-ratio:260/214;max-width:none;flex:0 0 auto;object-fit:contain;filter:saturate(.95);transition:filter .3s}.tile:hover{filter:saturate(1.04)}.talker{position:relative;display:grid;grid-template-columns:44% 56%;min-height:470px;isolation:isolate;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.talker-copy{position:relative;z-index:2;padding:55px 0}.talker-copy .wordmark{width:330px;margin-bottom:24px}.talker h3{font-size:clamp(2rem,3.2vw,3.1rem);letter-spacing:0;font-weight:300;line-height:1.2;margin-bottom:24px}.talker-copy p{max-width:400px;font-size:17px;margin-bottom:25px}.talker-photo{position:absolute;right:-30px;top:0;bottom:0;width:64%;z-index:0;overflow:hidden;mask-image:linear-gradient(to right,transparent 0,#000 22%,#000 94%,transparent 100%)}.talker-photo img{height:100%;width:100%;object-fit:cover;object-position:62% 50%}.services{display:grid;grid-template-columns:210px 1fr 50px;gap:35px;padding:50px 0 32px;align-items:center}.services h3{font-size:23px;font-weight:400;line-height:1.4}.services p{font-size:16px;margin-top:9px}.services .services-word{font-size:36px}.circle-link{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:46px;height:46px;font-size:23px;transition:background .25s}.circle-link:hover{background:#19314b}.many{margin:8px 0 0 245px;font-size:15px;color:#8294ad}.many span{color:#c4cfde}.approach{border-top:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.section-intro>p{font-size:20px;max-width:470px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.principles article{padding:0 40px}.principles article:first-child{padding-left:0}.principles article+article{border-left:1px solid var(--line)}.small-number{font-size:13px;letter-spacing:.05em;color:#6183a7;display:block;margin-bottom:20px}.principles h3{margin-bottom:15px}.principles p{font-size:17px}.consulting{background:linear-gradient(115deg,#0c1521,#101b2a 70%,#0b121d);border-top:1px solid rgba(152,173,208,.1);border-bottom:1px solid rgba(152,173,208,.1)}.consulting-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.consulting-copy .large-copy{margin-top:25px;color:#d9e1eb;font-size:23px}.consulting-copy>p:not(.large-copy){font-size:18px;margin-top:20px;max-width:470px}.consulting-copy .text-link{margin-top:32px}.consulting-points article{display:flex;gap:25px;padding:27px 0}.consulting-points article:first-child{padding-top:0}.consulting-points article+article{border-top:1px solid var(--line)}.consulting-points article>span{color:#6286ad;font-size:13px;padding-top:5px}.consulting-points h3{font-size:22px;margin-bottom:12px}.consulting-points p{font-size:17px}.consulting-foot{display:flex;gap:50px;padding-top:42px;margin-top:50px;border-top:1px solid var(--line);font-size:14px;color:#8fa3bb}.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.portrait{height:510px;overflow:hidden;border-radius:3px;background:#111d2d}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:saturate(.65)}.eyebrow{font-size:11px;letter-spacing:.16em;line-height:1.6;margin-bottom:22px;color:#7395bc}.founder-copy .large-copy{margin-top:20px;font-size:24px;color:#d4deea}.founder-copy>p:not(.large-copy):not(.eyebrow){margin-top:21px;font-size:17px}.founder-note{border-left:2px solid #267cc0;padding-left:20px;color:#d3dfef}.founder-copy .text-link{margin-top:25px}.contact{background:linear-gradient(145deg,#0f1a29,#0a111c);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid .large-copy{margin-top:24px;font-size:23px}.email{display:inline-block;font-size:20px;margin-top:45px;color:#57bafa}.email span{margin-left:15px}form{display:flex;flex-direction:column}form label{font-size:14px;color:#c9d5e5;margin-bottom:9px}input,textarea{background:rgba(12,20,32,.6);border:1px solid #304258;border-radius:7px;padding:14px 17px;color:#fff;min-width:0;max-width:100%;margin-bottom:22px;transition:border-color .2s;width:100%}input::placeholder,textarea::placeholder{color:#71839a}input:focus,textarea:focus{border-color:#3c9edb}textarea{resize:vertical;min-height:120px}.button{align-self:flex-start;border:1px solid #159bee;background:linear-gradient(130deg,#008edc,#0877c4);border-radius:6px;padding:14px 22px;color:#fff;display:flex;gap:30px;align-items:center;font-size:16px;transition:filter .2s}.button:hover{filter:brightness(1.12)}.button span{font-size:22px}.form-note{font-size:13px;color:#8094af;margin-top:16px;max-width:380px}#form-status{font-size:14px;margin-top:15px;color:#acd8f5}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:30px;padding-top:30px;padding-bottom:30px}.footer .brand img{height:35px;width:24px}.footer .brand-name{font-size:21px}.footer p{font-size:12px;color:#7d90aa}.back-top{font-size:13px;white-space:nowrap;color:#b9c9db}
@media(min-width:1500px){.hero-stage{margin-bottom:-45px}.hero-intro{padding-top:12px}}
@media(max-width:1100px){.header{width:calc(100% - 50px);gap:20px}.brand-description{display:none}.header nav{gap:23px}.wrap{width:calc(100% - 70px)}.hero-stage{padding-top:50px;margin-top:25px}.hero-product{padding:0 25px}.hero-product .wordmark{height:32px}.hero-product>span:last-child{font-size:18px}.services-word{font-size:34px}.section-intro{gap:40px}.consulting-grid,.contact-grid{gap:60px}.founder-grid{gap:50px}.product-banner{grid-template-columns:34% 66%}.tile{width:264px}.talker-copy p{max-width:340px}.hero-word{width:57%!important}}
@media(max-width:760px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.header{height:82px;width:calc(100% - 40px)}.brand{gap:12px}.brand img{height:40px;width:28px}.brand-name{font-size:24px}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;color:var(--text);border:1px solid var(--line);padding:7px 13px;border-radius:5px;font-size:14px}.menu-toggle span{font-size:20px}.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#101b29;padding:18px 24px;box-shadow:0 16px 45px #0008;border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:stretch;gap:3px;font-size:16px}.header nav.open{display:flex}.header nav a{padding:11px 0}.hero{padding-top:20px}h1{font-size:clamp(2rem,6.4vw,3rem);letter-spacing:0}.hero-intro p{font-size:14px;max-width:290px;margin:17px auto 0}.hero-stage{margin:30px auto 0;padding-top:30px;width:112%;left:-6%}.hero-word{width:60%!important}.hero-products{width:calc(100% - 40px);grid-template-columns:1fr;margin-top:0}.hero-product,.hero-product:first-child{padding:22px 0;display:grid;grid-template-columns:42% 1fr;gap:20px;align-items:center}.hero-product+.hero-product{border-left:0;border-top:1px solid var(--line)}.hero-product .wordmark{width:100%;height:auto;align-self:center}.hero-product>span:last-child{font-size:15px;line-height:1.5}.hero-product .services-word{font-size:29px}.desktop{display:none}.hero-end{padding:17px 25px 24px}.hero-end p{font-size:14px}.down-link{margin-top:19px}.section{padding-top:48px;padding-bottom:48px}.section-label{font-size:10px;gap:16px;margin-bottom:32px;letter-spacing:.15em}.section-label .index{font-size:11px}.product-banner{grid-template-columns:1fr;padding-bottom:35px}.product-copy{padding:0}.product-copy h2{max-width:250px}.product-copy .large-copy{font-size:22px;margin-top:15px}.product-copy .large-copy br{display:none}.product-copy .muted{max-width:470px;margin-top:12px;font-size:16px}.product-copy .text-link{margin-top:17px}.carousel{margin:25px -20px 0}.tile{width:252px}.talker{display:flex;flex-direction:column;align-items:stretch}.talker-copy{padding:38px 0 20px}.talker-copy .wordmark{width:285px;margin-bottom:20px}.talker h3{font-size:32px}.talker-copy p{max-width:470px;font-size:16px}.talker-photo{position:relative;right:auto;top:auto;bottom:auto;width:calc(100% + 40px);margin:0 -20px;height:280px;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 96%,transparent 100%)}.talker-photo img{object-position:65% 50%}.services{grid-template-columns:1fr 42px;gap:17px;padding:35px 0 20px}.services .services-word{grid-column:1/2;font-size:30px}.services>div{grid-column:1/2}.services .circle-link{grid-column:2/3;grid-row:1/3;align-self:center;width:42px;height:42px}.services h3{font-size:21px}.services p{font-size:15px}.many{margin:8px 0 0;font-size:14px}.many span{display:block}.section-intro{grid-template-columns:1fr;gap:24px}.section-intro h2{font-size:34px}.section-intro>p{font-size:18px}.principles{grid-template-columns:1fr;margin-top:32px}.principles article,.principles article:first-child{padding:24px 0}.principles article+article{border-left:none;border-top:1px solid var(--line)}.small-number{margin-bottom:12px}.principles p{font-size:16px;max-width:470px}.consulting-grid,.contact-grid{grid-template-columns:1fr;gap:42px}.consulting h2,.contact h2{font-size:38px}.consulting-copy>p:not(.large-copy){font-size:17px}.consulting-copy .large-copy{font-size:22px}.consulting-points article{gap:18px;padding:24px 0}.consulting-points h3{font-size:21px}.consulting-points p{font-size:16px}.consulting-foot{flex-wrap:wrap;gap:10px 25px;font-size:13px;margin-top:18px;padding-top:25px}.founder-grid{grid-template-columns:1fr;gap:32px}.portrait{height:390px;max-width:450px}.founder-copy h2{font-size:35px}.founder-copy .large-copy{font-size:21px}.founder-copy>p:not(.large-copy):not(.eyebrow){font-size:16px}.contact-grid .large-copy{font-size:20px}.email{margin-top:24px;font-size:18px}.contact-grid{gap:36px}.button{width:100%;justify-content:space-between}.footer{flex-wrap:wrap;gap:20px}.footer p{order:3;width:100%;font-size:11px}.footer .brand{margin-right:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* The approved scene is displayed as a crop; all headings remain live HTML. */
.wordmark{mask-mode:luminance}
.hero-stage{width:min(1390px,100%);padding-top:6.2%;margin-top:26px;margin-bottom:20px}
.hero-word{width:48%!important;top:0}
.monitor-clip{position:relative;width:100%;aspect-ratio:1536/467;overflow:hidden;z-index:1;mask-image:linear-gradient(to bottom,#000 0%,#000 90%,transparent 100%)}
.monitor{position:absolute;top:-68.094%;left:0;width:100%;height:auto;max-width:none;mask-image:none;filter:saturate(.95)}
@media(min-width:1500px){.hero-stage{padding-top:90px;margin-bottom:20px}}
@media(max-width:1100px){.hero-stage{padding-top:6.2%;margin-bottom:15px}.hero-word{width:48%!important}}
@media(max-width:760px){.hero-stage{width:116%;left:-8%;padding-top:7%;margin-top:28px;margin-bottom:15px}.hero-word{width:53%!important}.hero-product .wordmark{max-width:100%}}

/* One continuous, restrained backdrop, including the navigation. */
body{background-color:var(--bg);background-image:radial-gradient(ellipse 78% 640px at 50% 350px,rgba(32,48,68,.28),rgba(17,28,43,.12) 65%,transparent 100%);background-repeat:no-repeat}
.hero{background:transparent}
.monitor-clip{mask-image:url('assets/scene-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url('assets/scene-mask.svg');-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.apptalker{background:linear-gradient(to right,#f7f8fb 0 29%,#efb947 29% 100%)}
.services-word{color:#ee646c}
.talker-copy .text-link{color:#e7bb66;border-bottom-color:rgba(231,187,102,.35)}
.services .circle-link:hover{background:#3b2129}
.header nav a:hover,.header nav a.active{color:#f0f4fa}
@media(max-width:760px){body{background-size:100% 1050px;background-image:radial-gradient(ellipse 100% 500px at 50% 300px,rgba(32,48,68,.28),rgba(17,28,43,.12) 65%,transparent 100%)}}

/* Correct split: APP stays white, TALKER carries the product accent. */
.apptalker{background:linear-gradient(to right,#f7f8fb 0 34.3%,#efb947 34.3% 100%)}
.scene-next{display:none}
.portrait{position:relative;height:clamp(440px,65svh,650px);background:radial-gradient(ellipse at 50% 56%,#233041 0%,#111b28 43%,transparent 73%);overflow:hidden;border-radius:0}
.portrait img{height:100%;width:100%;object-fit:contain;object-position:center bottom;filter:none;mask-image:linear-gradient(to bottom,#000 0%,#000 84%,transparent 100%)}
.approach{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.consulting{min-height:100svh;display:flex;align-items:center}
.consulting>.wrap{width:min(var(--max),calc(100% - 100px))}
@media(min-width:900px) and (min-height:680px){
 .scroll-scenes .header{position:absolute;top:0;left:50%;transform:translateX(-50%)}
 .scroll-scenes .hero{--scene-progress:0;height:165svh;padding-top:0;overflow:visible}
 .scroll-scenes .hero-pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
 .scroll-scenes .hero-intro{position:absolute;top:clamp(105px,14svh,145px);width:100%;opacity:calc(1 - var(--scene-progress)*1.7);transform:translateY(calc(var(--scene-progress)*-45px));pointer-events:none}
 .scroll-scenes .hero-intro h1{font-size:clamp(2.5rem,5.8svh,4rem)}
 .scroll-scenes .hero-intro p{font-size:16px}
 .scroll-scenes .hero-stage{position:absolute;left:50%;bottom:clamp(50px,6svh,80px);width:min(1390px,96vw,calc((100svh - 290px)*2.65));padding:0;margin:0;transform:translate(-50%,calc(var(--scene-progress)*-75px))}
 .scroll-scenes .hero-word{top:0;transform:translateX(-50%);width:48%!important}
 .scroll-scenes .monitor-clip{margin-top:6.5%;transform:translateY(calc(var(--scene-progress)*-26%))}
 .scroll-scenes .hero-products{position:absolute;bottom:110px;left:50%;width:min(var(--max),calc(100% - 100px));transform:translate(-50%,calc((1 - var(--scene-progress))*130px));opacity:clamp(0,calc((var(--scene-progress) - .45)*2.4),1);visibility:hidden;padding:0}
 .scroll-scenes .hero-product>span:last-child{font-size:clamp(16px,2.1svh,20px)}
 .scroll-scenes .hero-product .wordmark{height:clamp(28px,4svh,40px)}
 .scroll-scenes .hero-product .services-word{font-size:clamp(30px,4.4svh,42px)}
 .scroll-scenes .hero-end{position:absolute;bottom:12px;left:0;right:0;padding:12px 25px;opacity:clamp(0,calc((var(--scene-progress) - .55)*3),1);visibility:hidden}
 .scroll-scenes .hero-end p{font-size:14px}
 .scroll-scenes .hero-end .down-link{margin-top:12px}
 .scroll-scenes .products-visible .hero-products,.scroll-scenes .products-visible .hero-end{visibility:visible}
 .scroll-scenes .scene-next{display:flex;align-items:center;gap:16px;position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:8px 16px;background:none;border:0;color:#c7d4e4;font-size:14px;z-index:5}
 .scroll-scenes .scene-next span{font-size:22px}
 .scroll-scenes .products-visible .scene-next{visibility:hidden;pointer-events:none}
 .solutions{padding-top:35px;padding-bottom:35px;min-height:100svh}
 .solutions .section-label{margin-bottom:22px}
 .product-banner{padding-bottom:20px}
 .product-copy .wordmark{width:240px}
 .product-copy .large-copy{font-size:22px;margin-top:15px}
 .product-copy .muted{font-size:15px;margin-top:12px}
 .product-copy .text-link{margin-top:15px}
 .solutions .tile{width:clamp(216px,27.6svh,282px)}
 .solutions .talker{min-height:290px}
 .talker-copy{padding:25px 0}
 .talker-copy .wordmark{width:280px;margin-bottom:16px}
 .talker h3{font-size:clamp(27px,3.7svh,36px);margin-bottom:16px;max-width:470px}
 .talker-copy p{font-size:16px;margin-bottom:17px}
 .solutions .services{padding:25px 0 14px}
 .services h3{font-size:21px}
 .many{margin-top:0}
}
@media(max-width:899px),(max-height:679px){
 .approach,.consulting{min-height:0}
}
@media(max-width:760px){
 .consulting>.wrap{width:calc(100% - 40px)}
 .portrait{height:480px}
}

/* Original logo proportions with a safe margin on all four edges. */
.wordmark{aspect-ratio:1232/250;mask-image:url('assets/apteos-safe.svg');-webkit-mask-image:url('assets/apteos-safe.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;background:linear-gradient(to right,#f7f8fb 0 64.53%,var(--blue) 64.53% 100%)}
.apptalker{aspect-ratio:1666/227;mask-image:url('assets/apptalker-safe.svg');-webkit-mask-image:url('assets/apptalker-safe.svg');background:linear-gradient(to right,#f7f8fb 0 34.75%,#efb947 34.75% 100%)}

/* The foreground C hides the portrait crop; only the outer background fades. */
.portrait{height:auto;aspect-ratio:1182/1330;background:transparent;overflow:visible;align-self:center}
.portrait img{width:100%;height:auto;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 88%,transparent);-webkit-mask-composite:source-in}

.portrait{transform:scale(.95);transform-origin:center center}

/* Composite the approved portrait directly over the page: the near-black
   photographic backdrop disappears, including through the C opening.
   Blend on the wrapper, outside the child's mask/transform stacking context. */
.portrait{mix-blend-mode:lighten;background:transparent}

/* Expanded editorial sections: readable content, natural viewport-height flow. */
.product-description{padding:6px 0 28px;max-width:1120px}
.product-description p{font-size:16px;line-height:1.7;color:#b6c2d3}
.editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(40px,5vw,72px);align-items:start}
.editorial-intro h2{font-size:clamp(32px,3.25vw,48px);line-height:1.2}
.editorial-intro>p{margin-top:24px;font-size:17px;line-height:1.7;max-width:38ch}
.editorial-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px;margin:0}
.editorial-points article,.editorial-points article:first-child,.editorial-points article+article{padding:18px 0 0;border-left:0;border-top:1px solid var(--line)}
.editorial-points .small-number{display:block;margin-bottom:10px;color:#8197b2;font-size:14px}
.editorial-points h3{font-size:21px;line-height:1.35;letter-spacing:-.02em;margin-bottom:12px}
.editorial-points p{font-size:16px;line-height:1.7;margin:0;max-width:none}
.approach,.consulting{padding-block:clamp(56px,7svh,88px)}
.consulting-copy .large-copy{font-size:21px;color:#d9e1eb}
.consulting-copy>p:not(.large-copy){font-size:17px}
.consulting-foot{margin-top:34px;padding-top:22px;gap:30px}
@media(max-width:1100px){.editorial-grid{grid-template-columns:1fr;gap:32px}.editorial-intro>p{max-width:65ch}.editorial-intro h2{font-size:38px}}
@media(max-width:760px){.editorial-points{grid-template-columns:1fr;gap:24px}.editorial-grid{gap:26px}.editorial-intro h2{font-size:34px}.editorial-intro>p{font-size:17px}.product-description{padding:0 0 28px}.consulting-foot{gap:10px 24px}}

/* Small optical corrections; initial logo rises without changing the monitor endpoint. */
.hero-word{top:clamp(-10px,-.7vw,-6px)}
.scroll-scenes .hero-word{top:clamp(-10px,-.7vw,-6px)}
.services-word{font-family:"Arial Black",Arial,Helvetica,sans-serif;font-weight:900;-webkit-text-stroke:.45px currentColor;paint-order:stroke fill;letter-spacing:-.04em}
.company-record{display:grid;grid-template-columns:1fr 2fr;gap:48px;border-top:1px solid var(--line);padding:32px 0 40px;color:#a8b5c8}
.company-identity h2{font-weight:550;font-size:18px;letter-spacing:0;line-height:1.4;color:#d7dfeb}
.company-identity p,.company-identity address{font-size:14px;line-height:1.65;font-style:normal}
.company-identity p{margin-top:3px}
.company-identity address{margin-top:10px}
.company-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 30px;margin:0;align-content:start}
.company-data dt{font-size:13px;color:#8495ad;margin-bottom:3px}
.company-data dd{margin:0;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums;color:#bdc8d8}
@media(max-width:760px){.company-record{grid-template-columns:1fr;gap:28px;padding:28px 0 32px}.company-data{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.company-footer .footer{width:100%}}

/* Autoplay uses a floating scroll position; controls clearly expose play/pause. */
.carousel-viewport{scroll-behavior:auto;overflow-anchor:none}
@media(max-width:899px) and (min-height:560px){
 .scroll-scenes .header{position:absolute;top:0;left:50%;transform:translateX(-50%)}
 .scroll-scenes .hero{--scene-progress:0;height:165svh;padding-top:0;overflow:visible}
 .scroll-scenes .hero-pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
 .scroll-scenes .hero-intro{position:absolute;top:clamp(95px,15svh,120px);width:100%;padding:0 20px;opacity:calc(1 - var(--scene-progress)*1.7);transform:translateY(calc(var(--scene-progress)*-35px));pointer-events:none}
 .scroll-scenes .hero-intro h1{font-size:clamp(25px,7vw,34px);line-height:1.15}
 .scroll-scenes .hero-intro p{font-size:14px;max-width:310px;margin:14px auto 0}
 .scroll-scenes .hero-stage{position:absolute;left:50%;bottom:clamp(145px,27svh,240px);width:min(850px,116vw,calc((100svh - 300px)*1.6));padding:0;margin:0;transform:translate(-50%,calc(var(--scene-progress)*clamp(-160px,-22svh,-100px)))}
 .scroll-scenes .hero-word{width:48%!important;top:-2px;transform:translateX(-50%)}
 .scroll-scenes .monitor-clip{margin-top:7.2%;transform:translateY(calc(var(--scene-progress)*-28%))}
 .scroll-scenes .hero-products{position:absolute;bottom:104px;left:50%;width:calc(100% - 40px);max-width:580px;margin:0;padding:0;grid-template-columns:1fr;transform:translate(-50%,calc((1 - var(--scene-progress))*85px));opacity:clamp(0,calc((var(--scene-progress) - .4)*2.5),1);visibility:hidden}
 .scroll-scenes .hero-product,.scroll-scenes .hero-product:first-child{padding:12px 0;display:grid;grid-template-columns:42% 1fr;gap:14px;align-items:center}
 .scroll-scenes .hero-product+.hero-product{border-left:0;border-top:1px solid var(--line)}
 .scroll-scenes .hero-product .wordmark{width:100%;height:auto;align-self:center}
 .scroll-scenes .hero-product .services-word{font-size:clamp(26px,7vw,34px)}
 .scroll-scenes .hero-product>span:last-child{font-size:14px;line-height:1.45}
 .scroll-scenes .hero-end{position:absolute;bottom:10px;left:0;right:0;padding:0 20px;opacity:clamp(0,calc((var(--scene-progress) - .55)*3),1);visibility:hidden}
 .scroll-scenes .hero-end p{font-size:13px;line-height:1.5;max-width:380px;margin:auto}
 .scroll-scenes .hero-end .down-link{margin-top:10px;font-size:14px}
 .scroll-scenes .products-visible .hero-products,.scroll-scenes .products-visible .hero-end{visibility:visible}
 .scroll-scenes .scene-next{display:flex;align-items:center;gap:14px;position:absolute;bottom:24px;left:50%;transform:translateX(-50%);padding:10px 16px;background:none;border:0;color:#c7d4e4;font-size:14px;white-space:nowrap;z-index:5}
 .scroll-scenes .scene-next span{font-size:22px}
 .scroll-scenes .products-visible .scene-next{visibility:hidden;pointer-events:none}
}
@media(min-width:761px) and (max-width:899px) and (min-height:560px){.scroll-scenes .hero-intro{top:120px}}

/* More legible hero invitation across both scroll states. */
.hero-end .down-link,.scroll-scenes .hero-end .down-link,.scroll-scenes .scene-next{font-size:17px;font-weight:500}
@media(max-width:760px){.hero-end .down-link,.scroll-scenes .hero-end .down-link,.scroll-scenes .scene-next{font-size:16px}.company-data{row-gap:16px}}

/* Direct contact: a restrained graphite button with an outlined address graphic. */
.contact-direct{display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px;padding-bottom:12px}.contact-direct .large-copy{margin-top:24px;font-size:23px}
.contact-direct .email{display:inline-flex;align-items:center;justify-content:center;gap:28px;margin:0;padding:22px 30px;max-width:100%;border:1px solid #37414e;border-top-color:#526070;border-radius:14px;background:linear-gradient(155deg,#232d39 0%,#17202c 46%,#101824 100%);box-shadow:inset 0 1px 0 #ffffff0d,0 10px 28px #00000024;color:#cbd4e1;line-height:1;transition:border-color .2s,box-shadow .2s,transform .2s}
.contact-direct .email img{width:215px;max-width:calc(100% - 48px);height:auto;flex-shrink:1}.contact-direct .email span{font-size:25px;margin:0;display:inline-block;transition:transform .2s,color .2s}
.contact-direct .email:hover{border-color:#687689;box-shadow:inset 0 1px 0 #ffffff16,0 12px 32px #00000032;transform:translateY(-2px)}.contact-direct .email:hover span{transform:translate(2px,-2px);color:#fff}.contact-direct .email:active{transform:translateY(0)}
@media(max-width:760px){.contact-direct{grid-template-columns:1fr;gap:28px}.contact-direct .large-copy{font-size:20px;margin-top:20px}.contact-direct .email{justify-self:start;gap:22px;padding:19px 24px}.contact-direct .email img{width:195px}.contact-direct .email span{font-size:23px}}
@media(prefers-reduced-motion:reduce){.contact-direct .email,.contact-direct .email span{transition:none}.contact-direct .email:hover,.contact-direct .email:hover span{transform:none}}

.creator-credit{padding:14px 0 24px;border-top:1px solid var(--line);text-align:right;font-size:.875rem;font-weight:300;letter-spacing:.015em;color:#8e9bae}.creator-credit span{color:#b9c5d4;font-weight:400}
@media(max-width:520px){.creator-credit{text-align:left}}

/* UsługOS: the approved vector and the same product row as AppTalker. */
.uslugos-wordmark{display:block;width:310px;max-width:100%;height:auto;object-fit:contain}
.hero-product .uslugos-wordmark{width:auto;height:40px;max-width:100%;align-self:flex-start;object-position:left center}
.solutions .uslugos{min-height:clamp(360px,31vw,460px);border-top:0}
.uslugos .talker-copy{padding:34px 0}
.uslugos .uslugos-wordmark{width:310px;margin-bottom:20px}
.uslugos h3{font-size:clamp(27px,2.7vw,36px);line-height:1.25}
.uslugos .talker-copy p{max-width:400px}
.uslugos .text-link{color:#B3BAF0;border-bottom-color:#B3BAF059}
.uslugos .text-link:hover{color:#D4D9FF;border-bottom-color:#D4D9FF}
.uslugos .talker-photo{width:60%;right:-20px;mask-image:linear-gradient(to right,transparent,#000 14%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in}
.uslugos .talker-photo img{object-position:51% center}
@media(max-width:1100px){.hero-product .uslugos-wordmark{height:32px}.uslugos .talker-copy p{max-width:330px}}
@media(min-width:900px) and (min-height:680px){.scroll-scenes .hero-product .uslugos-wordmark{height:clamp(28px,4svh,40px)}}
@media(max-width:899px){.scroll-scenes .hero-product .uslugos-wordmark{width:100%;height:auto;align-self:center}}
@media(max-width:760px){.hero-product .uslugos-wordmark{width:100%;height:auto;align-self:center}.solutions .uslugos{min-height:0}.uslugos .talker-copy{padding:35px 0 20px}.uslugos .uslugos-wordmark{width:285px}.uslugos h3{font-size:32px}.uslugos .talker-copy p{max-width:470px}.uslugos .talker-photo{position:relative;inset:auto;width:calc(100% + 40px);height:auto;aspect-ratio:3/2;margin:0 -20px;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent)}.uslugos .talker-photo img{display:block;width:100%;height:auto}}