:root{--bg:#f5f6f8;--bg-soft:#eef0f4;--surface:#fff;--surface-elevated:#fff;--surface-muted:#f5f6f9;--text:#111218;--text-soft:#5c6372;--text-faint:#858b98;--line:#e3e6eb;--accent:#4035e8;--accent-deep:#2e25bb;--accent-soft:#ecebff;--lime:#c9f96d;--shadow:0 16px 42px #1b1f3117;--shadow-hover:0 22px 48px #1b1f3129;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0c0e13;--bg-soft:#13161d;--surface:#171a22;--surface-elevated:#1c2029;--surface-muted:#20242d;--text:#f7f7fb;--text-soft:#b2b8c5;--text-faint:#858b98;--line:#2d323d;--accent:#8b83ff;--accent-deep:#a39dff;--accent-soft:#292745;--lime:#c9f96d;--shadow:0 18px 48px #00000040;--shadow-hover:0 24px 60px #0000005c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Manrope,Arial,sans-serif}body.modal-open{overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}img{max-width:100%;display:block}.container{width:min(1180px,100% - 48px);margin:0 auto}.section{padding:120px 0}.section-anchor{scroll-margin-top:88px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:block}.site-header{z-index:40;border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand,.footer-brand{color:var(--text);letter-spacing:-.045em;font-size:18px;font-weight:500}.brand{background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;display:inline-flex}.brand strong,.footer-brand strong{font-weight:800}.brand-mark{background:var(--text);width:28px;height:28px;color:var(--surface);border-radius:9px;place-items:center;font-family:DM Mono,monospace;font-size:13px;font-weight:500;display:grid}.desktop-nav{align-items:center;gap:6px;display:flex}.nav-link,.footer-nav button{color:var(--text-soft);background:0 0;border:0;font-size:14px;font-weight:600}.nav-link{border-radius:10px;padding:10px 14px;transition:background .2s,color .2s}.nav-link:hover,.nav-link.is-active{background:var(--accent-soft);color:var(--accent)}.nav-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:12px;place-items:center;transition:transform .2s,background .2s,box-shadow .2s;display:inline-grid}.icon-button:hover{background:var(--surface-muted);transform:translateY(-2px);box-shadow:0 8px 16px #1b1f3114}.menu-toggle,.mobile-nav{display:none}.hero{background:radial-gradient(circle at 10% 20%, color-mix(in srgb, var(--accent-soft) 85%, transparent), transparent 35%), var(--bg);padding:94px 0 112px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:42px;display:grid}.hero-copy{max-width:605px}.eyebrow{border:1px solid var(--line);background:var(--surface);color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-family:DM Mono,monospace;font-size:11px;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;max-width:600px;margin:22px 0;font-size:clamp(44px,5.1vw,76px);line-height:.99}.hero-description{max-width:530px;color:var(--text-soft);margin-bottom:32px;font-size:clamp(17px,1.8vw,20px);line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 19px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1c1f2f24}.button:active,.compare-button:active,.text-button:active{transform:scale(.98)}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-deep)}.button-secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.button-secondary:hover{background:var(--surface-muted)}.button-small{min-height:42px;padding:0 16px}.hero-note{color:var(--text-faint);align-items:center;gap:8px;margin-top:28px;font-size:12px;font-weight:600;display:flex}.hero-note span{color:var(--lime);font-size:18px;line-height:0}.hero-art{min-height:500px;position:relative}.orb{filter:blur(1px);border-radius:50%;position:absolute}.orb-one{background:var(--lime);opacity:.67;width:270px;height:270px;top:0;right:6%}.orb-two{background:var(--accent);opacity:.45;width:180px;height:180px;bottom:2%;left:-4%}.hero-product-card{border:1px solid color-mix(in srgb, var(--line) 72%, transparent);background:linear-gradient(145deg, var(--surface) 3%, var(--surface-muted) 100%);box-shadow:var(--shadow);border-radius:34px;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:25px 0 0 55px;overflow:hidden}.hero-product-topline{color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;padding:21px 24px 0;font-family:DM Mono,monospace;font-size:10px;display:flex}.hero-product-card img{object-fit:contain;width:100%;height:360px;padding:18px 18px 0;transition:transform .5s}.hero-product-card:hover img{transform:scale(1.035)rotate(-1deg)}.hero-product-caption{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 24px 22px;display:flex}.hero-product-caption strong{letter-spacing:-.025em;font-size:14px;display:block}.hero-product-caption span:not(.caption-dot){color:var(--text-faint);margin-top:4px;font-size:11px;display:block}.caption-dot{background:var(--lime);width:11px;height:11px;box-shadow:0 0 0 7px color-mix(in srgb, var(--lime) 28%, transparent);border-radius:50%}.models-section{background:var(--surface)}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px;display:flex}h2{letter-spacing:-.06em;margin:11px 0 0;font-size:clamp(31px,3.7vw,49px);line-height:1.04}.section-heading p,.recommendations-heading p{max-width:400px;color:var(--text-soft);margin:0;font-size:15px;line-height:1.65}.model-tools{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:15px;display:flex}.search-field{border:1px solid var(--line);background:var(--surface);width:min(360px,100%);color:var(--text-faint);border-radius:12px;align-items:center;gap:10px;padding:0 13px;transition:border .2s,box-shadow .2s;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-field input{width:100%;height:42px;color:var(--text);background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:var(--text-faint)}.filter-area{align-items:center;gap:12px;display:flex}.filter-label{color:var(--text-faint);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.filter-buttons{flex-wrap:wrap;gap:6px;display:flex}.filter-button{color:var(--text-soft);background:0 0;border:0;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:700;transition:background .2s,color .2s}.filter-button:hover,.filter-button.is-active{background:var(--surface);color:var(--accent);box-shadow:0 3px 10px #1e223512}.models-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.product-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;min-height:508px;transition:transform .25s,box-shadow .25s,border .25s;display:flex;overflow:hidden;box-shadow:0 5px 14px #1d223108}.product-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));box-shadow:var(--shadow-hover);transform:translateY(-6px)}.product-image-wrap{background:linear-gradient(145deg, var(--surface-muted), color-mix(in srgb, var(--accent-soft) 52%, var(--surface-muted)));place-items:center;height:194px;display:grid;position:relative;overflow:hidden}.product-image-wrap:after{border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);content:"";border-radius:50%;width:180px;height:180px;position:absolute;bottom:-65px;right:-45px}.product-tag{z-index:1;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, transparent);color:var(--text-soft);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-family:DM Mono,monospace;font-size:9px;position:absolute;top:14px;left:14px}.product-image{z-index:1;object-fit:contain;width:84%;height:185px;transition:transform .35s;position:relative}.product-card:hover .product-image{transform:scale(1.06)rotate(-1deg)}.product-content{flex-direction:column;height:100%;padding:21px;display:flex}.product-content h3{letter-spacing:-.04em;margin-bottom:9px;font-size:18px;line-height:1.2}.product-content>p{min-height:60px;color:var(--text-soft);margin-bottom:18px;font-size:12px;line-height:1.55}.product-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px;padding:15px 0;display:grid}.product-facts>div{color:var(--accent);align-items:flex-start;gap:9px;display:flex}.product-facts span{color:var(--text-soft);font-size:11px;line-height:1.4}.product-facts strong,.product-facts small{display:block}.product-facts strong{color:var(--text);font-size:11px;font-weight:700}.product-facts small{color:var(--text-faint);margin-top:2px;font-size:10px}.product-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;display:flex}.text-button,.recommendation-link{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:800;display:inline-flex}.text-button:hover,.recommendation-link:hover{color:var(--accent-deep)}.compare-button{border:1px solid var(--line);background:var(--surface);min-height:34px;color:var(--text-soft);border-radius:9px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:800;transition:background .2s,color .2s,transform .2s;display:inline-flex}.compare-button:hover,.compare-button.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.compare-button:disabled{cursor:not-allowed;opacity:.5}.compare-button:disabled:hover{border-color:var(--line);background:var(--surface);color:var(--text-soft)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-md);text-align:center;justify-items:center;padding:65px 24px;display:grid}.empty-icon{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.empty-state h3,.compare-empty h3{letter-spacing:-.04em;margin:16px 0 7px;font-size:18px}.empty-state p,.compare-empty p{max-width:400px;color:var(--text-soft);margin-bottom:19px;font-size:13px;line-height:1.6}.compare-section{background:var(--bg-soft)}.compare-layout{grid-template-columns:.8fr 1.5fr;align-items:start;gap:65px;display:grid}.compare-heading{position:sticky;top:105px}.compare-heading h2{margin-bottom:16px}.compare-heading>p{color:var(--text-soft);margin-bottom:24px;font-size:14px;line-height:1.65}.select-wrap{display:block;position:relative}.select-wrap select{appearance:none;border:1px solid var(--line);background:var(--surface);width:100%;min-height:50px;color:var(--text);border-radius:12px;padding:0 40px 0 14px;font-size:13px;font-weight:700}.select-wrap svg{pointer-events:none;color:var(--text-soft);position:absolute;top:17px;right:15px}.select-wrap select:disabled{cursor:not-allowed;opacity:.55}.compare-limit{letter-spacing:.06em;text-transform:uppercase;font-family:DM Mono,monospace;color:var(--text-faint)!important;margin-top:10px!important;font-size:10px!important}.compare-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);min-height:350px;box-shadow:var(--shadow);padding:18px}.compare-chips{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:17px;display:flex}.compare-chip{border:1px solid var(--line);background:var(--surface-muted);min-height:38px;color:var(--text);border-radius:10px;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex;overflow:hidden}.compare-chip img{object-fit:contain;background:color-mix(in srgb, var(--accent-soft) 55%, transparent);width:44px;height:36px}.compare-chip button{border:0;border-left:1px solid var(--line);width:28px;color:var(--text-faint);background:0 0;align-self:stretch;place-items:center;display:grid}.compare-chip button:hover{color:var(--text);background:var(--surface)}.clear-button{min-height:34px;color:var(--text-faint);background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.clear-button:hover{background:var(--surface-muted);color:var(--text)}.comparison-table-wrap{border:1px solid var(--line);border-radius:14px;overflow-x:auto}.comparison-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:13px 15px;font-size:11px;line-height:1.45}.comparison-table thead th{z-index:2;background:var(--surface-muted);color:var(--text);letter-spacing:-.02em;font-size:12px;position:sticky;top:0}.comparison-table tbody th{width:155px;color:var(--text-soft);font-weight:800}.comparison-table td{color:var(--text)}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table tbody tr:hover td,.comparison-table tbody tr:hover th{background:var(--surface-muted)}.difference-row td{color:var(--accent);font-weight:700}.difference-indicator{background:var(--accent-soft);width:15px;height:15px;color:var(--accent);vertical-align:middle;border-radius:50%;place-items:center;margin-left:6px;display:inline-grid}.table-note{color:var(--text-faint);margin:12px 0 0;font-size:10px}.table-note span{color:var(--accent)}.compare-empty{text-align:center;place-content:center;justify-items:center;min-height:310px;padding:30px;display:grid}.recommendations-section{background:var(--surface)}.recommendations-heading{max-width:650px;margin-bottom:37px}.recommendations-heading h2{margin-bottom:15px}.recommendation-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.recommendation-card{border:1px solid var(--line);border-radius:var(--radius-md);min-height:275px;padding:28px;transition:transform .25s,box-shadow .25s}.recommendation-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.recommendation-1{background:linear-gradient(155deg, var(--surface-muted), color-mix(in srgb, var(--lime) 19%, var(--surface)))}.recommendation-2{background:linear-gradient(155deg, var(--surface-muted), var(--accent-soft))}.recommendation-3{background:linear-gradient(155deg, var(--surface-muted), color-mix(in srgb, var(--text) 6%, var(--surface)))}.recommendation-icon{background:var(--surface);width:43px;height:43px;color:var(--accent);border-radius:13px;place-items:center;display:grid;box-shadow:0 5px 11px #1f203217}.recommendation-card h3{letter-spacing:-.04em;margin:22px 0 10px;font-size:20px}.recommendation-card p{color:var(--text-soft);margin-bottom:23px;font-size:13px;line-height:1.65}.recommendation-link{margin-top:auto}.about-section{background:var(--bg);padding-bottom:130px;overflow:hidden}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:88px;display:grid}.about-orbit{aspect-ratio:1;justify-self:center;width:min(300px,90%);position:relative}.orbit-ring{border:1px solid var(--line);border-radius:50%;position:absolute}.ring-one{border-top-color:var(--accent);inset:0;transform:rotate(23deg)}.ring-two{border-right-color:var(--lime);inset:35px;transform:rotate(-38deg)}.orbit-core{background:var(--text);color:var(--surface);letter-spacing:-.12em;border-radius:50%;place-items:center;font-family:DM Mono,monospace;font-size:26px;display:grid;position:absolute;inset:87px;box-shadow:0 18px 45px #1e233233}.about-content{max-width:610px}.about-content h2{margin:12px 0 19px}.about-content p{color:var(--text-soft);font-size:16px;line-height:1.7}.about-content .disclaimer{border-left:3px solid var(--accent);color:var(--text-faint);margin:23px 0 0;padding:12px 0 12px 16px;font-size:12px}.site-footer{border-top:1px solid var(--line);background:var(--surface);padding:40px 0 21px}.footer-main{justify-content:space-between;align-items:center;gap:30px;padding-bottom:34px;display:flex}.footer-main p{color:var(--text-faint);margin:7px 0 0;font-size:12px}.footer-nav{flex-wrap:wrap;gap:20px;display:flex}.footer-nav button:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);color:var(--text-faint);letter-spacing:.04em;justify-content:space-between;gap:20px;padding-top:18px;font-family:DM Mono,monospace;font-size:10px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0f9e;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0;overflow-y:auto}.product-modal{border:1px solid var(--line);background:var(--surface);border-radius:25px;width:min(910px,100%);max-height:min(860px,100vh - 48px);animation:.22s both modal-in;position:relative;overflow-y:auto;box-shadow:0 28px 85px #00000047}.modal-close{z-index:3;position:absolute;top:18px;right:18px}.modal-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg, var(--surface-muted), var(--accent-soft));grid-template-columns:.9fr 1.1fr;min-height:300px;display:grid;overflow:hidden}.modal-image-wrap{place-items:center;display:grid}.modal-image-wrap img{object-fit:contain;width:90%;height:270px}.modal-intro{align-self:center;padding:42px 68px 42px 15px}.modal-intro h2{margin:10px 0 12px;font-size:clamp(29px,4vw,43px)}.modal-intro p{color:var(--text-soft);margin-bottom:20px;font-size:14px;line-height:1.65}.modal-highlight{background:var(--surface);color:var(--accent);border-radius:10px;align-items:center;gap:7px;padding:9px 10px;font-size:12px;font-weight:800;display:inline-flex}.modal-body{padding:28px}.spec-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.spec-item{border:1px solid var(--line);background:var(--surface-muted);border-radius:13px;min-height:83px;padding:13px}.spec-item span{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-family:DM Mono,monospace;font-size:9px;display:block}.spec-item strong{color:var(--text);font-size:12px;line-height:1.42;display:block}.feature-list-wrap{margin-top:25px}.feature-list-wrap h3{letter-spacing:-.035em;margin-bottom:12px;font-size:17px}.feature-list{grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{color:var(--text-soft);align-items:flex-start;gap:7px;font-size:12px;line-height:1.5;display:flex}.feature-list svg{color:var(--accent);flex:none;margin-top:1px}.reveal{animation:.55s both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=920px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:670px}.hero-art{width:100%;max-width:680px;min-height:450px;margin:0 auto}.hero-product-card{inset:20px 10px 0 35px}.models-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-layout{grid-template-columns:1fr;gap:30px}.compare-heading{max-width:520px;position:static}.about-grid{gap:48px}.section{padding:88px 0}}@media (width<=680px){.container{width:min(100% - 32px,1180px)}.nav-shell{min-height:67px}.desktop-nav{display:none}.menu-toggle{display:inline-grid}.mobile-nav{background:var(--bg);border-top:1px solid #0000;grid-template-rows:0fr;transition:grid-template-rows .25s,border .25s;display:grid;overflow:hidden}.mobile-nav.is-open{border-top-color:var(--line);grid-template-rows:1fr}.mobile-nav-inner{flex-direction:column;min-height:0;padding-top:8px;padding-bottom:12px;display:flex;overflow:hidden}.mobile-nav-link{color:var(--text-soft);text-align:left;background:0 0;border:0;border-radius:10px;padding:12px;font-size:14px;font-weight:700}.mobile-nav-link.is-active,.mobile-nav-link:hover{background:var(--accent-soft);color:var(--accent)}.hero{padding-top:65px}.hero-art{min-height:355px}.hero-product-card{inset:18px 0 0 18px}.hero-product-card img{height:242px}.hero-product-caption{padding:13px 18px}.hero-product-topline{padding:17px 18px 0}.orb-one{width:190px;height:190px}.section-heading,.model-tools{flex-direction:column;align-items:stretch;gap:18px}.section-heading p{max-width:590px}.search-field{width:100%}.filter-area{flex-direction:column;align-items:flex-start}.filter-label{display:none}.models-grid{grid-template-columns:1fr}.product-card{min-height:0}.product-image-wrap{height:212px}.product-image{height:205px}.product-content>p{min-height:0}.recommendation-grid{grid-template-columns:1fr}.recommendation-card{min-height:0}.about-grid{grid-template-columns:1fr}.about-orbit{width:230px}.orbit-core{inset:66px}.modal-backdrop{align-items:start;padding:12px}.product-modal{border-radius:20px;max-height:calc(100vh - 24px)}.modal-hero{grid-template-columns:1fr}.modal-image-wrap{min-height:210px}.modal-image-wrap img{height:210px}.modal-intro{padding:16px 50px 26px 22px}.modal-body{padding:20px}.spec-grid,.feature-list{grid-template-columns:1fr}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-main{gap:25px}.footer-bottom{gap:7px}.footer-nav{gap:15px}}@media (width<=420px){h1{font-size:42px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.filter-buttons{gap:4px}.filter-button{padding:8px}.product-actions{flex-direction:column;align-items:flex-start}.compare-button{justify-content:center;width:100%}.section{padding:70px 0}}
