@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{color:#261510;font-synthesis:none;text-rendering:optimizelegibility;--ink:#261510;--cream:#fbf5ed;--peach:#eaa281;--coral:#c86145;--gold:#d7aa55;--sage:#8c9b77;background:#fbf5ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{width:min(1160px,100% - 40px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;gap:28px;height:88px;display:flex}.brand{align-items:center;gap:10px;font-size:19px;font-weight:600;display:inline-flex}.brand strong{color:var(--coral)}.brand-mark{width:36px;height:36px;color:var(--cream);background:var(--ink);border-radius:50%;place-items:center;font-family:Playfair Display,serif;font-size:22px;display:grid}.nav-links{gap:30px;font-size:14px;font-weight:600;display:flex}.nav-links a:hover,.text-link:hover{color:var(--coral)}.button{color:#fff;background:var(--coral);border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-weight:700;display:inline-flex;box-shadow:0 12px 28px #8c38222e}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding-inline:20px;font-size:14px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:68px;min-height:700px;padding-block:70px 110px;display:grid}.eyebrow{color:var(--coral);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}h1,h2{letter-spacing:-.035em;margin:0;font-family:Playfair Display,serif;font-weight:600;line-height:.98}h1{max-width:700px;font-size:clamp(54px,6.4vw,92px)}h2{max-width:760px;font-size:clamp(40px,4.6vw,64px)}.hero-intro{color:#715e56;max-width:610px;margin:28px 0;font-size:19px;line-height:1.7}.hero-actions{align-items:center;gap:25px;display:flex}.text-link{font-weight:700}.text-link span{color:var(--coral)}.trust-row{color:#715e56;flex-wrap:wrap;gap:22px;margin-top:42px;font-size:13px;font-weight:600;display:flex}.trust-row span:before{content:"✓";color:var(--sage);margin-right:8px;font-weight:900}.hero-visual{place-items:center;min-height:540px;display:grid;position:relative}.sun-orbit{border:1px solid #c8614547;border-radius:50%;width:470px;height:470px;position:absolute}.sun-orbit:before,.sun-orbit:after{content:"";background:var(--gold);border-radius:50%;position:absolute}.sun-orbit:before{width:18px;height:18px;top:36px;right:60px}.sun-orbit:after{width:10px;height:10px;bottom:80px;left:18px}.portrait-card{background:linear-gradient(150deg,#efb79b,#9e4938);border-radius:210px 210px 24px 24px;width:min(390px,88%);height:500px;position:relative;overflow:hidden;box-shadow:0 35px 80px #4a211638}.portrait-card.app-preview{color:#fff;background:linear-gradient(155deg,#351914,#6d3023 60%,#bb674d);border-radius:32px;flex-direction:column;gap:14px;padding:42px 26px 26px;display:flex}.preview-top{gap:5px;display:grid}.preview-top span{color:#f0bba7;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:800}.preview-top strong{font-family:Playfair Display,serif;font-size:27px}.preview-metric{align-items:baseline;gap:10px;padding:22px 0 8px;display:flex}.preview-metric strong{font-family:Playfair Display,serif;font-size:64px}.preview-metric span{color:#e8cfc6}.preview-appointment{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.preview-appointment>span{color:#f0bba7;font-weight:700}.preview-appointment div{gap:3px;display:grid}.preview-appointment small{color:#d9beb5}.preview-appointment b{color:#d5e7c7;text-transform:uppercase;font-size:10px}.portrait-art{position:absolute;inset:0}.hair-shape{background:radial-gradient(circle at 20% 20%,#593327 0 4%,#25130f 5% 100%);border-radius:50% 50% 35% 40%;width:310px;height:390px;position:absolute;top:45px;left:40px;box-shadow:inset 20px 10px 70px #ffffff14}.face-shape{background:linear-gradient(145deg,#9a523d,#6f3428);border-radius:48% 48% 45% 45%;width:155px;height:245px;position:absolute;top:135px;left:120px;box-shadow:inset -18px -12px 35px #30100a38}.face-shape:before,.face-shape:after{content:"";border-top:3px solid #321812;border-radius:50%;width:27px;height:8px;position:absolute;top:82px}.face-shape:before{left:29px}.face-shape:after{right:29px}.earring{border:4px solid var(--gold);border-radius:50%;width:36px;height:52px;position:absolute;top:280px;left:102px}.appointment-card{color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf5eb;border-radius:16px;gap:7px;padding:18px;display:grid;position:absolute;bottom:22px;left:22px;right:22px}.appointment-label{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:800}.appointment-card div{color:#715e56;justify-content:space-between;gap:12px;font-size:12px;display:flex}.confirmed{color:#587046;font-weight:800}.rating-card{background:#fff;border-radius:14px;gap:2px;padding:14px 18px;display:grid;position:absolute;top:120px;right:-15px;box-shadow:0 18px 50px #4a21162e}.rating-card strong{font-family:Playfair Display,serif;font-size:25px}.rating-card span{color:var(--gold);letter-spacing:2px;font-size:10px}.rating-card small{color:#806c64}.services{padding-block:110px}.section-heading{gap:6px;margin-bottom:52px;display:grid}.service-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-card{background:#ffffff7a;border:1px solid #eaded4;border-radius:22px;min-height:290px;padding:34px}.service-card>span{color:var(--coral);font-weight:800}.service-card h3,.steps h3{margin:70px 0 12px;font-family:Playfair Display,serif;font-size:28px}.service-card p,.steps p{color:#806c64;margin:0;line-height:1.7}.process{color:var(--cream);background:var(--ink)}.process-inner{padding-block:110px}.section-heading.light .eyebrow{color:var(--peach)}.steps{grid-template-columns:repeat(3,1fr);gap:54px;margin-top:70px;display:grid}.steps article>span{width:52px;height:52px;color:var(--peach);border:1px solid #ffffff40;border-radius:50%;place-items:center;display:grid}.steps h3{margin-top:28px}.steps p{color:#c6b8b0}.pro-cta{justify-content:space-between;align-items:center;gap:60px;min-height:370px;padding-block:90px;display:flex}.pro-cta h2{max-width:850px;font-size:clamp(38px,4vw,56px)}.button.dark{background:var(--ink);flex:none}footer{color:#806c64;border-top:1px solid #e5d7cc;justify-content:space-between;align-items:center;gap:30px;padding-block:32px;font-size:13px;display:flex}.login-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e0f0bb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-panel{background:var(--cream);border-radius:28px;width:min(480px,100%);padding:42px;position:relative;box-shadow:0 40px 120px #00000059}.login-panel h2{font-size:48px}.login-panel .muted{color:#806c64;margin:16px 0 28px;line-height:1.6}.login-panel>small{color:#8b746b;text-align:center;margin-top:18px;display:block}.icon-button{width:38px;height:38px;color:var(--ink);background:#eadfd6;border:0;border-radius:50%;font-size:25px;position:absolute;top:18px;right:18px}.login-form,.workspace-card,.nested-form{gap:18px;display:grid}.login-form label,.workspace-card label{color:#654f47;letter-spacing:.05em;text-transform:uppercase;gap:8px;font-size:12px;font-weight:800;display:grid}input,textarea,select{width:100%;color:var(--ink);text-transform:none;letter-spacing:0;background:#fffdfa;border:1px solid #dfd1c7;border-radius:12px;outline:none;padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #c861451f}textarea{resize:vertical;min-height:110px}.form-error{color:#a2342a;margin:0;font-weight:700}.button:disabled{opacity:.6;cursor:wait}.workspace{color:#f8f1eb;background:#0f0d0c;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.workspace-sidebar{background:#151210;border-right:1px solid #2c2724;flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.workspace-sidebar .brand{padding:0 10px 28px}.workspace-sidebar .brand-mark{color:#1d100d;background:#e9a282}.workspace-nav{gap:6px;margin-top:25px;display:grid}.workspace-nav button{color:#a99e98;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;padding:13px 15px;display:flex}.workspace-nav button.active{color:#fff;background:#2b201c}.workspace-nav small{color:#725f56;text-transform:uppercase;font-size:10px}.live-card{color:#d7cdc7;border:1px solid #34302b;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:auto;padding:14px;font-size:12px;display:grid}.live-card small{color:#766c66;grid-column:2}.live-dot{background:#5bd27c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #5bd27c}.workspace-main{width:min(1400px,100%);padding:46px clamp(24px,4vw,70px) 80px}.workspace-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:38px;display:flex}.workspace-header h1{max-width:none;font-family:DM Sans,sans-serif;font-size:clamp(38px,5vw,66px);font-weight:700}.workspace-header .eyebrow{color:#ef9675}.ghost-button{color:#d7cdc7;background:0 0;border:1px solid #3a3430;border-radius:10px;padding:11px 16px}.ghost-button:hover{background:#211d1a}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.metric-grid article{background:#191614;border:1px solid #302b28;border-radius:18px;gap:10px;min-height:150px;padding:24px;display:grid}.metric-grid span,.metric-grid small{color:#8c817b}.metric-grid span{text-transform:uppercase;font-size:12px;font-weight:700}.metric-grid strong{font-size:27px}.progress{background:#302a27;border-radius:999px;height:8px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#c86145,#eeb06e);height:100%;display:block}.onboarding-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.workspace-card{background:#191614;border:1px solid #302b28;border-radius:20px;align-content:start;padding:28px}.workspace-card input,.workspace-card textarea,.workspace-card select{color:#fff;background:#100e0d;border-color:#3a332f}.workspace-card .button{border:0;justify-self:start}.card-heading{gap:16px;margin-bottom:8px;display:flex}.card-heading>span{color:#ef9675;border:1px solid #524037;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.card-heading h2{letter-spacing:-.02em;margin:0 0 5px;font-family:DM Sans,sans-serif;font-size:23px}.card-heading p{color:#8e827c;margin:0}.field-row{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}.nested-form{border-top:1px solid #302b28;padding-top:18px}.location-row{border:1px solid #37312e;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px;display:flex}.location-row div{gap:4px;display:grid}.location-row small{color:#8d817a;text-transform:capitalize}.location-row b{color:#9bcc88;text-transform:uppercase;font-size:10px}.alert{border-radius:12px;margin-bottom:16px;padding:14px 18px;font-weight:700}.alert.error{color:#ffd1ca;background:#4a1f1a}.alert.success{color:#d4f2cb;background:#1d3b23}.loading-card{color:#a99e98;text-align:center;background:#191614;border:1px solid #302b28;border-radius:20px;padding:60px}@media (width<=900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-intro{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.service-grid,.steps{grid-template-columns:1fr}.service-card{min-height:auto}.service-card h3{margin-top:35px}.pro-cta{flex-direction:column;align-items:flex-start}.workspace{grid-template-columns:1fr}.workspace-sidebar{height:auto;position:static}.workspace-nav{grid-template-columns:repeat(3,1fr)}.live-card{margin-top:25px}.metric-grid,.onboarding-grid{grid-template-columns:1fr}}@media (width<=560px){.shell{width:min(100% - 28px,1160px)}.nav .button{display:none}.hero{gap:34px;min-height:0;padding-bottom:70px}h1{font-size:49px}.hero-intro{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{min-height:450px}.portrait-card{height:430px}.sun-orbit{width:380px;height:380px}.rating-card{top:50px;right:0}.services,.process-inner{padding-block:75px}footer{flex-direction:column;align-items:flex-start}.login-panel{padding:34px 22px}.workspace-main{padding-inline:16px}.workspace-header{flex-direction:column;align-items:flex-start}.workspace-nav{grid-template-columns:1fr 1fr}.metric-grid{gap:10px}.field-row{grid-template-columns:1fr}}