:root{--color-primary:#f4d787;--color-primary-hover:#e8c56e;--color-primary-active:#d9b45a;--color-accent:#cdece9;--color-bg:#f7f2f9;--color-surface:#fff;--color-text:#1c1f2e;--color-text-secondary:#6b6375;--color-text-on-primary:#1c1f2e;--color-border:#e5e5e9;--font-display:"Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--radius-pill:30px;--radius-card:20px;--radius-feature:28px;--radius-input:12px;--radius-sm:8px;--shadow-card:0 8px 24px #00000014;--shadow-card-hover:0 12px 32px #0000001f;--shadow-button:0 4px 16px #0000001f;--shadow-nav:0 4px 20px #0000000f;--shadow-modal:0 20px 60px #00000026;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:clamp(3rem, 8vw, 6rem);--ease-standard:cubic-bezier(.25, .1, .25, 1);--ease-enter:cubic-bezier(.16, 1, .3, 1);--duration-hover:.2s;--duration-enter:.4s;--z-dropdown:100;--z-sticky:200;--z-nav:300;--z-overlay:400;--z-modal:500;--z-toast:600}@media (prefers-color-scheme:dark){:root{--color-bg:#121212;--color-surface:#1e1e1e;--color-text:#f3f4f6;--color-text-secondary:#9ca3af;--color-border:#ffffff3d;--color-accent:#1a3a38;--shadow-card:0 8px 24px #00000059;--shadow-card-hover:0 12px 32px #00000073;--shadow-nav:0 4px 20px #00000059;--shadow-button:0 4px 16px #0006}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);letter-spacing:.01em;color:var(--color-text);background:var(--color-bg);min-height:100vh;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section__header{text-align:center;max-width:700px;margin:0 auto var(--space-xxl)}.section__label{font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-sm);font-size:.875rem;font-weight:600;display:inline-block}.section__title{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-md);text-wrap:balance;font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:700;line-height:1.2}.section__desc{color:var(--color-text-secondary);max-width:70ch;margin:0 auto;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;line-height:1.6}.section__title--no-label{margin-top:0}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-body);border-radius:var(--radius-pill);transition:background var(--duration-hover) var(--ease-standard), transform .15s var(--ease-standard), box-shadow var(--duration-hover) var(--ease-standard);cursor:pointer;white-space:nowrap;height:60px;padding:18px 36px;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);border:none}.btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-button);transform:translateY(-1px)}.btn--primary:active{background:var(--color-primary-active);box-shadow:none;transform:translateY(0)}.btn--secondary{color:var(--color-text);border:1.5px solid var(--color-text);background:0 0}.btn--secondary:hover{background:#1c1f2e0a;transform:translateY(-1px)}.btn--secondary:active{transform:translateY(0)}@media (prefers-color-scheme:dark){.btn--secondary:hover{background:#ffffff0f}}.nav{top:var(--space-md);z-index:var(--z-nav);padding:0 var(--space-lg);transition:top var(--duration-hover) var(--ease-standard);position:fixed;left:0;right:0}.nav--scrolled{top:0}.nav__inner{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-lg);box-shadow:var(--shadow-nav);transition:box-shadow var(--duration-hover) var(--ease-standard);background:#ffffffeb;justify-content:space-between;align-items:center;max-width:1200px;display:flex}@media (prefers-color-scheme:dark){.nav__inner{background:#1e1e1eeb}}.nav__brand{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.nav__logo{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav__name{font-family:var(--font-display);color:var(--color-text);font-size:1.125rem;font-weight:700}.nav__toggle{cursor:pointer;width:32px;height:32px;z-index:calc(var(--z-nav) + 1);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.nav__toggle-bar{background:var(--color-text);width:100%;height:2px;transition:transform .3s var(--ease-enter), opacity .2s var(--ease-standard);border-radius:2px;display:block}.nav__toggle--open .nav__toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav__toggle--open .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle--open .nav__toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav__menu{align-items:center;gap:var(--space-xl);display:flex}.nav__links{gap:var(--space-lg);display:flex}.nav__link{font-family:var(--font-body);color:var(--color-text-secondary);transition:color var(--duration-hover) var(--ease-standard);font-size:1rem;font-weight:500;text-decoration:none;position:relative}.nav__link:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--duration-hover) var(--ease-standard);position:absolute;bottom:-3px;left:0}.nav__link:hover{color:var(--color-text)}.nav__link:hover:after{width:100%}.nav__cta{font-family:var(--font-body);color:var(--color-text-on-primary);background:var(--color-primary);border-radius:var(--radius-pill);transition:background var(--duration-hover) var(--ease-standard);white-space:nowrap;padding:10px 24px;font-size:.875rem;font-weight:600;text-decoration:none}.nav__cta:hover{background:var(--color-primary-hover)}.hero{padding:calc(100px + var(--space-section)) 0 var(--space-section);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__grid{gap:var(--space-xxl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero__content{gap:var(--space-lg);flex-direction:column;display:flex}.hero__title{gap:var(--space-xs);flex-direction:column;display:flex}.hero__title-brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-text);text-wrap:balance;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.hero__title-sub{font-family:var(--font-display);color:var(--color-primary);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;line-height:1.2}.hero__desc{color:var(--color-text-secondary);max-width:65ch;font-size:clamp(1rem,1.5vw,1.125rem);font-weight:400;line-height:1.7}.hero__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.hero__stats{align-items:center;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex}.hero__stat{flex-direction:column;gap:2px;display:flex}.hero__stat-number{font-family:var(--font-display);color:var(--color-text);font-size:1.25rem;font-weight:700}.hero__stat-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.hero__stat-divider{background:var(--color-border);width:1px;height:32px}.hero__visual{justify-content:center;align-items:center;display:flex;position:relative}.hero__mockup-group{align-items:flex-end;gap:var(--space-lg);display:flex;position:relative}.hero__mockup{box-shadow:var(--shadow-card);transition:transform var(--duration-enter) var(--ease-enter);border-radius:24px;overflow:hidden}.hero__mockup img{width:100%;height:auto;display:block}.hero__mockup--front{z-index:2;width:min(280px,35vw);animation:6s ease-in-out infinite float}.hero__mockup--back{z-index:1;opacity:.85;width:min(240px,28vw);animation:6s ease-in-out 3s infinite float}.hero__glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#f4d78733,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-50px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.about{padding:var(--space-section) 0}.about__grid{gap:var(--space-xxl);grid-template-columns:300px 1fr;align-items:center;display:grid}.about__visual{justify-content:center;display:flex}.about__visual img{border-radius:var(--radius-card);box-shadow:var(--shadow-card);width:100%;max-width:300px;height:auto}.about__content{gap:var(--space-lg);flex-direction:column;display:flex}.about__content .section__label,.about__content .section__title{margin-bottom:0}.about__desc{color:var(--color-text-secondary);max-width:65ch;font-size:1rem;font-weight:400;line-height:1.7}.about__highlights{gap:var(--space-md);flex-direction:column;padding:0;display:flex}.about__highlight{align-items:center;gap:var(--space-md);color:var(--color-text);font-size:.9375rem;font-weight:500;display:flex}.about__highlight-icon{width:40px;height:40px;color:var(--color-primary);background:#f4d78726;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.features{padding:var(--space-section) 0;background:#fff6}@media (prefers-color-scheme:dark){.features{background:#ffffff05}}.features__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{background:var(--color-surface);border-radius:var(--radius-feature);box-shadow:var(--shadow-card);transition:transform var(--duration-hover) var(--ease-standard), box-shadow var(--duration-hover) var(--ease-standard);animation:fadeInUp .5s var(--ease-enter) both;animation-delay:calc(var(--i,0) * 80ms);flex-direction:column;display:flex;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.feature-card__mockup{padding:var(--space-lg) var(--space-lg) 0;background:linear-gradient(180deg, var(--color-bg) 0%, transparent 60%);justify-content:center;display:flex}.feature-card__mockup img{border-radius:16px;width:min(180px,80%);height:auto;box-shadow:0 4px 16px #0000001a}.feature-card__content{padding:var(--space-lg);gap:var(--space-sm);flex-direction:column;flex:1;display:flex}.feature-card__icon{width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-xs);background:#f4d78726;border-radius:50%;justify-content:center;align-items:center;display:flex}.feature-card__title{font-family:var(--font-display);color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.3}.feature-card__desc{color:var(--color-text-secondary);font-size:.9375rem;font-weight:400;line-height:1.6}.how-it-works{padding:var(--space-section) 0}.steps{gap:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.step{align-items:center;gap:var(--space-lg);text-align:center;min-width:200px;max-width:260px;animation:fadeInUp .5s var(--ease-enter) both;animation-delay:calc(var(--i,0) * .12s);flex-direction:column;flex:1;display:flex;position:relative}.step__mockup{width:160px;box-shadow:var(--shadow-card);transition:transform var(--duration-hover) var(--ease-enter);border-radius:20px;overflow:hidden}.step__mockup:hover{transform:translateY(-3px)scale(1.02)}.step__mockup img{width:100%;height:auto;display:block}.step__content{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.step__number{font-family:var(--font-display);color:var(--color-primary);font-size:1.5rem;font-weight:800;line-height:1}.step__title{font-family:var(--font-display);color:var(--color-text);text-wrap:balance;font-size:1.125rem;font-weight:700;line-height:1.3}.step__desc{color:var(--color-text-secondary);max-width:40ch;font-size:.9375rem;font-weight:400;line-height:1.6}.step__connector{color:var(--color-primary);opacity:.4;display:none;position:absolute;top:30%;right:-24px}@media (width>=1024px){.step:not(:last-child) .step__connector{display:block}}.tech-stack{padding:var(--space-section) 0;background:#cdece926}@media (prefers-color-scheme:dark){.tech-stack{background:#cdece908}}.stack__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stack-card{align-items:center;gap:var(--space-md);background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform var(--duration-hover) var(--ease-standard), box-shadow var(--duration-hover) var(--ease-standard);display:flex}.stack-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.stack-card__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stack-card__content{flex-direction:column;gap:2px;display:flex}.stack-card__name{font-family:var(--font-display);color:var(--color-text);font-size:1.0625rem;font-weight:700}.stack-card__role{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.target-users{padding:var(--space-section) 0}.users__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.user-card{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform var(--duration-hover) var(--ease-standard), box-shadow var(--duration-hover) var(--ease-standard);animation:fadeInUp .5s var(--ease-enter) both;animation-delay:calc(var(--i,0) * .1s);flex-direction:column;display:flex}.user-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.user-card__icon{width:64px;height:64px;color:var(--color-accent);background:#cdece940;border-radius:50%;justify-content:center;align-items:center;display:flex}@media (prefers-color-scheme:dark){.user-card__icon{background:#cdece91a}}.user-card__title{font-family:var(--font-display);color:var(--color-text);font-size:1.125rem;font-weight:700;line-height:1.3}.user-card__desc{color:var(--color-text-secondary);max-width:35ch;font-size:.9375rem;font-weight:400;line-height:1.6}.security{padding:var(--space-section) 0}.security__card{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-xxl);background:linear-gradient(135deg, var(--color-surface), var(--color-bg));border:1px solid var(--color-border);border-radius:var(--radius-feature);flex-direction:column;max-width:700px;margin:0 auto;display:flex}.security__icon{color:var(--color-primary);opacity:.8}.security__title{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.2}.security__desc{color:var(--color-text-secondary);max-width:55ch;font-size:1rem;font-weight:400;line-height:1.7}.footer{padding:var(--space-xxl) 0 var(--space-lg);border-top:1px solid var(--color-border)}.footer__grid{gap:var(--space-xxl);margin-bottom:var(--space-xxl);grid-template-columns:1.5fr 1fr 1fr;display:grid}.footer__brand{gap:var(--space-sm);flex-direction:column;align-items:flex-start;display:flex}.footer__logo{align-items:center;gap:var(--space-sm);display:flex}.footer__name{font-family:var(--font-display);color:var(--color-text);font-size:1.25rem;font-weight:700}.footer__tagline{color:var(--color-text-secondary);font-size:.9375rem;font-weight:400}.footer__heading{font-family:var(--font-display);color:var(--color-text);margin-bottom:var(--space-md);font-size:1rem;font-weight:600}.footer__list{gap:var(--space-sm);flex-direction:column;display:flex}.footer__item{align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);transition:color var(--duration-hover) var(--ease-standard);font-size:.9375rem;font-weight:400;display:flex}.footer__item:hover{color:var(--color-text)}.footer__bottom{padding-top:var(--space-lg);border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);font-size:.875rem;font-weight:400}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.hero__grid{text-align:center;grid-template-columns:1fr}.hero__content{order:2;align-items:center}.hero__visual{order:1}.hero__desc{max-width:55ch}.hero__actions,.hero__stats{justify-content:center}.hero__mockup--front{width:min(220px,40vw)}.hero__mockup--back{display:none}.about__grid{text-align:center;grid-template-columns:1fr}.about__visual{order:-1}.about__visual img{max-width:220px}.about__content{align-items:center}.about__highlights{text-align:left;align-items:flex-start}.steps{gap:var(--space-xxl)}.footer__grid{gap:var(--space-xl);grid-template-columns:1fr 1fr}}@media (width<=768px){.nav__toggle{display:flex}.nav__menu{background:var(--color-surface);justify-content:center;gap:var(--space-xl);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-standard);z-index:var(--z-nav);flex-direction:column;position:fixed;inset:0}.nav__menu--open{opacity:1;pointer-events:auto}.nav__links{align-items:center;gap:var(--space-lg);flex-direction:column}.nav__link{font-size:1.25rem}.nav__cta{padding:14px 32px;font-size:1rem}.hero{padding:calc(80px + var(--space-section)) 0 var(--space-section)}.hero__actions{flex-direction:column;width:100%;max-width:320px}.hero__actions .btn{justify-content:center;width:100%}.hero__stats{gap:var(--space-md);flex-direction:column}.hero__stat-divider{width:32px;height:1px}.features__grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.step{max-width:280px}.stack__grid{grid-template-columns:1fr 1fr}.users__grid{grid-template-columns:1fr}.footer__grid{gap:var(--space-xl);grid-template-columns:1fr}}@media (width<=480px){.container{padding:0 var(--space-md)}.section__header{margin-bottom:var(--space-xl)}.stack__grid{grid-template-columns:1fr}.security__card{padding:var(--space-xl) var(--space-lg)}.footer__grid{text-align:center}.footer__brand{align-items:center}}