/* A clearer hierarchy; legacy styling remains underneath for shared dialogs. */
:root{--paper:#F9EDF2;--blue:#2546BF;--pink:#F4BFDA;--ink:#233359}
body{font-size:15px;line-height:1.55;background:var(--paper)}
.wrap{max-width:1180px;width:90%}header{padding:22px 5%;gap:20px}header nav{font-size:13px;gap:28px}.brand{font-size:32px}.nav-cta{font-size:13px}
.hero{padding:36px 0 48px;background:var(--pink);color:var(--blue)}.hero .hero-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:7%;padding:0;min-height:0}.hero .hero-copy{padding:0;max-width:none}.hero .hero-copy h1{font-size:clamp(40px,4.8vw,66px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.hero .hero-description{font-size:19px;line-height:1.4;margin-bottom:26px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero-actions{gap:22px;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:13px 18px}.text-link{font-size:13px}
#journey.hero-journey{padding:22px;background:var(--blue);color:#F7E4F0;border:0;border-radius:14px;box-shadow:none;min-width:0}#journey .journey-inner{width:100%;max-width:none;margin:0}#journey .section-heading{display:block;margin-bottom:16px}#journey .section-heading h2{font-size:22px;color:inherit;letter-spacing:-.025em}#journey .section-heading p{font-size:12px;line-height:1.4;margin:7px 0 0;color:inherit;opacity:.8;max-width:none}#journey .journey-projects{margin:0 0 12px;gap:8px}#journey .journey-projects button{border:1px solid #f4bfda66;padding:7px 15px;color:#F7E4F0;font-size:12px;border-radius:30px;background:transparent}#journey .journey-projects button[aria-pressed=true]{background:var(--pink);color:var(--blue);border-color:var(--pink)}#journey .journey-shell{border:0}#journey .journey-steps{display:flex;padding:0;margin:0 0 10px;gap:0;border:0}#journey .journey-steps:after{display:none}#journey .journey-steps button{flex:1;justify-content:center;min-height:36px;font-size:11px;padding:7px;background:#15328E;color:#D9DCE8;border:0;box-shadow:none}#journey .journey-steps button[aria-pressed=true]{color:var(--blue);background:#D9DCE8}#journey .journey-steps button:first-child{border-radius:7px 0 0 7px}#journey .journey-steps button:last-child{border-radius:0 7px 7px 0}
#journey .journey-stage,#journey .journey-panel{min-height:0;height:auto;padding:0;background:transparent}#journey .journey-panel{opacity:1;transform:none;transition:opacity .12s}#journey .is-changing .journey-panel{opacity:.3;transform:none}#journey .journey-film{display:block;padding:0;min-height:0}#journey video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#152148;border-radius:7px}#journey .journey-film>div{padding:10px 0 0;display:block}#journey .journey-film .eyebrow{display:none}#journey .journey-film p{font-size:11px;margin:0;color:#F7E4F0}#journey .journey-start{display:flex;flex-direction:column-reverse;gap:10px;padding:0;min-height:0}#journey .journey-start-copy{width:100%}#journey .journey-start-copy .eyebrow{display:none}#journey .journey-start h3{font-size:15px;margin:0 0 4px;color:inherit}#journey .journey-start-copy>p:not(.eyebrow){font-size:11px;margin:0;max-width:none;line-height:1.4}#journey .journey-before{width:100%}#journey .journey-empty{min-height:0;width:100%;aspect-ratio:16/9;background:#000}#journey .journey-empty img{object-fit:contain;height:100%;width:100%}
.design-details{margin-top:12px;border-top:1px solid #ffffff35;font-size:11px}.design-details>summary{padding:11px 0 0;cursor:pointer;list-style:revert}.design-details p{font-size:12px;margin:12px 0;line-height:1.5}.design-details .eyebrow{font-size:9px!important;margin:14px 0 8px!important}.reference-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}#journey .journey-board{display:block;padding:0;border:0;background:transparent;min-height:0}#journey .journey-board img{height:120px;width:100%;object-fit:cover}#journey .journey-board span{display:block;position:static;padding:7px;font-size:10px;color:var(--blue);background:var(--pink)}
.section{padding-block:58px}.section-heading{align-items:end;gap:20px;margin-bottom:26px}.section-heading h2,h2{font-size:clamp(27px,3.1vw,40px);letter-spacing:-.035em}.section-heading>p{font-size:14px;max-width:310px;margin:0}.eyebrow{font-size:10px;margin-bottom:12px}.work-section{background:#D8E6F5;padding-block:45px}.work-grid{gap:24px}.case-visual{height:280px;border:0;border-radius:10px;overflow:hidden}.case-meta h3{font-size:22px}.case-meta p{font-size:9px}.case-meta a{font-size:12px}.case-visual .case-title{font-size:18px;padding:8px 14px}.case-visual .play{font-size:12px;padding:9px 15px}.micro{font-size:11px}.work-grid+.micro{font-size:10px;margin:16px 0 0}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.how-grid article{border-top:1px solid #2546bf44;padding-top:16px}.how-grid span{font-size:11px;color:var(--blue)}.how-grid h3{font-size:23px;margin:12px 0 10px;color:var(--blue)}.how-grid p{font-size:14px;margin:0;max-width:31ch}.how-section{padding-bottom:14px}
#packages{padding-block:52px}.plan-finder{border:1px solid #2546bf35;padding:18px 22px;margin-bottom:24px;border-radius:10px}.plan-finder>p:first-child{font-size:15px;color:var(--blue);margin-bottom:12px}.plan-finder>div{display:flex;gap:8px;flex-wrap:wrap}.plan-finder button{padding:8px 14px;border:1px solid #2546bf66;border-radius:30px;background:transparent;color:var(--blue);font-size:12px}.plan-finder button:hover,.plan-finder button[aria-pressed=true]{background:var(--blue);color:#F7E4F0}.plan-finder #finder-result{margin:12px 0 0;font-size:12px}.price-grid{gap:18px;max-width:none;align-items:stretch;grid-template-columns:repeat(3,1fr)}.price-grid .plan,.price-grid .plan.featured{display:flex;flex-direction:column;padding:22px;gap:0;border:1px solid #AAA9CB;border-radius:12px;transition:box-shadow .25s}.price-grid .plan.recommended{box-shadow:0 0 0 3px var(--blue)}.price-grid .plan .plan-top{display:block}.price-grid .plan .small-tag{font-size:9px;display:block;margin-bottom:12px}.price-grid .plan .plan-top h3{font-size:27px}.price-grid .plan .price{font-size:35px;align-self:start;margin:15px 0 5px}.price-grid .plan .price span{font-size:12px}.price-grid .plan .setup{font-size:11px;margin:0 0 17px}.price-grid .plan .plan-details{border-top:1px solid #2546bf30;padding-top:15px;margin:0 0 20px;flex:1}.price-grid .plan .plan-details h4{font-size:11px;margin:0 0 10px}.price-grid .plan .plan-details ul{display:block;font-size:13px}.price-grid .plan .plan-details li{margin-top:9px;line-height:1.5}.price-grid .plan>.choose{font-size:12px;min-height:44px;justify-content:center;margin:0;border:1px solid #2546bf66;border-radius:5px}.price-grid .plan>.choose span{font-size:12px}.price-grid .plan>.choose:hover{background:#2546bf!important;color:#F4BFDA!important}.pricing-notes{font-size:11px;line-height:1.6;margin-top:20px}.comparison summary{font-size:13px;padding:12px 0}.table-wrap th,.table-wrap td{font-size:12px}.faq-section{padding-block:38px}.faq summary{font-size:15px;min-height:44px;display:flex;align-items:center}.faq details p{font-size:13px;line-height:1.6}.closing{padding:38px 0 48px}.closing h2{font-size:40px}.closing .button{font-size:13px}footer{font-size:10px}dialog h2{font-size:28px}dialog p{font-size:13px}.button:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:4px}#journey button:focus-visible,#journey summary:focus-visible{outline-color:#F4BFDA}
@media(max-width:800px){header{padding:17px 5%}header nav{gap:16px}.hero{padding:20px 0 32px}.hero .hero-layout{grid-template-columns:1fr;gap:26px}.hero .hero-copy h1{font-size:46px;margin-bottom:15px}.hero .hero-description{font-size:17px;margin-bottom:17px}.hero .hero-copy{max-width:600px}.hero .eyebrow{margin-bottom:10px}#journey.hero-journey{padding:18px}.price-grid{grid-template-columns:1fr;max-width:none}.price-grid .plan{padding:22px;display:grid;grid-template-columns:1fr auto;gap:0 15px}.price-grid .plan .price{grid-column:2;grid-row:1;margin:0}.price-grid .plan .setup,.price-grid .plan .plan-details,.price-grid .plan>.choose{grid-column:1/-1}.price-grid .plan .setup{margin:12px 0}.price-grid .plan .plan-details ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.price-grid .plan .plan-details li{margin:0}.section{padding-block:36px}.how-grid{gap:18px}.how-grid h3{font-size:20px}.how-grid p{font-size:12px}.case-visual{height:230px}.section-heading>p{font-size:12px}}
@media(max-width:540px){header .brand{font-size:27px}header nav{display:none}.nav-cta{font-size:11px}.hero{padding:12px 0 25px}.hero .hero-layout{gap:20px}.hero .hero-copy h1{font-size:37px;line-height:1.04;margin-bottom:12px}.hero .hero-description{font-size:15px;margin-bottom:14px}.hero-actions{gap:17px}.hero-actions .button{padding:10px 14px;font-size:12px}.hero-actions .text-link{font-size:12px}.hero .eyebrow{font-size:9px}#journey.hero-journey{padding:14px;border-radius:10px}#journey .section-heading{margin-bottom:12px}#journey .section-heading h2{font-size:19px}#journey .section-heading p{display:none}#journey .journey-projects{margin-bottom:10px}#journey .journey-projects button{font-size:11px;padding:6px 13px}#journey .journey-steps button{font-size:10px;min-height:32px}#journey video{aspect-ratio:16/9}#journey .journey-film>div{padding-top:8px}#journey .journey-film p{font-size:10px}.design-details{margin-top:8px}.design-details>summary{padding-top:8px}.work-grid{grid-template-columns:1fr;gap:22px}.case-visual{height:245px}.section-heading{display:block}.section-heading>p{margin-top:10px}.how-grid{grid-template-columns:1fr;gap:19px}.how-grid article{display:grid;grid-template-columns:28px 1fr;gap:0 10px}.how-grid span{grid-row:1/3;padding-top:3px}.how-grid h3{margin:0 0 6px;font-size:20px}.how-grid p{grid-column:2;max-width:none;font-size:13px}.plan-finder{padding:16px}.plan-finder button{font-size:11px}.price-grid .plan .plan-details ul{display:block}.price-grid .plan .plan-details li{margin-top:8px}.price-grid .plan .small-tag{font-size:8px}.price-grid .plan .price{font-size:29px}.price-grid .plan .price span{font-size:10px}.pricing-notes{display:block;font-size:10px}.faq-section{display:block}.faq-section>div:first-child{margin-bottom:18px}.closing h2{font-size:32px}footer>span{display:none}.board-dialog{width:94vw}.section-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.journey-panel{transition:none!important}}
/* Four clear stages, one compact display; the client references stay in the story. */
#journey .journey-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}#journey .journey-steps button{border-radius:4px!important;font-size:10px;line-height:1.3;text-align:center;padding:7px 4px}#journey .journey-board-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:8px 0;min-height:0;align-items:start}#journey .journey-note h3{color:inherit;font-size:17px;line-height:1.3;margin:5px 0 12px}#journey .journey-note .eyebrow{font-size:8px;line-height:1.4;margin:0 0 8px}#journey .client-reference-notes{font-size:11px;line-height:1.45;margin:0;padding-left:16px}#journey .client-reference-notes li{margin:3px 0}#journey .journey-board img{height:220px;object-fit:contain;background:#F9EDF2}#journey .direction-layout{grid-template-columns:1fr}#journey .direction-layout .journey-board img{height:230px}#journey .direction-layout .journey-note h3{font-size:15px;margin-bottom:8px}
@media(max-width:540px){#journey .journey-steps button{font-size:9px;min-height:36px}#journey .journey-note h3{font-size:14px}#journey .journey-board-layout{gap:10px}#journey .client-reference-notes{font-size:10px}#journey .journey-board img{height:230px}#journey .direction-layout .journey-board img{height:205px}}