*{box-sizing:border-box}
:root{--violet:#5a16b4;--violet-deep:#35106f;--violet-light:#efe6fb;--yellow:#ffd72f;--ink:#221a30;--muted:#70697c;--paper:#fbf9fd;--white:#fff;--line:#e7e1ed;--mint:#e7f2eb;--rose:#f7e7e9;--font:'Instrument Sans',ui-sans-serif,system-ui,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55}
a{color:inherit}
.skip-link{position:absolute;top:-60px;left:16px;z-index:10;padding:10px 14px;background:var(--yellow);color:var(--ink)}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:3;background:var(--white);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1180px;min-height:78px;margin:0 auto;padding:0 28px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:17px;font-weight:700}.brand img{width:44px;height:44px;border-radius:12px}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:14px}.desktop-nav a,.mobile-nav a{text-decoration:none}.desktop-nav a:hover,.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}.desktop-nav .login-link{margin-left:8px}.nav-cta{padding:10px 16px;border-radius:4px;background:var(--violet);color:var(--white);font-weight:600}.nav-cta:hover{background:var(--violet-deep);text-decoration:none!important}.mobile-nav{display:none}
.hero{position:relative;display:grid;place-items:center;min-height:650px;overflow:hidden;padding:70px 24px 82px;background:var(--violet);color:var(--white);text-align:center}.hero::before,.hero::after{position:absolute;left:0;width:100%;height:1px;background:rgba(255,255,255,.14);content:""}.hero::before{top:36px}.hero::after{bottom:36px}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;max-width:820px;animation:hero-arrive .7s ease-out both}.hero-logo{width:132px;height:132px;border-radius:28px;box-shadow:0 12px 30px rgba(32,7,72,.25)}.eyebrow{margin:24px 0 12px;color:var(--yellow);font-size:11px;font-weight:700;letter-spacing:1.6px}.hero h1{margin:0;font-size:64px;line-height:1.08;font-weight:750}.hero h1 span{color:var(--yellow)}.hero-copy{max-width:620px;margin:20px 0 0;font-size:23px;line-height:1.4}.hero-detail{max-width:600px;margin:12px 0 0;color:#e8dcf7;font-size:16px}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;padding:0 19px;border:1px solid transparent;border-radius:4px;text-decoration:none;font-size:14px;font-weight:700;transition:background-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:#281448}.button-yellow:hover{background:#ffe36a}.hero-secondary{color:var(--white);font-size:14px;font-weight:600;text-underline-offset:5px}.hero-footnote{margin:18px 0 0;color:#e8dcf7;font-size:12px}.hero-scroll{position:absolute;bottom:14px;left:50%;display:grid;place-items:center;width:34px;height:34px;transform:translateX(-50%)}.hero-scroll span{width:9px;height:9px;border-right:2px solid rgba(255,255,255,.75);border-bottom:2px solid rgba(255,255,255,.75);transform:rotate(45deg)}
.intro-section,.bristol-section,.plans-section{max-width:1180px;margin:0 auto;padding:96px 28px}.section-heading{max-width:680px;margin:0 auto 48px;text-align:center}.eyebrow-purple{color:var(--violet);margin-top:0}.section-heading h2,.bristol-heading h2{margin:0;font-size:42px;line-height:1.14;font-weight:700}.section-heading h2 span{color:var(--violet)}.section-heading>p:last-child{max-width:550px;margin:16px auto 0;color:var(--muted);font-size:16px}
.product-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:64px}.calendar-preview{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:0 18px 46px rgba(48,24,75,.09)}.preview-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.preview-brand{display:flex;align-items:center;gap:9px;font-size:14px}.preview-brand img{border-radius:8px}.preview-month{color:var(--muted);font-size:13px}.preview-week{display:grid;gap:8px;padding-top:12px}.preview-day{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 32px;align-items:center;gap:8px;min-height:72px;padding:11px 12px;border:1px solid var(--line);border-radius:4px;background:#fff}.preview-day-selected{border-color:var(--violet);background:#faf7ff;box-shadow:inset 3px 0 var(--violet)}.preview-day>div:first-child{display:flex;flex-direction:column;gap:3px}.preview-date{font-size:14px;font-weight:700}.preview-count{color:var(--muted);font-size:11px}.preview-record{display:inline-flex;align-items:center;gap:6px;grid-column:1;font-size:11px;color:var(--muted)}.preview-record img{width:42px;height:24px;object-fit:contain}.preview-add{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:4px;background:var(--violet);color:var(--white);font-size:20px;line-height:1}.preview-legend{display:flex;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:11px}.preview-legend span:first-child{display:flex;align-items:center;gap:7px}.preview-legend i{width:8px;height:8px;border-radius:50%;background:var(--violet)}.showcase-copy{display:grid;gap:0}.feature-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:23px 0;border-bottom:1px solid var(--line)}.feature-item:first-child{border-top:1px solid var(--line)}.feature-index{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--violet-light);color:var(--violet);font-size:12px;font-weight:700}.feature-item h3{margin:0 0 6px;font-size:18px}.feature-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.bristol-section{padding-top:26px;padding-bottom:90px}.bristol-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.bristol-heading .eyebrow{margin:0 0 10px}.bristol-heading h2{font-size:30px}.bristol-heading>p{max-width:380px;margin:0;color:var(--muted);font-size:14px}.bristol-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding-top:22px}.bristol-type{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:91px;border:1px solid var(--line);border-radius:4px;background:var(--white)}.bristol-type img{width:60px;height:32px;object-fit:contain}.bristol-type span{font-size:12px;font-weight:650}
.plans-section{max-width:1050px;padding-top:82px;padding-bottom:110px}.plans-heading{margin-bottom:42px}.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.plan-pro{border:2px solid var(--violet);background:#fcfaff}.plan-card-top{display:flex;align-items:center;gap:10px}.plan-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;font-size:13px;font-weight:800}.plan-mark-free{background:var(--mint);color:#236348}.plan-mark-pro{background:var(--violet);color:var(--white)}.plan-label{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1px}.plan-card h3{margin:20px 0 3px;font-size:25px}.plan-summary{margin:0;color:var(--muted);font-size:14px}.plan-prices{display:flex;flex-wrap:wrap;gap:8px 22px;min-height:70px;align-items:center;margin-top:11px}.plan-price{display:flex;align-items:baseline;gap:7px;margin:0}.plan-price strong{font-size:28px;line-height:1.2}.plan-price span{color:var(--muted);font-size:13px}.plan-prices .plan-price strong{font-size:22px}.plan-card ul{display:grid;gap:10px;width:100%;margin:16px 0 26px;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}.plan-card li{position:relative;padding-left:22px;font-size:13px}.plan-card li::before{position:absolute;left:0;color:var(--violet);content:"✓";font-weight:800}.button-outline{border-color:#cfc5da;background:var(--white);color:var(--ink)}.button-outline:hover{border-color:var(--violet);background:#faf7ff}.button-purple{background:var(--violet);color:var(--white)}.button-purple:hover{background:var(--violet-deep)}.plan-card>.button{width:100%;margin-top:auto}.plan-note{margin:10px 0 0;color:var(--muted);font-size:11px}
.closing-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px max(28px,calc((100% - 1124px)/2));background:var(--violet-deep);color:var(--white)}.closing-cta img{width:72px;height:72px;border-radius:16px}.closing-cta>div{flex:1}.closing-cta .eyebrow{margin:0 0 6px}.closing-cta h2{margin:0;font-size:24px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto;padding:24px 28px;color:var(--muted);font-size:12px}.site-footer p{margin:0}.site-footer a{color:var(--ink);text-decoration:none}.footer-brand{font-weight:700}
@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero{min-height:600px}.product-showcase{grid-template-columns:1fr;gap:38px;max-width:700px;margin:0 auto}.calendar-preview{order:2}.showcase-copy{order:1}.bristol-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.bristol-heading{align-items:flex-start;flex-direction:column;gap:12px}.bristol-heading>p{max-width:600px}}
@media(max-width:680px){.header-inner{min-height:68px;padding:0 18px}.brand{font-size:15px}.brand img{width:38px;height:38px;border-radius:10px}.desktop-nav{display:none}.mobile-nav{position:relative;display:block}.mobile-nav summary{display:flex;align-items:center;justify-content:center;gap:8px;width:42px;height:42px;border:1px solid var(--line);border-radius:4px;list-style:none;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{position:absolute;width:16px;height:2px;background:var(--ink)}.mobile-nav summary span:first-child{transform:translateY(-5px)}.mobile-nav summary span:last-child{transform:translateY(5px)}.mobile-nav[open] nav{position:absolute;top:50px;right:0;display:grid;gap:0;width:210px;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--white);box-shadow:0 12px 28px rgba(25,10,45,.15)}.mobile-nav nav{display:none}.mobile-nav nav a{padding:11px 12px;border-radius:3px;font-size:14px}.mobile-nav nav a:hover{background:var(--violet-light)}.hero{min-height:600px;padding:55px 22px 72px}.hero::before{top:20px}.hero::after{bottom:20px}.hero-logo{width:112px;height:112px;border-radius:24px}.hero .eyebrow{margin-top:24px}.hero h1{font-size:44px}.hero-copy{margin-top:16px;font-size:20px}.hero-detail{font-size:14px}.hero-actions{flex-direction:column;gap:17px;margin-top:24px}.hero-footnote{font-size:11px}.intro-section,.bristol-section,.plans-section{padding:68px 20px}.section-heading{margin-bottom:34px}.section-heading h2{font-size:33px}.section-heading>p:last-child{font-size:14px}.calendar-preview{padding:14px}.preview-month{font-size:11px}.preview-day{min-height:66px;padding:9px}.bristol-section{padding-top:10px}.bristol-heading h2{font-size:26px}.bristol-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.bristol-type{min-height:78px}.bristol-type img{width:52px;height:28px}.bristol-type span{font-size:11px}.plans-grid{grid-template-columns:1fr;gap:12px}.plan-card{padding:23px}.plan-prices{min-height:55px}.closing-cta{align-items:flex-start;flex-wrap:wrap;padding:27px 20px}.closing-cta img{width:58px;height:58px;border-radius:13px}.closing-cta>div{min-width:calc(100% - 80px)}.closing-cta h2{font-size:20px}.closing-cta>.button{width:100%}.site-footer{align-items:flex-start;flex-direction:column;padding:22px 20px}.site-footer p{max-width:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-inner{animation:none}.button{transition:none}.button:hover{transform:none}}
