/* Quiet material, light and depth. No remote assets or canvas rendering. */
body{background:#fafbfe;isolation:isolate}
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.ambient-light{position:absolute;display:block;border-radius:50%;will-change:transform}
.light-one{width:min(95vw,1250px);height:1050px;top:-450px;right:-300px;background:radial-gradient(ellipse,#b8cbff70 0%,#e5eaff38 45%,transparent 70%);transform:translate3d(var(--ambient-x,0px),var(--ambient-y,0px),0)}
.light-two{width:1100px;height:1100px;bottom:-600px;left:-400px;background:radial-gradient(ellipse,#d2d6fa66,transparent 68%);transform:translate3d(calc(var(--ambient-x,0px) * -.6),calc(var(--ambient-y,0px) * -.5),0)}
.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(#315fe808 1px,transparent 1px),linear-gradient(90deg,#315fe808 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(140deg,#0009,transparent 55%,#0004);opacity:.6}
.header{background:#ffffffcc;backdrop-filter:blur(20px);border-bottom-color:#d9e0e89c}
.language{background:transparent}
.hero{position:relative;isolation:isolate}
.hero-copy{position:relative;overflow:hidden}
.hero-copy::before,.hero-copy::after{content:'';position:absolute;pointer-events:none;z-index:-1;border:1px solid #315fe814;border-radius:28px;width:340px;height:340px;right:-180px;top:22%;transform:rotate(-28deg);box-shadow:0 0 80px #315fe806,inset 0 0 60px #ffffff80}
.hero-copy::after{width:250px;height:250px;right:-130px;top:28%;transform:rotate(-28deg) translateZ(0)}
.hero-photo{border-radius:0 0 0 28px;box-shadow:-14px 20px 60px #344c7c0d}
.section.soft{background:linear-gradient(125deg,#edf2fcad,#f7f9ff80);border-block:1px solid #dce4f066}
.app-section{perspective:1600px}
.app-demo{border-color:#c6d1e3;border-radius:12px;box-shadow:0 32px 70px -30px #24427640,0 4px 12px #2442760b;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s;will-change:auto}
.image-wrap{position:relative;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s,box-shadow .5s;box-shadow:0 12px 28px -20px #24427650}
.card .image-wrap,.card img{border-radius:10px}
.image-wrap::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff55;border-radius:inherit;background:linear-gradient(135deg,#ffffff13,transparent 60%)}
.card:hover .image-wrap{box-shadow:0 24px 42px -26px #24427660}
.button{box-shadow:0 5px 14px -6px #315fe860;transition:transform .25s,box-shadow .25s,background .25s}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px -8px #315fe880}
.button.secondary{box-shadow:0 2px 5px #16202d03}
.final-cta{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#c9d6ff6b,transparent 65%)}
.final-cta::before{content:'';position:absolute;width:620px;height:620px;left:calc(50% - 310px);top:60px;border:1px solid #315fe816;border-radius:50%;pointer-events:none}
.footer{background:#ffffff90;backdrop-filter:blur(12px)}
.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}
.reveal.seen{animation:material-enter .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes material-enter{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hero-copy::before{animation:orbit-drift 20s ease-in-out infinite alternate}.hero-copy::after{animation:orbit-drift 24s ease-in-out -6s infinite alternate-reverse}@keyframes orbit-drift{to{transform:translate3d(0,22px,0) rotate(-19deg)}}}
@media(max-width:600px){.ambient-grid{background-size:64px 64px;opacity:.4}.light-one{right:-220px;width:720px}.hero-photo{border-radius:0 0 20px 20px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.app-demo{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.ambient-light,.app-demo,.image-wrap{transform:none!important}.reveal.seen{animation:none}.hero-copy::before,.hero-copy::after{animation:none}.button,.image-wrap,.app-demo{transition:none}}
@media print{.ambient{display:none}.hero-copy::before,.hero-copy::after,.final-cta::before{display:none}.header,.footer,.section.soft{background:white;backdrop-filter:none}.app-demo,.image-wrap{transform:none;box-shadow:none}}