/*! Copyright 2025-2026 Vantari Works. All rights reserved. Display Dimmer website demo. Reuse or redistribution of this demo's original code requires permission, except as permitted by law. Permissions: support@displaydimmer.com. Third-party materials retain their respective rights. */
:root{--bg0:#080909;--bg1:#101313;--card:rgba(255,255,255,.06);--card2:rgba(255,255,255,.04);--stroke:rgba(255,255,255,.10);--text:#f4f6f8;--muted:rgba(244,246,248,.78);--muted2:rgba(244,246,248,.60);--link:#8bd7c7;--shadow:0 18px 45px rgba(0,0,0,.45);--radius:8px;--topbar-h:60px;--announce-h:40px}*{box-sizing:border-box}body,html{height:100%}html{scroll-padding-top:calc(var(--topbar-h) + var(--announce-h) + 12px)}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#070708;overflow-x:hidden}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(135deg, rgba(139,215,199,.06) 0, transparent 34%),linear-gradient(180deg, var(--bg0), var(--bg1) 48%, #070808);background-repeat:no-repeat;background-size:cover}.wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 22px}.home-main > .section{position:relative;z-index:1;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}.topbar{position:relative;top:auto;z-index:auto;backdrop-filter:blur(14px);background:rgba(8,8,10,.65);border-bottom:0}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:var(--topbar-h)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:650}.brand-logo{width:32px;height:32px;display:block;border-radius:9px;box-shadow:0 10px 25px rgba(0,0,0,.25)}.brand picture{display:block;line-height:0}.nav{display:flex;gap:18px;font-size:14px}.nav a{color:rgba(244,246,248,.85);padding:8px 10px;border-radius:8px}.nav a:hover{background:rgba(255,255,255,.06);text-decoration:none}.hero{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;padding:70px 0 62px;background:#090b0b;border-bottom:1px solid rgba(255,255,255,.08)}.hero-visual{position:absolute;inset:0;pointer-events:none}.hero-visual picture{display:block}.hero-visual img{position:absolute;top:42px;right:max(-280px, calc((100vw - 1100px) / 2 - 250px));width:min(980px, 74vw);height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px rgba(0,0,0,.60);opacity:.58}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg, rgba(7,8,8,.98) 0, rgba(7,8,8,.92) 38%, rgba(7,8,8,.56) 72%, rgba(7,8,8,.78) 100%),linear-gradient(180deg, rgba(139,215,199,.10), transparent 44%)}.hero-inner{position:relative;z-index:2;width:100%}.hero-copy{max-width:760px}.kicker{letter-spacing:0;font-size:11px;color:rgba(139,215,199,.86);font-weight:700;text-transform:uppercase}h1{margin:10px 0 10px;font-size:54px;line-height:1.05;max-width:760px}.sub{margin:0 0 10px;max-width:62ch;color:var(--muted)}.seo{margin:0 0 18px;max-width:70ch;color:rgba(244,246,248,.70)}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.micro{margin-top:10px;color:rgba(244,246,248,.65);font-size:13px}.trust-row{margin-top:10px;font-size:12px;color:rgba(244,246,248,.60);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.trust-row strong{color:rgba(244,246,248,.78)}.trust-sep{opacity:.35}.hero-rating-link{color:inherit;text-decoration:none}.hero-rating-link:hover{color:rgba(244,246,248,.82);text-decoration:underline;text-decoration-color:rgba(244,246,248,.45);text-underline-offset:3px;text-decoration-thickness:1px}.hero-rating-arrow{margin-left:6px;opacity:.55}.hero-proof{margin-top:10px}.hero-rating-link{display:inline-block;color:rgba(244,246,248,.60);font-size:12px;text-decoration:none;cursor:pointer}.hero-rating-link strong{color:rgba(244,246,248,.78);font-weight:700}.hero-rating-link:hover{color:rgba(244,246,248,.82);text-decoration:underline;text-decoration-color:rgba(244,246,248,.45);text-underline-offset:3px;text-decoration-thickness:1px}.hero-rating-link:focus-visible{outline:2px solid rgba(154,209,255,.55);outline-offset:3px;border-radius:8px}.hero-rating-arrow{margin-left:6px;opacity:.55}.cred-line{margin-top:8px;font-size:12px;color:var(--muted2)}.chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.chip{font-size:12px;color:rgba(244,246,248,.78);padding:7px 10px;border-radius:999px;background:rgba(139,215,199,.08);border:1px solid rgba(139,215,199,.18)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:8px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);color:var(--text);box-shadow:0 16px 40px rgba(0,0,0,.25);font-weight:600;text-decoration:none}.btn:hover{background:rgba(255,255,255,.14);text-decoration:none}.btn.ghost{background:rgba(255,255,255,.06)}.store-badge{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#111;border-radius:8px;padding:10px 12px;box-shadow:0 14px 32px rgba(0,0,0,.35);text-decoration:none}.store-badge:hover{text-decoration:none;filter:brightness(1.02)}.store-badge .ms-mark{width:34px;height:34px;border-radius:6px;background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;color:#111;flex:0 0 auto}.ms-logo{width:18px;height:18px;display:block}.store-badge .store-text{display:flex;flex-direction:column;line-height:1.05}.store-badge .small{font-size:12px;font-weight:650;opacity:.75}.store-badge .big{font-size:14px;font-weight:800}.store-badge .arrow{margin-left:6px;font-weight:900;opacity:.7}.store-badge.compact .small{font-size:11px}.store-badge.compact .big{font-size:13px}.product-card{padding:18px;border-radius:var(--radius);background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow)}.product-top{display:flex;gap:12px;align-items:center;margin-bottom:10px}.product-icon{border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.30)}.product-name{font-weight:800;font-size:16px}.product-tagline{color:rgba(244,246,248,.70);font-size:13px}.bullets{margin:12px 0 14px;padding-left:18px;color:rgba(244,246,248,.78)}.bullets li{margin:7px 0}.tiny{margin-top:10px;font-size:12px;color:rgba(244,246,248,.60)}.section{padding:28px 0;scroll-margin-top:90px}.section-head{margin-bottom:14px}.section h2{margin:0 0 6px;font-size:22px}.section p{margin:0;color:rgba(244,246,248,.70)}.grid{margin-top:14px;display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px}.card{padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(0,0,0,.22)}.card h3{margin:0 0 6px;font-size:16px}.card p{margin:0;color:rgba(244,246,248,.72)}.card.wide{padding:18px}.card.wide p{margin:0}.muted{color:rgba(244,246,248,.70)}.feature-grid .card{min-height:150px}.compat-strip{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px;color:rgba(244,246,248,.70);font-size:13px}.compat-strip span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}.guide-list{display:grid;gap:10px;margin-top:14px}.guide-row{display:flex;justify-content:space-between;gap:18px;padding:15px 16px;color:inherit;text-decoration:none;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.guide-row:hover{border-color:rgba(139,215,199,.30);background:rgba(139,215,199,.06);text-decoration:none}.guide-row strong{display:block;color:rgba(244,246,248,.96)}.guide-row small{display:block;margin-top:3px;color:rgba(244,246,248,.64);font-size:13px}.section h1{margin:0 0 6px;font-size:22px}.link-card{display:block;color:inherit;text-decoration:none}.link-card:hover{border-color:rgba(255,255,255,.14)}.link-card h3{color:rgba(244,246,248,.96)}.card.wide.privacy-card .privacy-item + .privacy-item{margin-top:24px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.article-page .privacy-card p + p{margin-top:10px}.article-page .privacy-card p + .bullets{margin-top:10px}.article-page .privacy-card .bullets + p{margin-top:10px}.article-page .privacy-card h3{margin-top:0}.cta-card{margin-top:14px;padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:14px}.cta-title{font-weight:800}.cta-sub{color:rgba(244,246,248,.70);font-size:13px;margin-top:2px}.faq{margin-top:14px;display:grid;gap:10px}details{border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:12px 14px}summary{cursor:pointer;list-style:none;font-weight:700}summary::-webkit-details-marker{display:none}details[open]{background:rgba(255,255,255,.06)}.answer{margin-top:10px;color:rgba(244,246,248,.72)}.footer{padding:26px 0 32px;border-top:1px solid rgba(255,255,255,.08);margin-top:22px}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.footer-right{display:flex;gap:14px;font-size:14px}.footer-right a{color:rgba(244,246,248,.80)}.footer-right a:hover{text-decoration:underline}@media (max-width: 920px){.hero{min-height:auto;padding:60px 0 46px}.hero-visual img{top:90px;right:-360px;width:860px;opacity:.28}.hero-shade{background:linear-gradient(90deg, rgba(7,8,8,.98) 0, rgba(7,8,8,.88) 72%, rgba(7,8,8,.82) 100%)}h1{font-size:44px}.grid{grid-template-columns:1fr}.nav{gap:8px;overflow-x:auto;white-space:nowrap}.nav a{padding:8px 8px}.cta-card{flex-direction:column;align-items:flex-start}}@media (max-width: 560px){.home-main > .section,.wrap{padding-left:16px;padding-right:16px}.brand span{display:none}h1{font-size:34px}.sub{font-size:15px}.hero{padding:38px 0 28px}.hero-visual img{right:-480px;opacity:.20}.store-badge{width:100%;justify-content:flex-start}.btn.ghost{width:100%}.hero .chips,.hero-proof{display:none}.trust-sep{display:none}.footer-inner{flex-direction:column}.footer-right{flex-wrap:wrap}}.form-label{display:block;margin:10px 0 6px;font-size:13px;color:rgba(244,246,248,.75);font-weight:650}.form-input{width:100%;padding:12px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.20);color:var(--text);outline:none}.form-input:focus{border-color:rgba(154,209,255,.40);box-shadow:0 0 0 4px rgba(154,209,255,.08)}.form-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}textarea#message,textarea.form-input{width:100%;max-width:100%;box-sizing:border-box;resize:vertical}.card{padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px rgba(0,0,0,.22)}.card.wide{padding:18px}.cta-card{margin-top:14px;padding:16px;border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:14px}details{border-radius:var(--radius);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:12px 14px;transition:background-color .18s ease-out}details[open]{background:rgba(255,255,255,.06)}#testimonials.section{margin-bottom:24px}.testimonials-strip{margin-top:14px;display:flex;gap:14px;overflow-x:auto;padding:0 0 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scrollbar-color:rgba(255,255,255,0.25) transparent;align-items:stretch}.testimonials-strip.is-auto-scrolling{scroll-snap-type:none}.testimonials-strip:hover{scrollbar-width:thin}.testimonials-strip::-webkit-scrollbar{height:0}.testimonials-strip:hover::-webkit-scrollbar{height:4px}.testimonials-strip::-webkit-scrollbar-track{background:transparent}.testimonials-strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.25);border-radius:999px}.testimonial-card{flex:0 0 auto;min-width:340px;max-width:340px;scroll-snap-align:start}.testimonial-inner{height:100%;display:flex;flex-direction:column;padding:12px 20px 10px;border-radius:var(--radius);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);box-shadow:none}.testimonial-rating{font-size:15px;margin-bottom:8px;display:flex;align-items:center;gap:10px}.testimonial-rating .stars{letter-spacing:0;color:#f7d46a}.testimonial-source{padding:0;border:0;background:transparent;border-radius:0;color:rgba(244,246,248,.60);font-size:0.72rem;letter-spacing:0}.testimonial-quote{margin:0;font-size:0.95rem;line-height:1.5;font-style:italic;background:transparent;border:0;padding:0;text-align:left;color:inherit;cursor:pointer;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.testimonial-quote:hover{text-decoration:underline}.testimonial-quote:focus-visible{outline:2px solid rgba(154,209,255,.55);outline-offset:3px;border-radius:8px}.testimonial-more{margin-top:8px;align-self:flex-start;padding:0;border:none;background:transparent;color:rgba(154,209,255,.95);font-size:13px;font-weight:650;cursor:pointer}.testimonial-more:hover{text-decoration:underline}.testimonial-more:focus-visible{outline:2px solid rgba(154,209,255,.55);outline-offset:3px;border-radius:8px}body.modal-open{overflow:hidden}.review-modal-backdrop{position:fixed;left:0;top:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(0, 0, 0, 0.78);z-index:80}.review-modal-backdrop.is-open{display:flex}.review-modal-dialog{position:relative;width:100%;max-width:740px;max-height:calc(100vh - 40px);overflow:auto;border-radius:8px;background:rgba(12,12,14,.95);border:1px solid rgba(255,255,255,.10);box-shadow:0 20px 70px rgba(0,0,0,.60);padding:18px 18px 16px}.review-modal-close{position:absolute;top:11px;right:11px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(0, 0, 0, 0.6);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0;color:transparent}.review-modal-close::after,.review-modal-close::before{content:"";position:absolute;width:16px;height:2px;background:#f4f6f8;border-radius:999px;top:50%;left:50%;transform-origin:center}.review-modal-close::before{transform:translate(-50%, -50%) rotate(45deg)}.review-modal-close::after{transform:translate(-50%, -50%) rotate(-45deg)}.review-modal-close:hover{background:rgba(0, 0, 0, 0.85)}.review-modal-top{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.review-modal-stars{letter-spacing:0;color:#f7d46a;font-size:16px;margin:0}.review-modal-source{transform:translateY(-1px)}.review-modal-text{margin:0;color:rgba(244,246,248,.92);font-size:1rem;line-height:1.6;font-style:italic;white-space:pre-wrap}.review-modal-translated{margin-top:6px;font-size:0.92em;opacity:0.6;font-style:italic}.review-modal-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.10);color:var(--muted2);font-size:0.85rem;letter-spacing:0}.review-modal-name{font-weight:650;color:rgba(244,246,248,.92)}.review-modal-meta{margin-top:2px}.review-modal-date{margin-top:2px;opacity:0.9}@media (max-width: 520px){.testimonial-card{min-width:300px;max-width:300px}.review-modal-dialog{padding:16px 14px 14px}}.testimonial-bottom{margin-top:auto;padding-top:10px;font-size:0.8rem;color:var(--muted2);letter-spacing:0}.testimonial-bottom span{display:block}.testimonial-bottom span + span{margin-top:2px}.testimonial-name{font-weight:600}.testimonial-meta{display:inline-block;width:fit-content;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);color:rgba(244,246,248,.78);font-size:0.72rem;letter-spacing:0}.testimonial-date{font-size:0.75rem;opacity:0.7;font-style:italic}.testimonial-translated{margin-top:6px;font-size:0.9em;opacity:0.6;font-style:italic}.rating-line{margin-top:6px;font-size:0.8rem;color:var(--muted2)}.rating-line strong{font-weight:600}.faq details{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.08);padding:12px 14px;border-radius:var(--radius);transition:none}.faq details[open]{background:rgba(255,255,255,.03)!important}.announce{position:relative;top:auto;z-index:auto;background:rgba(10,12,16,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.announce-inner{max-width:1120px;margin:0 auto;padding:10px 18px;min-height:var(--announce-h);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:15px}.announce-badge{padding:3px 8px;border-radius:999px;background:rgba(154,209,255,.12);border:1px solid rgba(154,209,255,.30);font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase;color:rgba(244,246,248,.92)}.announce-text{color:rgba(244,246,248,.86)}.announce-link{color:rgba(154,209,255,.95);text-decoration:none;font-weight:650;padding:4px 8px;border-radius:999px;border:1px solid rgba(154,209,255,.18);background:rgba(154,209,255,.06)}.announce-link:hover{border-color:rgba(154,209,255,.30);background:rgba(154,209,255,.09);text-decoration:none}.sticky-stack{position:sticky;top:0;z-index:60}.article-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:16px}.article-hero .section-head{margin-bottom:0}.article-cta{flex:0 0 auto;margin-top:6px}.store-badge--hero{white-space:nowrap}@media (max-width: 760px){.article-hero{flex-direction:column;align-items:flex-start}.article-cta{margin-top:0}.store-badge--hero{width:auto}}.article-page .section-head{margin-bottom:18px}.article-page .section-head h1{margin:0 0 8px;font-size:34px;line-height:1.1;letter-spacing:0}.article-page .section-head .sub{max-width:78ch}.article-page .article-card{margin-top:14px;padding:22px;max-width:900px;margin-left:auto;margin-right:auto}.article-page .store-badge{margin:0 0 14px}.article-page .prose{max-width:78ch;color:rgba(244,246,248,.86)}.article-page .prose p{margin:0 0 14px}.article-page .prose h2{margin:22px 0 10px;font-size:20px}.article-page .prose h3{margin:18px 0 8px;font-size:17px}.article-page .prose ul{margin:8px 0 16px 22px;padding:0}.article-page .prose li{margin:6px 0}.article-page .prose a{color:var(--link)}.article-page .prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:.95em;color:rgba(244,246,248,.92)}.home-main{background:linear-gradient(180deg, rgba(8,9,10,0) 0, rgba(8,9,10,.94) 620px, #08090a 100%),radial-gradient(circle at 18% 12%, rgba(139,215,199,.10), transparent 32%),radial-gradient(circle at 80% 28%, rgba(97,151,255,.10), transparent 34%)}.hero-modern{min-height:calc(100vh - var(--topbar-h));padding:54px 0 30px;display:flex;align-items:center;background:linear-gradient(180deg, rgba(8,9,10,.96), rgba(8,9,10,.90) 58%, #08090a),radial-gradient(circle at 58% 38%, rgba(139,215,199,.14), transparent 36%),radial-gradient(circle at 86% 74%, rgba(255,197,91,.08), transparent 30%)}.hero-modern-inner{max-width:1260px;grid-template-columns:minmax(380px, .76fr) minmax(620px, 1.24fr);gap:34px}.hero-modern-copy{max-width:610px}.hero-modern h1{font-size:clamp(46px, 4.8vw, 74px);line-height:.96;max-width:720px}.hero-modern .sub{max-width:58ch;font-size:18px;color:rgba(244,246,248,.82)}.hero-motion-scene{min-width:0}.motion-desktop{position:relative;min-height:600px;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:linear-gradient(135deg, rgba(17,43,53,.96), rgba(11,13,16,.98) 46%, rgba(10,10,12,.98)),linear-gradient(90deg, rgba(139,215,199,.12), rgba(105,151,255,.10));box-shadow:0 38px 110px rgba(0,0,0,.54)}.motion-desktop::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:40px 40px;opacity:.56}.motion-desktop::after{content:"";position:absolute;left:5%;right:5%;bottom:24px;height:42px;border-radius:8px;background:rgba(246,249,248,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 18px 40px rgba(0,0,0,.20)}.motion-monitor{position:absolute;z-index:1;border-radius:8px;padding:16px;color:rgba(255,255,255,.86);background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 50px rgba(0,0,0,.24)}.motion-monitor span{display:block;margin-bottom:34px;color:rgba(255,255,255,.58);font-size:12px}.motion-monitor strong{font-size:24px;line-height:1}.motion-monitor-left{left:7%;top:12%;width:28%}.motion-monitor-right{right:6%;top:18%;width:25%}.motion-window{position:absolute;z-index:3;display:block;height:auto;filter:drop-shadow(0 30px 34px rgba(0,0,0,.42))}.motion-settings-hero{left:5%;bottom:80px;width:min(42%, 380px);opacity:.78;transform:rotate(-1deg)}.motion-main-hero{right:3%;bottom:96px;width:min(54%, 520px);transform:rotate(.5deg)}.motion-caption{position:absolute;z-index:4;left:28px;top:28px;margin:0;max-width:360px;padding:9px 11px;border-radius:999px;color:rgba(244,246,248,.82);background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);font-size:12px}.motion-section{padding-top:68px;padding-bottom:42px}.motion-section .section-head h2{font-size:clamp(30px, 3.3vw, 48px);line-height:1.05;max-width:760px}.motion-section .section-head p{max-width:74ch}.motion-story{display:grid;gap:74px;margin-top:34px}.motion-row{position:relative;display:grid;grid-template-columns:minmax(310px, .78fr) minmax(560px, 1.22fr);gap:32px;align-items:center;min-height:520px}.motion-row-settings{grid-template-columns:minmax(560px, 1.22fr) minmax(310px, .78fr)}.motion-row-settings .motion-copy{order:2}.motion-row-settings .motion-canvas{order:1}.motion-copy{position:relative;z-index:2;max-width:470px}.motion-copy h3{margin:0 0 12px;font-size:clamp(28px, 3vw, 44px);line-height:1.06;color:rgba(244,246,248,.96)}.motion-copy p{color:rgba(244,246,248,.72);font-size:17px}.motion-canvas{position:relative;min-height:500px;overflow:visible}.motion-canvas::before{content:"";position:absolute;inset:8% 0;border-radius:8px;background:linear-gradient(135deg, rgba(19,50,59,.92), rgba(10,12,15,.98)),linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:auto,38px 38px,38px 38px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 28px 80px rgba(0,0,0,.34)}.motion-canvas::after{content:"";position:absolute;left:8%;right:8%;bottom:10%;height:34px;border-radius:8px;background:rgba(246,249,248,.55)}.motion-canvas img{position:absolute;z-index:2;display:block;height:auto;filter:drop-shadow(0 30px 34px rgba(0,0,0,.42))}.motion-canvas-main img{width:min(76%, 520px);right:5%;bottom:20%}.motion-canvas-settings img{width:min(58%, 430px);left:15%;bottom:7%}.home-main > #features.section{padding-top:56px}.home-main > #features .section-head h2,.home-main > #guides .section-head h2{font-size:clamp(28px, 3vw, 42px);line-height:1.08}.home-main .feature-grid .card{min-height:134px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032))}@media (max-width: 1080px){.hero-modern{padding-top:42px}.hero-modern-inner,.motion-row,.motion-row-settings{grid-template-columns:1fr}.motion-row-settings .motion-canvas,.motion-row-settings .motion-copy{order:initial}.motion-desktop{min-height:560px}}@media (max-width: 720px){.hero-modern{min-height:auto;padding-top:36px}.hero-modern h1{font-size:42px}.motion-desktop{min-height:470px;aspect-ratio:auto}.motion-monitor-left{width:44%}.motion-monitor-right{display:none}.motion-settings-hero{left:2%;bottom:68px;width:46%}.motion-main-hero{right:-8%;bottom:94px;width:72%}.motion-caption{left:16px;top:16px;right:16px;max-width:none;border-radius:8px}.motion-row{min-height:auto;gap:18px}.motion-canvas{min-height:460px}.motion-canvas-main img{width:min(92%, 440px);right:-2%;bottom:20%}.motion-canvas-settings img{width:min(78%, 390px);left:8%;bottom:5%}}@media (max-width: 520px){.hero-modern h1{font-size:36px}.hero-modern .sub{font-size:16px}.motion-desktop{min-height:420px}.motion-settings-hero{width:43%;opacity:.62}.motion-main-hero{width:83%;right:-18%}.motion-canvas{min-height:390px}.motion-copy h3{font-size:27px}}.hero-modern{min-height:auto;display:block;padding:54px 0 40px;overflow:hidden;background:linear-gradient(180deg, rgba(11,13,15,.98), rgba(7,8,10,.98) 68%, rgba(8,9,10,.98)),linear-gradient(90deg, rgba(139,215,199,.08), rgba(90,150,255,.06) 52%, rgba(255,196,87,.05));border-bottom:1px solid rgba(255,255,255,.08)}.hero-modern .hero-shade,.hero-modern .hero-visual{display:none}.hero-modern-inner{display:grid;grid-template-columns:minmax(0, .88fr) minmax(520px, 1.12fr);gap:34px;align-items:center;max-width:1240px}.hero-modern-copy{max-width:560px;padding-top:4px}.hero-modern h1{max-width:620px;font-size:56px;line-height:1;letter-spacing:0;margin-bottom:14px}.hero-modern .sub{font-size:18px;color:rgba(244,246,248,.82)}.hero-modern .seo{color:rgba(244,246,248,.68)}.hero-demo{position:relative;min-width:0}.demo-desktop{position:relative;min-height:500px;aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#101417;box-shadow:0 34px 90px rgba(0,0,0,.52)}.demo-wallpaper{position:absolute;inset:0;background:linear-gradient(135deg, rgba(33,71,96,.92), rgba(19,28,34,.96) 42%, rgba(12,14,18,.98)),linear-gradient(70deg, rgba(139,215,199,.28), transparent 48%),linear-gradient(145deg, transparent 0 58%, rgba(88,145,255,.20) 58% 72%, transparent 72%)}.demo-wallpaper::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:42px 42px;opacity:.55}.demo-dim-layer{position:absolute;inset:0;background:rgba(0,0,0,var(--demo-dim));pointer-events:none;transition:background-color .18s ease-out}.demo-monitor{position:absolute;width:32%;min-width:160px;aspect-ratio:16/10;border-radius:8px;padding:14px;color:rgba(255,255,255,.88);background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06)),linear-gradient(135deg, rgba(139,215,199,.24), rgba(90,150,255,.14));border:1px solid rgba(255,255,255,.20);box-shadow:0 18px 45px rgba(0,0,0,.32);display:flex;flex-direction:column;justify-content:space-between}.demo-monitor span{font-size:12px;color:rgba(255,255,255,.68)}.demo-monitor strong{font-size:28px;line-height:1;letter-spacing:0}.demo-monitor-main{top:12%;left:7%}.demo-monitor-side{top:20%;right:8%;width:26%}.demo-taskbar{position:absolute;left:5%;right:5%;bottom:18px;height:34px;border-radius:8px;background:rgba(245,248,250,.74);border:1px solid rgba(255,255,255,.42);display:flex;align-items:center;gap:10px;padding:0 18px}.demo-taskbar span{width:22px;height:22px;border-radius:6px;background:rgba(28,38,50,.34)}.c9b868f61{position:absolute;z-index:3;right:7%;bottom:72px;width:360px;max-width:58%;padding:12px;border-radius:14px;color:#1c252c;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.82);box-shadow:0 24px 70px rgba(0,0,0,.34)}.c6713fb55{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;margin-bottom:10px}.ccb7514b0{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:rgba(22,124,255,.10)}.ccb7514b0 img{display:block;width:18px;height:18px;border-radius:5px}.c56babcfb{margin-left:auto;width:22px;height:22px;border-radius:999px;color:#fff;background:#1688ff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;line-height:1}.c146244e8{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.c962fa782{width:100%;height:32px;border:1px solid rgba(20,30,40,.12);border-radius:6px;background:#fff;color:#25313b;font:inherit;font-size:12px;padding:0 10px}.c2ee456a8{margin-top:12px}.ca93b37f9{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12px;color:#24303a}.demo-brightness-slider{display:block;width:100%;accent-color:#1688ff}.fake-slider{position:relative;height:6px;border-radius:999px;background:#dedede}.fake-slider span{display:block;width:50%;height:100%;border-radius:inherit;background:#287ff2}.fake-slider::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;background:#fff;border:1px solid rgba(20,30,40,.16);box-shadow:0 3px 9px rgba(0,0,0,.18);transform:translate(-50%, -50%)}.c73e64891{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.c73e64891 button{height:34px;border:0;border-radius:7px;font:inherit;font-size:12px;color:#26323b;background:#d7d7dc}.c73e64891 button + button{color:#fff;background:#1688ff}.demo-note{position:absolute;z-index:4;left:26px;bottom:66px;margin:0;padding:8px 10px;border-radius:999px;color:rgba(255,255,255,.84);background:rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);font-size:12px}.app-ui-section{padding-top:44px}.app-ui-section .section-head h2{font-size:28px;line-height:1.15;letter-spacing:0}.app-ui-shell{margin-top:18px;border-radius:8px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.035);box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.ui-tabs{display:flex;gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}.ui-tab{border:1px solid rgba(255,255,255,.10);border-radius:8px;background:rgba(255,255,255,.04);color:rgba(244,246,248,.72);padding:9px 12px;font:inherit;font-weight:650;cursor:pointer}.ui-tab.is-active{color:#081010;background:#8bd7c7;border-color:rgba(139,215,199,.70)}.app-ui-panel{display:grid;grid-template-columns:minmax(0, .82fr) minmax(460px, 1.18fr);gap:24px;align-items:center;padding:28px}.app-ui-panel[hidden]{display:none}.app-ui-copy{max-width:430px}.eyebrow{display:inline-flex;align-items:center;margin-bottom:10px;color:rgba(139,215,199,.92);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.app-ui-copy h3{margin:0 0 10px;color:rgba(244,246,248,.96);font-size:26px;line-height:1.18;letter-spacing:0}.app-ui-copy p{color:rgba(244,246,248,.70)}.ui-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ui-badges span{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:rgba(244,246,248,.74);font-size:12px}.app-ui-art{position:relative;min-height:430px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg, rgba(18,35,43,.98), rgba(11,13,17,.96)),linear-gradient(115deg, rgba(139,215,199,.15), transparent 48%, rgba(90,150,255,.12));display:flex;align-items:center;justify-content:center}.app-ui-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:34px 34px;opacity:.45}.app-ui-art img,.app-ui-art picture{position:relative;z-index:1;display:block}.app-ui-art-main img{width:min(92%, 520px);height:auto;filter:drop-shadow(0 26px 34px rgba(0,0,0,.38))}.app-ui-art-settings img{width:min(72%, 410px);height:auto;filter:drop-shadow(0 28px 36px rgba(0,0,0,.40))}.main-slider-sweep{position:absolute;z-index:2;left:38%;top:49%;width:24%;height:7px;border-radius:999px;background:transparent;overflow:visible;pointer-events:none}.main-slider-sweep::after{content:"";position:absolute;top:50%;left:8%;width:20px;height:20px;border-radius:999px;background:#fff;border:1px solid rgba(18,28,38,.18);box-shadow:0 4px 12px rgba(0,0,0,.24);transform:translate(-50%, -50%);animation:mainSliderSweep 3.4s cubic-bezier(.45,0,.2,1) infinite}@keyframes mainSliderSweep{0%,100%{left:8%}45%,55%{left:82%}}.settings-drag-card{position:absolute;z-index:2;left:16%;top:56%;width:38%;min-height:62px;border-radius:8px;padding:11px 12px;color:#1c252c;background:rgba(255,255,255,.94);border:1px solid rgba(22,136,255,.26);box-shadow:0 18px 35px rgba(0,0,0,.26);animation:settingsCardReorder 3.8s cubic-bezier(.45,0,.18,1) infinite}.settings-drag-card span,.settings-drag-card strong{display:block;font-size:12px}.settings-drag-card span{margin-top:3px;color:rgba(28,37,44,.62)}@keyframes settingsCardReorder{0%,100%{transform:translateY(68px)}42%,58%{transform:translateY(-118px)}}@media (max-width: 1040px){.hero-modern-inner{grid-template-columns:1fr;gap:26px}.hero-modern-copy{max-width:780px}.hero-modern h1{max-width:780px;font-size:48px}.hero-demo{width:100%}.app-ui-panel{grid-template-columns:1fr}.app-ui-copy{max-width:720px}}@media (max-width: 720px){.hero-modern{padding-top:38px}.hero-modern h1{font-size:38px}.hero-modern .sub{font-size:16px}.demo-desktop{min-height:460px;aspect-ratio:auto}.demo-monitor{min-width:128px;padding:11px}.demo-monitor strong{font-size:22px}.c9b868f61{left:6%;right:6%;bottom:70px;width:auto;max-width:none}.demo-note{left:16px;bottom:18px;max-width:calc(100% - 32px)}.app-ui-panel{padding:18px}.app-ui-art{min-height:370px}.app-ui-art-main img{width:min(92%, 396px)}.app-ui-art-settings img{width:min(82%, 330px)}}@media (max-width: 520px){.hero-modern h1{font-size:34px}.hero-modern .cta-row{width:100%}.hero-modern .btn.ghost,.hero-modern .store-badge{width:100%}.demo-desktop{min-height:430px}.demo-monitor-side{display:none}.demo-monitor-main{width:48%}.c73e64891{gap:8px}.ui-tabs{display:grid;grid-template-columns:1fr 1fr}.ui-tab{padding-left:8px;padding-right:8px;font-size:13px}.app-ui-copy h3{font-size:22px}.settings-drag-card{left:22%;width:56%}}.hero-modern{min-height:calc(100vh - var(--topbar-h));padding:54px 0 30px;display:flex;align-items:center;background:linear-gradient(180deg, rgba(8,9,10,.96), rgba(8,9,10,.90) 58%, #08090a),radial-gradient(circle at 58% 38%, rgba(139,215,199,.14), transparent 36%),radial-gradient(circle at 86% 74%, rgba(255,197,91,.08), transparent 30%)}.hero-modern-inner{width:100%;max-width:1200px;display:grid;grid-template-columns:minmax(0, 440px) minmax(0, 1fr);gap:34px;align-items:center}.hero-modern-copy{max-width:610px}.hero-modern h1{font-size:clamp(44px, 4.25vw, 62px);line-height:.96;max-width:720px}.hero-modern .sub{max-width:58ch;font-size:18px}@media (max-width: 1080px){.hero-modern{min-height:auto;padding-top:42px}.hero-modern-inner{grid-template-columns:1fr}}@media (max-width: 720px){.hero-modern h1{font-size:42px}}@media (max-width: 520px){.hero-modern h1{font-size:36px}}.motion-desktop{width:100%;min-height:0;aspect-ratio:16/10}.motion-settings-hero{left:7%;bottom:84px;width:min(36%, 328px);opacity:.80}.motion-main-hero{right:5%;bottom:98px;width:min(46%, 410px)}@media (max-width: 1080px){.motion-desktop{min-height:560px}}@media (max-width: 720px){.motion-desktop{min-height:470px}.motion-settings-hero{left:1%;bottom:68px;width:45%}.motion-main-hero{right:-8%;bottom:90px;width:70%}}@media (max-width: 520px){.motion-desktop{min-height:420px}.motion-main-hero{width:82%;right:-17%}}