@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap';:root{--color-primary-50:#EEF2FF;--color-primary-100:#E0E7FF;--color-primary-200:#C7D2FE;--color-primary-300:#A5B4FC;--color-primary-400:#818CF8;--color-primary-500:#6366F1;--color-primary-600:#4F46E5;--color-primary-700:#4338CA;--color-primary-800:#3730A3;--color-primary-900:#312E81;--color-accent-400:#2DD4BF;--color-accent-500:#14B8A6;--color-accent-600:#0D9488;--color-neutral-50:#F9FAFB;--color-neutral-100:#F3F4F6;--color-neutral-200:#E5E7EB;--color-neutral-300:#D1D5DB;--color-neutral-400:#9CA3AF;--color-neutral-500:#6B7280;--color-neutral-600:#4B5563;--color-neutral-700:#374151;--color-neutral-800:#1F2937;--color-neutral-900:#111827;--color-success:#10B981;--color-error:#EF4444;--font-sans:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--text-sm:clamp(0.875rem, 0.8rem + 0.375vw, 1rem);--text-base:clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + 0.625vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl:clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);--text-4xl:clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);--text-5xl:clamp(3rem, 2rem + 5vw, 4.5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--transition-fast:150ms ease;--transition-normal:300ms ease}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-neutral-700);background:#fff;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-neutral-900);line-height:1.2;font-weight:700}a{color:var(--color-primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-700)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20)0}.section--alt{background:var(--color-neutral-50)}.section__header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section__title{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.section__subtitle{font-size:var(--text-lg);color:var(--color-neutral-500)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.site-header.is-scrolled{box-shadow:var(--shadow-md)}.site-header.is-hidden{transform:translateY(-100%)}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4)0}.nav__logo{font-size:var(--text-xl);font-weight:700;color:var(--color-neutral-900)}.nav__logo:hover{color:var(--color-primary-600)}.nav__menu{display:flex;align-items:center;gap:var(--space-8);list-style:none}.nav__link{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-600);transition:color var(--transition-fast)}.nav__link:hover{color:var(--color-primary-600)}.nav__cta{display:inline-flex;align-items:center;padding:var(--space-2)var(--space-4);background:var(--color-primary-600);color:#fff!important;border-radius:var(--radius-full);font-weight:600;transition:background var(--transition-fast)}.nav__cta:hover{background:var(--color-primary-700);color:#fff!important}.nav__toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--space-2)}.nav__toggle svg{width:24px;height:24px;color:var(--color-neutral-700)}@media(max-width:768px){.nav__toggle{display:block;position:relative;z-index:110}.nav__menu{position:fixed;top:0;right:0;width:280px;height:100vh;height:100dvh;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--space-20)var(--space-6);background:#fff;box-shadow:var(--shadow-xl);transform:translateX(100%);transition:transform var(--transition-normal)}.nav__menu.is-open{transform:translateX(0);z-index:105}.nav__link{font-size:var(--text-base);padding:var(--space-2)0}body.nav-open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn--primary{background:var(--color-primary-600);color:#fff}.btn--primary:hover{background:var(--color-primary-700);color:#fff}.btn--secondary{background:#fff;color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.btn--secondary:hover{border-color:var(--color-neutral-400);background:var(--color-neutral-50)}.btn--large{padding:var(--space-4)var(--space-8);font-size:var(--text-lg)}.hero{padding:calc(var(--space-24) + 80px)0 var(--space-24);background:linear-gradient(135deg,var(--color-primary-50) 0%,#fff 50%,var(--color-accent-400)/10 100%);overflow:hidden}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero__text{max-width:560px}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);margin-bottom:var(--space-6)}.hero__title{font-size:var(--text-5xl);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--color-neutral-900) 0%,var(--color-primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:var(--text-xl);color:var(--color-neutral-600);margin-bottom:var(--space-8)}.hero__cta{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero__visual{position:relative;display:flex;justify-content:center}.hero__phone{position:relative;width:280px;height:560px;background:var(--color-neutral-900);border-radius:40px;padding:12px;box-shadow:var(--shadow-xl)}.hero__phone::before{content:'';position:absolute;top:16px;left:50%;transform:translateX(-50%);width:80px;height:24px;background:var(--color-neutral-800);border-radius:var(--radius-full)}.hero__screen{width:100%;height:100%;background:linear-gradient(180deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:var(--space-8)}.hero__screen-icon{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.9}.hero__screen-text{font-size:var(--text-lg);font-weight:600}@media(max-width:900px){.hero__content{grid-template-columns:1fr;text-align:center}.hero__text{max-width:none}.hero__cta{justify-content:center}.hero__visual{order:-1}.hero__phone{width:220px;height:440px}}.features{padding:var(--space-24)0}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.feature-card{padding:var(--space-8);background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.feature-card__icon svg{width:28px;height:28px}.feature-card__title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.feature-card__desc{color:var(--color-neutral-500);line-height:1.7}@media(max-width:900px){.features__grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.capabilities{padding:var(--space-24)0;background:var(--color-neutral-50)}.capabilities__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.capability-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:#fff;border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast)}.capability-item:hover{box-shadow:var(--shadow-md)}.capability-item__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-500);color:#fff;border-radius:var(--radius-md)}.capability-item__icon svg{width:24px;height:24px}.capability-item__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.capability-item__desc{font-size:var(--text-sm);color:var(--color-neutral-500)}@media(max-width:900px){.capabilities__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.capabilities__grid{grid-template-columns:1fr}}.use-cases{padding:var(--space-24)0}.use-cases__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-12)}.use-case-category__title{font-size:var(--text-xl);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.use-case-category__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-md)}.use-case-category__list{display:flex;flex-direction:column;gap:var(--space-4)}.use-case-item{padding:var(--space-6);background:var(--color-neutral-50);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary-500);transition:background var(--transition-fast)}.use-case-item:hover{background:var(--color-primary-50)}.use-case-item__title{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.use-case-item__desc{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(var(--text-sm) * 1.5 * 2)}@media(max-width:768px){.use-cases__categories{grid-template-columns:1fr}}.beta-signup{padding:var(--space-24)0;background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-800) 100%);color:#fff}.beta-signup .container{text-align:center;max-width:600px}.beta-signup__title{font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-4)}.beta-signup__subtitle{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--space-8)}.beta-form{display:flex;gap:var(--space-3);max-width:450px;margin:0 auto var(--space-6)}.beta-form__input{flex:1;padding:var(--space-4);font-size:var(--text-base);border:none;border-radius:var(--radius-lg);background:rgba(255,255,255,.95);color:var(--color-neutral-900)}.beta-form__input::placeholder{color:var(--color-neutral-400)}.beta-form__input:focus{outline:2px solid var(--color-accent-400);outline-offset:2px}.beta-form__btn{padding:var(--space-4)var(--space-6);background:var(--color-accent-500);color:#fff;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.beta-form__btn:hover{background:var(--color-accent-600)}.beta-form__btn:disabled{opacity:.7;cursor:not-allowed}.beta-form__message{font-size:var(--text-sm);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4)}.beta-form__message--success{background:rgba(16,185,129,.2);color:#6ee7b7}.beta-form__message--error{background:rgba(239,68,68,.2);color:#fca5a5}.beta-signup__note{font-size:var(--text-sm);opacity:.8}@media(max-width:500px){.beta-form{flex-direction:column}}.site-footer{padding:var(--space-16)0 var(--space-8);background:var(--color-neutral-900);color:var(--color-neutral-400)}.footer__content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer__brand h3{font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-4)}.footer__brand p{line-height:1.7;max-width:300px}.footer__nav h4{font-size:var(--text-sm);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__nav ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer__nav a{color:var(--color-neutral-400);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer__nav a:hover{color:#fff}.footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-neutral-800);text-align:center;font-size:var(--text-sm)}@media(max-width:768px){.footer__content{grid-template-columns:1fr;text-align:center}.footer__brand p{max-width:none}}.page-content{padding:calc(var(--space-24) + 80px)0 var(--space-24)}.page-content .container{max-width:800px}.page-content h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.page-content time{display:block;color:var(--color-neutral-500);font-size:var(--text-sm);margin-bottom:var(--space-8)}.page-content article{line-height:1.8}.page-content article h2{font-size:var(--text-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}.page-content article p{margin-bottom:var(--space-6)}.page-content article ul,.page-content article ol{margin-bottom:var(--space-6);padding-left:var(--space-8)}.page-content article li{margin-bottom:var(--space-2)}.posts-list{display:flex;flex-direction:column;gap:var(--space-8)}.posts-list article{padding:var(--space-6);background:var(--color-neutral-50);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.posts-list article:hover{background:var(--color-primary-50)}.posts-list h2{font-size:var(--text-xl);margin-bottom:var(--space-2)}.posts-list h2 a{color:var(--color-neutral-900)}.posts-list h2 a:hover{color:var(--color-primary-600)}.posts-list p{color:var(--color-neutral-600)}.tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tag{display:inline-block;padding:var(--space-1)var(--space-3);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-sm);border-radius:var(--radius-full)}.tag:hover{background:var(--color-primary-200)}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:var(--space-2);left:var(--space-2);width:auto;height:auto;padding:var(--space-2)var(--space-4);margin:0;overflow:visible;clip:auto;white-space:normal;background:var(--color-primary-600);color:#fff;z-index:9999;text-decoration:none;border-radius:var(--radius-md)}