/* Websites journey composition. Cinematic geometry and typography are owned by track-b.css. */
.websites-journey{--product-accent:#ffb27d;background:#05080d;color:#f5f7fa;overflow-x:hidden}
.websites-journey main .outline-action{position:relative;z-index:3}
.websites-plans{max-width:none;background:radial-gradient(circle at 88% 4%,#63381942,transparent 32rem),linear-gradient(145deg,#070b11,#0b121c)}
.websites-plans>*,.websites-steps>*,.guide-flow>*{max-width:1220px;margin-left:auto;margin-right:auto}
.websites-plans .plan-grid article{display:flex;min-width:0;flex-direction:column;padding:28px;background:#09111b;border:1px solid #ffffff18}
.websites-plans .plan-grid article>p:nth-of-type(2){min-height:8em}
.websites-plans .outline-action{width:100%;margin-top:auto}
.journey-boundary{display:grid;grid-template-columns:minmax(12rem,.35fr) 1fr;gap:24px 64px;margin-top:32px;padding:28px;border:1px solid #ffffff20;background:#05090f}
.journey-boundary strong{color:var(--product-accent);text-transform:uppercase}
.journey-boundary p{margin:0;color:#c4cbd5;line-height:1.7}
.websites-directions{padding-left:0;padding-right:0}
.websites-directions .details-intro,.websites-directions .journey-note{padding-left:var(--edge);padding-right:var(--edge)}
.websites-design-grid{padding:0;grid-template-columns:repeat(2,minmax(0,1fr))}
.websites-design-grid .explore-card{min-height:clamp(350px,40vw,520px)}
.websites-design-grid .explore-card>.fact-index{position:absolute;top:34px;left:44px;color:var(--product-accent)}
.websites-design-grid .explore-card h2,.websites-design-grid .explore-card p,.websites-design-grid .explore-card a{position:relative}
.websites-design-grid .explore-card h2{margin-top:auto}
.websites-design-grid .outline-action{margin-top:18px}
.journey-note{margin-top:26px;color:#aab4c0;line-height:1.7}
.websites-steps{background:linear-gradient(145deg,#0a111b,#05080d)}
.journey-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px}
.journey-actions .outline-action{min-width:min(100%,270px)}
.guide-flow form{max-width:1220px;margin:auto;border-top:1px solid #ffffff24}
.guide-progress{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #ffffff24}
.guide-progress span{padding:22px 8px;color:#75808c;text-transform:uppercase}
.guide-progress span[aria-current]{color:var(--product-accent)}
.guide-flow fieldset,.guide-result{margin:0;padding:64px 0;border:0}
.guide-flow legend{max-width:900px;padding:0;font-size:clamp(32px,4vw,58px);line-height:1.05}
.guide-flow fieldset>p,.guide-result>p{max-width:58ch;color:#c4cbd5;line-height:1.7}
.guide-choices label{position:relative;min-width:0;cursor:pointer}
.guide-choices input{position:absolute;width:1px;height:1px;opacity:0}
.guide-choices label>span{display:flex;min-height:210px;padding:30px;flex-direction:column;border:1px solid #ffffff24;background:#09111a;transition:background .2s,color .2s}
.guide-choices strong{margin:42px 0 12px;font-size:clamp(23px,2.2vw,31px)}
.guide-choices small{color:#aeb8c3;line-height:1.55}
.guide-choices label:hover>span,.guide-choices input:focus-visible+span{background:#111d29}
.guide-choices input:checked+span{background:#e7edf3;color:#07101a}
.guide-choices input:checked+span :is(b,small){color:#384c5f}
.guide-controls{display:flex;justify-content:space-between;gap:20px;padding-top:30px;border-top:1px solid #ffffff24}
.guide-controls [data-guide-next]{margin-left:auto}
.guide-controls button:disabled{opacity:.36;cursor:not-allowed}
.guide-result .fact-grid{margin:42px 0}
.design-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.design-switcher a{display:inline-flex;align-items:center;min-height:48px;padding:10px 16px;border:1px solid #ffffff2e}
.design-switcher a:hover,.design-switcher a:focus-visible{background:#fff;color:#05080d}
@media(max-width:900px){.websites-plans .plan-grid,.websites-design-grid{grid-template-columns:1fr}.journey-boundary{grid-template-columns:1fr}.websites-plans .plan-grid article>p:nth-of-type(2){min-height:0}}
@media(max-width:600px){.websites-design-grid .explore-card{min-height:420px}.websites-design-grid .explore-card>.fact-index{top:28px;left:24px}.journey-actions{display:grid}.guide-progress span{padding:18px 5px}.guide-flow fieldset,.guide-result{padding:46px 0}.guide-choices label>span{min-height:160px}.guide-choices strong{margin-top:26px}.guide-controls{display:grid}.guide-controls [data-guide-next]{margin-left:0}}
@media(prefers-reduced-motion:reduce){.guide-choices label>span{transition:none}}
@media(forced-colors:active){.websites-plans,.websites-plans .plan-grid article,.journey-boundary,.websites-steps,.guide-choices label>span{background:Canvas;color:CanvasText}}