@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Newsreader:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap";:root{--color-primary:#526228;--color-primary-light:#809152;--color-primary-dim:#3d4c15;--color-primary-container:#6b7b3e;--color-on-primary:#fff;--color-secondary:#3d4c27;--color-on-secondary:#fff;--color-secondary-container:#d4e6b5;--color-tertiary:#d1d7c4;--color-tertiary-dark:#76786b;--color-surface:#fdfbf7;--color-surface-card:#fff;--color-surface-dim:#dbdad6;--color-surface-container:#efeeea;--color-surface-container-low:#f5f3ef;--color-surface-container-high:#eae8e4;--color-on-surface:#1b1c1a;--color-on-surface-variant:#45483c;--color-outline:#76786b;--color-amber:#c0783d;--color-amber-light:#ffb781;--color-error:#ba1a1a;--color-inverse-surface:#30312e;--color-inverse-on-surface:#f2f0ed;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Newsreader", "Georgia", serif;--space-unit:8px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:80px;--space-5xl:120px;--navbar-height:72px;--container-max:1200px;--container-wide:1440px;--gutter:24px;--margin-mobile:20px;--margin-desktop:48px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-subtle:0 1px 3px #3d4c270a;--shadow-card:0 4px 12px #3d4c270f;--shadow-elevated:0 8px 24px #3d4c2714;--shadow-floating:0 12px 40px #3d4c271f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--color-on-surface);background-color:var(--color-surface);font-weight:400;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.text-headline-xl{font-family:var(--font-sans);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:300;line-height:1.08}.text-headline-lg{font-family:var(--font-sans);letter-spacing:-.02em;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:400;line-height:1.15}.text-headline-md{font-family:var(--font-sans);letter-spacing:-.01em;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:500;line-height:1.3}.text-serif-xl{font-family:var(--font-serif);letter-spacing:-.01em;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:400;line-height:1.1}.text-serif-lg{font-family:var(--font-serif);font-size:clamp(1.5rem,3vw,2rem);font-weight:400;line-height:1.25}.text-body-lg{font-size:1.125rem;font-weight:400;line-height:1.6}.text-body-md{letter-spacing:.01em;font-size:1rem;font-weight:400;line-height:1.6}.text-label-lg{letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:600;line-height:1.2}.text-label-sm{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:500;line-height:1.2}.container{width:100%;max-width:var(--container-max);padding-left:var(--margin-mobile);padding-right:var(--margin-mobile);margin:0 auto}@media (width>=768px){.container{padding-left:var(--margin-desktop);padding-right:var(--margin-desktop)}}.container-wide{width:100%;max-width:var(--container-wide);padding-left:var(--margin-mobile);padding-right:var(--margin-mobile);margin:0 auto}@media (width>=768px){.container-wide{padding-left:var(--margin-desktop);padding-right:var(--margin-desktop)}}.section{padding-top:var(--space-4xl);padding-bottom:var(--space-4xl)}@media (width>=768px){.section{padding-top:var(--space-5xl);padding-bottom:var(--space-5xl)}}.main-content{padding-top:var(--navbar-height)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-sans);letter-spacing:.03em;transition:all var(--transition-base);white-space:nowrap;padding:14px 32px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1f 0%,#fff0 100%);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px #52622833}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:0 4px 16px #52622840}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 4px #52622826}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-tertiary);background-color:#0000}.btn-secondary:hover{border-color:var(--color-primary);background-color:#5262280a;transform:translateY(-2px)}.btn-ghost{color:var(--color-on-surface-variant);background-color:#0000;padding:10px 20px}.btn-ghost:hover{color:var(--color-primary);background-color:#5262280a}.btn-lg{padding:18px 40px;font-size:1rem}.btn-sm{padding:10px 24px;font-size:.8125rem}.card{background-color:var(--color-surface-card);border:1px solid var(--color-tertiary);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.card-flat{background-color:var(--color-surface-container-low);border-radius:var(--radius-lg);padding:var(--space-lg);border:none}.badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary);background-color:#52622814}.badge-amber{color:var(--color-amber);background-color:#c0783d1a}.chip{border-radius:var(--radius-full);border:1px solid var(--color-tertiary);background-color:var(--color-surface);color:var(--color-on-surface-variant);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:6px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--color-primary-light);background-color:#5262280a}.chip-active{background-color:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-secondary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #52622826}50%{box-shadow:0 0 0 12px #52622800}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in-up{animation:.6s ease-out both fadeInUp}.animate-fade-in{animation:.5s ease-out both fadeIn}.animate-slide-in-left{animation:.6s ease-out both slideInLeft}.animate-slide-in-right{animation:.6s ease-out both slideInRight}.animate-scale-in{animation:.5s ease-out both scaleIn}.animate-float{animation:4s ease-in-out infinite float}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-tertiary-dark)}::selection{color:var(--color-secondary);background-color:#52622826}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.glass{-webkit-backdrop-filter:blur(16px);background:#fdfbf7bf}.divider{background-color:var(--color-tertiary);width:100%;height:1px}.grid-2{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-2{gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}}.grid-3{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-3{gap:var(--space-xl);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}}.navbar{z-index:100;transition:all var(--transition-base);background:0 0;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(20px);background:#fdfbf7d9;border-bottom:1px solid #d1d7c480}.navbar__inner{height:72px;max-width:var(--container-wide);justify-content:space-between;align-items:center;display:flex}.navbar__logo{color:var(--color-secondary);letter-spacing:-.03em;transition:color var(--transition-fast);z-index:10;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;display:flex}.navbar__logo-icon{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.navbar__logo-text{position:relative}.navbar__links{align-items:center;gap:var(--space-xs);display:none}@media (width>=1024px){.navbar__links{display:flex}}.navbar__link{color:var(--color-on-surface-variant);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 16px;font-size:.9rem;font-weight:450;display:block;position:relative}.navbar__link:hover{color:var(--color-primary);background-color:#5262280a}.navbar__link--active{color:var(--color-primary);font-weight:500}.navbar__link--active:after{content:"";background-color:var(--color-primary);border-radius:1px;height:2px;position:absolute;bottom:2px;left:16px;right:16px}.navbar__actions{align-items:center;gap:var(--space-md);z-index:10;display:flex}.navbar__cta{display:none}@media (width>=1024px){.navbar__cta{display:inline-flex}.navbar__toggle{display:none}}.navbar__toggle{border-radius:var(--radius-md);width:42px;height:42px;color:var(--color-on-surface);transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.navbar__toggle:hover{background-color:#5262280f}.navbar__mobile{z-index:90;pointer-events:none;visibility:hidden;position:fixed;inset:0}.navbar__mobile--open{pointer-events:auto;visibility:visible}.navbar__mobile-overlay{opacity:0;transition:opacity var(--transition-base);background:#1b1c1a4d;position:absolute;inset:0}.navbar__mobile--open .navbar__mobile-overlay{opacity:1}.navbar__mobile-panel{background:var(--color-surface);width:100%;max-width:380px;height:100%;transition:transform var(--transition-slow);padding:96px var(--space-lg) var(--space-lg);flex-direction:column;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}.navbar__mobile--open .navbar__mobile-panel{transform:translate(0)}.navbar__mobile-links{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.navbar__mobile--open .navbar__mobile-links li{animation:.4s ease-out both fadeInUp}.navbar__mobile-link{color:var(--color-on-surface-variant);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:16px 20px;font-size:1.125rem;font-weight:450;display:block}.navbar__mobile-link:hover{color:var(--color-primary);background-color:#5262280a}.navbar__mobile-link--active{color:var(--color-primary);background-color:#5262280f;font-weight:500}.navbar__mobile-footer{padding-top:var(--space-lg);border-top:1px solid var(--color-tertiary)}.footer{background-color:var(--color-inverse-surface);color:var(--color-inverse-on-surface);padding:var(--space-4xl) 0 var(--space-xl)}.footer__grid{gap:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid #f2f0ed1a;grid-template-columns:1fr;display:grid}@media (width>=768px){.footer__grid{gap:var(--space-xl);grid-template-columns:2fr 1fr 1fr 1fr}}.footer__brand{gap:var(--space-md);flex-direction:column;display:flex}.footer__logo{color:var(--color-inverse-on-surface);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;display:flex}.footer__logo-icon{background:var(--color-primary-light);color:#fff;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:30px;height:30px;font-size:.875rem;display:flex}.footer__tagline{color:#f2f0eda6;max-width:280px;font-size:.95rem;line-height:1.5}.footer__location{color:#f2f0ed73;align-items:center;gap:6px;font-size:.8125rem;display:flex}.footer__col-title{letter-spacing:.08em;text-transform:uppercase;color:#f2f0ed66;margin-bottom:var(--space-md);font-size:.75rem;font-weight:600}.footer__col-links{gap:var(--space-sm);flex-direction:column;display:flex}.footer__col-links a{color:#f2f0edb3;transition:color var(--transition-fast);font-size:.9rem}.footer__col-links a:hover{color:var(--color-inverse-on-surface)}.footer__contact-link{align-items:center;gap:8px;display:flex}.footer__bottom{gap:var(--space-xs);padding-top:var(--space-lg);color:#f2f0ed59;flex-direction:column;font-size:.8125rem;display:flex}@media (width>=768px){.footer__bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer__mvp{color:var(--color-primary-light);font-weight:500}.hero{min-height:calc(100vh - 72px);padding:var(--space-3xl) 0;align-items:center;display:flex;position:relative;overflow:hidden}.hero__bg{pointer-events:none;position:absolute;inset:0}.hero__gradient{background:radial-gradient(circle,#5262280f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:8s ease-in-out infinite float;position:absolute;top:-200px;right:-200px}.hero__pattern{background-image:radial-gradient(circle at 1px 1px,#5262280a 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.hero__inner{gap:var(--space-3xl);z-index:1;grid-template-columns:1fr;align-items:center;display:grid;position:relative}@media (width>=1024px){.hero__inner{grid-template-columns:1.1fr .9fr}}.hero__content{gap:var(--space-lg);flex-direction:column;display:flex}.hero__badge{width:fit-content}.hero__title{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--color-on-surface);font-size:clamp(2.5rem,6vw,4rem);font-weight:300;line-height:1.05}.hero__title-accent{color:var(--color-primary);font-weight:400}.hero__subtitle{color:var(--color-on-surface-variant);max-width:480px;font-size:1.15rem;line-height:1.6}.hero__actions{gap:var(--space-md);padding-top:var(--space-sm);flex-wrap:wrap;display:flex}.hero__stats{align-items:center;gap:var(--space-lg);padding-top:var(--space-lg);flex-wrap:wrap;display:flex}.hero__stat{flex-direction:column;gap:2px;display:flex}.hero__stat-value{color:var(--color-secondary);letter-spacing:-.02em;font-size:1.5rem;font-weight:600}.hero__stat-label{color:var(--color-outline);font-size:.8125rem}.hero__stat-divider{background-color:var(--color-tertiary);width:1px;height:32px}.hero__visual{justify-content:center;display:flex}.phone-mockup{position:relative}.phone-mockup__frame{background:var(--color-inverse-surface);border-radius:36px;width:280px;height:560px;padding:12px;position:relative;box-shadow:0 24px 80px #1b1c1a26,0 8px 24px #1b1c1a14,inset 0 1px #ffffff0d}.phone-mockup__notch{background:var(--color-inverse-surface);z-index:5;border-radius:0 0 16px 16px;width:100px;height:28px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-mockup__screen{background:var(--color-surface);border-radius:26px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-mockup__slide{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-2xl);opacity:0;flex-direction:column;transition:all .5s;display:flex;position:absolute;inset:0;transform:scale(.95)}.phone-mockup__slide--active{opacity:1;transform:scale(1)}.phone-mockup__slide-icon{background:color-mix(in srgb, var(--accent) 10%, transparent);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.phone-mockup__slide h4{color:var(--color-secondary);letter-spacing:-.02em;font-size:1.5rem;font-weight:500}.phone-mockup__slide p{color:var(--color-on-surface-variant);text-align:center;font-size:.875rem}.phone-mockup__dots{gap:8px;display:flex;position:absolute;bottom:24px}.phone-mockup__dot{background:var(--color-tertiary);cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);border:none;border-radius:50%}.phone-mockup__dot--active{background:var(--color-primary);border-radius:4px;width:20px}.section-header{text-align:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-direction:column;display:flex}.value-card{background:var(--color-surface-card);border:1px solid var(--color-tertiary);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);gap:var(--space-md);transition:all var(--transition-base);flex-direction:column;display:flex}.value-card:hover{box-shadow:var(--shadow-elevated);border-color:#0000;transform:translateY(-6px)}.value-card__icon{border-radius:var(--radius-lg);width:52px;height:52px;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);justify-content:center;align-items:center;display:flex}.value-card__title{color:var(--color-secondary);letter-spacing:-.01em;font-size:1.25rem;font-weight:500}.value-card__desc{color:var(--color-on-surface-variant);font-size:.95rem;line-height:1.6}.kiosk-section{background-color:var(--color-surface-container-low)}.kiosk-section__inner{gap:var(--space-3xl);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=1024px){.kiosk-section__inner{grid-template-columns:1fr 1fr}}.kiosk-section__content{gap:var(--space-lg);flex-direction:column;display:flex}.kiosk-section__features{gap:var(--space-md);padding:var(--space-md) 0;flex-direction:column;display:flex}.kiosk-section__actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.kiosk-feature{align-items:flex-start;gap:var(--space-md);display:flex}.kiosk-feature__icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-amber);background:#c0783d1a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kiosk-feature div{flex-direction:column;gap:2px;display:flex}.kiosk-feature strong{color:var(--color-on-surface);font-size:.95rem}.kiosk-feature span{color:var(--color-on-surface-variant);font-size:.85rem}.kiosk-section__visual{justify-content:center;display:flex}.kiosk-mockup{flex-direction:column;align-items:center;display:flex}.kiosk-mockup__bezel{background:var(--color-inverse-surface);border-radius:20px;width:320px;height:240px;padding:14px;box-shadow:0 16px 48px #1b1c1a1f,inset 0 1px #ffffff0d}.kiosk-mockup__screen{background:var(--color-surface);justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:100%;padding:var(--space-md);border-radius:10px;flex-direction:column;display:flex}.kiosk-mockup__header{color:var(--color-secondary);letter-spacing:-.02em;align-items:center;gap:6px;font-size:.75rem;font-weight:600;display:flex}.kiosk-mockup__prompt{color:var(--color-on-surface);text-align:center;font-size:1rem;font-weight:500}.kiosk-mockup__btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:10px 24px;font-size:.8125rem;font-weight:600;animation:2.5s ease-in-out infinite pulse-glow}.kiosk-mockup__categories{gap:var(--space-sm);margin-top:var(--space-xs);display:flex}.kiosk-mockup__cat{border-radius:var(--radius-md);border:1px solid var(--color-tertiary);width:36px;height:36px;color:var(--color-on-surface-variant);justify-content:center;align-items:center;display:flex}.kiosk-mockup__stand{background:linear-gradient(180deg, var(--color-inverse-surface) 0%, #45473f 100%);border-radius:0 0 8px 8px;width:80px;height:24px;margin-top:-2px}.comparison__table-wrap{border-radius:var(--radius-xl);border:1px solid var(--color-tertiary);background:var(--color-surface-card);overflow-x:auto}.comparison__table{border-collapse:collapse;width:100%;min-width:600px}.comparison__table th{letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-surface-variant);text-align:center;border-bottom:1px solid var(--color-tertiary);background:var(--color-surface-container-low);padding:16px 20px;font-size:.75rem;font-weight:600}.comparison__table th:first-child{text-align:left}.comparison__table td{text-align:center;border-bottom:1px solid #d1d7c466;padding:18px 20px;font-size:.95rem}.comparison__table tr:last-child td{border-bottom:none}.comparison__name{color:var(--color-on-surface);align-items:center;gap:var(--space-sm);font-weight:500;display:flex;text-align:left!important}.comparison__badge{background:var(--color-primary);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);padding:3px 8px;font-size:.625rem;font-weight:700}.comparison__row--highlight{background-color:#52622808}.comparison__row--highlight td{border-bottom-color:#5262281a}.comparison__icon--yes{color:var(--color-primary)}.comparison__icon--no{color:var(--color-surface-dim)}.comparison__partial{color:var(--color-outline);font-size:1.125rem;font-weight:600}.designs-teaser__cards{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.designs-teaser__cards{gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}}.design-teaser-card{border-radius:var(--radius-xl);border:1px solid var(--color-tertiary);background:var(--color-surface-card);transition:all var(--transition-base);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.design-teaser-card:hover{box-shadow:var(--shadow-elevated);border-color:#0000;transform:translateY(-6px)}.design-teaser-card__preview{background:var(--card-bg);justify-content:center;align-items:center;height:160px;display:flex;position:relative;overflow:hidden}.design-teaser-card__pattern{background-image:radial-gradient(circle at 2px 2px,#ffffff1f 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.design-teaser-card__icon{color:var(--card-accent);z-index:1;font-size:2rem}.design-teaser-card__info{padding:var(--space-lg);flex-direction:column;gap:4px;display:flex}.design-teaser-card__info h3{color:var(--color-secondary);font-size:1.1rem;font-weight:500}.design-teaser-card__info span{color:var(--color-outline);font-size:.8125rem}.design-teaser-card__arrow{top:var(--space-md);right:var(--space-md);color:#ffffff80;transition:transform var(--transition-fast);position:absolute}.design-teaser-card:hover .design-teaser-card__arrow{color:#fffc;transform:translate(4px,-4px)}.cta-block{text-align:center;padding:var(--space-4xl) var(--space-xl);border-radius:var(--radius-xl);background:var(--color-surface-container-low);border:1px solid var(--color-tertiary);align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.cta-block__glow{pointer-events:none;background:radial-gradient(circle,#5262280f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.cta-block__actions{justify-content:center;gap:var(--space-md);padding-top:var(--space-md);flex-wrap:wrap;display:flex}.hiw-hero{padding-bottom:0}.hiw-steps__timeline{flex-direction:column;gap:0;max-width:680px;margin:0 auto;display:flex}.hiw-step{gap:var(--space-lg);display:flex;position:relative}.hiw-step__marker{flex-direction:column;flex-shrink:0;align-items:center;width:48px;display:flex}.hiw-step__num{letter-spacing:.02em;background:color-mix(in srgb, var(--step-color) 10%, transparent);width:48px;height:48px;color:var(--step-color);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex;position:relative}.hiw-step__line{background:linear-gradient(180deg, var(--color-tertiary) 0%, transparent 100%);width:2px;margin:var(--space-xs) 0;flex:1}.hiw-step__card{padding-bottom:var(--space-2xl);flex:1}.hiw-step__icon{border-radius:var(--radius-lg);width:52px;height:52px;color:var(--step-color);background:color-mix(in srgb, var(--step-color) 8%, transparent);margin-bottom:var(--space-md);justify-content:center;align-items:center;display:flex}.hiw-step__title{color:var(--color-secondary);margin-bottom:var(--space-sm);letter-spacing:-.01em;font-size:1.25rem;font-weight:500}.hiw-step__desc{color:var(--color-on-surface-variant);max-width:400px;font-size:.95rem;line-height:1.6}.hiw-step__link{margin-top:var(--space-sm);color:var(--color-primary);transition:all var(--transition-fast);align-items:center;gap:4px;font-size:.875rem;font-weight:600;display:inline-flex}.hiw-step__link:hover{color:var(--color-primary-light);transform:translate(2px)}.hiw-pwa-card{background:var(--color-surface-card);border:1px solid var(--color-tertiary);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);gap:var(--space-md);transition:all var(--transition-base);flex-direction:column;display:flex}.hiw-pwa-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.hiw-pwa-card__icon{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-amber);background:#c0783d14;justify-content:center;align-items:center;display:flex}.hiw-pwa-card h3{color:var(--color-secondary);font-size:1.125rem;font-weight:500}.hiw-pwa-card p{color:var(--color-on-surface-variant);font-size:.9rem;line-height:1.6}.fb-hero{padding-bottom:var(--space-2xl)}.fb-demo-link{color:var(--color-primary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none}.fb-demo-link:hover{color:var(--color-primary-light);transform:translate(2px)}.fb-numbers{padding-top:0}.fb-numbers__grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.fb-numbers__grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}}.fb-number-card{text-align:center;padding:var(--space-xl) var(--space-md);border-radius:var(--radius-xl);background:var(--color-surface-container-low);border:1px solid var(--color-tertiary);align-items:center;gap:var(--space-xs);transition:all var(--transition-base);flex-direction:column;display:flex}.fb-number-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.fb-number-card__icon{color:var(--color-primary-light);margin-bottom:var(--space-xs)}.fb-number-card__value{color:var(--color-secondary);letter-spacing:-.03em;font-size:2rem;font-weight:600}.fb-number-card__label{color:var(--color-on-surface);font-size:.875rem;font-weight:500}.fb-number-card__sub{color:var(--color-outline);font-size:.75rem}.fb-benefits__grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.fb-benefits__grid{gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.fb-benefits__grid{grid-template-columns:repeat(3,1fr)}}.fb-benefit-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl);background:var(--color-surface-card);border:1px solid var(--color-tertiary);gap:var(--space-sm);transition:all var(--transition-base);flex-direction:column;display:flex}.fb-benefit-card:hover{box-shadow:var(--shadow-card);border-color:#0000;transform:translateY(-4px)}.fb-benefit-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-primary);margin-bottom:var(--space-xs);background:#5262280f;justify-content:center;align-items:center;display:flex}.fb-benefit-card h3{color:var(--color-secondary);font-size:1.05rem;font-weight:500}.fb-benefit-card p{color:var(--color-on-surface-variant);font-size:.9rem;line-height:1.6}.fb-includes__card{background:var(--color-surface-container-low);border:1px solid var(--color-tertiary);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:640px;margin:0 auto}.fb-includes__content{gap:var(--space-md);flex-direction:column;display:flex}.fb-includes__list{gap:var(--space-sm);padding:var(--space-md) 0;flex-direction:column;display:flex}.fb-includes__list li{align-items:center;gap:var(--space-sm);color:var(--color-on-surface);font-size:.95rem;display:flex}.fb-includes__check{color:var(--color-primary);flex-shrink:0}.ds-hero{padding-bottom:var(--space-xl)}.ds-filters-wrap{padding-bottom:var(--space-md)}.ds-filters{gap:var(--space-sm);padding-bottom:var(--space-sm);display:flex;overflow-x:auto}.ds-device-grid{gap:var(--space-2xl) var(--space-xl);grid-template-columns:repeat(2,1fr);align-items:end;display:grid}@media (width>=1024px){.ds-device-grid{gap:var(--space-3xl) var(--space-2xl);grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.ds-device-grid{gap:var(--space-2xl);grid-template-columns:1fr}}.ds-device-item{align-items:center;gap:var(--space-lg);cursor:pointer;transition:transform var(--transition-base);flex-direction:column;display:flex;position:relative}.ds-device-item:hover{transform:translateY(-8px)}@media (width>=1024px){.ds-device-item--tablet{grid-column:span 2}}.ds-card__live-badge{z-index:10;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;font-size:.625rem;font-weight:700;animation:2s ease-in-out infinite pulse-glow;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000040}.device-phone{flex-shrink:0;width:180px}@media (width>=768px){.device-phone{width:220px}}.device-phone__frame{background:#1a1a1e;border-radius:28px;padding:8px;position:relative;box-shadow:0 20px 60px #00000026,0 4px 16px #00000014,inset 0 1px #ffffff14}.device-phone__notch{z-index:5;background:#1a1a1e;border-radius:0 0 12px 12px;width:72px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.device-phone__screen{aspect-ratio:9/19.5;background:var(--device-accent,#f5f5f5);border-radius:21px;position:relative;overflow:hidden}.device-phone__screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.ds-device-item:hover .device-phone__screen img{animation:4s ease-in-out forwards phone-scroll}@keyframes phone-scroll{0%{object-position:top center}20%{object-position:top center}80%{object-position:bottom center}to{object-position:bottom center}}.device-tablet{width:100%;max-width:460px}.device-tablet__frame{background:#1a1a1e;border-radius:20px;padding:10px;position:relative;box-shadow:0 20px 60px #0000001f,0 4px 16px #0000000f,inset 0 1px #ffffff14}.device-tablet__camera{background:#2a2a2e;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.device-tablet__screen{aspect-ratio:4/3;background:var(--device-accent,#f5f5f5);border-radius:12px;overflow:hidden}.device-tablet__screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.device-desktop{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;display:flex}.device-desktop__frame{background:#1a1a1e;border-radius:12px 12px 0 0;width:100%;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 16px #00000014}.device-desktop__toolbar{background:#2a2a2e;align-items:center;gap:12px;padding:10px 16px;display:flex}.device-desktop__dots{gap:6px;display:flex}.device-desktop__dots span{background:#3a3a3e;border-radius:50%;width:10px;height:10px}.device-desktop__dots span:first-child{background:#ff5f57}.device-desktop__dots span:nth-child(2){background:#ffbd2e}.device-desktop__dots span:nth-child(3){background:#28ca41}.device-desktop__url{text-align:center;color:#888;letter-spacing:.01em;background:#1a1a1e;border-radius:6px;flex:1;padding:4px 16px;font-size:.6875rem}.device-desktop__screen{aspect-ratio:16/10;background:var(--device-accent,#f5f5f5);overflow:hidden}.device-desktop__screen img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.device-desktop__stand{clip-path:polygon(10% 0%,90% 0%,100% 100%,0% 100%);background:linear-gradient(#1a1a1e 0%,#2a2a2e 100%);width:60px;height:28px}.device-desktop__base{background:#2a2a2e;border-radius:0 0 6px 6px;width:140px;height:6px}.ds-device-item__info{text-align:center;flex-direction:column;gap:6px;width:100%;max-width:300px;display:flex}.ds-device-item__meta{justify-content:center;align-items:center;gap:var(--space-md);display:flex}.ds-device-item__device{letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:5px;font-size:.6875rem;font-weight:600;display:inline-flex}.ds-device-item__demo{color:var(--color-primary);transition:all var(--transition-fast);align-items:center;gap:4px;font-size:.6875rem;font-weight:600;text-decoration:none;display:inline-flex}.ds-device-item__demo:hover{color:var(--color-primary-light)}.ds-device-item__name{color:var(--color-secondary);letter-spacing:-.01em;font-size:1.05rem;font-weight:500}.ds-device-item__desc{color:var(--color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.ds-system-card{background:var(--color-surface-card);border:1px solid var(--color-tertiary);border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.ds-system-card h3{color:var(--color-secondary);font-size:1.25rem;font-weight:500}.ds-system-card p{color:var(--color-on-surface-variant);font-size:.9rem;line-height:1.6}.ds-system-card__colors{gap:var(--space-sm);display:flex}.ds-system-card__swatch{border-radius:var(--radius-md);border:1px solid #0000000d;align-items:flex-end;width:56px;height:56px;padding:4px;display:flex}.ds-system-card__swatch span{color:#00000059;letter-spacing:.02em;font-size:.5rem;font-weight:600}.ds-system-card__font{gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px solid var(--color-tertiary);flex-direction:column;display:flex}.ds-lightbox{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:var(--space-lg);background:#0a0a0ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-lightbox__inner{align-items:center;gap:var(--space-xl);flex-direction:column;width:100%;max-height:90vh;display:flex;position:relative}.ds-lightbox__close{color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition-fast);z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:0}.ds-lightbox__close:hover{background:#fff3}.ds-lightbox__nav{color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);z-index:10;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ds-lightbox__nav:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}.ds-lightbox__nav--prev{left:0}.ds-lightbox__nav--next{right:0}@media (width<=768px){.ds-lightbox__nav--prev{left:4px}.ds-lightbox__nav--next{right:4px}}.ds-lightbox__device{justify-content:center;max-height:65vh;display:flex}.ds-lightbox__device--phone .device-phone{width:260px}.ds-lightbox__device--tablet .device-tablet{max-width:580px}.ds-lightbox__device--desktop .device-desktop{max-width:900px}.ds-lightbox__info{text-align:center;align-items:center;gap:var(--space-sm);color:#fff;flex-direction:column;max-width:480px;display:flex}.ds-lightbox__info h3{color:#fff;font-size:1.25rem;font-weight:500}.ds-lightbox__info p{color:#ffffffa6;font-size:.9rem;line-height:1.6}.pricing-hero{padding-bottom:0}.pricing-tiers__grid{gap:var(--space-lg);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.pricing-tiers__grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}}.pricing-card{background:var(--color-surface-card);border:1px solid var(--color-tertiary);border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-lg);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.pricing-card--highlighted{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary), var(--shadow-card)}.pricing-card--highlighted:hover{box-shadow:0 0 0 1px var(--color-primary), var(--shadow-elevated)}.pricing-card__badge{background:var(--color-primary);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);padding:5px 16px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__header{gap:var(--space-sm);flex-direction:column;display:flex}.pricing-card__name{color:var(--color-secondary);letter-spacing:-.01em;font-size:1.125rem;font-weight:600}.pricing-card__price{align-items:baseline;gap:var(--space-sm);display:flex}.pricing-card__amount{color:var(--color-on-surface);letter-spacing:-.03em;font-size:2.5rem;font-weight:300}.pricing-card__period{color:var(--color-outline);font-size:.875rem}.pricing-card__desc{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.5}.pricing-card__features{flex-direction:column;flex:1;gap:10px;display:flex}.pricing-card__features li{align-items:flex-start;gap:var(--space-sm);color:var(--color-on-surface);font-size:.9rem;line-height:1.4;display:flex}.pricing-card__features li svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.pricing-card__cta{text-align:center;width:100%}.pricing-faq__list{gap:var(--space-sm);flex-direction:column;max-width:700px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface-card);border:1px solid var(--color-tertiary);border-radius:var(--radius-lg);transition:all var(--transition-fast);overflow:hidden}.faq-item[open]{box-shadow:var(--shadow-subtle)}.faq-item__question{align-items:center;gap:var(--space-sm);padding:var(--space-lg);cursor:pointer;color:var(--color-on-surface);-webkit-user-select:none;user-select:none;font-size:.95rem;font-weight:500;list-style:none;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question svg{color:var(--color-primary-light);flex-shrink:0}.faq-item__question span:first-of-type{flex:1}.faq-item__toggle{color:var(--color-outline);transition:transform var(--transition-fast);font-size:1.25rem}.faq-item[open] .faq-item__toggle{transform:rotate(45deg)}.faq-item__answer{padding:0 var(--space-lg) var(--space-lg);padding-left:calc(var(--space-lg) + 26px);color:var(--color-on-surface-variant);font-size:.9rem;line-height:1.6}.contact-hero{padding-bottom:0}.contact-layout{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=1024px){.contact-layout{gap:var(--space-3xl);grid-template-columns:1.5fr 1fr}}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.contact-form__group{gap:var(--space-sm);flex-direction:column;display:flex}.contact-form__label{color:var(--color-on-surface);font-size:.875rem;font-weight:500}.contact-form__row{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=640px){.contact-form__row{grid-template-columns:1fr 1fr}}.contact-input{border:1px solid var(--color-tertiary);border-radius:var(--radius-md);background:var(--color-surface-card);width:100%;color:var(--color-on-surface);font-family:var(--font-sans);transition:all var(--transition-fast);padding:14px 18px;font-size:.95rem}.contact-input::placeholder{color:var(--color-outline)}.contact-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #52622814}.contact-textarea{resize:vertical;min-height:120px}.contact-form__submit{align-self:flex-start}.contact-roles{gap:var(--space-sm);flex-direction:column;display:flex}@media (width>=640px){.contact-roles{flex-direction:row}}.contact-role{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1.5px solid var(--color-tertiary);border-radius:var(--radius-lg);background:var(--color-surface-card);text-align:left;transition:all var(--transition-fast);cursor:pointer;flex:1;display:flex}.contact-role:hover{border-color:var(--color-primary-light);background:#52622805}.contact-role--active{border-color:var(--color-primary);background:#5262280a;box-shadow:0 0 0 3px #52622814}.contact-role__icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-primary);background:#5262280f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-role--active .contact-role__icon{background:var(--color-primary);color:#fff}.contact-role div{flex-direction:column;gap:2px;display:flex}.contact-role strong{color:var(--color-on-surface);font-size:.9rem}.contact-role span{color:var(--color-outline);font-size:.75rem}.contact-sidebar{gap:var(--space-lg);flex-direction:column;display:flex}.contact-info-card{background:var(--color-surface-container-low);border:1px solid var(--color-tertiary);border-radius:var(--radius-xl);padding:var(--space-xl);gap:var(--space-md);flex-direction:column;display:flex}.contact-info-card h3{color:var(--color-secondary);letter-spacing:-.01em;font-size:1rem;font-weight:600}.contact-info-card p{color:var(--color-on-surface-variant);font-size:.9rem;line-height:1.5}.contact-info-item{gap:var(--space-sm);display:flex}.contact-info-item svg{color:var(--color-primary-light);flex-shrink:0;margin-top:2px}.contact-info-item div{flex-direction:column;gap:2px;display:flex}.contact-info-item strong{color:var(--color-on-surface);font-size:.8125rem}.contact-info-item a,.contact-info-item span{color:var(--color-on-surface-variant);transition:color var(--transition-fast);font-size:.875rem}.contact-info-item a:hover{color:var(--color-primary)}.contact-success{text-align:center;align-items:center;gap:var(--space-lg);padding:var(--space-4xl) 0;flex-direction:column;display:flex}.contact-success__icon{width:80px;height:80px;color:var(--color-primary);background:#52622814;border-radius:50%;justify-content:center;align-items:center;display:flex}.not-found{min-height:calc(100vh - 72px);padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.not-found__content{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.not-found__icon{border-radius:var(--radius-xl);width:72px;height:72px;color:var(--color-primary);margin-bottom:var(--space-sm);background:#5262280f;justify-content:center;align-items:center;font-size:2rem;display:flex}.not-found__code{letter-spacing:-.05em;color:var(--color-tertiary);font-size:clamp(4rem,12vw,8rem);font-weight:200;line-height:1}.not-found__actions{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}