:root{--color-white: #ffffff;--color-light-bg: #f7faf8;--color-off-white: #fcfdff;--color-mint: #2dd4bf;--color-teal: #14b8a6;--color-teal-light: #5eead4;--color-teal-dark: #0d9488;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 56px;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--max-width: 1280px;--section-padding: 80px;--container-padding: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .08)}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--color-light-bg);color:var(--color-gray-900);scroll-behavior:smooth}body{line-height:var(--leading-normal);font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--leading-tight);margin-bottom:var(--spacing-3)}h1{font-size:var(--text-6xl);letter-spacing:0}h2{font-size:var(--text-5xl);letter-spacing:0}h3{font-size:var(--text-4xl)}h4{font-size:var(--text-3xl)}p{margin-bottom:var(--spacing-4);color:var(--color-gray-700)}a{color:var(--color-teal);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-teal-dark)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-padding) 0}.header{background-color:var(--color-white);padding:var(--spacing-4) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header__inner{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.header__logo{font-size:var(--text-2xl);font-weight:700;color:var(--color-gray-900);display:flex;align-items:center;gap:var(--spacing-2)}.header__logo-icon{color:var(--color-teal);font-size:var(--text-xl)}.header__nav{display:flex;align-items:center;gap:var(--spacing-6)}.header__nav-link{color:var(--color-gray-700);font-size:var(--text-base);font-weight:500;transition:color .2s ease}.header__nav-link:hover{color:var(--color-teal)}.lang-dropdown{position:relative;display:inline-block}.lang-dropdown__button{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);background:none;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s ease}.lang-dropdown__button:hover{border-color:var(--color-teal);color:var(--color-teal)}.lang-dropdown__chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);flex-shrink:0}.lang-dropdown__menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-2);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px;display:none;z-index:1000}.lang-dropdown__menu--open{display:block}.lang-dropdown__item{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);text-align:left;font-size:var(--text-sm);color:var(--color-gray-700);text-decoration:none;transition:background .2s ease}.lang-dropdown__item:hover{background:var(--color-gray-50);color:var(--color-teal)}.lang-dropdown__item--active{background:var(--color-teal);color:var(--color-white)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;text-align:center;cursor:pointer;text-decoration:none;transition:all .2s ease;border:none;font-family:inherit;gap:var(--spacing-2)}.btn--primary{background-color:var(--color-teal);color:var(--color-white)}.btn--primary:hover{background-color:var(--color-teal-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background-color:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn--secondary:hover{border-color:var(--color-teal);color:var(--color-teal)}.btn--link{background:none;border:none;padding:0;font-size:var(--text-base);font-weight:500;color:var(--color-gray-700)}.btn--link:hover{color:var(--color-teal)}.hero{background:linear-gradient(180deg,var(--color-white) 0%,var(--color-off-white) 100%);padding:104px 0 80px}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}.hero__content{max-width:600px}.hero__badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-light-bg);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-teal);margin-bottom:var(--spacing-4);gap:var(--spacing-2)}.hero__title{font-size:var(--text-6xl);font-weight:700;letter-spacing:0;margin-bottom:var(--spacing-4);color:var(--color-gray-900);line-height:1.1}.hero__subtitle{font-size:var(--text-xl);color:var(--color-gray-600);margin-bottom:var(--spacing-6);line-height:var(--leading-relaxed)}.hero__cta{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.hero__trust{color:var(--color-gray-500);font-size:var(--text-sm)}.hero__mockup{position:relative;max-width:600px;margin:0 auto}.hero__demo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(160px,.9fr);gap:var(--spacing-4);width:100%;max-width:640px;margin:0 auto;align-items:stretch}.hero-demo-stack{display:grid;gap:var(--spacing-4)}.hero-demo-card{position:relative;display:block;overflow:hidden;min-height:176px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);box-shadow:var(--shadow-lg);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.hero-demo-card--large{min-height:368px}.hero-demo-card:hover{transform:translateY(-2px);border-color:var(--color-teal-light);box-shadow:var(--shadow-xl)}.hero-demo-card img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover}.hero-demo-card span{position:absolute;left:var(--spacing-3);bottom:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);border:1px solid rgba(17,24,39,.08);border-radius:var(--radius-sm);background:#ffffffeb;color:var(--color-gray-900);font-size:var(--text-sm);font-weight:700;box-shadow:var(--shadow-sm)}.mockup-browser{width:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);background:var(--color-gray-50);border:1px solid var(--color-gray-200)}.mockup-browser-chrome{background:var(--color-gray-100);padding:var(--spacing-2) var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);border-bottom:1px solid var(--color-gray-200)}.mockup-browser-dot{width:12px;height:12px;border-radius:50%}.mockup-browser-dot--red{background:#ff5f57}.mockup-browser-dot--yellow{background:#ffbd2e}.mockup-browser-dot--green{background:#28c940}.mockup-chat{padding:var(--spacing-6);background:var(--color-white);min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.mockup-message{background:var(--color-gray-50);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);max-width:80%;margin-bottom:var(--spacing-3);font-size:var(--text-sm);line-height:1.5}.mockup-message--user{margin-left:auto;background:var(--color-blue-500);color:var(--color-white)}.mockup-message--ai{margin-right:auto;background:var(--color-gray-50);color:var(--color-gray-700)}.mockup-ai-generating{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-500);font-size:var(--text-sm);margin-bottom:var(--spacing-3)}.mockup-dot{width:6px;height:6px;background:var(--color-teal);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.mockup-panel{position:absolute;bottom:var(--spacing-6);right:var(--spacing-6);background:var(--color-white);border:1px solid var(--color-teal);border-radius:var(--radius-lg);padding:var(--spacing-3);box-shadow:var(--shadow-lg);width:180px;font-size:var(--text-sm)}.mockup-panel-title{font-size:var(--text-xs);font-weight:600;color:var(--color-gray-700);margin-bottom:var(--spacing-2);text-align:center}.mockup-panel-buttons{display:grid;grid-template-columns:1fr;gap:var(--spacing-1)}.mockup-panel-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .2s ease;gap:var(--spacing-1);border:1px solid transparent}.mockup-panel-btn--primary{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.mockup-panel-btn--secondary{background:var(--color-gray-50);color:var(--color-gray-700);border:1px solid var(--color-gray-200)}.mockup-panel-btn:hover{transform:scale(1.02)}.mockup-panel-btn--primary:hover{background:var(--color-teal-dark)}.mockup-panel-btn--secondary:hover{border-color:var(--color-teal);color:var(--color-teal)}.mockup-site{color:var(--color-gray-500);font-size:var(--text-xs);margin-top:var(--spacing-2);text-align:right}.features{background-color:var(--color-light-bg)}.features__title{text-align:center;font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-10);color:var(--color-gray-900)}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.feature-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-6);text-align:left;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--color-gray-200);cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-teal-light)}.feature-card__icon{width:48px;height:48px;margin:0 0 var(--spacing-4);display:flex;align-items:center;justify-content:center;background:var(--color-light-bg);border-radius:var(--radius-xl);color:var(--color-teal);font-size:var(--text-2xl)}.feature-card__title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.feature-card__description{color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-4)}.feature-card__link{display:inline-flex;align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);font-weight:600;color:var(--color-teal)}.feature-card__link:hover{color:var(--color-teal-dark)}.supported-sites{background-color:var(--color-white);padding:var(--spacing-12) 0}.supported-sites__title{text-align:center;font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.supported-sites__subtitle{text-align:center;color:var(--color-gray-600);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto}.supported-sites__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.site-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-gray-700);transition:all .2s ease}.site-badge:hover{background:var(--color-light-bg);border-color:var(--color-teal);color:var(--color-teal)}.site-badge__dot{width:6px;height:6px;background:var(--color-teal);border-radius:50%}.site-badge__name{font-weight:600}.privacy{background-color:var(--color-light-bg)}.privacy__content{max-width:800px;margin:0 auto;text-align:center}.privacy__title{font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.privacy__subtitle{color:var(--color-gray-600);margin-bottom:var(--spacing-8);font-size:var(--text-xl);line-height:var(--leading-relaxed)}.privacy__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.privacy-card{background:var(--color-white);padding:var(--spacing-5);border-radius:var(--radius-md);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);text-align:left}.privacy-card__icon{font-size:var(--text-2xl);color:var(--color-teal);margin-bottom:var(--spacing-2)}.privacy-card__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-gray-900)}.privacy-card__description{color:var(--color-gray-600);line-height:var(--leading-relaxed);font-size:var(--text-base)}.use-cases{background-color:var(--color-white)}.use-cases__title{text-align:center;font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-10);color:var(--color-gray-900)}.use-cases__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.use-case-card{text-align:left;padding:var(--spacing-6);border-top:1px solid var(--color-gray-200)}.use-case-card__icon{width:40px;height:40px;margin:0 0 var(--spacing-4);display:flex;align-items:center;justify-content:center;background:var(--color-light-bg);border-radius:var(--radius-xl);color:var(--color-teal);font-size:var(--text-xl)}.use-case-card__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.use-case-card__description{color:var(--color-gray-600);line-height:var(--leading-relaxed);font-size:var(--text-base)}.faq{background-color:var(--color-light-bg)}.faq__title{text-align:center;font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--spacing-10);color:var(--color-gray-900)}.faq__list{max-width:800px;margin:0 auto}.faq__item{background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);border:1px solid var(--color-gray-200);overflow:hidden}.faq__question{width:100%;border:0;background:transparent;padding:var(--spacing-5) var(--spacing-6);font-size:var(--text-lg);font-weight:600;color:var(--color-gray-900);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.faq__question:hover{background:var(--color-gray-50)}.faq__toggle{font-size:var(--text-lg);color:var(--color-gray-500);transition:transform .3s ease}.faq__item--open .faq__toggle{transform:rotate(45deg)}.faq__answer{padding:0 var(--spacing-6);color:var(--color-gray-600);line-height:var(--leading-relaxed);max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq__item--open .faq__answer{max-height:500px;padding:0 var(--spacing-6) var(--spacing-6)}.feature-detail{background-color:var(--color-white);padding:var(--spacing-16) 0}.feature-detail__header{margin-bottom:var(--spacing-8);text-align:center}.feature-detail__breadcrumb{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-500);font-size:var(--text-sm);margin-bottom:var(--spacing-4)}.feature-detail__breadcrumb-icon{font-size:var(--text-xs)}.feature-detail__title{font-size:var(--text-5xl);font-weight:700;margin-bottom:var(--spacing-3)}.feature-detail__subtitle{color:var(--color-gray-600);font-size:var(--text-xl);max-width:720px;margin:0 auto var(--spacing-10);line-height:var(--leading-relaxed)}.feature-detail__content{max-width:800px;margin:0 auto}.feature-detail__overview{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:var(--spacing-10);align-items:center;margin:0 auto var(--spacing-16);max-width:1040px}.feature-detail__overview-copy p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-gray-600)}.feature-visual{min-height:340px;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-off-white);padding:var(--spacing-5);box-shadow:var(--shadow-xl)}.product-demo{margin:0}.product-demo__frame{overflow:hidden;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-gray-50);box-shadow:var(--shadow-xl)}.product-demo__frame video,.product-demo__frame img{display:block;width:100%;height:auto;background:var(--color-gray-50)}.product-demo__caption{max-width:560px;margin:var(--spacing-4) auto 0;color:var(--color-gray-500);font-size:var(--text-sm);line-height:var(--leading-relaxed);text-align:center}@media(prefers-reduced-motion:reduce){.product-demo__frame video{animation:none}}.feature-visual__browser{height:100%;min-height:300px;overflow:hidden;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white)}.feature-visual__bar{display:flex;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200)}.feature-visual__bar span{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-gray-300)}.feature-visual__chat{position:relative;min-height:258px;padding:var(--spacing-6)}.feature-visual__bubble{width:62%;height:44px;margin-bottom:var(--spacing-4);border-radius:var(--radius-md);background:var(--color-gray-100)}.feature-visual__bubble--user{width:54%;margin-left:auto;background:var(--color-blue-500)}.feature-visual__panel{position:absolute;right:var(--spacing-6);bottom:var(--spacing-6);width:min(240px,72%);border:1px solid var(--color-teal-light);border-radius:var(--radius-md);background:var(--color-white);padding:var(--spacing-4);box-shadow:var(--shadow-lg)}.feature-visual__panel-title{font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-3)}.feature-visual__line{height:10px;border-radius:var(--radius-full);background:var(--color-gray-200);margin-bottom:var(--spacing-2)}.feature-visual__line--short{width:70%}.feature-visual__action{display:inline-flex;align-items:center;min-height:32px;margin-top:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);background:var(--color-teal);color:var(--color-white);font-size:var(--text-sm);font-weight:700}.feature-visual--notify .feature-visual__panel{top:var(--spacing-8);right:var(--spacing-6);bottom:auto;border-color:var(--color-blue-400)}.feature-visual--notify .feature-visual__action{background:var(--color-blue-500)}.feature-visual--play .feature-visual__panel{width:min(260px,76%)}.feature-visual--play .feature-visual__panel:before{content:"";display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-1);height:88px;margin-bottom:var(--spacing-3);background:linear-gradient(90deg,var(--color-teal-light) 25%,transparent 25% 50%,var(--color-gray-200) 50% 75%,transparent 75%),linear-gradient(var(--color-gray-100),var(--color-gray-100));background-size:48px 100%,100% 100%;border-radius:var(--radius-sm)}.feature-detail__section{margin-bottom:var(--spacing-12)}.feature-detail__section-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-6);color:var(--color-gray-900);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--color-light-bg)}.feature-detail__steps{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.feature-detail__step{display:flex;gap:var(--spacing-4)}.feature-detail__step-number{min-width:32px;height:32px;background:var(--color-teal);color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.feature-detail__step-content h4{font-size:var(--text-xl);margin-bottom:var(--spacing-2)}.feature-detail__step-content p{margin-bottom:0;color:var(--color-gray-600)}.feature-detail__benefits{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}.feature-detail__benefit{padding:var(--spacing-5);background:var(--color-gray-50);border-radius:var(--radius-md);border-left:3px solid var(--color-teal)}.feature-detail__benefit h4{font-size:var(--text-lg);margin-bottom:var(--spacing-2)}.feature-detail__benefit p{margin-bottom:0;color:var(--color-gray-600)}.detail-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}.detail-card{min-height:180px;padding:var(--spacing-5);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-sm)}.detail-card h3{font-size:var(--text-xl);margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.detail-card p{margin-bottom:0;color:var(--color-gray-600);line-height:var(--leading-relaxed)}.record-chip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.record-chip{min-height:72px;display:flex;align-items:center;padding:var(--spacing-4);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);background:var(--color-off-white);color:var(--color-gray-800);font-weight:700;line-height:var(--leading-normal)}.feature-detail__privacy{background:var(--color-light-bg);padding:var(--spacing-6);border-radius:var(--radius-md);border:1px solid var(--color-gray-200)}.feature-detail__privacy p{margin-bottom:0;color:var(--color-gray-600)}.feature-detail__privacy-list{display:grid;gap:var(--spacing-3);margin:0;padding-left:var(--spacing-5);color:var(--color-gray-700);line-height:var(--leading-relaxed)}.feature-detail__cta{text-align:center;margin-top:var(--spacing-8)}.legal-page{background:var(--color-white);padding:var(--spacing-16) 0}.legal-page__content{max-width:840px;margin:0 auto}.legal-page__title{font-size:var(--text-5xl);font-weight:700;margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.legal-page__updated{display:block;margin-bottom:var(--spacing-10);color:var(--color-gray-500);font-size:var(--text-sm)}.legal-page__section{margin-bottom:var(--spacing-8)}.legal-page__section h2{font-size:var(--text-2xl);margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.legal-page__section p,.legal-page__section li{color:var(--color-gray-700);line-height:var(--leading-relaxed)}.legal-page__section ul{display:grid;gap:var(--spacing-2);padding-left:var(--spacing-5)}.footer{background-color:var(--color-white);padding:var(--spacing-12) 0 var(--spacing-6);border-top:1px solid var(--color-gray-200)}.footer__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--container-padding)}.footer__top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer__brand{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.footer__logo-icon{color:var(--color-teal);margin-right:var(--spacing-2)}.footer__description{color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-6)}.footer__nav-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.footer__nav-links{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer__nav-link{color:var(--color-gray-600);font-size:var(--text-base);transition:color .2s ease}.footer__nav-link:hover{color:var(--color-teal)}.footer__bottom{text-align:center;padding-top:var(--spacing-6);border-top:1px solid var(--color-gray-200);color:var(--color-gray-500);font-size:var(--text-sm)}@media(max-width:1024px){:root{--section-padding: 64px;--container-padding: 32px}.hero__title{font-size:var(--text-5xl)}.hero__inner{grid-template-columns:1fr;text-align:center}.hero__content{max-width:100%;margin:0 auto}.hero__cta{justify-content:center}.hero__mockup,.hero__demo{order:-1;max-width:100%}.features__grid,.privacy__grid,.use-cases__grid,.feature-detail__overview,.detail-card-grid,.record-chip-grid{grid-template-columns:repeat(2,1fr)}.footer__top{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--section-padding: 48px;--container-padding: 24px}.header__inner{flex-wrap:wrap;gap:var(--spacing-3)}.header__nav{width:100%;justify-content:center;gap:var(--spacing-3)}.hero{padding:80px 0 60px}.hero__badge{justify-content:center}.hero__title{font-size:var(--text-4xl)}.hero__subtitle{font-size:var(--text-lg)}.features__grid,.privacy__grid,.use-cases__grid,.feature-detail__overview,.detail-card-grid,.record-chip-grid,.feature-detail__steps,.feature-detail__benefits{grid-template-columns:1fr}.feature-detail__overview{gap:var(--spacing-6)}.faq__item{border-radius:var(--radius-md)}.footer__top{grid-template-columns:1fr;text-align:center}.footer__nav-links{align-items:center}}@media(max-width:480px){:root{--section-padding: 40px;--container-padding: 20px}.header__logo{font-size:var(--text-xl)}.hero__title{font-size:var(--text-3xl)}.hero__mockup,.hero__demo{max-width:100%}.hero__demo{grid-template-columns:1fr}.hero-demo-stack{grid-template-columns:1fr 1fr}.hero-demo-card,.hero-demo-card--large{min-height:180px}.mockup-panel{width:140px;bottom:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-2);font-size:var(--text-xs)}h2{font-size:var(--text-3xl)}.btn{padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-base)}.faq__question{padding:var(--spacing-4) var(--spacing-5);font-size:var(--text-lg)}}