@font-face{font-family:Outfit;src:url("assets/Outfit-Variable.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--bg:#050609;--surface:#10131d;--ink:#f4f5f9;--muted:#abb2c5;--line:#ffffff20;--blue:#002fff;--lime:#e0ff4f;--gutter:clamp(20px,6vw,112px);color-scheme:dark;font-family:Outfit,Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-weight:480;letter-spacing:-.04em;line-height:1.08}p{line-height:1.55}img{max-width:100%}.skip{position:fixed;top:12px;left:12px;z-index:100;background:var(--lime);color:#111;padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}
.header{position:fixed;inset:0 0 auto;display:flex;align-items:center;gap:32px;padding:24px var(--gutter);height:92px;z-index:40;transition:background .2s,border-color .2s;border-bottom:1px solid transparent}.header.scrolled{background:#050609ed;backdrop-filter:blur(12px);border-color:#ffffff0b}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-wordmark{filter:brightness(0) invert(1);width:128px;height:auto}.header nav{display:flex;gap:32px;margin-left:auto;font-size:.875rem}.header nav a:hover{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:12px}.languages{display:flex;border:1px solid #ffffff29;border-radius:30px;padding:3px}.languages button{min-height:32px;min-width:32px;border:0;border-radius:20px;background:none;font-size:.7rem}.languages button[aria-pressed=true]{background:#143dff;color:white}.menu{display:none}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;min-height:46px;padding:12px 21px;border:1px solid transparent;border-radius:9px;font-size:.875rem;font-weight:450;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.lime{background:var(--lime);color:#101309}.lime:hover{background:#edff9b}.blue{background:var(--blue);border-color:#3155ff;color:#fff}.blue:hover{background:#224cff}.header-project{border-radius:30px;font-size:.75rem;min-height:38px;padding:9px 17px}
.hero{position:relative;min-height:760px;height:100svh;max-height:1150px;padding:150px var(--gutter) 160px;display:flex;align-items:center;overflow:hidden;isolation:isolate}.hero-light{position:absolute;z-index:-1;width:73%;height:120%;right:-7%;top:-10%;pointer-events:none}.hero-light img{width:100%;height:100%;object-fit:contain}.hero-copy{max-width:560px;width:46%}.eyebrow-link{display:inline-block;border:1px solid #ffffff70;border-radius:30px;padding:5px 15px;font-size:.75rem;margin-bottom:26px}.eyebrow-link:after{content:'›';margin-left:22px}.hero h1{font-size:clamp(38px,4.1vw,68px);max-width:11.5ch;text-wrap:balance}.hero p{font-size:clamp(16px,1.3vw,20px);color:#c3c8d5;max-width:32ch;margin:25px 0 27px;line-height:1.45}.hero-services{position:absolute;bottom:105px;left:var(--gutter);right:var(--gutter);display:flex;gap:clamp(30px,6vw,100px)}.hero-services>span{display:flex;align-items:center;gap:11px;font-size:.875rem}.hero-services img{width:19px}.scroll-hint{position:absolute;bottom:28px;left:var(--gutter);display:flex;align-items:center;gap:12px;color:#aeb6cb;font-size:.75rem}.mouse{width:16px;height:26px;border:1px solid #aeb6cb70;border-radius:12px;position:relative}.mouse:after{content:'';position:absolute;width:2px;height:5px;top:5px;left:6px;background:#c4cce0}
.section{padding:clamp(80px,10vw,150px) var(--gutter)}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:60px}.section-intro h2{font-size:clamp(32px,4vw,58px);max-width:14ch}.section-intro>p{font-size:18px;color:var(--muted);max-width:35ch}.services{background:#090b10;border-top:1px solid #ffffff0c}.service-list{margin-left:24%}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{list-style:none;display:flex;align-items:center;gap:28px;padding:28px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{color:#747e98;font-size:.8rem;font-variant-numeric:tabular-nums}.service h3{font-size:clamp(23px,2.1vw,34px);letter-spacing:-.025em}.expand{font-size:25px;font-weight:250;margin-left:auto;color:var(--lime);transition:transform .2s}.service[open] .expand{transform:rotate(45deg)}.service-body{padding:0 50px 32px}.service h4{font-size:19px;font-weight:450;margin-bottom:14px}.service p{color:var(--muted);max-width:60ch}.service ul{display:flex;gap:10px;list-style:none;flex-wrap:wrap;padding:0;margin:24px 0 0}.service li{font-size:.75rem;padding:6px 11px;border:1px solid #ffffff23;border-radius:30px;color:#c9d1e4}
.journey{height:260svh;position:relative;background:radial-gradient(ellipse at 80% 55%,#071634,#050609 70%)}.journey-sticky{height:100svh;min-height:560px;position:sticky;top:0;display:grid;grid-template-columns:.9fr 1.2fr;gap:7vw;align-items:center;padding:100px var(--gutter) 100px}.journey h2{font-size:clamp(34px,4vw,58px);max-width:11ch}.journey-copy>p{color:var(--muted);max-width:32ch;margin-top:20px;font-size:17px}.journey-steps{display:flex;gap:8px;margin-top:32px}.journey-steps button{padding:10px 12px;min-height:44px;display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #ffffff20;border-radius:30px;font-size:12px}.journey-steps b{font-weight:400;color:#7f8da9}.journey-steps [aria-pressed=true]{border-color:#6681ff;background:#143cff24}.journey-steps [aria-pressed=true] b{color:var(--lime)}.journey-copy .journey-caption{font-size:14px;color:#c6d0e6;min-height:66px;margin-top:20px}.operation{background:linear-gradient(135deg,#ffffff0e,#ffffff02);border:1px solid #8ba3ee3b;border-radius:20px;box-shadow:0 40px 100px #0007;overflow:hidden;transform:perspective(1100px) rotateY(-7deg)}.operation-top{height:54px;border-bottom:1px solid #ffffff12;display:flex;gap:8px;align-items:center;padding:0 22px;font-size:11px;color:var(--muted)}.operation-top>span:first-child{font-size:20px;letter-spacing:-.04em;font-weight:500;display:flex;align-items:center;gap:6px;color:#f0f3fa;margin-right:auto}.operation-top img{width:16px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--lime)}.operation-canvas{height:360px;position:relative;margin:0 20px}.request-card{position:absolute;width:72%;left:14%;top:40px;border-radius:12px;background:linear-gradient(120deg,#202b46,#10192e);border:1px solid #8eabff55;padding:18px;z-index:3;box-shadow:0 15px 40px #0005}.request-head{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;background:#345cff;border-radius:50%;width:32px;height:32px;font-size:11px}.request-head strong{font-size:13px;font-weight:450}.request-head small{display:block;font-size:10px;color:#a9b8d3;margin-top:3px}.status-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;margin-left:auto}.request-card p{font-size:13px;color:#d7def0;margin:14px 0}.request-bottom{display:flex;justify-content:space-between;font-size:10px;color:#9aabc7}.connectors{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#4167ff;stroke-width:1.5;stroke-dasharray:4 5;opacity:0}.connected-tools{position:absolute;left:0;right:0;top:236px;display:flex;justify-content:space-between;gap:12px;opacity:0}.connected-tools>div{width:31%;padding:14px 8px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #4b659965;background:#101c33;border-radius:10px;font-size:12px}.connected-tools b{font-weight:400;color:var(--lime);font-size:18px}.delivery-state{position:absolute;left:8%;right:8%;bottom:12px;display:flex;align-items:center;gap:10px;padding:15px;background:#cfff5010;border:1px solid #cfff5040;border-radius:12px;opacity:0}.check{background:var(--lime);color:#111;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.delivery-state strong{font-weight:450;font-size:12px;display:block}.delivery-state small{font-size:10px;color:#aaba99;display:block;margin-top:5px}.operation-bottom{padding:16px 24px;font-size:10px;color:#8291ad}.progress-line{display:block;height:2px;background:#ffffff15;margin-bottom:13px;overflow:hidden}.progress-line i{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}
.solutions{background:#0a0c12}.solution-tabs{display:flex;gap:10px;margin-bottom:40px;border-bottom:1px solid var(--line)}.solution-tabs button{background:none;border:0;border-bottom:2px solid transparent;font-size:15px;padding:16px 20px;color:#a6b0c7;min-height:48px}.solution-tabs [aria-selected=true]{color:#fff;border-color:var(--lime)}.solution-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;min-height:420px}.concept-label{font-size:12px;color:var(--lime)}.solution-description h3{font-size:clamp(28px,3vw,43px);margin:18px 0;max-width:15ch}.solution-description>p{color:var(--muted);font-size:16px;max-width:35ch}.text-link{display:inline-block;border-bottom:1px solid #667392;padding-bottom:5px;margin-top:28px;font-size:14px}.text-link:hover{color:var(--lime)}.sample-app{border:1px solid #ffffff29;background:#111723;border-radius:14px;overflow:hidden}.sample-head{display:flex;align-items:center;gap:8px;padding:17px 22px;border-bottom:1px solid #ffffff12}.sample-head strong{font-weight:450;font-size:14px}.sample-head img{width:15px}.sample-avatar{margin-left:auto;background:#29344c;border-radius:50%;padding:6px;font-size:10px}.sample-body{padding:25px}.sample-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.sample-welcome h4{font-size:18px;font-weight:450}.sample-welcome>span{font-size:10px;color:#91a0ba}.sample-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.sample-metrics>div{padding:14px;background:#1a2438;border-radius:8px}.sample-metrics>div:last-child{background:var(--lime);color:#172006}.sample-metrics span{display:block;font-size:10px;opacity:.75}.sample-metrics b{display:block;font-size:27px;font-weight:450;margin-top:8px}.sample-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #ffffff0d;font-size:12px}.sample-row>span:first-child{width:26px;height:26px;border:1px solid #ffffff20;border-radius:6px;display:grid;place-items:center;color:#9aabd0}.sample-row>strong{font-weight:400}.sample-row>small{margin-left:auto;font-size:10px;background:#253b2a;color:#c4e3b3;padding:4px 8px;border-radius:20px}.sample-note{font-size:10px;color:#8390aa;margin:0 25px 20px}
.process{border-bottom:1px solid var(--line)}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;list-style:none;padding:0;counter-reset:step}.process-list li{border-top:1px solid #64769a;padding-top:20px;counter-increment:step}.process-list li:before{content:'0' counter(step);display:block;color:var(--lime);font-size:12px;margin-bottom:40px}.process-list h3{font-size:25px;margin-bottom:16px}.process-list p{font-size:15px;color:var(--muted);max-width:28ch}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:radial-gradient(ellipse at 0 100%,#001844,#050609 65%);padding-bottom:140px}.contact h2{font-size:clamp(36px,4vw,60px);max-width:12ch}.contact-copy>p{font-size:18px;color:var(--muted);max-width:35ch;margin-top:24px}form{display:flex;flex-direction:column;align-items:stretch}form label{font-size:14px;margin-bottom:10px}input,textarea{width:100%;background:#ffffff04;border:0;border-bottom:1px solid #63718f;color:white;padding:12px;min-height:44px;border-radius:4px 4px 0 0;margin-bottom:25px}textarea{resize:vertical}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#ffadb6}.form-feedback{color:#ffc5ca;font-size:13px;min-height:0;margin-bottom:15px}.form-feedback:empty{display:none}.form-note{color:#919db7;font-size:12px;margin-top:15px}.footer{display:flex;align-items:center;justify-content:space-between;padding:36px var(--gutter);gap:25px;border-top:1px solid var(--line)}.footer-brand{font-size:26px;letter-spacing:.06em}.footer p,.footer>a:last-child{font-size:12px;color:#9aa6bf}.contact-dock{display:flex;align-items:center;gap:9px;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;transition:opacity .2s,visibility .2s}.contact-dock .button{border-radius:30px;font-size:12px;min-height:43px;padding:11px 24px;white-space:nowrap}.whatsapp{display:grid;place-items:center;border:1px solid #a7b7db66;background:#19243cc9;backdrop-filter:blur(8px);width:43px;height:43px;border-radius:50%}.whatsapp svg{width:19px;fill:none;stroke:#eff3ff;stroke-width:1.2}.contact-visible .contact-dock{opacity:0;visibility:hidden}dialog{width:min(560px,calc(100% - 32px));padding:36px;border:1px solid #526081;border-radius:18px;background:#111b2a;color:var(--ink)}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog h2{font-size:32px;margin-bottom:25px}dialog dl{padding:20px 0;border-block:1px solid #ffffff22}dialog dt{font-size:11px;color:#a7b6d0;margin-top:14px}dialog dd{margin:5px 0 0;overflow-wrap:anywhere}dialog>p{font-size:13px;color:#a7b6d0;margin-bottom:24px}.close-dialog{position:absolute;right:14px;top:10px;background:none;border:0;font-size:28px;width:40px;height:40px}
.reduced{scroll-behavior:auto}.reduced .hero-light{transform:none!important}.reduced .journey{height:auto}.reduced .journey-sticky{position:relative;height:auto;min-height:650px}.reduced .button,.reduced .contact-dock{transition:none}
@media(min-width:901px) and (max-height:760px){.hero{min-height:640px}.hero h1{font-size:clamp(38px,3.8vw,58px)}.hero-copy{padding-top:0}.hero-services{bottom:100px}.journey-sticky{padding-block:105px 80px}.operation-canvas{height:320px}.connected-tools{top:210px}.delivery-state{bottom:4px}.request-card{top:25px}.journey-caption{font-size:13px}}
@media(max-width:1100px){.header{gap:18px}.header nav{gap:20px}.header-project{display:none}.journey-sticky{gap:4vw}.service-list{margin-left:12%}.journey-steps{gap:5px}.journey-steps button{padding:9px}.process-list{gap:24px}}
@media(max-width:900px){.header{height:76px;padding:15px var(--gutter);gap:14px}.header-actions{margin-left:auto;gap:8px}.brand-wordmark{width:110px}.brand img:first-child{width:23px}.header nav{display:none;position:absolute;top:75px;left:0;right:0;margin:0;padding:24px var(--gutter);background:#101623;border-bottom:1px solid #ffffff23;flex-direction:column;gap:22px}.header nav.open{display:flex}.menu{display:flex;flex-direction:column;gap:5px;justify-content:center;width:36px;height:40px;padding:8px;border:0;background:transparent}.menu span{height:1px;width:20px;background:white}.languages button{min-height:30px;min-width:28px}.hero{height:100svh;min-height:760px;max-height:none;align-items:flex-start;padding-top:135px;padding-bottom:180px}.hero-copy{width:75%;max-width:530px}.hero h1{font-size:clamp(36px,6vw,55px);max-width:13ch}.hero-light{width:100%;height:85%;right:-25%;top:22%;opacity:.9}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#050609dc,transparent 65%);pointer-events:none}.hero-services{gap:20px;justify-content:space-between}.hero-services>span{font-size:12px;max-width:30%;align-items:flex-start;flex-direction:column;gap:10px}.hero-services img{width:18px}.section-intro{gap:25px;align-items:flex-start}.section-intro>p{font-size:16px;max-width:29ch}.service-list{margin-left:0}.journey-sticky{grid-template-columns:1fr 1.05fr;gap:22px}.journey h2{font-size:34px}.journey-copy>p{font-size:15px}.journey-steps{flex-wrap:wrap}.journey-steps button{font-size:11px}.operation-canvas{height:340px;margin:0 10px}.request-card{width:86%;left:7%;padding:12px}.operation{transform:none}.connected-tools{gap:5px}.connected-tools>div{font-size:10px;gap:5px}.delivery-state{left:3%;right:3%;padding:10px}.delivery-state small{font-size:9px}.solution-layout{gap:35px;grid-template-columns:.8fr 1.2fr}.sample-body{padding:16px}.sample-metrics>div{padding:10px}.sample-metrics b{font-size:23px}.sample-row{font-size:11px}.process-list{grid-template-columns:1fr 1fr;gap:38px}.process-list li:before{margin-bottom:25px}.contact{gap:45px}.contact h2{font-size:40px}.contact-copy>p{font-size:16px}}
@media(max-width:600px){:root{scroll-padding-top:85px}.header{padding-inline:18px}.brand{gap:7px}.brand-wordmark{width:96px}.brand img:first-child{width:20px}.header-actions{gap:5px}.hero{min-height:780px;padding:120px 24px 180px}.hero-copy{width:100%;max-width:360px}.hero h1{font-size:clamp(36px,9.2vw,52px);max-width:12.5ch}.hero p{font-size:16px;max-width:28ch;margin:20px 0}.eyebrow-link{margin-bottom:20px;font-size:11px}.hero-light{height:72%;width:140%;right:-45%;top:35%;opacity:.85}.hero:after{background:linear-gradient(#050609 20%,#05060960 53%,transparent 75%)}.hero-services{bottom:115px;left:24px;right:24px;gap:14px}.hero-services>span{font-size:11px;line-height:1.4;max-width:32%}.scroll-hint{bottom:76px;left:24px;font-size:11px}.section{padding:75px 24px}.section-intro{display:block;margin-bottom:36px}.section-intro h2{font-size:36px;max-width:15ch}.section-intro>p{max-width:33ch;margin-top:20px}.service summary{gap:15px;padding:24px 0}.service h3{font-size:22px}.service-body{padding:0 0 25px 30px}.service h4{font-size:17px}.service p{font-size:15px}.service li{font-size:11px}.journey{height:230svh}.journey-sticky{min-height:650px;height:100svh;grid-template-columns:1fr;gap:18px;padding:95px 24px 85px;align-content:center}.journey h2{font-size:30px;max-width:16ch}.journey-copy>p{font-size:14px;max-width:34ch;margin-top:12px}.journey-steps{margin-top:17px;gap:7px}.journey-steps button{padding:9px 10px;font-size:11px;min-height:40px}.journey-copy .journey-caption{display:none}.operation{width:100%;max-width:440px;margin:auto;border-radius:14px}.operation-top{height:37px;padding:0 14px;font-size:9px}.operation-top>span:first-child{font-size:17px}.operation-canvas{height:260px;margin:0 12px}.request-card{top:19px;width:84%;left:8%;padding:12px}.request-head strong{font-size:11px}.request-head small{font-size:9px}.avatar{width:26px;height:26px;font-size:10px}.request-card p{font-size:11px;margin:9px 0}.request-bottom{font-size:9px}.connected-tools{top:165px}.connected-tools>div{font-size:10px;padding:10px 4px}.delivery-state{bottom:4px;left:1%;right:1%;padding:9px}.delivery-state strong{font-size:10px}.delivery-state small{font-size:8px}.check{width:21px;height:21px;flex-shrink:0;font-size:12px}.operation-bottom{padding:10px 14px;font-size:8px}.progress-line{margin-bottom:9px}.solution-tabs{margin-bottom:30px;gap:0}.solution-tabs button{font-size:13px;padding:14px 12px}.solution-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px}.solution-description h3{font-size:30px;max-width:18ch}.solution-description>p{font-size:15px;max-width:40ch}.sample-welcome h4{font-size:16px}.sample-head{padding:12px 16px}.sample-body{padding:16px}.sample-note{margin:0 16px 16px;font-size:9px}.sample-metrics{gap:7px}.sample-metrics span{font-size:9px}.sample-row>small{font-size:9px}.sample-row{gap:7px}.process-list{gap:34px 24px}.process-list h3{font-size:22px}.process-list p{font-size:14px}.contact{display:block;padding-bottom:90px}.contact h2{font-size:40px;max-width:13ch}.contact form{margin-top:40px}.footer{padding:30px 24px 90px;flex-wrap:wrap;gap:18px}.footer-brand{font-size:24px}.footer p{order:3;width:100%;font-size:11px}.footer>a:last-child{margin-left:auto}.contact-dock{bottom:16px}.reduced .journey-sticky{min-height:650px}.reduced .journey-caption{display:block}}
@media(max-width:360px){.brand-wordmark{width:83px}.header{padding-inline:16px}.hero{padding-inline:20px}.hero h1{font-size:36px}.section{padding-inline:20px}.journey-sticky{padding-inline:18px}.journey-steps button{padding:8px}.sample-body{padding:12px}.sample-row>small{max-width:85px}.sample-metrics>div{padding:9px 7px}}
@media(min-width:601px) and (max-height:600px){.hero{min-height:650px}.journey-sticky{min-height:520px;padding-block:85px 70px}.operation-canvas{height:300px}.connected-tools{top:200px}.journey-copy .journey-caption{font-size:12px}.journey h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button,.header,.contact-dock,.expand{transition:none}}
@media(prefers-reduced-transparency:reduce){.header.scrolled{background:#050609;backdrop-filter:none}.operation{background:#101a2d}.whatsapp{background:#19243c;backdrop-filter:none}}

@media(max-width:600px) and (max-height:700px){
 .journey-sticky{min-height:100svh;height:100svh;padding:82px 18px 72px;gap:12px;align-content:center}
 .journey h2{font-size:25px;max-width:19ch}.journey-copy>p{font-size:12px;line-height:1.4;margin-top:8px}.journey-steps{margin-top:12px;gap:6px}.journey-steps button{min-height:35px;padding:7px 8px;font-size:10px}
 .operation-top{height:32px}.operation-canvas{height:200px;margin:0 9px}.request-card{top:12px;width:90%;left:5%;padding:10px}.request-head strong{font-size:10px}.request-head small{font-size:8px}.request-card p{font-size:10px;margin:8px 0}.request-bottom{font-size:8px}.connected-tools{top:132px;gap:4px}.connected-tools>div{font-size:9px;padding:8px 3px}.connected-tools b{font-size:14px}.delivery-state{padding:7px;bottom:1px}.delivery-state strong{font-size:9px}.delivery-state small{font-size:8px;line-height:1.3}.operation-bottom{padding:8px 12px;font-size:7px}.progress-line{margin-bottom:7px}
}
@media(min-width:601px) and (max-height:650px){
 .operation-canvas{height:250px}.request-card{top:18px;width:90%;left:5%;padding:10px}.request-card p{font-size:11px;margin:10px 0}.request-head strong{font-size:11px}.request-head small{font-size:8px}.request-bottom{font-size:9px}.connected-tools{top:165px}.connected-tools>div{padding:9px 3px}.delivery-state strong{font-size:10px}.delivery-state small{font-size:8px}.journey-copy .journey-caption{min-height:45px}.journey h2{font-size:28px}
}

/* Landscape: keep the entire demonstration above the fixed contact controls. */
@media(min-width:601px) and (max-height:450px){
 .header{height:60px;padding-block:10px}
 .journey-sticky{height:100svh;min-height:100svh;padding:70px var(--gutter) 65px;gap:24px;grid-template-columns:.95fr 1.15fr}
 .journey h2{font-size:25px;max-width:16ch}.journey-copy>p{font-size:12px;line-height:1.4;margin-top:12px}.journey-copy .journey-caption{display:none}
 .journey-steps{margin-top:16px;gap:5px;flex-wrap:nowrap}.journey-steps button{padding:7px 6px;min-height:36px;font-size:9px;gap:4px}
 .operation{border-radius:12px;transform:none}.operation-top{height:30px;padding:0 12px;font-size:8px}.operation-top>span:first-child{font-size:15px}
 .operation-canvas{height:170px;margin:0 9px}.request-card{top:4px;width:92%;left:4%;padding:8px}.request-head{gap:7px}.request-head strong{font-size:9px}.request-head small{font-size:7px}.avatar{width:22px;height:22px;font-size:8px}.request-card p{font-size:9px;line-height:1.35;margin:7px 0}.request-bottom{font-size:7px}
 .connected-tools{top:110px;gap:4px}.connected-tools>div{padding:7px 3px;font-size:8px;gap:4px}.connected-tools b{font-size:12px}
 .delivery-state{bottom:2px;padding:6px;gap:7px;left:2%;right:2%}.delivery-state strong{font-size:8px}.delivery-state small{font-size:7px;margin-top:3px;line-height:1.25}.check{width:18px;height:18px;font-size:10px;flex-shrink:0}
 .operation-bottom{padding:7px 12px;font-size:7px}.progress-line{margin-bottom:6px}
 .reduced .journey-sticky{min-height:375px}
}