:root{--green: #12281c;--green2: #1c3a29;--gold: #c9a24b;--cream: #f5f0e6;--ink: #1a1a17;--muted: #6b6b60;--line: #e5dfd0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}h1,h2,h3,.serif{font-family:Playfair Display,serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 26px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:4px;font-weight:600;font-size:15px;cursor:pointer;border:0;transition:.2s}.btn-gold{background:var(--gold);color:var(--green)}.btn-gold:hover{filter:brightness(1.06)}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:600;color:var(--gold)}header{background:var(--green);color:var(--cream)}.nav{display:flex;align-items:center;justify-content:space-between;height:76px}.logo{font-family:Playfair Display;font-weight:600;font-size:22px}.logo b{color:var(--gold);font-weight:600}.nav-links{display:flex;gap:28px;font-size:14px;letter-spacing:.5px}.nav-links a:hover{color:var(--gold)}@media(max-width:820px){.nav-links{display:none}}.intro{text-align:center;padding:66px 0 30px}.intro h1{font-size:clamp(34px,5.4vw,58px);font-weight:600;margin:12px 0 14px;line-height:1.06}.intro p{color:var(--muted);max-width:560px;margin:0 auto;font-size:18px}.hint{margin-top:18px;font-size:13px;color:var(--muted)}.compare{position:relative;max-width:1000px;margin:26px auto 0;height:560px;border-radius:8px;overflow:hidden;box-shadow:0 30px 70px #12281c47;user-select:none}.layer{position:absolute;inset:0;overflow:hidden}.layer .frame{position:absolute;inset:0;width:1000px}.after{width:50%;z-index:2;border-right:3px solid #fff}.after .frame{left:0}.handle{position:absolute;top:0;bottom:0;left:50%;width:44px;transform:translate(-50%);z-index:5;cursor:ew-resize;display:grid;place-items:center}.handle .grip{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0000004d;display:grid;place-items:center;font-size:18px;color:var(--green)}.lbl{position:absolute;top:16px;z-index:4;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:999px;color:#fff}.lbl.a{left:16px;background:#b42828e6}.lbl.b{right:16px;background:#12281ce6}.site-after{position:absolute;inset:0;background:#10231a;color:#f5f0e6}.site-after .bg{position:absolute;inset:0}.site-after .bg img{width:100%;height:100%;object-fit:cover;opacity:.5}.site-after .ov{position:absolute;inset:0;background:linear-gradient(180deg,#10231a80,#10231ae6)}.site-after .top{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;font-size:13px;letter-spacing:.5px}.site-after .top .lg{font-family:Playfair Display;font-size:20px}.site-after .top .lg b{color:var(--gold)}.site-after .nav2{display:flex;gap:20px;opacity:.9}.site-after .mid{position:relative;text-align:center;padding:90px 30px 0}.site-after .mid .k{color:var(--gold);letter-spacing:3px;text-transform:uppercase;font-size:12px}.site-after .mid h3{font-family:Playfair Display;font-size:52px;font-weight:600;margin:12px 0}.site-after .mid p{opacity:.85;max-width:420px;margin:0 auto 22px}.site-after .mid .btn{background:var(--gold);color:var(--green)}.site-before{position:absolute;inset:0;background:#ffc;color:navy;font-family:Times New Roman,Times,serif;overflow:hidden}.site-before .banner{background:navy;color:#ff0;text-align:center;padding:8px;font-weight:700;font-size:22px;letter-spacing:1px}.site-before .tbl{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:12px}.site-before .menu{background:silver;border:2px outset #eee;padding:8px;font-size:13px}.site-before .menu a{color:#00e;text-decoration:underline;display:block;padding:3px 0}.site-before .content h4{color:#c00;font-size:26px;text-align:center;text-decoration:underline;margin-bottom:6px}.site-before .content .hi{text-align:center;color:green;font-weight:700;font-size:15px;margin-bottom:10px}.site-before .photo{width:150px;height:100px;background:linear-gradient(135deg,#996,#663);border:4px ridge #999;float:left;margin:0 12px 8px 0}.site-before .box{border:2px dashed #cc0000;background:#fff;padding:8px;font-size:13px;margin:10px 0;color:#000}.site-before .counter{background:#000;color:#0f0;font-family:monospace;display:inline-block;padding:2px 8px;font-size:13px}.site-before .foot{text-align:center;font-size:11px;color:#555;margin-top:8px}.site-before .blink{color:#c00;font-weight:700}section{padding:74px 0}.changed{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.ch{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.ch .ic{font-size:26px;margin-bottom:10px}.ch h3{font-family:Inter;font-size:17px;font-weight:600;margin-bottom:6px}.ch p{color:var(--muted);font-size:14px}@media(max-width:860px){.changed{grid-template-columns:1fr 1fr}}.results{background:var(--green);color:var(--cream);text-align:center}.results h2{font-size:clamp(28px,4vw,42px);font-weight:600;margin-bottom:8px}.results .sub{color:#b7c6b8;margin-bottom:36px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stat b{font-family:Playfair Display;font-size:46px;color:var(--gold);display:block}.stat span{color:#b7c6b8;font-size:14px}@media(max-width:720px){.stats{grid-template-columns:1fr}}.cta{text-align:center}.cta h2{font-size:clamp(30px,4.6vw,48px);font-weight:600}.cta p{color:var(--muted);margin:14px auto 26px;max-width:440px}footer{background:var(--green2);color:#cbd6cc;padding:40px 0 26px;text-align:center;font-size:13px}.demo-ribbon{position:fixed;z-index:60;right:16px;bottom:16px;background:#0d1218;color:#fff;font-family:Inter;font-size:12.5px;padding:9px 14px;border-radius:999px;box-shadow:0 10px 30px #0000004d;display:flex;gap:8px}.demo-ribbon b{color:#45d6e8}