/* Siega motion language: masked type, soft depth, cobalt light. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.2,.9,.25,1.14);--scroll-progress:0}
.header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,#3756ff,#a8b6ff);transform:scaleX(var(--scroll-progress));transform-origin:left}
.header{transition:box-shadow .4s,background .4s}
.header.scrolled{background:#101117fa;box-shadow:0 7px 25px #080b1920}
.nav-links{position:relative}
.nav-indicator{position:absolute;bottom:5px;left:0;height:2px;width:var(--nav-width,0px);transform:translateX(var(--nav-left,0px));background:#99acff;border-radius:2px;opacity:var(--nav-visible,0);transition:transform .4s var(--ease-out),width .4s var(--ease-out),opacity .2s;pointer-events:none}
.nav-links a:after{display:none}
.nav-links a[aria-current]{color:white}
.hero-art{position:absolute;inset:-2.5%;z-index:-3;pointer-events:none;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.02);transition:transform 1s var(--ease-out)}
.hero-art .hero-banner{z-index:auto;transform:scale(1.02);animation:sculpture-breathe 16s ease-in-out infinite alternate;animation-play-state:paused}
.motion-ready.hero-visible:not(.motion-off) .hero-banner{animation-play-state:running}
.hero-line{display:block!important;overflow:clip;padding:.08em .03em .15em 0;margin:-.08em -.03em -.15em 0;font-weight:500!important;letter-spacing:-.065em!important}
.hero-line>span{display:block}
.hero-line-accent{font-weight:800!important;letter-spacing:-.075em!important}
.hero-seal{position:absolute;width:114px;height:114px;right:max(48px,calc((100vw - 1320px)/2));bottom:160px;pointer-events:none;color:#e2e8ff;opacity:.85}
.hero-seal svg{width:100%;height:100%;overflow:visible;animation:seal-turn 28s linear infinite;animation-play-state:paused}
.hero-seal text{font:9px Manrope,'Segoe UI',sans-serif;letter-spacing:1.5px;fill:currentColor}
.hero-seal>span{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:300}
.motion-ready.hero-visible:not(.motion-off) .hero-seal svg{animation-play-state:running}
.motion-toggle{display:none;align-items:center;gap:9px;flex-shrink:0;background:transparent;border:1px solid #b0beec55;border-radius:30px;color:#dae1ff;padding:9px 12px;font-size:9px;letter-spacing:.075em}
.motion-ready .motion-toggle{display:flex}
.motion-toggle:hover{background:#ffffff12;border-color:#b0beec}
.motion-toggle svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.5;fill:none}
.motion-play{display:none}
.motion-off .motion-pause{display:none}
.motion-off .motion-play{display:block}
.button{position:relative;isolation:isolate;overflow:hidden;transition:background .3s,box-shadow .4s,transform .4s var(--ease-spring),border-color .3s}
.button::after{content:'';position:absolute;inset:-80% -60%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 36%,#ffffff38 46%,#ffffff52 49%,transparent 60%);transform:translateX(-75%)}
.button:hover::after,.button:focus-visible::after{animation:button-shine 950ms var(--ease-out) both}
.button>span{transition:transform .4s var(--ease-spring)}
.button:hover>span,.button:focus-visible>span{transform:translate(3px,-3px)}
.button:active{transform:translateY(0) scale(.98);box-shadow:none}
.hero-cta::after{background:linear-gradient(105deg,transparent 36%,#3756ff15 47%,#3756ff25 50%,transparent 60%)}
.brand-symbol{transition:transform .6s var(--ease-spring)}
.brand:hover .brand-symbol{transform:rotate(-9deg) scale(1.08)}
.explore-circle{overflow:hidden;transition:background .3s,transform .4s var(--ease-out)}
.explore-link:hover .explore-circle{background:#ffffff20;transform:translateY(4px)}
.service-row{position:relative;isolation:isolate;transition:background .4s}
.service-row::before{content:'';position:absolute;z-index:-1;inset:0 -20px;border-radius:5px;background:linear-gradient(100deg,#3756ff0b,transparent);opacity:0;transform:scaleX(.96);transform-origin:left;transition:opacity .4s,transform .5s var(--ease-out)}
.service-row:hover::before{opacity:1;transform:scaleX(1)}
.service-row h3,.service-index{transition:color .3s,transform .45s var(--ease-out)}
.service-row:hover h3{color:var(--blue);transform:translateX(6px)}
.service-row:hover .service-index{color:var(--blue)}
.brand-sample>img{transition:transform .65s var(--ease-spring)}
.service-row:hover .brand-sample>img{transform:rotate(-12deg) scale(1.12)}
.sample-swatches i{transition:transform .45s var(--ease-spring)}
.service-row:hover .sample-swatches i:nth-child(1){transform:translateX(-9px)}
.service-row:hover .sample-swatches i:nth-child(2){transform:translateX(4px);transition-delay:50ms}
.service-row:hover .sample-swatches i:nth-child(3){transform:translateX(-5px);transition-delay:100ms}
.service-word,.service-word>span{transition:transform .55s var(--ease-spring)}
.service-row:hover .service-word{transform:rotate(-5deg)}
.service-row:hover .service-word>span{transform:translate(5px,-5px)}
.device-switch{position:relative;isolation:isolate}
.device-highlight{position:absolute;z-index:-1;left:0;top:4px;bottom:4px;width:var(--device-width,0px);background:white;box-shadow:0 3px 12px #17204d16;border-radius:3px;transform:translateX(var(--device-left,4px));transition:transform .46s var(--ease-spring),width .46s var(--ease-out)}
.motion-ready .device-switch button.active{background:transparent;box-shadow:none}
.device-switch button{transition:color .3s}
.device-switch button svg{transition:transform .35s var(--ease-spring)}
.device-switch button:hover svg{transform:translateY(-2px)}
.preview-stage{perspective:1200px;position:relative}
.live-preview{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:max-width .65s var(--ease-spring),border-radius .65s var(--ease-out),transform .7s var(--ease-out),box-shadow .65s}
.preview-stage:hover .live-preview{box-shadow:0 40px 85px #31448e35}
.preview-page{transition:padding .5s var(--ease-out)}
.steps li{position:relative}
.steps li:before{content:'';position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .85s var(--ease-out)}
.steps li.is-visible:before,.motion-off .steps li:before{transform:scaleX(1)}
.step-number{transition:color .6s}
.steps li.is-visible .step-number{color:#8494da}
.review-card,.plan{isolation:isolate;transition:box-shadow .45s,border-color .45s,background .45s}
.review-card::after,.plan::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(380px circle at var(--spot-x,50%) var(--spot-y,50%),#7389ff19,transparent 75%);opacity:0;transition:opacity .45s}
.review-card:hover::after,.plan:hover::after,.plan:focus-within::after{opacity:1}
.review-card:hover{border-color:#697daa;box-shadow:0 16px 44px #04091830}
.review-card .avatar{transition:transform .5s var(--ease-spring),box-shadow .4s}
.review-card:hover .avatar{transform:scale(1.06);box-shadow:0 0 0 4px #899bff20}
.plan:hover,.plan:focus-within{box-shadow:0 18px 40px #253b780e}
.plan-icon{transition:transform .55s var(--ease-spring)}
.plan:hover .plan-icon{transform:rotate(15deg) scale(1.15)}
.faqs details{overflow:hidden;transition:border-color .35s}
.faqs details[open]{border-color:#a4b1ed}
.faqs summary{transition:color .25s}
.faqs summary:hover,.faqs details[open] summary{color:var(--blue)}
.faqs summary:focus-visible{outline-offset:-4px}
.faqs summary>span{transition:transform .35s var(--ease-out),color .3s}
.brief-form{transition:transform .4s var(--ease-out),box-shadow .4s}
.brief-form:focus-within{box-shadow:0 24px 70px #0c227155}
.brief-form input,.brief-form select,.brief-form textarea{transition:border-color .25s,background .25s,box-shadow .25s}
.brief-form input:focus,.brief-form select:focus,.brief-form textarea:focus{background:white;border-color:#8394f7;box-shadow:0 0 0 3px #3756ff12}
.motion-ready:not(.motion-off) .motion-reveal:not(.is-visible){opacity:0;transform:translateY(26px)}
.motion-ready:not(.motion-off) .motion-reveal{transition:opacity .7s var(--ease-out),transform .85s var(--ease-out);transition-delay:var(--reveal-delay,0ms)}
.motion-ready:not(.motion-off) .motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.motion-off .hero-art,.motion-off .live-preview{transform:none!important}
:root.motion-off{scroll-behavior:auto!important}
.motion-off .hero-banner,.motion-off .hero-seal svg{animation-play-state:paused!important}
.motion-off *, .motion-off *::before,.motion-off *::after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important}
.motion-off .button:after{animation:none!important}
.motion-off .motion-reveal{opacity:1!important;transform:none!important}
@keyframes sculpture-breathe{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(-.4%,-.5%,0)}}
@keyframes seal-turn{to{transform:rotate(360deg)}}
@keyframes button-shine{to{transform:translateX(75%)}}
@media(min-width:721px){.hero h1{position:relative;z-index:1}}
@media(max-width:1100px){.hero-seal{right:32px;width:92px;height:92px;bottom:165px}.hero-seal>span{font-size:32px}}
@media(max-width:850px){.hero-seal{display:none}.motion-toggle{font-size:8px;padding:8px;gap:6px}.hero-bottom{gap:18px}}
@media(max-width:720px){.hero-line,.hero-line-accent{letter-spacing:-.055em!important}.hero-art{inset:-2%}.hero-art .hero-banner{animation:none}.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px 10px}.hero-bottom>p{grid-column:1/-1;grid-row:2}.motion-toggle{grid-column:2;grid-row:1;font-size:8px;padding:8px 10px}.nav-indicator{display:none}.nav-links.open{animation:mobile-menu-in .35s var(--ease-out)}.nav-links.open a{animation:mobile-link-in .45s var(--ease-out) both}.nav-links.open a:nth-child(2){animation-delay:40ms}.nav-links.open a:nth-child(3){animation-delay:80ms}.nav-links.open a:nth-child(4){animation-delay:120ms}.service-row:before{inset:0 -10px}.hero-copy{padding-top:48px}.motion-off .nav-links,.motion-off .nav-links a{animation:none!important}}
@keyframes mobile-menu-in{from{clip-path:inset(0 0 100% 0);opacity:.3}to{clip-path:inset(0);opacity:1}}
@keyframes mobile-link-in{from{transform:translateY(-7px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:720px){.nav-links{position:absolute}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-banner,.hero-seal svg{animation:none!important}.hero-art,.live-preview{transform:none!important}.motion-ready .motion-reveal{opacity:1!important;transform:none!important}.motion-toggle{display:none!important}*,*::before,*::after{animation:none!important;transition:none!important}}