@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--navy:#111;--panel:#fff;--panel-light:#f5f5f5;--off-white:#fff;--steel:#5f6670;--amber:#f58220;--green:#00a7b5;--line:#1111111f;--text-dim:#111111ad;--black:#111;--white:#fff;--soft:#f7f7f7}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 32px}header{z-index:100;background:0 0;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,box-shadow .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:absolute;top:0;left:0;right:0}header.scrolled{background:#fffffff5;border-bottom:1px solid #1111111a;position:fixed;box-shadow:0 8px 24px #0000000f}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb}}nav{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto;padding:18px 32px;display:flex;position:relative}.logo{color:var(--white);white-space:nowrap;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;display:flex}header.scrolled .logo{color:var(--black)}.logo .dot{background:var(--amber);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 8px #f58220a6}.nav-links{color:#ffffffe6;align-items:center;gap:36px;font-size:.92rem;display:flex}header.scrolled .nav-links{color:#111111ad}.nav-links a{transition:color .15s}.nav-links a:hover{color:var(--amber)}.nav-cta,.btn-primary{background:var(--amber);color:var(--white);white-space:nowrap;border-radius:4px;padding:14px 26px;font-size:.95rem;font-weight:700;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 10px 24px #f582203d}.nav-cta{padding:10px 20px;font-size:.88rem;box-shadow:0 8px 18px #f5822038}.nav-cta:hover,.btn-primary:hover{background:#ff963c;transform:translateY(-1px);box-shadow:0 14px 28px #f582204d}.mobile-demo{display:none}.menu-btn{cursor:pointer;z-index:1002;background:#11111138;border:1px solid #ffffff47;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:42px;height:42px;display:none}.menu-btn span{background:#fff;border-radius:999px;width:24px;height:2px;transition:transform .25s,opacity .25s}header.scrolled .menu-btn{background:#1111110d;border-color:#1111111f}header.scrolled .menu-btn span{background:#111}.menu-btn.open span:first-child{transform:translateY(8px)rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.hero{border-bottom:1px solid #1111111a;align-items:center;min-height:680px;padding:170px 0 90px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-bg:after{content:"";background:linear-gradient(90deg,#070707d1 0%,#070707ad 42%,#0707075c 72%,#0707071f 100%);position:absolute;inset:0}.hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,#f5822029,#0000 42%),radial-gradient(circle at 10% 90%,#00a7b51a,#0000 42%);position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1fr;width:100%;max-width:760px;display:grid;position:relative}.eyebrow{letter-spacing:.06em;color:var(--amber);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"●";font-size:.6rem}.hero h1{color:#fff;text-shadow:0 3px 18px #0000008c;max-width:720px;margin-bottom:22px;font-size:3.25rem;font-weight:700;line-height:1.08}.hero h1 .accent{color:var(--amber)}.hero p.lead{color:#ffffffe0;text-shadow:0 2px 12px #00000080;max-width:620px;margin-bottom:34px;font-size:1.12rem}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.btn-secondary{color:#fff;background:#11111147;border:1px solid #ffffff9e;border-radius:4px;padding:14px 26px;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s,transform .15s;box-shadow:0 8px 22px #0000002e}.btn-secondary:hover{border-color:var(--amber);background:#1111118f;transform:translateY(-1px)}.hero-badges{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-badges span{color:#fff;background:#111111ad;border:1px solid #ffffff3d;border-radius:999px;padding:10px 14px;font-size:.88rem;box-shadow:0 8px 22px #0000003d}@supports ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))){.hero-badges span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}section{padding:90px 0}.section-head{max-width:640px;margin-bottom:56px}.section-head .eyebrow{color:var(--amber)}.section-head h2{color:var(--black);margin-bottom:14px;font-size:2.1rem;font-weight:700}.section-head p{color:var(--text-dim);font-size:1.02rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.feature-card{background:var(--white);border:1px solid #1111111a;border-radius:10px;padding:32px;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 10px 30px #0000000d}.feature-card:hover{border-color:#f5822073;transform:translateY(-4px);box-shadow:0 18px 40px #00000017}.feature-icon{width:44px;height:44px;color:var(--amber);background:#f582201f;border-radius:8px;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.3rem;display:flex}.feature-card h3{color:var(--black);margin-bottom:14px;font-size:1.2rem}.feature-card ul{flex-direction:column;gap:10px;list-style:none;display:flex}.feature-card li{color:var(--text-dim);padding-left:18px;font-size:.92rem;position:relative}.feature-card li:before{content:"→";color:var(--amber);position:absolute;left:0}.stats-photo-section{background:#f7f7f7;padding:90px 0}.stats-photo-card{border-radius:28px;min-height:540px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000002e}.stats-photo-card img{object-fit:cover;width:100%;height:100%;min-height:540px;display:block}.stats-photo-card:after{content:"";background:linear-gradient(#0000000d,#000000a6);position:absolute;inset:0}.stats-overlay{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0d0de0;border:1px solid #ffffff24;border-radius:22px;padding:34px 42px;position:absolute;bottom:40px;left:40px;right:40px}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.stat-num{color:#ff7a1a;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1}.stat-label{color:#d9d9d9;margin-top:12px;font-size:.95rem;font-weight:600}#products{background:var(--soft)}.products-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card{background:var(--white);border:1px solid #1111111a;border-radius:10px;transition:border-color .2s,transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.product-card:hover{border-color:#f5822073;transform:translateY(-4px);box-shadow:0 18px 40px #00000017}.product-img{border-bottom:4px solid var(--amber);background:#111;height:220px;overflow:hidden}.product-img img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .4s}.product-card:hover .product-img img{transform:scale(1.06)}.product-card .body{padding:22px}.product-card h3{color:var(--black);margin-bottom:8px;font-size:1.05rem}.product-card p{color:var(--text-dim);margin-bottom:14px;font-size:.88rem}.product-card .learn{color:var(--amber);font-size:.85rem;font-weight:700}.testimonial-wrap{background:var(--black);border:1px solid #1111111a;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:40px;padding:56px;display:grid;box-shadow:0 18px 40px #0000001f}.quote-mark{color:var(--amber);font-family:Space Grotesk,sans-serif;font-size:4rem;line-height:1}.testimonial-wrap blockquote{color:var(--white);margin-bottom:18px;font-size:1.25rem;font-weight:500;line-height:1.5}.testimonial-wrap cite{color:#ffffffad;font-size:.9rem;font-style:normal}.testimonial-wrap cite b{color:var(--white)}.cta-band{text-align:center;background:linear-gradient(135deg,#111,#242424);border:1px solid #1111111a;border-radius:14px;margin:0 32px;padding:64px;box-shadow:0 18px 45px #0000001f}.cta-band h2{color:var(--white);margin-bottom:14px;font-size:2rem}.cta-band p{color:#ffffffb8;max-width:480px;margin-bottom:30px;margin-left:auto;margin-right:auto}footer{background:var(--white);border-top:1px solid #1111111a;margin-top:90px;padding:48px 0 32px}footer .logo,.footer-logo{color:var(--black)}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.footer-cols{flex-wrap:wrap;gap:60px;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:14px;font-size:.85rem}.footer-col a{color:var(--black);opacity:.75;margin-bottom:10px;font-size:.9rem;display:block}.footer-col a:hover{opacity:1;color:var(--amber)}.footer-bottom{color:var(--text-dim);border-top:1px solid #1111111a;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:24px;font-size:.82rem;display:flex}@media (width<=900px){.wrap{padding:0 24px}nav{padding:16px 22px}.nav-cta{display:none}.menu-btn{display:flex}.nav-links{color:#111;opacity:0;pointer-events:none;background:#fff;border:1px solid #1111111a;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:12px;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:calc(100% + 8px);left:22px;right:22px;transform:translateY(-10px);box-shadow:0 18px 40px #0000002e}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-links a{color:#111;border-radius:8px;padding:14px 16px;font-size:1rem;font-weight:600}.nav-links a:hover{color:var(--amber);background:#f582201a}.mobile-demo{background:var(--amber);text-align:center;margin-top:8px;display:block;color:#fff!important}.hero{min-height:640px;padding:150px 0 72px}.hero h1{font-size:2.35rem}.hero p.lead{font-size:1rem}.hero-bg:after{background:linear-gradient(90deg,#070707db 0%,#070707b8 60%,#0707077a 100%)}.features-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-overlay{padding:28px 24px;bottom:22px;left:22px;right:22px}.products-grid{grid-template-columns:repeat(2,1fr)}.testimonial-wrap{grid-template-columns:1fr;padding:36px}.cta-band{margin:0 16px;padding:44px 28px}}@media (width<=560px){.wrap{padding:0 22px}nav{padding:14px 18px}.logo{font-size:.92rem}.hero{min-height:620px;padding:135px 0 64px}.hero h1{font-size:2rem}.hero-ctas{flex-direction:column;align-items:flex-start}.btn-primary,.btn-secondary{text-align:center;width:100%}.hero-badges{gap:8px}.hero-badges span{padding:8px 11px;font-size:.8rem}.stats-photo-card,.stats-photo-card img{min-height:680px}.stats-grid,.products-grid{grid-template-columns:1fr}.footer-grid{flex-direction:column}}
