:root{--color-bg: #0a0f1c;--color-bg-alt: #111827;--color-surface: #1a2236;--color-surface-alt: #232d42;--color-accent: #00d4aa;--color-accent-rgb: 0, 212, 170;--color-accent-hover: #00f0c0;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-border: rgba(255, 255, 255, .06);--color-glass: rgba(17, 24, 39, .6);--color-glass-border: rgba(255, 255, 255, .08);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .925rem + .4vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .6vw, 1.375rem);--text-xl: clamp(1.375rem, 1.1rem + 1.2vw, 2rem);--text-2xl: clamp(1.75rem, 1.3rem + 2vw, 2.75rem);--text-3xl: clamp(2.25rem, 1.5rem + 3.5vw, 4rem);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 5.5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .4s;--navbar-h: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-h)}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--navbar-h);background:var(--color-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-glass-border);transition:background var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.navbar--scrolled{background:#0a0f1ceb;box-shadow:0 4px 30px #0000004d}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar__logo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-heading);font-weight:700;z-index:1001}.navbar__logo-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent),#00a88a);color:var(--color-bg);font-size:var(--text-sm);font-weight:800;letter-spacing:.05em}.navbar__logo-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.navbar__toggle{display:none;flex-direction:column;gap:5px;z-index:1001;padding:4px}.navbar__toggle-bar{display:block;width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}.navbar__toggle--active .navbar__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle--active .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle--active .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__links{display:flex;align-items:center;gap:var(--space-lg)}.navbar__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:color .25s var(--ease-out);position:relative}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:width .3s var(--ease-out)}.navbar__link:hover{color:var(--color-text)}.navbar__link:hover:after{width:100%}.navbar__link--cta{color:var(--color-bg);background:var(--color-accent);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-weight:600;transition:background .25s var(--ease-out),transform .25s var(--ease-out)}.navbar__link--cta:after{display:none}.navbar__link--cta:hover{background:var(--color-accent-hover);color:var(--color-bg);transform:translateY(-1px)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--navbar-h)}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(0,212,170,.06) 0%,transparent 60%),linear-gradient(to bottom,transparent 60%,var(--color-bg) 100%);z-index:1}.hero__content{position:relative;z-index:2;text-align:center;max-width:820px;padding:var(--space-2xl) var(--space-md)}.hero__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:var(--space-md)}.hero__title-accent{background:linear-gradient(135deg,var(--color-accent),#00f0c0,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:620px;margin:0 auto var(--space-lg);line-height:1.7}.hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;transition:all .3s var(--ease-out);cursor:pointer;border:none}.btn--primary{background:var(--color-accent);color:var(--color-bg)}.btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.btn--glow{box-shadow:0 0 20px rgba(var(--color-accent-rgb),.3),0 0 60px rgba(var(--color-accent-rgb),.1)}.btn--glow:hover{box-shadow:0 0 30px rgba(var(--color-accent-rgb),.5),0 0 80px rgba(var(--color-accent-rgb),.2)}.btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-text-muted);transform:translateY(-2px)}.btn__icon{transition:transform .3s var(--ease-out)}.btn:hover .btn__icon{transform:translate(4px)}.section{padding:var(--space-2xl) 0;position:relative}.section--problem{background:var(--color-bg)}.section--solution{background:var(--color-bg-alt)}.section--survey{background:var(--color-bg)}.section__header{text-align:center;max-width:680px;margin:0 auto var(--space-lg)}.section__label{display:inline-block;font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:var(--space-sm);padding:.25rem 1rem;border:1px solid rgba(var(--color-accent-rgb),.25);border-radius:var(--radius-full);background:rgba(var(--color-accent-rgb),.06)}.section__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-bottom:var(--space-sm)}.section__subtitle{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.7}.cards--problem{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.card--glass{background:var(--color-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:transform .4s var(--ease-out),border-color .4s var(--ease-out),box-shadow .4s var(--ease-out)}.card--glass:hover{transform:translateY(-4px);border-color:rgba(var(--color-accent-rgb),.2);box-shadow:0 8px 40px #00000040,0 0 0 1px rgba(var(--color-accent-rgb),.08)}.card__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-sm);background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);margin-bottom:var(--space-sm)}.card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-xs)}.card__text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.feature{text-align:center;padding:var(--space-lg) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform .4s var(--ease-out),border-color .4s var(--ease-out);position:relative;overflow:hidden}.feature:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;transition:opacity .4s var(--ease-out)}.feature:hover{transform:translateY(-4px);border-color:rgba(var(--color-accent-rgb),.15)}.feature:hover:before{opacity:1}.feature__number{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:800;color:rgba(var(--color-accent-rgb),.08);position:absolute;top:var(--space-sm);right:var(--space-md);line-height:1}.feature__icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:rgba(var(--color-accent-rgb),.08);color:var(--color-accent);margin-bottom:var(--space-md)}.feature__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-xs)}.feature__text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65}.benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);padding:var(--space-lg) 0}.benefit{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:500}.benefit__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent);font-size:.875rem;flex-shrink:0}.benefit__text{color:var(--color-text-muted)}.survey__embed{max-width:800px;margin:0 auto}.survey__frame-wrapper{background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);overflow:hidden;min-height:200px}.survey__frame-wrapper iframe{display:block;width:100%;min-height:900px;border:none;background:#fff;border-radius:var(--radius-lg)}.survey__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-3xl) var(--space-lg);color:var(--color-text-muted)}.survey__placeholder-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:50%;background:rgba(var(--color-accent-rgb),.08);color:var(--color-accent);margin-bottom:var(--space-md)}.survey__placeholder-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.survey__placeholder-text{font-size:var(--text-sm);max-width:400px;line-height:1.65}.footer{background:var(--color-bg-alt);border-top:1px solid var(--color-border);padding:var(--space-xl) 0 var(--space-lg)}.footer__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center}.footer__brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.footer__logo-mark{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent),#00a88a);color:var(--color-bg);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:800;letter-spacing:.05em}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.footer__email{font-size:var(--text-sm);color:var(--color-accent);transition:color .25s var(--ease-out)}.footer__email:hover{color:var(--color-accent-hover)}.footer__bottom{padding-top:var(--space-md);border-top:1px solid var(--color-border);width:100%}.footer__copy{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.6}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.12s}.reveal--delay-2{transition-delay:.24s}.reveal--delay-3{transition-delay:.36s}@media(max-width:1024px){.features{grid-template-columns:1fr;gap:var(--space-md)}.feature{text-align:left;display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;gap:0 var(--space-md);align-items:start;padding:var(--space-md) var(--space-lg)}.feature__icon{grid-row:1 / 3;margin-bottom:0}.feature__title{align-self:end}.feature__text{grid-column:2}.feature__number{display:none}}@media(max-width:768px){:root{--navbar-h: 64px}.navbar__toggle{display:flex}.navbar__links{position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;background:#0a0f1cf7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);transform:translate(100%);transition:transform .4s var(--ease-out);border-left:1px solid var(--color-glass-border)}.navbar__links--open{transform:translate(0)}.navbar__link{font-size:var(--text-lg)}.navbar__link--cta{font-size:var(--text-base);padding:.75rem 2rem}.navbar__logo-text{display:none}.cards--problem{grid-template-columns:1fr}.hero__content{padding:var(--space-xl) var(--space-sm)}.hero__scroll-zone{display:none}.section{padding:var(--space-2xl) 0}.benefits{flex-direction:column;align-items:center;gap:var(--space-sm)}.survey__frame-wrapper iframe{min-height:700px}}@media(max-width:400px){.hero__actions{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}}