@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";:root{--dynamic-bg:#f5f3ef;--dynamic-soft:#ebe8e1;--dynamic-accent:#b0b1ff;--bg:var(--dynamic-bg);--bg-soft:var(--dynamic-soft);--text:#1c1c1c;--muted:#6e6a64;--lavender:var(--dynamic-accent);--blue:#cbd6f4;--cream:#fffaf1;--green:#d8ead6;--pink:#f1d7df;--border:#1c1c1c1f;--shadow:0 24px 80px #1c1c1c1f;--radius-xl:36px;--radius-lg:24px;--section-space:clamp(5rem, 8vw, 8rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--dynamic-accent) 35%, transparent), transparent 28%), radial-gradient(circle at 85% 5%, color-mix(in srgb, var(--dynamic-soft) 70%, transparent), transparent 30%), var(--dynamic-bg);color:var(--text);margin:0;font-family:Manrope,system-ui,sans-serif;transition:background .5s}body::selection{background:var(--lavender);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{z-index:20;border:1px solid var(--border);background:color-mix(in srgb, var(--dynamic-bg) 78%, white 8%);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:999px;justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);padding:14px 16px 14px 20px;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #1c1c1c14}.header-scrolled{background:color-mix(in srgb, var(--dynamic-bg) 88%, white 4%);border-color:color-mix(in srgb, var(--dynamic-accent) 38%, transparent);box-shadow:0 14px 45px #1c1c1c14}.logo{letter-spacing:-.08em;font-size:1.45rem;font-weight:900}.logo:after{content:".";color:var(--lavender)}.nav{align-items:center;gap:6px;display:flex}.nav a{color:var(--muted);border-radius:999px;padding:10px 14px;font-size:.94rem;font-weight:700;transition:all .25s}.nav a:hover{color:var(--text);background:color-mix(in srgb, var(--dynamic-accent) 26%, transparent)}.menu-button{background:var(--text);cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;display:none}.menu-button span{background:#fff;width:18px;height:2px;margin:5px auto;display:block}.custom-cursor{z-index:999;pointer-events:none;background:var(--text);color:#fff;text-transform:uppercase;letter-spacing:.08em;opacity:0;mix-blend-mode:multiply;border-radius:50%;place-items:center;width:78px;height:78px;font-size:.72rem;font-weight:900;transition:opacity .18s,transform .18s;display:grid;position:fixed;transform:translate(-50%,-50%)scale(.72)}.cursor-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.interactive-card{cursor:none}.section{width:min(1120px,100% - 32px);padding:var(--section-space) 0;margin:0 auto}.hero-section{align-items:center;min-height:100vh;padding-top:8rem;display:grid}.hero-grid,.demo-layout,.about-grid,.contact-card{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.section-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin:0 0 1rem;font-size:.78rem;font-weight:900}h1,h2,h3{letter-spacing:-.055em;margin:0;line-height:.96}h1{max-width:850px;font-size:clamp(3.5rem,8vw,7.7rem)}h2{font-size:clamp(2.6rem,5vw,5rem)}h3{font-size:clamp(2.2rem,4vw,4.4rem)}.hero-text,.section-heading p,.about-text p,.contact-card p,.demo-content p,.hero-card p,.service-card p{color:var(--muted);line-height:1.75}.hero-text{max-width:680px;margin:1.6rem 0 0;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.button{border:1px solid var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:900;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.button:hover{transform:translateY(-3px);box-shadow:0 14px 35px #1c1c1c1f}.button-primary{background:var(--text);color:#fff}.button-secondary{color:var(--text);background:0 0}.hero-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(145deg, #fffaf1, color-mix(in srgb, var(--dynamic-accent) 35%, white));min-height:480px;box-shadow:var(--shadow);isolation:isolate;padding:clamp(1.5rem,4vw,2.5rem);animation:6s ease-in-out infinite floatCard;position:relative;overflow:hidden}.card-label{font-weight:900;color:var(--text)!important}.hero-card h2{max-width:420px;margin-top:2.5rem;font-size:clamp(3rem,5vw,5.8rem)}.hero-card p{z-index:2;position:relative}.orb{filter:blur(2px);opacity:.82;z-index:-1;border-radius:50%;position:absolute}.orb-one{background:var(--lavender);width:220px;height:220px;top:40px;right:-60px}.orb-two{background:var(--blue);width:160px;height:160px;bottom:80px;left:-45px}.mini-stack{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.mini-stack span,.tag-list span{background:#ffffff8c;border:1px solid #1c1c1c24;border-radius:999px;padding:.65rem .85rem;font-size:.85rem;font-weight:800;display:inline-flex}.section-heading{max-width:820px;margin-bottom:3rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.service-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fffaf1b8;min-height:260px;padding:1.6rem;transition:transform .25s,background .25s;box-shadow:0 16px 50px #1c1c1c0f}.service-card:nth-child(2),.service-card:nth-child(5){background:color-mix(in srgb, var(--dynamic-soft) 58%, white 30%)}.service-card:nth-child(3),.service-card:nth-child(6){background:color-mix(in srgb, var(--dynamic-accent) 28%, white 62%)}.service-card:hover{background:#fff;transform:translateY(-8px)}.service-card span{color:var(--muted);font-size:.8rem;font-weight:900}.service-card h3{letter-spacing:-.045em;margin-top:3rem;font-size:1.55rem;line-height:1.05}.demo-section{min-height:100vh}.demo-media-card{border:1px solid var(--border);border-radius:var(--radius-xl);min-height:520px;box-shadow:var(--shadow);background:#111;overflow:hidden}.demo-media-card video,.demo-media-card img{object-fit:cover;width:100%;height:520px;display:block}.media-placeholder{text-align:center;color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--dynamic-accent) 35%, transparent), transparent), linear-gradient(315deg, color-mix(in srgb, var(--dynamic-soft) 30%, transparent), transparent), #1c1c1c;align-content:center;place-items:center;height:520px;padding:2rem;display:grid}.media-placeholder span{opacity:.7;text-transform:uppercase;letter-spacing:.16em;margin-bottom:1rem;font-size:.78rem;font-weight:900}.media-placeholder strong{letter-spacing:-.06em;font-size:clamp(2rem,5vw,4rem)}.media-placeholder p{color:#ffffffa6;max-width:360px}.demo-content{padding:1rem 0}.tag-list{flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 2rem;display:flex}.carousel-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.carousel-controls button{border:1px solid var(--border);cursor:pointer;background:#ffffff94;border-radius:999px;min-height:44px;padding:0 14px;font-weight:900}.dots{gap:.5rem;display:flex}.dot{border-radius:50%;width:12px;height:12px;min-height:12px!important;padding:0!important}.dot.active{background:var(--text)}.about-section{align-items:center;min-height:90vh;display:grid}.about-text{font-size:1.05rem}.about-cards{gap:.8rem;margin-top:2rem;display:grid}.about-cards div{border:1px solid var(--border);background:#ffffff8c;border-radius:18px;align-items:center;gap:1rem;padding:1.1rem;display:flex}.about-cards strong{color:var(--lavender)}.about-cards span{font-weight:900}.contact-section{padding-bottom:4rem}.contact-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(135deg, color-mix(in srgb, var(--dynamic-accent) 28%, transparent), transparent), #fffaf1d1;box-shadow:var(--shadow);padding:clamp(1.5rem,4vw,3rem)}.contact-form{gap:1rem;display:grid}.contact-form label{color:var(--muted);gap:.45rem;font-size:.9rem;font-weight:900;display:grid}.contact-form input,.contact-form textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffffad;border-radius:18px;outline:none;padding:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--lavender);box-shadow:0 0 0 4px color-mix(in srgb, var(--dynamic-accent) 22%, transparent)}.theme-switcher{border:1px solid var(--border);background:color-mix(in srgb, var(--dynamic-bg) 72%, white 18%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;justify-content:space-between;align-items:center;gap:1.5rem;width:min(1120px,100% - 32px);margin:0 auto 2.5rem;padding:1.2rem 1.4rem;display:flex;box-shadow:0 16px 45px #1c1c1c0f}.theme-switcher p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.9rem;font-weight:900}.theme-buttons{align-items:center;gap:.65rem;display:flex}.theme-dot{cursor:pointer;border:1px solid #1c1c1c33;border-radius:50%;width:34px;height:34px;transition:transform .25s,box-shadow .25s;box-shadow:inset 0 0 0 4px #ffffff8c}.theme-dot:hover,.theme-dot-active{transform:translateY(-3px)scale(1.05);box-shadow:inset 0 0 0 4px #ffffffb3,0 10px 24px #1c1c1c24}.back-to-top{z-index:30;border:1px solid var(--border);background:var(--text);color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:900;transition:transform .25s;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 45px #1c1c1c2e}.back-to-top:hover{transform:translateY(-4px)}@keyframes floatCard{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@media (width<=900px){.menu-button{display:block}.nav{border:1px solid var(--border);background:color-mix(in srgb, var(--dynamic-bg) 96%, white 4%);width:min(280px,100%);box-shadow:var(--shadow);border-radius:28px;flex-direction:column;align-items:stretch;padding:1rem;display:none;position:absolute;top:68px;right:0}.nav-open{display:flex}.nav a{padding:14px 16px}.hero-grid,.demo-layout,.about-grid,.contact-card{grid-template-columns:1fr}.hero-card,.demo-media-card,.demo-media-card video,.demo-media-card img,.media-placeholder{height:380px;min-height:380px}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.service-card h3{margin-top:2rem}}@media (width<=700px){.custom-cursor{display:none}.interactive-card{cursor:auto}.theme-switcher{border-radius:28px;flex-direction:column;align-items:flex-start}}@media (width<=560px){.section{width:min(100% - 24px,1120px)}.site-header{width:calc(100% - 20px);top:10px}h1{font-size:clamp(3rem,17vw,4.4rem)}h2{font-size:clamp(2.4rem,14vw,3.6rem)}.hero-actions,.carousel-controls{flex-direction:column;align-items:stretch}.button,.carousel-controls button{width:100%}.dots{justify-content:center}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.custom-cursor{display:none!important}.interactive-card,.service-card,.hero-card,.demo-media-card,.about-cards div,.theme-dot,.carousel-controls button,.button,.nav a,.logo,.back-to-top{cursor:pointer!important}.interactive-card:active,.service-card:active,.hero-card:active,.demo-media-card:active,.about-cards div:active,.button:active,.theme-dot:active,.carousel-controls button:active{transform:scale(.98)}.interactive-card{transition:transform .25s,box-shadow .25s,background .25s}.interactive-card:hover{box-shadow:0 22px 65px #1c1c1c1f}.logo{align-items:center;gap:.55rem;display:inline-flex}.logo:after{content:none}.logo-text:after{content:".";color:var(--lavender)}.logo-eye{border:2px solid var(--text);background:radial-gradient(circle at 50% 50%, #fffffff2, #ffffff73), color-mix(in srgb, var(--dynamic-bg) 60%, white 40%);border-radius:999px/80%;justify-content:center;align-items:center;width:34px;height:22px;transition:background .3s,transform .25s,border-color .25s;display:inline-flex;position:relative;transform:rotate(-7deg);box-shadow:inset 0 0 0 2px #ffffff59,0 8px 20px #1c1c1c14}.logo:hover .logo-eye{border-color:var(--dynamic-accent);transform:rotate(0)scale(1.06)}.logo-pupil{background:var(--text);width:9px;height:9px;transform:translate(var(--eye-x), var(--eye-y));border-radius:50%;transition:transform 80ms linear;position:absolute}.logo-pupil:after{content:"";opacity:.9;background:#fff;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:1.5px;left:2px}@media (width<=700px){.logo-eye{width:30px;height:20px}.logo-pupil{transform:translate(0)!important}}.hero-title{isolation:isolate;animation:.9s .35s both heroTitleReveal;position:relative}.hero-title:before{content:attr(data-initial);z-index:-1;color:color-mix(in srgb, var(--dynamic-accent) 45%, transparent);opacity:0;pointer-events:none;font-family:Playfair Display,serif;font-size:clamp(12rem,34vw,34rem);line-height:1;animation:1.8s cubic-bezier(.16,1,.3,1) .15s both giantInitialReveal;position:absolute;top:-.42em;left:-.12em;transform:translateY(40px)scale(.82)rotate(-8deg)}@keyframes giantInitialReveal{0%{opacity:0;filter:blur(8px);transform:translateY(70px)scale(.72)rotate(-12deg)}22%{opacity:.42;filter:blur();transform:translateY(0)scale(1.04)rotate(-6deg)}70%{opacity:.24;transform:translateY(-8px)scale(1)rotate(-4deg)}to{opacity:0;filter:blur(2px);transform:translateY(-34px)scale(1.08)rotate(-2deg)}}@keyframes heroTitleReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.hero-title:before{font-size:clamp(9rem,45vw,18rem);top:-.32em;left:-.08em}}.hidden-field{display:none!important}.optional-field{color:var(--muted);opacity:.75;font-weight:700}.privacy-note{margin:-.2rem 0 0;font-size:.82rem;line-height:1.55;color:var(--muted)!important}.form-status{border-radius:18px;margin:0;padding:.95rem 1rem;font-size:.92rem;font-weight:800;line-height:1.45}.form-success{background:#d8ead6e0;border:1px solid #23442a1f;color:#23442a!important}.form-error{background:#f1d7dfeb;border:1px solid #6f243224;color:#6f2432!important}.contact-form button:disabled{opacity:.65;cursor:wait!important}.footer{width:min(1120px,100% - 32px);color:var(--muted);margin:0 auto;padding:3rem 0 3.5rem;font-size:.92rem}.footer-main{border:1px solid var(--border);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--dynamic-bg) 72%, white 18%);grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);padding:2rem;display:grid;box-shadow:0 16px 45px #1c1c1c0f}.footer-logo{color:var(--text);letter-spacing:-.08em;margin-bottom:1rem;font-size:1.55rem;font-weight:900;display:inline-flex}.footer-logo:after{content:".";color:var(--lavender)}.footer-main p{max-width:560px;margin:0;line-height:1.7}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;display:grid}.footer h3{color:var(--text);letter-spacing:0;margin:0 0 .8rem;font-size:.9rem;line-height:1}.footer-columns a{margin:.45rem 0;transition:color .2s;display:block}.footer-columns a:hover{color:var(--text)}.footer-legal{gap:.75rem;margin-top:1rem;display:grid}.footer-legal details{border:1px solid var(--border);background:#ffffff6b;border-radius:22px;overflow:hidden}.footer-legal summary{color:var(--text);cursor:pointer;padding:1rem 1.2rem;font-weight:900;list-style:none}.footer-legal summary::-webkit-details-marker{display:none}.footer-legal summary:after{content:"+";float:right;color:var(--lavender)}.footer-legal details[open] summary:after{content:"–"}.legal-content{padding:0 1.2rem 1.2rem}.legal-content p{margin:.55rem 0;line-height:1.65}.footer-bottom{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.8rem;margin-top:1.2rem;display:flex}.footer-bottom p{margin:0}@media (width<=800px){.footer-main,.footer-columns{grid-template-columns:1fr}}.theme-switcher{max-width:720px;min-height:auto;margin:-1rem auto 1.2rem!important;padding:.75rem 1rem!important}.theme-switcher p{font-size:.74rem!important}.theme-dot{width:26px!important;height:26px!important}.footer-compact{width:min(1120px,100% - 32px)!important;margin:0 auto!important;padding:0 0 2rem!important;font-size:.82rem!important}.footer-inline{border:1px solid var(--border);background:color-mix(in srgb, var(--dynamic-bg) 72%, white 18%);border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.9rem;padding:.9rem 1rem;display:flex;position:relative;box-shadow:0 10px 28px #1c1c1c0d}.footer-compact .footer-logo{color:var(--text);letter-spacing:-.08em;font-weight:900;line-height:1;margin:0!important;font-size:1.1rem!important}.footer-compact .footer-logo:after{content:".";color:var(--lavender)}.footer-tagline{min-width:260px;color:var(--muted);flex:1;margin:0!important;line-height:1.4!important}.footer-mail{color:var(--text);white-space:nowrap;font-weight:800}.footer-details{position:relative}.footer-details summary{color:var(--muted);cursor:pointer;white-space:nowrap;font-size:.82rem;font-weight:800;list-style:none;padding:0!important}.footer-details summary::-webkit-details-marker{display:none}.footer-details summary:after{content:none!important}.footer-details summary:hover,.footer-mail:hover{color:var(--text)}.footer-popover{z-index:40;border:1px solid var(--border);background:color-mix(in srgb, var(--dynamic-bg) 88%, white 10%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;width:min(420px,100vw - 32px);padding:1rem;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 18px 50px #1c1c1c1f}.footer-popover p{color:var(--muted);font-size:.78rem;margin:.45rem 0!important;line-height:1.5!important}.footer-popover strong{color:var(--text)}@media (width<=760px){.theme-switcher{max-width:calc(100% - 32px);margin-top:0!important}.footer-inline{border-radius:28px;flex-direction:column;align-items:flex-start}.footer-tagline{min-width:0}.footer-popover{width:100%;margin-top:.8rem;position:static}}.contact-form label:has(input[name=phone]){position:relative}.contact-form label:has(input[name=phone]) .optional-field{font-size:.78rem;position:absolute;top:0;right:0}.contact-form .phone-label{grid-template-columns:1fr auto;align-items:center;column-gap:.75rem;display:grid}.contact-form .phone-label .optional-field{justify-self:end;font-size:.78rem}.contact-form .phone-label{align-items:center;column-gap:.75rem;grid-template-columns:1fr auto!important;display:grid!important;position:static!important}.contact-form .phone-label .optional-field{justify-self:end;font-size:.78rem;position:static!important;top:auto!important;right:auto!important}.contact-form .phone-label input{grid-column:1/-1}.demo-media-link{color:inherit;text-decoration:none;display:block;position:relative}.demo-open-label{z-index:2;min-height:42px;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;padding:0 1rem;font-size:.82rem;font-weight:900;transition:transform .25s,background .25s;display:inline-flex;position:absolute;bottom:1rem;right:1rem;box-shadow:0 12px 28px #1c1c1c1f}.demo-media-link:hover .demo-open-label{background:#fff;transform:translateY(-3px)}.demo-link-button{margin-bottom:1.4rem}