.hw-hero{background:var(--ink);color:var(--paper);padding:80px var(--pad-x) 0;position:relative;overflow:hidden}.hw-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed59 0%,#0000 60%);width:700px;height:700px;position:absolute;top:-200px;right:-150px}.hw-hero-grid{z-index:1;max-width:var(--maxw);grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;min-height:540px;margin:0 auto;display:grid;position:relative}.hw-hero h1{letter-spacing:-.032em;text-transform:uppercase;color:var(--white);max-width:14ch;font-size:clamp(48px,6vw,84px);font-weight:700;line-height:.96}.hw-hero h1 .accent{color:var(--lime);font-style:normal}.hw-hero .eyebrow{color:#f4f0e8a6;margin-bottom:28px}.hw-hero .eyebrow:before{background:var(--lime)}.hw-hero p{color:#f4f0e8c7;max-width:52ch;margin-top:24px;font-size:18px;line-height:1.5}.hw-hero .hero-actions{flex-wrap:wrap;gap:12px;margin:32px 0 64px;display:flex}.hw-hero-image{aspect-ratio:4/5;border-radius:var(--radius-md) var(--radius-md) 0 0;background:#f4f0e80d;max-height:580px;margin-bottom:-1px;position:relative;overflow:hidden}.hw-hero-image image-slot{width:100%;height:100%}.hw-hero-image .label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--paper);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#0a0f1fb3;border-radius:999px;padding:8px 14px;font-size:11px;position:absolute;top:20px;left:20px}.hw-tabs{z-index:40;background:var(--paper);border-bottom:1px solid var(--stone-line);padding:14px var(--pad-x);position:sticky;top:68px}.hw-tabs-shell{max-width:var(--maxw);align-items:center;gap:8px;margin:0 auto;display:flex;overflow-x:auto}.hw-tabs .lbl{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;flex-shrink:0;margin-right:12px;font-size:11px}.hw-tabs a{border:1px solid var(--stone-line);color:var(--ink-soft);background:var(--white);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.hw-tabs a:hover{border-color:var(--ink);color:var(--ink)}.hw-tabs a.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.hw-tabs a .dot{background:var(--lime);opacity:0;border-radius:50%;width:6px;height:6px;display:inline-block}.hw-tabs a.active .dot{opacity:1}.hw-product{padding:120px var(--pad-x);scroll-margin-top:140px}.hw-product.alt{background:var(--paper-2)}.hw-product.dark{background:var(--ink);color:var(--paper)}.hw-product.dark h2,.hw-product.dark .name,.hw-product.dark .brand{color:var(--white)}.hw-product.dark p{color:#f4f0e8c7}.hw-product.dark .specs>div{border-color:#f4f0e82e}.hw-product.dark .specs .k{color:#f4f0e880}.hw-product.dark .specs .v{color:var(--paper)}.hw-product-grid{max-width:var(--maxw);grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;margin:0 auto;display:grid}.hw-product.flip .hw-product-grid{grid-template-columns:1fr 1.1fr}.hw-product.flip .hw-product-media{order:2}.hw-product-media{aspect-ratio:4/5;background:linear-gradient(160deg,#1f1a3f 0%,#0a0f1f 100%);border-radius:28px;position:relative;overflow:hidden}.hw-product-media image-slot{width:100%;height:100%}.hw-product.alt .hw-product-media{background:linear-gradient(160deg,#ede9fe 0%,#dad6cd 100%)}.hw-product-media .tag{position:absolute;top:24px;left:24px}.hw-product-media .price-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--white);text-align:right;background:#0a0f1fc7;border-radius:16px;padding:14px 18px;position:absolute;bottom:24px;right:24px}.hw-product-media .price-chip .lbl{font-family:var(--font-mono);letter-spacing:.1em;color:#f4f0e899;text-transform:uppercase;font-size:10px}.hw-product-media .price-chip .val{font-size:18px;font-weight:600}.hw-product .best-for{background:var(--lime-soft);color:var(--lime-deep);border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.hw-product.dark .best-for{color:var(--sage);background:#7c3aed2e}.hw-product .best-for:before{content:"★";font-size:12px}.hw-product .brand{font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:8px;font-size:12px}.hw-product .name{letter-spacing:-.032em;color:var(--ink);text-transform:uppercase;font-size:clamp(48px,5.5vw,84px);font-weight:700;line-height:1}.hw-product .pitch{color:var(--ink-soft);max-width:52ch;margin-top:24px;font-size:18px;line-height:1.55}.industries{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.industry-chip{border-color:var(--stone-line);color:var(--ink-soft);background:0 0}.industry-chip:hover:not(:disabled){border-color:var(--lime);color:var(--ink)}.industry-chip:active{transform:scale(.95)}.hw-product.dark .industry-chip{color:#f4f0e8d9;border-color:#f4f0e833}.hw-product.dark .industry-chip:hover:not(:disabled){color:var(--white);border-color:#f4f0e88c}.industry-chip svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:14px;height:14px}.specs{border-top:1px solid var(--stone-line);grid-template-columns:1fr 1fr;gap:0 48px;margin-top:36px;display:grid}.specs>div{border-bottom:1px solid var(--stone-line);justify-content:space-between;gap:24px;padding:16px 0;font-size:14px;display:flex}.specs .k{color:var(--ink-mute);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.specs .v{color:var(--ink);text-align:right;font-weight:600}.hw-product .p-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.hw-also{background:var(--paper-2);color:var(--ink-soft);padding:96px var(--pad-x)}.hw-also-head{max-width:var(--maxw);grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;margin:0 auto 56px;display:grid}.hw-also-head h2{color:var(--ink);text-transform:uppercase;letter-spacing:-.032em;font-size:clamp(40px,4.8vw,72px);font-weight:700;line-height:.96}.hw-also-head p{color:var(--ink-soft);max-width:44ch}.hw-also-head .eyebrow{color:var(--ink-mute);margin-bottom:16px}.hw-also-head .eyebrow:before{background:var(--lime)}.hw-also-grid{max-width:var(--maxw);grid-template-columns:repeat(4,1fr);gap:14px;margin:0 auto;display:grid}.hw-also-card{background:var(--white);border:1px solid var(--stone-line-alpha);border-radius:var(--radius-md);aspect-ratio:3/4;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), background var(--dur) var(--ease);flex-direction:column;padding:24px;display:flex}.hw-also-card:hover{background:var(--white);border-color:#7c3aed66;transform:translateY(-3px)}.hw-also-card .pic{background:var(--paper-2);border-radius:16px;flex:1;margin-bottom:16px;position:relative;overflow:hidden}.hw-also-card .pic image-slot{width:100%;height:100%}.hw-also-card .pic .ico{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:32px;height:32px;color:var(--lime);background:#0a0f1fb3;border-radius:999px;place-items:center;font-size:14px;display:grid;position:absolute;top:12px;right:12px}.hw-also-card .nm{color:var(--ink);font-size:17px;font-weight:600}.hw-also-card .rl{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:4px;font-size:10px}.hw-compare{background:var(--paper);padding:120px var(--pad-x)}.hw-compare h2{max-width:var(--maxw);text-transform:uppercase;letter-spacing:-.032em;margin:0 auto 16px;font-size:clamp(40px,4.8vw,72px);font-weight:700;line-height:.96}.hw-compare p{max-width:var(--maxw);color:var(--ink-soft);margin:0 auto 48px;font-size:18px}.compare-table-wrap{max-width:var(--maxw);border-radius:var(--radius-md);background:var(--white);border:1px solid var(--stone-line);margin:0 auto;overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;min-width:720px}.compare-table th,.compare-table td{text-align:left;border-bottom:1px solid var(--stone-line);vertical-align:top;padding:18px 24px;font-size:14px}.compare-table thead th{background:var(--paper-2);letter-spacing:-.012em;color:var(--ink);border-bottom:2px solid var(--ink);font-size:16px;font-weight:700}.compare-table thead th .sub{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-top:2px;font-size:10px;font-weight:500;display:block}.compare-table tbody th{color:var(--ink-mute);font-weight:500;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.compare-table td{color:var(--ink);font-weight:500}.compare-table td.yes:before{content:"✓ ";color:var(--lime);font-weight:700}.compare-table td.no:before{content:"— ";color:var(--ink-mute)}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:0}@media (max-width:1024px){.hw-hero-grid,.hw-product-grid,.hw-product.flip .hw-product-grid,.hw-also-head{grid-template-columns:1fr;gap:40px}.hw-product.flip .hw-product-media{order:0}.hw-also-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.hw-hero{padding:56px var(--pad-x) 0}.hw-hero-grid{gap:32px;min-height:0}.hw-hero-image{aspect-ratio:5/4;max-height:360px}.hw-product{padding:64px var(--pad-x)}.hw-product .name{font-size:44px}.specs{grid-template-columns:1fr}.hw-also{padding:64px var(--pad-x)}.hw-also-grid{grid-template-columns:1fr 1fr}.hw-compare{padding:64px var(--pad-x)}.compare-table th,.compare-table td{padding:12px 16px}.hw-tabs{padding:10px var(--pad-x)}}@media (max-width:480px){.hw-also-grid{grid-template-columns:1fr}}
