/* Shared finished-layout rules for the local company website. */
:root{--aqua:#c8e4dd;--muted:#b4c3cb;--line:#c1dce12e;--body-size:16px}
body{font-size:var(--body-size);-webkit-font-smoothing:antialiased}
button,a,summary{touch-action:manipulation}
.skip-to-content{position:fixed;z-index:100;top:10px;left:20px;transform:translateY(-200%);padding:16px 22px;background:#dceae2;color:#092025;border-radius:8px}
.skip-to-content:focus{transform:none}
.site-header{padding-inline:4%;gap:24px}
.site-header nav{font-size:14px;gap:22px}
.site-header nav a{min-height:44px;display:flex;align-items:center}
.header-action{font-size:13px;min-height:44px}
.site-header .brand>span{font-size:22px}.brand small{font-size:9px}
.menu-toggle{min-height:44px}
.scene-copy,.scene-0 .scene-copy{top:auto;bottom:154px;max-width:760px}
.scene h1,.scene h2{font-size:clamp(46px,5.1vw,82px);line-height:1.05}
.scene-sub{font-size:17px;line-height:1.6;max-width:440px;margin-bottom:22px}
.scene-copy .eyebrow{font-size:11px;letter-spacing:.14em;margin-bottom:24px}
.scene-copy .text-link,.text-link{font-size:14px;min-height:44px}
.story-controls{padding-top:15px;bottom:24px;gap:20px}
.scroll-note>span{font-size:10px;max-width:150px;letter-spacing:.08em}
.chapters{gap:6px}.chapters button{width:40px;height:40px;font-size:11px}
.skip{font-size:12px;min-height:44px;text-align:right}
.section{padding:100px max(6%,calc((100vw - 1440px)/2));scroll-margin-top:86px}
.section .eyebrow{font-size:12px;letter-spacing:.13em}.section-top>span{font-size:13px}
.section h2{font-size:clamp(42px,5.1vw,72px);line-height:1.08}
.section p,.section address{font-size:16px;line-height:1.75}
.audience-switch button{min-height:54px;font-size:19px}
.audience-panel h3,.solution-panel h3{font-size:clamp(27px,2.7vw,38px);line-height:1.2}
.audience-panel li strong{font-size:19px}.audience-panel li p{font-size:15px}.audience-panel li>span{font-size:13px}
.mini-label{font-size:11px;line-height:1.6;letter-spacing:.1em}
.pill{min-height:48px;font-size:15px;line-height:1.4;padding:14px 24px}
details{font-size:16px;padding:24px 0}summary{min-height:28px}details p,details>div{font-size:16px}details a{font-size:15px;text-decoration:underline;text-underline-offset:5px}
.solution-picker{gap:10px}.solution-picker button{font-size:14px;min-height:46px;padding:12px 18px}
.solution-flow{font-size:15px;line-height:1.5}
.portfolio-heading p{font-size:15px;max-width:340px}.portfolio small{font-size:11px}.portfolio strong{font-size:19px}
.portfolio img{transition:transform .6s ease}.portfolio>a:hover img{transform:scale(1.025)}
.partner-tags span{font-size:14px}.principles h3{font-size:25px}.principles span{font-size:12px}
.founder-note p:not(.eyebrow){font-size:17px}.founder-note p>span{font-size:14px}
.contact-grid a:not(.phone-link):not(.email-link){font-size:16px;display:inline-flex;min-height:44px;align-items:center}
.brief label{font-size:18px;line-height:1.5}.brief textarea{font-size:16px;min-height:132px}.brief>p{font-size:14px}
footer{padding:40px 6%;flex-wrap:wrap}footer>p{font-size:12px}footer nav{font-size:13px;flex-wrap:wrap;gap:10px 24px}footer nav a{min-height:44px;display:flex;align-items:center}
.legal-page .site-header nav a{font-size:14px}.legal-content{max-width:1080px;font-size:16px}.legal-content p,.legal-content li{line-height:1.8}.legal-summary-grid article{font-size:15px}.legal-content details{font-size:16px}
.section a:focus-visible,.section button:focus-visible{outline-offset:4px}
@media(min-width:1600px){.scene-copy{left:max(6%,calc((100vw - 1600px)/2));width:44%}}
@media(max-width:1150px){.site-header{gap:16px}.header-action{display:none}.site-header nav{gap:17px;font-size:13px}.scroll-note{display:none}.story-controls{justify-content:space-between}.scene-copy{width:46%}.scene-sub{font-size:16px}.section{padding:80px 6%}}
@media(max-width:760px){
 .site-header{padding-inline:6%;height:72px}.site-header .brand>span{font-size:19px}.menu-toggle{font-size:14px;padding:10px 16px}.site-header nav{font-size:16px;max-height:calc(100svh - 72px);overflow-y:auto}.site-header nav a{font-size:16px;padding:15px 0}
 .scene-copy,.scene-0 .scene-copy{left:7%;width:86%;bottom:145px;top:auto}
 .scene h1,.scene h2{font-size:clamp(34px,9.4vw,50px);line-height:1.06;margin-bottom:17px}
 .scene-sub{font-size:15px;line-height:1.55;max-width:340px;margin-bottom:14px}
 .scene-copy .eyebrow{font-size:10px;letter-spacing:.1em;margin-bottom:17px}
 .scene-copy .text-link{font-size:13px;min-height:44px;padding:8px 0}
 .story-controls{left:6%;right:6%;bottom:max(16px,env(safe-area-inset-bottom));gap:4px;padding-top:10px;display:flex;justify-content:center;flex-wrap:wrap}
 .chapters{display:grid;grid-template-columns:repeat(8,1fr);width:100%;max-width:390px;gap:3px}
 .chapters button{width:100%;height:39px;min-width:0;font-size:11px}
 .skip{width:auto;text-align:center;min-height:40px;font-size:11px}
 .section{padding:64px 7%}.section h2{font-size:39px;line-height:1.1}.section .eyebrow{font-size:11px}.section p,.section address{font-size:16px}
 .service-photograph{height:310px}.service-photograph>span{font-size:28px;line-height:1.2}
 .audience-switch{gap:20px}.audience-switch button{font-size:16px;gap:10px;min-height:56px}.audience-panel h3,.solution-panel h3{font-size:28px}.audience-panel li strong{font-size:17px}.audience-panel li p{font-size:15px}
 .pill{font-size:14px;padding:13px 20px}.solution-picker button{font-size:13px;padding:11px 15px}.solution-flow{font-size:14px}
 .portfolio-heading p{font-size:15px}.portfolio>a{min-width:88%;max-width:88%}.portfolio strong{font-size:18px}.portfolio small{font-size:10px}
 .partner-tags span{font-size:13px}.founder-note blockquote{font-size:30px}.contact-grid{gap:28px}.email-link{font-size:clamp(22px,6.2vw,30px);overflow-wrap:anywhere}
 .legal-content{padding:0 7%;margin-top:115px}.legal-content h1{font-size:32px;overflow-wrap:anywhere}.legal-content h2{font-size:24px}.legal-content table{display:block;overflow-x:auto;max-width:100%}
 footer nav{font-size:12px;gap:8px 20px}footer>p{font-size:12px}
}
@media(max-width:360px){.scene-copy,.scene-0 .scene-copy{bottom:137px}.scene h1,.scene h2{font-size:33px}.scene-sub{font-size:14px}.scene-copy .eyebrow{font-size:9px}.audience-switch{gap:10px}.audience-switch button{font-size:14px}.section h2{font-size:34px}.chapters button{height:35px}}
@media(max-height:740px) and (min-width:761px){.scene-copy,.scene-0 .scene-copy{top:auto;bottom:118px}.scene h1,.scene h2{font-size:clamp(40px,4.6vw,62px)}.scene-copy .eyebrow{margin-bottom:18px}.scene-sub{font-size:16px;margin-bottom:15px}.story-controls{bottom:15px}}
@media(prefers-reduced-motion:reduce){.scene-copy,.scene-0 .scene-copy{bottom:50px}.scene{scroll-margin-top:72px}.scene-copy{visibility:visible}.scene-copy .text-link{pointer-events:auto}.portfolio>a:hover,.portfolio>a:hover img{transform:none}.scene-art{inset:0!important}}

.brief textarea[aria-invalid="true"]{border-color:#eea58d;outline:1px solid #eea58d}
@media(max-width:760px){.paper-project{top:23%;right:6%;width:32%;height:9%}.project-part.result strong{font-size:20px}}
@media(max-width:760px){#together .frame-photo{mask-image:linear-gradient(#000 65%,transparent 100%)}}
@media(max-width:760px){.legal-content h1{font-size:clamp(24px,6.4vw,32px);hyphens:auto}}

html{scroll-behavior:auto}
html{scroll-padding-top:0}
/* v652: one-line identity, restrained first frame, clear service actions. */
.site-header .brand>span,footer .brand>span{white-space:nowrap;letter-spacing:-.045em}
.site-header .brand>span{font-size:22px}.site-header nav{gap:18px}
.story{height:900svh}.scene-0 .scene-copy{bottom:32%;width:48%}.scene-0 h1{margin-bottom:0}
.scene-0 .photo-shade{background:radial-gradient(ellipse 19% 50% at 69% 52%,#02060905 15%,#02060980 55%,#020609f5 92%),linear-gradient(90deg,#020609db 20%,transparent 55%)}
.scene-0 .opening-darkness{display:block;background:#010408eb;opacity:.94}
.story-controls .chapters{gap:5px}
.service-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.service-choices article{border-top:1px solid var(--line);padding:28px 0 0;display:flex;flex-direction:column;align-items:flex-start}
.service-choices h3{font-size:29px;font-weight:500;letter-spacing:-.035em;margin:24px 0 17px;line-height:1.2}
.service-choices p{color:var(--muted);font-size:16px;margin-bottom:25px}.service-choices .text-link{margin-top:auto}
.section .next-step-note{color:var(--muted);font-size:14px;margin:40px 0 0;max-width:700px}
.secondary-action{display:block;margin-top:20px;font-size:14px;color:#bbd5d0;line-height:1.5;text-decoration:underline;text-underline-offset:5px}.secondary-action[hidden]{display:none}
.brief select{display:block;width:100%;min-height:50px;border:1px solid #8bb1c44d;background:#0c1b24;color:#f3f4f2;border-radius:10px;padding:12px 16px;font:inherit;margin:0 0 16px}.brief #brief-guidance{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:26px}
.brief select:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}
.tablet-overlay{position:absolute;left:0;top:0;max-width:none;overflow:visible;transform-origin:0 0;pointer-events:none;will-change:transform}
.tablet-layer{opacity:0;filter:drop-shadow(0px 14px 15px #0008)}.tablet-layer text{font:600 13px Arial,sans-serif;letter-spacing:.8px;fill:#24434a}.tablet-interface>text{fill:#e4efec}.tablet-functions .tablet-feature-text text{font-size:17px;letter-spacing:0;fill:#e0eee5}.tablet-glow{opacity:0;filter:drop-shadow(0 0 12px #b8e7df)}
.tablet-replay{display:block;border:0;background:none;color:#c0d4d1;padding:12px 0;margin-top:6px;font-size:12px;min-height:44px}
@media(max-width:1150px){.service-choices{gap:25px}.site-header .brand>span{font-size:20px}.site-header nav{font-size:12px;gap:14px}}
@media(max-width:760px){
 .site-header{gap:10px}.site-header .brand{gap:8px}.site-header .brand>span{font-size:18px}.brand img{width:29px;height:29px}.menu-toggle{gap:8px;padding:10px 13px;font-size:13px}
 .scene-0 .scene-copy{bottom:25%;width:86%}.scene-0 .photo-shade{background:radial-gradient(ellipse 42% 45% at 55% 38%,#02060900 12%,#02060975 60%,#020609f8 100%),linear-gradient(0deg,#020609 5%,transparent 55%)}
 .chapters{grid-template-columns:repeat(9,1fr);gap:2px!important}.chapters button{height:35px;font-size:10px}
 .service-choices{grid-template-columns:1fr;gap:28px}.service-choices h3{font-size:27px;margin-top:20px}.service-choices p{margin-bottom:16px}.section .next-step-note{margin-top:30px}
 #km-media .frame-photo{mask-image:linear-gradient(#000 68%,transparent 100%)}
 #km-media .scene-copy{bottom:132px}.tablet-replay{font-size:12px;min-height:38px;padding:9px 0;margin-top:0}
 .scene-1 h2{font-size:clamp(32px,8.7vw,46px)}
}
@media(max-width:360px){.site-header .brand>span{font-size:15px}.brand img{width:26px;height:26px}.menu-toggle{padding:9px 11px;font-size:12px}.site-header .brand{gap:6px}.scene-1 h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.scene-0 .opening-darkness,.tablet-overlay,.tablet-replay{display:none}.scene-0 .scene-copy{bottom:20%}#km-media .scene-copy{bottom:50px}}

/* v654: the opening pair shares one fixed composition. Hidden copy reserves its space. */
.scene-0 .scene-copy,.scene-1 .scene-copy{bottom:145px;top:auto;width:43%}
.scene-0 h1,.scene-1 h2{font-size:clamp(45px,5.1vw,82px);line-height:1.03;margin-bottom:25px}
.scene-0 .photo-shade{background:linear-gradient(90deg,#02070ce8 0%,#03090ebf 24%,#03090e54 43%,transparent 65%),linear-gradient(0deg,#02070cdb 0%,transparent 30%,transparent 80%,#03080c66 100%)}
.founder-spotlight,.office-dim{position:absolute;inset:0;pointer-events:none}
.founder-spotlight{background:radial-gradient(ellipse 19% 50% at 69% 52%,#02060905 15%,#02060980 55%,#020609f5 92%),linear-gradient(90deg,#020609db 20%,transparent 55%)}
.office-dim{background:#010408eb;opacity:.18}
.scene-0 .intro-placeholder{visibility:hidden;pointer-events:none}
.scene-1 .intro-detail{opacity:0}
@media(max-width:1050px) and (min-width:761px){.scene-0 .scene-copy,.scene-1 .scene-copy{width:45%;bottom:140px}.scene-0 h1,.scene-1 h2{font-size:50px}}
@media(max-width:760px){
 .scene-0 .scene-copy,.scene-1 .scene-copy{left:7%;bottom:145px;top:auto;width:86%}
 .scene-0 h1,.scene-1 h2{font-size:clamp(34px,9.4vw,50px);line-height:1.06;margin-bottom:17px}
 .scene-0 .photo-shade{background:linear-gradient(0deg,#03080cf5 0%,#03080cde 24%,#03080c75 43%,transparent 68%,#03080c50 100%)}
 .founder-spotlight{background:radial-gradient(ellipse 42% 45% at 55% 38%,#02060900 12%,#02060975 60%,#020609f8 100%),linear-gradient(0deg,#020609 5%,transparent 55%)}
}
@media(max-width:360px){.scene-0 .scene-copy,.scene-1 .scene-copy{bottom:137px}.scene-0 h1,.scene-1 h2{font-size:33px}}
@media(max-height:740px) and (min-width:761px){.scene-0 .scene-copy,.scene-1 .scene-copy{bottom:118px}.scene-0 h1,.scene-1 h2{font-size:clamp(40px,4.6vw,62px)}}
@media(prefers-reduced-motion:reduce){.scene-1 .founder-spotlight,.scene-1 .office-dim{display:none}.scene-1 .intro-detail{opacity:1!important}.scene-0 .scene-copy,.scene-1 .scene-copy{bottom:50px}}

/* v655: Koosmeiega Group remains the subject; products are evidence of capability. */
/* One opening scene: fixed headline, delayed office light and supporting copy. */
.story{height:800svh}
@media(max-width:760px){.chapters{grid-template-columns:repeat(8,1fr)}}
@media(prefers-reduced-motion:reduce){.scene-0.scene-1 .intro-detail{opacity:1!important}}
.tools-heading{align-items:flex-end;margin-top:72px}.tools-heading>div,.demo-heading>div{min-width:0}.tools-heading .eyebrow,.demo-heading .eyebrow{margin-bottom:18px}.tools-heading h3,.demo-heading h3{font-size:clamp(31px,3.4vw,49px);line-height:1.08}.tools-heading>p,.demo-heading>p{line-height:1.7;max-width:410px}
.created-tools{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.6fr);gap:20px}.created-tool{min-height:410px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0c1a24;display:grid;grid-template-rows:minmax(0,1fr) auto;transition:transform .3s,border-color .3s}.created-tool:hover{transform:translateY(-5px);border-color:#a9d6d46e}.created-tool-visual{position:relative;overflow:hidden;min-height:235px;background:#0a1822}.created-tool-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c1a24 0,transparent 45%);pointer-events:none}.created-tool-visual img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s ease}.created-tool:hover .created-tool-visual img{transform:scale(1.025)}.created-tool-copy{padding:25px 27px;display:grid;grid-template-columns:1fr auto;column-gap:24px;align-items:end}.created-tool-copy small{grid-column:1/-1;font-size:10px;letter-spacing:.12em;color:#8fb8c6}.created-tool-copy strong{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:12px 0 9px}.created-tool-copy>span{grid-column:1/-1;color:var(--muted);font-size:15px;line-height:1.65;max-width:650px}.created-tool-copy b{grid-column:2;font-size:13px;font-weight:400;color:var(--aqua);white-space:nowrap}.arvekiir-tool{min-height:410px;background:linear-gradient(145deg,#102c2e,#0a171d 70%)}.arvekiir-tool .created-tool-visual{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#f4eadd 0 22%,#0bb4ab 23% 34%,#074e50 35% 53%,#07171c 54%)}.arvekiir-tool .created-tool-visual:after{background:linear-gradient(0deg,#0c1a24,transparent 50%)}.arvekiir-tool .created-tool-visual img{width:116px;height:116px;object-fit:cover;border-radius:25%;box-shadow:0 18px 50px #0009}.arvekiir-tool .created-tool-copy{grid-template-columns:1fr}.arvekiir-tool .created-tool-copy b{grid-column:1;margin-top:18px}.tools-action{margin:28px 0 5px}.demo-heading{margin-top:78px}.demo-portfolio{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}.demo-portfolio img{aspect-ratio:1.75}
@media(max-width:900px){.created-tools{grid-template-columns:1fr 1fr}.created-tool-copy{grid-template-columns:1fr}.created-tool-copy b{grid-column:1;margin-top:18px}}
@media(max-width:760px){.tools-heading,.demo-heading{display:block;margin-top:52px}.tools-heading h3,.demo-heading h3{font-size:32px;margin-bottom:18px}.tools-heading>p,.demo-heading>p{font-size:15px}.created-tools{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-8%;padding-right:8%;gap:16px}.created-tool{min-width:88%;max-width:88%;min-height:430px;scroll-snap-align:start}.created-tool-copy{padding:22px}.created-tool-copy strong{font-size:27px}.created-tool-copy>span{font-size:15px}.created-tool-visual{min-height:225px}.tools-action{margin-top:25px}.demo-heading{margin-top:62px}.demo-portfolio{display:flex;max-width:none}.demo-portfolio>a{min-width:88%;max-width:88%}}
@media(prefers-reduced-motion:reduce){.created-tool:hover,.created-tool:hover .created-tool-visual img{transform:none}}

/* v659: consistent product showcases, real mobile landing page. */
.created-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.created-tool,.arvekiir-tool{min-height:560px;grid-template-rows:340px 1fr;background:#0c1a24}
.created-tool .created-tool-visual{height:340px;min-height:0;display:flex;align-items:center;justify-content:center;padding:30px;background:radial-gradient(ellipse at 50% 55%,#21464e,#0b1923 75%)}
.created-tool .created-tool-visual:after{display:none}
.created-tool .created-tool-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:28px}
.created-tool-copy strong{margin:12px 0}.created-tool-copy>span{flex:1}.created-tool .created-tool-copy b{margin-top:22px}
.product-desktop{width:100%;max-width:460px;border:6px solid #223039;border-bottom-width:12px;border-radius:12px;background:#17252f;box-shadow:0 22px 45px #0008;overflow:hidden}
.device-toolbar{height:24px;display:flex;gap:4px;align-items:center;padding:0 10px;background:#223039}.device-toolbar i{width:5px;height:5px;border-radius:50%;background:#9aabaa}.device-toolbar span{margin:auto;font-size:9px;color:#c5d4db}
.created-tool .product-desktop img{display:block;width:100%;height:auto;aspect-ratio:1.65;object-fit:cover;object-position:top;border-radius:0;box-shadow:none}
.product-phone{position:relative;height:290px;aspect-ratio:390/844;border:5px solid #28383e;border-radius:23px;padding-top:8px;background:#101a20;overflow:hidden;box-shadow:0 22px 40px #0008}
.phone-speaker{position:absolute;top:2px;left:37%;width:26%;height:5px;background:#050b0f;border-radius:8px;z-index:1}
.created-tool .product-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:15px;box-shadow:none}
.created-tool:hover .created-tool-visual img{transform:none}
.language-control{display:flex;align-items:center;gap:5px;flex-shrink:0;border:1px solid #c1dce137;border-radius:24px;padding:0 9px;height:42px;color:#e6efef}
.language-symbol{font-size:21px;line-height:1}.language-control select{background:transparent;border:0;color:inherit;font:inherit;font-size:12px;min-height:40px;padding:0 3px;cursor:pointer;max-width:54px}.language-control option{background:#0b1821;color:#fff}
.language-control select{max-width:78px;width:72px;font-size:13px}
@media(max-width:380px){.site-header .menu-toggle{font-size:0;min-width:44px}.site-header .menu-toggle span{font-size:15px}}
.site-header nav a{font-family:inherit;font-size:14px;font-weight:400;letter-spacing:normal;text-transform:none;font-style:normal}
.site-header{gap:18px}.site-header nav{gap:18px}.header-action{white-space:nowrap}
.site-footer{display:grid;grid-template-columns:minmax(250px,1.8fr) 1fr 1fr 1.3fr;gap:45px;padding:70px 6% 28px;background:#040b10;border-top:1px solid var(--line);align-items:start}
.footer-intro>p{color:var(--muted);font-size:15px;line-height:1.8;margin:24px 0 14px}.site-footer .brand{white-space:nowrap;gap:10px}.site-footer .brand>span{font-size:20px}.footer-column{display:flex;flex-direction:column;gap:8px;min-width:0}.footer-column h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#8ea8b5;margin:6px 0 16px}.footer-column a,.footer-column>span{font-size:14px;line-height:1.5;min-height:32px;overflow-wrap:anywhere}.footer-column a:hover,.footer-bottom a:hover{color:var(--aqua)}
.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-bottom>p{margin:0;color:#8ea8b5;font-size:12px}.footer-bottom nav{display:flex;gap:24px;width:auto}.footer-bottom a{font-size:12px}.footer-bottom a[data-document-language="RU"]:after{content:' · RU';color:#8ea8b5;font-size:10px}
@media(max-width:1250px){.site-header{gap:12px}.site-header nav{gap:13px}.site-header nav a{font-size:12px}.header-action{display:none}.site-footer{grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-intro{grid-column:1/-1}}
@media(max-width:760px){.site-header{padding-inline:5%;gap:8px}.site-header .brand{margin-right:auto;gap:7px}.site-header .brand>span{font-size:clamp(13px,3.5vw,18px)}.site-header .brand img{width:27px;height:27px}.menu-toggle{order:3;padding:8px;font-size:12px}.language-control{height:38px;padding:0 5px;gap:1px}.language-symbol{display:none}.language-control select{font-size:11px;min-height:36px}.site-header nav a{font-size:16px}.site-footer{grid-template-columns:1fr 1fr;gap:28px;padding:48px 7% 25px}.footer-intro{grid-column:1/-1}.footer-column:last-of-type{grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-bottom nav{gap:12px 18px;flex-wrap:wrap}.site-footer .brand>span{font-size:21px}}
#solutions>.solution-picker{margin-top:38px}
@media(max-width:760px){.created-tools{display:grid;grid-template-columns:1fr;overflow:visible;margin-right:0;padding-right:0}.created-tool,.arvekiir-tool{min-width:0;max-width:none;width:100%;min-height:0;grid-template-rows:310px auto}.created-tool .created-tool-visual{height:310px;padding:22px}.product-phone{height:270px}.created-tool .created-tool-copy{padding:24px}}

/* v662 — unified controls and translucent mobile navigation. */
.site-header .language-control{position:relative;height:44px;width:88px;padding:0;border:1px solid #d5e9ed42;border-radius:24px;background:linear-gradient(135deg,#e9faff0b,#b9d4e804);box-shadow:inset 0 1px 0 #ffffff0d;flex:0 0 88px}
.site-header .language-control:after{content:'';position:absolute;right:14px;top:17px;width:6px;height:6px;border-right:1.5px solid #c9d9df;border-bottom:1.5px solid #c9d9df;transform:rotate(45deg);pointer-events:none}
.site-header .language-control select{appearance:none;-webkit-appearance:none;display:block;width:100%;max-width:none;height:100%;min-height:0;padding:0 26px 0 14px;border:0;border-radius:inherit;background:transparent;box-shadow:none;color:#edf4f6;font-size:13px;line-height:normal;outline:none}
.site-header .language-control:has(select:focus-visible){outline:2px solid #a7d4d8;outline-offset:3px}
.site-header .header-action{height:44px;min-height:44px;padding:0 20px;display:inline-flex;align-items:center;gap:20px;border:1px solid #d5e9ed42;background:linear-gradient(135deg,#e9faff0b,#b9d4e804);box-shadow:inset 0 1px 0 #ffffff0d;border-radius:24px}
.chapters{display:flex;justify-content:center;gap:7px;max-width:none}
.chapters button,.chapters button[aria-pressed=true]{flex:0 0 40px;width:40px;height:40px;min-width:0;aspect-ratio:1;border-radius:50%;padding:0;display:grid;place-items:center;border:1px solid #d2e8ed35;background:#d8eff307;color:#d9e6ea;box-shadow:inset 0 1px 0 #ffffff0b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:11px}
.chapters button[aria-pressed=true]{border-color:#d9eee9ae;background:#d8eff317;color:#fff;box-shadow:inset 0 0 0 2px #c8e4dd0a,0 0 16px #a4cfd40b}
.chapters button:hover{border-color:#d9eee9aa;background:#d8eff31a}
@media(max-width:1250px){.site-header .header-action{display:none}}
@media(max-width:760px){
 .site-header{gap:8px;height:72px}
 .site-header .language-control{width:76px;flex-basis:76px;height:44px}
 .site-header .language-control select{font-size:12px;padding-left:10px;padding-right:22px}
 .site-header .language-control:after{right:11px}
 .site-header button.menu-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;padding:0;flex:0 0 44px;border:1px solid #d5e9ed42;border-radius:50%;background:linear-gradient(135deg,#e9faff0b,#b9d4e804);box-shadow:inset 0 1px 0 #ffffff0d}
 .menu-toggle .menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .menu-toggle .menu-lines{position:relative;width:18px;height:14px;display:block}
 .menu-lines:before,.menu-lines:after{content:'';position:absolute;left:0;width:18px;height:1px;background:#e7f0f3;transition:transform .2s,top .2s;top:4px}
 .menu-lines:after{top:10px;width:13px;left:auto;right:0}
 .menu-toggle[aria-expanded=true] .menu-lines:before{top:7px;transform:rotate(45deg)}
 .menu-toggle[aria-expanded=true] .menu-lines:after{top:7px;width:18px;transform:rotate(-45deg)}
 .site-header #navigation{position:absolute;top:80px;left:12px;right:12px;width:auto;max-height:calc(100svh - 104px);overflow:auto;padding:12px 20px;grid-template-columns:1fr;gap:0;border:1px solid #d8edf04a;border-radius:26px;background:linear-gradient(135deg,#a8cfde22,#1125318c);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:inset 0 1px 0 #ffffff24,0 22px 65px #0005;counter-reset:nav-item}
 .site-header #navigation.open{display:grid;animation:glass-menu-in .22s ease-out}
 .site-header #navigation a{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:10px;padding:18px 0;min-height:60px;margin:0;border-radius:0;border:0;border-bottom:1px solid #d8edf01a;font-size:16px;font-weight:400;line-height:1.3;letter-spacing:0;color:#edf4f6;text-shadow:0 1px 6px #0008}
 .site-header #navigation a:before{counter-increment:nav-item;content:'0' counter(nav-item);font-size:10px;color:#bbced7}
 .site-header #navigation a:after{content:'↗';position:static;width:auto;height:auto;background:none;font-size:17px;color:#bbced7}
 .site-header #navigation a:last-child{border-bottom:0}
 .site-header #navigation a.active{color:#c6eee6}.site-header #navigation a.active:before{color:#c6eee6}
 .chapters{display:flex;width:100%;gap:clamp(3px,1vw,6px)}
 .chapters button,.chapters button[aria-pressed=true]{width:clamp(30px,8vw,38px);height:clamp(30px,8vw,38px);flex-basis:clamp(30px,8vw,38px);font-size:10px}
}
@keyframes glass-menu-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-header #navigation.open{animation:none}.menu-lines:before,.menu-lines:after{transition:none}}
/* v663: compact transparent language control and return to start. */
.site-header .language-control{width:68px;flex-basis:68px;background:#e9faff04;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.site-header .language-control select{padding-left:8px;padding-right:16px;font-size:12px}
.site-header .language-control:after{right:9px;width:5px;height:5px;top:18px}
.back-to-top{position:fixed;z-index:25;right:24px;bottom:130px;width:44px;height:44px;padding:0;border:1px solid #d5e9ed50;border-radius:50%;background:#b3d4e211;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#e9f4f5;font-size:24px;line-height:1;display:grid;place-items:center;box-shadow:inset 0 1px 0 #ffffff15}
.back-to-top[hidden]{display:none}.back-to-top:hover{background:#b3d4e225}
@media(max-width:760px){.site-header .language-control{width:64px;flex-basis:64px}.back-to-top{right:16px;bottom:132px}}
/* Founder quote stays separate from the portrait on narrow screens. */
@media(max-width:760px){
 .founder-note.section{display:flex;flex-direction:column;gap:22px;padding-top:52px;padding-bottom:0;isolation:auto}
 .founder-note>div{order:0;padding-bottom:0;width:100%;min-width:0}
 .founder-note>img{position:relative;order:1;inset:auto;width:min(100%,320px);height:330px;object-fit:contain;object-position:center bottom;align-self:center;opacity:1;z-index:auto;margin:0}
 .founder-note blockquote{font-size:clamp(25px,6.6vw,31px);line-height:1.4;letter-spacing:-.02em;margin:0 0 24px;text-wrap:pretty;overflow-wrap:normal;hyphens:none}
 .founder-note blockquote em{white-space:normal}.founder-note p:not(.eyebrow){font-size:16px}.founder-note .signature{width:120px;margin-top:16px}
}
/* v664: lower chapter rail, two distinct thoughts and a compact portrait row. */
.quote-thought{display:block}.quote-thought+.quote-thought{margin-top:.45em}
@media(max-width:760px){
 .story-controls{bottom:max(6px,env(safe-area-inset-bottom));gap:3px;padding-top:6px}
 .story-controls .skip{order:-1;min-height:23px;padding:1px 0;font-size:10px;line-height:1.4}
 .story-controls .chapters{order:1}
 .scene-copy,.scene-0 .scene-copy{bottom:112px}
 #km-media .scene-copy{bottom:112px}
 .back-to-top{bottom:100px}
 .founder-note.section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto auto;gap:16px 6px;padding-top:42px;padding-bottom:0;align-items:start}
 .founder-note>div{display:contents}
 .founder-note .eyebrow{grid-column:1/-1;grid-row:1;margin-bottom:5px}
 .founder-note blockquote{grid-column:1/-1;grid-row:2;font-size:clamp(24px,6.4vw,30px);line-height:1.33;letter-spacing:-.025em;margin:0 0 8px;text-wrap:balance}
 .founder-note blockquote em{white-space:nowrap}
 .founder-note>div>p:not(.eyebrow){grid-column:1;grid-row:3;align-self:end;font-size:15px;line-height:1.6;margin:8px 0 0}
 .founder-note>div>p>span{display:block;font-size:12px;line-height:1.5;margin-top:8px}
 .founder-note .signature{grid-column:1;grid-row:4;align-self:start;width:110px;max-width:95%;margin:8px 0 25px}
 .founder-note>img{grid-column:2;grid-row:3/5;align-self:end;justify-self:end;width:100%;height:245px;max-width:none;object-fit:contain;object-position:center bottom;margin:0;inset:auto;position:relative;opacity:1}
}
/* v665: custom compact language menu, not the iOS native select sheet. */
.site-header .language-control select[hidden]{display:none}
.language-trigger{appearance:none;-webkit-appearance:none;display:block;width:100%;height:100%;padding:0 16px 0 8px;border:0;border-radius:inherit;background:transparent;color:#edf4f6;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.language-trigger:focus{outline:none}.language-trigger:focus-visible{outline:2px solid #a7d4d8;outline-offset:3px}
.language-options{position:absolute;right:0;top:calc(100% + 9px);z-index:100;width:108px;max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #d2e9ee42;border-radius:18px;background:linear-gradient(135deg,#a5c4d21a,#07172155);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:inset 0 1px 0 #ffffff1f,0 12px 35px #0004}
.language-options[hidden]{display:none}
.language-options button{position:relative;display:flex;align-items:center;width:100%;min-height:40px;padding:8px 19px 8px 10px;border:0;border-radius:11px;background:transparent;color:#f0f5f6;font:inherit;font-size:13px;line-height:1.4;text-align:left;white-space:nowrap;text-shadow:0 1px 4px #0007}
.language-options button[aria-checked=true]{background:#d6f2ed14}.language-options button[aria-checked=true]:after{content:'';position:absolute;right:9px;width:4px;height:4px;border-radius:50%;background:#d5f3e9}
.language-options button:hover,.language-options button:focus-visible{background:#cbe7ee1c;outline:1px solid #cbe7ee50;outline-offset:-1px}

/* Compact phones retain the animated stage inside the visible viewport. */
@media(max-width:760px) and (prefers-reduced-motion:no-preference){.story-stage{height:100svh;min-height:0}}
@media(max-width:760px) and (max-height:719px) and (prefers-reduced-motion:no-preference){.scene-copy,.scene-0 .scene-copy{bottom:100px}.scene h1,.scene h2{font-size:clamp(29px,8vw,40px)}.scene-copy .eyebrow{margin-bottom:10px}.scene-sub{font-size:12px;line-height:1.5;margin-bottom:10px}.scene-copy .text-link{padding:6px 0}.story-controls{bottom:8px}}

/* v668: wrap at word boundaries and balance headings without forced hyphenation. */
h1,h2,h3,blockquote{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
p{word-break:normal;hyphens:none;text-wrap:pretty}
@media(max-width:760px){.founder-note blockquote em{white-space:normal}}