/* Simply Morph locked-reference presentation layer.
   Product APIs/data remain untouched; this file only rebuilds composition and hierarchy. */
:root{--ref-max:1440px;--ref-gold:#ffc45c;--ref-panel:#0a2232;--ref-line:#294c60}
.site{background:radial-gradient(circle at 15% 3%,#163c55 0,transparent 25%),radial-gradient(circle at 82% 8%,#0e2d43 0,transparent 28%),linear-gradient(180deg,#061725 0,#06141e 100%)}
.site>header{height:76px;padding:0 max(4vw,calc((100vw - var(--ref-max))/2));grid-template-columns:260px 1fr 310px;border-bottom:1px solid #ffffff14;background:#061a28f2}.brand-name{font-size:24px}.brand-mark{height:28px}.brand-mark i{width:7px}.brand-mark i:nth-child(1){height:14px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:28px}.site>header nav{gap:38px}.site>header nav a{font-size:13px}.header-actions>button{padding:11px 20px;font-size:13px}
.hero{width:min(var(--ref-max),90vw);min-height:610px;padding:54px 0 48px;grid-template-columns:minmax(440px,.88fr) minmax(620px,1.12fr);gap:72px}.badge{padding:9px 14px;border-radius:9px;background:#ffbf4d18;box-shadow:0 0 24px #ffbf4d20;font-size:11px}.hero h1{font-size:clamp(54px,4.25vw,74px);line-height:1.02;margin:18px 0 18px;max-width:650px}.hero-text>p{font-size:17px;line-height:1.55;max-width:610px}.hero-actions{margin-top:24px}.hero-actions button{padding:16px 23px;font-size:14px}.benefits{margin-top:30px;gap:34px}.benefits div{font-size:11px}.benefits strong{font-size:12px}.benefits b{width:38px;height:38px}
.hero-demo{transform:perspective(1500px) rotateY(-2deg)}.demo-card{border-radius:15px;box-shadow:0 35px 90px #000a,0 0 0 1px #ffffff0d}.demo-top{height:36px}.demo-canvas{min-height:365px}.demo-copy{padding:46px 34px}.demo-copy h3{font-size:39px}.demo-image{min-height:365px}.floating-tag{font-size:10px;padding:9px 13px}.hero-proof{bottom:-25px}
/* Reference-like transformation strip: wide, symmetric and visually central. */
.compare{width:min(var(--ref-max),90vw);margin:0 auto 74px;padding:22px 34px 28px;border-color:var(--ref-line);background:#071c2a;box-shadow:inset 0 1px #ffffff05}.compare-head{margin-bottom:16px}.compare-head span{font-size:9px}.compare-head b{font-size:16px}.compare-scenes{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:24px}.browser{min-height:235px;box-shadow:0 12px 28px #0005}.after-mini{height:205px}.after-mini>.salon-photo{height:205px}.morph-arrow{font-size:42px;text-shadow:0 0 20px #ffbf4d55}
/* Discover is a real product workspace, not a compressed dashboard. */
.discover{width:min(var(--ref-max),90vw);margin:18px auto 54px;padding:0;border:0;background:transparent}.discover-intro{grid-template-columns:1fr .72fr;gap:100px;margin:0 0 26px;padding:0 4px;align-items:end}.discover-intro h2{font-size:38px;max-width:760px}.discover-intro p{font-size:13px;max-width:500px;justify-self:end}.filters{grid-template-columns:minmax(230px,.8fr) minmax(390px,1.4fr) 205px 170px;gap:14px;padding:18px 20px;border:1px solid var(--ref-line);border-radius:14px;background:#071c2a}.field{font-size:10px}.field input{height:54px;font-size:13px}.find,.browse{height:54px}.find{font-size:14px}.browse{font-size:9px}.catalog{margin:14px 0 0}.stats{gap:14px;margin:18px 0}.stats div{padding:18px 20px}.stats small{font-size:8px}.stats b{font-size:30px}.stats span{font-size:10px}.workspace{grid-template-columns:.94fr 1.06fr;gap:18px}.map,.lead-list{min-height:430px}.map-preview{width:min(500px,88%);height:245px}.placeholder strong{font-size:20px}.placeholder>span:last-child{font-size:11px}.lead-list{padding:24px}.lead-title{min-height:70px}.lead-title small{font-size:8px}.lead-title strong{font-size:19px}.lead-title>span{font-size:9px}.lead-list article,.empty-leads.rich article{min-height:72px;padding:11px 12px}.lead-list article b{font-size:12px}.lead-list article small{font-size:8px}.lead-list article>strong{font-size:13px;padding:8px}.lead-list article em{font-size:8px;padding:7px}.lead-list article button{font-size:8px;padding:10px}.empty-leads.rich article{grid-template-columns:34px minmax(0,1fr) 50px 72px}.empty-leads.rich p{font-size:9px}
/* Move transformation out visually from inside the workspace shell. */
.discover>.compare{width:100%;margin-top:26px;margin-bottom:0;padding:28px 30px}
/* Reference workflow: three aligned columns with strong numbered hierarchy. */
.how{width:min(var(--ref-max),90vw);margin:74px auto 0;padding:0 0 92px}.how-heading{max-width:860px}.how-heading>span{font-size:10px}.how h2{font-size:40px}.how-heading p{font-size:12px}.steps{gap:28px;margin-top:42px}.steps>article{min-height:410px;padding:30px;border-radius:14px;background:#092435}.steps>article>b{width:42px;height:42px;display:grid;place-items:center;border:2px solid var(--ref-gold);border-radius:50%;font-size:15px}.steps h3{font-size:22px;margin:18px 0 8px}.steps p{font-size:11px;min-height:58px}.step-visual{min-height:175px}.builder-photo{min-height:190px}.builder-photo .salon-photo{min-height:190px}.checkout-ui{padding:25px}.checkout-ui>strong{font-size:29px}.site-footer{width:min(var(--ref-max),90vw)}
@media(max-width:1250px){.site>header{grid-template-columns:auto 1fr auto}.site>header nav{gap:18px}.hero{grid-template-columns:1fr 1fr;gap:42px}.filters{grid-template-columns:1fr 1fr 190px}.browse{grid-column:1/-1}.discover{width:92vw}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;max-width:820px}.hero-demo{transform:none}.filters{grid-template-columns:1fr 1fr}.find,.browse{grid-column:auto}.workspace{grid-template-columns:1fr}.map,.lead-list{min-height:420px}.compare-scenes{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>article{min-height:350px}.step-visual{max-width:none}}
@media(max-width:700px){.site>header{height:68px}.hero{width:90vw;padding-top:42px}.hero h1{font-size:43px}.hero-text>p{font-size:15px}.demo-canvas{grid-template-columns:1fr}.demo-image{min-height:300px}.discover{width:92vw}.discover-intro{grid-template-columns:1fr;gap:12px}.discover-intro h2{font-size:31px}.filters{grid-template-columns:1fr;padding:14px}.find,.browse{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.compare{width:92vw;padding:18px}.how{width:92vw}.steps>article{padding:22px}}