:root{--gray-50: hsl(220 24% 98%);--gray-100: hsl(220 18% 95%);--gray-200: hsl(220 15% 90%);--gray-300: hsl(220 13% 80%);--gray-400: hsl(220 10% 62%);--gray-500: hsl(220 9% 48%);--gray-600: hsl(220 11% 38%);--gray-700: hsl(220 15% 28%);--gray-800: hsl(220 18% 18%);--gray-900: hsl(220 22% 11%);--teal-50: hsl(175 55% 96%);--teal-100: hsl(175 50% 91%);--teal-200: hsl(175 45% 81%);--teal-300: hsl(175 50% 65%);--teal-400: hsl(175 55% 45%);--teal-500: #0F766E;--teal-600: #0B5F58;--teal-700: hsl(175 82% 15%);--teal-tint: var(--teal-50);--navy-100: hsl(227 55% 94%);--navy-500: #1E3A8A;--navy-700: hsl(227 58% 20%);--navy-900: hsl(227 52% 12%);--success: #28c76f;--success-tint: #28c76f1f;--warning: #ff9f43;--warning-tint: #ff9f431f;--danger: #ea5455;--danger-tint: #ea54551f;--bg: #ffffff;--bg-alt: var(--gray-50);--surface: #ffffff;--border: var(--gray-200);--text: var(--gray-900);--text-muted: var(--gray-600);--text-subtle: var(--gray-400);--primary: var(--teal-500);--primary-hover: var(--teal-600);--on-primary: #ffffff;--accent-navy: var(--navy-500);--font: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-hero: clamp(2rem, 4.6vw, 3.25rem);--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(15, 35, 34, .08);--shadow-md: 0 8px 24px rgba(15, 35, 34, .1);--shadow-lg: 0 16px 48px rgba(15, 35, 34, .14);--ease: cubic-bezier(.4,0,.2,1);--dur: .18s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 var(--space-6)}section{padding:var(--space-20) 0}h1,h2,h3{font-weight:800;line-height:1.2;margin:0;letter-spacing:-.01em}h2{font-size:var(--text-3xl);color:var(--navy-700)}h3{font-size:var(--text-xl)}p{margin:0}.muted{color:var(--text-muted)}.center{text-align:center}a{color:inherit}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font);font-weight:700;font-size:var(--text-base);padding:.85rem 1.6rem;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);white-space:nowrap}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:focus-visible,a:focus-visible{outline:3px solid var(--teal-300);outline-offset:2px;border-radius:var(--radius-sm)}.btn-ghost{background:transparent;color:var(--navy-700);border-color:var(--border)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-on-dark{background:#fff;color:var(--teal-600)}.btn-on-dark:hover{background:var(--teal-50);transform:translateY(-1px)}.btn-lg{padding:1.05rem 2rem;font-size:var(--text-lg)}header.site{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}header.site .bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.logo{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.15rem;text-decoration:none}.logo .k{color:var(--navy-500)}.logo .pos{color:var(--teal-500)}nav.links{display:none;gap:var(--space-8);font-weight:600;font-size:var(--text-sm);color:var(--text-muted)}nav.links a:hover{color:var(--primary)}@media(min-width:900px){nav.links{display:flex}}.hero{padding-top:var(--space-16);padding-bottom:var(--space-20);position:relative;overflow:hidden}.hero-grid{display:grid;gap:var(--space-10);align-items:center}@media(min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr}}.hero h1{font-size:var(--text-hero);color:var(--navy-700);max-width:16ch}.hero .sub{font-size:var(--text-lg);color:var(--text-muted);max-width:42ch;margin-top:var(--space-4)}.hero .ctas{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.hero-decor{position:absolute;width:420px;height:420px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--teal-500),var(--teal-400));transform:rotate(45deg);opacity:.08;right:-140px;top:-120px;z-index:0}.app-frame{position:relative;z-index:1;background:var(--navy-900);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-lg)}.app-frame .screen{background:var(--gray-50);border-radius:var(--radius-md);overflow:hidden}.app-frame .screen-top{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:700}.app-frame .pill{font-size:.7rem;padding:.15rem .5rem;border-radius:var(--radius-full);background:var(--success-tint);color:#1a7a47;font-weight:700}.app-frame .rows{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.app-frame .row{display:flex;justify-content:space-between;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.app-frame .row b{font-weight:700}.app-frame .cart{padding:var(--space-3) var(--space-4);background:var(--teal-50);display:flex;justify-content:space-between;font-weight:800;color:var(--teal-700)}.placeholder-tag{position:absolute;bottom:var(--space-2);right:var(--space-2);font-size:.65rem;background:var(--gray-900);color:#fff;padding:2px 8px;border-radius:var(--radius-full);opacity:.75;z-index:2}.section-head{max-width:46ch;margin-bottom:var(--space-10)}.section-head.center{margin-inline:auto;text-align:center}.bg-alt{background:var(--bg-alt)}.bg-tint{background:var(--teal-50)}.pain-grid{display:grid;gap:var(--space-6)}@media(min-width:760px){.pain-grid{grid-template-columns:repeat(2,1fr)}}.pain-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.pain-card .icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--danger-tint);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);font-size:1rem;font-weight:800;color:#a53f40}.pain-card .q{font-weight:700;margin-bottom:var(--space-2)}.pain-card .a{color:var(--text-muted);font-size:var(--text-sm)}.pain-card .a strong{color:var(--teal-600)}.feature-grid{display:grid;gap:var(--space-4)}@media(min-width:760px){.feature-grid{grid-template-columns:repeat(2,1fr)}}.feature-item{display:flex;gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--border)}.feature-item .icon{flex:0 0 auto;width:40px;height:40px;border-radius:var(--radius-md);background:var(--teal-tint);color:var(--teal-600);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800}.feature-item h3{font-size:var(--text-base);margin-bottom:.25rem}.feature-item p{font-size:var(--text-sm);color:var(--text-muted)}.feature-item .note{display:block;margin-top:.35rem;font-size:.72rem;color:var(--teal-600);font-weight:600}.compare-table{display:flex;flex-direction:column;gap:var(--space-4)}.compare-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0}.compare-label{font-size:var(--text-sm);font-weight:700;color:var(--navy-700)}.compare-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3);min-width:0}.compare-cell{font-size:var(--text-sm);line-height:1.5;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);min-width:0;overflow-wrap:anywhere}.compare-cell .tag{display:block;font-size:.7rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;margin-bottom:.3rem}.compare-cell--kpos{background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-200)}.compare-cell--kpos .tag{color:var(--teal-600)}.compare-cell--other{background:var(--gray-50);color:var(--text-muted);border:1px solid var(--border)}.compare-cell--other .tag{color:var(--text-muted)}@media(min-width:760px){.compare-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center}.compare-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.legal-note{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-8)}.appliance{background:var(--navy-900);color:#e9edf7}.appliance h2{color:#fff}.appliance .muted2{color:#aab4d4}.appliance-grid{display:grid;gap:var(--space-8);margin-top:var(--space-10)}@media(min-width:760px){.appliance-grid{grid-template-columns:repeat(3,1fr)}}.appliance-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);padding:var(--space-6)}.appliance-card .num{font-size:var(--text-sm);font-weight:800;color:var(--teal-300);margin-bottom:var(--space-2)}.cta-band{background:linear-gradient(135deg,var(--teal-600),var(--teal-500));color:#fff;text-align:center}.cta-band h2{color:#fff}.cta-band p{color:#d9f2ee;margin:var(--space-4) auto var(--space-8);max-width:44ch}footer{background:var(--gray-900);color:var(--gray-400);padding:var(--space-10) 0;font-size:var(--text-sm)}footer .foot-row{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}@media(min-width:760px){footer .foot-row{flex-direction:row;justify-content:space-between;text-align:left}}footer .logo .k{color:#fff}footer .logo .pos{color:var(--teal-300)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}a,button{min-height:40px}
