@font-face{font-family:Manrope;src:url('assets/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{--sans:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ink:#202735;--muted:#657083;--blue:#2b51ee;--paper:#f9faf8;--ease:cubic-bezier(.2,.75,.25,1)}
body{background-color:var(--paper);background-image:radial-gradient(ellipse 950px 650px at 100% 0,#e2eaff 0,transparent 75%),radial-gradient(ellipse 700px 600px at 0 50%,#edf2fc 0,transparent 70%);font-feature-settings:"ss01" on}
.header{border-bottom-color:#d9dfec}.brand{font-weight:750;letter-spacing:-.6px}.brand-mark{box-shadow:0 5px 17px #2b51ee25;background:linear-gradient(145deg,#5177ff,#2444d5);border:1px solid #ffffff70}.brand small{font-weight:500}.desktop-nav{font-weight:550}.nav-contact{border-color:#ccd4e5;background:#ffffff70}
.hero{position:relative;gap:40px;padding-block:54px 58px;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;inset:0 -50px;background-image:linear-gradient(#a3b4d912 1px,transparent 1px),linear-gradient(90deg,#a3b4d912 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(130deg,transparent 15%,black 60%,transparent 100%);pointer-events:none}
.eyebrow{font-weight:650;letter-spacing:1.35px;color:#60708d}.hero-copy{position:relative;z-index:2;padding-block:25px}.hero-copy>.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:1.1px}.hero-copy>.eyebrow::before{content:"";height:12px;width:12px;border:1px solid #7286cb;background:#e4ebff;transform:rotate(45deg);border-radius:2px;flex-shrink:0}
h1{font-size:clamp(42px,4.25vw,61px);font-weight:650;line-height:1.12;letter-spacing:-2.4px}.hero-copy h1 span{background:linear-gradient(105deg,#234adf 15%,#4f79ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.hero-description{font-size:16px;line-height:1.75;font-weight:450;color:#667286;margin-top:28px}.hero-note{font-size:12px;color:#8290a5;display:flex;gap:10px;align-items:center}.hero-note::before{content:"";width:22px;height:1px;background:#92a4d3}.hero-actions{gap:24px}.button{font-weight:650;border-radius:9px;transition:background .25s,box-shadow .25s,transform .25s var(--ease)}.primary{background:linear-gradient(120deg,#2147dd,#3c62f8);box-shadow:0 6px 18px #284fea22;position:relative;overflow:hidden}.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff24 50%,transparent 75%);transform:translateX(-130%);transition:transform .65s var(--ease)}.primary:hover{background:linear-gradient(120deg,#1f41cf,#355bf0);box-shadow:0 9px 26px #284fea34;transform:translateY(-3px)}.primary:hover::after{transform:translateX(130%)}.secondary{background:#ffffff85;border-color:#cbd5e7}.text-link{font-weight:550;font-size:14px}.text-link:hover{border-color:var(--blue)}
.hero-visual{height:660px;border-radius:24px;background:radial-gradient(ellipse at 55% 55%,#eaf0ff 5%,#e5ebfb 48%,#f3f6ff 100%);border:1px solid #d8e2f4;box-shadow:inset 0 0 65px #ffffff99;overflow:hidden;isolation:isolate}.hero-visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#6b85ca38 .8px,transparent .8px);background-size:20px 20px;pointer-events:none;z-index:0}.hero-sculpture{position:absolute;width:117%;height:auto;max-width:none;left:-8%;top:3%;z-index:0;object-fit:contain;filter:drop-shadow(0 25px 28px #274de52b);animation:sculpture-drift 15s ease-in-out infinite;pointer-events:none}.stage-corner{position:absolute;width:23px;height:23px;z-index:1;pointer-events:none}.corner-one{top:25px;left:24px;border-left:1px solid #96a8d7;border-top:1px solid #96a8d7}.corner-two{bottom:25px;right:24px;border-right:1px solid #96a8d7;border-bottom:1px solid #96a8d7}.stage-label{position:absolute;left:36px;top:30px;font-size:10px;letter-spacing:1.25px;color:#677aa5;z-index:3}.motion-toggle{position:absolute;right:19px;top:18px;z-index:4;display:flex;gap:7px;align-items:center;padding:9px 11px;font-size:11px;min-height:36px;color:#5c709c;border:1px solid #cbd8ef;border-radius:7px;background:#ffffffb8;backdrop-filter:blur(8px)}.motion-toggle:hover{background:white;color:var(--blue)}.motion-toggle-icon{display:block;width:9px;height:10px;border-inline:2px solid currentColor}.motion-paused .motion-toggle-icon{border:0;width:0;height:0;border-block:5px solid transparent;border-left:8px solid currentColor}.hero-app{box-shadow:0 24px 50px #132a6121,0 5px 10px #20469f0a;border:5px solid #fff;border-radius:25px;width:258px}.hero-app-back{top:75px;right:22px;transform:rotate(5deg);animation:screen-back-float 8s ease-in-out infinite}.hero-app-front{top:93px;left:25px;transform:rotate(-5deg);animation:screen-front-float 8s ease-in-out infinite;animation-delay:-4s}.hero-app .app-screen{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.visual-caption{font-size:10px;bottom:21px;right:43px;color:#5d7095;letter-spacing:.05px}.caption-line{background:#8b9fce}.hero-notification{position:absolute;left:34px;bottom:42px;z-index:4;display:flex;align-items:center;gap:11px;background:#fff;box-shadow:0 12px 30px #1b3a681a;border:1px solid #dce4f4;padding:12px 18px 12px 12px;border-radius:11px;animation:notification-float 8s ease-in-out infinite;pointer-events:none}.notification-check{width:33px;height:33px;display:grid;place-items:center;border-radius:8px;background:#eaf0ff;color:var(--blue)}.notification-check .icon{width:19px;height:19px;stroke-width:2}.hero-notification strong{display:block;font-size:12px;font-weight:650;color:#344569}.hero-notification small{display:block;font-size:10px;color:#8490a6;margin-top:3px}
.section-heading h2{font-weight:650;letter-spacing:-1.7px;font-size:42px}.benefits{border-top:1px solid #d9dfeb;padding-bottom:70px}.benefit-grid{gap:20px;margin-top:36px}.benefit-grid article,.benefit-grid article+article{border:1px solid #dfe5ef;background:linear-gradient(135deg,#fff,#f6f8fc);padding:28px;border-radius:16px;position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}.benefit-grid article::after{content:"";position:absolute;right:-24px;top:-24px;width:110px;height:110px;border:1px solid #dae2f4;border-radius:50%;box-shadow:0 0 0 20px #e7ecf650,0 0 0 40px #edf1f750;pointer-events:none}.benefit-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 30px #213a670c;border-color:#b9c9ed}.benefit-icon{position:relative!important;inset:auto!important;display:grid;place-items:center;width:51px;height:51px;background:linear-gradient(145deg,#edf2ff,#e6edfc);border:1px solid #d8e2fa;border-radius:13px;margin-bottom:24px}.benefit-icon .icon{width:25px;height:25px;stroke-width:1.6}.benefit-grid h3{font-size:19px;font-weight:650;letter-spacing:-.6px;position:relative;z-index:1}.benefit-grid p{font-size:15px;line-height:1.75;position:relative;z-index:1}.benefit-number{position:absolute;right:26px;bottom:20px;font-size:11px;color:#9ba9c1;font-weight:550;letter-spacing:2px}.solutions{border-color:#d9dfeb}.solutions-heading>p{color:#7e8ba1;font-size:14px}.project-row{gap:50px;border-top-color:#dce3ed;padding-block:50px 60px}.project-copy h3{font-weight:650;line-height:1.2;letter-spacing:-1.1px;font-size:34px}.project-number{display:grid;place-items:center;height:29px;min-width:29px;background:#eaf0ff;border:1px solid #d8e3ff;border-radius:6px;letter-spacing:.2px;font-size:11px}.project-meta{gap:10px;color:#7d8ba0}.project-audience{line-height:1.7;color:#7c8797}.project-story dt{font-weight:700;letter-spacing:.05px;color:#4b5971}.project-story dd{color:#768296;font-size:14px;line-height:1.7}.project-story>div:last-child{border-left:2px solid #6285f8;padding-left:13px;margin-left:-15px}.screen-pair{position:relative;isolation:isolate;border:1px solid #d7e0f0;padding:28px;gap:22px;background:linear-gradient(145deg,#eef2fb,#e4ebf9);border-radius:21px;overflow:hidden}.screen-pair::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#91a6d420 1px,transparent 1px),linear-gradient(90deg,#91a6d420 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(145deg,black,transparent 70%)}.booking-stage{background:radial-gradient(at 80% 15%,#dde6f8,transparent 60%),linear-gradient(145deg,#f3f4ee,#ebeee7)}.team-stage{background:radial-gradient(at 85% 10%,#c7d8f6,transparent 65%),linear-gradient(145deg,#e8f0fc,#e0e9f8)}.orders-stage{background:radial-gradient(at 80% 0,#dce4e4,transparent 65%),linear-gradient(145deg,#f2f2e9,#e7ecdf)}.screen-caption{font-size:11px;font-weight:550;color:#6d7f9c}.screen-caption>span{border:1px solid #c5d0e3;background:#ffffff70;min-width:21px;height:20px;display:grid;place-items:center;border-radius:4px;font-size:10px;padding:0;color:#8195ba}.screen-frame{border:5px solid #fff;border-radius:23px;box-shadow:0 15px 30px #233d650e,0 2px 6px #24344f08;transition:transform .45s var(--ease),box-shadow .45s;background:#fff}.screen-frame .app-screen{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.screen-pair .screen-column:last-child{padding-top:26px}.modal-pair .screen-column:last-child{padding-top:0}.process{position:relative;border-color:#d9dfeb;background:linear-gradient(180deg,#f2f5fc88,#fafaf800);padding:67px 32px 80px;border-radius:20px;margin-top:20px}.process-grid{gap:35px;margin-top:37px}.step-number{font-weight:650;font-size:47px;letter-spacing:-2px;line-height:1;color:#5474d8;padding-bottom:23px;border-bottom-color:#c9d5eb;position:relative}.step-number::after{content:"";position:absolute;width:7px;height:7px;border:1px solid #7c96d4;border-radius:50%;bottom:-4px;right:0;background:#f4f7ff}.process h3{font-weight:650;font-size:23px;line-height:1.3;letter-spacing:-.7px}.process article p{font-size:15px;line-height:1.75;color:#748198}.contact{border-top:0;position:relative;margin-block:40px 65px;padding:52px;background:linear-gradient(120deg,#edf2ff,#f6f8fc 55%,#e9effc);border:1px solid #d9e2f4;border-radius:24px;gap:55px;isolation:isolate;overflow:hidden}.contact::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#748ac930 .8px,transparent .8px);background-size:17px 17px;mask-image:linear-gradient(135deg,transparent 15%,black 100%)}.contact-copy h2{font-weight:650;letter-spacing:-1.8px;font-size:46px;line-height:1.17}.contact-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.contact-form{background:#ffffffa8;border:1px solid #d3deef;box-shadow:0 12px 30px #293d7410;backdrop-filter:blur(9px)}.contact-form>label{font-weight:550}.contact-form input,.contact-form textarea{border-color:#dbe3f1}.contact-copy h2 span{color:#2b51ee}.footer{border-color:#dce3ee}
.motion-ready .reveal{animation:none;transition:opacity .8s var(--ease),transform .8s var(--ease)}.motion-ready .reveal:not(.is-visible){opacity:0;transform:translateY(25px)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.motion-ready .reveal:not(.is-visible) .screen-column{transform:translateY(24px);opacity:.6}.motion-ready .screen-column{transition:transform .9s var(--ease),opacity .9s;transition-delay:.15s}.motion-ready .screen-column:last-child{transition-delay:.28s}.motion-ready .reveal.is-visible .screen-column{transform:none;opacity:1}.result-highlight .confirmation-symbol{animation:confirmation-pop .6s var(--ease)}.motion-paused .hero-sculpture,.motion-paused .hero-app,.motion-paused .hero-notification{animation-play-state:paused!important}.motion-ready .hero-copy{animation:hero-copy-enter .9s var(--ease) both}
@keyframes screen-front-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(-3.5deg)}}
@keyframes screen-back-float{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(7px) rotate(3.5deg)}}
@keyframes sculpture-drift{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(10px) rotate(-3deg)}}
@keyframes notification-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes confirmation-pop{0%{transform:scale(.85)}65%{transform:scale(1.08)}100%{transform:scale(1)}}
@keyframes hero-copy-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.screen-frame:hover{transform:translateY(-5px);box-shadow:0 24px 37px #253e7116}}
@media(min-width:1550px){.hero-app{width:274px}.hero-visual{height:690px}.hero-app-back{top:76px}.hero-app-front{top:111px}}
@media(max-width:1200px) and (min-width:801px){h1{font-size:clamp(41px,4.2vw,52px);letter-spacing:-1.9px}.hero{gap:28px}.hero-app{width:230px}.hero-visual{height:620px}.hero-app-front{top:92px;left:17px}.hero-app-back{top:75px;right:14px}.hero-sculpture{width:135%;left:-18%;top:7%}.stage-label{left:25px;font-size:9px;letter-spacing:.7px}.motion-toggle{right:14px;font-size:10px}.benefit-grid article,.benefit-grid article+article{padding:25px 23px}.benefit-grid{gap:16px}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:14px}.project-row{gap:30px}.project-copy h3{font-size:30px}.screen-pair{padding:23px 18px;gap:15px}.contact{padding:36px;gap:35px}.contact-copy h2{font-size:40px}}
@media(max-width:800px){.hero{gap:29px;padding-top:29px;padding-bottom:43px}.hero::before{inset-inline:-20px}.hero-copy{padding-block:15px 0}h1{font-size:clamp(40px,7.3vw,58px);letter-spacing:-1.8px}.hero-description{font-size:16px}.hero-visual{height:640px;max-width:560px}.hero-app-front{top:85px;left:30px}.hero-app-back{top:73px;right:24px}.hero-sculpture{width:119%;left:-10%;top:4%}.benefits{padding-bottom:50px}.section-heading h2{font-size:35px}.benefit-grid{gap:16px}.benefit-grid article,.benefit-grid article+article{padding:24px 22px}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:14px}.benefit-icon{margin-bottom:19px}.project-row{gap:28px;padding-block:36px 46px}.project-copy h3{font-size:34px}.project-story dd{font-size:14px}.screen-pair{padding:27px 35px;gap:28px}.process{padding:42px 25px 45px;margin-top:10px}.process-grid{gap:25px}.process h3{font-size:20px}.process article p{font-size:14px}.step-number{font-size:39px;padding-bottom:19px}.contact{padding:34px;margin-block:30px 45px;gap:27px}.contact-copy h2{font-size:42px}.contact-form{max-width:none}.motion-toggle{font-size:11px}.modal-pair{padding:23px;gap:20px}}
@media(max-width:600px){.benefit-grid{grid-template-columns:1fr;gap:14px}.benefit-grid article,.benefit-grid article+article{padding:24px;display:grid;grid-template-columns:48px 1fr;gap:0 18px}.benefit-icon{grid-row:1/3;width:48px;height:48px;align-self:start;margin:0}.benefit-grid h3{font-size:18px;line-height:1.35;margin:0 0 9px}.benefit-grid p{font-size:15px;grid-column:2}.benefit-number{display:none}.benefit-grid article::after{right:-40px;top:-40px;opacity:.65}.section-heading h2{font-size:33px}.project-copy h3{font-size:32px}.project-story dd{font-size:16px}.project-meta{font-size:11px}.project-story>div:last-child{margin-left:0}.project-preview>.screen-pair{padding:27px 24px;grid-template-columns:minmax(0,290px)}.screen-pair .screen-column:last-child{padding-top:0}.project-preview .screen-pair{border-bottom:0}.mobile-preview-button{background:#eef2fa;border-top-color:#d2dcee;font-weight:550}.screen-frame{border-width:5px}.process{padding:32px 23px 34px}.process-grid{gap:27px}.process-grid article{padding-left:49px}.step-number{position:absolute;font-size:27px;letter-spacing:-.8px;top:2px;left:0;padding:0;border:0}.step-number::after{display:none}.process h3{font-size:21px}.process article p{font-size:15px}.contact{padding:29px 22px;margin-block:26px 38px;border-radius:18px}.contact-copy h2{font-size:37px;letter-spacing:-1.25px}.contact-copy>p:not(.eyebrow){font-size:16px}.contact-form{padding:22px 18px}.contact-form input,.contact-form textarea{font-size:16px}.modal-pair{padding:22px 14px;grid-template-columns:minmax(0,320px);gap:28px}.motion-ready .reveal:not(.is-visible){transform:translateY(17px)}}
@media(max-width:430px){h1{font-size:40px;font-weight:650;letter-spacing:-1.55px;line-height:1.13}.hero-copy>.eyebrow{font-size:10px;letter-spacing:1px;gap:9px}.hero-copy>.eyebrow::before{height:9px;width:9px}.hero-visual{height:575px}.hero-app{width:227px}.hero-app-front{top:77px;left:10px}.hero-app-back{top:64px;right:9px}.hero-sculpture{width:151%;left:-26%;top:7%}.stage-label{font-size:8px;letter-spacing:.65px;top:29px;left:22px}.corner-one{left:14px;top:19px}.corner-two{right:14px;bottom:19px}.motion-toggle{top:15px;right:12px;padding:8px 9px;font-size:10px;min-height:34px}.hero-notification{left:19px;bottom:35px;gap:8px;padding:9px 12px 9px 9px}.hero-notification strong{font-size:11px}.hero-notification small{font-size:9px}.notification-check{width:29px;height:29px}.visual-caption{right:29px;bottom:17px;font-size:9px}.hero-description{margin-top:24px;line-height:1.75}.hero-note{font-size:11px}.hero-actions{gap:20px}.hero-actions .button{font-size:14px;padding-inline:18px}.hero-actions .text-link{font-size:12px}.benefit-grid article,.benefit-grid article+article{gap:0 15px;padding:22px}.contact-copy h2{font-size:36px}}
@media(max-width:360px){h1{font-size:35px;letter-spacing:-1.3px}.hero-app{width:211px}.hero-app-front{left:6px;top:82px}.hero-app-back{right:7px;top:70px}.hero-visual{height:575px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.65px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:14px}.benefit-grid article,.benefit-grid article+article{padding:19px 16px;grid-template-columns:40px 1fr;gap:0 12px}.benefit-icon{width:40px;height:40px;border-radius:10px}.benefit-grid h3{font-size:17px}.benefit-grid p{font-size:14px}.contact-copy h2{font-size:32px}.contact{padding-inline:18px}.contact-form{padding-inline:15px}.section-heading h2{font-size:29px}.stage-label{max-width:130px;line-height:1.5;top:24px;font-size:8px}.hero-notification{left:12px}}
.hero-visual .visual-caption{display:none}
@media(max-width:430px){.hero::before{inset-inline:-18px}}
@media(prefers-reduced-motion:reduce){.hero-sculpture,.hero-app,.hero-notification,.motion-ready .hero-copy{animation:none!important}.motion-toggle{display:none}.motion-ready .reveal:not(.is-visible),.motion-ready .reveal:not(.is-visible) .screen-column{opacity:1;transform:none}.motion-ready .reveal,.motion-ready .screen-column,.button,.screen-frame,.benefit-grid article{transition:none!important}}