/* Reference-faithful above-the-fold theme. This file deliberately leaves functional
   builder / market / agent-dashboard styles in style.css untouched. */
:root { --ref-ink:#1a1a1b; --ref-muted:#a49ca1; --ref-rose:#e75c94; --ref-gold:#ffa44b; }
body { background:var(--ref-ink); }
.ref-nav,.ref-hero,.ref-ticker,.ref-services,.ref-customers{font-family:'Space Grotesk',Arial,sans-serif}
.ref-nav{height:85px;width:min(calc(100% - 90px),1335px);position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ref-logo{font-family:Arial,sans-serif;font-size:15px;font-weight:900;letter-spacing:-.045em;white-space:nowrap;background:linear-gradient(100deg,#fb5b8e,#ffa64c);color:transparent;background-clip:text;-webkit-background-clip:text}
.ref-logo span{color:#ffbf72;-webkit-text-fill-color:#ffbf72}
.ref-links{display:flex;gap:39px;align-items:center;margin:0 auto}
.ref-links a,.ref-nav-cta{font-family:Arial,sans-serif;font-size:10px;letter-spacing:.08em;color:#aaa5a7;white-space:nowrap;transition:color .2s}
.ref-links a:hover,.ref-nav-cta:hover{color:#fff}
.ref-nav-cta{color:#fff;font-weight:700;letter-spacing:.09em;display:flex;align-items:center;gap:7px}
.ref-nav-cta span{color:#fff;font-size:16px;line-height:1}
.ref-nav .menu-toggle{display:none}
.ref-hero{height:690px;position:relative;background:#1a1a1b;isolation:isolate}
.ref-backlight{position:absolute;pointer-events:none;filter:blur(66px);border-radius:50%;opacity:.4;z-index:-1}
.ref-light-pink{background:#932e63;left:-230px;top:195px;width:380px;height:330px}
.ref-light-gold{background:#865024;right:-205px;top:-45px;width:340px;height:300px}
.ref-hero-inner{max-width:1250px;width:100%;height:100%;position:relative;margin:auto}
.ref-hero h1{position:relative;z-index:5;text-align:center;padding-top:4px;margin:0;font-size:clamp(64px,7.5vw,112px);line-height:1.05;letter-spacing:-.055em;font-weight:700;color:#f1efef}
.ref-hero h1>span,.ref-hero h1>strong{display:block}
.ref-gray{color:#828083}
.ref-hero h1 strong{font-weight:700;background:linear-gradient(100deg,#e04e92 28%,#ffa54f 68%);color:transparent;-webkit-background-clip:text;background-clip:text;width:max-content;margin:auto}
.ref-hero h1 strong span{color:#f7af53;-webkit-text-fill-color:#f7af53}
.ref-hero-stage{height:520px;position:absolute;inset:auto 0 0;display:flex;justify-content:center;align-items:center}
.ref-mask-holder{position:absolute;left:50%;bottom:-12px;width:min(47%,460px);transform:translateX(-50%);height:510px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.ref-mask-holder img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 26px #07050838);animation:ref-bob 6s ease-in-out infinite}
.ref-hero-stats{position:absolute;left:9%;top:11%;display:flex;flex-direction:column;gap:24px;z-index:3}
.ref-stat-tile{width:184px;height:110px;border:1px solid #ffffff09;border-radius:17px;background:linear-gradient(110deg,#41323e84,#2a222975);display:flex;flex-direction:column;justify-content:center;padding:24px 25px;box-shadow:0 12px 40px #100b1220;backdrop-filter:blur(7px)}
.ref-stat-tile strong{font-weight:500;font-size:31px;line-height:1.3}
.ref-stat-tile small{color:#a39da2;font-size:10px;letter-spacing:.045em;margin-top:5px}
.ref-hero-description{position:absolute;right:9%;top:20%;z-index:5;width:208px}
.ref-hero-description p{color:#a5a0a2;font-family:Arial,sans-serif;font-size:12px;line-height:1.7;margin-bottom:25px}
.ref-hero-description a{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;background:#fefefe;color:#171618;padding:15px 27px;font-family:Arial,sans-serif;font-size:11px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}
.ref-hero-description a:hover{background:#ffc2d6;transform:translateY(-2px)}
.ref-ticker{position:relative;z-index:6;height:69px;background:#2e2d2f;transform:rotate(-2.15deg) scale(1.045);border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff16;overflow:hidden;display:flex;align-items:center;box-shadow:0 15px 22px #0002}
.ref-ticker-strip{display:flex;align-items:center;gap:24px;width:max-content;white-space:nowrap;animation:ref-scroll 48s linear infinite}
.ref-ticker-strip span{font-size:15px;font-weight:600;letter-spacing:.03em}
.ref-ticker-strip b{font-size:22px;font-weight:400;color:#ef7659}
.ref-services{position:relative;background:radial-gradient(ellipse at 85% 83%,#77402b2c,transparent 36%),var(--ref-ink);padding:96px 0 0}
.ref-services-inner{max-width:1240px;margin:auto;width:calc(100% - 100px)}
.ref-services h2,.ref-customers h2{text-align:center;font-weight:600;font-size:54px;line-height:1.1;letter-spacing:-.045em;margin:0}
.ref-service-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;min-height:470px;margin-top:44px}
.ref-service-copy{z-index:1;position:relative}
.ref-service-copy h3{font-weight:600;font-size:46px;line-height:1.15;letter-spacing:-.035em;margin:0 0 21px}
.ref-service-copy p{color:#928d8e;font-family:Arial,sans-serif;font-size:14px;line-height:1.7;max-width:430px;margin:0}
.ref-service-points{display:grid;gap:15px;margin:26px 0 30px;padding:0;list-style:none}
.ref-service-points li{display:flex;align-items:center;gap:12px;color:#e8e3e5;font-family:Arial,sans-serif;font-size:13px}
.ref-service-points li>span{border-radius:50%;background:#453d40;color:#f5ad9e;width:17px;height:17px;display:inline-grid;place-items:center;font-size:11px}
.ref-learn{display:inline-flex;align-items:center;gap:20px;border-radius:30px;background:transparent;color:#f2f2f2;border:1px solid #ffffff18;padding:12px 22px;font-family:Arial,sans-serif;font-size:11px;letter-spacing:.05em}
.ref-learn:hover{background:#ffffff16}
.ref-learn span{font-size:15px}
.ref-service-visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:390px}
.ref-service-visual img{position:relative;z-index:2;width:100%;max-width:520px;height:auto;object-fit:contain;filter:drop-shadow(0 9px 22px #a6525b2c)}
.ref-service-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 70%,#a75a4d5c,transparent 58%);filter:blur(42px);z-index:0}
.ref-metrics{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(100deg,#4b323137,#2d2b2c,#75443d20);border-top:1px solid #ffffff08;border-bottom:1px solid #ffffff08;padding:49px max(calc((100vw - 1240px)/2),30px);gap:16px}
.ref-metrics>div{min-width:0;text-align:center}
.ref-metrics strong{font-size:42px;line-height:1;font-weight:600;letter-spacing:-.045em;display:block;color:#f7f4f5}
.ref-metrics small{font-family:Arial,sans-serif;font-size:12px;color:#ddd3d6;display:block;margin-top:9px}
.ref-customers{min-height:395px;padding:75px 22px 82px;text-align:center}
.ref-customers h2{font-size:52px}
.ref-customers h2 span{color:#f8f5f5}
.ref-avatar-row{display:flex;justify-content:center;margin:48px auto 20px}
.ref-avatar-row span{width:42px;height:42px;display:grid;place-items:center;border:3px solid #1a1a1b;border-radius:50%;font-size:23px;color:#251d22;background:linear-gradient(125deg,#ffad6f,#e26a9d);margin-left:-6px}
.ref-avatar-row span:nth-child(2){background:linear-gradient(140deg,#c0b9ff,#e8b1c7)}
.ref-avatar-row span:nth-child(3){background:linear-gradient(140deg,#e5d8a3,#98d6b4)}
.ref-avatar-row span:nth-child(4){background:linear-gradient(140deg,#fb9b8a,#f5dc86)}
.ref-avatar-row span:nth-child(5){background:linear-gradient(140deg,#e6c7fa,#a391ff)}
.ref-customers p{color:#a99ea4;font-size:14px}
.ref-underlined{display:inline-flex;gap:12px;border-bottom:1px solid #f4b3c4;padding:12px 5px 7px;font-size:11px;letter-spacing:.1em}
@keyframes ref-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ref-scroll{to{transform:translateX(-50%)}}
@media(max-width:980px) and (min-width:601px){
  .ref-nav{width:calc(100% - 50px);height:65px;gap:14px}
  .ref-links{gap:16px}.ref-links a,.ref-nav-cta{font-size:8px}
  .ref-hero{height:545px}
  .ref-hero h1{font-size:clamp(48px,8vw,70px)}
  .ref-hero-stage{height:415px}
  .ref-mask-holder{width:42%;height:385px}
  .ref-hero-stats{left:6%;top:10%}.ref-stat-tile{width:125px;height:80px;padding:16px}.ref-stat-tile strong{font-size:24px}.ref-stat-tile small{font-size:8px}
  .ref-hero-description{right:6%;width:140px;top:20%}.ref-hero-description p{font-size:9px}.ref-hero-description a{padding:11px 20px;font-size:9px}
  .ref-services-inner{width:calc(100% - 60px)}.ref-services h2,.ref-customers h2{font-size:42px}
  .ref-service-feature{min-height:350px}.ref-service-copy h3{font-size:34px}.ref-service-copy p{font-size:12px}.ref-service-visual{height:320px}
  .ref-metrics{padding:35px 20px}.ref-metrics strong{font-size:30px}
}
@media(max-width:600px){
  .nav.ref-nav{height:38px;width:calc(100% - 36px);max-width:none;padding:0;margin:0 auto;gap:4px;justify-content:space-between}
  .ref-logo{font-size:7px;letter-spacing:-.01em;flex:none}
  .nav .desktop-nav.ref-links{display:flex;align-items:center;gap:11px;margin:0 0 0 10px;flex:none;justify-content:center}
  .ref-links a{font-size:4.1px;font-weight:400;letter-spacing:.025em;white-space:nowrap;color:#9b9598}
  .ref-nav-cta{display:flex;font-size:4.3px;letter-spacing:.045em;gap:3px;white-space:nowrap;font-weight:700}
  .ref-nav-cta span{font-size:6px}
  .ref-nav .menu-toggle{display:none}
  .ref-hero{height:244px;min-height:0;padding:0;background:#1a1a1b}
  .ref-backlight{filter:blur(37px);opacity:.34}
  .ref-light-pink{left:-120px;top:62px;width:175px;height:170px}
  .ref-light-gold{right:-100px;top:-12px;width:160px;height:145px}
  .ref-hero-inner{width:100%;height:100%;max-width:none}
  .ref-hero h1{font-size:35px;line-height:1.06;letter-spacing:-.042em;padding-top:4px;margin:0;text-align:center}
  .ref-hero h1 strong{font-size:35px;line-height:1.16}
  .ref-hero-stage{height:174px;position:absolute;top:70px;bottom:auto;left:0;right:0}
  .ref-mask-holder{left:50%;bottom:-1px;width:146px;height:174px;max-width:none;transform:translateX(-50%)}
  .ref-mask-holder img{width:146px;height:174px;max-height:none;object-fit:contain;filter:none;animation:ref-bob 8s ease-in-out infinite}
  .ref-hero-stats{left:27px;top:7px;gap:11px}
  .ref-stat-tile{width:56px;height:46px;padding:9px 10px;border-radius:10px;backdrop-filter:blur(4px);box-shadow:none;background:linear-gradient(120deg,#4e33435c,#2b262973);border:1px solid #ffffff09}
  .ref-stat-tile strong{font-size:12px;font-weight:400;line-height:1.1}
  .ref-stat-tile small{font-size:4px;line-height:1.5;letter-spacing:.02em;margin-top:6px;white-space:nowrap;color:#b1a9aa}
  .ref-hero-description{right:26px;top:27px;width:74px}
  .ref-hero-description p{font-size:5.5px;line-height:1.55;margin-bottom:13px;color:#999195;font-weight:400;letter-spacing:-.01em}
  .ref-hero-description a{padding:0;width:52px;height:20px;border-radius:25px;font-size:6px;font-weight:700;line-height:1}
  .ref-ticker{height:36px;margin:0;transform:rotate(-2.5deg) scale(1.065);overflow:hidden;box-shadow:none}
  .ref-ticker-strip{gap:9px;animation-duration:44s}
  .ref-ticker-strip span{font-size:8px;font-weight:600;letter-spacing:.04em}
  .ref-ticker-strip b{font-size:12px;color:#f47c59}
  .ref-services{padding:28px 0 0;background:radial-gradient(ellipse at 81% 70%,#6a3e3128,transparent 43%),#1a1a1b}
  .ref-services-inner{width:100%;max-width:none}
  .ref-services h2{font-size:20px;line-height:1.23;letter-spacing:-.04em;margin:0;text-align:center;font-weight:600}
  .ref-service-feature{display:block;position:relative;height:179px;min-height:0;margin-top:36px}
  .ref-service-copy{position:absolute;z-index:2;left:17px;top:0;width:157px}
  .ref-service-copy h3{font-size:17.5px;line-height:1.25;letter-spacing:-.03em;font-weight:600;margin:0 0 10px;white-space:nowrap}
  .ref-service-copy p{font-size:6.1px;line-height:1.63;color:#9b9698;margin:0;max-width:153px;font-family:Arial,sans-serif}
  .ref-service-points{display:grid;gap:7px;margin:10px 0 13px;padding:0}
  .ref-service-points li{font-size:6.5px;line-height:1.2;gap:6px;white-space:nowrap;color:#e5dfe1}
  .ref-service-points li>span{height:10px;width:10px;font-size:6px;flex:none;background:#393337;color:#e19b9d}
  .ref-learn{height:20px;font-size:6.2px;gap:12px;padding:0 9px;border:1px solid #ffffff12;white-space:nowrap}
  .ref-learn span{font-size:10px}
  .ref-service-visual{position:absolute;z-index:1;top:16px;left:170px;width:192px;height:134px;min-height:0}
  .ref-service-visual img{width:190px;max-width:none;height:130px;object-fit:contain;filter:none}
  .ref-service-glow{inset:5% -13% -15% -13%;filter:blur(26px);background:radial-gradient(ellipse at 56% 69%,#aa66525f,transparent 60%)}
  .ref-metrics{height:71px;padding:0 15px;gap:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
  .ref-metrics>div{min-width:0;text-align:center}
  .ref-metrics strong{font-size:16px;line-height:1.15;letter-spacing:-.04em}
  .ref-metrics small{font-size:7.4px;line-height:1.3;margin-top:4px;letter-spacing:0;color:#e2dce0}
  .ref-customers{padding:38px 10px 58px;min-height:206px}
  .ref-customers h2{font-size:21px;line-height:1.15;letter-spacing:-.04em;margin:0}
  .ref-avatar-row{margin:22px auto 10px}
  .ref-avatar-row span{height:27px;width:27px;font-size:13px;border-width:2px}
  .ref-customers p{font-size:9px;margin-top:13px}
  .ref-underlined{font-size:8px;padding:7px}
}
@media(max-width:365px){
  .nav .desktop-nav.ref-links{gap:7px;margin-left:5px}
  .ref-links a{font-size:3.7px}
  .ref-hero-description{right:18px}
  .ref-hero-stats{left:19px}
  .ref-service-visual{left:calc(100% - 195px)}
  .ref-service-copy{left:14px}
}
@media(prefers-reduced-motion:reduce){.ref-mask-holder img,.ref-ticker-strip{animation:none}}