*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #faf9f6;--cream2: #f3f2ee;--white: #ffffff;--border: #e5e3dc;--border2: #d1cfc7;--text: #1a1814;--text2: #6b6860;--text3: #a8a69f;--blue: #0066cc;--blue-dark: #004fa3;--blue-light: #dbeafe;--blue-bg: #eff6ff;--green: #16a34a;--green-light: #dcfce7;--green-mid: #22c55e;--red: #dc2626;--red-light: #fee2e2;--orange: #ea580c;--orange-light: #ffedd5;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 2px 8px rgba(0,0,0,.07);--shadow: 0 4px 20px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--r: 14px;--r-lg: 20px;--r-xl: 28px}html,body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--cream);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--cream2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffffff0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:box-shadow .25s}.header.scrolled{box-shadow:var(--shadow-sm)}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;font-size:1.1rem;letter-spacing:-.025em;background:none;border:none;cursor:pointer;font-family:inherit}.logo-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#06c,#004fa3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text{white-space:nowrap}.logo-accent,.logo-dot{color:var(--blue)}.nav{display:flex;align-items:center;gap:6px}.nav-link{background:none;border:none;cursor:pointer;font-family:inherit;color:var(--text2);font-size:.875rem;font-weight:500;text-decoration:none;padding:7px 13px;border-radius:8px;transition:color .15s,background .15s}.nav-link:hover,.nav-link:visited,.nav-link:focus{text-decoration:none}.nav-link:hover{color:var(--text);background:var(--cream)}.nav-link.active{color:var(--blue);font-weight:600}.btn-nav-cta{background:var(--blue);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;padding:9px 18px;border-radius:9px;transition:opacity .15s,transform .1s}.btn-nav-cta:hover,.btn-nav-cta:visited,.btn-nav-cta:focus{text-decoration:none}.btn-nav-cta:hover{opacity:.88;transform:translateY(-1px)}.user-area{display:flex;align-items:center;gap:8px}.user-chip{display:inline-flex;align-items:center;gap:7px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--cream);border:1px solid var(--border);color:var(--text);font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:999px}.user-dot{width:7px;height:7px;border-radius:50%;background:var(--green-mid);flex-shrink:0}.btn-login{background:none;border:1px solid var(--border2);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;color:var(--text);padding:8px 16px;border-radius:9px;transition:background .15s,border-color .15s}.btn-login:hover{background:var(--cream);border-color:var(--text3)}.btn-logout{background:none;border:1px solid var(--border);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text2);padding:6px 12px;border-radius:8px;transition:color .15s,background .15s,border-color .15s}.btn-logout:hover{color:var(--red);border-color:var(--red);background:var(--red-light)}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--border);cursor:pointer;font-family:inherit;color:var(--text);font-size:.85rem;font-weight:600;padding:5px 10px 5px 6px;border-radius:100px;transition:background .15s,border-color .15s}.user-menu-trigger:hover{background:var(--cream2);border-color:var(--border2)}.user-menu-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#06c,#0041a3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}.user-menu-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-caret{color:var(--text3);transition:transform .2s}.user-menu-caret.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:200;animation:authPop .15s ease}.user-menu-item{width:100%;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text);text-align:left;padding:9px 12px;border-radius:8px;transition:background .12s,color .12s}.user-menu-item svg{color:var(--text3);flex-shrink:0}.user-menu-item:hover{background:var(--cream)}.user-menu-item.danger{color:var(--red)}.user-menu-item.danger svg{color:var(--red)}.user-menu-item.danger:hover{background:var(--red-light)}.user-menu-sep{height:1px;background:var(--border);margin:5px 4px}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#14120e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:authFade .18s ease}@keyframes authFade{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;width:100%;max-width:410px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:32px 28px;animation:authPop .2s ease}@keyframes authPop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;cursor:pointer;font-size:1.6rem;line-height:1;color:var(--text3);padding:4px;transition:color .15s}.auth-close:hover{color:var(--text)}.auth-title{font-size:1.4rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.auth-sub{font-size:.9rem;color:var(--text2);margin:6px 0 22px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{font-size:.8rem;font-weight:600;color:var(--text2)}.auth-input{width:100%;font-family:inherit;font-size:.95rem;color:var(--text);background:var(--cream);border:1px solid var(--border);padding:11px 14px;border-radius:10px;transition:border-color .15s,box-shadow .15s,background .15s}.auth-input::-moz-placeholder{color:var(--text3)}.auth-input::placeholder{color:var(--text3)}.auth-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg);background:var(--white)}.auth-submit{margin-top:4px;width:100%;background:var(--blue);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;padding:12px;border-radius:10px;transition:opacity .15s,transform .1s}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{background:var(--red-light);color:var(--red);font-size:.85rem;font-weight:500;padding:10px 12px;border-radius:9px}.auth-info{background:var(--green-light);color:var(--green);font-size:.85rem;font-weight:500;padding:10px 12px;border-radius:9px}.auth-switch{margin-top:18px;text-align:center;font-size:.875rem;color:var(--text2)}.auth-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;color:var(--blue);padding:0}.auth-link:hover{text-decoration:underline}.auth-gate{max-width:480px;margin:80px auto;text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:48px 36px}.auth-gate-icon{font-size:2.6rem;margin-bottom:12px}.auth-gate h3{font-size:1.3rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.auth-gate p{font-size:.92rem;color:var(--text2);margin:10px 0 24px;line-height:1.55}.auth-gate .btn-nav-cta{display:inline-block;padding:11px 22px;font-size:.9rem}.upgrade-modal{position:relative;width:100%;max-width:420px;text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:36px 30px 30px;animation:authPop .2s ease}.upgrade-icon{width:60px;height:60px;border-radius:50%;margin:0 auto 16px;background:var(--blue-light);display:flex;align-items:center;justify-content:center;font-size:1.6rem}.upgrade-title{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.upgrade-message{font-size:.92rem;color:var(--text2);line-height:1.55;margin:10px 0 24px}.upgrade-actions{display:flex;flex-direction:column;gap:10px}.upgrade-cta{width:100%;background:var(--blue);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;padding:12px;border-radius:10px;transition:opacity .15s,transform .1s}.upgrade-cta:hover{opacity:.9;transform:translateY(-1px)}.upgrade-dismiss{width:100%;background:none;border:1px solid var(--border);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;color:var(--text2);padding:11px;border-radius:10px;transition:background .15s,border-color .15s}.upgrade-dismiss:hover{background:var(--cream);border-color:var(--text3)}.product-counter-row{display:flex;justify-content:flex-end;margin:4px 2px 8px}.product-counter{font-size:.8rem;font-weight:700;color:var(--text2);background:var(--cream2);border:1px solid var(--border);padding:4px 12px;border-radius:100px}.product-counter.over{color:var(--red);background:var(--red-light);border-color:#dc262640}.limit-msg{background:var(--red-light);color:var(--red);border:1px solid rgba(220,38,38,.2);border-radius:10px;padding:11px 14px;font-size:.85rem;font-weight:500;margin-bottom:12px;line-height:1.5}.limit-msg-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--red);padding:0;text-decoration:underline}.store-toggle.locked{cursor:pointer;opacity:.72;border-style:dashed}.store-toggle.locked:hover{opacity:1;border-color:var(--blue);background:var(--blue-bg)}.store-toggle-lock{width:22px;height:22px;border-radius:6px;flex-shrink:0;background:var(--cream2);color:var(--text2);display:flex;align-items:center;justify-content:center}.store-toggle.locked:hover .store-toggle-lock{background:var(--blue-light);color:var(--blue)}.store-toggle-pro{margin-left:auto;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);background:var(--blue-light);padding:2px 8px;border-radius:100px}.landing{padding-top:62px}.hero{background:linear-gradient(155deg,#0f1f38,#0d2d58 45%,#0a3a7a);min-height:88vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-30%;right:-10%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,204,.22) 0%,transparent 65%);pointer-events:none}.hero-inner{max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;width:100%;position:relative;z-index:1}.hero-pill{display:inline-flex;align-items:center;gap:7px;background:#22c55e26;border:1px solid rgba(34,197,94,.28);color:#4ade80;border-radius:100px;padding:5px 13px;font-size:.76rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:24px}.hero-pill-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.hero h1{font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:900;line-height:1.07;letter-spacing:-.04em;color:#fff;margin-bottom:18px;text-wrap:pretty}.hero h1 em,.hero h1 .hl{color:#60d394;font-style:normal}.hero-sub{font-size:1.05rem;color:#ffffff8c;line-height:1.7;margin-bottom:36px;max-width:460px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-hero{background:#22c55e;color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:15px 30px;border-radius:12px;box-shadow:0 4px 20px #22c55e4d;transition:transform .15s,box-shadow .15s;letter-spacing:-.01em}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 8px 28px #22c55e66}.btn-hero-ghost{background:#ffffff14;color:#ffffffd9;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:15px 26px;border-radius:12px;transition:background .2s;text-decoration:none;display:inline-flex;align-items:center}.btn-hero-ghost:hover{background:#ffffff21}.how-tutorial-link{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--blue);text-decoration:none;padding:8px 14px;border-radius:100px;transition:background .15s,gap .15s}.how-tutorial-link:hover{background:var(--blue-light);gap:11px}.hero-trust{margin-top:36px;display:flex;align-items:center;gap:10px;color:#ffffff59;font-size:.8rem}.avatars{display:flex}.avatar{width:26px;height:26px;border-radius:50%;border:2px solid #0d2d58;margin-left:-5px;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.avatar:first-child{margin-left:0}.btn-chrome-hero{display:inline-flex;align-items:center;gap:9px;background:#22c55e;color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:15px 28px;border-radius:12px;text-decoration:none;box-shadow:0 4px 20px #22c55e4d;transition:transform .2s,box-shadow .2s}.btn-chrome-hero:hover{transform:translateY(-2px);box-shadow:0 8px 28px #22c55e66}.btn-chrome{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:15px 28px;border-radius:12px;text-decoration:none;box-shadow:0 4px 20px #0066cc40;transition:transform .15s,box-shadow .15s}.btn-chrome:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0066cc59}.compare-ext-hint{margin-top:12px;font-size:.82rem;color:var(--text3);line-height:1.5}.ext-gate{max-width:520px;margin:40px auto;text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:44px 36px}.ext-gate-icon{font-size:2.6rem;margin-bottom:12px}.ext-gate h3{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}.ext-gate p{font-size:.92rem;color:var(--text2);line-height:1.6;margin:10px 0 24px}.ext-gate-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.progress-bar-indet{width:40%;border-radius:inherit;animation:ccIndet 1.1s ease-in-out infinite}@keyframes ccIndet{0%{margin-left:-40%}to{margin-left:100%}}.ext-section{background:linear-gradient(160deg,#eef5ff 0%,var(--cream) 100%)}.ext-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.ext-text .ls-title{text-align:left;margin-bottom:16px}.ext-label{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:var(--blue-light);padding:6px 12px;border-radius:100px;margin-bottom:16px}.ext-desc{font-size:1.02rem;color:var(--text2);line-height:1.7;margin-bottom:22px}.ext-benefits{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.ext-benefit{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:500;color:var(--text)}.ext-benefit svg{color:var(--green);flex-shrink:0}.ext-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ext-note{font-size:.82rem;color:var(--text3)}.ext-visual-wrap{display:flex;justify-content:center}.ext-browser{width:100%;max-width:420px;background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden}.ext-browser-bar{display:flex;align-items:center;gap:7px;background:var(--cream2);border-bottom:1px solid var(--border);padding:11px 14px}.ext-traffic{width:10px;height:10px;border-radius:50%;background:var(--border2)}.ext-url{flex:1;margin:0 6px;background:var(--white);border:1px solid var(--border);border-radius:7px;padding:5px 12px;font-size:.78rem;color:var(--text3)}.ext-puzzle{color:var(--blue);display:flex;align-items:center}.ext-widget{padding:18px}.ext-widget-head{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:800;color:var(--text);margin-bottom:14px}.ext-widget-logo{font-size:1.1rem}.ext-widget-live{margin-left:auto;font-size:.66rem;font-weight:700;text-transform:uppercase;color:var(--green);background:var(--green-light);padding:3px 9px;border-radius:100px}.ext-widget-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;margin-bottom:8px;background:var(--cream);font-size:.9rem;font-weight:600;color:var(--text)}.ext-widget-row span{display:inline-flex;align-items:center;gap:8px}.ext-wd{width:9px;height:9px;border-radius:50%}.ext-widget-row.best{background:var(--green-light);border:1px solid rgba(22,163,74,.25)}.ext-widget-row.best strong{color:var(--green)}.ext-widget-save{margin-top:12px;text-align:center;font-size:.85rem;font-weight:700;color:var(--green);background:var(--green-light);padding:10px;border-radius:10px}@media (max-width: 820px){.ext-inner{grid-template-columns:1fr;gap:36px}.ext-text,.ext-text .ls-title{text-align:center}.ext-benefits{display:inline-flex;text-align:left}.ext-cta{justify-content:center}}.hero-visual{position:relative}.hv-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hv-label{color:#ffffff59;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.hv-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:10px;margin-bottom:7px;background:#ffffff08}.hv-row.best{background:#22c55e1f;border:1px solid rgba(34,197,94,.2)}.hv-store{font-size:.875rem;font-weight:600;color:#ffffffd9;display:flex;align-items:center;gap:9px}.hv-dot{width:8px;height:8px;border-radius:50%}.hv-price{font-size:.95rem;font-weight:700}.hv-row.best .hv-price{color:#4ade80}.hv-row:not(.best) .hv-price{color:#ffffff80}.hv-badge{background:#22c55e;color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:100px}.hv-saving{margin-top:14px;padding:11px 14px;border-radius:10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.18);color:#4ade80;font-size:.82rem;font-weight:600;display:flex;justify-content:space-between}.hv-float{position:absolute;border-radius:12px;padding:9px 15px;font-size:.78rem;font-weight:600;box-shadow:var(--shadow-lg);white-space:nowrap}.hv-float-1{top:-16px;right:-20px;background:#fff;color:var(--blue);border:1px solid var(--border);animation:ff1 4s ease-in-out infinite}.hv-float-2{bottom:-16px;left:-16px;background:#16a34a;color:#fff;animation:ff2 4s ease-in-out infinite}@keyframes ff1{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes ff2{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}section.ls{padding:88px 24px}.section-inner,.ls-inner{max-width:1160px;margin:0 auto}.s-label,.ls-label{text-align:center;font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.s-title,.ls-title{text-align:center;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;letter-spacing:-.03em;margin-bottom:14px;text-wrap:pretty}.s-sub,.ls-sub{text-align:center;font-size:1rem;color:var(--text2);max-width:490px;margin:0 auto 56px;line-height:1.65}.ls-bg-white{background:var(--white)}.ls-bg-cream{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative}.steps:before{content:"";position:absolute;top:39px;left:calc(16.66% + 20px);right:calc(16.66% + 20px);height:1px;background:linear-gradient(90deg,var(--border),var(--blue),var(--border))}.step-block{text-align:center}.step-icon-wrap{width:78px;height:78px;border-radius:50%;margin:0 auto 20px;background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}.step-block:hover .step-icon-wrap{transform:scale(1.07);box-shadow:var(--shadow)}.step-num{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--cream)}.step-block h3{font-size:.95rem;font-weight:700;margin-bottom:9px}.step-block p{font-size:.875rem;color:var(--text2);line-height:1.65}.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feat-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px;transition:transform .2s,box-shadow .2s}.feat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feat-icon{width:48px;height:48px;border-radius:12px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feat-card h3{font-size:.95rem;font-weight:700;margin-bottom:7px}.feat-card p{font-size:.84rem;color:var(--text2);line-height:1.6}.supers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:840px;margin:0 auto}.super-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px 16px;text-align:center;box-shadow:var(--shadow-xs);transition:transform .2s,box-shadow .2s}.super-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.super-logo{width:60px;height:60px;border-radius:14px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.95rem}.super-name{font-size:.875rem;font-weight:700}.super-sub{font-size:.75rem;color:var(--text3);margin-top:3px}.site-footer{background:#0f1f38;color:#ffffff80;padding:52px 24px 28px}.footer-inner{max-width:1200px;margin:0 auto}.footer-top,.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}.footer-brand h3{color:#fff;font-size:1rem;font-weight:800;margin-bottom:9px}.footer-brand p{font-size:.84rem;line-height:1.7;max-width:260px}.footer-col h4{color:#ffffffbf;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.footer-col a{display:block;color:#fff6;font-size:.84rem;text-decoration:none;margin-bottom:8px;transition:color .15s;cursor:pointer}.footer-col a:hover{color:#4ade80}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:20px;display:flex;justify-content:space-between;font-size:.78rem;flex-wrap:wrap;gap:8px}.fade-in{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.fade-in.visible,.fade-in.vis{opacity:1;transform:translateY(0)}.comp-page{padding-top:62px;min-height:100vh;background:var(--cream)}.stepper-wrap{background:var(--white);border-bottom:1px solid var(--border);padding:0 24px}.stepper{max-width:700px;margin:0 auto;padding:28px 0;display:flex;align-items:center;justify-content:center;gap:0}.step-node{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.step-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border:2.5px solid var(--border2);background:var(--white);transition:all .35s ease;box-shadow:var(--shadow-xs);cursor:pointer}.step-circle.active{border-color:var(--blue);background:var(--blue);box-shadow:0 4px 16px #0066cc4d}.step-circle.done{border-color:var(--green);background:var(--green);box-shadow:0 4px 16px #16a34a40}.step-circle.active span,.step-circle.done span{filter:brightness(10)}.step-label{font-size:.78rem;font-weight:600;color:var(--text3);text-align:center;max-width:90px;transition:color .3s;white-space:nowrap}.step-label.active{color:var(--blue)}.step-label.done{color:var(--green)}.step-line{flex:1;height:2.5px;background:var(--border);margin:0 12px 34px;position:relative;min-width:60px;overflow:hidden}.step-line-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);transform-origin:left;transform:scaleX(0);transition:transform .5s ease}.step-line-fill.filled{transform:scaleX(1)}.comp-body,.comp-content{max-width:800px;margin:0 auto;padding:36px 24px 72px}.step1-title{text-align:center;margin-bottom:32px}.step1-title h2{font-size:1.9rem;font-weight:800;letter-spacing:-.035em;margin-bottom:8px}.step1-title p{font-size:1rem;color:var(--text2);line-height:1.6}.textarea-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);transition:border-color .2s;margin-bottom:20px}.textarea-card:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0066cc1a,var(--shadow)}.textarea-top{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--cream2);flex-wrap:wrap;gap:8px}.textarea-top-label{font-size:.78rem;font-weight:600;color:var(--text3)}.btn-example{background:none;border:1px solid var(--border);cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;color:var(--blue);padding:5px 12px;border-radius:100px;transition:background .15s,border-color .15s}.btn-example:hover{background:var(--blue-light);border-color:var(--blue)}.prod-textarea,.cart-textarea{width:100%;min-height:180px;padding:18px;border:none;background:transparent;color:var(--text);font-family:Inter,sans-serif;font-size:.95rem;line-height:1.7;resize:vertical;outline:none}.prod-textarea::-moz-placeholder,.cart-textarea::-moz-placeholder{color:var(--text3)}.prod-textarea::placeholder,.cart-textarea::placeholder{color:var(--text3)}.chips-section{margin-bottom:24px}.chips-label{font-size:.78rem;font-weight:600;color:var(--text3);margin-bottom:10px;letter-spacing:.02em}.chips-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--white);border:1.5px solid var(--border);border-radius:100px;padding:6px 10px 6px 14px;font-size:.84rem;font-weight:500;color:var(--text);box-shadow:var(--shadow-xs);transition:border-color .15s,background .15s;animation:chipIn .2s ease}.chip:hover{border-color:var(--border2)}@keyframes chipIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.chip-qty{background:var(--blue-light);color:var(--blue);border-radius:100px;padding:1px 7px;font-size:.72rem;font-weight:700}.chip-x{width:20px;height:20px;border-radius:50%;background:var(--cream2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text3);flex-shrink:0;transition:background .15s,color .15s}.chip-x:hover{background:var(--red-light);color:var(--red)}.origin-section{margin-bottom:28px}.origin-section .origin-label{font-size:.875rem;font-weight:600;color:var(--text2);margin-bottom:12px;display:block}.origin-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.origin-badge{border-radius:var(--r);border:2px solid var(--border);padding:14px 8px;text-align:center;cursor:pointer;background:var(--white);transition:all .18s;position:relative;box-shadow:var(--shadow-xs)}.origin-badge:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.origin-badge.sel{transform:translateY(-2px);box-shadow:var(--shadow)}.origin-badge-logo{width:44px;height:44px;border-radius:11px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.origin-badge-name{font-size:.78rem;font-weight:700}.origin-check{position:absolute;top:7px;right:7px;width:20px;height:20px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:all .18s}.origin-badge.sel .origin-check{opacity:1;transform:scale(1)}.detected-badge{display:inline-flex;align-items:center;gap:5px;background:var(--green-light);border:1px solid rgba(22,163,74,.25);color:var(--green);border-radius:100px;padding:4px 11px;font-size:.75rem;font-weight:600;margin-top:12px}.mini-list{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-xs)}.mini-list-head{padding:12px 16px;background:var(--cream2);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.mini-list-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);font-size:.875rem}.mini-list-row:last-child{border-bottom:none}.mini-list-row .name{font-weight:500;color:var(--text)}.mini-list-row .price{color:var(--text2);font-size:.82rem;min-width:70px;text-align:right}.qty-pill{display:inline-flex;align-items:center;gap:4px;background:var(--cream);border:1px solid var(--border);border-radius:100px;padding:2px}.qty-btn-sm{width:22px;height:22px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text2);transition:background .1s}.qty-btn-sm:hover{background:var(--border);color:var(--text)}.qty-pill .qty-num{min-width:22px;text-align:center;font-weight:600;font-size:.82rem}.del-btn{background:none;border:none;cursor:pointer;color:var(--text3);font-size:.85rem;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.del-btn:hover{color:var(--red);background:var(--red-light)}.btn-go{width:100%;padding:18px;border-radius:var(--r-lg);background:linear-gradient(135deg,#06c,#0052a3);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px #0066cc47;transition:transform .15s,box-shadow .15s,opacity .15s}.btn-go:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #0066cc61}.btn-go:disabled{opacity:.4;cursor:not-allowed}.cart-actions{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.btn-primary{background:var(--blue);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;padding:11px 22px;border-radius:10px;transition:opacity .15s,transform .1s}.btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{background:var(--white);color:var(--text2);border:1.5px solid var(--border);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:10px 18px;border-radius:10px;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--border2);color:var(--text)}.save-banner{background:linear-gradient(135deg,#15803d,#166534);border-radius:var(--r-xl);padding:22px 26px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 24px #16a34a47;flex-wrap:wrap}.save-banner-left{display:flex;align-items:center;gap:14px}.save-banner-emoji{font-size:2.2rem}.save-banner-text h2{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:3px}.save-banner-text p{color:#ffffffa6;font-size:.85rem}.save-amount{font-size:2rem;font-weight:900;color:#fff;letter-spacing:-.04em;white-space:nowrap}.store-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.store-card{background:var(--white);border:2px solid var(--border);border-radius:var(--r-lg);padding:18px 14px;text-align:center;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.store-card:hover{transform:translateY(-3px)}.store-card.winner{box-shadow:var(--shadow-lg)}.store-card-bar{position:absolute;top:0;left:0;right:0;height:4px}.store-card-logo{width:48px;height:48px;border-radius:11px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.store-card-name{font-size:.78rem;font-weight:600;color:var(--text2);margin-bottom:6px}.store-card-total{font-size:1.25rem;font-weight:800;letter-spacing:-.03em}.store-card-diff{font-size:.73rem;margin-top:5px;font-weight:600}.store-winner-tag{display:inline-flex;align-items:center;gap:4px;margin-top:8px;background:var(--green);color:#fff;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:100px}.store-card-tag-origin{display:inline-block;margin-top:6px;background:var(--cream2);color:var(--text3);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:100px}.compare-config{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--shadow-sm);margin-bottom:24px}.compare-config h3{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:14px}.store-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px}.store-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--white);transition:border-color .15s,background .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.store-toggle.checked{border-color:var(--blue);background:var(--blue-bg)}.store-toggle input{display:none}.store-toggle-box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border2);background:var(--white);display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;flex-shrink:0}.store-toggle.checked .store-toggle-box{background:var(--blue);border-color:var(--blue)}.store-toggle-dot{width:10px;height:10px;border-radius:2px;background:#fff}.store-toggle-name{font-size:.875rem;font-weight:600}.compare-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.compare-status{font-size:.82rem;color:var(--text3)}.compare-status.done-msg{color:var(--green);font-weight:600}.progress-wrap{margin-top:16px;background:var(--cream2);border-radius:var(--r);padding:14px 18px;font-size:.82rem;color:var(--text3)}.progress-bar-bg{height:5px;background:var(--border);border-radius:3px;margin-top:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue),var(--green-mid));border-radius:3px;transition:width .2s}.cmp-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px}.cmp-card-header{padding:16px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--cream2);flex-wrap:wrap;gap:8px}.cmp-card-header h3{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text3)}.cmp-card-header-hint{font-size:.78rem;color:var(--text3)}.cmp-table{width:100%;border-collapse:collapse}.cmp-table th{padding:11px 16px;text-align:right;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--cream2)}.cmp-table th:first-child{text-align:left;color:var(--text3)}.cmp-table td{padding:13px 16px;font-size:.875rem;border-bottom:1px solid var(--border);text-align:right;vertical-align:middle}.cmp-table td:first-child{text-align:left;font-weight:500}.cmp-table tr:last-child td{border-bottom:none}.cmp-table tr:hover td{background:var(--cream)}.price-best{font-weight:700;color:var(--green);background:var(--green-light)!important;border-radius:6px}.price-worst{color:var(--red);background:#fef2f2!important}.price-mid,.price-normal{color:var(--text2)}.price-link{color:inherit;font-weight:inherit;text-decoration:none;cursor:pointer;display:inline-block;padding:0;transition:text-decoration-color .15s}.price-link:hover,.price-link:focus-visible{text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-underline-offset:3px;outline:none}.total-row td{font-weight:700;background:var(--cream2)!important;border-top:1.5px solid var(--border2)}.total-row td:first-child{font-size:.8rem;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}.nav-btns{display:flex;gap:10px;margin-top:8px}.btn-back{background:var(--white);border:1.5px solid var(--border);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;color:var(--text2);padding:12px 20px;border-radius:var(--r);transition:border-color .15s,color .15s}.btn-back:hover{border-color:var(--border2);color:var(--text)}.btn-fwd,.btn-next{flex:1;background:var(--blue);color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;padding:14px 24px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s,transform .1s}.btn-fwd:hover:not(:disabled),.btn-next:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-fwd:disabled,.btn-next:disabled{opacity:.45;cursor:not-allowed}.ship-toggle-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 22px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xs);gap:16px;flex-wrap:wrap}.ship-toggle-left h3{font-size:.95rem;font-weight:700;margin-bottom:3px}.ship-toggle-left p{font-size:.82rem;color:var(--text2)}.toggle{width:52px;height:30px;border-radius:100px;background:var(--border2);cursor:pointer;position:relative;transition:background .25s;flex-shrink:0;border:none}.toggle.on{background:var(--green)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .25s}.toggle.on:after{transform:translate(22px)}.ship-config{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-xs);margin-bottom:20px}.ship-config-header{padding:14px 20px;border-bottom:1px solid var(--border);background:var(--cream2)}.ship-config-header h3{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}.ship-table{width:100%;border-collapse:collapse}.ship-table th{padding:10px 18px;font-size:.72rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;background:var(--cream2);border-bottom:1px solid var(--border);text-align:right}.ship-table th:first-child{text-align:left}.ship-table td{padding:12px 18px;border-bottom:1px solid var(--border);font-size:.875rem;text-align:right;vertical-align:middle}.ship-table td:first-child{font-weight:600;color:var(--text);text-align:left}.ship-table tr:last-child td{border-bottom:none}.ship-input{padding:7px 11px;border-radius:8px;border:1.5px solid var(--border);background:var(--white);color:var(--text);font-family:inherit;font-size:.875rem;width:100px;outline:none;transition:border-color .15s;text-align:right}.ship-input:focus{border-color:var(--blue)}.ship-input:disabled{opacity:.4;cursor:not-allowed}.checkmark{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--border2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;background:var(--white)}.checkmark.on{background:var(--blue);border-color:var(--blue)}.receipt{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);margin-bottom:20px}.receipt-header{padding:16px 22px;border-bottom:1.5px solid var(--border);background:var(--cream2);text-align:center}.receipt-header h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text3)}.receipt-body{padding:0}.receipt-store-section{border-bottom:1.5px solid var(--border)}.receipt-store-section:last-child{border-bottom:none}.receipt-store-head{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px}.receipt-store-name{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;flex-wrap:wrap}.receipt-store-dot{width:10px;height:10px;border-radius:50%}.receipt-store-pill{font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:100px}.receipt-store-subtotal{font-weight:700;font-size:.95rem}.receipt-item{padding:10px 22px 10px 44px;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;border-bottom:1px solid var(--border);gap:12px}.receipt-item:last-child{border-bottom:none}.receipt-item-name{color:var(--text2);flex:1;min-width:0}.receipt-item-name .qty-mark{color:var(--text3);font-size:.78rem;margin-left:4px}.receipt-item-right{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.receipt-item-price{font-weight:600;white-space:nowrap}.item-ext-link{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text3);text-decoration:none;transition:background .15s,color .15s}.item-ext-link:hover,.item-ext-link:focus-visible{color:var(--blue);background:var(--blue-light);outline:none}.item-ext-link--disabled{opacity:.25;pointer-events:none}.receipt-ship{padding:10px 22px 10px 44px;display:flex;justify-content:space-between;font-size:.82rem;color:var(--text3)}.receipt-ship strong{color:var(--green)}.receipt-open-all-wrap{padding:10px 22px 16px 44px}.btn-open-all{display:inline-flex;align-items:center;gap:7px;background:var(--white);color:var(--blue);border:1.5px solid var(--blue);cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:8px 14px;border-radius:100px;transition:opacity .15s,transform .1s}.btn-open-all:hover{opacity:.85;transform:translateY(-1px)}.view-selector{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 18px;margin-bottom:18px;box-shadow:var(--shadow-xs);flex-wrap:wrap}.view-selector-label{font-size:.875rem;font-weight:600;color:var(--text2);flex-shrink:0}.view-selector-select{flex:1;min-width:220px;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text);padding:9px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--white);cursor:pointer;outline:none;transition:border-color .15s}.view-selector-select:focus{border-color:var(--blue)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-fade .18s ease}.modal-box{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px 28px 22px;width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:modal-pop .18s ease}.modal-title{font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.modal-msg{font-size:.9rem;color:var(--text2);line-height:1.6;margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.warn-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:var(--r-lg);padding:14px 18px;margin-bottom:20px;display:flex;align-items:flex-start;gap:12px}.warn-banner-icon{font-size:1.3rem;flex-shrink:0;line-height:1;margin-top:2px}.warn-banner-text{font-size:.875rem;color:#78350f;line-height:1.5}.warn-banner-text strong{display:block;margin-bottom:4px;color:#78350f;font-weight:700}.warn-banner-text ul{margin:4px 0 0;padding-left:18px}.warn-banner-text li{margin-bottom:2px}.opt-tip{background:var(--green-light);border:1px solid rgba(22,163,74,.2);border-radius:var(--r-lg);padding:14px 18px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.opt-tip-icon{font-size:1.3rem;flex-shrink:0}.opt-tip-text strong{font-weight:700;font-size:.92rem;display:block;margin-bottom:2px}.opt-tip-text span{font-size:.82rem;color:var(--text2)}.grand-total-card,.grand-total{background:linear-gradient(135deg,var(--blue) 0%,#004fa3 100%);border-radius:var(--r-xl);padding:24px 26px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px #0066cc40;flex-wrap:wrap;gap:16px;margin-bottom:16px}.gt-left h2,.gt-left h3{color:#ffffffb3;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.gt-saving,.grand-saving{font-size:.84rem;color:#86efac;font-weight:600;margin-top:6px}.gt-amount,.grand-total-amount{font-size:2.2rem;font-weight:900;color:#fff;letter-spacing:-.04em}.action-btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-copy{flex:1;background:var(--white);color:var(--text);border:1.5px solid var(--border);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:14px 20px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s,background .15s}.btn-copy:hover{border-color:var(--border2);background:var(--cream)}.empty-state{text-align:center;padding:60px 24px;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.empty-state h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:var(--text)}.empty-state p{font-size:.875rem;color:var(--text2);margin-bottom:20px;line-height:1.6}.empty-state .btn-primary{margin-top:6px}.error-box{background:var(--red-light);border:1px solid rgba(220,38,38,.25);border-radius:var(--r);padding:12px 16px;color:var(--red);font-size:.875rem;margin-top:12px;margin-bottom:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(60px);background:#1a1814;color:#fff;padding:11px 20px;border-radius:100px;font-size:.84rem;font-weight:500;box-shadow:var(--shadow-lg);z-index:300;display:flex;align-items:center;gap:8px;transition:transform .28s ease;white-space:nowrap;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0)}.toast-dot{width:7px;height:7px;border-radius:50%;background:#4ade80}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf9f6cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center}.loading-box{background:var(--white);border-radius:22px;padding:36px 44px;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.spinner{width:44px;height:44px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--blue);animation:spin .75s linear infinite;margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}.loading-box h3{font-size:1rem;font-weight:700;margin-bottom:5px}.loading-box p{font-size:.84rem;color:var(--text2)}.scroll-prog{position:fixed;top:62px;left:0;right:0;height:2px;background:var(--border);z-index:99}.scroll-prog-bar{height:100%;background:linear-gradient(90deg,var(--blue),#38bdf8);transition:width .1s}@media (max-width: 860px){.hero-inner{grid-template-columns:1fr;gap:48px}.hero-visual{display:none}.steps{grid-template-columns:1fr}.steps:before{display:none}.feat-grid,.supers-grid{grid-template-columns:repeat(2,1fr)}.footer-top,.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.origin-badges{grid-template-columns:repeat(3,1fr)}.store-cards{grid-template-columns:repeat(2,1fr)}.nav-btns{flex-direction:column}}@media (max-width: 560px){.feat-grid{grid-template-columns:1fr}section.ls{padding:64px 20px}.hero-inner{padding:56px 20px}.footer-top,.footer-grid{grid-template-columns:1fr}.stepper{gap:0}.step-label{display:none}.origin-badges{grid-template-columns:repeat(2,1fr)}.comp-body,.comp-content{padding:24px 16px 56px}}.inst-hero{background:linear-gradient(155deg,#0f1f38,#0d2d58,#0a3a7a);padding:120px 24px 80px;text-align:center;position:relative;overflow:hidden}.inst-hero:before{content:"";position:absolute;top:-30%;right:-10%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,204,.2) 0%,transparent 65%);pointer-events:none}.inst-hero-chip{display:inline-flex;align-items:center;gap:7px;background:#22c55e26;border:1px solid rgba(34,197,94,.28);color:#4ade80;border-radius:100px;padding:5px 13px;font-size:.76rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-bottom:22px;position:relative;z-index:1}.inst-hero-chip-neutral{background:#ffffff1a;border-color:#ffffff2e;color:#fffc}.inst-hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;letter-spacing:-.04em;color:#fff;margin-bottom:16px;text-wrap:pretty;line-height:1.08;position:relative;z-index:1}.inst-hero h1 em{color:#60d394;font-style:normal}.inst-hero p{font-size:1.05rem;color:#fff9;max-width:520px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.inst-hero-date{color:#ffffff80;font-size:.95rem}.inst-main{max-width:860px;margin:0 auto;padding:64px 24px 96px}.inst-section{margin-bottom:72px}.inst-section-label{font-size:.73rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.inst-section h2{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;letter-spacing:-.03em;margin-bottom:20px;text-wrap:pretty}.inst-section p{font-size:1rem;color:var(--text2);line-height:1.8;margin-bottom:16px}.inst-section p:last-child{margin-bottom:0}.inst-cta{text-align:center;background:linear-gradient(135deg,#0f1f38,#0d2d58);border-radius:var(--r-xl);padding:56px 40px}.inst-cta h2{font-size:1.8rem;font-weight:800;letter-spacing:-.03em;color:#fff;margin-bottom:12px}.inst-cta p{font-size:1rem;color:#fff9;margin-bottom:28px}.inst-cta-btn{display:inline-flex;align-items:center;gap:9px;background:#22c55e;color:#fff;font-family:inherit;font-size:1rem;font-weight:700;padding:16px 32px;border-radius:12px;text-decoration:none;box-shadow:0 4px 20px #22c55e4d;transition:transform .15s,box-shadow .15s;letter-spacing:-.01em;border:none;cursor:pointer}.inst-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #22c55e66}.history-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:36px 40px;box-shadow:var(--shadow-sm)}.history-card p{font-size:1.05rem;color:var(--text2);line-height:1.85;margin-bottom:20px}.history-card p:last-child{margin-bottom:0}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mv-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-xs)}.mv-card h3{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);margin-bottom:12px}.mv-card p{font-size:.95rem;color:var(--text2);line-height:1.75}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.value-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-xs);transition:transform .2s,box-shadow .2s}.value-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.value-icon{width:44px;height:44px;border-radius:12px;background:var(--blue-light);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.value-card h3{font-size:.95rem;font-weight:700;margin-bottom:8px}.value-card p{font-size:.84rem;color:var(--text2);line-height:1.65}.founder-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:36px 40px;box-shadow:var(--shadow-sm);display:flex;gap:32px;align-items:flex-start}.founder-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#06c,#0041a3);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:900;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #0066cc40}.founder-info h3{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}.founder-info .founder-sub{font-size:.84rem;color:var(--blue);font-weight:600;margin-bottom:16px}.founder-info p{font-size:.95rem;color:var(--text2);line-height:1.8;margin-bottom:14px}.founder-info p:last-child{margin-bottom:0}.founder-contact{display:inline-flex;align-items:center;gap:7px;background:var(--blue-light);color:var(--blue);font-size:.84rem;font-weight:600;padding:8px 14px;border-radius:8px;text-decoration:none;margin-top:4px;transition:background .15s}.founder-contact:hover{background:#bfdbfe}.legal-layout{max-width:1100px;margin:0 auto;padding:48px 24px 96px;display:grid;grid-template-columns:220px 1fr;gap:40px;align-items:start}.legal-sidebar{position:sticky;top:82px}.legal-sidebar-title{font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:14px;padding:0 4px}.legal-sidebar-nav{display:flex;flex-direction:column;gap:2px}.legal-sidebar-btn{background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;font-size:.875rem;font-weight:500;color:var(--text2);padding:9px 14px;border-radius:9px;transition:color .15s,background .15s;text-decoration:none;display:block}.legal-sidebar-btn:hover{color:var(--text);background:var(--border)}.legal-sidebar-btn.active{color:var(--blue);background:var(--blue-light);font-weight:600}.legal-content{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:44px 48px;box-shadow:var(--shadow-sm);min-height:600px}.legal-section-block{scroll-margin-top:80px}.legal-section-block+.legal-section-block{margin-top:56px;padding-top:56px;border-top:1.5px solid var(--border)}.legal-tag{font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:10px;display:block}.legal-content h2{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.legal-date{font-size:.82rem;color:var(--text3);margin-bottom:24px;display:block}.legal-section{margin-bottom:32px}.legal-section h3{font-size:1rem;font-weight:700;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.legal-section p{font-size:.9rem;color:var(--text2);line-height:1.8;margin-bottom:10px}.legal-section p:last-child{margin-bottom:0}.legal-section ul{padding-left:20px;margin-top:8px}.legal-section ul li{font-size:.9rem;color:var(--text2);line-height:1.75;margin-bottom:6px}.legal-section a{color:var(--blue);font-weight:600;text-decoration:none}.legal-section a:hover{text-decoration:underline}.legal-placeholder{display:inline;background:#fef3c7;color:#92400e;padding:1px 5px;border-radius:4px;font-family:ui-monospace,monospace;font-size:.85em}.legal-mobile-tabs{display:none;flex-wrap:wrap;gap:8px;margin-bottom:20px}.legal-mobile-tab{background:var(--white);border:1.5px solid var(--border);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;color:var(--text2);padding:8px 14px;border-radius:100px;transition:all .15s;text-decoration:none}.legal-mobile-tab:hover{border-color:var(--border2);color:var(--text)}.legal-mobile-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.video-section{margin-bottom:72px}.video-wrap{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--r-xl);overflow:hidden;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow)}.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,var(--cream2),var(--white))}.video-placeholder-icon{width:72px;height:72px;border-radius:50%;background:var(--blue-light);display:flex;align-items:center;justify-content:center;color:var(--blue)}.video-placeholder h3{font-size:1rem;font-weight:700;color:var(--text)}.video-placeholder p{font-size:.875rem;color:var(--text3);text-align:center;max-width:280px}.tutorial-timeline{position:relative;padding-left:0}.tutorial-timeline:before{content:"";position:absolute;left:27px;top:28px;bottom:28px;width:2px;background:var(--border)}.tutorial-step{display:flex;gap:24px;margin-bottom:8px;align-items:flex-start;position:relative}.tutorial-step-num{width:56px;height:56px;border-radius:50%;flex-shrink:0;background:var(--white);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;color:var(--text3);position:relative;z-index:1;box-shadow:var(--shadow-xs);transition:all .25s}.tutorial-step:hover .tutorial-step-num{border-color:var(--blue);color:var(--blue);background:var(--blue-light);box-shadow:var(--shadow-sm)}.tutorial-step-body{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px 24px;flex:1;margin-bottom:16px;box-shadow:var(--shadow-xs);transition:box-shadow .2s,transform .2s}.tutorial-step-body:hover{box-shadow:var(--shadow-sm);transform:translate(3px)}.tutorial-step-body h3{font-size:1rem;font-weight:700;margin-bottom:8px}.tutorial-step-body p{font-size:.9rem;color:var(--text2);line-height:1.7}.tutorial-step-body ul{padding-left:18px;margin-top:8px}.tutorial-step-body ul li{font-size:.9rem;color:var(--text2);line-height:1.7;margin-bottom:4px}.faq-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-xs)}.faq-item{border-bottom:1px solid var(--border);background:var(--white)}.faq-item:last-child{border-bottom:none}.faq-btn{width:100%;padding:20px 24px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--text);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .15s}.faq-btn:hover{background:var(--cream)}.faq-btn:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.faq-chevron{width:20px;height:20px;flex-shrink:0;color:var(--text3);transition:transform .25s,color .15s}.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--blue)}.faq-item.open .faq-btn{color:var(--blue);background:#f0f7ff}.faq-body{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .25s ease}.faq-body-inner{padding:0 24px 20px;font-size:.9rem;color:var(--text2);line-height:1.8}.faq-body-inner a{color:var(--blue);font-weight:600;text-decoration:none}.faq-body-inner a:hover{text-decoration:underline}.faq-item.open .faq-body{max-height:600px}.plans-wrap{max-width:880px;margin:0 auto;padding:56px 24px 96px}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.plan-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:36px 32px;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);position:relative}.plan-card.featured{border-color:var(--blue);box-shadow:0 8px 32px #0066cc26}.plan-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);background:var(--blue);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 14px;border-radius:100px;white-space:nowrap}.plan-name{font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.plan-price{font-size:2.4rem;font-weight:900;letter-spacing:-.03em;margin:8px 0 2px}.plan-price span{font-size:.95rem;font-weight:600;color:var(--text3)}.plan-price-sub{font-size:.85rem;color:var(--text2);margin-bottom:22px}.plan-features{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px;flex:1;padding:0}.plan-feature{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:var(--text2);line-height:1.45}.plan-feature svg{flex-shrink:0;margin-top:1px;color:var(--green)}.plan-btn{width:100%;padding:13px;border-radius:11px;font-family:inherit;font-size:.95rem;font-weight:700;border:none;cursor:pointer;text-align:center;text-decoration:none;display:block;transition:opacity .15s,transform .1s}.plan-btn-primary{background:var(--blue);color:#fff}.plan-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.plan-btn-disabled{background:var(--cream2);color:var(--text3);cursor:default;border:1px solid var(--border)}.plan-btn-current{background:var(--green-light);color:var(--green);cursor:default;border:1px solid rgba(22,163,74,.3)}.plans-note{text-align:center;font-size:.85rem;color:var(--text3);margin-top:28px}.profile-wrap{max-width:640px;margin:0 auto;padding:104px 24px 96px}.profile-card{background:var(--white);border:1px solid var(--border);border-radius:var(--r-xl);padding:36px;box-shadow:var(--shadow-sm)}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#06c,#0041a3);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:18px}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);gap:16px}.profile-row:last-of-type{border-bottom:none}.profile-label{font-size:.78rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}.profile-value{font-size:.95rem;font-weight:600;color:var(--text);text-align:right}.profile-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:100px;font-size:.8rem;font-weight:700}.profile-plan-free{background:var(--cream2);color:var(--text2)}.profile-plan-pro{background:var(--blue-light);color:var(--blue)}.profile-upgrade-link{font-size:.82rem;color:var(--blue);font-weight:600;text-decoration:none;margin-left:8px}.profile-upgrade-link:hover{text-decoration:underline}.profile-usage-bar{height:8px;background:var(--cream2);border-radius:100px;overflow:hidden;margin-top:10px}.profile-usage-fill{height:100%;background:var(--blue);border-radius:100px;transition:width .3s}.profile-logout{margin-top:24px;width:100%;padding:12px;border-radius:11px;background:none;border:1px solid var(--border);color:var(--text2);font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.profile-logout:hover{color:var(--red);border-color:var(--red);background:var(--red-light)}.profile-gate{max-width:460px;margin:60px auto;text-align:center;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:48px 36px;box-shadow:var(--shadow-sm)}.profile-gate h3{font-size:1.2rem;font-weight:800}@media (max-width: 700px){.plans-grid{grid-template-columns:1fr}.plan-card.featured{order:-1}}@media (max-width: 800px){.legal-layout{grid-template-columns:1fr;gap:0}.legal-sidebar{display:none}.legal-mobile-tabs{display:flex}.legal-content{padding:28px 22px}}@media (max-width: 700px){.mv-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.founder-card{flex-direction:column;padding:24px}.history-card{padding:24px}.tutorial-timeline:before{display:none}.inst-cta{padding:40px 24px}}@media (max-width: 440px){.values-grid{grid-template-columns:1fr}.tutorial-step{flex-direction:column;gap:12px}.tutorial-step-num{width:44px;height:44px;font-size:.9rem}}