:root{--color-background:#F7F9FC;--color-text:#1A1D2C;--color-surface:#FFF;--color-border:#E4E7F1;--color-primary:#4A69FF;--color-primary-glow:rgba(74,105,255,0.3);--color-success:#05C46B;--color-error:#FF4757;--font-family-headings:'Chakra Petch',sans-serif;--font-family-body:'Inter',sans-serif;--container-width:1100px;--spacing-unit:8px;--transition-speed:200ms}[data-theme='dark']{--color-background:#0D0F18;--color-text:#E0E4F6;--color-surface:#1A1D2C;--color-border:#2A2F45}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:107.5%;ascent-override:90%}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:107.5%;ascent-override:90%}@font-face{font-family:'Chakra Petch';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/chakrapetch/v11/cIflMapbsEk7TDLdtEz1BwkeNIh-4_5o_w.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:107%;ascent-override:85%}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-body);line-height:1.6;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(2.5rem,5vw,3.5rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.5rem,3vw,1.75rem)}p{margin-bottom:calc(var(--spacing-unit) * 2);max-width:75ch}a{color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-speed) ease}a:hover{opacity:.8}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 3)}section{padding:calc(var(--spacing-unit) * 10) 0}.section-title{text-align:center;margin-bottom:calc(var(--spacing-unit) * 6)}.reveal{opacity:0;transform:translateY(20px);transition:opacity 600ms ease-out,transform 600ms ease-out}.reveal--visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}}.button{display:inline-block;font-family:var(--font-family-headings);font-weight:700;font-size:1.1rem;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 4);border-radius:8px;border:2px solid transparent;cursor:pointer;text-align:center;transition:all var(--transition-speed) ease}.button--primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 20px var(--color-primary-glow)}.button--primary:hover{transform:translateY(-3px);box-shadow:0 7px 25px var(--color-primary-glow);opacity:1}.button--primary:active{transform:translateY(-1px)}.button--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--secondary:hover{background-color:var(--color-primary-glow);opacity:1}.header{padding:calc(var(--spacing-unit) * 2) 0;position:sticky;top:0;z-index:100;background-color:color-mix(in srgb,var(--color-background) 80%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.header__container{display:flex;justify-content:space-between;align-items:center}.header__logo{font-family:var(--font-family-headings);font-size:1.5rem;font-weight:700;color:var(--color-text)}.header__logo a{color:inherit;text-decoration:none}.theme-toggle{background:var(--color-surface);border:1px solid var(--color-border);border-radius:50px;cursor:pointer;display:flex;align-items:center;padding:4px;position:relative;width:50px;height:28px}.theme-toggle__icon{color:var(--color-primary);position:absolute;transition:opacity var(--transition-speed) ease}.theme-toggle__icon--sun{opacity:0}.theme-toggle__icon--moon{opacity:1}[data-theme='light'] .theme-toggle__icon--sun{opacity:1}[data-theme='light'] .theme-toggle__icon--moon{opacity:0}.theme-toggle__slider{background-color:var(--color-primary);border-radius:50%;width:20px;height:20px;transform:translateX(22px);transition:transform var(--transition-speed) ease}[data-theme='light'] .theme-toggle__slider{transform:translateX(0)}.hero{text-align:center;padding:calc(var(--spacing-unit) * 12) 0}.hero__content{max-width:800px;margin:0 auto}.hero__headline{margin-bottom:calc(var(--spacing-unit) * 2)}.hero__subheadline{font-size:1.25rem;color:color-mix(in srgb,var(--color-text) 70%,transparent);margin-bottom:calc(var(--spacing-unit) * 4)}.problem{background-color:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.problem__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing-unit) * 4);text-align:center}.problem__item{padding:calc(var(--spacing-unit) * 2);flex:1 1 250px;max-width:280px}.problem__item-icon{font-size:2.5rem;margin-bottom:var(--spacing-unit);color:var(--color-primary)}.problem__item-title{font-family:var(--font-family-body);font-size:1.2rem;font-weight:700}.solution__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing-unit) * 5);align-items:flex-start}.solution__step{text-align:center;position:relative}.solution__step:not(:last-child)::after{content:'';position:absolute;top:40px;right:-35px;width:70px;height:2px;background:repeating-linear-gradient(90deg,var(--color-border),var(--color-border) 5px,transparent 5px,transparent 10px)}@media(max-width:959px){.solution__step:not(:last-child)::after{display:none}}.solution__step-number{width:80px;height:80px;border:2px solid var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto calc(var(--spacing-unit) * 3);font-family:var(--font-family-headings);font-size:2rem;color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 10%,transparent)}.solution__step-title{font-size:1.25rem;margin-bottom:var(--spacing-unit)}.solution__step-description{color:color-mix(in srgb,var(--color-text) 70%,transparent)}.features{background-color:var(--color-surface)}.features__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--spacing-unit) * 4)}.feature-card{background-color:var(--color-background);padding:calc(var(--spacing-unit) * 4);border-radius:12px;border:1px solid var(--color-border);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;flex:1 1 300px;max-width:400px}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);[data-theme='dark'] &{box-shadow:0 10px 30px rgba(0,0,0,0.2)}}.feature-card__icon{width:48px;height:48px;color:var(--color-primary);margin-bottom:calc(var(--spacing-unit) * 2)}.feature-card__title{font-size:1.3rem;margin-bottom:var(--spacing-unit)}.feature-card__description{color:color-mix(in srgb,var(--color-text) 80%,transparent)}.demo{padding-bottom:calc(var(--spacing-unit) * 12)}.demo__container{display:flex;flex-direction:column;align-items:center}.demo__content{max-width:600px;text-align:center;margin-bottom:calc(var(--spacing-unit) * 4)}.demo-visualizer{width:100%;max-width:700px;aspect-ratio:16 / 9;border-radius:12px;border:1px solid var(--color-border);background-color:var(--color-surface);overflow:hidden;position:relative;box-shadow:0 15px 40px rgba(0,0,0,0.1);[data-theme='dark'] &{box-shadow:0 15px 40px rgba(0,0,0,0.2)}}.demo-visualizer__panel{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center}.demo-visualizer__panel--before{background-image:url('https://placehold.co/700x394/000000/FFFFFF?text=Locked+Features');z-index:1}.demo-visualizer__panel--after{background-image:url('https://placehold.co/700x394/4A69FF/FFFFFF?text=All+Features+Unlocked');z-index:2;width:50%;resize:horizontal;overflow:hidden}.demo-visualizer__handle{position:absolute;top:0;left:50%;width:4px;height:100%;background-color:var(--color-primary);cursor:ew-resize;z-index:3;transform:translateX(-50%)}.demo-visualizer__handle::after{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;border:2px solid var(--color-primary);border-radius:50%;background-color:var(--color-background);transform:translate(-50%,-50%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234A69FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 17l-4-4 4-4M18 17l-4-4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.social-proof{background-color:var(--color-surface)}.social-proof__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 4);align-items:center}.testimonial-card{background-color:var(--color-background);padding:calc(var(--spacing-unit) * 3);border-radius:12px;border:1px solid var(--color-border)}.testimonial-card__text{font-style:italic;margin-bottom:var(--spacing-unit)}.testimonial-card__author{font-weight:700;color:var(--color-primary)}.satisfaction-score{text-align:center;padding:calc(var(--spacing-unit) * 3)}.satisfaction-score__chart{position:relative;width:150px;height:150px;margin:0 auto calc(var(--spacing-unit) * 2)}.satisfaction-score__svg{transform:rotate(-90deg)}.satisfaction-score__circle{fill:none;stroke-width:10}.satisfaction-score__circle--bg{stroke:var(--color-border)}.satisfaction-score__circle--fg{stroke:var(--color-primary);stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1.5s ease-out}.satisfaction-score__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;font-family:var(--font-family-headings);font-weight:700}.satisfaction-score__label{font-size:1.1rem;font-weight:700}.faq__item{border-bottom:1px solid var(--color-border)}.faq__question{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;padding:calc(var(--spacing-unit) * 2.5) 0;font-size:1.2rem;font-family:var(--font-family-body);font-weight:700;text-align:left;cursor:pointer;color:var(--color-text)}.faq__icon{width:24px;height:24px;transition:transform var(--transition-speed) ease;flex-shrink:0;margin-left:var(--spacing-unit);color:var(--color-primary)}.faq__answer{max-height:0;overflow:hidden;transition:max-height 300ms ease-out,padding 300ms ease-out;padding:0}.faq__answer p{padding:calc(var(--spacing-unit) * 2) 0;color:color-mix(in srgb,var(--color-text) 80%,transparent)}.faq__item--open .faq__icon{transform:rotate(45deg)}.faq__item--open .faq__answer{padding:0}.final-cta{background-color:var(--color-primary);color:#fff}.final-cta__container{text-align:center}.final-cta h2,.final-cta p{color:#fff}.final-cta__headline{margin-bottom:calc(var(--spacing-unit) * 2)}.final-cta__button{background-color:#fff;color:var(--color-primary);margin-top:calc(var(--spacing-unit) * 3);box-shadow:none}.final-cta__button:hover{opacity:.9}.footer{padding:calc(var(--spacing-unit) * 6) 0;background-color:var(--color-surface);border-top:1px solid var(--color-border)}.footer__container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.footer__socials{display:flex;gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 2)}.footer__social-link svg{width:24px;height:24px;color:var(--color-text);transition:color var(--transition-speed) ease}.footer__social-link:hover svg{color:var(--color-primary)}.footer__copyright{font-size:.9rem;color:color-mix(in srgb,var(--color-text) 60%,transparent)}