:root{--bg: #f4f0e9;--bg-2: #ebe5db;--surface: #ffffff;--ink: #111615;--ink-2: #3a4340;--ink-3: #6b7570;--line: #d9d2c4;--line-2: #e8e2d5;--accent: #ff6c4a;--accent-ink: #d9471f;--dark: #0e1210;--dark-2: #181d1b;--mono: "IBM Plex Mono", ui-monospace, monospace;--display: "Archivo", ui-sans-serif, system-ui;--body: "Inter Tight", ui-sans-serif, system-ui;--hand: "Caveat", "Bradley Hand", cursive}h1,h2,h3,h4,h5{font-family:var(--display);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.05;text-wrap:balance}p{margin:0;text-wrap:pretty}.mono{font-family:var(--mono);font-feature-settings:normal}.rule{height:1px;background:var(--line);border:0}.hero{padding:72px 0 48px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1.15fr;gap:72px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#fff9}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #ff6c4a33}h1.hero-h1{font-size:clamp(40px,4.4vw,60px);line-height:1.02;margin:20px 0 22px;font-weight:700}h1.hero-h1 .accent{color:var(--accent)}h1.hero-h1 em{font-style:normal;font-family:Archivo,serif;font-weight:500;font-style:italic;color:var(--ink-2)}.hero-tagline{font-size:clamp(20px,1.6vw,24px);color:var(--ink);max-width:540px;line-height:1.3;font-weight:500;margin:0 0 14px}.hero-tagline .accent{color:var(--accent)}.hero-sub{font-size:19px;color:var(--ink-2);max-width:520px;line-height:1.45}.hero-ctas{display:flex;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap}.hero-cta-meta{font-family:var(--mono);font-size:12px;color:var(--ink-3)}.hero-cta-meta strong{color:var(--ink);font-weight:600}.hero-secondary{font-size:14px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:2px}.hero-secondary:hover{border-color:var(--ink)}.product{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px #00000005,0 24px 60px -24px #1414142e;overflow:hidden;font-size:13px}.prod-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line-2);background:#faf7f2}.prod-dots{display:flex;gap:5px}.prod-dots span{width:10px;height:10px;border-radius:50%;background:#dcd5c7}.prod-dots span:nth-child(1){background:#e39a85}.prod-dots span:nth-child(2){background:#e5c77a}.prod-dots span:nth-child(3){background:#8bbf8b}.prod-url{font-family:var(--mono);font-size:11px;color:var(--ink-3);flex:1;text-align:center}.prod-url strong{color:var(--ink);font-weight:500}.prod-tabs{display:flex;padding:0 14px;border-bottom:1px solid var(--line-2);gap:2px;background:#fff}.prod-tab{padding:10px 14px;font-size:12px;color:var(--ink-3);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}.prod-tab.active{color:var(--ink);border-bottom-color:var(--accent)}.prod-tab .mono{font-size:10px;color:var(--ink-3);margin-left:6px}.prod-body{padding:18px;display:grid;grid-template-columns:200px 1fr;gap:16px}.mission-card{background:#faf7f2;border:1px solid var(--line-2);border-radius:10px;padding:14px}.mission-label{font-family:var(--mono);font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em}.mission-title{font-size:14px;font-weight:600;margin:4px 0 10px;font-family:var(--display)}.compare-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.compare-head h4{font-family:var(--display);font-size:14px}.compare-head .mono{font-size:11px;color:var(--ink-3)}.config-row{display:grid;grid-template-columns:22px 1fr 90px 90px 70px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:8px;margin-bottom:6px;background:#fff;position:relative}.config-row.winner{border-color:var(--accent);background:#fff8f5}.config-row.winner:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:3px;background:var(--accent);border-radius:8px 0 0 8px}.config-tag{width:20px;height:20px;border-radius:4px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:600}.config-tag.b{background:var(--accent)}.config-tag.c{background:#6b7570}.config-name{font-size:12.5px;font-weight:500}.config-name .sub{color:var(--ink-3);font-size:11px;display:block;font-family:var(--mono)}.config-metric{font-family:var(--mono);font-size:12px;text-align:right;color:var(--ink)}.config-metric .delta{display:block;font-size:10px;color:var(--ink-3)}.config-metric .delta.good{color:#2b7a3e}.config-bar{height:6px;border-radius:3px;background:var(--line-2);position:relative;overflow:hidden}.config-bar span{display:block;height:100%;background:var(--ink-2);border-radius:3px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.config-row.winner .config-bar span{background:var(--accent)}.prod-footer{border-top:1px solid var(--line-2);padding:10px 18px;display:flex;justify-content:space-between;align-items:center;background:#faf7f2;font-family:var(--mono);font-size:11px;color:var(--ink-3)}.prod-footer strong{color:var(--ink)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#eaf5ec;color:#2b7a3e;font-family:var(--mono);font-size:10px;font-weight:500}.chip .d{width:5px;height:5px;border-radius:50%;background:#2b7a3e}.floating-callout{position:absolute;font-family:var(--mono);font-size:11px;color:var(--ink-2);background:var(--dark);color:#f4f0e9;padding:6px 10px;border-radius:6px;box-shadow:0 10px 30px -10px #0000004d}.floating-callout:before{content:"";position:absolute;width:8px;height:8px;background:var(--dark);transform:rotate(45deg)}.logos{padding:28px 0 48px;border-top:1px solid var(--line-2);margin-top:64px}.logos-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);text-align:center;margin-bottom:24px}.logos-row{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;align-items:center}.logo-placeholder{height:36px;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink-3);letter-spacing:-.01em;opacity:.7;border:1px dashed var(--line);border-radius:6px}.logo-placeholder .mono{font-size:9px;display:block;color:var(--ink-3);font-weight:400;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;opacity:.6}.logo-real{height:34px;display:flex;align-items:center;justify-content:center}.logo-real img{max-height:34px;max-width:160px;width:auto;object-fit:contain;opacity:.85}.logo-more{height:34px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--ink-2)}.logo-more-num{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:var(--accent-ink);line-height:1}.logo-more-lbl{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);line-height:1.3;text-align:left}section{padding:96px 0;position:relative}.section-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:18px}.section-kicker:before{content:"";width:18px;height:1px;background:var(--accent)}.section-title{font-size:clamp(34px,4vw,54px);line-height:1.02;max-width:800px}.section-title .accent{color:var(--accent)}.section-lead{font-size:18px;color:var(--ink-2);max-width:640px;margin-top:20px}.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}.ps-card{border-radius:16px;padding:40px;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.ps-before{background:var(--bg-2);border:1px solid var(--line)}.ps-after{background:var(--dark);color:#f4f0e9}.ps-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ps-tag{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.ps-before .ps-tag{color:var(--ink-3)}.ps-after .ps-tag{color:#f4f0e98c}.ps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.ps-list li{font-family:var(--display);font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.01em}.ps-before li{color:var(--ink-2)}.ps-after li{color:#f4f0e9}.ps-after li .accent{color:var(--accent)}.ps-foot{margin-top:28px;font-family:var(--mono);font-size:11px;display:flex;gap:14px;align-items:center}.ps-before .ps-foot{color:var(--ink-3)}.ps-after .ps-foot{color:#f4f0e999}.ps-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid currentColor}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px;background:var(--line-2);border:1px solid var(--line);border-radius:16px;overflow:hidden}.step{background:var(--bg);padding:36px 32px 32px;display:flex;flex-direction:column;gap:18px;min-height:360px}.step-num{font-family:var(--mono);font-size:12px;color:var(--ink-3);letter-spacing:.08em}.step-num strong{color:var(--accent);font-weight:600}.step h3{font-size:24px;letter-spacing:-.01em}.step p{font-size:15px;color:var(--ink-2);line-height:1.5}.step-art{margin-top:auto}.step-mini{background:#fff;border:1px solid var(--line-2);border-radius:10px;padding:12px;font-size:12px}.mini-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line-2)}.mini-row:last-child{border-bottom:0}.mini-row .k{font-family:var(--mono);font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.mini-row .v{font-family:var(--mono);font-size:11px;font-weight:500}.step-compare{display:flex;flex-direction:column;gap:6px}.sc-row{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 10px;border-radius:8px;border:1px solid var(--line-2);font-size:11px}.sc-row.w{border-color:var(--accent);background:#fff8f5}.sc-row .tag{font-family:var(--mono);font-size:10px;padding:2px 5px;background:var(--ink);color:#fff;border-radius:3px}.sc-row.w .tag{background:var(--accent)}.sc-row .bar{flex:1;height:4px;border-radius:2px;background:var(--line-2);overflow:hidden}.sc-row .bar span{display:block;height:100%;background:var(--ink-2)}.sc-row.w .bar span{background:var(--accent)}.sc-row .val{font-family:var(--mono);font-size:10px;min-width:44px;text-align:right}.step-qr{display:flex;gap:12px;background:#fff;padding:12px;border-radius:10px;border:1px solid var(--line-2)}.qr{width:72px;height:72px;flex-shrink:0;background-image:linear-gradient(90deg,var(--ink) 50%,transparent 50%),linear-gradient(0deg,var(--ink) 50%,transparent 50%);background-size:8px 8px,8px 8px;mask:repeating-conic-gradient(#000 0% 25%,transparent 0% 50%) 0 0 / 10px 10px;background-color:#fff;border-radius:4px;position:relative}.qr-real{width:72px;height:72px;flex-shrink:0}.step-qr .meta{display:flex;flex-direction:column;justify-content:center;gap:4px}.step-qr .meta .mono{font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.step-qr .meta strong{font-size:13px;font-family:var(--display)}.track-section{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tracks{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}.track{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:40px;display:flex;flex-direction:column;min-height:440px;position:relative;overflow:hidden}.track-badge{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:18px}.track h3{font-size:32px;letter-spacing:-.02em;margin-bottom:12px}.track>p{color:var(--ink-2);font-size:15.5px;max-width:420px}.track-list{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:10px}.track-list li{font-size:14px;color:var(--ink-2);display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line-2)}.track-list li:before{content:"→";color:var(--accent);font-family:var(--mono);font-weight:600}.track-cta{margin-top:auto;padding-top:32px;display:flex;gap:12px;align-items:center}.track-micro{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.track.oem{background:var(--dark);color:#f4f0e9;border-color:var(--dark)}.track.oem .track-badge{color:#f4f0e98c}.track.oem>p{color:#f4f0e9bf}.track.oem .track-list li{color:#f4f0e9cc;border-top-color:#f4f0e91a}.track.oem .track-micro{color:#f4f0e980}.track.oem .btn-primary{background:var(--accent);color:#fff}.trust-band{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:44px 0}.tb-half{padding:0 44px;display:flex;flex-direction:column;align-items:flex-start}.tb-half+.tb-half{border-left:1px solid var(--line-2)}.tb-half h3{font-size:clamp(22px,2.2vw,28px);line-height:1.12;letter-spacing:-.015em;margin:12px 0;text-wrap:balance}.tb-half h3 .accent{color:var(--accent)}.tb-half p{color:var(--ink-2);font-size:15px;line-height:1.5;margin-bottom:22px}.tb-half .btn{margin-top:auto}.final-cta{background:var(--dark);color:#f4f0e9;border-radius:20px;padding:72px 56px;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;margin-bottom:96px;position:relative;overflow:hidden}.final-cta h2{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.02em;line-height:1}.final-cta h2 .accent{color:var(--accent)}.final-cta p{color:#f4f0e9b3;margin-top:20px;font-size:16px;max-width:480px}.final-cta-right{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.final-cta-right .btn{width:100%}.final-cta-meta{font-family:var(--mono);font-size:11px;color:#f4f0e980;display:flex;flex-direction:column;gap:6px;margin-top:8px}.final-cta-meta div:before{content:"→ ";color:var(--accent)}.ft-brand .logo{height:24px;margin-bottom:20px}.ft-col a{font-size:13.5px;color:var(--ink-2)}.ft-col a:hover{color:var(--ink)}.ft-bottom .eco:before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%}#tweak-panel{position:fixed;right:20px;bottom:20px;width:280px;background:var(--dark);color:#f4f0e9;border-radius:14px;padding:16px;font-size:12px;z-index:100;display:none;box-shadow:0 20px 60px -20px #0006}#tweak-panel.open{display:block}#tweak-panel h4{font-family:var(--display);font-size:14px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}#tweak-panel h4 .close{cursor:pointer;font-family:var(--mono);color:#f4f0e980;font-size:18px;font-weight:400;background:none;border:0}.tk-row{margin-bottom:12px}.tk-row label{display:block;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#f4f0e980;margin-bottom:6px}.tk-swatches{display:flex;gap:6px}.tk-sw{width:28px;height:28px;border-radius:6px;cursor:pointer;border:2px solid transparent}.tk-sw.active{border-color:#fff}.tk-seg{display:flex;background:#ffffff14;border-radius:6px;padding:2px}.tk-seg button{flex:1;padding:6px;background:transparent;color:#f4f0e999;border:0;border-radius:4px;font-size:11px;cursor:pointer;font-family:var(--body)}.tk-seg button.active{background:#ffffff1f;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.anim-fade{animation:fadeUp .5s ease both}.hand{font-family:var(--hand);font-weight:600;color:var(--accent-ink);line-height:1}.hand-note{display:inline-flex;align-items:center;gap:8px;font-family:var(--hand);font-weight:500;font-size:22px;color:var(--accent-ink);line-height:1.1;transform:rotate(-2deg)}.hand-note svg{flex-shrink:0}.token-drops{position:relative;display:inline-flex;gap:6px;align-items:center;padding:6px 12px 6px 8px;margin-left:-4px;background:#fff8f5;border:1px solid rgba(255,108,74,.25);border-radius:999px}.token-drop{width:18px;height:22px;position:relative;flex-shrink:0;filter:drop-shadow(0 1px 0 rgba(217,71,31,.25))}.token-drop svg{width:100%;height:100%;display:block}.token-drops .lbl{font-family:var(--mono);font-size:10px;color:var(--accent-ink);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding-left:2px}@keyframes drop-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-2px) rotate(-4deg)}}.token-drop:nth-child(1){animation:drop-bob 2.6s ease-in-out infinite}.token-drop:nth-child(2){animation:drop-bob 2.6s ease-in-out infinite;animation-delay:.2s}.token-drop:nth-child(3){animation:drop-bob 2.6s ease-in-out infinite;animation-delay:.4s}.token-caption{position:relative;margin-top:8px;padding-left:38px;font-family:var(--hand);font-size:22px;font-weight:500;color:var(--accent-ink);line-height:1;display:inline-block}.token-caption:before{content:"";position:absolute;left:0;top:-28px;width:34px;height:36px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 36' fill='none'><path d='M30 2 C 22 6, 14 10, 10 20 C 8 26, 10 30, 6 34' stroke='%23d9471f' stroke-width='1.8' stroke-linecap='round' fill='none'/><path d='M2 28 L 6 34 L 12 32' stroke='%23d9471f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>") no-repeat center/contain}.squiggle{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'><path d='M0 4 Q 15 0 30 4 T 60 4 T 90 4 T 120 4' stroke='%23ff6c4a' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:0 100%;background-size:100% 6px;padding-bottom:8px}.delta.good.tally:before{content:"";display:inline-block;width:8px;height:8px;margin-right:4px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' fill='none'><path d='M1 4.5 L3 6.5 L7 1.5' stroke='%232b7a3e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;vertical-align:baseline}.logos-aside{margin-top:18px;text-align:center;font-family:var(--hand);font-size:20px;color:var(--ink-2);font-weight:500;transform:rotate(-.6deg)}.logos-aside .accent{color:var(--accent-ink)}.logos-aside:before,.logos-aside:after{content:" ✦ ";color:var(--accent);font-family:var(--mono);font-size:12px;vertical-align:middle;margin:0 8px;opacity:.6}.ft-handmade:before{content:"✎";color:var(--accent);font-size:18px}@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:40px}.ps-grid,.steps,.tracks{grid-template-columns:1fr}.trust-band{grid-template-columns:1fr;padding:32px 0}.tb-half{padding:0 28px}.tb-half+.tb-half{border-left:0;border-top:1px solid var(--line-2);margin-top:28px;padding-top:28px}.final-cta{grid-template-columns:1fr;padding:40px 28px}.ft-grid{grid-template-columns:1fr 1fr}.logos-row{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}}