:root{color-scheme:light;--md-ref-primary-40: #6f8f1f;--md-ref-primary-90: #e3f3b6;--md-ref-secondary-40: #5f644e;--md-ref-secondary-90: #e3eacb;--md-ref-tertiary-40: #b85c3a;--md-ref-tertiary-90: #ffdbc9;--md-sys-color-primary: var(--md-ref-primary-40);--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: var(--md-ref-primary-90);--md-sys-color-on-primary-container: #1d2800;--md-sys-color-secondary: var(--md-ref-secondary-40);--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: var(--md-ref-secondary-90);--md-sys-color-on-secondary-container: #1b200f;--md-sys-color-tertiary: var(--md-ref-tertiary-40);--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: var(--md-ref-tertiary-90);--md-sys-color-on-tertiary-container: #3f1402;--md-sys-color-background: #fafaf2;--md-sys-color-on-background: #1b1d15;--md-sys-color-surface: #fafaf2;--md-sys-color-on-surface: #1b1d15;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f3f5e8;--md-sys-color-surface-container: #eceede;--md-sys-color-surface-container-high: #e6e8d8;--md-sys-color-surface-container-highest: #e0e2d3;--md-sys-color-outline: #76786d;--md-sys-color-outline-variant: #c7c9ba;--md-sys-color-inverse-surface: #2f3128;--md-sys-color-inverse-on-surface: #f1f1e3;--md-sys-color-inverse-primary: #c7db8a;--md-shape-xs: 8px;--md-shape-sm: 12px;--md-shape-md: 16px;--md-shape-lg: 24px;--md-shape-xl: 28px;--md-shape-full: 999px;--md-state-hover: .08;--md-state-focus: .12;--md-state-pressed: .12;--md-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-elev-0: none;--md-elev-1: 0 1px 2px rgb(25 30 17 / .08), 0 1px 3px rgb(25 30 17 / .12);--md-elev-2: 0 2px 6px rgb(25 30 17 / .12), 0 1px 2px rgb(25 30 17 / .14);--md-elev-3: 0 6px 16px rgb(25 30 17 / .16), 0 2px 4px rgb(25 30 17 / .14);--container: min(1120px, calc(100vw - 32px) )}:root[data-theme=dark]{color-scheme:dark;--md-sys-color-primary: #c7db8a;--md-sys-color-on-primary: #344600;--md-sys-color-primary-container: #4e6600;--md-sys-color-on-primary-container: #e3f3b6;--md-sys-color-secondary: #c7ccb0;--md-sys-color-on-secondary: #303525;--md-sys-color-secondary-container: #474c3a;--md-sys-color-on-secondary-container: #e3eacb;--md-sys-color-tertiary: #ffb597;--md-sys-color-on-tertiary: #55200b;--md-sys-color-tertiary-container: #74351d;--md-sys-color-on-tertiary-container: #ffdbc9;--md-sys-color-background: #15170f;--md-sys-color-on-background: #e4e4d8;--md-sys-color-surface: #15170f;--md-sys-color-on-surface: #e4e4d8;--md-sys-color-surface-container-lowest: #10120b;--md-sys-color-surface-container-low: #1b1d15;--md-sys-color-surface-container: #21231b;--md-sys-color-surface-container-high: #2b2e25;--md-sys-color-surface-container-highest: #36392f;--md-sys-color-outline: #929487;--md-sys-color-outline-variant: #4a4d42;--md-sys-color-inverse-surface: #e4e4d8;--md-sys-color-inverse-on-surface: #2c2f26;--md-sys-color-inverse-primary: #5d7a11;--md-elev-1: 0 1px 2px rgb(0 0 0 / .36), 0 1px 3px rgb(0 0 0 / .5);--md-elev-2: 0 4px 10px rgb(0 0 0 / .46), 0 2px 6px rgb(0 0 0 / .58);--md-elev-3: 0 10px 22px rgb(0 0 0 / .55), 0 4px 10px rgb(0 0 0 / .62)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Google Sans Text,Google Sans Flex,system-ui,sans-serif;color:var(--md-sys-color-on-background);background:radial-gradient(920px 340px at 10% -10%,color-mix(in srgb,var(--md-sys-color-primary-container) 70%,transparent),transparent 60%),radial-gradient(820px 290px at 98% 0%,color-mix(in srgb,var(--md-sys-color-tertiary-container) 40%,transparent),transparent 58%),var(--md-sys-color-background);transition:background-color .22s var(--md-easing-standard),color .22s var(--md-easing-standard)}a{color:inherit;text-decoration:none}.site{width:var(--container);margin:0 auto;padding:18px 0 64px;position:relative}.grid-fade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background:linear-gradient(to right,color-mix(in srgb,var(--md-sys-color-outline) 11%,transparent) 1px,transparent 1px) 0 0 / 52px 52px,linear-gradient(to bottom,color-mix(in srgb,var(--md-sys-color-outline) 11%,transparent) 1px,transparent 1px) 0 0 / 52px 52px;-webkit-mask-image:radial-gradient(circle at 50% 12%,#000 0%,transparent 80%);mask-image:radial-gradient(circle at 50% 12%,#000 0%,transparent 80%);opacity:.42}.nav{position:sticky;top:12px;z-index:24;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:var(--md-shape-xl);border:1px solid var(--md-sys-color-outline-variant);background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 92%,transparent);box-shadow:var(--md-elev-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{display:inline-flex;align-items:center;gap:10px;font:600 18px/1.2 Google Sans Flex,sans-serif}.logo-img{width:34px;height:34px;border-radius:10px;padding:5px;background:linear-gradient(160deg,var(--md-sys-color-primary),color-mix(in srgb,var(--md-sys-color-primary) 68%,var(--md-sys-color-tertiary)));box-shadow:var(--md-elev-1)}.menu{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.menu a{position:relative;border-radius:var(--md-shape-full);padding:10px 13px;font:500 14px/1.2 Google Sans Text,sans-serif;color:color-mix(in srgb,var(--md-sys-color-on-surface) 88%,transparent)}.menu a,.theme-toggle,.cta,.btn,.video-btn,.video-speed,.step-card,.feature,.plan,.metric,.review-card,.stat-chip,.faq-item,section,.footer{transition:transform .18s var(--md-easing-standard),background-color .18s var(--md-easing-standard),color .18s var(--md-easing-standard),border-color .18s var(--md-easing-standard),box-shadow .18s var(--md-easing-standard)}.nav-actions{display:inline-flex;gap:8px}.theme-toggle,.cta,.btn,.video-btn{border:0;border-radius:var(--md-shape-full);position:relative;overflow:hidden;isolation:isolate;cursor:pointer}.theme-toggle:after,.cta:after,.btn:after,.video-btn:after,.faq-item summary:after,.step-card:after,.feature:after,.plan:after,.metric:after,.review-card:after,.stat-chip:after,.menu a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:currentColor;opacity:0;pointer-events:none;transition:opacity .15s var(--md-easing-standard)}.theme-toggle:hover:after,.cta:hover:after,.btn:hover:after,.video-btn:hover:after,.faq-item summary:hover:after,.step-card:hover:after,.feature:hover:after,.plan:hover:after,.metric:hover:after,.review-card:hover:after,.stat-chip:hover:after,.menu a:hover:after{opacity:var(--md-state-hover)}.theme-toggle:active:after,.cta:active:after,.btn:active:after,.video-btn:active:after,.faq-item summary:active:after,.step-card:active:after,.feature:active:after,.plan:active:after,.metric:active:after,.review-card:active:after,.stat-chip:active:after,.menu a:active:after{opacity:var(--md-state-pressed)}.menu a:hover,.menu a:focus-visible{color:var(--md-sys-color-primary)}.theme-toggle{min-height:40px;padding:0 12px;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);font:600 12px/1 Google Sans Text,sans-serif}.cta{min-height:40px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font:600 14px/1 Google Sans Text,sans-serif}.cta:hover,.btn:hover,.video-btn:hover,.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--md-elev-2)}.menu-toggle{display:none}section,.footer{margin-top:16px;padding:clamp(16px,2.2vw,24px);border-radius:var(--md-shape-xl);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-elev-1)}.hero{padding:clamp(24px,5vw,58px);border-color:color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--md-sys-color-outline-variant));background:linear-gradient(165deg,color-mix(in srgb,var(--md-sys-color-primary-container) 64%,var(--md-sys-color-surface-container-low)),var(--md-sys-color-surface-container-low))}.hero h1{margin:0;font:700 clamp(42px,8vw,78px)/.95 "Google Sans Flex",sans-serif;letter-spacing:-.03em}.hero h1 span{color:var(--md-sys-color-primary)}.hero h2{margin:14px 0 8px;font:600 clamp(22px,3.4vw,32px)/1.18 "Google Sans Flex",sans-serif}.hero p{margin:0;max-width:720px;color:color-mix(in srgb,var(--md-sys-color-on-surface) 74%,transparent);font:400 16px/1.62 Google Sans Text,sans-serif}.hero-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.btn{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font:600 14px/1 Google Sans Text,sans-serif}.btn.solid{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn.ghost{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-primary)}.section-badge{display:inline-flex;align-items:center;border-radius:var(--md-shape-full);padding:6px 12px;text-transform:uppercase;letter-spacing:.04em;font:600 11px/1.1 Google Sans Text,sans-serif;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.section-head h2,.features h2,.video-title,.bot-cta h2,.final-cta h2{margin:10px 0 0;font:600 clamp(28px,4vw,40px)/1.18 "Google Sans Flex",sans-serif;letter-spacing:-.02em}.section-head+*{margin-top:14px}.bot-cta,.final-cta{text-align:center;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.bot-cta p,.final-cta p{margin:10px auto 18px;max-width:720px;font:400 15px/1.6 Google Sans Text,sans-serif}.steps-grid,.feature-grid,.plans,.preview-grid,.reviews-grid,.stats-strip{display:grid;gap:12px}.steps-grid,.feature-grid,.plans,.preview-grid,.reviews-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.step-card,.feature,.plan,.metric,.review-card,.stat-chip,.faq-item,.video-player{position:relative;border-radius:var(--md-shape-lg);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);box-shadow:var(--md-elev-1);isolation:isolate}.step-card,.feature,.plan,.metric,.review-card,.stat-chip{padding:16px}.step-card:hover,.feature:hover,.plan:hover,.metric:hover,.review-card:hover,.stat-chip:hover,.video-player:hover{transform:translateY(-1px);box-shadow:var(--md-elev-2)}.step-card{grid-column:span 3}.feature,.plan{grid-column:span 4}.metric{grid-column:span 3}.review-card{grid-column:span 4}.step-n{color:var(--md-sys-color-primary);font:700 28px/1 Google Sans Flex,sans-serif}.step-card h3,.feature h3,.plan h3,.metric h3,.review-card h3,.stat-chip h3{margin:10px 0 6px;font:600 20px/1.24 Google Sans Flex,sans-serif}.step-card p,.feature p,.metric p,.review-card p,.stat-chip p,.faq-item p,.plan li{margin:0;color:color-mix(in srgb,var(--md-sys-color-on-surface) 74%,transparent);font:400 14px/1.56 Google Sans Text,sans-serif}.plan.featured{border-color:color-mix(in srgb,var(--md-sys-color-primary) 45%,var(--md-sys-color-outline-variant));background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary-container) 36%,var(--md-sys-color-surface-container-lowest)),var(--md-sys-color-surface-container-lowest))}.price{margin:10px 0 0;color:var(--md-sys-color-primary);font:700 36px/1 Google Sans Flex,sans-serif}.plan ul{margin:12px 0 0;padding-left:18px;display:grid;gap:6px}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-chip h3{margin-top:0}.preview-top{display:flex;gap:8px;margin:14px 0 10px}.preview-top span{width:9px;height:9px;border-radius:50%;background:var(--md-sys-color-outline-variant)}.preview-grid{margin-top:10px}.video-player{padding:12px;overflow:hidden}.video-stage{position:relative;border-radius:var(--md-shape-md);overflow:hidden;background:#000}.video-el{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.video-hit{position:absolute;top:0;bottom:0;width:23%;border:0;background:transparent;color:#fff}.video-hit-left{left:0}.video-hit-center{left:50%;width:20%;transform:translate(-50%)}.video-hit-right{right:0}.video-hit-inner{display:inline-flex;align-items:center;gap:4px;border-radius:var(--md-shape-full);padding:8px 10px;background:#00000057;border:1px solid rgb(255 255 255 / .24);opacity:0;transform:translateY(8px) scale(.95);transition:opacity .16s var(--md-easing-standard),transform .16s var(--md-easing-standard)}.video-hit:hover .video-hit-inner{opacity:1;transform:translateY(0) scale(1)}.video-hit-center .center{width:50px;height:50px;border-radius:50%;padding:13px;background:#0000005c;border:1px solid rgb(255 255 255 / .24)}.seek-flash{position:absolute;inset:auto 0 14px;margin:0 auto;width:fit-content;border-radius:var(--md-shape-full);padding:6px 12px;background:#000000ad;color:#fff;animation:seekPop .46s var(--md-easing-standard)}@keyframes seekPop{0%{opacity:0;transform:translateY(8px) scale(.94)}22%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0}}.video-controls{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.video-btn{min-height:38px;padding:0 14px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font:600 13px/1 Google Sans Text,sans-serif}.video-time{color:color-mix(in srgb,var(--md-sys-color-on-surface) 72%,transparent);font:500 13px/1 Google Sans Text,sans-serif}.video-group{display:inline-flex;align-items:center;gap:6px}.video-speed{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-full);padding:8px 10px;background:var(--md-sys-color-surface-container-low);color:var(--md-sys-color-on-surface)}.video-range{width:min(320px,48vw);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent)}.video-range.mini{width:96px}.video-range::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border:0;border-radius:50%;background:var(--md-sys-color-primary)}.video-range::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--md-sys-color-primary)}.emoji-cdn{width:18px;height:18px}.emoji-cdn.inline{width:16px;height:16px;vertical-align:middle}.fullscreen-icon{margin-right:4px}.faq-list{display:grid;gap:8px}.faq-item{overflow:hidden}.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:14px 42px 14px 16px;font:600 16px/1.35 Google Sans Flex,sans-serif;isolation:isolate}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font:700 22px/1 Google Sans Text,sans-serif;color:var(--md-sys-color-primary);transition:transform .18s var(--md-easing-standard)}.faq-item[open] summary:before{transform:translateY(-50%) rotate(45deg)}.faq-item p{margin:0;padding:0 16px 14px}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);border-color:transparent}.footer p{margin:0;font:500 14px/1.3 Google Sans Text,sans-serif}.footer a{color:var(--md-sys-color-inverse-primary);font:600 14px/1.2 Google Sans Text,sans-serif}[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .42s var(--md-easing-standard),transform .42s var(--md-easing-standard);transition-delay:var(--reveal-delay, 0ms)}[data-reveal].is-visible{opacity:1;transform:none}.page-enter{animation:pageFade .56s var(--md-easing-standard)}@keyframes pageFade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width: 1080px){.step-card,.metric,.feature,.plan,.review-card{grid-column:span 6}.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 940px){.nav{grid-template-columns:auto auto 1fr;gap:8px}.menu-toggle{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);font-size:21px}.menu{grid-column:1 / -1;justify-content:flex-start;max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .24s var(--md-easing-standard),opacity .2s var(--md-easing-standard),transform .2s var(--md-easing-standard)}.menu.is-open{margin-top:2px;opacity:1;max-height:220px;transform:translateY(0)}.nav-actions{justify-self:end}.theme-toggle,.cta{min-height:36px;padding:0 10px;font-size:12px}}@media (max-width: 760px){.site{width:min(100vw - 20px,1120px);padding-top:8px}section,.footer{border-radius:22px}.hero h1{font-size:clamp(36px,14vw,56px)}.step-card,.feature,.plan,.metric,.review-card{grid-column:span 12}.stats-strip{grid-template-columns:1fr}.video-range{width:100%;order:10}.footer{flex-direction:column;align-items:flex-start}}.sub-page{display:grid;place-items:center;min-height:100svh}.sub-card{width:min(760px,100%);border:1px solid var(--md-sys-color-outline-variant);border-radius:24px;padding:18px;background:var(--md-sys-color-surface-container-low);box-shadow:var(--md-elevation-2)}.sub-card h1{margin:0}.sub-muted{color:var(--md-sys-color-on-surface-variant)}.sub-ok{color:#b8ffe4}.sub-error{color:#ffb4ab}.sub-textarea{width:100%;min-height:150px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);padding:10px;font-family:Google Sans Text,sans-serif;font-size:13px;margin-top:8px}.sub-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}}