@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/kairos-seo/manrope-latin-a30ddcd349.woff2') format('woff2')}
:root{--blue:#29b3f2;--bg:#090a0b;--ink:#f7f7f7;--muted:#959a9e;--line:#ffffff26;--panel:#101215;--font:'Manrope','Arial',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);transition:none}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:#000}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#000;padding:15px}.skip:focus{top:10px}.review-bar{height:42px;padding:0 28px;background:#161819;color:#bfc3c6;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff18;gap:15px}.review-bar>span{font-weight:600}.review-bar i{font-style:normal;margin:0 12px;color:#5e6164}.review-bar nav{height:100%;display:flex;gap:4px}.review-bar button{background:transparent;font-size:9px;letter-spacing:.08em;padding:0 19px}.review-bar button[aria-pressed=true]{color:white;background:#262b2e;box-shadow:inset 0 -2px var(--blue)}.review-bar .logo-open{padding:0;color:#d2d5d7}header{height:116px;padding:0 6%;display:flex;align-items:center;gap:35px;position:relative;z-index:4}header>.brand{margin-right:auto}.brand{display:flex;align-items:center;gap:12px;width:max-content}.wordmark{font-size:36px;font-weight:800;letter-spacing:-2.7px;line-height:1}.wordmark>i{font-style:normal;color:var(--blue)}.brand svg,.logo-sample svg{width:32px;height:37px;fill:none;stroke:currentColor}.brand.logo-angle .wordmark,.brand.logo-orbit .wordmark{font-size:29px;letter-spacing:-1.8px}.brand.logo-angle svg,.brand.logo-orbit svg{color:var(--blue)}header nav{display:flex;gap:34px;font-size:11px;color:var(--muted)}header nav a:hover{color:var(--ink)}.header-contact{border:1px solid var(--line);border-radius:30px;font-size:11px;display:flex;align-items:center;gap:30px;padding:13px 21px;margin-left:40px}.header-contact:hover{background:var(--blue);border-color:var(--blue);color:#000}.hero{position:relative;min-height:730px;padding:22px 6% 0;overflow:hidden;isolation:isolate}.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:var(--muted);position:relative;z-index:2}.status-dot{display:inline-block;width:5px;height:5px;background:var(--blue);box-shadow:0 0 12px #29b3f2aa;border-radius:50%;margin-right:10px;vertical-align:2px}.hero-tag{font-size:8px;color:var(--blue)}.hero-type{position:relative;z-index:2;pointer-events:none;width:80%;padding-top:49px}.hero-type a{pointer-events:auto}h1,h2,h3,p{margin:0}h1{font-size:clamp(65px,7.3vw,120px);font-weight:600;line-height:1.02;letter-spacing:-.073em}.signal-title>span{color:var(--blue);font-size:.92em}.form-title{display:none}.hero-bottom{margin-top:37px;display:flex;gap:50px;align-items:center}.hero-bottom>p{font-size:12px;line-height:1.8;color:#92999e;max-width:355px}.circle-link{display:flex;align-items:center;gap:17px;font-size:10px}.circle-link b{height:40px;width:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:18px;font-weight:400;transition:background .2s}.circle-link:hover b{background:var(--blue);color:#000}.hero-visual{position:absolute;width:59%;height:670px;right:-2%;top:0;z-index:0}.orb-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(ellipse,#29b3f214,transparent 65%);filter:blur(25px)}#sculpture{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}#sculpture:active{cursor:grabbing}.visual-coordinate{position:absolute;top:25%;right:6%;font:8px monospace;letter-spacing:.11em;writing-mode:vertical-rl;color:#8eabb95e;pointer-events:none}.object-tools{position:absolute;right:9%;bottom:92px;z-index:3;text-align:center}.object-tools p{font-size:9px;color:var(--muted);margin-bottom:13px}.shape-controls{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:30px;padding:4px;background:#10121599;backdrop-filter:blur(15px)}.shape-controls button{padding:8px 16px;border-radius:20px;background:transparent;font-size:9px;color:#919a9f}.shape-controls button[aria-pressed=true]{background:#29b3f2;color:#03111b}.shape-controls button:last-child{padding-left:13px;padding-right:13px;border-left:1px solid var(--line);border-radius:0 20px 20px 0}.hero-foot{margin-top:93px;min-height:68px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;color:var(--muted)}.hero-foot a{display:flex;gap:30px;align-items:center}.hero-foot b{font-size:17px;font-weight:400}.hero-foot>span:last-child{color:var(--blue)}.section-label{font-size:9px;letter-spacing:.11em;color:var(--muted);font-weight:500}h2{font-size:clamp(38px,4.2vw,66px);font-weight:500;line-height:1.12;letter-spacing:-.055em}h2 span{color:var(--muted)}.manifesto{padding:115px 6%;display:grid;grid-template-columns:1fr 2fr;gap:45px;border-top:1px solid var(--line)}.manifesto>.section-label{padding-top:14px}.manifesto h2 span{color:var(--blue)}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:38px;max-width:710px}.manifesto-bottom p{font-size:12px;line-height:1.9;color:var(--muted)}.experience{padding:30px 6% 110px}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:49px}.section-intro .section-label{margin-bottom:25px}.section-intro>p{font-size:11px;color:var(--muted);line-height:1.8;padding-bottom:5px}.experience-shell{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.service-menu{padding-top:8px}.service-menu>button{width:100%;border-top:1px solid var(--line);padding:26px 0;display:flex;align-items:center;gap:20px;background:none;text-align:left;color:var(--muted)}.service-menu>button:nth-child(3){border-bottom:1px solid var(--line)}.service-menu>button>span{font:9px monospace}.service-menu strong{font-size:23px;letter-spacing:-1px;font-weight:500}.service-menu b{font-size:24px;font-weight:400;margin-left:auto;opacity:0;transform:translate(-5px,5px);transition:all .2s}.service-menu [aria-selected=true]{color:var(--ink)}.service-menu [aria-selected=true] b{opacity:1;transform:none;color:var(--blue)}.service-menu [aria-selected=true]>span{color:var(--blue)}.service-detail{padding-top:28px;max-width:320px}.service-detail p{font-size:12px;line-height:1.9;color:var(--muted);min-height:83px}.service-detail a{display:flex;justify-content:space-between;margin-top:25px;font-size:11px;padding-bottom:13px;border-bottom:1px solid var(--line)}.service-stage{height:465px;background:#12171a;position:relative;overflow:hidden;border:1px solid var(--line)}.stage-label,.stage-footer{position:absolute;z-index:3;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px;font:7px monospace;letter-spacing:.06em;color:#82939c}.stage-label{top:20px}.stage-footer{bottom:20px}.brand-demo{height:100%;background:radial-gradient(ellipse at 70% 50%,#21323b,#101519 75%)}.identity-sheet{background:var(--blue);color:#071017;position:absolute;width:58%;height:78%;top:10%;left:15%;transform:rotate(-9deg);padding:25px;box-shadow:12px 20px 30px #0005}.identity-sheet>span{font:7px monospace}.identity-sheet>strong{display:block;font-size:clamp(29px,3vw,44px);line-height:1.05;letter-spacing:-2px;margin-top:28px;font-weight:600}.identity-sheet i{font-style:normal;color:#fff}.identity-mark{position:absolute;right:20px;bottom:36px;font-size:80px;letter-spacing:-8px;font-weight:800;line-height:1}.identity-bottom{position:absolute;bottom:18px;left:25px;right:25px;border-top:1px solid #0005;display:flex;justify-content:space-between;padding-top:9px;font:6px monospace}.identity-tag{position:absolute;bottom:16%;right:8%;transform:rotate(9deg);width:39%;height:33%;padding:24px;background:#eee;color:#080808;box-shadow:10px 15px 20px #0005}.identity-tag>span{font:8px monospace;line-height:1.5}.identity-tag>b{position:absolute;bottom:11px;right:22px;font-size:77px;letter-spacing:-7px;line-height:1;font-weight:600}.web-demo,.social-demo{display:none}.service-stage[data-service=web] .brand-demo,.service-stage[data-service=social] .brand-demo{display:none}.service-stage[data-service=web] .web-demo,.service-stage[data-service=social] .social-demo{display:block}.web-demo{padding:55px 30px 45px;height:100%}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;font:7px monospace;color:#93a1a9;margin-bottom:12px}.demo-toolbar>div{display:flex;gap:5px}.demo-toolbar button{font:7px monospace;background:none;padding:5px 8px;border:1px solid #fff3;border-radius:10px;color:#cad1d5}.demo-toolbar button[aria-pressed=true]{background:var(--blue);color:#000;border-color:var(--blue)}.demo-browser{position:relative;background:#f8f9f9;width:100%;height:305px;color:#090a0b;padding:20px 24px;overflow:hidden;transition:width .5s;margin:0 auto}.demo-browser[data-device=mobile]{width:190px;border-radius:18px;border:6px solid #333;padding:16px}.demo-browser-nav{display:flex;justify-content:space-between;font-size:8px;position:relative;z-index:2}.demo-browser-nav>b{font-size:16px;letter-spacing:-1px}.demo-browser h3{font-size:48px;letter-spacing:-3px;line-height:1.05;margin-top:32px;font-weight:500;position:relative;z-index:2}.demo-browser h3 i{color:#0889c5;font-style:normal}.demo-browser[data-device=mobile] h3{font-size:31px;letter-spacing:-1.8px}.mini-orbit{width:180px;height:180px;border:30px solid var(--blue);border-radius:50%;transform:rotateX(45deg) rotateY(25deg);position:absolute;right:-20px;top:70px;box-shadow:inset 5px 5px 12px #063e6588,5px 5px 12px #063e6533}.demo-browser[data-device=mobile] .mini-orbit{width:110px;height:110px;border-width:20px;right:-30px;top:170px}.demo-web-foot{display:flex;justify-content:space-between;position:absolute;bottom:22px;left:24px;right:24px;font:6px monospace;z-index:2}.demo-web-foot b{font-size:22px;font-weight:400}.social-demo{height:100%;position:relative}.feed-card{width:42%;height:66%;position:absolute;top:14%;padding:23px;transition:transform .6s}.feed-one{left:11%;background:#e9ecee;color:#101215;transform:rotate(-8deg);z-index:2}.feed-two{right:9%;background:#29b3f2;color:#04151e;transform:rotate(9deg);top:19%}.feed-card small{font:6px monospace}.feed-card>strong{display:block;font-size:39px;font-weight:700;letter-spacing:-2px;line-height:1;margin-top:32px}.feed-one i{font-style:normal;color:#0686c2}.feed-one>span{position:absolute;right:20px;bottom:18px;font-size:36px}.feed-asterisk{font-size:130px;line-height:1.25;text-align:center}.feed-two>strong{font-size:22px;letter-spacing:-1px;margin-top:4px}.social-demo.remixed .feed-one{transform:rotate(8deg) translateX(64%);z-index:1}.social-demo.remixed .feed-two{transform:rotate(-8deg) translateX(-64%);z-index:2}#remix{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);background:#050b0fe0;border:1px solid #fff4;border-radius:25px;color:#fff;padding:9px 17px;font-size:9px;white-space:nowrap;z-index:4}.comparison{padding:95px 6%;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center;background:var(--panel)}.comparison h2{margin:26px 0}.comparison>div>p:not(.section-label){color:var(--muted);font-size:12px;line-height:1.9;max-width:360px}.comparison small{font-size:8px;color:var(--muted);display:block;margin-top:22px}.compare-stage{height:365px;position:relative;background:#e7e7e7;overflow:hidden;--split:50%;cursor:ew-resize}.before-design,.after-design{position:absolute;inset:0;padding:30px;color:#181818}.before-design{font-family:Arial;background:#e7e7e7}.before-design>b{font-size:10px;color:#777}.before-design nav{font-size:8px;margin-top:12px;color:#777}.before-design h3{font-size:22px;line-height:1.2;margin:40px 0 16px;letter-spacing:0}.before-design p{font-size:9px;line-height:1.8;color:#777}.before-design>span{display:inline-block;background:#aaa;color:white;font-size:8px;padding:9px 12px;margin-top:20px}.placeholder-boxes{display:flex;gap:10px;margin-top:20px}.placeholder-boxes i{display:block;width:60px;height:30px;background:#ddd}.after-design{background:#29b3f2;clip-path:inset(0 0 0 var(--split));color:#07151e;overflow:hidden}.after-design>div{display:flex;justify-content:space-between;align-items:center;font-size:7px;position:relative;z-index:2}.after-design>div>b{font-size:19px;letter-spacing:-1px}.after-design h3{position:relative;z-index:2;font-size:39px;letter-spacing:-2px;line-height:1.04;margin-top:42px;font-weight:600}.after-design h3 i{font-style:normal;color:white}.after-design p{position:relative;z-index:2;font-size:8px;margin-top:23px}.after-arrow{position:absolute;right:30px;bottom:33px;font-size:40px;z-index:2}.after-ring{border:35px solid #fff2;border-radius:50%;width:250px;height:250px;position:absolute;right:-60px;top:70px}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:1px;background:white;z-index:4;pointer-events:none}.compare-line>span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);background:#fff;color:#000;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;box-shadow:0 0 10px #0002}.before-badge,.after-badge{position:absolute;bottom:12px;font:7px monospace;letter-spacing:.1em;color:#333}.before-badge{left:16px}.after-badge{right:16px}.comparison-wrap>label{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:21px}.comparison-wrap input{width:100%;margin:15px 0 0;accent-color:var(--blue);cursor:ew-resize}.contact{padding:95px 6% 60px;overflow:hidden}.contact-title{display:block;position:relative;font-size:clamp(72px,11vw,172px);line-height:1;letter-spacing:-.075em;font-weight:500;margin:44px 0 55px}.contact-title>span{color:var(--blue)}.contact-title>b{position:absolute;right:2%;bottom:0;font-size:1.2em;font-weight:400;transition:transform .25s}.contact-title:hover>b{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-bottom p{font-size:12px;line-height:1.8;color:var(--muted)}.pill-contact{background:var(--blue);color:#03101a;border-radius:30px;padding:18px 24px;font-size:11px;display:flex;gap:40px}.pill-contact span{font-size:16px}.pill-contact:hover{background:#fff;color:#080808}footer{margin:0 6%;padding:38px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}footer .wordmark{font-size:27px}footer>span,footer>a:last-child,footer>button{font-size:8px;color:var(--muted)}footer>button{background:none}dialog{background:#101315;color:#f7f7f7;border:1px solid #3c4144;border-radius:10px;padding:33px;max-width:880px;width:calc(100% - 30px)}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font:8px monospace;color:#9aa4a9}.dialog-top button{background:none;color:#ddd;font-size:17px;padding:5px}dialog h2{font-size:43px;line-height:1.1;margin:25px 0 18px}dialog>p{font-size:12px;line-height:1.8;color:#99a1a6;max-width:540px}.logo-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.logo-options>button{text-align:left;border:1px solid #fff2;background:#161a1d;border-radius:5px;padding:20px;color:#fff}.logo-options>button[aria-pressed=true]{border-color:#29b3f2;box-shadow:inset 0 -3px #29b3f2}.logo-sample{height:95px;display:flex;align-items:center;justify-content:center;gap:8px}.logo-sample .wordmark{font-size:34px}.logo-sample.logo-angle .wordmark,.logo-sample.logo-orbit .wordmark{font-size:27px}.logo-sample svg{color:#29b3f2}.logo-options>button>span{font:8px monospace;color:#29b3f2;display:block;margin-top:15px}.logo-options p{font-size:10px;color:#9ea6aa;line-height:1.7;margin-top:10px}.dialog-footer{display:flex;justify-content:space-between;gap:20px;margin-top:25px;font-size:8px;color:#9ca6ab}.dialog-footer>span>i{display:inline-block;width:7px;height:7px;background:var(--blue);margin-right:7px}.dialog-footer>p{color:#29b3f2}
body[data-direction=form]{--bg:#f6f7f7;--ink:#111315;--muted:#747b80;--line:#10182025;--panel:#eceff0}body[data-direction=form] .review-bar{background:#e9edef;color:#566269;border-color:#d3dadd}body[data-direction=form] .review-bar button[aria-pressed=true]{background:#dce3e7;color:#0b1014}body[data-direction=form] .review-bar .logo-open{color:#151d21}body[data-direction=form] .signal-title{display:none}body[data-direction=form] .form-title{display:block}body[data-direction=form] .hero{min-height:815px;padding-top:20px}body[data-direction=form] .hero-type{padding-top:55px;width:100%}body[data-direction=form] h1{font-size:clamp(76px,10.7vw,170px);line-height:.98;letter-spacing:-.077em;max-width:1100px}body[data-direction=form] .form-title span{-webkit-text-stroke:1.5px #111315;color:transparent}body[data-direction=form] .hero-bottom{margin-top:42px;justify-content:space-between;max-width:680px}body[data-direction=form] .hero-bottom p{color:#5c686e}body[data-direction=form] .hero-visual{height:550px;width:55%;right:-7%;top:75px;opacity:.95}body[data-direction=form] .hero-tag{color:#157daf}body[data-direction=form] .orb-glow{display:none}body[data-direction=form] .object-tools{right:8%;bottom:105px}body[data-direction=form] .shape-controls{background:#eff3f4bb}body[data-direction=form] .shape-controls button{color:#43565f}body[data-direction=form] .shape-controls button[aria-pressed=true]{color:#000}body[data-direction=form] .hero-foot{margin-top:164px}body[data-direction=form] .manifesto{border-top:1px solid #151515;padding-top:105px}body[data-direction=form] .experience-shell{grid-template-columns:1fr 1.35fr;gap:90px}body[data-direction=form] .service-menu strong{font-size:30px}body[data-direction=form] .service-stage{border:0}body[data-direction=form] .contact{background:var(--blue);--muted:#13425a}body[data-direction=form] .contact-title>span,body[data-direction=form] .contact-title>b{color:#fff}body[data-direction=form] .pill-contact{background:#0b1419;color:#fff}
@media(max-width:1100px){.hero{min-height:680px}.hero-type{width:90%;padding-top:55px}h1{font-size:8vw}.hero-visual{right:-9%;width:65%;height:570px;top:0}.hero-bottom{gap:30px;align-items:flex-start;flex-direction:column}.object-tools{right:5%;bottom:80px}.hero-foot{margin-top:62px}.experience-shell{gap:30px;grid-template-columns:.75fr 1.25fr}.service-menu strong{font-size:21px}.comparison{gap:45px}.after-design h3{font-size:33px}.identity-sheet{width:64%;left:9%}.identity-sheet>strong{font-size:31px}.manifesto{gap:30px}.feed-card>strong{font-size:31px}.feed-two>strong{font-size:20px}.feed-asterisk{font-size:110px}body[data-direction=form] .hero{min-height:720px}body[data-direction=form] .hero-foot{margin-top:110px}body[data-direction=form] .experience-shell{gap:40px}}
@media(max-width:720px){html{scroll-padding-top:59px}.review-bar{height:49px;padding:0 14px;gap:8px}.review-bar>span{font-size:0}.review-bar>span:before{content:'K /';font-size:11px;color:#29b3f2}.review-bar i{display:none}.review-bar button{font-size:8px;padding:0 12px}.review-bar .logo-open{font-size:8px}header{height:89px;padding:0 6%;gap:15px}header nav{display:none}.wordmark{font-size:32px}.header-contact{margin-left:0;font-size:10px;gap:24px;padding:11px 16px}.brand.logo-angle .wordmark,.brand.logo-orbit .wordmark{font-size:25px}.brand svg{width:26px}.hero{min-height:940px;padding:14px 6% 0}.hero-tag{display:none}.hero-topline{font-size:8px}.hero-type{width:100%;padding-top:37px}h1{font-size:clamp(39px,9.4vw,67px);letter-spacing:-.065em;line-height:1.06}.signal-title>span{font-size:.94em}.hero-bottom{margin-top:27px;gap:23px}.hero-bottom>p{font-size:11px;line-height:1.8}.circle-link{font-size:9px}.circle-link b{width:34px;height:34px}.hero-visual{width:125%;height:470px;right:-12.5%;top:350px}.visual-coordinate{font-size:6px;right:12%;top:30%}.object-tools{left:0;right:0;bottom:84px}.object-tools p{font-size:8px}.shape-controls button{padding:8px 17px}.hero-foot{position:absolute;left:6%;right:6%;bottom:0;margin:0;font-size:6px;min-height:61px}.hero-foot>span:first-child{max-width:115px;line-height:1.7}.hero-foot a{gap:11px;font-size:6px}.hero-foot>span:last-child{display:none}.manifesto{padding:62px 6%;grid-template-columns:1fr;gap:25px}.manifesto>.section-label{padding:0}h2{font-size:36px;letter-spacing:-1.9px}.manifesto-bottom{gap:20px;margin-top:28px}.manifesto-bottom p{font-size:11px;line-height:1.8}.experience{padding:15px 6% 62px}.section-intro{display:block;margin-bottom:28px}.section-intro .section-label{margin-bottom:24px}.section-intro>p{margin-top:24px;font-size:11px}.experience-shell,body[data-direction=form] .experience-shell{display:flex;flex-direction:column;gap:30px}.service-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0}.service-menu>button{flex-direction:column;align-items:flex-start;gap:10px;padding:17px 7px 15px;border-bottom:1px solid var(--line)}.service-menu strong,body[data-direction=form] .service-menu strong{font-size:14px;letter-spacing:-.6px}.service-menu b{display:none}.service-menu>button>span{font-size:8px}.service-menu>button[aria-selected=true]{border-bottom-color:var(--blue)}.service-detail{grid-column:1/-1;padding-top:16px;max-width:none}.service-detail p{font-size:11px;min-height:0}.service-detail a{margin-top:19px;font-size:10px}.service-stage{height:390px}.stage-label,.stage-footer{left:16px;right:16px;font-size:6px;gap:12px}.stage-label{top:17px}.identity-sheet{left:10%;top:15%;height:70%;width:67%;padding:22px}.identity-sheet>strong{font-size:30px;margin-top:22px}.identity-tag{right:4%;width:42%;height:29%;padding:20px;bottom:15%}.identity-tag>b{font-size:60px}.identity-tag>span{font-size:6px}.identity-mark{font-size:62px;bottom:36px}.identity-bottom{left:22px;right:22px;font-size:5px}.identity-bottom>span{display:none}.web-demo{padding:49px 17px}.demo-toolbar{font-size:5px}.demo-toolbar>span:nth-child(2){display:none}.demo-browser{height:278px;padding:18px}.demo-browser h3{font-size:39px;letter-spacing:-2px}.demo-browser[data-device=mobile]{height:280px}.demo-browser-nav{font-size:7px}.mini-orbit{width:150px;height:150px}.demo-web-foot{left:18px;right:18px;font-size:5px}.feed-card{padding:17px;width:44%;height:65%}.feed-card small{font-size:5px}.feed-card>strong{font-size:29px;letter-spacing:-1.5px}.feed-one{left:8%}.feed-two{right:6%}.feed-asterisk{font-size:95px;margin-top:15px}.feed-two>strong{font-size:19px}.comparison{padding:60px 6%;grid-template-columns:1fr;gap:32px}.comparison>div>p:not(.section-label){font-size:11px}.comparison h2{margin:24px 0}.comparison small{font-size:8px;line-height:1.7}.compare-stage{height:340px}.before-design,.after-design{padding:22px}.after-design h3{font-size:33px}.after-design p{font-size:7px}.after-design>div>b{font-size:16px}.after-design>div>span{font-size:6px}.contact{padding:63px 6% 38px}.contact-title{font-size:20vw;letter-spacing:-.075em;margin:32px 0 35px}.contact-title>b{font-size:.8em;right:0;bottom:7px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:24px}.contact-bottom p{font-size:11px}.pill-contact{font-size:10px;padding:16px 20px}.section-label{font-size:8px}footer{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:30px 0}footer>.brand{grid-row:1}footer>span{font-size:6px;line-height:1.7}footer>button{text-align:left;padding:0;font-size:8px}footer>a:last-child{text-align:right;font-size:8px}dialog{padding:23px;max-height:90vh}dialog h2{font-size:36px}dialog>p{font-size:11px}.logo-options{grid-template-columns:1fr;gap:10px;margin-top:24px}.logo-options>button{display:grid;grid-template-columns:1fr 1fr;padding:15px;align-items:center;gap:8px 20px}.logo-sample{height:65px;grid-row:1/3}.logo-options>button>span{margin:0;font-size:7px}.logo-options p{margin:0;font-size:9px}.logo-sample .wordmark{font-size:31px}.logo-sample.logo-angle .wordmark,.logo-sample.logo-orbit .wordmark{font-size:22px}.logo-sample svg{width:27px}.dialog-footer{flex-direction:column;gap:12px;font-size:7px}body[data-direction=form] .hero{min-height:910px;padding-top:14px}body[data-direction=form] .hero-type{padding-top:40px}body[data-direction=form] h1{font-size:13.2vw;line-height:1.05}body[data-direction=form] .hero-bottom{margin-top:26px;gap:22px}body[data-direction=form] .hero-visual{width:125%;right:-12.5%;top:335px;height:470px}body[data-direction=form] .object-tools{left:0;right:0;bottom:85px}body[data-direction=form] .hero-foot{margin:0}body[data-direction=form] .manifesto{padding-top:62px}}
@media(min-width:721px){.hero-foot{position:absolute;left:6%;right:6%;bottom:0;margin-top:0!important}.object-tools{bottom:100px}body[data-direction=form] .object-tools{bottom:100px}.hero{min-height:max(660px,calc(100svh - 158px))}body[data-direction=form] .hero{min-height:max(710px,calc(100svh - 158px))}}
@media(max-width:720px){.hero,body[data-direction=form] .hero{min-height:780px}.hero-visual,body[data-direction=form] .hero-visual{height:360px;width:110%;right:-5%;top:300px}.object-tools,body[data-direction=form] .object-tools{bottom:85px}.hero-foot{min-height:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--muted:#a3afb8}header{height:110px}.top-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:70;background:#ffffff08}.top-progress i{display:block;height:100%;width:0;background:var(--blue)}.hero{min-height:max(700px,calc(100svh - 110px));padding-top:26px}.hero-type{padding-top:52px;width:65%}.signal-title{font-size:clamp(63px,6.5vw,108px);line-height:1.02;letter-spacing:-.065em}.signal-title>span{font-size:1.23em;letter-spacing:-.07em}.hero-bottom{flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px}.hero-bottom>p{font-size:14px;line-height:1.8;color:#a3afb8}.hero-visual{height:690px;width:61%;right:-5%;top:-10px}.hero-foot{font-size:9px}.hero-foot a{font-size:9px}.hero-topline{font-size:10px}.object-tools{bottom:97px}.hero-foot{min-height:63px}.section-label{font-size:10px}.manifesto-bottom p{font-size:14px}.manifesto{padding-top:110px;padding-bottom:100px}header nav{font-size:12px}.header-contact{font-size:12px}.brand .wordmark{font-size:37px}.circle-link{font-size:12px}.circle-link b{width:44px;height:44px}.service-detail p{font-size:14px}.section-intro>p{font-size:13px}.comparison>div>p:not(.section-label){font-size:14px}.comparison small{font-size:10px}.contact-bottom p{font-size:14px}.contact .section-label{color:#a3afb8}.pill-contact{font-size:13px}footer>span,footer>a:last-child{font-size:9px}.journey{height:420svh;position:relative;border-top:1px solid var(--line)}.journey-sticky{position:sticky;top:0;height:100svh;min-height:680px;padding:36px 6% 25px;background:#0b1115;overflow:hidden;transition:background 650ms,color 650ms;--chapter-progress:0;color:#f5f7f8}.journey-top{display:flex;justify-content:space-between;align-items:center;gap:30px;font:9px monospace;color:#a3afb8;letter-spacing:.07em}.journey-top a{font:11px var(--font);white-space:nowrap}.journey-content{position:relative;height:calc(100% - 100px);display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.journey-copy{position:relative;height:330px;z-index:3}.journey-copy article{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(34px);transition:opacity .45s,transform .65s cubic-bezier(.2,.7,.1,1),visibility .45s}.journey-copy article.active{opacity:1;visibility:visible;transform:none}.journey h2{font-size:clamp(45px,5vw,80px);margin:28px 0 26px;line-height:1.04;letter-spacing:-.06em}.journey h2 em{font-style:normal;color:#29b3f2}.journey-copy article>p:last-child{color:#a3afb8;font-size:14px;line-height:1.85;max-width:370px}.journey-art{position:relative;height:500px;perspective:1200px}.journey-halo{position:absolute;inset:0;background:radial-gradient(ellipse,#29b3f219,transparent 66%);transform:scale(calc(.8 + var(--chapter-progress)*.4))}.story-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(65px) scale(.82) rotateY(-15deg);transition:opacity .65s,transform .9s cubic-bezier(.2,.7,.1,1),visibility .65s}.story-panel.active{opacity:1;visibility:visible;transform:translateY(0) scale(1) rotateY(0)}.identity-square{width:350px;height:350px;padding:35px;background:#29b3f2;color:#09141b;transform:rotate(-8deg);box-shadow:30px 35px 0 #102a3780}.identity-square small{font:8px monospace}.identity-square strong{display:block;font-size:92px;line-height:.87;letter-spacing:-7px;margin-top:36px;font-weight:700}.identity-square strong span{color:white}.identity-square p{font:8px monospace;margin-top:35px}.story-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:.08em;color:#7e99a7}.story-browser{width:100%;max-width:540px;border:1px solid #abc0ca;background:#f5f7f8;border-radius:12px;overflow:hidden;transform:perspective(900px) rotateY(-10deg) rotateX(5deg);box-shadow:20px 30px 70px #00162720}.story-chrome{height:34px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#e2ebef}.story-chrome i{width:5px;height:5px;background:#92a4ae;border-radius:50%}.story-chrome span{font:8px monospace;color:#536976;margin:auto}.story-web{padding:28px;min-height:300px;color:#101b23;position:relative;overflow:hidden}.story-web>b{font-size:20px;letter-spacing:-1px}.story-web h3{font-size:43px;line-height:1.1;letter-spacing:-2px;margin:32px 0 25px;position:relative;z-index:2;font-weight:600}.story-web h3 em{color:#006ea1;font-style:normal}.story-web>span{display:inline-block;border-radius:25px;padding:13px 18px;font-size:9px;color:white;background:#006ea1;position:relative;z-index:2}.web-ring{position:absolute;width:225px;height:225px;border:40px solid #29b3f2;border-radius:50%;right:-65px;top:85px;transform:rotateY(25deg) rotateX(40deg);box-shadow:inset 6px 6px 10px #00344b77,6px 8px 15px #00344b22}.flow-card{width:380px;max-width:100%;background:#f5f7f8;color:#11232d;border-radius:20px;padding:30px;box-shadow:25px 30px 80px #0002;transform:rotate(-4deg)}.flow-card>small{font:9px monospace;color:#536f7e}.flow-card>div{display:flex;align-items:center;gap:17px;margin-top:24px;padding:20px 0;border-top:1px solid #1233}.flow-card b{font:12px monospace;color:#006ea1}.flow-card p{font-size:15px;font-weight:600}.flow-card p span{display:block;font-size:10px;color:#617583;margin-top:9px;font-weight:400}.flow-card i{margin-left:auto;font-style:normal;color:#006ea1}.story-phone{width:270px;height:445px;background:#f5f7f8;color:#162a36;border:7px solid #293942;border-radius:37px;padding:33px 19px 20px;position:relative;transform:rotate(7deg);box-shadow:25px 25px 70px #0004}.phone-notch{position:absolute;top:8px;width:70px;height:15px;border-radius:12px;left:50%;transform:translateX(-50%);background:#1a242b}.story-phone>small{font:7px monospace;color:#4d6b7d}.story-phone h3{font-size:21px;letter-spacing:-.8px;margin-top:24px}.story-phone h3 span{display:block;font-size:10px;font-weight:400;color:#566e7d;margin-top:8px}.phone-calendar{background:#e1f1f8;border:1px solid #b9dbe9;border-radius:12px;margin-top:24px;padding:15px}.phone-calendar>span{display:block;font:7px monospace;color:#365a6f}.phone-calendar>b{display:block;float:left;font:8px var(--font);margin:17px 15px 12px 0}.phone-calendar>b>strong{display:block;font-size:32px;line-height:1.1}.phone-calendar>p{font-size:11px;padding-top:17px;line-height:1.8}.phone-calendar small{font-size:8px;color:#526f80}.phone-calendar>i{display:block;clear:both;font-style:normal;font-size:8px;padding-top:8px;color:#006ea1}.phone-action{background:#006ea1;color:white;font-size:10px;border-radius:25px;padding:14px;text-align:center;margin-top:20px}.phone-bottom{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;font-size:8px;color:#5b7483}.app-float{position:absolute;left:0;bottom:80px;background:#29b3f2;color:#0a1a23;padding:22px 26px;border-radius:10px;transform:rotate(-7deg);font-size:11px;line-height:1.7;box-shadow:8px 15px 30px #0003}.journey-rail{position:relative;display:flex;justify-content:space-between;gap:20px;padding-bottom:22px}.journey-rail button{background:none;text-align:left;color:#a3afb8;font-size:12px;padding:0;min-height:35px}.journey-rail button span{font:9px monospace;margin-right:12px}.journey-rail button[aria-current]{color:#29b3f2}.journey-progress{height:1px;background:#ffffff26;position:absolute;bottom:0;left:0;right:0}.journey-progress i{display:block;background:#29b3f2;height:2px;width:calc(var(--journey-progress,0)*100%);transition:width .08s linear}.journey-note{font:7px monospace;letter-spacing:.08em;color:#78919f;text-align:right;margin-top:12px}.journey-sticky[data-step="1"]{background:#edf5f8;color:#0c1b24}.journey-sticky[data-step="1"] .section-label,.journey-sticky[data-step="1"] .journey-top,.journey-sticky[data-step="1"] .journey-copy article>p:last-child,.journey-sticky[data-step="1"] .journey-rail button{color:#526977}.journey-sticky[data-step="1"] h2 em,.journey-sticky[data-step="1"] .journey-rail button[aria-current]{color:#006ea1}.journey-sticky[data-step="1"] .journey-progress{background:#16354733}.journey-sticky[data-step="2"]{background:#0b3449}.journey-sticky[data-step="3"]{background:#081c27}.booking-section{background:#edf3f6;color:#11232d;padding:110px 6%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.booking-copy{padding-top:30px}.booking-copy .section-label{color:#526977}.booking-copy h2{font-size:clamp(35px,3.7vw,58px);margin:26px 0;line-height:1.1}.booking-copy h2>span{color:#006ea1}.booking-copy>p:not(.section-label){font-size:14px;line-height:1.9;color:#526977;max-width:430px}.sector-picker{display:flex;flex-wrap:wrap;gap:8px;margin:29px 0}.sector-picker button{background:transparent;border:1px solid #a2b4bf;border-radius:25px;color:#395463;font-size:11px;padding:12px 17px}.sector-picker button[aria-pressed=true]{color:#fff;background:#006ea1;border-color:#006ea1}.booking-copy ul{list-style:none;padding:0;margin:35px 0}.booking-copy li{font-size:12px;border-top:1px solid #1232;padding:18px 0;display:flex;gap:17px}.booking-copy li>span{color:#006ea1;font:10px monospace}.booking-copy .demo-disclaimer{font-size:11px!important;line-height:1.8!important}.booking-project{display:inline-block;font-size:12px;color:#006ea1;border-bottom:1px solid #006ea1;padding-bottom:9px;margin-top:27px}.booking-demo{max-width:520px;width:100%;margin:auto}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;font:8px monospace;color:#4a697c;margin-bottom:15px}.demo-heading>span>i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#006ea1;margin-right:6px}.demo-heading>div{display:flex;gap:5px;border:1px solid #bccdd7;border-radius:20px;padding:3px}.demo-heading button{background:none;border-radius:17px;font-size:9px;padding:8px 14px;color:#435f71}.demo-heading button[aria-pressed=true]{background:#11232d;color:#fff}.booking-window{background:#fff;border-radius:24px;padding:29px 30px 20px;box-shadow:0 25px 90px #1c48651f;border:1px solid #cad9e2;min-height:545px;color:#13252f}.booking-brand{display:flex;flex-direction:column;gap:9px;border-bottom:1px solid #dce5eb;padding-bottom:23px}.booking-brand>b{font-size:27px;letter-spacing:-1.5px}.booking-brand>b>span{color:#006ea1}.booking-brand>small{font:7px monospace;color:#597181}.booking-progress{display:flex;gap:9px;margin:24px 0;font-size:9px;color:#6a7d88}.booking-progress>span{border-bottom:2px solid #dde6ec;flex:1;padding-bottom:9px}.booking-progress>span.active{border-color:#006ea1;color:#006ea1}.booking-title{font-size:22px;letter-spacing:-1px;line-height:1.3;margin-bottom:8px}.booking-subtitle{font-size:11px;line-height:1.7;color:#5a7180;margin-bottom:19px}.service-choice{background:white;border:1px solid #afc3cf;border-radius:10px;width:100%;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:#142d3d;margin-top:9px}.service-choice[aria-pressed=true]{border:2px solid #006ea1;padding:13px 15px;background:#f0f8fc}.service-choice>span{font-size:12px;font-weight:600}.service-choice>small{font-size:10px;color:#547283}.professional-label{font-size:10px;color:#536d7d;display:block;margin:21px 0 8px}.professional-select{padding:11px 12px;border:1px solid #aabfcb;border-radius:8px;font:11px var(--font);width:100%;color:#173648;background:#fff}.booking-primary{background:#006ea1;color:white;width:100%;font-size:12px;font-weight:600;border-radius:24px;padding:14px;margin-top:22px;min-height:46px}.booking-primary:disabled{background:#d6e0e6;color:#687e8b;cursor:default}.booking-back{background:none;color:#006ea1;font-size:10px;padding:13px 0 0}.booking-days{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:19px}.booking-days button{border:1px solid #a8bdca;border-radius:9px;background:#fff;color:#456373;padding:10px 6px;flex:1;font-size:9px;min-width:48px}.booking-days button>b{display:block;font-size:20px;margin-top:5px;font-weight:500}.booking-days button[aria-pressed=true],.booking-times button[aria-pressed=true]{background:#006ea1;border-color:#006ea1;color:#fff}.booking-times{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.booking-times button{background:white;color:#174258;border:1px solid #94b3c6;border-radius:8px;min-height:40px;font-size:11px}.booking-summary{background:#edf5f9;padding:20px;border-radius:12px;margin-top:22px}.booking-summary>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px;font-size:10px;color:#557282}.booking-summary>div:last-child{margin-bottom:0}.booking-summary b{color:#14384d;font-weight:600;text-align:right}.demo-success{font-size:11px;line-height:1.7;color:#006ea1;background:#e9f6fd;padding:14px;border-radius:8px;margin:20px 0}.demo-success strong{display:block}.success-icon{display:grid;place-items:center;background:#d8eef9;color:#006ea1;width:44px;height:44px;border-radius:50%;font-size:23px;margin:25px 0 15px}.app-footer{border-top:1px solid #dce5eb;margin-top:24px;padding-top:15px;display:flex;justify-content:space-between;gap:15px;font:7px monospace;color:#586d7b}.app-footer>span:last-child{font:11px var(--font);font-weight:700;color:#1c3747;letter-spacing:-.5px}.dashboard-empty{padding:32px 18px;background:#f3f7f9;border-radius:10px;text-align:center;font-size:12px;line-height:1.8;color:#536e7f;margin:25px 0}.dashboard-row{padding:19px;background:#edf5f9;border-left:3px solid #006ea1;border-radius:8px;margin:22px 0}.dashboard-row b{display:block;font-size:15px;margin-bottom:10px}.dashboard-row p{font-size:11px;color:#536e7f;line-height:1.8}.motion-status{position:fixed;bottom:15px;left:15px;background:#12232edb;border:1px solid #ffffff35;border-radius:22px;color:#d8e6ee;font-size:9px;padding:9px 14px;z-index:45;backdrop-filter:blur(10px)}
body.reduced-motion .journey{height:auto}body.reduced-motion .journey-sticky{position:relative;height:auto;min-height:0;background:#0b1115;color:#fff}body.reduced-motion .journey-content{display:block;height:auto}body.reduced-motion .journey-copy{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:40px 0}body.reduced-motion .journey-copy article{position:static;opacity:1;visibility:visible;transform:none;transition:none}body.reduced-motion .journey-art,body.reduced-motion .journey-rail{display:none}body.reduced-motion .journey-top,body.reduced-motion .journey-copy article>p:last-child{color:#a3afb8}body.reduced-motion .journey h2{font-size:42px}body.reduced-motion .journey h2 em{color:#29b3f2}body.reduced-motion *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
@media(max-width:1050px){.hero-type{width:75%}.journey-content{gap:20px}.journey h2{font-size:54px}.identity-square{width:290px;height:310px}.identity-square strong{font-size:79px}.story-web h3{font-size:35px}.booking-section{gap:40px}.booking-window{padding:25px 23px 20px}.app-float{left:-20px}.journey-copy{height:350px}}
@media(max-width:720px){header{height:86px}.hero{min-height:850px}.hero-type{width:100%;padding-top:34px}.signal-title{font-size:12vw}.signal-title>span{font-size:1.3em}.hero-bottom{margin-top:22px;gap:20px}.hero-bottom>p{font-size:12px}.hero-topline{font-size:8px}.hero-visual{height:360px;top:370px;width:110%;right:-5%}.object-tools{bottom:80px}.hero-foot{font-size:6px}.hero-foot a{font-size:6px}.hero-foot>span:first-child{max-width:140px}.manifesto{padding:60px 6%}.manifesto-bottom{grid-template-columns:1fr;gap:20px}.manifesto-bottom p{font-size:13px}.section-label{font-size:8px}.journey{height:350svh}.journey-sticky{min-height:690px;padding:24px 6% 19px}.journey-top{font-size:7px;line-height:1.6;align-items:flex-start;gap:20px}.journey-top>span{max-width:170px}.journey-top a{font-size:9px}.journey-content{display:flex;flex-direction:column;gap:0;align-items:stretch;height:calc(100% - 110px)}.journey-copy{height:225px;flex-shrink:0;margin-top:35px}.journey h2{font-size:40px;margin:17px 0 15px}.journey-copy article>p:last-child{font-size:11px;line-height:1.8;max-width:300px}.journey-art{height:calc(100% - 250px);min-height:260px;max-height:370px}.identity-square{width:218px;height:228px;padding:23px;box-shadow:15px 18px 0 #102a3755}.identity-square strong{font-size:57px;letter-spacing:-4px;margin-top:28px}.identity-square p,.identity-square small{font-size:6px}.identity-square p{margin-top:24px}.story-label{bottom:0;font-size:6px}.story-browser{max-width:305px;border-radius:8px}.story-chrome{height:25px;padding:0 10px}.story-chrome span{font-size:6px}.story-web{min-height:205px;padding:18px}.story-web>b{font-size:16px}.story-web h3{font-size:27px;margin:22px 0 18px;letter-spacing:-1px}.story-web>span{font-size:7px;padding:10px 13px}.web-ring{width:155px;height:155px;border-width:28px;right:-60px;top:70px}.flow-card{max-width:285px;padding:20px;border-radius:14px}.flow-card>small{font-size:7px}.flow-card>div{gap:12px;padding:14px 0;margin-top:14px}.flow-card p{font-size:12px}.flow-card p span{font-size:8px;margin-top:6px}.story-phone{width:183px;height:285px;border-width:5px;border-radius:25px;padding:25px 12px 12px}.phone-notch{width:49px;height:10px;top:6px}.story-phone>small{font-size:5px}.story-phone h3{font-size:15px;margin-top:14px}.story-phone h3 span{font-size:7px;margin-top:5px}.phone-calendar{padding:10px;margin-top:14px;border-radius:9px}.phone-calendar>span{font-size:5px}.phone-calendar>b{font-size:6px;margin:9px 9px 7px 0}.phone-calendar>b>strong{font-size:22px}.phone-calendar>p{font-size:8px;padding-top:9px}.phone-calendar small{font-size:6px}.phone-calendar>i{font-size:6px;padding-top:5px}.phone-action{font-size:7px;padding:9px;margin-top:12px}.phone-bottom{font-size:6px;bottom:13px;left:9px;right:9px}.app-float{font-size:8px;padding:14px 15px;bottom:45px;left:0;border-radius:7px}.journey-rail{padding-bottom:15px;gap:5px;margin-top:16px}.journey-rail button{font-size:9px;min-height:35px;display:flex;flex-direction:column;gap:7px}.journey-rail button>span{font-size:7px}.journey-note{font-size:6px;line-height:1.6}.booking-section{padding:60px 6%;grid-template-columns:1fr;gap:38px}.booking-copy{padding-top:0}.booking-copy h2{font-size:35px}.booking-copy>p:not(.section-label){font-size:13px}.sector-picker{gap:6px}.sector-picker button{font-size:10px;padding:10px 13px;min-height:40px}.booking-copy li{font-size:11px}.booking-demo{max-width:420px}.booking-window{padding:24px 20px 20px;border-radius:18px;min-height:525px}.demo-heading{font-size:7px}.demo-heading button{font-size:8px;padding:8px 12px}.booking-title{font-size:21px}.booking-days{gap:5px}.booking-days button{min-width:43px}.booking-days button>b{font-size:18px}.booking-summary{padding:16px}.booking-summary>div{font-size:9px;gap:12px}.service-detail p,.comparison>div>p:not(.section-label),.contact-bottom p{font-size:12px}.section-intro>p{font-size:12px}.pill-contact{font-size:11px}.motion-status{bottom:10px;left:10px;font-size:8px;padding:9px 12px}body.reduced-motion .journey-copy{grid-template-columns:1fr;padding:25px 0;gap:20px}body.reduced-motion .journey-copy article{padding:22px 0;border-bottom:1px solid #fff2}body.reduced-motion .journey h2{font-size:38px}}

/* Only the incoming chapter animates; outgoing text cannot overlap it. */
.journey-copy article,.story-panel{transition:none}
.journey-copy article.active{animation:chapter-copy-in .4s cubic-bezier(.2,.7,.1,1) both}
.story-panel.active{animation:chapter-art-in .6s cubic-bezier(.2,.7,.1,1) both}
@keyframes chapter-copy-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes chapter-art-in{from{opacity:0;transform:translateY(32px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
/* The movement control stays clear of the content rail. */
.motion-status{position:relative;display:block;bottom:auto;left:auto;right:auto;margin:0 6% 24px auto;opacity:.88}
.journey-note{padding-right:0}
@media(max-height:650px){.journey-sticky{min-height:0}.journey-top{font-size:7px}.journey-copy{height:250px}.journey h2{font-size:40px;margin:18px 0}.journey-art{height:350px}.identity-square{transform:scale(.8) rotate(-8deg)}.story-phone{transform:scale(.76) rotate(7deg)}.journey-content{height:calc(100% - 95px)}}
@media(max-width:720px) and (max-height:650px){.journey{height:auto}.journey-sticky{position:relative;height:auto}.journey-content{display:block;height:auto}.journey-copy{height:auto;display:grid;gap:25px;margin:30px 0}.journey-copy article{position:static;opacity:1;visibility:visible;transform:none;animation:none}.journey-art,.journey-rail{display:none}}

/* Each visual pose is driven directly by native scroll, including reverse scroll. */
html{scroll-behavior:auto}
.story-panel,.story-panel.active,.journey-copy article,.journey-copy article.active{animation:none;transition:none;will-change:transform,opacity}
.journey-art{overflow:hidden}
.journey-halo{transform:translateY(var(--object-lift,0px)) rotate(var(--orbit-turn,0deg));background:radial-gradient(ellipse at 35% 35%,#29b3f22a,transparent 65%)}
.app-float{transform:translateY(calc(var(--object-progress,0)*-85px)) rotate(calc(-7deg + var(--object-progress,0)*16deg))}
.flow-card>div{transform:translateX(calc(var(--object-progress,0)*20px))}
.flow-card>div:nth-child(3){transform:translateX(calc(var(--object-progress,0)*45px))}
.flow-card>div:nth-child(4){transform:translateX(calc(var(--object-progress,0)*70px))}
.web-ring{transform:rotateY(calc(25deg + var(--object-progress,0)*80deg)) rotateX(40deg)}
.journey-progress i{transition:none}
body.reduced-motion .journey-copy article{transform:none!important}
/* Three example brands. Kairos keeps its original blue, black and white palette. */
.booking-demo{max-width:620px}
.booking-window{padding:0;overflow:hidden;min-height:620px}
.booking-brand{padding:0;border:0}
.booking-brand b{letter-spacing:-1.5px}
.booking-brand small{display:block;font:8px monospace;letter-spacing:.08em}
.booking-layout{padding:0 30px}
.sector-sidebar:empty{display:none}
.app-footer{margin:26px 30px 0;padding:18px 0 22px}
.service-copy{flex:1;min-width:0}
.service-copy strong{display:block;font-size:12px;line-height:1.4}
.service-copy small{display:block;font-size:10px;line-height:1.5;font-weight:400;margin-top:7px}
.service-symbol{flex-shrink:0;font-size:24px!important;width:30px;text-align:center}
.service-duration{font-size:10px!important;white-space:nowrap}
.service-duration i{display:block;font-style:normal;text-align:right;margin-top:8px}
.booking-demo[data-sector="care"] .booking-window{background:#f3f8fa;border-radius:70px 70px 28px 28px;border:1px solid #d0e3ec}
.care-identity{display:flex;align-items:center;justify-content:space-between;padding:33px 34px 22px;background:#e3f0f6;border-bottom:1px solid #c4dce7}
.care-identity b{font:italic 42px Georgia,serif}
.care-identity small{font-size:7px;color:#4b7184;margin-top:10px}
.care-identity p{font:20px/1.2 Georgia,serif;margin-top:20px;color:#244b5e}
.care-identity svg{width:120px;height:140px;fill:none;stroke:#467f99;stroke-width:1.2}
[data-sector="care"] .booking-title{font:29px/1.2 Georgia,serif;letter-spacing:-.7px}
[data-sector="care"] .service-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
[data-sector="care"] .service-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-radius:22px;padding:17px 15px;gap:12px;background:#ffffff80;border:1px solid #b9d0dc;margin:0}
[data-sector="care"] .service-choice[aria-pressed=true]{background:#deedf4;border-color:#2e627c;box-shadow:inset 0 0 0 1px #2e627c}
[data-sector="care"] .service-symbol{font-size:30px!important;color:#386b83;width:auto}
[data-sector="care"] .service-copy strong{font-family:Georgia,serif;font-size:15px;font-weight:400}
[data-sector="care"] .service-copy small{color:#4d6b7c}
[data-sector="care"] .service-duration{display:flex;width:100%;justify-content:space-between;align-items:center;color:#365d71;margin-top:auto}
[data-sector="care"] .service-duration i{margin:0}
[data-sector="care"] .booking-primary{background:#28566d;font-weight:400}
[data-sector="care"] .professional-select{border-radius:18px;background:transparent}
[data-sector="care"] .booking-days button{border-radius:30px;padding:16px 5px}
[data-sector="care"] .booking-days button[aria-pressed=true],[data-sector="care"] .booking-times button[aria-pressed=true]{background:#28566d}
.advice-identity{padding:27px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8e2e8}
.advice-identity b{font-size:36px}
.advice-identity b span{color:#007bae;display:inline-block;margin-left:4px}
.advice-identity>div{text-align:right;color:#4a6d80}
.advice-identity>div>span{display:block;font:7px monospace;letter-spacing:.1em;margin-top:8px}
[data-sector="advice"] .booking-window{border-radius:8px;background:#fff}
[data-sector="advice"] .booking-layout{padding:0;display:grid;grid-template-columns:110px minmax(0,1fr)}
[data-sector="advice"] #booking-screen{padding:0 23px 10px}
[data-sector="advice"] .sector-sidebar{background:#112e40;color:#d2e7f2;padding:25px 15px}
.advice-sidebar{display:flex;flex-direction:column;gap:22px;height:100%}
.advisor-monogram{font-size:38px;font-weight:600;letter-spacing:-3px;color:#fff}
.advisor-monogram span{color:#29b3f2;font-size:25px}
.advice-sidebar small{font:7px/1.6 monospace;color:#a7c4d4}
.advice-sidebar>b{font-size:11px;border-bottom:1px solid #ffffff35;padding-bottom:15px}
.advice-sidebar>span:not(.advisor-monogram){font-size:10px;line-height:1.7;color:#a7c4d4}
.advisor-lines{display:flex;gap:6px;align-items:flex-end;height:65px;margin-top:auto}
.advisor-lines i{display:block;background:#29b3f2;width:12px;height:25%}
.advisor-lines i:nth-child(2){height:45%}.advisor-lines i:nth-child(3){height:70%}.advisor-lines i:nth-child(4){height:100%}
[data-sector="advice"] .booking-title{font-size:24px;letter-spacing:-.9px}
[data-sector="advice"] .service-choice{border:0;border-top:1px solid #cbd9e1;border-radius:0;padding:17px 0;background:white;margin:0;gap:10px}
[data-sector="advice"] .service-choice[aria-pressed=true]{border-top:2px solid #087dab;padding-top:16px;background:#f0f7fb}
[data-sector="advice"] .service-symbol{width:26px;color:#087dab;font-size:21px!important}
[data-sector="advice"] .service-copy small{font-size:9px;color:#4b687b}
[data-sector="advice"] .service-duration{font:9px monospace!important;padding-right:5px}
[data-sector="advice"] .booking-primary,[data-sector="advice"] .professional-select,[data-sector="advice"] .booking-times button,[data-sector="advice"] .booking-days button{border-radius:3px}
[data-sector="advice"] .booking-primary{background:#112e40}
[data-sector="advice"] .booking-progress{font-size:8px;gap:5px}
[data-sector="advice"] .booking-summary>div{flex-direction:column;gap:5px}
[data-sector="advice"] .booking-summary b{text-align:left}
[data-sector="workshop"] .booking-window{border-radius:0;background:#111b22;color:#edf8ff;border:1px solid #345263;box-shadow:12px 12px 0 #bdd0dc}
.workshop-identity{position:relative;background:repeating-linear-gradient(90deg,transparent 0 28px,#ffffff07 29px 30px),#192a35;padding:27px 28px 0;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.workshop-identity b{font-size:42px;font-weight:800;font-style:italic;letter-spacing:-2px}
.workshop-identity b span{color:#29b3f2}
.workshop-identity small{color:#9cbdcf;font-size:7px;margin-top:8px}
.workshop-identity svg{width:125px;fill:none;stroke:#29b3f2;stroke-width:2}
.workshop-status{display:flex;justify-content:space-between;gap:12px;width:calc(100% + 56px);margin:25px -28px 0;background:#29b3f2;color:#081c29;padding:13px 28px;font:8px monospace}
.workshop-status i{display:inline-block;width:6px;height:6px;background:#081c29;border-radius:50%;margin-right:6px}
.workshop-status b{font:inherit;font-weight:700;letter-spacing:0}
[data-sector="workshop"] .booking-title{font-size:29px;font-weight:800;letter-spacing:-1px}
[data-sector="workshop"] .booking-subtitle,[data-sector="workshop"] .professional-label{color:#a6c2d2}
[data-sector="workshop"] .booking-progress{color:#91aaba;font-family:monospace}
[data-sector="workshop"] .booking-progress>span{border-color:#365160}
[data-sector="workshop"] .booking-progress>span.active{color:#29b3f2;border-color:#29b3f2}
[data-sector="workshop"] .service-choice{border:1px solid #365363;border-radius:0;background:#182731;color:#fff;padding:16px 12px;gap:13px}
[data-sector="workshop"] .service-choice[aria-pressed=true]{border:1px solid #29b3f2;border-left:5px solid #29b3f2;padding-left:8px;background:#173748}
[data-sector="workshop"] .service-symbol{font:24px monospace!important;color:#29b3f2}
[data-sector="workshop"] .service-copy strong{text-transform:uppercase;font-size:11px;letter-spacing:.035em}
[data-sector="workshop"] .service-copy small{color:#a9c2d0;font-size:9px}
[data-sector="workshop"] .service-duration{color:#b2d4e7;font-family:monospace}
[data-sector="workshop"] .professional-select{background:#192c38;border-color:#466474;color:#edf8ff;border-radius:0}
[data-sector="workshop"] .booking-primary{border-radius:0;background:#29b3f2;color:#0a202d;text-transform:uppercase;font:600 11px monospace;letter-spacing:.04em}
[data-sector="workshop"] .booking-primary:disabled{background:#294250;color:#abc0cc}
[data-sector="workshop"] .booking-back{color:#6bc9f4}
[data-sector="workshop"] .booking-days button,[data-sector="workshop"] .booking-times button{background:#192c38;color:#c6e0ee;border:1px solid #466474;border-radius:0}
[data-sector="workshop"] .booking-days button[aria-pressed=true],[data-sector="workshop"] .booking-times button[aria-pressed=true]{color:#09212d;background:#29b3f2;border-color:#29b3f2}
[data-sector="workshop"] .booking-summary,[data-sector="workshop"] .dashboard-row,[data-sector="workshop"] .dashboard-empty{background:#1c3544;border-radius:0;color:#b4cedb}
[data-sector="workshop"] .booking-summary>div,[data-sector="workshop"] .dashboard-row p{color:#a4c4d6}
[data-sector="workshop"] .booking-summary b{color:#fff}
[data-sector="workshop"] .demo-success{background:#183f52;color:#a9e3ff;border-radius:0}
[data-sector="workshop"] .app-footer{color:#96b5c7;border-color:#34505f}
[data-sector="workshop"] .app-footer>span:last-child{color:#d9effa}
/* A complete old template and a complete modern conversion page. */
.comparison{grid-template-columns:.85fr 1.35fr;gap:65px}
.compare-benefits{list-style:none;margin:22px 0;padding:0;font-size:12px;color:#c1d0d8;line-height:2}
.compare-benefits li:before{content:'↗';color:#29b3f2;margin-right:12px}
.compare-presets{display:flex;justify-content:space-between;gap:8px;margin-bottom:15px}
.compare-presets button{font:10px var(--font);color:#d1e1eb;background:#132630;border:1px solid #35505f;border-radius:20px;padding:10px 15px}
.compare-presets button:last-child{background:#29b3f2;color:#091b25;border-color:#29b3f2}
.compare-stage{height:440px;border:1px solid #365360;user-select:none}
.compare-presets button[aria-pressed=true]{box-shadow:0 0 0 2px #081d2b,0 0 0 3px #29b3f2}
.before-design{padding:26px 24px;background:#eeeff0;color:#424a50;font-family:Arial,sans-serif}
.legacy-header{padding:15px;background:#dddfe1;border:1px solid #c8cccf;text-align:center}
.legacy-header b{display:block;font:bold 18px Georgia,serif;letter-spacing:1px;color:#495965}
.legacy-header span{display:block;font-size:9px;margin-top:5px;color:#6f7a81}
.before-design nav{background:#6e7b84;color:white;font-size:8px;text-align:center;padding:10px;margin:8px 0}
.legacy-banner{height:46px;background:linear-gradient(120deg,#d0d7dc,#e3e6e8);display:grid;place-items:center;font-size:11px;font-weight:700;color:#65747e;border:1px solid #bac5cc}
.before-design h3{font:bold 19px Georgia,serif;margin:23px 0 10px;color:#394c59}
.before-design p{font-size:10px;line-height:1.7;color:#6a747b;max-width:350px}
.legacy-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:21px}
.legacy-columns>div{border:1px solid #c4cbd0;background:#e0e4e7;padding:13px 12px}
.legacy-columns b{font-size:11px}.legacy-columns p{font-size:9px;margin:8px 0}.legacy-columns u{font-size:8px;color:#576f83}
.legacy-footer{margin-top:20px;border-top:1px solid #c6cdd2;text-align:center;padding-top:12px;font-size:8px;color:#7b858c}
.after-design{padding:26px 28px;background:#081d2b;color:#f2f8fb}
.after-design .modern-nav{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#a2c6d9}
.after-design .modern-nav>b{font-size:30px;letter-spacing:-1.5px;color:white}
.modern-nav>b>span{color:#29b3f2;margin-left:4px}
.after-design .modern-main{display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:8px;margin:35px 0 29px}
.modern-main small{margin:0;color:#83aabc;font:7px monospace;letter-spacing:.05em}
.after-design .modern-main h3{font-size:38px;letter-spacing:-1.8px;line-height:1.07;margin:15px 0}
.after-design .modern-main h3 i{color:#29b3f2}
.after-design .modern-main p{font-size:10px;line-height:1.7;color:#a4c2d3;margin:0}
.modern-orbit{height:150px;position:relative;display:grid;place-items:center;color:#29b3f2;font-size:98px;background:radial-gradient(ellipse,#29b3f21c,transparent 70%)}
.modern-orbit i{position:absolute;inset:0;border:1px solid #3b9cc480;border-radius:50%;transform:rotate(-35deg) scaleX(.55)}
.modern-orbit i:last-child{transform:rotate(35deg) scaleX(.55)}
.modern-reserve{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#29b3f2;padding:18px;color:#091e2b}
.modern-reserve small{font:6px monospace;color:#153f53;margin:0 0 7px}.modern-reserve strong{font-size:15px;letter-spacing:-.4px}
.modern-reserve>span{font-size:9px;white-space:nowrap;background:#091e2b;color:white;padding:12px 13px;border-radius:20px}
.after-design .modern-bottom{display:flex;justify-content:space-between;border-top:1px solid #34515f;margin-top:22px;padding-top:15px;color:#91b4c8;font:8px monospace}
.after-badge{background:#0b2233;color:#a7daf3;padding:3px 5px}.before-badge{background:#e6eaed;color:#4e606b;padding:3px 5px}
@media(max-width:1100px){.booking-section{gap:35px;grid-template-columns:.9fr 1.1fr}.booking-layout{padding:0 22px}.comparison{gap:30px}.after-design .modern-main h3{font-size:30px}.modern-reserve{padding:13px}.modern-reserve strong{font-size:13px}.modern-reserve>span{font-size:8px;padding:10px}.modern-orbit{font-size:75px}.legacy-columns{gap:8px}.legacy-columns>div{padding:10px}.advice-identity{padding:23px}.advice-identity b{font-size:31px}[data-sector="advice"] .booking-layout{grid-template-columns:85px minmax(0,1fr)}[data-sector="advice"] #booking-screen{padding:0 15px 10px}[data-sector="advice"] .sector-sidebar{padding:24px 11px}}
@media(max-width:720px){.booking-section,.comparison{grid-template-columns:1fr}.booking-window{min-height:0}.care-identity{padding:28px 24px 20px}.care-identity b{font-size:35px}.care-identity p{font-size:18px}.care-identity svg{width:90px;height:110px}.booking-layout{padding:0 20px}.app-footer{margin:24px 20px 0}.service-copy strong{font-size:11px}.service-copy small{font-size:9px}[data-sector="care"] .service-choice{padding:15px 11px;gap:9px}[data-sector="care"] .service-copy strong{font-size:14px}[data-sector="care"] .booking-title{font-size:27px}.advice-identity{padding:23px 20px}.advice-identity small{font-size:6px}.advice-identity>div>span{font-size:6px}[data-sector="advice"] .booking-layout{display:block}[data-sector="advice"] .sector-sidebar{padding:13px 20px}.advice-sidebar{flex-direction:row;gap:18px;align-items:center}.advisor-monogram{font-size:24px}.advisor-monogram span{font-size:17px}.advice-sidebar>b{border:0;padding:0}.advice-sidebar>span:not(.advisor-monogram),.advice-sidebar>small:last-child,.advisor-lines{display:none}[data-sector="advice"] #booking-screen{padding:0 20px 10px}.workshop-identity{padding:25px 20px 0}.workshop-identity svg{width:95px}.workshop-status{width:calc(100% + 40px);margin:24px -20px 0;padding:12px 20px;font-size:6px}[data-sector="workshop"] .booking-title{font-size:25px}.service-symbol{width:22px!important}.compare-stage{height:425px}.compare-presets button{padding:10px 12px;font-size:9px}.before-design,.after-design{padding:20px 16px}.legacy-header b{font-size:14px}.before-design nav{font-size:6px}.before-design h3{font-size:17px}.legacy-columns{margin-top:14px;gap:8px}.legacy-columns b{font-size:9px}.legacy-columns p{font-size:8px}.legacy-columns>div{padding:10px 8px}.after-design .modern-nav>b{font-size:26px}.after-design .modern-nav>span{font-size:5px}.after-design .modern-main{grid-template-columns:1.5fr .7fr;margin:32px 0 27px}.after-design .modern-main h3{font-size:28px;letter-spacing:-1.2px}.after-design .modern-main p{font-size:9px}.modern-main small{font-size:6px}.modern-orbit{height:130px;font-size:65px}.modern-reserve{padding:13px 10px;gap:8px}.modern-reserve small{font-size:5px}.modern-reserve strong{font-size:12px}.modern-reserve>span{font-size:7px;padding:10px 8px}.after-design .modern-bottom{font-size:6px}.compare-benefits{font-size:11px}}
@media(max-width:720px) and (max-height:650px){.journey-copy article{transform:none!important}}
/* Studio: the section label no longer occupies an empty full-height column. */
.manifesto{grid-template-columns:1fr;gap:22px;padding:64px 6% 48px}
.manifesto>.section-label{padding:0;align-self:start;justify-self:start}
.manifesto>div{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:start}
.manifesto h2{font-size:clamp(36px,3.4vw,54px)}
.manifesto-bottom{grid-template-columns:1fr;gap:16px;margin:0;max-width:510px}
@media(max-width:1050px){.manifesto>div{grid-template-columns:1fr;gap:24px}.manifesto-bottom{grid-template-columns:1fr 1fr;max-width:none;gap:30px}}
@media(max-width:720px){.manifesto{padding:42px 6% 34px;gap:20px}.manifesto>div{gap:22px}.manifesto h2{font-size:36px}.manifesto-bottom{grid-template-columns:1fr;gap:16px}}
/* Nexo's example identity: forest green, ivory and lime. */
#comparison .before-design{background:#f2f0e5;color:#4c5747}
#comparison .legacy-header{background:#e3e5d4;border-color:#c7ccb8}
#comparison .legacy-header b,#comparison .before-design h3{color:#435c43}
#comparison .legacy-header span,#comparison .before-design p{color:#626e58}
#comparison .before-design nav{background:#718365;color:#fffdf0}
#comparison .legacy-banner{background:linear-gradient(120deg,#d6dfbe,#e9ecd9);border-color:#c0cca9;color:#526a41}
#comparison .legacy-columns>div{background:#e5e8d8;border-color:#c6ceb5}
#comparison .legacy-columns u{color:#546c40}
#comparison .legacy-footer{border-color:#c6ceb5;color:#68775b}
#comparison .after-design{background:#153c2d;color:#f5f0df}
#comparison .after-design .modern-nav{color:#bdccb2}
#comparison .after-design .modern-nav>b{color:#f5f0df}
#comparison .modern-nav>b>span,#comparison .after-design .modern-main h3 i{color:#d7f776}
#comparison .modern-main small{color:#b7c9a5}
#comparison .after-design .modern-main p{color:#c4d0b8}
#comparison .modern-orbit{color:#d7f776;background:radial-gradient(ellipse,#d7f7761c,transparent 70%)}
#comparison .modern-orbit i{border-color:#b8dc7180}
#comparison .modern-reserve{background:#d7f776;color:#183624}
#comparison .modern-reserve small{color:#38542b}
#comparison .modern-reserve>span{background:#153c2d;color:#f5f0df}
#comparison .after-design .modern-bottom{border-color:#537351;color:#bdccb2}
#comparison .before-badge{background:#e5e8d8;color:#4d6240}
#comparison .after-badge{background:#153c2d;color:#d7f776}

/* Each example has its own complete interface palette, including all booking steps. */
/* The comparison now uses the same Punto identity as the booking demo. */
#comparison .before-design{background:#edece6;color:#54564e}
#comparison .legacy-header{background:#dfdfd7;border-color:#c7c9be}
#comparison .legacy-header b,#comparison .before-design h3{color:#585b50}
#comparison .legacy-header span,#comparison .before-design p{color:#696c60}
#comparison .before-design nav{background:#777a6c;color:#fffef7}
#comparison .legacy-banner{background:linear-gradient(120deg,#dadbd0,#e7e7de);border-color:#c1c4b4;color:#656a58}
#comparison .legacy-columns>div{background:#e0e1d7;border-color:#c8cbbe}
#comparison .legacy-columns u{color:#8a644a}
#comparison .legacy-footer{border-color:#c6c9ba;color:#707565}
#comparison .comparison-garage{padding:0;background:#faf9f6;color:#242722}
#comparison .garage-site-head{display:block;background:radial-gradient(ellipse at 88% 60%,#53564a,transparent 62%),#242721;padding:24px 26px 21px;color:#f4f1e8}
#comparison .comparison-garage .modern-nav>b{color:#fffdf5;font-size:31px;letter-spacing:-1.8px}
#comparison .comparison-garage .modern-nav>b>span{color:#ed926d;margin-left:1px}
#comparison .comparison-garage .modern-nav>span{color:#c5c7bb;font:7px monospace}
#comparison .comparison-garage .modern-main{margin:20px 0 0;grid-template-columns:1.25fr 1fr;gap:5px;min-height:175px}
#comparison .comparison-garage .modern-main h3{font-size:35px;color:#fffdf5;margin:12px 0;line-height:1.08;letter-spacing:-1.5px}
#comparison .comparison-garage .modern-main h3 i{color:#eea17f}
#comparison .comparison-garage .modern-main p{color:#c5c7bb;font-size:10px}
#comparison .comparison-garage .modern-main small{color:#bfc4b3;font-size:6px;letter-spacing:.08em}
.comparison-wheel{display:grid;place-items:center;min-width:0}
.comparison-wheel-art{width:100%;max-width:198px;height:auto;transform:rotate(-14deg);filter:drop-shadow(-8px 10px 12px #0007)}
#comparison .comparison-garage .modern-reserve{background:#f2e9df;color:#3f372c;margin:20px 26px 0;padding:16px;border-radius:12px;gap:12px}
#comparison .comparison-garage .modern-reserve small{color:#82654f;font-size:6px}
#comparison .comparison-garage .modern-reserve strong{font-size:16px;line-height:1.2;letter-spacing:-.4px}
#comparison .comparison-garage .modern-reserve>span{background:#b84924;color:#fffaf7;border-radius:8px;padding:13px 14px;font-size:9px}
#comparison .comparison-garage .modern-bottom{margin:18px 26px 0;padding-top:12px;border-color:#d4d4cb;color:#6a6b61;font-size:7px}
#comparison .before-badge{background:#e0e1d7;color:#60664f}
#comparison .after-badge{background:#faf9f6;color:#995638}
@media(max-width:1100px){#comparison .comparison-garage .modern-main h3{font-size:30px}#comparison .garage-site-head{padding:22px 20px 20px}#comparison .comparison-garage .modern-reserve{margin-left:20px;margin-right:20px;padding:13px}#comparison .comparison-garage .modern-reserve strong{font-size:14px}}
@media(max-width:720px){#comparison .garage-site-head{padding:20px 16px}#comparison .comparison-garage .modern-nav>b{font-size:27px}#comparison .comparison-garage .modern-nav>span{font-size:6px}#comparison .comparison-garage .modern-main{grid-template-columns:1.2fr 1fr;min-height:173px;margin-top:20px}#comparison .comparison-garage .modern-main h3{font-size:28px;letter-spacing:-1px}#comparison .comparison-garage .modern-main p{font-size:8px}#comparison .comparison-garage .modern-main small{font-size:5px}#comparison .comparison-garage .modern-reserve{margin:18px 16px 0;padding:13px 10px;gap:7px}#comparison .comparison-garage .modern-reserve strong{font-size:12px}#comparison .comparison-garage .modern-reserve small{font-size:5px}#comparison .comparison-garage .modern-reserve>span{font-size:7px;padding:12px 9px}#comparison .comparison-garage .modern-bottom{margin:18px 16px 0;font-size:6px}}
#booking .booking-demo[data-sector=care]{--app-bg:#fffaf3;--app-surface:#f3e5d7;--app-ink:#503627;--app-muted:#7b6051;--app-line:#d9bdaa;--app-accent:#985333;--app-on-accent:#fffaf3;--app-soft:#f6e8dc;--app-selected:#eed6c2}
#booking .booking-demo[data-sector=advice]{--app-bg:#fafbf5;--app-surface:#edf1e5;--app-ink:#1e3b2b;--app-muted:#5d6b5a;--app-line:#cbd3bf;--app-accent:#234831;--app-on-accent:#f6f8ed;--app-soft:#eff3e6;--app-selected:#e5ecd8}
#booking .booking-demo[data-sector=workshop]{--app-bg:#faf9f6;--app-surface:#eeede8;--app-ink:#242722;--app-muted:#6a6b61;--app-line:#d4d4cb;--app-accent:#b84924;--app-on-accent:#fffaf7;--app-soft:#f3ece4;--app-selected:#f6e8dc}
#booking .booking-demo .booking-window{color:var(--app-ink);background:var(--app-bg);border:1px solid var(--app-line);min-height:0;box-shadow:0 16px 55px #14222c16}
#booking .booking-demo .booking-layout{display:block;padding:0 30px}
#booking .booking-demo #booking-screen{padding:0}
#booking .booking-demo .sector-sidebar:empty{display:none}
#booking .booking-demo .booking-title{color:var(--app-ink);font-size:29px;line-height:1.15;letter-spacing:-1px;margin-bottom:10px}
#booking .booking-demo .booking-subtitle{color:var(--app-muted);font-size:12px;line-height:1.7;margin-bottom:24px;max-width:390px}
#booking .booking-demo .booking-progress{font:10px var(--font);gap:12px;margin:25px 0 28px;color:var(--app-muted)}
#booking .booking-demo .booking-progress>span{border-color:var(--app-line);padding-bottom:12px;line-height:1.5}
#booking .booking-demo .booking-progress>span.active{border-color:var(--app-accent);color:var(--app-accent)}
#booking .booking-demo .service-choice{color:var(--app-ink);background:var(--app-bg);border:1px solid var(--app-line)}
#booking .booking-demo .service-choice[aria-pressed=true]{background:var(--app-selected);border:1px solid var(--app-accent);box-shadow:inset 0 0 0 1px var(--app-accent)}
#booking .booking-demo .service-copy strong{font-size:14px;font-weight:600;line-height:1.35;text-transform:none;letter-spacing:-.15px}
#booking .booking-demo .service-copy small{font-size:11px;color:var(--app-muted);line-height:1.5}
#booking .booking-demo .service-duration{color:var(--app-muted);font:11px var(--font)!important}
#booking .booking-demo .service-duration i{color:var(--app-accent);font-size:15px}
#booking .booking-demo .professional-label{font-size:11px;color:var(--app-muted);margin:25px 0 9px}
#booking .booking-demo .professional-select{background:var(--app-bg);color:var(--app-ink);border-color:var(--app-line);font-size:12px;padding:13px 15px;min-height:45px}
#booking .booking-demo .booking-primary{background:var(--app-accent);color:var(--app-on-accent);font:600 13px var(--font);text-transform:none;letter-spacing:0;min-height:49px;margin-top:22px}
#booking .booking-demo .booking-primary:hover{filter:brightness(1.1)}
#booking .booking-demo .booking-primary:disabled{background:var(--app-line);color:var(--app-muted);filter:none}
#booking .booking-demo .booking-back{color:var(--app-accent);font-size:11px;padding-top:17px}
#booking .booking-demo .booking-days button,#booking .booking-demo .booking-times button{background:var(--app-bg);border-color:var(--app-line);color:var(--app-ink);font-size:11px;min-height:44px}
#booking .booking-demo .booking-days button[aria-pressed=true],#booking .booking-demo .booking-times button[aria-pressed=true]{background:var(--app-accent);border-color:var(--app-accent);color:var(--app-on-accent)}
#booking .booking-demo .booking-summary,#booking .booking-demo .dashboard-row,#booking .booking-demo .dashboard-empty{background:var(--app-soft);color:var(--app-muted);border-radius:14px}
#booking .booking-demo .booking-summary>div,#booking .booking-demo .dashboard-row p{color:var(--app-muted);font-size:11px}
#booking .booking-demo .booking-summary b{color:var(--app-ink);text-align:right}
#booking .booking-demo .booking-summary>div{flex-direction:row;gap:15px}
#booking .booking-demo .dashboard-row{border-color:var(--app-accent)}
#booking .booking-demo .demo-success,#booking .booking-demo .success-icon{background:var(--app-selected);color:var(--app-accent)}
#booking .booking-demo .app-footer{border-color:var(--app-line);color:var(--app-muted);font-size:8px;margin:25px 30px 0;padding:17px 0 22px}
#booking .booking-demo .app-footer>span:last-child{color:var(--app-ink)}
#booking .booking-demo button:focus-visible,#booking .booking-demo select:focus-visible{outline-color:var(--app-accent);outline-offset:3px}
/* Calma: warm linen and terracotta. */
#booking [data-sector=care] .care-identity{background:#eed8c5;border-color:#dbbca5;color:#503627}
#booking [data-sector=care] .care-identity b{color:#503627}
#booking [data-sector=care] .care-identity b span{color:#a46240}
#booking [data-sector=care] .care-identity small{color:#74533e;font-size:8px}
#booking [data-sector=care] .care-identity p{color:#68452f;font-size:22px}
#booking [data-sector=care] .care-identity svg{stroke:#9b6846}
#booking [data-sector=care] .booking-title{font-family:Georgia,serif;font-weight:400;font-size:30px}
#booking [data-sector=care] .service-choice{padding:18px 15px}
#booking [data-sector=care] .service-copy strong{font-size:17px;font-weight:400}
#booking [data-sector=care] .service-symbol{color:#a46240}
#booking [data-sector=care] .booking-times button{border-radius:20px}
/* Nexo: an editorial client space with a spacious, full-width form. */
#booking [data-sector=advice] .booking-window{border-radius:24px}
#booking [data-sector=advice] .advice-identity{display:block;background:#203e2d;color:#f7f7e9;border:0;padding:27px 30px 23px;position:relative;overflow:hidden}
.advice-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
#booking .advice-top>b{font:600 36px var(--font);letter-spacing:-1.8px;color:#fcfced}
#booking .advice-top>b span{color:#d7eea6;margin-left:5px}
.session-tag{padding:7px 11px;border:1px solid #a4b59566;border-radius:30px;color:#dce7d1;font-size:10px;white-space:nowrap}
#booking .advice-top>.session-tag{font:10px var(--font);letter-spacing:0;margin:0}
#booking .advice-heading{display:flex;justify-content:space-between;align-items:center;text-align:left;margin:24px 0 18px;gap:15px}
.advice-heading p{font:27px/1.15 Georgia,serif;letter-spacing:-.5px;color:#f6f8ea}
#booking .advice-heading .advice-seal{display:grid;place-items:center;width:65px;height:65px;flex-shrink:0;border-radius:50%;background:#d8edab;color:#25472f;font:38px var(--font);margin:0}
#booking .advice-identity>small{color:#b2c5a6;font:8px monospace;letter-spacing:.08em}
#booking [data-sector=advice] .booking-title{font:30px/1.15 Georgia,serif;letter-spacing:-.6px}
#booking [data-sector=advice] .service-choice{padding:18px 16px;gap:14px;border-radius:14px;margin:10px 0 0}
#booking [data-sector=advice] .service-symbol{display:grid;place-items:center;width:38px!important;height:38px;background:#e4ead9;color:#34523a;border-radius:11px;font-size:23px!important}
#booking [data-sector=advice] .service-duration{padding:0}
#booking [data-sector=advice] .booking-primary,#booking [data-sector=advice] .professional-select{border-radius:12px}
#booking [data-sector=advice] .booking-days button,#booking [data-sector=advice] .booking-times button{border-radius:10px}
/* Punto: graphite masthead, brushed metal wheel and a warm light booking space. */
#booking [data-sector=workshop] .booking-window{border-radius:22px}
#booking [data-sector=workshop] .workshop-identity{display:block;height:200px;padding:28px 30px;background:radial-gradient(ellipse at 88% 50%,#58594e 0,transparent 57%),#242721;color:#f4f1e8;position:relative;overflow:hidden}
#booking .workshop-wordmark{position:relative;z-index:2}
#booking .workshop-wordmark>b{font:700 37px var(--font);letter-spacing:-2px;color:#fffdf5}
#booking .workshop-wordmark>b span{color:#ed926d}
#booking .workshop-wordmark small{font:7px monospace;color:#c5c7bb;letter-spacing:.13em;margin-top:6px}
.workshop-wordmark p{font:400 22px/1.2 var(--font);letter-spacing:-.5px;margin-top:22px}
#booking .workshop-identity .wheel-art{position:absolute;right:12px;top:6px;width:204px;height:204px;transform:rotate(-14deg);filter:drop-shadow(-10px 14px 15px #0008);stroke:none}
.garage-detail{position:absolute;bottom:15px;left:30px;font:7px monospace;letter-spacing:.08em;color:#b9bcb0}
#booking [data-sector=workshop] .booking-title{font-size:29px;font-weight:600;letter-spacing:-1px}
#booking [data-sector=workshop] .service-choice{padding:18px 15px;gap:14px;border-radius:14px;margin-top:10px}
#booking [data-sector=workshop] .service-choice[aria-pressed=true]{padding:18px 15px}
#booking [data-sector=workshop] .service-symbol{width:38px!important;height:38px;display:grid;place-items:center;background:#eae7df;border-radius:11px;color:#845943}
.service-symbol svg{width:24px;height:24px}
#booking [data-sector=workshop] .service-choice[aria-pressed=true] .service-symbol{color:#a74324;background:#eed4c3}
#booking [data-sector=workshop] .professional-select,#booking [data-sector=workshop] .booking-primary{border-radius:12px}
#booking [data-sector=workshop] .booking-days button,#booking [data-sector=workshop] .booking-times button{border-radius:10px}
@media(max-width:1050px) and (min-width:721px){#booking .booking-demo .booking-layout{padding:0 23px}#booking .booking-demo .service-choice{gap:9px;padding-left:12px;padding-right:12px}#booking .booking-demo .service-copy strong{font-size:13px}#booking .booking-demo .service-copy small{font-size:10px}#booking .workshop-identity .wheel-art{right:-23px;width:190px}#booking .workshop-wordmark p{font-size:20px}}
@media(max-width:720px){#booking .booking-demo .booking-layout{padding:0 20px}#booking .booking-demo .booking-title{font-size:25px}#booking .booking-demo .booking-subtitle{font-size:11px}#booking .booking-demo .booking-progress{font-size:9px;gap:8px}#booking .booking-demo .service-copy strong{font-size:12px}#booking .booking-demo .service-copy small{font-size:10px}#booking .booking-demo .service-duration{font-size:10px!important}#booking .booking-demo .app-footer{margin-left:20px;margin-right:20px;font-size:7px}#booking [data-sector=care] .service-copy strong{font-size:16px}#booking [data-sector=care] .care-identity p{font-size:20px}#booking [data-sector=care] .care-identity small{font-size:7px}#booking [data-sector=advice] .advice-identity{padding:24px 20px 22px}#booking .advice-top>b{font-size:32px}.advice-heading p{font-size:22px}#booking .advice-heading .advice-seal{width:47px;height:47px;font-size:29px}#booking .advice-identity>small{font-size:6px}#booking [data-sector=advice] .service-choice,#booking [data-sector=workshop] .service-choice,#booking [data-sector=workshop] .service-choice[aria-pressed=true]{gap:10px;padding:15px 12px}#booking [data-sector=advice] .service-symbol,#booking [data-sector=workshop] .service-symbol{width:30px!important;height:32px;flex-shrink:0}#booking [data-sector=workshop] .workshop-identity{height:180px;padding:24px 20px}#booking .workshop-wordmark>b{font-size:32px}#booking .workshop-wordmark p{font-size:19px}#booking .workshop-identity .wheel-art{width:159px;height:159px;right:-11px;top:11px}.garage-detail{left:20px;font-size:6px}#booking .booking-demo .booking-summary>div{font-size:10px}}
@media(min-width:721px){#comparison .compare-stage{height:480px}}

/* Product photography shared by both Punto examples. */
#booking .workshop-identity img.wheel-art{object-fit:contain;transform:none}
#comparison img.comparison-wheel-art{display:block;object-fit:contain;transform:none}

/* Keep the canvas in normal flow where the desktop composition no longer fits. */
.contact-title>b>svg{display:block;width:1em;height:1em;overflow:visible}
@media(max-width:1100px){
 .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;min-height:0;padding-top:26px}
 .hero-topline{grid-column:1/-1;grid-row:1}
 .hero-type{grid-column:1;grid-row:2;width:100%;padding-top:48px;align-self:center;min-width:0}
 .signal-title{font-size:6.3vw}
 .hero-visual{position:relative;grid-column:2;grid-row:2;width:100%;height:clamp(360px,46vw,500px);inset:auto;align-self:center;min-width:0}
 .object-tools{position:relative;grid-column:2;grid-row:3;inset:auto;margin:0 0 32px;justify-self:center}
 .hero-foot{position:relative;grid-column:1/-1;grid-row:4;inset:auto;width:100%;margin:0}
 .visual-coordinate{right:6%;top:auto;bottom:14px}
}
@media(max-width:720px){
 .hero{display:flex;flex-direction:column;padding-top:20px;min-height:0}
 .hero-topline{order:0}
 .hero-type{order:1;padding-top:30px;align-self:stretch}
 .signal-title{font-size:clamp(32px,10.5vw,67px)}
 .hero-bottom{margin-top:22px;gap:20px}
 .hero-visual{order:2;flex:none;align-self:center;width:100%;height:auto;aspect-ratio:1/1;max-width:430px;margin-top:12px;overflow:hidden}
 #sculpture{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y pinch-zoom}
 .visual-coordinate{display:none}
 .object-tools{order:3;align-self:center;margin:4px 0 28px;max-width:100%}
 .object-tools p{font-size:9px;margin-bottom:12px}
 .shape-controls button{min-height:44px;padding:10px 17px}
 .hero-foot{order:4;min-height:62px}
 .contact-title{font-size:18.5vw}
 .contact-title>b{font-size:.5em;bottom:.16em;right:0}
}

svg.kairos-arrow{display:inline-block;width:1em;height:1em;max-width:none;fill:none;stroke:currentColor;stroke-width:1.7;vertical-align:-.125em;flex-shrink:0;pointer-events:none;letter-spacing:normal}
.compare-benefits li:before{content:none}
.compare-benefits li>.kairos-arrow{color:#29b3f2;margin-right:12px}

.contact-channels{display:flex;align-items:flex-end;flex-direction:column;gap:18px}.telegram-contact{font-size:12px;color:var(--muted)}
.seo-services{padding:80px 6%;border-top:1px solid var(--line)}.seo-services h2{max-width:820px;margin:25px 0 40px}.seo-service-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.seo-service-list>a{display:grid;grid-template-columns:1fr auto;gap:14px;padding:30px 0;border-top:1px solid var(--line)}.seo-service-list strong{font-size:24px;font-weight:500;letter-spacing:-1px}.seo-service-list p{grid-column:1;font-size:14px;line-height:1.8;color:var(--muted);max-width:470px}.seo-service-list svg{color:var(--blue);font-size:26px}.seo-service-list a:hover strong{color:var(--blue)}
@media(max-width:720px){.contact-channels{align-items:flex-start;max-width:100%}.contact-channels .pill-contact{font-size:11px;gap:12px}.seo-services{padding:55px 6%}.seo-service-list{grid-template-columns:1fr}.seo-service-list strong{font-size:23px}.seo-service-list p{font-size:14px}.seo-services h2{font-size:35px}}