/* Preparation guide: all progress describes reading, never product completion. */
.start-guide{padding-block:88px 76px;background:radial-gradient(ellipse at 75% 28%,#32243c33,transparent 65%),#0b0d1f;scroll-margin-top:calc(var(--review-h,40px) + var(--header-h,88px) + 18px)}.start-guide .start-head{margin-bottom:38px;align-items:center}.start-intro{font-size:13px;line-height:1.9;color:var(--muted);margin:22px 0 0}.start-guide .start-head>.text-link{font-size:12px;min-height:44px;white-space:nowrap}.start-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line)}.start-tabs button{position:relative;display:flex;align-items:center;gap:15px;padding:19px 20px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--muted);text-align:left;transition:background .16s,color .16s,border-color .16s}.start-tabs button>span{font-size:11px;color:var(--lavender);font-variant-numeric:tabular-nums}.start-tabs strong{font-size:15px;font-weight:400}.start-tabs button:hover{background:#ffffff04}.start-tabs button[aria-selected=true]{border-bottom-color:var(--gold);color:var(--ivory);background:linear-gradient(0deg,#e8d1aa0b,transparent)}.start-tabs button[aria-selected=true]>span{color:var(--gold)}.start-panels{min-height:487px}.start-panel{display:grid;grid-template-columns:1.16fr 1fr;gap:74px;padding-block:44px 38px;animation:start-appear .18s ease-out}.start-panel[hidden]{display:none}.start-eyebrow{font-size:9px;letter-spacing:.13em;line-height:1.6;color:var(--gold);margin:0 0 16px}.start-team h3{font-size:33px;letter-spacing:-.035em;line-height:1.2;font-weight:400;margin:0 0 28px}.start-actions{list-style:none;margin:0;padding:0;display:grid;gap:19px}.start-actions li{padding-left:17px;border-left:1px solid #e8d1aa55}.start-actions strong{display:block;font-size:13px;font-weight:400;color:var(--ivory);line-height:1.5;margin-bottom:5px}.start-actions span{display:block;color:var(--muted);font-size:11px;line-height:1.8;max-width:440px}.start-audience{position:relative;isolation:isolate;border:1px solid #e8d1aa22;border-radius:18px;padding:34px 32px 26px;background:linear-gradient(135deg,#1c1b2a88,#11152288);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.start-orbit{position:absolute;right:18px;top:4px;font-size:135px;font-weight:700;color:#e8d1aa06;line-height:1;z-index:-1;letter-spacing:-.06em}.start-audience h4{font-size:30px;line-height:1.23;letter-spacing:-.035em;font-weight:400;color:var(--ivory);margin:0 0 20px}.start-audience>p:not(.start-eyebrow):not(.start-footnote){font-size:12px;line-height:1.9;color:var(--muted);max-width:360px;margin:0 0 22px}.start-demo-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;color:var(--gold);font-size:11px;border-bottom:1px solid #e8d1aa44;line-height:1.7}.start-demo-link:hover{color:var(--ivory)}.start-footnote{font-size:10px;line-height:1.8;color:var(--lavender);margin:18px 0 0}.start-toolbar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px}.start-reading{font-size:10px;color:var(--lavender);margin:0}.start-navigation{display:flex;gap:10px}.start-navigation button{font-size:11px;line-height:1.5;min-height:44px;min-width:100px;padding:12px 18px;border-radius:7px;border:1px solid #e8d1aa50;background:transparent;color:var(--ivory);transition:background .12s,transform .12s}.start-navigation button:hover{background:#ffffff06}.start-navigation button:active{transform:scale(.98)}.start-navigation button:disabled{opacity:.35;cursor:default;transform:none}.start-navigation #start-next{background:var(--gold);color:var(--night,#0b0d1f);border-color:var(--gold);min-width:142px}.start-outro{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-top:36px}.start-outro>p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.start-outro .text-link{font-size:12px;min-height:44px}.start-guide :focus-visible,.guide-index :focus-visible{outline:2px solid var(--gold);outline-offset:5px}.start-guide h2:focus{outline:none}
.guide-index{display:grid;gap:10px;margin:28px 0}.guide-index button{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:18px;width:100%;text-align:left;border:1px solid #e8d1aa30;border-radius:10px;background:#ffffff03;color:var(--ivory);padding:18px;min-height:76px}.guide-index button:hover{background:#e8d1aa0b;border-color:#e8d1aa77}.guide-index .guide-index-number{font-size:11px;color:var(--gold)}.guide-index strong{display:block;font-size:14px;line-height:1.5;font-weight:400}.guide-index small{display:block;font-size:11px;line-height:1.8;color:var(--muted);margin-top:5px}.guide-demo-list{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.guide-demo-list button{font-size:11px;min-height:44px;padding:11px 16px;border:1px solid #e8d1aa55;border-radius:7px;color:var(--gold);background:transparent}.guide-note{border-top:1px solid var(--line);padding-top:20px}
@keyframes start-appear{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@container site (max-width:1000px){.start-panel{gap:35px}.start-audience{padding:28px 24px}.start-team h3{font-size:30px}}
@container site (max-width:760px){.start-guide{padding-block:55px}.start-guide .start-head{display:block;margin-bottom:24px}.start-guide .start-head>.text-link{margin-top:20px}.start-guide .start-head h2{font-size:34px}.start-intro{font-size:12px;margin-top:20px}.start-tabs button{gap:7px;flex-direction:column;align-items:flex-start;padding:15px 10px}.start-tabs strong{font-size:12px}.start-tabs button>span{font-size:9px}.start-panel{grid-template-columns:1fr;gap:28px;padding-block:30px}.start-panels{min-height:0}.start-team h3{font-size:29px;margin-bottom:24px}.start-actions{gap:18px}.start-actions strong{font-size:13px}.start-actions span{font-size:11px}.start-audience{padding:25px}.start-audience h4{font-size:28px}.start-audience>p:not(.start-eyebrow):not(.start-footnote){font-size:12px}.start-toolbar{flex-direction:column;align-items:stretch;gap:16px}.start-navigation{justify-content:space-between}.start-navigation button{flex:1}.start-outro{flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}}
.reduced-motion .start-panel{animation:none}.reduced-motion .start-guide button{transition:none}@media(prefers-reduced-motion:reduce){.start-panel{animation:none}.start-guide button{transition:none}}
.start-tabs button{scroll-margin-top:calc(var(--review-h,40px) + var(--header-h,88px) + 16px)}
/* The document already reserves header height through scroll-padding. */
.start-guide,.start-tabs button{scroll-margin-top:0}