:root{--ink:#2e173e;--muted:#665473;--purple:#7134c4;--line:#e4d8ef;--surface:#fefcff;--bg:#f7f2fc;--raised:0 3px 5px #39135c08,0 16px 40px #39135c0c,inset 0 1px 0 #fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1240px,calc(100% - 64px));margin:auto}a:focus-visible,summary:focus-visible{outline:3px solid #9459e3;outline-offset:5px}.skip-link{position:absolute;left:16px;top:-100px;padding:12px;background:white;z-index:20}.skip-link:focus{top:10px}.site-header{background:#fbf8ff;border-bottom:1px solid var(--line)}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.6px}.brand img{flex:none}.nav-links{display:flex;gap:32px;font-size:14px;font-weight:600;color:var(--muted)}.nav-links a,.nav-signin{display:inline-flex;align-items:center;min-height:44px}.nav-signin{padding:8px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-weight:700;font-size:14px;box-shadow:var(--raised)}
.hero{padding:72px 0 64px;background:radial-gradient(ellipse at 90% 10%,#e8d5ff80,transparent 65%)}.hero-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:52px}.eyebrow{display:block;color:#6d32ac;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(42px,4.6vw,66px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0;max-width:560px}.hero h1 em{font-style:normal;color:var(--purple)}.hero-copy{font-size:19px;line-height:1.7;color:var(--muted);max-width:440px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;padding:13px 20px;min-height:50px;border-radius:13px;font-size:14px;font-weight:750}.btn-primary{background:linear-gradient(145deg,#8142cf,#582494);color:white;border:1px solid #602aa5;box-shadow:0 5px 14px #54218f30,inset 0 1px 0 #ffffff40}.btn-secondary{border:1px solid var(--line);background:var(--surface);box-shadow:var(--raised)}.hero-note{font-size:13px;color:var(--muted)}.hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-tags span{padding:5px 10px;border-radius:99px;background:#efe5f8;color:#5d3a78;font-size:12px}
.hero-visual{min-width:0;background:var(--surface);border:1px solid #d9c5ee;border-radius:var(--radius);padding:12px;box-shadow:0 10px 18px #54218f08,0 24px 55px #54218f18,inset 0 1px 0 #fff}.preview-title{display:flex;align-items:center;gap:8px;padding:6px 6px 14px;font-size:12px;font-weight:650;color:var(--muted)}.preview-title>span:first-child{color:#a77cd9}.preview-badge{margin-left:auto;font-size:10px;background:#efe5f8;padding:2px 7px;border-radius:6px}.landing-live-frame{position:relative;width:100%;aspect-ratio:1200/900;overflow:hidden;border-radius:14px;background:#f4edfb;border:1px solid var(--line)}.landing-live-frame iframe{pointer-events:none;user-select:none;position:absolute;inset:0;width:1200px;height:900px;border:0;transform:scale(var(--hero-preview-scale,.5));transform-origin:top left}.landing-preview-caption{font-size:11px;color:var(--muted);margin:10px 4px 2px;line-height:1.5}
.section{padding:72px 0}.section-heading{max-width:640px;margin-bottom:32px}.section-heading h2,.final-cta h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;margin:12px 0 16px}.section-heading p{color:var(--muted);margin:12px 0}.feature-grid,.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature{padding:28px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--raised)}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#faf2ff,#e9d7f7);color:#7134c4;box-shadow:0 4px 8px #54218f13,inset 0 1px 0 white;font-size:23px}.feature h3,.steps-grid h3{font-size:19px;line-height:1.4;margin:20px 0 10px;letter-spacing:-.3px}.feature p,.steps-grid p{color:var(--muted);font-size:15px;margin:0}.space-section{background:#efe6f8;border-block:1px solid #e6d8f1}.space-layout,.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.space-layout .section-heading{margin:0}.space-demo{border:1px solid #d7c3e9;border-radius:var(--radius);background:#fbf8ff;padding:24px;box-shadow:var(--raised);min-width:0}.space-demo-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}.space-demo-heading>small{font-size:11px;color:var(--muted)}.space-row{display:flex;align-items:center;gap:12px;padding:16px 12px;border-radius:12px;min-width:0}.space-row.selected{background:#eadcf8;border:1px solid #ceb1eb}.space-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--purple);flex:none}.space-row>div{flex:1;min-width:0}.space-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.space-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.role{font-size:11px;padding:3px 7px;border-radius:6px;background:#f7f1fc;color:#694387}.space-demo>p{font-size:12px;color:var(--muted);margin:20px 12px 0}.steps-grid{gap:36px}.steps-grid article{padding-top:20px;border-top:1px solid #ceb8e5}.step-number{font-size:13px;font-weight:750;color:var(--purple)}.steps-grid h3{margin-top:14px}.steps-note{font-size:13px;color:var(--muted);margin:28px 0 0}.faq{border-top:1px solid var(--line)}.faq-layout{align-items:start}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{min-height:44px;cursor:pointer;font-weight:650;line-height:1.5;padding:8px 0}.faq-list p{font-size:14px;color:var(--muted);margin:12px 0}.section-heading a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.final-cta{padding:64px 0;text-align:center;background:linear-gradient(130deg,#311446,#592585);color:#fff}.final-cta .eyebrow{color:#ddc3f7}.final-cta h2{margin-top:14px}.final-cta p{color:#e5d6f0}.final-cta .btn{margin-top:10px}.final-signin{font-size:13px}.final-signin a{text-decoration:underline;text-underline-offset:3px}.footer{padding:32px 0;background:#fbf8ff}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.footer nav{display:flex;flex-wrap:wrap;gap:22px;color:var(--muted);font-size:13px}.footer nav a{display:inline-flex;align-items:center;min-height:44px}.footer p{flex-basis:100%;font-size:12px;color:var(--muted);margin:0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.btn,.nav-signin{transition:box-shadow 180ms,border-color 180ms}.btn:hover,.nav-signin:hover{box-shadow:0 8px 20px #54218f24}.nav-links a:hover,.footer a:hover{color:var(--purple)}}@media(max-width:1000px){.hero-inner{gap:28px}.container{width:calc(100% - 40px)}.hero h1{font-size:46px}.feature{padding:22px}.space-layout,.faq-layout{gap:32px}}@media(max-width:760px){.nav{min-height:74px}.nav-links{display:none}.hero{padding:40px 0}.hero-inner{grid-template-columns:minmax(0,1fr);gap:32px}.hero-text{max-width:580px}.hero h1{font-size:clamp(40px,8vw,56px);max-width:520px}.hero-copy{font-size:17px}.hero-visual{width:100%;max-width:640px;justify-self:center}.feature-grid,.steps-grid{grid-template-columns:1fr}.space-layout,.faq-layout{grid-template-columns:1fr}.section{padding:48px 0}.section-heading{margin-bottom:24px}.feature{padding:24px}.feature h3{margin-top:16px}.space-demo{padding:16px}.final-cta{padding:48px 0}.footer-inner{align-items:flex-start}}@media(max-width:400px){.container{width:calc(100% - 32px)}.brand{font-size:18px;gap:8px}.brand img{width:30px;height:30px}.nav-signin{padding:7px 12px}.hero h1{letter-spacing:-1.8px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.space-row{gap:8px;padding-inline:8px}.space-row small{font-size:11px}.hero-visual{padding:8px}.preview-title{font-size:11px}.hero-tags{gap:6px}.hero-tags span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.phone-preview{display:none}
@media(max-width:600px){
 .hero-visual .landing-live-frame{display:none}
 .phone-preview{display:block;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f5effb}
 .phone-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.phone-preview-head strong{font-size:16px}.phone-preview-head>span{font-size:11px;color:var(--muted)}
 .phone-balance{padding:16px;border-radius:13px;background:linear-gradient(125deg,#54218f,#874ac7);color:white;box-shadow:0 5px 12px #54218f20,inset 0 1px 0 #ffffff50}.phone-balance>small{font-size:12px}.phone-balance>strong{display:block;font-size:30px;line-height:1.3;margin:6px 0 14px;letter-spacing:-1px}.phone-balance>div{display:flex;gap:8px;flex-wrap:wrap}.phone-balance>div>span{flex:1 1 100%;background:#fcf8ff;border-radius:8px;padding:8px 10px;color:#17663f;font-size:11px}.phone-balance>div>span:nth-child(2){color:#b42336}.phone-balance b{display:block;font-size:14px}
 .phone-calendar{margin-top:14px;padding:12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.phone-calendar>strong{font-size:13px}.phone-week,.phone-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center;font-size:12px}.phone-week{margin-top:12px;color:var(--muted);font-size:10px}.phone-days>span{display:grid;place-items:center;min-height:28px;border-radius:6px}.phone-days .chosen{background:#e6d2f7;border:1px solid #b98ddd;font-weight:750}.phone-log{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:12px}.phone-log small{display:block;font-size:10px;color:var(--muted)}.phone-log b{color:#b42336;white-space:nowrap}.phone-demo-note{font-size:10px;color:var(--muted);margin:12px 0 0}
}
/* Purple-led public entrance, matching the restored calendar. */
.site-header{background:#2d143f;border-color:#ffffff20;color:#fff}
.nav-links{color:#e3d1f2}.nav-signin{background:#fbf6ff;color:#44205e;border-color:#b48bda}
.hero{background:radial-gradient(ellipse at 90% 10%,#9360cf40,transparent 60%),linear-gradient(125deg,#29113e,#4c2475);color:#fff}
.hero .eyebrow{color:#e0c4f8}.hero h1 em{color:#d9b8fa}.hero-copy{color:#ebdef5}.hero-note{color:#dfcdec}.hero-tags span{background:#ffffff12;color:#ebdef5;border:1px solid #ffffff24}.hero .btn-secondary{color:#4d256b;background:#fbf6ff}.hero a:focus-visible{outline-color:#ecd6ff}.hero-visual{border-color:#a67dcb;box-shadow:0 12px 22px #16052428,0 24px 55px #16052435,inset 0 1px 0 #fff}.hero .preview-title,.hero .landing-preview-caption{color:#665473}
@media(max-width:600px){
 .phone-preview .phone-calendar{background:linear-gradient(135deg,#5a258f,#8047bb);color:#fff;border-color:#9868c7;box-shadow:0 5px 14px #54218f24,inset 0 1px 0 #ffffff40}
 .phone-calendar .phone-week{color:#f0e3fc}.phone-calendar .phone-days .chosen{background:#ead7fb;color:#3c165d;border-color:#fff}
}
/* Public examples echo the colored tiles inside the app. */
.feature,.space-demo{background:linear-gradient(145deg,#ead8fa,#f3e7fc);border-color:#d4b5ec}
.space-row.selected{background:#dfc4f3;border-color:#c79ee6}
@media(max-width:600px){.phone-balance>div>span{background:#ead7fa}.phone-log{background:#efe0fb;border-color:#d4b5ec}}