@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif;background:#17151b;color:#fff8f3}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(ellipse at 51% 25%,#302127 0%,#17151b 54%,#151419 100%)}a{color:inherit;text-decoration:none}
.ambient{position:absolute;pointer-events:none;filter:blur(85px);border-radius:50%;opacity:.22}.ambient-one{width:450px;height:450px;background:#e85d42;top:60px;left:-220px}.ambient-two{width:440px;height:440px;background:#f69b52;top:330px;right:-260px;opacity:.12}
.shell{position:relative;max-width:1200px;margin:auto;padding:29px 54px 26px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:800 31px 'Outfit',sans-serif;letter-spacing:-1.6px}.brand-icon{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:5px;background:linear-gradient(135deg,#ff9c60,#ff5e5a);border-radius:12px;font-size:25px;color:#24151a;vertical-align:3px}.brand-dot{color:#ff8063}.top-pill{font-size:10px;font-weight:800;letter-spacing:1.5px;border:1px solid #654342;border-radius:50px;padding:12px 17px;color:#ffb19a;background:#2b2025}.pulse{display:inline-block;background:#ff8d69;width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #ff835d}
.hero{text-align:center;padding-top:88px}.eyebrow{font-size:11px;letter-spacing:3.1px;font-weight:800;color:#f2a38b}.line{display:inline-block;width:26px;height:1px;background:#f2a38b;vertical-align:middle;margin-right:12px}h1{font:800 clamp(46px,7vw,86px)/1.05 'Outfit',sans-serif;letter-spacing:-3.7px;margin:24px 0 22px}h1 em{font-style:normal;background:linear-gradient(100deg,#ffb06f 5%,#ff6c65 90%);background-clip:text;color:transparent}.lead{max-width:610px;margin:0 auto;color:#c8b9b9;font-size:17px;line-height:1.8}.coming{display:inline-flex;align-items:center;gap:15px;border:1px solid #985346;border-radius:30px;padding:12px 24px;margin:32px 0 38px;background:#40282b;color:#ffc0a0;font-size:11px;font-weight:800;letter-spacing:2.8px}.sparkle{color:#ff8d6a}
.scene{margin:0 auto;width:min(100%,760px);border:1px solid #5d4143;border-radius:23px;background:#252126;overflow:hidden;box-shadow:0 30px 100px #08070b70;transform:rotate(-1deg)}.scene-header,.scene-footer{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;color:#d6ada2;font-size:10px;font-weight:800;letter-spacing:1.5px}.scene-header{border-bottom:1px solid #49383b}.scene-dots{display:flex;gap:5px}.scene-dots i{width:8px;height:8px;border-radius:50%;background:#e46d5b}.scene-dots i:nth-child(2){background:#eab16c}.scene-dots i:nth-child(3){background:#7d9676}.map{height:290px;position:relative;overflow:hidden;background:linear-gradient(130deg,#302a2c,#3d3030)}.road{position:absolute;background:#5e4946;opacity:.8}.road-a{width:120%;height:22px;top:42%;left:-10%;transform:rotate(-23deg)}.road-b{height:140%;width:24px;left:53%;top:-20%;transform:rotate(34deg)}.road-c{height:16px;width:110%;top:77%;left:-5%;transform:rotate(16deg)}.block{position:absolute;background:#4a3b3b;border:2px solid #72524c;border-radius:15px;transform:rotate(-20deg)}.b1{width:150px;height:90px;top:5%;left:13%}.b2{width:145px;height:115px;top:55%;left:8%}.b3{width:135px;height:90px;top:13%;right:10%}.b4{width:155px;height:85px;bottom:8%;right:13%}.pin{position:absolute;z-index:2;width:57px;height:57px;border:4px solid #ffb68d;border-radius:19px;background:#f87a5e;display:grid;place-items:center;box-shadow:0 10px 25px #130d1280;font-size:24px}.p1{left:24%;top:27%}.p2{left:52%;top:48%;background:#ffc16f;color:#3a2724}.p3{right:18%;top:19%;background:#e16b73}.connection{position:absolute;border-top:3px dashed #ffc58e;opacity:.9;transform-origin:left}.c1{left:30%;top:38%;width:200px;transform:rotate(27deg)}.c2{left:59%;top:54%;width:145px;transform:rotate(-41deg)}.bubble{position:absolute;z-index:3;background:#fff2e8;color:#4d3030;border-radius:15px;box-shadow:0 12px 30px #1d111350}.bubble-a{bottom:25px;left:29%;padding:10px 15px;display:flex;gap:9px;align-items:center;text-align:left;font-size:10px}.bubble-a strong{display:block;font-size:12px}.avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#ef9c7a;font-weight:800}.bubble-b{top:25px;right:27%;padding:12px 17px;font-size:13px;font-weight:800}.scene-footer{border-top:1px solid #49383b}.online{display:inline-block;width:7px;height:7px;background:#90d5a2;border-radius:50%;margin-right:5px}.scene-footer b{color:#f59b7c}.tagline{font-size:14px;color:#a99a9d;margin:35px 0 95px;letter-spacing:.4px}.tagline span{color:#ffab8b}footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #403338;padding-top:23px;color:#998b8e;font-size:11px}.heart{color:#fa7d69}
@media(max-width:650px){.shell{padding:22px 19px}.brand{font-size:26px}.brand-icon{width:31px;height:31px}.top-pill{font-size:8px;letter-spacing:.6px;padding:10px}.hero{padding-top:77px}h1{letter-spacing:-2.2px;font-size:clamp(40px,10vw,58px)}.lead{font-size:15px}.coming{margin:27px 0 30px}.scene{transform:none}.map{height:250px}.bubble-a{left:10%;bottom:20px}.bubble-b{right:6%;top:20px}.p1{left:16%}.p3{right:13%}.scene-header,.scene-footer{padding:15px 12px;font-size:8px}.tagline{margin-bottom:75px}footer{flex-direction:column;text-align:center;align-items:center;line-height:1.5}}
@media(prefers-reduced-motion:no-preference){.pulse{animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #ff835d22}}}

/* Besydo v2: mobile readability and subtle motion */
:focus-visible{outline:3px solid #ffc58e;outline-offset:5px}
.scene{transition:box-shadow .3s ease}
.top-pill{white-space:nowrap}
.scene-header,.scene-footer{color:#f2c7b9}
.tagline{font-size:15px}
@media(max-width:650px){
  .shell{padding-left:20px;padding-right:20px}
  .topbar{align-items:flex-start;gap:12px}
  .brand{font-size:27px;white-space:nowrap}
  .top-pill{font-size:9px;letter-spacing:.3px;padding:10px 9px;max-width:54%;white-space:normal;line-height:1.5;text-align:center}
  .hero{padding-top:68px}
  h1{font-size:clamp(39px,9.5vw,55px);letter-spacing:-1.8px;line-height:1.09;margin-bottom:24px}
  .eyebrow{font-size:11px;letter-spacing:2px}
  .lead{font-size:16px;line-height:1.7}
  .coming{font-size:12px;letter-spacing:2px}
  .scene-header,.scene-footer{font-size:9px;letter-spacing:.8px}
  .tagline{font-size:15px;line-height:1.6}
}
@media(prefers-reduced-motion:no-preference){
 .pin{animation:floatpin 5s ease-in-out infinite}
 .p2{animation-delay:-1.6s}.p3{animation-delay:-3s}
 @keyframes floatpin{0%,100%{translate:0 0}50%{translate:0 -5px}}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}