@charset "UTF-8";
:root{color-scheme:dark;--bg:#08090b;--surface:#101215;--paper:#f2f3f5;--muted:#a1a6ae;--line:#ffffff1c;--soft:#777e89;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,select:focus-visible{outline:2px solid #dce4f1;outline-offset:5px}::selection{background:#d4d9e1;color:#0b0d11}h1,h2,h3,p{overflow-wrap:break-word}h2,h3{font-weight:400}p{line-height:1.65}button[hidden],[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-200%);z-index:50;padding:15px 22px;background:var(--paper);color:var(--bg);border-radius:8px}.skip-link:focus{transform:none}
/* Navigation */
.site-header{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:calc(100% - 80px);max-width:1240px;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 18px 11px 25px;z-index:20;border:1px solid #ffffff24;border-radius:100px;background:#0b0d1199;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .25s,box-shadow .25s}.site-header.scrolled{background:#0c0e12ed;box-shadow:0 12px 35px #0004}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0;font-size:12px;font-weight:700;letter-spacing:.15em;white-space:nowrap}.brand-monogram{border-left:2px solid #e7e9ed;padding-left:4px;font-size:26px;line-height:26px;letter-spacing:-2px;font-style:italic}.site-header nav{display:flex;align-items:center;gap:26px;font-size:12px;color:#bfc3cb}.site-header nav a{position:relative;white-space:nowrap;transition:color .2s}.site-header nav a:hover,.site-header nav a.active{color:#fff}.site-header nav a:not(.nav-contact)::after{content:"";position:absolute;bottom:-8px;height:1px;left:0;right:0;transform:scaleX(0);background:#dce1e8;transition:transform .25s;transform-origin:left}.site-header nav a.active::after{transform:scaleX(1)}.nav-contact{border:1px solid #ffffff30;border-radius:99px;padding:13px 20px;color:#f5f5f6;font-weight:500}.nav-contact:hover{background:#ffffff0a}.menu-toggle{display:none;align-items:center;gap:15px;border:0;min-height:42px;font-size:13px}.menu-toggle span{font-size:20px}
/* Shared hierarchy and controls */
.section-shell{position:relative;max-width:1320px;padding:112px 60px;margin:auto}.section-shell+.section-shell{border-top:1px solid var(--line)}.eyebrow{font-size:10px!important;letter-spacing:.2em;text-transform:uppercase;color:#a5abb6;margin:0 0 26px;line-height:1.7;font-weight:500}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end}.section-heading h2,.process h2,.about h2,.contact h2{font-size:clamp(36px,4.05vw,57px);line-height:1.08;letter-spacing:-.05em;margin:0;font-weight:400;text-wrap:balance}.section-heading h2 span,.process h2 span,.about h2 span,.contact h2 span{color:#9298a3}.section-heading>p:last-child{color:var(--muted);font-size:16px;max-width:390px;line-height:1.7;margin:0 0 4px}.section-heading.centered{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}.section-heading.centered .eyebrow{margin-bottom:24px}.section-heading.centered>p:last-child{margin-top:23px;max-width:580px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;max-width:100%;min-height:49px;padding:14px 23px;border:1px solid #ffffff30;border-radius:99px;font-size:13px;line-height:1.5;font-weight:500;transition:background .2s,transform .2s,box-shadow .2s}.button .icon{width:17px;height:17px}.button-silver{color:#15171c;border-color:transparent;background:linear-gradient(145deg,#fff,#d0d4dc);box-shadow:inset 0 1px #fff,0 4px 18px #0003}.button-silver:hover{transform:translateY(-2px);background:#fff;box-shadow:0 6px 25px #e7ebf015}.text-link{display:inline-flex;align-items:center;gap:17px;max-width:100%;min-height:44px;padding:9px 0;border:0;border-bottom:1px solid #ffffff40;font-size:13px;line-height:1.5;font-weight:500;background:none;transition:color .2s,border-color .2s}.text-link .icon{width:17px;height:17px;transition:transform .2s}.text-link:hover{color:white;border-color:#fff}.text-link:hover .icon{transform:translateX(3px)}.row-number,.small-label{font-size:10px;letter-spacing:.11em;line-height:1.6;color:#929aa7}.demo-badge{font-size:9px;letter-spacing:.06em;border:1px solid #ffffff25;border-radius:20px;padding:6px 9px;color:#bbc0c9}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.js-motion .reveal.visible{opacity:1;transform:none}
/* Original cinematic component controls */
.cinema-bottom{position:absolute;left:48px;right:48px;bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-caption{display:flex;align-items:center;gap:13px;font-size:12px}.scroll-caption i{display:block;width:1px;height:32px;background:linear-gradient(transparent,#fff)}.skip-opening{border:1px solid #ffffff40;border-radius:99px;padding:11px 18px;backdrop-filter:blur(12px);transition:background .2s}.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:2px}.cinema-progress span{display:block;height:100%}
/* The first section stays quiet: abstract symbols instead of three more screens. */
.needs{padding-top:116px}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:55px}.expertise-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 30px 24px;border:1px solid #ffffff20;border-radius:var(--radius);background:radial-gradient(ellipse at 80% 0,#bcc7df0c,transparent 55%),linear-gradient(140deg,#16181d70,#0a0c1080);transition:border-color .25s,transform .25s,background .25s}.expertise-card:hover{border-color:#ffffff50;transform:translateY(-4px);background-color:#15181d}.card-top{display:flex;align-items:center;justify-content:space-between}.card-top>.icon{width:25px;height:25px;border:1px solid #ffffff30;padding:5px;border-radius:50%}.expertise-symbol{margin-top:35px;width:54px;height:54px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#e0e8ff0f,#cbd9f102);border:1px solid #ffffff20;box-shadow:inset 0 1px #ffffff15}.expertise-symbol .icon{width:27px;height:27px;color:#c1c9d5}.expertise-card h3{font-size:27px;line-height:1.17;letter-spacing:-.035em;margin:27px 0 15px}.expertise-card p{font-size:14px;color:var(--muted);margin:0;max-width:300px}.card-foot{font-size:10px;letter-spacing:.015em;color:#9fa6b2;border-top:1px solid #ffffff12;margin-top:29px;padding-top:19px}.intro-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:28px}.intro-actions>span{font-size:12px;color:#7f8793}
/* Horizontal, intentionally selected service tabs; one demonstration at a time. */
.solutions{isolation:isolate}.solutions::before{content:"";position:absolute;inset:220px 0 0;z-index:-1;background:url('assets/silver-flow.webp') center/cover;filter:grayscale(1);opacity:.24;pointer-events:none;mask-image:linear-gradient(transparent,#000 26%,#000 68%,transparent)}.solution-showcase{margin-top:48px}.solution-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.solution-tab{display:flex;gap:15px;align-items:center;min-width:0;min-height:82px;text-align:left;padding:17px 22px;border:1px solid #ffffff20;border-radius:10px;background:#0d0f13e8;transition:border-color .2s,background .2s,box-shadow .2s;color:#8c949f}.solution-tab>.icon{width:23px;height:23px}.solution-tab>span:not(.tab-indicator){min-width:0}.solution-tab strong{display:block;font-size:13px;font-weight:500;line-height:1.4}.solution-tab small{display:block;font-size:11px;color:#7f8793;margin-top:6px;line-height:1.4}.tab-indicator{margin-left:auto;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#46505c}.solution-tab.selected{color:#f1f3f7;border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff16,0 0 25px #dce7ff05;background:linear-gradient(135deg,#242832,#111317)}.solution-tab.selected small{color:#b3bac6}.solution-tab.selected .tab-indicator{background:#e4eaf3;box-shadow:0 0 9px #dfeaff80}.solution-tab:hover{border-color:#ffffff55}.service-display{position:relative}.service-panel{animation:panel-in .35s ease}.panel-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:26px 0;color:#bec3cb}.panel-intro p{font-size:13px;margin:0}.panel-intro>span{font-size:10px;color:#8d95a3;text-align:right;max-width:44%;line-height:1.6}.panel-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:28px}.panel-bottom p{font-size:13px;color:#aab2bf;margin:0}.demo-disclaimer{font-size:10px;color:#7f8794;display:block;margin-top:15px}.window-frame{overflow:hidden;border:1px solid #ffffff35;border-radius:12px;background:#111419;box-shadow:0 35px 70px #0009,inset 0 1px #ffffff12}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:38px;padding:11px 18px;background:linear-gradient(#1b1e24,#14171c);border-bottom:1px solid #ffffff12;color:#929ba9;font-size:10px}.window-bar>.icon{width:14px;height:14px}.window-dots{display:flex;gap:5px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#657080}.window-dots i:first-child{background:#a5abb5}.site-preview-stage{position:relative;max-width:990px;margin:30px auto 0;padding-right:94px;padding-bottom:18px}.mini-site{height:430px;position:relative;overflow:hidden;background:#121b23 url('assets/find-sky.webp') center/cover}.mini-site::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06090eed 1%,#10141dab 38%,#15202b18 70%,#080b1233),linear-gradient(0deg,#080b14,transparent 35%);z-index:1}.mini-site>picture>img{position:absolute;width:82%;height:120%;right:-14%;bottom:-20%;object-fit:contain;filter:grayscale(.9) brightness(.72) contrast(1.1)}.mini-site-nav{position:absolute;z-index:2;top:24px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#bac3ce}.mini-site-nav .brand{font-size:20px;letter-spacing:-1px}.mini-site-nav .brand span{font-size:8px;letter-spacing:.13em}.mini-site-copy{position:absolute;z-index:2;left:42px;top:30%;max-width:65%}.mini-site-copy .small-label{font-size:8px;letter-spacing:.15em}.mini-site-copy strong{display:block;font-size:clamp(30px,3.5vw,48px);line-height:1.03;letter-spacing:-.047em;font-weight:400;margin-top:19px}.mini-site-copy p{font-size:12px;color:#b2bbc9;margin:18px 0}.mini-pill{display:flex;gap:18px;align-items:center;border:1px solid #ffffff30;border-radius:30px;padding:10px 13px;font-size:9px;width:fit-content;background:#dde1e8;color:#10141c}.mini-pill .icon{width:12px;height:12px}.mini-site-footer{position:absolute;bottom:22px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:9px;color:#a6b1c1;z-index:2}.phone-preview{position:absolute;right:0;bottom:0;width:190px;height:348px;overflow:hidden;border:1px solid #ffffff5c;border-radius:27px;background:#10151d;box-shadow:0 30px 60px #000c,inset 0 0 0 5px #282d36;padding:33px 17px 18px;transform:rotate(3deg)}.phone-speaker{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:48px;height:5px;background:#040608;border-radius:9px}.phone-brand{font-size:7px;letter-spacing:.12em}.phone-scene{height:105px;margin:15px -11px 0;background:linear-gradient(#253344,#0c121a);overflow:hidden}.phone-scene img{width:100%;height:130%;object-fit:contain;filter:grayscale(1) brightness(.75)}.phone-preview>strong{font-size:22px;font-weight:400;line-height:1.03;letter-spacing:-.035em;display:block;margin-top:10px}.phone-pill{font-size:7px;display:block;background:#e1e6ed;color:#151922;border-radius:20px;padding:9px 12px;width:fit-content;margin-top:14px}.phone-preview>small{font-size:8px;line-height:1.5;color:#9ba8b8;display:block;margin-top:17px}
/* Interface previews are HTML, so their labels stay crisp at every size. */
.system-preview-stage{max-width:1080px;margin:35px auto 0;padding:0 30px}.dashboard-demo{display:flex;min-height:405px;background:linear-gradient(125deg,#13171d,#0d1014)}.dash-side{width:155px;flex-shrink:0;padding:24px 15px;border-right:1px solid #ffffff12;display:flex;flex-direction:column;gap:12px;font-size:10px;color:#737f8e}.dash-side b{font-size:23px;font-style:italic;display:flex;align-items:center;gap:11px;color:#d9dfe8;margin:0 9px 23px}.dash-side b>span{font-size:7px;letter-spacing:.1em;font-style:normal}.dash-side>span{display:flex;align-items:center;gap:10px;padding:10px 8px;border:1px solid transparent;border-radius:6px}.dash-side .icon{width:14px;height:14px}.dash-side .side-selected{color:#dde4ed;border-color:#ffffff15;background:#ffffff06}.dash-side .dash-side-bottom{margin-top:auto;font-size:8px;line-height:1.5;color:#647084}.dash-main{padding:30px;flex:1;min-width:0}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dash-heading .small-label{font-size:8px}.dash-heading strong{display:block;font-size:25px;font-weight:400;letter-spacing:-.045em;margin-top:10px}.date-chip{display:flex;align-items:center;gap:20px;font-size:9px;color:#95a0b0;border:1px solid #ffffff1c;padding:9px 12px;border-radius:6px}.date-chip .icon{width:10px;height:10px;transform:rotate(90deg)}.dash-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dash-metrics>div{border:1px solid #ffffff13;border-radius:7px;background:#ffffff02;padding:16px 18px;min-width:0}.dash-metrics span{font-size:9px;color:#a1abba;display:block}.dash-metrics strong{font-size:31px;font-weight:400;line-height:1;display:block;letter-spacing:-.03em;margin:14px 0 10px}.dash-metrics small{font-size:8px;color:#6f7d91}.dash-lower{display:grid;grid-template-columns:1fr 1.12fr;gap:14px;margin-top:16px}.activity-chart,.dashboard-list{border:1px solid #ffffff13;border-radius:7px;padding:16px}.chart-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px}.chart-title strong{font-weight:400;color:#bdc6d4}.chart-title>span{font-size:8px;color:#728096}.chart-bars{display:flex;gap:8px;align-items:end;height:91px;margin-top:22px;border-bottom:1px solid #ffffff1c;background:repeating-linear-gradient(to top,transparent 0,transparent 29px,#ffffff07 30px)}.chart-bars i{flex:1;height:var(--bar);border-radius:2px 2px 0 0;background:linear-gradient(#cbd4e2,#556278);opacity:.7}.chart-labels{display:flex;justify-content:space-between;font-size:7px;color:#68758a;margin-top:9px}.mini-record{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid #ffffff0d;font-size:9px}.mini-record:last-child{border:0;padding-bottom:0}.mini-record small{display:block;font-size:8px;color:#6f7e94;margin-top:5px}.mini-record b{font-size:7px;font-weight:400;padding:5px 7px;white-space:nowrap;border:1px solid #ffffff1e;border-radius:20px;color:#adb9ca}.live-label{font-size:7px;letter-spacing:.09em}.automation-preview{max-width:1030px;padding:27px 33px 22px;margin:35px auto 0;border:1px solid #ffffff35;border-radius:14px;background:radial-gradient(ellipse at center,#222936,#101318 68%);box-shadow:0 35px 70px #0008}.flow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.flow-heading .small-label{font-size:9px}.integration-map{display:grid;grid-template-columns:1fr 60px 145px 60px 1fr;gap:0;align-items:center;padding:48px 0}.connection-stack{display:grid;gap:20px}.connection-node{display:flex;align-items:center;gap:15px;padding:21px 19px;border:1px solid #ffffff24;border-radius:10px;background:linear-gradient(135deg,#262c35,#12161d);box-shadow:inset 0 1px #ffffff09,0 12px 25px #0003}.connection-node>.icon{width:24px;height:24px;color:#b3bed0}.connection-node strong{font-size:12px;font-weight:400;display:block}.connection-node div>span{display:block;font-size:9px;color:#8d9caf;margin-top:7px}.integration-core{height:152px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d8e5fc77;border-radius:17px;background:radial-gradient(ellipse at 50% 10%,#52607599,#171d27 70%);box-shadow:0 0 45px #d6e4ff0a,inset 0 1px #ffffff60}.integration-core>.icon{width:35px;height:35px;color:#eef4ff;filter:drop-shadow(0 0 10px #fff7)}.integration-core strong{font-size:13px;font-weight:400;margin-top:16px}.integration-core>span{font-size:9px;color:#94a3b8;margin-top:7px}.connection-line{height:1px;background:linear-gradient(90deg,#ffffff33,#d1ddefb3,#ffffff33);position:relative}.connection-line::before,.connection-line::after{content:"";position:absolute;left:0;right:0;height:61px;border:1px solid #ccd8e866;border-left:0;border-right:0;border-radius:20px}.connection-line::before{bottom:0;border-bottom:0}.connection-line::after{top:0;border-top:0}.flow-sequence{display:flex;align-items:center;justify-content:center;gap:34px;border-top:1px solid #ffffff14;padding-top:23px}.flow-sequence>span{font-size:11px;color:#abb6c6}.flow-sequence b{font-size:9px;color:#6f7f94;font-weight:400;margin-right:10px}.flow-sequence>.icon{width:14px;color:#61718a}
/* Breathing room, with no illustration behind the reading area. */
.benefits{padding-top:105px;padding-bottom:115px}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin-top:55px}.benefit{min-width:0;padding-top:24px;border-top:1px solid #ffffff22}.benefit>.icon{color:#b4bdcc;width:27px;height:27px;margin-bottom:30px}.benefit h3{font-size:22px;letter-spacing:-.035em;margin:0 0 15px}.benefit p{color:var(--muted);font-size:14px;line-height:1.75;margin:0;max-width:235px}
/* Construction sequence: an abstract diagram, not another dashboard. */
.process-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:115px}.process-sticky{position:sticky;top:125px;align-self:start}.process h2{font-size:clamp(36px,3.6vw,51px)}.process-sticky>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:380px;margin:25px 0 0}.process-board{margin-top:36px;border:1px solid #ffffff25;border-radius:13px;background:radial-gradient(ellipse at 50% 20%,#29323f60,#101317 65%);padding:22px;overflow:hidden}.board-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#8b99ad}.construction-diagram{position:relative;height:190px;margin:10px -6px 14px;perspective:750px;isolation:isolate}.diagram-grid{position:absolute;inset:20px -40px -20px;background-image:linear-gradient(#b1c2d510 1px,transparent 1px),linear-gradient(90deg,#b1c2d510 1px,transparent 1px);background-size:24px 24px;transform:rotateX(55deg) rotateZ(-12deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.diagram-brief,.diagram-wire,.diagram-ready{position:absolute;border:1px solid #8295b242;border-radius:7px;padding:14px;background:linear-gradient(145deg,#252d3a,#0c1017);box-shadow:8px 20px 25px #0006;transition:opacity .5s,transform .5s,border-color .5s;transform:rotateY(-15deg) rotateZ(-6deg)}.diagram-brief{width:115px;height:115px;left:4%;top:40px}.diagram-brief i{display:block;height:5px;width:78%;background:#68789255;margin:12px 0}.diagram-brief i:first-child{width:50%;background:#a1b2cb99}.diagram-wire{width:160px;height:130px;left:26%;top:30px}.diagram-wire>span{display:block;width:50%;height:9px;border:1px solid #9cadc255;margin-bottom:17px}.diagram-wire>div,.diagram-ready>div{display:flex;gap:6px}.diagram-wire i{display:block;flex:1;height:25px;border:1px dashed #7a8ca655}.diagram-wire b{display:block;margin-top:15px;height:25px;border:1px dashed #7a8ca655}.diagram-ready{width:155px;height:128px;right:0;top:44px;border-color:#cedaec66;opacity:.45}.diagram-ready>span{font-size:7px;letter-spacing:.1em;color:#cdd8e9;display:block;margin-bottom:15px}.diagram-ready i{display:block;flex:1;height:27px;border-radius:3px;background:linear-gradient(#52627988,#273244)}.diagram-ready b,.diagram-ready em{display:block;height:6px;background:#596e8b44;margin-top:12px;width:85%}.diagram-ready em{width:60%;margin-top:7px}.process-board[data-step="2"] .diagram-wire,.process-board[data-step="3"] .diagram-ready,.process-board[data-step="4"] .diagram-ready{border-color:#d8e4f699;opacity:1;transform:rotateY(-10deg) rotateZ(-3deg) translateY(-5px)}.board-layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border-top:1px solid #ffffff15;padding-top:17px}.board-layer{display:flex;align-items:center;flex-direction:column;gap:10px;color:#606e83;transition:color .25s}.board-layer .icon{width:17px;height:17px}.board-layer strong{font-size:9px;letter-spacing:.02em;font-weight:400}.board-layer.current{color:#d2dce9}.process-timeline{--track:0;list-style:none;margin:0;padding:0 0 0 38px;position:relative}.process-timeline::before,.process-timeline::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#ffffff1d}.process-timeline::after{background:linear-gradient(#dbe5f4,#778398);transform:scaleY(var(--track));transform-origin:top}.process-step{position:relative;min-height:213px;padding:19px 18px 38px 19px}.process-step:last-child{min-height:175px;padding-bottom:0}.step-dot{width:7px;height:7px;position:absolute;left:-41px;top:23px;border-radius:50%;background:#080b10;border:1px solid #758094;z-index:1;transition:background .3s,box-shadow .3s}.process-step.current .step-dot{background:#e0e8f2;box-shadow:0 0 0 5px #c3d8f20a,0 0 12px #c3d8f222}.process-step h3{font-size:30px;letter-spacing:-.035em;margin:17px 0 15px}.process-step p{font-size:15px;line-height:1.7;color:#969fac;max-width:330px;margin:0}
/* One main case, followed by two quieter project cards. */
.projects .section-heading{margin-bottom:64px}.project-kind{display:inline-block;font-size:9px;line-height:1.6;letter-spacing:.11em;border:1px solid #ffffff25;padding:7px 10px;border-radius:30px;color:#aeb9ca}.featured-project{border:1px solid #ffffff22;border-radius:20px;padding:38px 36px 30px;background:radial-gradient(ellipse at 50% 45%,#27324244,#0b0e12 64%);position:relative;overflow:hidden}.featured-project::before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#c8d7ec88,transparent)}.featured-heading{text-align:center;margin-bottom:33px}.featured-heading h3{font-size:39px;letter-spacing:-.04em;line-height:1.12;margin:18px 0 11px}.featured-heading p{font-size:12px;color:#8d9bae;margin:0}.featured-stage{padding:0 16px;position:relative}.featured-stage .dashboard-window{box-shadow:0 20px 45px #0007,0 0 25px #d5e4ff06}.featured-summary{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center;border-top:1px solid #ffffff14;margin-top:33px;padding-top:27px}.featured-summary .small-label{font-size:9px;color:#c5cedc}.featured-summary p{font-size:12px;line-height:1.7;color:#9ba8ba;margin:11px 0 0;max-width:280px}.project-actions{display:flex;flex-direction:column;align-items:center;gap:6px}.project-actions .button{font-size:11px;padding:12px 18px;gap:15px;min-height:44px}.project-actions .text-link{font-size:10px;min-height:33px;padding:5px 0}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:45px}.project-card{min-width:0}.project-visual{position:relative;display:block;width:100%;min-height:320px;overflow:hidden;border:1px solid #ffffff25;border-radius:14px;background:#151d28;text-align:left}.project-building{background:#23313e url('assets/find-sky.webp') center/cover}.project-building>picture>img{position:absolute;inset:0;width:100%;height:135%;object-fit:contain;top:7%;filter:grayscale(.95) brightness(.62) contrast(1.1);transition:transform .45s}.project-building:hover>picture>img{transform:scale(1.025)}.project-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,#080c1460,transparent 40%,#080b13db)}.project-image-brand{position:absolute;top:26px;left:29px;font-size:10px;letter-spacing:.14em}.project-image-word{position:absolute;left:29px;bottom:34px;max-width:80%;font-size:27px;line-height:1.1;letter-spacing:-.035em}.round-arrow{position:absolute;right:20px;bottom:22px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:#131820c9;transition:background .2s}.round-arrow .icon{width:18px;height:18px}.project-visual:hover .round-arrow{background:#e0e5ed;color:#101621}.project-copy{padding:24px 4px 0}.project-copy h3{font-size:28px;letter-spacing:-.04em;margin:18px 0 12px}.project-copy p{font-size:14px;color:var(--muted);max-width:460px;line-height:1.7;margin:0 0 14px}.project-copy .project-kind{font-size:8px}.booking-card{display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 70% 0%,#33425988,#10151e 65%);padding:30px 40px}.booking-preview{width:100%;max-width:400px;border:1px solid #ffffff35;border-radius:9px;background:linear-gradient(130deg,#1f2836,#10151f);box-shadow:0 20px 40px #0006;overflow:hidden;transform:rotate(-3deg) translateY(10px);transition:transform .3s}.booking-card:hover .booking-preview{transform:rotate(-1deg) translateY(5px)}.booking-preview .window-bar{font-size:9px;padding:8px 15px}.booking-preview .demo-badge{font-size:6px;padding:4px 6px}.booking-ui{padding:20px}.booking-ui>.small-label{font-size:7px}.booking-ui>strong{font-size:22px;letter-spacing:-.03em;font-weight:400;display:block;margin:12px 0 23px}.booking-days{display:flex;gap:8px}.booking-days>span{flex:1;min-width:0;border:1px solid #ffffff22;border-radius:6px;text-align:center;padding:10px 5px;font-size:7px;color:#8f9eb2}.booking-days b{font-size:17px;font-weight:400;display:block;margin-top:7px;color:#d3deeb}.booking-days .picked{background:#d4deec;color:#27364a;border-color:#fff8}.booking-days .picked b{color:#1c2c42}.booking-bottom{display:flex;justify-content:space-between;gap:14px;font-size:8px;color:#9eacbf;border-top:1px solid #ffffff19;padding-top:15px;margin-top:18px;align-items:center}.booking-bottom>span:last-child{display:flex;gap:10px;align-items:center}.booking-bottom .icon{width:12px;height:12px}
/* About: light as atmosphere, with all the focus on the text and authorship. */
.about{isolation:isolate;padding-top:110px;padding-bottom:140px;overflow:hidden}.about::after{content:"";position:absolute;z-index:-1;left:-15%;right:0;bottom:-65px;height:280px;background:url('assets/silver-flow.webp') center 65%/cover;filter:grayscale(1);opacity:.16;mask-image:linear-gradient(transparent,#000 55%,transparent);pointer-events:none}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:start}.about h2{font-size:clamp(35px,3.8vw,53px)}.about-note{display:block;margin-top:47px;font-size:8px;letter-spacing:.15em;line-height:1.9;color:#777f8d}.about-copy>p{font-size:15px;line-height:1.85;color:#b1b8c2;margin:0 0 23px}.about-copy>p+p{color:#919cab;font-size:14px}.about-copy strong{color:#d4dce7;font-weight:500}.founder{display:flex;gap:16px;align-items:center;margin-top:31px}.founder-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff2c;border-radius:50%;background:linear-gradient(135deg,#2a3443,#0d1119);color:#becad8;font-size:14px}.founder strong{font-size:13px}.founder div>span{font-size:10px;color:#8897ab;display:block;margin-top:7px}
/* Compact previews are deliberately cropped; the full interface opens on request. */
.proof-grid{display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:235px 235px;gap:18px;margin-top:45px}.proof-grid article{border:1px solid #ffffff2a;border-radius:16px;background:linear-gradient(135deg,#1a202a88,#0b0f16);position:relative;overflow:hidden;padding:30px;min-width:0}.proof-grid h3{font-size:27px;line-height:1.13;letter-spacing:-.035em;margin:16px 0 14px}.proof-grid p{font-size:13px;color:#9eabbc;line-height:1.65;margin:0 0 15px;max-width:295px}.proof-grid .small-label{font-size:8px}.proof-grid .text-link{font-size:11px}.proof-agenda{grid-row:1/3}.proof-agenda .proof-copy{position:relative;z-index:2}.proof-agenda .proof-copy p{max-width:280px}.proof-agenda h3{font-size:33px}.calendar-crop{position:absolute;right:-24px;bottom:-20px;width:335px;border:1px solid #ffffff3d;border-radius:12px;background:linear-gradient(140deg,#28354a,#111925);padding:22px 23px 25px;box-shadow:-15px -10px 35px #0004;transform:rotate(-9deg);pointer-events:none}.calendar-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:9px;margin-bottom:19px;color:#c8d6e9}.calendar-top strong{font-weight:400}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center;font-size:9px}.calendar-week{margin-bottom:10px;color:#748ba9}.calendar-grid>span{min-height:25px;display:grid;place-items:center;color:#a6bbd6;border-radius:4px}.calendar-grid>span.picked{background:#d4e0f1;color:#1a2d49;box-shadow:0 0 16px #d4e0f118}.calendar-summary{display:flex;align-items:center;gap:12px;font-size:10px;border-top:1px solid #ffffff1c;padding-top:15px;margin-top:14px;color:#afc2dc}.calendar-summary .icon{width:14px;height:14px}.calendar-summary>span{margin-left:auto;font-size:9px;color:#7f98b9}.proof-note{position:absolute;bottom:24px;left:30px;font-size:9px;line-height:1.7;color:#7e90a9;max-width:100px;z-index:1}.proof-panel .proof-copy,.proof-process .proof-copy{position:relative;z-index:1;max-width:56%}.record-crop{position:absolute;width:230px;right:-49px;top:39px;padding:18px 13px;border:1px solid #ffffff28;border-radius:10px;background:#111823;transform:rotate(-6deg);box-shadow:0 12px 30px #0007}.record-crop>div{display:flex;gap:10px;align-items:center;font-size:7px;color:#7e91ac;margin-bottom:8px}.record-crop>div>span{padding:6px 9px}.record-crop .selected{background:#cbd6e5;color:#18263b;border-radius:4px}.record-crop p{display:flex;align-items:center;gap:9px;font-size:8px;border-bottom:1px solid #ffffff12;padding:13px 0;margin:0}.record-crop .icon{width:13px;height:13px;color:#c5d1e1}.record-crop .icon:last-child{margin-left:auto;width:9px}.record-crop small{display:block;font-size:6px;margin-top:3px;color:#7f94af}.mini-process{display:flex;align-items:center;position:absolute;right:19px;top:78px;width:183px;gap:8px}.mini-process>span{width:47px;height:47px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #7a91b355;border-radius:50%;background:linear-gradient(#2d3c52,#111a27);position:relative}.mini-process .icon{width:18px;height:18px;color:#bdcde2}.mini-process small{position:absolute;top:58px;font-size:8px;color:#8399b7}.mini-process i{flex:1;height:1px;background:#7a91b344}
/* A single cinematic closing accent. */
.contact{position:relative;isolation:isolate;overflow:hidden;max-width:none;border-top:1px solid var(--line);padding:125px 24px 145px;text-align:center;background:#080a0e}.contact::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/silver-flow.webp') center 62%/cover;filter:grayscale(1);opacity:.48;pointer-events:none}.contact::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 34%,#080a0ef7 5%,#080a0edb 35%,#080a0e33 75%),linear-gradient(#080a0e 1%,transparent 45%,#080a0e 100%);pointer-events:none}.contact-inner{max-width:950px;margin:auto}.contact h2{font-size:clamp(38px,4.5vw,65px)}.contact p:not(.eyebrow){font-size:15px;color:#a9b2c0;line-height:1.8;margin:28px auto 32px;max-width:590px}.contact-number{display:block;width:fit-content;font-size:11px;color:#a1acbd;line-height:1.7;margin:22px auto 0;padding:3px;border-bottom:1px solid #ffffff25}.site-footer{max-width:1320px;margin:auto;padding:32px 60px;display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line)}.site-footer .brand{font-size:10px}.site-footer .brand-monogram{font-size:23px;line-height:23px}.site-footer>span{font-size:10px;color:#8b96a7}.site-footer small{font-size:10px;color:#748196}.replay{background:none;border:0;border-bottom:1px solid #ffffff2a;font-size:10px;min-height:37px;padding:7px 0;margin-left:auto;color:#b4bfce}
/* Native project dialog, with demonstration and project notes as separate views. */
.case-dialog{width:min(1100px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 48px);padding:0;border:1px solid #ffffff33;border-radius:15px;background:#0c0f14;color:var(--paper);overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 110px #000c}.case-dialog::backdrop{background:#030508db;backdrop-filter:blur(9px)}.case-toolbar{position:sticky;top:0;z-index:3;background:#0d1118f5;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 24px;border-bottom:1px solid #ffffff1a}.case-toolbar>span{font-size:10px;letter-spacing:.12em;white-space:nowrap;color:#bcc9da}.case-toolbar>span>span{color:#576880;margin:0 7px}.close-case{border:1px solid #ffffff2a;min-height:38px;display:flex;gap:15px;align-items:center;padding:8px 13px;border-radius:25px;font-size:11px}.close-case>span{font-size:19px;line-height:1}.case-view-tabs{display:flex;gap:5px;margin-left:auto}.case-view-tabs button{border:1px solid transparent;border-radius:7px;min-height:38px;padding:9px 13px;font-size:11px;color:#889bb7}.case-view-tabs button[aria-selected="true"]{border-color:#ffffff28;background:#ffffff06;color:#e0e8f2}.case-body{padding:35px 42px 42px}.case-body h2{font-size:40px;line-height:1.1;letter-spacing:-.045em;margin:17px 0 16px}.case-lead{font-size:14px;color:#9aabc2;line-height:1.7;max-width:660px;margin:0 0 25px}.case-photo{display:block;width:100%;height:230px;object-fit:contain!important;border-radius:10px;margin-bottom:30px;filter:grayscale(1) brightness(.7);background:#1a2636!important}.case-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.case-detail-card{border:1px solid #ffffff18;border-radius:9px;padding:22px 23px;background:linear-gradient(135deg,#19202b80,#0e141d80)}.case-detail-card h3{font-size:9px;letter-spacing:.13em;color:#c5d2e4;margin:0 0 11px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.case-detail-card h3 .icon{width:17px;height:17px;color:#8ba2c1}.case-detail-card p,.case-detail-card li{font-size:12px;line-height:1.75;color:#99aec9;margin:0}.case-detail-card ul{padding-left:16px;margin:0}.case-detail-card.goal{grid-column:1/-1;display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:center}.case-detail-card.goal h3{margin:0}.case-actions{border-top:1px solid #ffffff18;margin-top:25px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.case-actions p{font-size:15px;letter-spacing:-.02em;color:#becde1;margin:0}.case-actions .button{font-size:12px;min-height:44px}.interactive-demo{border:1px solid #ffffff2b;border-radius:12px;background:radial-gradient(ellipse at 50% 0%,#2e405c50,#101722 65%);padding:28px}.interactive-demo h3{font-size:24px;letter-spacing:-.03em;margin:0 0 12px}.demo-intro{font-size:12px;line-height:1.7;color:#9aaec9;max-width:630px;margin:0 0 25px}.demo-label{display:block;font-size:11px;color:#bfcee1;margin:22px 0 12px}.date-options,.time-options,.filter-options{display:flex;flex-wrap:wrap;gap:9px}.choice-button,.filter-button{border:1px solid #ffffff2b;border-radius:7px;min-height:44px;padding:11px 16px;font-size:12px;color:#b9cbe2;background:#ffffff02;transition:background .2s}.choice-button:hover,.filter-button:hover{background:#ffffff09}.choice-button[aria-pressed="true"],.filter-button[aria-pressed="true"]{background:#d8e3f2;color:#102239;border-color:#e2ecf8}.demo-controls{display:flex;align-items:end;gap:22px;margin-top:24px;flex-wrap:wrap}.demo-controls label{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#b7c9e1}select{background:#131e2e;color:#d4e3f8;border:1px solid #ffffff33;border-radius:7px;min-height:44px;min-width:170px;padding:10px;font-size:13px}.demo-controls .button{min-height:44px;padding:11px 25px;font-size:12px}.demo-result{padding:20px;margin-top:22px;border:1px solid #d4e2f445;border-radius:8px;background:#c5d9f408;color:#cfdef3;font-size:13px;line-height:1.75}.demo-result strong{display:block;font-weight:500;font-size:14px;margin-bottom:5px}.demo-result small{display:block;font-size:11px;color:#8ca4c5;margin-top:9px}.demo-table-wrap{overflow:auto;margin-top:24px}.demo-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.demo-table th{font-size:10px;font-weight:400;color:#88a0c0;border-bottom:1px solid #ffffff2e;padding:13px 10px;white-space:nowrap}.demo-table td{padding:16px 10px;border-bottom:1px solid #ffffff14;line-height:1.5;color:#c4d3e7}.demo-table th:last-child,.demo-table td:last-child{text-align:right}.demo-table .demo-table-status{font-size:10px;color:#8da8cb}.record-button{min-height:38px;border:1px solid #ffffff2b;border-radius:20px;padding:8px 12px;font-size:10px;white-space:nowrap}.record-button:hover{background:#ffffff09}.table-count{font-size:10px;color:#86a0c1;margin:17px 0 0}.operation-summary{display:flex;gap:25px;border-bottom:1px solid #ffffff19;padding:0 0 20px;margin-bottom:23px}.operation-summary>span{font-size:10px;color:#8ca4c5}.operation-summary strong{display:block;font-size:26px;font-weight:400;color:#d5e1f3;margin-bottom:6px}
@keyframes panel-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
/* Responsive layout */
@media(min-width:1600px){.section-shell{max-width:1400px}.site-header{max-width:1320px}}
@media(max-width:1100px){.site-header nav{gap:17px;font-size:11px}.site-header{width:calc(100% - 48px)}.section-shell{padding:90px 38px}.section-heading{gap:40px}.solution-tab{padding:17px 15px;gap:11px}.solution-tab strong{font-size:12px}.solution-tab small{font-size:9px}.dash-side{width:122px;padding:24px 10px}.dash-main{padding:24px}.dash-metrics>div{padding:14px 13px}.dash-lower{grid-template-columns:1fr 1.15fr}.mini-record b{font-size:6px;padding:4px}.system-preview-stage{padding:0}.process-layout{gap:65px}.process-sticky{top:120px}.featured-project{padding:30px 22px}.featured-stage{padding:0}.featured-summary{gap:20px}.about-layout{gap:60px}.expertise-card{padding:23px}.expertise-card h3{font-size:24px}.expertise-card p{font-size:13px}.proof-grid{grid-template-rows:235px 235px}.proof-grid article{padding:26px}.proof-grid h3{font-size:24px}.proof-panel .proof-copy,.proof-process .proof-copy{max-width:59%}.record-crop{right:-93px}.mini-process{right:-15px;width:162px}.proof-agenda h3{font-size:30px}.calendar-crop{right:-45px;width:305px}.proof-note{max-width:85px;left:25px}.integration-map{grid-template-columns:1fr 36px 130px 36px 1fr}.connection-node{padding:18px 13px;gap:10px}.connection-node strong{font-size:11px}.connection-node div>span{font-size:8px}.connection-node>.icon{width:20px}.booking-card{padding:27px}.project-image-word{font-size:24px}.site-footer{padding:30px 38px}}
@media(max-width:900px){.menu-toggle{display:flex}.site-header nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;align-items:stretch;padding:18px;border:1px solid #ffffff2c;border-radius:18px;background:#0d1119fa;box-shadow:0 20px 55px #0009;gap:3px}.site-header.menu-open nav{display:flex}.site-header nav a{padding:13px 12px;min-height:44px;font-size:14px}.site-header nav a:not(.nav-contact)::after{left:12px;right:auto;bottom:5px;width:25px}.site-header nav .nav-contact{margin-top:9px;text-align:center}.benefit-grid{gap:25px}.dash-side{display:none}.process-layout{gap:45px}.process h2{font-size:36px}.process-sticky>p:not(.eyebrow){font-size:14px}.diagram-brief{left:0;width:90px}.diagram-wire{left:20%;width:135px}.diagram-ready{width:135px}.featured-summary{grid-template-columns:1fr 1fr}.project-actions{grid-column:1/-1;flex-direction:row;justify-content:center;gap:25px;padding-top:10px}.about-layout{gap:45px}.proof-panel .proof-copy,.proof-process .proof-copy{max-width:100%}.record-crop,.mini-process{opacity:.16;right:-100px}.proof-copy{position:relative;z-index:1}.proof-process .proof-copy{max-width:100%}}
@media(max-width:700px){html{scroll-padding-top:96px}.site-header{top:14px;width:calc(100% - 28px);min-height:58px;padding:8px 16px 8px 19px}.brand{font-size:10px;letter-spacing:.12em;gap:9px}.brand-monogram{font-size:23px;line-height:23px}.section-shell{padding:74px 23px}.section-heading{display:block}.section-heading h2,.process h2,.about h2{font-size:clamp(33px,7.8vw,47px)}.section-heading>p:last-child{font-size:14px;margin-top:22px;max-width:500px}.section-heading.centered>p:last-child{font-size:14px}.eyebrow{font-size:9px!important;margin-bottom:22px}.section-heading.centered .eyebrow{margin-bottom:20px}.cinema-bottom{left:23px;right:23px;bottom:28px;gap:12px}.scroll-caption{font-size:10px;gap:10px}.skip-opening{font-size:11px;padding:10px 13px}.expertise-grid{grid-template-columns:1fr;gap:12px;margin-top:36px}.expertise-card{display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:21px;padding:23px}.card-top{grid-column:1/-1;margin-bottom:24px}.expertise-symbol{grid-row:2/4;margin:0;width:51px;height:51px}.expertise-card h3{font-size:24px;margin:0 0 13px}.expertise-card h3 br{display:none}.expertise-card p{font-size:13px;grid-column:2;max-width:none}.card-foot{grid-column:1/-1;margin-top:22px;padding-top:16px}.intro-actions{gap:17px;flex-wrap:wrap;margin-top:24px}.intro-actions>span{font-size:10px}.solutions::before{inset:300px 0 0;opacity:.16}.solution-showcase{margin-top:33px}.solution-tabs{gap:6px}.solution-tab{flex-direction:column;gap:11px;text-align:center;justify-content:center;padding:14px 7px;min-height:98px;border-radius:8px}.solution-tab>.icon{width:20px;height:20px}.solution-tab strong{font-size:11px;line-height:1.45}.solution-tab small,.tab-indicator{display:none}.panel-intro{display:block;margin:21px 0}.panel-intro p{font-size:12px}.panel-intro>span{display:block;max-width:100%;text-align:left;font-size:9px;margin-top:11px}.site-preview-stage{padding:0 0 35px;margin-top:25px}.window-bar{font-size:8px;min-height:32px;padding:9px 11px;gap:8px}.window-frame{border-radius:9px}.mini-site{height:330px}.mini-site-nav{left:19px;right:19px;top:19px}.mini-site-nav>span:last-child{display:none}.mini-site-copy{left:23px;top:25%;max-width:76%}.mini-site-copy .small-label{font-size:6px;letter-spacing:.07em}.mini-site-copy strong{font-size:34px}.mini-site-copy p{font-size:10px;margin-top:15px}.mini-pill{font-size:8px;padding:8px 10px}.mini-site-footer{left:21px;right:21px;bottom:20px;font-size:7px}.mini-site-footer>span:last-child{display:none}.mini-site>picture>img{width:105%;right:-22%;height:120%;bottom:-15%;filter:grayscale(.95) brightness(.6)}.phone-preview{width:119px;height:223px;right:10px;bottom:0;border-radius:20px;padding:27px 12px 12px;transform:rotate(3deg)}.phone-speaker{top:9px;width:31px;height:3px}.phone-brand{font-size:4px}.phone-scene{height:63px;margin:10px -6px 0}.phone-preview>strong{font-size:15px;margin-top:6px}.phone-pill{font-size:5px;padding:6px 8px;margin-top:9px}.phone-preview>small{font-size:5px;margin-top:8px}.panel-bottom{display:block;margin-top:20px}.panel-bottom p{font-size:12px}.panel-bottom .text-link{margin-top:12px;font-size:12px}.demo-disclaimer{font-size:9px;line-height:1.65}.system-preview-stage{margin-top:25px}.dashboard-demo{min-height:330px}.dash-main{padding:20px 15px}.dash-heading{margin-bottom:18px;gap:10px}.dash-heading .small-label{font-size:6px}.dash-heading strong{font-size:22px;margin-top:8px}.date-chip{font-size:7px;gap:10px;padding:7px 9px}.dash-metrics{gap:7px}.dash-metrics>div{padding:12px 9px}.dash-metrics span{font-size:8px;line-height:1.3;min-height:21px}.dash-metrics strong{font-size:27px;margin:9px 0 0}.dash-metrics small{display:none}.dash-lower{grid-template-columns:1fr;gap:12px;margin-top:12px}.activity-chart{padding:14px 12px}.chart-bars{height:67px;margin-top:16px}.dashboard-list{display:none}.live-label{font-size:6px;letter-spacing:0}.automation-preview{padding:19px 15px;margin-top:25px}.flow-heading{gap:12px}.flow-heading .small-label{font-size:7px;max-width:150px}.flow-heading .demo-badge{font-size:7px;padding:5px 6px}.integration-map{grid-template-columns:1fr;padding:25px 0;justify-items:center}.connection-stack{grid-template-columns:1fr 1fr;gap:10px;width:100%}.connection-node{flex-direction:column;gap:11px;text-align:center;padding:15px 9px;min-width:0;width:100%}.connection-node strong{font-size:11px}.connection-node div>span{font-size:8px;line-height:1.6}.connection-line{width:1px;height:25px;background:#a7bbd36b}.connection-line::before,.connection-line::after{display:none}.integration-core{width:120px;height:120px;border-radius:14px}.integration-core>.icon{width:27px;height:27px}.integration-core strong{font-size:12px;margin-top:12px}.integration-core>span{font-size:8px}.flow-sequence{gap:10px;padding-top:19px}.flow-sequence>span{font-size:8px}.flow-sequence b{display:none}.flow-sequence>.icon{width:12px}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px;margin-top:38px}.benefit>.icon{width:24px;height:24px;margin-bottom:24px}.benefit h3{font-size:21px}.benefit p{font-size:13px}.process-layout{display:block}.process-sticky{position:static}.process-sticky>p:not(.eyebrow){font-size:14px;max-width:none}.process-board{display:none}.process-timeline{margin-top:38px;padding-left:25px}.process-step{min-height:185px;padding:18px 0 33px 16px}.process-step h3{font-size:28px;margin:16px 0 13px}.process-step p{font-size:14px;max-width:440px}.step-dot{left:-28px}.process-step:last-child{min-height:150px}.projects .section-heading{margin-bottom:35px}.featured-project{padding:28px 14px 24px;border-radius:14px}.featured-heading{margin-bottom:23px}.featured-heading h3{font-size:30px;margin-top:17px}.featured-heading p{font-size:11px}.project-kind{font-size:8px}.featured-stage .dash-main{padding:18px 12px}.featured-stage .date-chip{display:none}.featured-summary{grid-template-columns:1fr;gap:22px;padding:24px 7px 0;margin-top:25px}.featured-summary p{font-size:13px;margin-top:8px;max-width:none}.project-actions{padding:0;align-items:flex-start;flex-wrap:wrap;justify-content:flex-start;gap:12px}.project-actions .button{font-size:12px}.project-actions .text-link{font-size:11px;min-height:44px}.project-pair{grid-template-columns:1fr;gap:35px;margin-top:33px}.project-visual{min-height:300px}.project-image-word{font-size:26px;left:23px;bottom:32px;max-width:73%}.project-image-brand{left:24px;top:23px;font-size:8px}.project-copy{padding:21px 3px 0}.project-copy h3{font-size:27px}.project-copy p{font-size:13px}.booking-card{padding:30px 28px}.booking-ui>strong{font-size:22px}.about{padding-bottom:85px}.about-layout{display:block}.about-copy{margin-top:30px}.about-copy>p{font-size:14px}.about-copy>p+p{font-size:13px}.about-note{display:none}.about::after{height:250px;left:-70%;right:0;bottom:-65px;opacity:.13}.proof-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:14px;margin-top:32px}.proof-grid article{padding:26px;min-height:228px}.proof-agenda{grid-row:auto;min-height:500px!important}.proof-agenda h3{font-size:30px}.calendar-crop{right:-29px;bottom:-27px;width:295px}.proof-note{bottom:21px;max-width:80px;font-size:8px;left:26px}.proof-panel .proof-copy,.proof-process .proof-copy{max-width:60%}.proof-grid h3{font-size:25px}.proof-grid p{font-size:12px}.record-crop{opacity:.65;right:-82px;top:46px;width:210px;mask-image:linear-gradient(90deg,transparent,#000 30%)}.mini-process{opacity:.65;right:-25px;top:90px;width:159px;gap:6px;mask-image:linear-gradient(90deg,transparent,#000 15%)}.mini-process>span{width:44px;height:44px}.proof-process .proof-copy{max-width:60%}.contact{padding:85px 23px 95px}.contact h2{font-size:clamp(34px,8.3vw,47px)}.contact p:not(.eyebrow){font-size:14px;max-width:430px;line-height:1.8}.contact p br{display:none}.contact::before{opacity:.34;background-position:46% 60%}.contact::after{background:radial-gradient(ellipse at 50% 34%,#080a0ef7 8%,#080a0edb 42%,#080a0e33 90%),linear-gradient(#080a0e,transparent 45%,#080a0e)}.site-footer{padding:27px 23px;gap:22px}.site-footer>span{order:3;width:100%;font-size:10px}.site-footer small{order:4;width:100%;font-size:9px}.case-dialog{width:calc(100% - 16px);max-height:calc(100svh - 16px);border-radius:11px}.case-toolbar{padding:12px 15px;gap:10px;flex-wrap:wrap}.case-toolbar>span{font-size:8px}.close-case{margin-left:auto;font-size:10px;min-height:36px}.case-view-tabs{order:3;width:100%;margin:0;border-top:1px solid #ffffff10;padding-top:10px}.case-view-tabs button{flex:1;font-size:11px;min-height:39px}.case-body{padding:25px 18px 30px}.case-body h2{font-size:32px;margin-top:16px}.case-lead{font-size:12px;margin-bottom:23px}.case-details{grid-template-columns:1fr;gap:10px}.case-detail-card{padding:20px}.case-detail-card p,.case-detail-card li{font-size:12px}.case-detail-card.goal{grid-template-columns:1fr;gap:13px}.case-actions{display:block}.case-actions p{font-size:14px;margin-bottom:17px}.case-actions .button{font-size:12px}.interactive-demo{padding:22px 14px}.interactive-demo h3{font-size:24px}.demo-intro{font-size:12px}.date-options,.time-options,.filter-options{gap:7px}.choice-button,.filter-button{font-size:11px;padding:11px 12px;min-height:44px}.demo-controls{gap:20px}.demo-controls label{width:100%}.demo-controls .button{width:100%;font-size:12px}.demo-table{font-size:11px}.demo-table th,.demo-table td{padding:13px 6px}.demo-table th:nth-child(2),.demo-table td:nth-child(2){display:none}.demo-table td:first-child{max-width:130px}.demo-table .demo-table-status{font-size:9px}.record-button{font-size:9px;padding:8px 10px;min-height:40px}.operation-summary{gap:22px}.operation-summary>span{font-size:8px}.operation-summary strong{font-size:23px}.demo-result{font-size:12px}.demo-result strong{font-size:13px}.demo-result small{font-size:10px}.case-photo{height:200px}}
@media(max-width:360px){.section-shell{padding-left:19px;padding-right:19px}.expertise-card{padding:20px;grid-template-columns:43px minmax(0,1fr);gap:0 17px}.expertise-symbol{width:43px;height:43px}.expertise-card h3{font-size:22px}.solution-tab strong{font-size:10px}.mini-site-copy strong{font-size:30px}.phone-preview{width:106px;height:213px}.proof-panel .proof-copy,.proof-process .proof-copy{max-width:78%}.record-crop,.mini-process{opacity:.2}.calendar-crop{right:-90px}.proof-note{max-width:100px}.benefit-grid{gap:30px 21px}.case-toolbar>span{font-size:7px}.demo-table td:first-child{max-width:100px}.record-button{padding:8px}.live-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js-motion .reveal{opacity:1;transform:none}.process-timeline::after{transform:scaleY(1)}.expertise-card:hover,.button:hover{transform:none}}

/* Abaixo de 800px a cena vem das cópias de 1280px que já existem no projeto. Só muda
   de qual arquivo o pixel vem: posição, tamanho, máscara e filtro continuam os da regra de cima. */
@media (max-width:800px){
  .mini-site{background-image:url('assets/find-sky-mobile.webp')}
  .project-building{background-image:url('assets/find-sky-mobile.webp')}
}
