:root{
  --blue:#1097fd;
  --blue-2:#82d8ff;
  --azure:#5dd2fe;
  --ink:#071b33;
  --muted:#617084;
  --line:#dfe8f2;
  --soft:#f4faff;
  --white:#fff;
  --radius:28px;
  --shadow:0 28px 70px rgba(18,75,122,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:relative;min-height:820px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 82% 15%,rgba(93,210,254,.88) 0 19%,rgba(93,210,254,.25) 38%,transparent 58%),linear-gradient(125deg,#fff 0%,#f5fbff 31%,#a9e6ff 68%,#49bfff 100%);z-index:-2}.hero-bg:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-90px;top:120px;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 95px rgba(255,255,255,.08),0 0 0 190px rgba(255,255,255,.05)}
.navbar{position:relative;z-index:20;margin-top:0;min-height:100px;display:grid;grid-template-columns:235px 1fr auto;align-items:center;gap:22px;padding:12px 24px;background:linear-gradient(100deg,rgba(7,27,51,.82),rgba(8,58,99,.72));border:1px solid rgba(255,255,255,.16);border-radius:0 0 24px 24px;box-shadow:0 12px 32px rgba(3,26,52,.14);backdrop-filter:blur(16px)}.brand img{width:190px;height:74px;object-fit:contain;object-position:left center}.nav-links{display:flex;justify-content:center;gap:34px;font-size:14px;font-weight:700;color:#fff}.nav-links a,.footer-grid a{transition:.2s}.nav-links a:hover{color:var(--azure)}.nav-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:700;font-size:14px;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue-2),var(--blue));color:#fff;box-shadow:0 12px 28px rgba(16,151,253,.24)}.btn-white{background:#fff;color:var(--ink);border-color:#e7eef5}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}.btn-lg{padding:16px 25px;font-size:15px}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:56px;padding-top:92px;padding-bottom:115px;position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.11em;color:var(--blue);text-transform:uppercase}.live-dot{width:9px;height:9px;background:#ff4b55;border-radius:50%;box-shadow:0 0 0 6px rgba(255,75,85,.09)}.hero h1{font-size:clamp(52px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 24px}.hero h1 span,.split-head h2 span,.vision h2 span{color:var(--blue)}.hero-copy>p{font-size:19px;color:#3f5064;max-width:650px}.hero-actions{display:flex;gap:14px;margin:32px 0 36px}.hero-proof{display:flex;gap:0;flex-wrap:wrap}.hero-proof div{min-width:145px;padding-right:26px;margin-right:26px;border-right:1px solid rgba(7,27,51,.16)}.hero-proof div:last-child{border:0}.hero-proof strong,.hero-proof span{display:block}.hero-proof strong{font-size:22px}.hero-proof span{color:var(--muted);font-size:13px;margin-top:3px}.hero-visual{position:relative;min-height:510px;display:flex;align-items:center}.visual-glow{position:absolute;width:480px;height:420px;border-radius:50%;background:rgba(255,255,255,.42);filter:blur(30px);right:-30px}.live-frame{position:relative;z-index:3;border-radius:30px;overflow:hidden;border:7px solid rgba(255,255,255,.74);box-shadow:var(--shadow);background:#fff;transform:rotate(.5deg)}.live-frame img{width:100%;aspect-ratio:1.35/1;object-fit:cover}.float-card{position:absolute;z-index:4;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 45px rgba(14,58,99,.14);backdrop-filter:blur(14px);border-radius:18px;padding:13px 17px;display:flex;align-items:center;gap:10px}.float-card span{font-size:22px}.float-card strong,.float-card small{display:block}.float-card small{font-size:11px;color:var(--muted)}.sold-card{left:-34px;bottom:38px}.secure-card{right:-30px;bottom:75px}.hero-bottom-curve{position:absolute;left:-3%;right:-3%;bottom:-55px;height:118px;background:#fff;border-radius:50% 50% 0 0/35% 35% 0 0}
.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:30px 0 55px}.journey-card{display:grid;grid-template-columns:auto 1fr;gap:18px;position:relative;padding:10px 34px}.journey-card:not(:last-child){border-right:1px solid var(--line)}.journey-card .step{position:absolute;left:36px;top:-14px;font-size:12px;font-weight:800;color:var(--blue)}.journey-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#edf8ff,#fff);display:grid;place-items:center;color:var(--blue);font-weight:800;box-shadow:0 10px 30px rgba(16,151,253,.11)}.journey-card h3{margin:0 0 6px;font-size:19px}.journey-card p{margin:0;color:var(--muted);font-size:14px}.section{padding:110px 0}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-top:16px}.split-head h2,.center-head h2,.audience-card h2,.auction-copy h2,.seller-flow h2,.vision h2,.final-cta h2{font-size:clamp(38px,4.8vw,64px);line-height:1.06;letter-spacing:-.045em;margin:0}.split-head p,.center-head p,.audience-card p,.auction-copy p,.seller-flow p,.vision p{color:var(--muted);font-size:17px}.experience-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:24px;margin-top:60px}.experience-main{background:linear-gradient(145deg,#edfaff,#d4f2ff);border-radius:34px;padding:28px;min-height:470px}.mock-stage{height:100%;position:relative;border-radius:26px;background:#c6ecff;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(16,151,253,.1)}.mock-video{position:absolute;left:0;top:0;bottom:0;width:67%;background:linear-gradient(145deg,#274b72,#789bbd)}.presenter-shape{width:180px;height:260px;border-radius:100px 100px 30px 30px;background:linear-gradient(#f7cbb9,#3a6a97);position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.live-pill{position:absolute;z-index:2;left:18px;top:18px;background:#ff4454;color:#fff;font-size:12px;font-weight:800;padding:7px 10px;border-radius:8px}.mock-chat{position:absolute;right:0;top:0;bottom:0;width:33%;background:rgba(255,255,255,.9);padding:24px 18px}.mock-chat p{font-size:12px;background:#f5f8fb;padding:10px;border-radius:12px}.mock-chat span{position:absolute;bottom:18px;left:18px;right:18px;background:#eef3f7;padding:10px;border-radius:10px;color:#8a98a8;font-size:11px}.mock-product{position:absolute;left:22%;right:7%;bottom:18px;background:#fff;padding:15px;border-radius:18px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 40px rgba(8,58,99,.2)}.product-thumb{width:55px;height:55px;border-radius:14px;background:linear-gradient(135deg,#476d93,#b6ccde)}.mock-product small{display:block;font-size:16px;font-weight:800}.mock-product button,.auction-panel button{margin-left:auto;background:var(--blue);color:#fff;border:0;border-radius:999px;padding:11px 16px;font-weight:700}.experience-side{display:grid;gap:14px}.mini-feature{border:1px solid var(--line);border-radius:24px;padding:24px;background:#fff}.mini-feature span{font-size:12px;font-weight:800;color:var(--blue)}.mini-feature h3{margin:12px 0 7px}.mini-feature p{margin:0;color:var(--muted);font-size:14px}.tinted{background:var(--soft)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.audience-card{padding:46px;border-radius:34px;min-height:520px;position:relative;overflow:hidden}.audience-card:after{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-90px;bottom:-120px;background:rgba(255,255,255,.2)}.shopper{background:linear-gradient(145deg,#dff6ff,#aadeff)}.seller{background:linear-gradient(145deg,#0d2b4d,#0a5f9e);color:#fff}.seller p,.seller li{color:#d7eaff}.tag{font-size:11px;font-weight:800;letter-spacing:.11em;margin-bottom:24px}.audience-card ul{padding-left:20px;color:#36506a;line-height:2}.text-link{display:inline-block;margin-top:20px;font-weight:800;color:var(--blue)}.seller .text-link{color:var(--azure)}.center-head{text-align:center;max-width:800px;margin:0 auto}.center-head p{max-width:680px;margin:18px auto 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.feature-card{padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(18,75,122,.1)}.feature-icon{width:52px;height:52px;border-radius:16px;background:#e9f7ff;color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800}.feature-card p{color:var(--muted);font-size:14px}.auction-section{padding:110px 0;background:linear-gradient(125deg,#061d37,#0b4778 60%,#0d87cb);color:#fff;overflow:hidden}.auction-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.section-kicker.light{color:var(--azure)}.auction-copy p{color:#c9deef}.auction-ui{position:relative;min-height:470px}.auction-image{position:absolute;left:0;top:20px;width:68%;height:380px;border-radius:28px;background:linear-gradient(135deg,#283b56,#65798f);overflow:hidden}.auction-product{position:absolute;width:210px;height:210px;border-radius:50%;background:linear-gradient(145deg,#f0d8b0,#8d6e49);left:50%;top:50%;transform:translate(-50%,-40%);box-shadow:inset 0 0 0 20px rgba(255,255,255,.12)}.auction-panel{position:absolute;right:0;top:60px;width:34%;background:#fff;color:var(--ink);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.auction-panel strong{display:block;font-size:34px;margin:4px 0 14px}.timer{display:flex;gap:4px;font-size:18px;margin-bottom:16px}.timer span{background:#edf3f8;border-radius:8px;padding:5px 8px}.auction-panel button{width:100%;margin:0}.bid-feed{position:absolute;left:24%;right:9%;bottom:0;background:rgba(255,255,255,.95);color:var(--ink);padding:18px 24px;border-radius:22px;display:grid;grid-template-columns:1fr repeat(3,auto);gap:18px;align-items:center;box-shadow:var(--shadow)}.bid-feed p{margin:0;font-size:12px}.bid-feed p b{display:block;color:var(--blue)}.seller-flow{border:1px solid var(--line);border-radius:32px;padding:46px;background:#fff}.seller-flow>div:first-child{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end}.flow-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.flow-row span{padding:10px 14px;border-radius:999px;background:#eef8ff;color:#154b72;font-weight:700;font-size:13px}.flow-row i{color:#9ab3c7}.vision{text-align:center;background:linear-gradient(#fff,#f2faff)}.vision .shell{max-width:900px}.vision p{max-width:760px;margin:24px auto}.vision strong{display:inline-block;margin-top:20px;font-size:20px;color:var(--blue)}.final-cta{margin-bottom:90px;padding:60px!important;border-radius:36px;background:linear-gradient(120deg,#0b3a66,#1097fd);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px;box-shadow:0 30px 70px rgba(16,151,253,.22)}.final-cta span{font-size:11px;font-weight:800;letter-spacing:.1em}.final-cta p{color:#d9edff}.final-actions{display:flex;gap:12px;flex-wrap:wrap}.final-cta .btn-outline-light{border-color:#fff}footer{background:#06192d;color:#d9e6f2;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:50px}.footer-brand img{width:190px;margin-bottom:18px}.footer-brand p{max-width:310px;color:#9bb1c5}.footer-grid h4{color:#fff}.footer-grid a{display:block;color:#9bb1c5;margin:10px 0}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;color:#7994ac;font-size:12px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@media(max-width:980px){.navbar{grid-template-columns:1fr auto;min-height:86px}.brand img{width:160px;height:58px}.menu-toggle{display:block}.nav-links,.nav-actions{display:none}.nav-links.open{display:flex;position:absolute;left:20px;right:20px;top:88px;flex-direction:column;gap:0;background:#082947;border-radius:18px;padding:14px;box-shadow:var(--shadow)}.nav-links.open a{padding:12px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-visual{min-height:auto}.experience-grid,.split-head,.audience-grid,.auction-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.auction-ui{min-height:500px}.seller-flow>div:first-child{grid-template-columns:1fr}.final-cta{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:660px){.shell{width:min(100% - 24px,1180px)}.site-header{min-height:auto}.navbar{padding:10px 14px;border-radius:0 0 18px 18px}.brand img{width:145px}.hero{padding-top:58px;padding-bottom:95px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-proof{gap:15px}.hero-proof div{border:0;margin:0;padding:0;min-width:110px}.float-card{display:none}.journey{grid-template-columns:1fr}.journey-card{border-right:0!important;border-bottom:1px solid var(--line);padding:26px 12px}.journey-card .step{left:12px;top:5px}.section{padding:78px 0}.split-head{gap:20px}.experience-main{padding:10px;min-height:370px}.mock-chat{display:none}.mock-video{width:100%}.mock-product{left:12px;right:12px}.audience-card{padding:30px;min-height:auto}.feature-grid{grid-template-columns:1fr}.auction-section{padding:80px 0}.auction-image{width:100%;height:300px}.auction-panel{width:55%;top:250px}.bid-feed{display:none}.seller-flow{padding:28px}.flow-row{justify-content:flex-start}.final-cta{margin-bottom:50px;padding:34px!important}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}

/* Theme switcher */
.theme-toggle{width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.10);color:#fff;display:inline-grid;place-items:center;cursor:pointer;position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;flex:0 0 auto}
.theme-toggle:hover{transform:translateY(-2px);background:rgba(255,255,255,.17);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.theme-icon{position:absolute;font-size:19px;line-height:1;transition:opacity .25s ease,transform .3s ease}.moon-icon{opacity:1;transform:scale(1) rotate(0)}.sun-icon{opacity:0;transform:scale(.65) rotate(-35deg)}
.mobile-theme-toggle{display:none}

/* Smooth theme transition without affecting motion-sensitive users excessively */
body, .mini-feature, .feature-card, .seller-flow, .mock-product, .mock-chat, .auction-panel, .bid-feed, .journey-icon, .vision, .tinted, .experience-main, .shopper, footer, .hero-bottom-curve{transition:background-color .3s ease,color .3s ease,border-color .3s ease,background .3s ease}

html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#ecf7ff;
  --muted:#a9bfd3;
  --line:#243b52;
  --soft:#0b1d2f;
  --white:#0a1725;
  --shadow:0 28px 70px rgba(0,0,0,.34);
}
html[data-theme="dark"] body{background:#07131f;color:var(--ink)}
html[data-theme="dark"] .hero-bg{background:radial-gradient(circle at 82% 15%,rgba(16,151,253,.35) 0 19%,rgba(16,151,253,.13) 38%,transparent 59%),linear-gradient(125deg,#07131f 0%,#0a1a2a 31%,#0b3656 68%,#086ea9 100%)}
html[data-theme="dark"] .hero-bg:after{border-color:rgba(130,216,255,.2);box-shadow:0 0 0 95px rgba(130,216,255,.035),0 0 0 190px rgba(130,216,255,.02)}
html[data-theme="dark"] .navbar{background:linear-gradient(100deg,rgba(2,15,28,.91),rgba(5,39,67,.88));border-color:rgba(130,216,255,.13);box-shadow:0 12px 36px rgba(0,0,0,.28)}
html[data-theme="dark"] .hero-copy>p{color:#c1d2e1}
html[data-theme="dark"] .hero-proof div{border-right-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .hero-bottom-curve{background:#07131f}
html[data-theme="dark"] .journey-icon{background:linear-gradient(145deg,#0d263c,#0a1827);box-shadow:0 10px 30px rgba(0,0,0,.22)}
html[data-theme="dark"] .experience-main{background:linear-gradient(145deg,#0c2438,#0b3650)}
html[data-theme="dark"] .mock-stage{background:#123a55;box-shadow:inset 0 0 0 1px rgba(130,216,255,.12)}
html[data-theme="dark"] .mock-chat{background:rgba(9,25,40,.94)}
html[data-theme="dark"] .mock-chat p{background:#12283c;color:#dceaf5}
html[data-theme="dark"] .mock-chat span{background:#132c42;color:#88a6be}
html[data-theme="dark"] .mock-product{background:#0d2032;color:#eef8ff;box-shadow:0 18px 40px rgba(0,0,0,.3)}
html[data-theme="dark"] .mini-feature,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .seller-flow{background:#0b1b2b;border-color:#213950}
html[data-theme="dark"] .feature-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.28)}
html[data-theme="dark"] .feature-icon{background:#102b42}
html[data-theme="dark"] .tinted{background:#091827}
html[data-theme="dark"] .shopper{background:linear-gradient(145deg,#0d2940,#11456a);color:#eff9ff}
html[data-theme="dark"] .shopper p,html[data-theme="dark"] .shopper li{color:#c1d4e4}
html[data-theme="dark"] .seller{background:linear-gradient(145deg,#071b2d,#075d96)}
html[data-theme="dark"] .auction-section{background:linear-gradient(125deg,#020c16,#06345b 60%,#075f93)}
html[data-theme="dark"] .auction-panel,html[data-theme="dark"] .bid-feed{background:#0d2032;color:#eff9ff}
html[data-theme="dark"] .timer span{background:#183248}
html[data-theme="dark"] .flow-row span{background:#102b42;color:#aee1ff}
html[data-theme="dark"] .vision{background:linear-gradient(#07131f,#0a1c2c)}
html[data-theme="dark"] .final-cta{background:linear-gradient(120deg,#071d33,#0875be)}
html[data-theme="dark"] footer{background:#020b13}
html[data-theme="dark"] .btn-white{background:#eaf7ff;color:#071b33;border-color:#eaf7ff}
html[data-theme="dark"] .live-frame{background:#0b1b2b;border-color:rgba(130,216,255,.24)}
html[data-theme="dark"] .float-card{background:rgba(9,29,47,.94);border-color:rgba(130,216,255,.15);box-shadow:0 18px 45px rgba(0,0,0,.3)}
html[data-theme="dark"] .theme-toggle{background:rgba(130,216,255,.12);border-color:rgba(130,216,255,.3)}
html[data-theme="dark"] .moon-icon{opacity:0;transform:scale(.65) rotate(35deg)}
html[data-theme="dark"] .sun-icon{opacity:1;transform:scale(1) rotate(0)}

@media(max-width:980px){
  .navbar{grid-template-columns:1fr auto auto}
  .mobile-theme-toggle{display:inline-grid}
  .nav-actions .theme-toggle{display:none}
  html[data-theme="dark"] .nav-links.open{background:#061b2e}
}
