/* Research-led content within Kalvano's approved expressive composition. */
:root { --accent:#ff6a1b; --accent-deep:#e6520a; }
.launch-copy h1 { font-size:clamp(60px,5.9vw,84px); line-height:1.05; letter-spacing:-.06em; color:#fff; }
.launch-copy h1 > span { color:inherit; }
.launch-copy > p { max-width:47ch; font-size:17px; line-height:1.65; }
.launch-small { max-width:49ch; line-height:1.65; }
.sticker-blue { top:-48px; }
.sticker-yellow { top:148px; right:-35px; }
.sticker-purple { top:435px; left:auto; right:-10px; }
.creative-board { height:710px; }
.board-two { top:135px; }.board-three { top:345px; }
.research-section { padding:100px var(--gutter); background:#121e2e; }
.research-inner { max-width:1120px; margin:auto; }
.research-heading { max-width:720px; text-align:center; margin:0 auto 55px; }
.research-heading h2 { font-size:clamp(36px,4vw,56px); letter-spacing:-.045em; line-height:1.13; margin:24px 0; font-weight:550; }
.research-heading p { font-size:16px; line-height:1.8; color:#a9b3c3; max-width:58ch; margin:auto; }
.research-sources { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.research-sources article { display:flex; flex-direction:column; align-items:start; gap:25px; padding:30px; border-radius:14px; background:#c8b6ff; color:#211733; }
.research-sources article:nth-child(2),.research-sources article:nth-child(6) { background:#a8d9ff; color:#132c42; }
.research-sources article:nth-child(3),.research-sources article:nth-child(4) { background:#ffc6b0; color:#3c241c; }
.research-sources article > span { font-size:14px; border:1px solid #0004; border-radius:50%; width:38px; height:38px; display:grid; place-items:center; }
.research-sources h3 { font-size:22px; line-height:1.25; letter-spacing:-.025em; font-weight:550; margin-bottom:15px; }
.research-sources p { font-size:15px; line-height:1.7; }
.research-takeaway { text-align:center; margin:48px auto 0; font-size:clamp(24px,2.6vw,34px); line-height:1.4; color:#a9b3c3; }
.research-takeaway strong { color:#fff; font-weight:500; }
.selected-work { padding-top:115px; }
.project-preview-art { min-height:475px; }
.preview-primary { top:80px; }.preview-secondary { bottom:50px; }
.project-thinking { display:grid; gap:22px; }
.project-thinking dt { font-size:10px; letter-spacing:.09em; text-transform:uppercase; color:#c7b7ff; margin-bottom:8px; }
.project-thinking dd { font-size:15px; line-height:1.7; color:#c0c8d6; max-width:38ch; }
.project-thinking > div:last-child dd { font-size:20px; color:#fff; line-height:1.4; }
.offer-grid { grid-template-columns:1.08fr 1fr; }
.fit-signals { max-width:1120px; margin:40px auto; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:0 50px; }
.fit-signals li { padding:23px 0 23px 28px; border-top:1px solid #ffffff25; color:#c0c8d6; font-size:17px; line-height:1.65; position:relative; }
.fit-signals li::before { content:'↗'; position:absolute; left:0; color:#ff8b54; }
.delivery-section { max-width:none; padding:100px var(--gutter); margin:0; border:0; background:#091321; }
.delivery-section > * { max-width:1120px; margin-left:auto; margin-right:auto; }
.delivery-section > .eyebrow { display:block; }
.study-brand-tag { font-size:20px; padding:12px 20px; }
@media(max-width:1100px) {
 .launch-copy h1 { font-size:clamp(52px,6vw,66px); }.sticker-yellow { top:125px; right:-25px; font-size:16px; }.sticker-purple { top:345px; right:-10px; font-size:16px; }.creative-board { height:640px; }.board-three { top:320px; }
 .research-sources article { padding:25px; }.project-preview-copy { padding:30px; }
}
@media(max-width:920px) {
 .launch-copy h1 { font-size:clamp(56px,9.4vw,76px); }.sticker-blue { top:-60px; }.sticker-yellow { top:120px; right:25px; }.sticker-purple { top:375px; right:30px; left:auto; }.creative-board { height:630px; }.board-two { top:110px; }.board-three { top:300px; }
 .research-section,.delivery-section { padding:75px var(--gutter); }.research-sources { grid-template-columns:1fr 1fr; }
 .project-preview-art { min-height:360px; }.preview-primary { top:35px; width:38%; }.preview-secondary { bottom:20px; width:38%; }.offer-grid { grid-template-columns:1fr; }.fit-signals { gap:0 25px; }
}
@media(max-width:600px) {
 .launch-copy h1 { font-size:clamp(42px,10.7vw,62px); line-height:1.06; margin-bottom:28px; }
 .launch-copy .sticker-yellow,.launch-copy .sticker-purple { position:relative; top:auto; right:auto; left:auto; display:inline-block; margin:0 14px 28px 0; font-size:15px; vertical-align:middle; }
 .launch-copy > p { font-size:16px; }.launch-small { font-size:12px; }.creative-board { height:480px; }.board-two { top:85px; }.board-three { top:240px; }
 .research-sources,.fit-signals { grid-template-columns:1fr; }.research-sources article { padding:30px; gap:22px; }.research-heading { margin-bottom:35px; }.research-takeaway { font-size:24px; }
 .project-preview-copy { padding:28px; }.project-preview-art { min-height:300px; }.preview-primary { top:25px; width:42%; left:7%; }.preview-secondary { width:42%; right:7%; }.fit-signals li { font-size:16px; }.study-brand-tag { font-size:19px; }
}
@media(max-width:360px) { .creative-board { height:410px; }.board-three { top:205px; } }

/* A shorter buying journey: visible deliverable, early work, combined method. */
.launch-copy h1 { font-size:clamp(54px,5.25vw,74px); line-height:1.07; }
.launch-copy > p { font-size:21px; line-height:1.6; color:#c7cfda; max-width:44ch; }
.sticker-yellow { top:130px; right:-35px; }
.sticker-purple { top:310px; right:-10px; }
.creative-board { height:655px; }.board-three { top:310px; }
.selected-work { padding-top:110px; padding-bottom:80px; }
.launch-method { padding-top:75px; padding-bottom:90px; }
.offer-fit { max-width:1120px; margin:0 auto 35px; color:#c0c8d6; font-size:16px; line-height:1.75; scroll-margin-top:110px; }
@media(max-width:1100px) { .launch-copy h1 { font-size:clamp(46px,5.2vw,60px); }.launch-copy > p { font-size:20px; }.sticker-purple { top:255px; }.sticker-yellow { top:105px; }.creative-board { height:610px; } }
@media(max-width:920px) { .launch-copy h1 { font-size:clamp(46px,7.3vw,66px); }.sticker-yellow { right:10px; }.sticker-purple { right:15px; top:285px; }.creative-board { height:610px; }.selected-work { padding-top:85px; } }
@media(max-width:600px) { .launch-copy h1 { font-size:clamp(39px,10.7vw,48px); }.launch-copy > p { font-size:18px; }.creative-board { height:480px; }.board-three { top:240px; }.offer-fit { font-size:15px; } }
@media(max-width:360px) { .creative-board { height:410px; }.board-three { top:205px; } }

/* Keep labels and artwork in their own space, away from the reading column. */
.launch-hero { padding-top:160px; }
.launch-hero-inner { grid-template-columns:1.25fr 1fr; gap:100px; align-items:center; }
.launch-copy { padding-top:0; }
.hero-labels { display:flex; gap:12px; align-items:center; margin-bottom:32px; flex-wrap:wrap; }
.launch-copy .hero-labels .hero-sticker { position:static; display:inline-block; margin:0; padding:9px 12px; transform:none; font-size:12px; font-weight:550; line-height:1.3; letter-spacing:0; border-radius:5px; box-shadow:none; }
.launch-copy h1 { font-size:clamp(50px,4.8vw,68px); line-height:1.1; margin:0 0 32px; letter-spacing:-.055em; }
.launch-copy > p { font-size:20px; line-height:1.7; max-width:43ch; }
.launch-actions { margin-top:30px; }
.launch-small { margin-top:25px; line-height:1.8; }
.creative-board { display:block; height:655px; padding:0; margin-top:0; border:0; background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px); }
.creative-board .board-ad { position:absolute; inset:auto; width:53%; height:auto; display:block; z-index:1; }
.creative-board .board-ad img { width:100%; height:auto; max-height:none; border-radius:17px; }
.creative-board .board-one { top:0; left:6%; transform:rotate(-8deg); }
.creative-board .board-two { top:20%; right:0; transform:rotate(7deg); z-index:2; }
.creative-board .board-three { top:48%; left:0; transform:rotate(-8deg); z-index:3; }
.creative-board .board-four { bottom:0; right:0; transform:rotate(8deg); }
.creative-board .board-ad:hover { transform:rotate(0) translateY(-3px); z-index:4; }
.board-disclosure { bottom:-28px; }
@media(max-width:1100px) { .launch-hero-inner { gap:60px; }.launch-copy h1 { font-size:clamp(45px,4.8vw,58px); }.creative-board { height:585px; } }
@media(max-width:920px) { .launch-hero { padding-top:135px; }.launch-hero-inner { grid-template-columns:1fr; gap:60px; }.launch-copy h1 { font-size:clamp(44px,7.5vw,66px); }.creative-board { max-width:500px; height:630px; }.launch-copy > p { max-width:48ch; } }
@media(max-width:600px) { .launch-copy h1 { font-size:clamp(36px,10vw,48px); margin-bottom:26px; }.launch-copy > p { font-size:18px; }.hero-labels { gap:8px; margin-bottom:28px; }.launch-copy .hero-labels .hero-sticker { font-size:11px; padding:8px 10px; }.creative-board { height:480px; }.launch-small { font-size:12px; } }
@media(max-width:360px) { .launch-copy h1 { font-size:34px; }.creative-board { height:410px; }.launch-copy .hero-labels .hero-sticker { font-size:10px; padding:8px; } }

/* A compact, colourful view of the Sprint, with all steps visible. */
.offer-delivery { max-width:1120px; margin:65px auto 0; padding-top:60px; border-top:1px solid #ffffff25; scroll-margin-top:100px; }
.delivery-heading { text-align:center; margin-bottom:45px; }
.delivery-heading h3 { font-size:clamp(34px,3.5vw,48px); font-weight:550; letter-spacing:-.045em; line-height:1.12; }
.delivery-heading h3 em { font-family:'Instrument Serif',Georgia,serif; font-weight:400; color:#b6a0ff; }
.delivery-heading > p { font-size:14px; line-height:1.7; color:#acb6c5; margin-top:20px; }
.delivery-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.delivery-steps { list-style:none; padding:0; margin:0; }
.delivery-steps li { display:grid; grid-template-columns:58px 1fr; gap:24px; padding:20px 0; border-bottom:1px dashed #ffffff25; }
.delivery-steps li:first-child { padding-top:0; }.delivery-steps li:last-child { border-bottom:0; padding-bottom:0; }
.delivery-badge { width:54px; height:54px; border-radius:18px 13px 18px 13px; display:grid; place-items:center; background:#ffcf56; color:#142033; transform:rotate(-9deg); margin-top:8px; }
.delivery-badge svg { width:26px; height:26px; transform:rotate(9deg); }
.delivery-steps li:nth-child(2) .delivery-badge { background:#b6a0ff; transform:rotate(9deg); }.delivery-steps li:nth-child(2) svg { transform:rotate(-9deg); }
.delivery-steps li:nth-child(3) .delivery-badge { background:#6fdbb2; }
.delivery-steps li:nth-child(4) .delivery-badge { background:#7dcbff; transform:rotate(9deg); }.delivery-steps li:nth-child(4) svg { transform:rotate(-9deg); }
.delivery-when { font-size:11px; letter-spacing:.04em; color:#b8c3d1; }
.delivery-steps h4 { color:#fff; font-size:24px; font-weight:550; letter-spacing:-.025em; margin:5px 0 8px; }
.delivery-steps p { color:#b9c4d3; font-size:14px; line-height:1.7; max-width:35ch; }
.delivery-visual { margin:0; border-radius:24px; padding:28px; background:#091321; border:1px solid #ffffff0e; overflow:hidden; }
.delivery-art { position:relative; height:295px; isolation:isolate; }
.delivery-art::before { content:''; position:absolute; width:270px; height:270px; border-radius:50%; background:#b6a0ff; opacity:.14; left:calc(50% - 135px); top:0; z-index:-1; }
.delivery-sticker { position:absolute; top:0; right:0; padding:12px 16px; border-radius:6px; background:#ffcf56; color:#152131; font-size:13px; line-height:1.25; font-weight:550; transform:rotate(7deg); z-index:3; }
.delivery-art img { position:absolute; height:auto; border-radius:9px; box-shadow:0 14px 25px #0004; }
.delivery-ad-one { width:49%; max-width:185px; top:4px; left:8%; transform:rotate(-8deg); }
.delivery-ad-two { width:49%; max-width:190px; bottom:0; right:3%; transform:rotate(8deg); }
.delivery-output { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-top:1px solid #ffffff20; margin-top:25px; padding-top:22px; }
.delivery-output > span { font-size:12px; color:#c0c8d6; line-height:1.5; }
.delivery-output strong { display:block; color:#b6a0ff; font-size:38px; font-weight:550; letter-spacing:-.05em; margin-bottom:4px; }
.delivery-output > span:last-child strong { color:#7dcbff; }
.delivery-visual figcaption > p { margin:20px 0 0; color:#9ca7b8; font-size:10px; line-height:1.7; }
@media(max-width:1100px) { .delivery-layout { gap:35px; }.delivery-visual { padding:24px; }.delivery-art { height:270px; } }
@media(max-width:700px) { .offer-delivery { margin-top:45px; padding-top:45px; }.delivery-heading { margin-bottom:32px; }.delivery-layout { grid-template-columns:1fr; gap:35px; }.delivery-steps li { grid-template-columns:50px 1fr; gap:20px; }.delivery-badge { width:46px; height:46px; border-radius:15px 11px 15px 11px; }.delivery-steps h4 { font-size:22px; }.delivery-visual { width:100%; max-width:440px; margin:auto; }.delivery-art { height:265px; }.delivery-sticker { font-size:12px; } }
@media(max-width:360px) { .delivery-visual { padding:20px; }.delivery-art { height:215px; }.delivery-sticker { padding:9px 11px; font-size:10px; }.delivery-output { gap:15px; }.delivery-output > span { font-size:11px; } }

/* Three visible collaborator videos, sharing the click-to-load player. */
.collaborator-videos { padding:55px var(--gutter) 80px; }
.collaborator-heading { text-align:center; max-width:800px; margin:0 auto 45px; }
.collaborator-heading h2 { font-size:clamp(34px,4vw,54px); line-height:1.14; letter-spacing:-.04em; font-weight:550; margin-top:22px; }
.collaborator-heading h2 span { color:#b6a0ff; }
.collaborator-grid { max-width:1000px; margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:8px 0 16px; }
.collaborator-card { --video-accent:#e8bf69; display:block; position:relative; overflow:hidden; border:1px solid #ffffff20; border-bottom:3px solid var(--video-accent); border-radius:20px; background:#152131; color:#fff; text-decoration:none; box-shadow:0 10px 24px #0002; transition:transform .2s,box-shadow .2s; }
.collaborator-card:nth-child(2) { --video-accent:#b8a3ed; }.collaborator-card:nth-child(3) { --video-accent:#83b9dd; }
.collaborator-portrait { position:relative; aspect-ratio:9/11; overflow:hidden; border-radius:0; background:#091321; }
.collaborator-portrait img { display:block; width:100%; height:100%; object-fit:cover; }
.video-play { position:absolute; bottom:18px; right:18px; display:grid; place-items:center; width:58px; height:58px; padding-left:4px; background:var(--video-accent); color:#091321; border:1px solid #ffffff50; border-radius:50%; font-size:20px; box-shadow:0 0 0 5px #09132155,0 6px 20px #0004; transition:background .2s,color .2s; }
.collaborator-card:hover .video-play { background:#fff; color:#091321; }
@media(hover:hover) { .collaborator-card:hover { transform:translateY(-4px); box-shadow:0 18px 32px #0004; } }
@media(prefers-reduced-motion:reduce) { .collaborator-card,.video-play { transition:none; }.collaborator-card:hover { transform:none; } }
.collaborator-caption { padding:22px 24px 26px; }
.collaborator-caption > span { display:flex; justify-content:space-between; color:var(--video-accent); font-size:11px; font-weight:550; letter-spacing:.045em; text-transform:uppercase; margin-bottom:13px; }
.collaborator-caption h3 { font-size:23px; line-height:1.25; letter-spacing:-.035em; font-weight:550; color:#f7f7fb; }
.collaborator-grid:focus-visible { outline:3px solid #b6a0ff; outline-offset:6px; }
@media(max-width:700px) { .collaborator-videos { padding-top:35px; padding-bottom:50px; }.collaborator-heading { margin-bottom:30px; }.collaborator-grid { display:flex; overflow-x:auto; gap:18px; scroll-snap-type:x mandatory; padding:8px 0 16px; scrollbar-color:#b6a0ff #172435; }.collaborator-card { flex:0 0 82%; max-width:300px; scroll-snap-align:start; }.collaborator-caption { padding:20px; }.collaborator-caption h3 { font-size:22px; } }
.video-is-open { overflow:hidden; }
.video-dialog { margin:auto; padding:20px; width:min(430px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; border:1px solid #ffffff30; border-radius:18px; background:#101c2c; color:#fff; }
.video-dialog::backdrop { background:#000c; }
.video-dialog-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.video-dialog-header h2 { font-size:16px; line-height:1.4; font-weight:500; }
.video-close { flex-shrink:0; width:44px; height:44px; border:1px solid #ffffff40; border-radius:50%; color:#fff; background:transparent; font-size:28px; cursor:pointer; }
.video-player { width:100%; max-width:calc((100dvh - 190px) * .5625); min-width:200px; margin:auto; aspect-ratio:9/16; background:#000; }
.video-player iframe { display:block; border:0; width:100%; height:100%; }
.video-dialog-footer { margin-top:16px; font-size:12px; color:#c0c8d6; }.video-youtube-link { color:#c7b7ff; }.video-transcript { margin-top:16px; }.video-transcript summary { cursor:pointer; }.video-transcript p { line-height:1.8; margin-top:14px; }
@media(max-width:700px) { .video-dialog { padding:16px; } }

/* Strategy refinement: early client proof and a clearer Sprint-to-Engine path. */
.launch-copy h1 { font-size:clamp(44px,4.4vw,64px); line-height:1.08; }
.launch-copy > .hero-deliverable { margin:24px 0; font-size:18px; color:#fff; font-weight:550; }
.hero-deliverable small { display:block; margin-top:7px; font-size:11px; line-height:1.5; color:#a9b3c3; font-weight:400; }
.client-proof { padding:0 var(--gutter); }
.client-proof-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1200px; margin:auto; border-block:1px solid #ffffff25; }
.client-proof figure { margin:0; padding:28px 24px; display:flex; flex-direction:column; gap:22px; border-right:1px solid #ffffff20; }
.client-proof figure:first-child { padding-left:0; }.client-proof figure:last-child { border-right:0; padding-right:0; }
.client-proof blockquote { margin:0; font-size:16px; line-height:1.55; color:#ececf4; }
.client-proof figcaption { margin-top:auto; font-size:12px; line-height:1.6; }.client-proof figcaption strong { display:block; color:#c7b7ff; font-weight:550; }.client-proof figcaption span { color:#a9b3c3; }
.project-preview-art { min-height:400px; }.project-preview-copy { padding-block:30px; }.project-thinking { gap:14px; }.preview-primary { top:40px; }.preview-secondary { bottom:30px; }
.collaborator-grid { grid-template-columns:1.2fr 1fr 1fr; align-items:center; max-width:1050px; }
.collaborator-person { margin-top:18px; padding-top:15px; border-top:1px solid #ffffff20; font-size:16px; color:#fff; }.collaborator-person small { display:block; margin-top:5px; color:#b8c2d0; font-size:12px; line-height:1.4; }
.method-compact { padding-block:55px; border-block:1px solid #ffffff18; }
.method-compact .launch-section-head { margin-bottom:28px; }.method-compact h2 { font-size:clamp(30px,3vw,42px); }
.method-compact .method-steps { gap:24px; }
.method-compact .method-steps article { padding:20px 0; border-radius:0; border-top:2px solid #b6a0ff; background:transparent; }
.method-compact .method-steps article:nth-child(2) { border-color:#ffb0cb; }.method-compact .method-steps article:nth-child(3) { border-color:#ffb26e; }
.method-compact .method-number { font-size:15px; color:#c7b7ff; }.method-compact .method-steps h3 { font-size:22px; margin:18px 0 10px; }.method-compact .method-steps p { color:#b8c2d0; font-size:15px; }
.offer-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:stretch; }
.model-card.engine-card { border:2px solid #b6a0ff; background:#202c46; box-shadow:0 16px 55px #0002; padding:clamp(26px,3vw,42px); }
.model-card.is-lead .model-feats { grid-template-columns:1fr; margin-top:1.6rem; }.model-card.is-lead .model-feats li { font-size:16px; }.model-card.is-lead .model-price { font-size:clamp(46px,4.5vw,64px); }
.model-top { flex-wrap:wrap; }.model-type { letter-spacing:.09em; }.model-card.is-lead .model-type { color:#c7b7ff; }.model-price { flex-wrap:wrap; }
.sprint-credit { max-width:var(--maxw); margin:24px auto 0; padding:28px 32px; border:1px solid #b6a0ff55; border-radius:14px; background:#b6a0ff0c; }
.sprint-credit > span { color:#c7b7ff; font-size:12px; }.sprint-credit h3 { font-size:26px; font-weight:550; letter-spacing:-.03em; margin:12px 0; }.sprint-credit p { color:#bdc7d6; font-size:16px; line-height:1.7; max-width:85ch; }.sprint-credit strong { color:#fff; font-weight:550; }
.delivery-heading h3 > span { color:#b6a0ff; }
.fit-check { padding:60px var(--gutter) 75px; scroll-margin-top:100px; }.fit-check > h2 { max-width:1120px; margin:0 auto 30px; font-size:clamp(34px,4vw,52px); letter-spacing:-.04em; font-weight:550; }
.fit-columns { max-width:1120px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:36px; }.fit-columns > div { padding:28px 30px; border-top:2px solid #8dd8bc; background:#13242b; border-radius:0 0 14px 14px; }.fit-columns > div:last-child { border-color:#dca1ae; background:#211f2e; }.fit-columns h3 { color:#a8e1cb; font-size:22px; font-weight:550; margin-bottom:20px; }.fit-columns > div:last-child h3 { color:#e5b7c1; }.fit-columns ul { list-style:none; }.fit-columns li { position:relative; padding-left:22px; margin:14px 0; color:#c5cdd9; font-size:16px; line-height:1.6; }.fit-columns li::before { content:'↗'; position:absolute; left:0; color:#a8e1cb; }.fit-columns > div:last-child li::before { content:'–'; color:#e5b7c1; }
@media(max-width:920px) { .client-proof-grid { grid-template-columns:1fr 1fr; }.client-proof figure { padding:24px; }.client-proof figure:first-child { padding-left:24px; }.client-proof figure:nth-child(2) { border-right:0; }.client-proof figure:nth-child(-n+2) { border-bottom:1px solid #ffffff20; }.offer-grid { grid-template-columns:1fr; }.project-preview-art { min-height:360px; } }
@media(max-width:700px) { .launch-copy h1 { font-size:clamp(36px,8.8vw,56px); }.launch-copy > .hero-deliverable { font-size:17px; }.client-proof figure { padding:22px 16px; }.client-proof figure:first-child { padding-left:16px; }.client-proof blockquote { font-size:14px; }.client-proof figcaption { font-size:11px; }.method-compact { padding-block:40px; }.method-compact .method-steps { gap:0; }.method-compact .method-steps article { padding:20px 0; }.method-compact .method-steps h3 { margin-top:10px; }.sprint-credit { padding:24px; }.sprint-credit h3 { font-size:24px; }.fit-columns { grid-template-columns:1fr; gap:20px; }.fit-check { padding-block:45px; }.fit-columns > div { padding:25px; }.project-preview-art { min-height:300px; } }
.model-price span { letter-spacing:normal; font-weight:400; }
.client-proof { padding-top:40px; }

/* A quieter reading column, expressive artwork and client quote cards. */
.launch-hero { padding-top:140px; padding-bottom:45px; }
.launch-hero-inner { grid-template-columns:1.12fr 1fr; gap:80px; }
.hero-labels { margin-bottom:28px; }
.launch-copy .hero-labels .hero-sticker { background:transparent; color:#bdd1e6; border:1px solid #7292b04d; border-radius:100px; padding:8px 13px; letter-spacing:.025em; }
.launch-copy h1 { font-size:clamp(46px,4.5vw,66px); line-height:1.04; margin-bottom:28px; }
.launch-copy h1 .hero-problem { display:block; font-size:clamp(19px,1.65vw,24px); line-height:1.4; letter-spacing:-.025em; font-weight:450; color:#bdc7d6; margin-bottom:18px; }
.launch-copy h1 .hero-emphasis { color:#c3afff; }
.launch-copy > p { font-size:18px; line-height:1.65; max-width:42ch; }
.launch-small { font-size:11px; max-width:45ch; margin-top:22px; color:#aeb9c8; }
.hero-visual { min-width:0; }
.hero-visual .creative-board { height:540px; width:100%; }
.client-proof { padding-top:25px; padding-bottom:15px; }
.client-proof-grid { gap:16px; border:0; max-width:1200px; align-items:stretch; }
.client-proof figure,.client-proof figure:first-child,.client-proof figure:last-child { padding:25px; border:0; border-radius:16px; background:#c4b1f4; color:#211b35; gap:25px; }
.client-proof figure:nth-child(2) { background:#ffce78; color:#32240d; }.client-proof figure:nth-child(3) { background:#a7d4f0; color:#142b3c; }.client-proof figure:nth-child(4) { background:#f2b5c8; color:#391d2a; }
.client-proof figure:nth-child(-n+2) { border-bottom:0; }
.client-proof blockquote { color:inherit; font-size:17px; line-height:1.5; letter-spacing:-.015em; }
.client-proof blockquote strong { font-weight:650; }
.client-proof figcaption { border-top:1px solid #0002; padding-top:16px; font-size:11px; }
.client-proof figcaption strong { color:inherit; font-size:14px; margin-bottom:3px; }
.client-proof figcaption span { color:inherit; opacity:.85; }
@media(max-width:1100px) { .launch-hero-inner { gap:45px; }.hero-visual .creative-board { height:490px; }.hero-sprint-note { flex-direction:column; align-items:flex-start; gap:9px; }.hero-sprint-note small br { display:none; } }
@media(max-width:920px) { .launch-hero-inner { grid-template-columns:1fr; gap:45px; }.launch-copy { max-width:680px; }.launch-copy h1 { font-size:clamp(46px,7.5vw,64px); }.hero-visual { max-width:500px; width:100%; margin:auto; }.hero-visual .creative-board { height:600px; }.hero-sprint-note { flex-direction:row; align-items:center; }.hero-sprint-note small { max-width:180px; }.client-proof-grid { gap:16px; } }
@media(max-width:600px) { .launch-hero { padding-top:120px; padding-bottom:25px; }.launch-copy h1 { font-size:clamp(36px,9.6vw,52px); margin-bottom:23px; }.launch-copy h1 .hero-problem { font-size:19px; margin-bottom:14px; }.hero-labels { margin-bottom:24px; }.launch-copy > p { font-size:17px; }.launch-small { font-size:11px; }.hero-visual .creative-board { height:450px; }.hero-sprint-note { padding:16px; gap:12px; }.hero-sprint-note strong { font-size:16px; }.hero-sprint-note small { max-width:120px; font-size:9px; }.client-proof-grid { grid-template-columns:1fr; gap:14px; }.client-proof figure,.client-proof figure:first-child,.client-proof figure:last-child { padding:25px; gap:22px; }.client-proof blockquote { font-size:21px; line-height:1.4; }.client-proof figcaption { font-size:12px; } }
@media(max-width:360px) { .hero-visual .creative-board { height:390px; }.hero-sprint-note { flex-direction:column; align-items:flex-start; }.hero-sprint-note small { max-width:none; } }
@media(min-width:921px) { .hero-visual .board-disclosure { bottom:-43px; }.hero-sprint-note { margin-top:60px; } }

/* Consistent video cards and roomier method and offer introductions. */
.collaborator-grid { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.collaborator-card { display:flex; flex-direction:column; }
.collaborator-portrait { flex-shrink:0; }
.collaborator-caption { display:flex; flex-direction:column; flex:1; padding:24px; }
.collaborator-caption h3 { min-height:2.5em; }
.collaborator-person { margin-top:auto; padding-top:18px; }
.collaborator-caption h3 + .collaborator-person { margin-top:22px; }
.method-compact { padding-block:95px; border:0; }
.method-compact .launch-section-head { margin-bottom:48px; max-width:820px; }
.method-compact .launch-kicker { display:block; margin-bottom:22px; color:#c7b7ff; }
.method-compact h2 { font-size:clamp(38px,4.2vw,58px); line-height:1.1; }
.method-compact .launch-section-head > p { margin-top:26px; max-width:57ch; line-height:1.75; font-size:17px; }
.method-compact .method-steps { gap:24px; }
.method-compact .method-steps article { padding:34px; border:0; border-radius:20px; background:#c4b1f4; color:#251b3c; }
.method-compact .method-steps article:nth-child(2) { background:#ffcf86; color:#372613; }
.method-compact .method-steps article:nth-child(3) { background:#a9d7e9; color:#17313d; }
.method-compact .method-number { display:grid; place-items:center; width:50px; height:50px; border-radius:50%; border:1px solid #0003; color:inherit; font-size:15px; font-weight:550; }
.method-compact .method-steps h3 { margin:40px 0 20px; font-size:clamp(23px,2.1vw,29px); line-height:1.15; letter-spacing:-.035em; color:inherit; max-width:15ch; }
.method-compact .method-steps p { color:inherit; opacity:.88; font-size:16px; line-height:1.7; }
.offer { padding-top:95px; }
.offer > .wrap { text-align:center; }
.offer-head { display:block; max-width:880px; margin:28px auto 0; text-align:center; }
.offer-headline { font-size:clamp(38px,4.6vw,64px); line-height:1.13; }
.offer-headline .ser { display:inline-block; margin-top:8px; color:#c7b7ff; }
.offer-intro { max-width:53ch; margin:30px auto 0; padding:0; font-size:18px; line-height:1.75; }
.offer-fit { max-width:760px; margin:36px auto 0; padding:24px 30px; border-block:1px solid #ffffff1c; text-align:center; color:#b4c0d0; font-size:15px; line-height:1.8; }
.offer-grid { margin-top:54px; }
@media(max-width:920px) { .method-compact { padding-block:75px; }.method-compact .method-steps { gap:18px; }.method-compact .method-steps article { padding:28px; }.offer { padding-top:75px; } }
@media(max-width:700px) { .collaborator-caption { padding:22px; }.method-compact { padding-block:60px; }.method-compact .launch-section-head { margin-bottom:32px; }.method-compact .launch-section-head > p { font-size:16px; margin-top:22px; }.method-compact .method-steps { grid-template-columns:1fr; gap:18px; }.method-compact .method-steps article { padding:28px; }.method-compact .method-number { width:44px; height:44px; }.method-compact .method-steps h3 { margin:25px 0 16px; font-size:27px; max-width:20ch; }.offer { padding-top:65px; }.offer-head { margin-top:25px; }.offer-headline { font-size:clamp(34px,8.7vw,46px); }.offer-intro { font-size:16px; margin-top:25px; }.offer-fit { padding:22px 8px; margin-top:28px; font-size:14px; }.offer-grid { margin-top:35px; } }
.method-compact .method-number { justify-content:center; }

/* Phone layout: intentional reading widths, compact artwork and swipeable proof. */
.mobile-rail-label { display:none; }
.client-proof-grid:focus-visible { outline:2px solid #c7b7ff; outline-offset:5px; }
@media(max-width:600px) {
 .launch-hero { padding-top:108px; padding-bottom:48px; }
 .launch-hero-inner { gap:32px; }
 .hero-labels { margin-bottom:22px; }
 .launch-copy h1 { font-size:clamp(34px,9.5vw,46px); line-height:1.08; letter-spacing:-.045em; margin-bottom:22px; text-wrap:balance; }
 .launch-copy h1 br { display:none; }
 .launch-copy h1 .hero-problem { font-size:17px; letter-spacing:-.02em; margin-bottom:14px; }
 .launch-copy > p { font-size:16px; line-height:1.6; max-width:none; }
 .launch-actions { margin-top:24px; gap:22px; }
 .launch-actions .btn { min-height:50px; padding:15px 22px; }
 .launch-small { max-width:none; font-size:11px; line-height:1.6; margin-top:18px; }
 .hero-visual { width:88%; max-width:340px; padding-top:8px; }
 .hero-visual .creative-board { height:clamp(330px,95vw,390px); }
 .hero-visual .board-disclosure { bottom:-30px; font-size:9px; }
 .client-proof { padding-top:14px; padding-bottom:20px; }
 .mobile-rail-label { display:flex; justify-content:space-between; gap:12px; font-size:12px; line-height:1.4; color:#d2d8e1; margin:0 0 14px; }
 .mobile-rail-label > span { color:#a6b1c2; font-size:11px; }
 .client-proof-grid { display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:12px; scrollbar-width:thin; scrollbar-color:#a38ad5 #172435; }
 .client-proof figure,.client-proof figure:first-child,.client-proof figure:last-child { flex:0 0 86%; min-width:0; padding:24px; gap:24px; scroll-snap-align:start; }
 .client-proof blockquote { font-size:20px; line-height:1.4; }
 .client-proof figcaption { font-size:11px; }
 .selected-work { padding-top:48px; padding-bottom:48px; }
 .launch-section-head { text-align:left; margin-bottom:30px; }
 .launch-section-head h2 { font-size:34px; line-height:1.12; text-wrap:balance; }
 .launch-section-head > p { font-size:15px; line-height:1.65; margin-top:22px; text-align:left; }
 .launch-section-head > p small { font-size:11px; line-height:1.6; margin-top:12px; }
 .project-list { gap:22px; }
 .project-preview { display:flex; flex-direction:column; border-radius:18px; }
 .project-preview-art { order:-1; min-height:285px; flex-shrink:0; }
 .preview-primary { width:42%; top:28px; left:8%; }.preview-secondary { width:42%; right:8%; bottom:25px; }
 .project-art-tag { font-size:11px; }
 .project-preview-copy { padding:24px; }
 .project-preview h3 { font-size:32px; margin:12px 0 20px; }
 .project-thinking { gap:17px; }
 .project-thinking dd { font-size:14px; line-height:1.6; }
 .project-thinking > div:last-child dd { font-size:19px; }
 .project-link { margin-top:22px; min-height:44px; }
 .project-count { margin-top:14px; }
 .collaborator-videos { padding-top:35px; padding-bottom:45px; }
 .collaborator-heading { text-align:left; margin-bottom:24px; }
 .collaborator-heading h2 { font-size:32px; line-height:1.15; text-wrap:balance; }
 .collaborator-heading h2 br { display:none; }
 .collaborator-grid { padding-top:0; gap:14px; }
 .collaborator-card { flex-basis:86%; }
 .collaborator-portrait { aspect-ratio:1; }
 .collaborator-caption { padding:21px; }
 .collaborator-caption h3 { font-size:21px; }
 .collaborator-caption h3 + .collaborator-person { margin-top:16px; }
 .method-compact { padding-block:45px; }
 .method-compact .launch-section-head { text-align:left; margin-bottom:28px; }
 .method-compact .launch-kicker { margin-bottom:18px; }
 .method-compact h2 { font-size:36px; }
 .method-compact .launch-section-head > p { margin-top:20px; text-align:left; font-size:15px; }
 .method-compact .method-steps article { display:grid; grid-template-columns:36px 1fr; gap:15px; padding:24px; }
 .method-compact .method-number { width:34px; height:34px; font-size:12px; }
 .method-compact .method-steps h3 { margin:0; max-width:none; font-size:24px; line-height:1.2; align-self:center; }
 .method-compact .method-steps p { grid-column:1/-1; font-size:15px; line-height:1.6; }
 .offer { padding-block:52px; }
 .offer > .wrap,.offer-head { text-align:left; }
 .offer-headline { font-size:35px; line-height:1.12; text-wrap:balance; }
 .offer-headline .ser { margin-top:6px; }
 .offer-intro { margin-top:22px; font-size:15px; line-height:1.65; }
 .offer-fit { text-align:left; margin-top:25px; padding:18px 0; font-size:13px; line-height:1.7; }
 .offer-grid { gap:22px; margin-top:28px; }
 .model-card,.model-card.engine-card { padding:25px; border-radius:18px; }
 .model-top { gap:10px; }.model-type,.model-when { font-size:10px; letter-spacing:.08em; }
 .model-name,.model-card.is-lead .model-name { font-size:29px; margin-top:24px; }
 .model-price,.model-card.is-lead .model-price { font-size:44px; line-height:1.1; margin-top:14px; }
 .model-price span { font-size:14px; }
 .model-desc,.model-card.is-lead .model-desc { font-size:15px; line-height:1.6; margin-top:18px; }
 .model-feats,.model-card.is-lead .model-feats { margin-top:24px; }
 .model-feats li,.model-card.is-lead .model-feats li { font-size:14px; line-height:1.6; padding:12px 0; gap:10px; }
 .model-cta .btn,.model-card.is-lead .model-cta .btn { font-size:14px; padding:16px; min-height:50px; }
 .sprint-credit { padding:24px; }.sprint-credit h3 { font-size:25px; }.sprint-credit p { font-size:14px; }
 .offer-note { font-size:12px; }
 .delivery-heading { text-align:left; }.delivery-heading h3 { font-size:34px; }.delivery-heading p { font-size:14px; }
 .delivery-steps li { gap:16px; }.delivery-steps h4 { font-size:22px; }.delivery-steps p { font-size:14px; }
 .fit-check { padding-block:45px; }.fit-check > h2 { font-size:34px; }.fit-columns li { font-size:15px; }
 .faq { padding-block:45px; }.faq-headline { font-size:36px; }.faq-list summary { font-size:17px; line-height:1.45; }.faq-list details p { font-size:15px; line-height:1.7; }
 .cta.on-paper { margin:12px; padding:52px 24px; border-radius:22px; }
 .cta .cta-headline { font-size:36px; line-height:1.1; text-wrap:balance; }
 .cta-sub { font-size:15px; line-height:1.7; }.cta-email { font-size:15px; }.cta-note { font-size:11px; }
 .cta-art img { width:95px; opacity:.45; }.cta-art img:first-child { top:-52px; }.cta-art img:last-child { bottom:-60px; }
}

.engine-anchor { margin-top:24px; padding:18px 20px; border-left:2px solid #c7b7ff; background:#b6a0ff0c; border-radius:0 8px 8px 0; color:#e0d6ff; font-size:15px; line-height:1.6; }
@media(max-width:600px) { .engine-anchor { padding:16px; font-size:14px; } }

/* Hero reel: a square motion loop in place of the static creative board. */
.hero-reel { position:relative; width:100%; aspect-ratio:1; margin:0; }
.hero-reel-video { display:block; width:100%; height:100%; object-fit:cover; border-radius:22px; border:1px solid #ffffff12; background:#091321; }
.hero-reel-toggle { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:34px; height:34px; padding:0; border-radius:50%; border:1px solid #ffffff26; background:#0d1829d9; color:#e3e8f1; cursor:pointer; opacity:.75; transition:opacity .2s; }
.hero-reel-toggle:hover,.hero-reel-toggle:focus-visible { opacity:1; }
.hero-reel-toggle:focus-visible { outline:2px solid #c7b7ff; outline-offset:3px; }
.hero-reel-toggle svg { width:13px; height:13px; fill:currentColor; }
.hero-reel-toggle .i-play,.hero-reel-toggle.is-paused .i-pause { display:none; }
.hero-reel-toggle.is-paused .i-play { display:block; }
@media(max-width:600px) { .hero-reel-video { border-radius:16px; }.hero-reel-toggle { right:10px; bottom:10px; width:30px; height:30px; } }

/* ---- Design review pass: conversion and consistency fixes ---- */

/* Hero: make the first step concrete (scope, time, price) right next to the CTA. */
.hero-offer { display:inline-flex; align-items:center; gap:12px; margin-top:26px; padding:6px 16px 6px 6px; border-radius:100px; border:1px solid #ffffff1f; background:#0f1c2e; color:#dbe2ec; font-size:14px; line-height:1.35; text-decoration:none; transition:border-color .2s,background-color .2s; }
.hero-offer:hover { border-color:#c3afff73; background:#132238; }
.hero-offer:focus-visible { outline:2px solid #c7b7ff; outline-offset:3px; }
.hero-offer-tag { flex:none; padding:5px 10px; border-radius:100px; background:#c4b1f4; color:#211b35; font-size:12px; font-weight:600; }
.hero-offer-arrow { flex:none; color:#c3afff; transition:transform .2s; }
.hero-offer:hover .hero-offer-arrow { transform:translateX(3px); }
.launch-copy .launch-small { display:block; max-width:none; margin-top:14px; font-size:13px; }
@media(max-width:600px) { .hero-offer { border-radius:18px; font-size:13px; gap:10px; margin-top:22px; }.launch-copy .launch-small { font-size:12px; } }

/* Work: a CTA at the moment of peak interest, not five sections later. */
.work-cta { max-width:1120px; margin:56px auto 0; display:flex; align-items:center; justify-content:space-between; gap:32px; padding:28px 32px; border-radius:22px; border:1px solid #ffffff14; background:linear-gradient(180deg,#132036,#0f1a2c); }
.work-cta p { font-size:22px; font-weight:600; line-height:1.3; letter-spacing:-.025em; color:#f4f6fb; }
.work-cta p span { display:block; margin-top:6px; font-size:15px; font-weight:400; line-height:1.55; letter-spacing:0; color:#aeb9c8; }
.work-cta .btn { flex:none; }
@media(max-width:700px) { .work-cta { flex-direction:column; align-items:flex-start; gap:20px; margin-top:36px; padding:24px; }.work-cta p { font-size:19px; } }

/* One section-label style and one headline-accent style across the page. */
.offer > .wrap { text-align:center; }
.offer > .wrap .launch-kicker { margin-bottom:20px; }
.faq .launch-kicker { margin-bottom:4px; }
.delivery-heading .launch-kicker { margin-bottom:14px; }
.fit-check > .launch-kicker { max-width:1120px; margin:0 auto 12px; }
.launch-method .launch-section-head h2 > span { font-family:inherit; font-style:normal; font-weight:inherit; font-size:inherit; letter-spacing:inherit; color:#b4a1fb; }
.faq-headline .ser,.fit-check h2 span { color:#b4a1fb; }


/* Closing CTA: white on lavender was ~2.5:1. Deep violet keeps the two-tone line at ~5.9:1. */
.cta .cta-headline .ser { color:#2a1d63; }

/* Proof bar: a face beside each name. */
.client-proof figcaption { display:flex; align-items:flex-start; gap:12px; }
.proof-avatar { flex:none; width:40px; height:40px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #ffffff8c; }
.proof-who { min-width:0; min-height:61px; }  /* room for a two-line role, so every card's divider lines up */
.proof-who strong,.proof-who span { display:block; }

/* ---- Usage-led pass: one obvious next step, less to read at the decision point ---- */

.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* One colour means "book": the nav button matches every other primary CTA. */
.nav-cta { background:#ff6a1b; }
.nav-cta:hover { background:#ff8848; }

/* Pricing: the Sprint is the entry offer, so it carries the emphasis and the orange button.
   The Engine is the next step and reads as secondary. */
@media(min-width:921px) { .offer-grid { grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); } }
.model-card.sprint-card { border:2px solid #b6a0ff; background:#202c46; box-shadow:0 16px 55px #0002; padding:clamp(26px,3vw,42px); }
.model-card.engine-card { border:1px solid #354255; background:#192739; box-shadow:none; padding:clamp(26px,3vw,42px); }
.engine-card .model-cta .btn { background:transparent; border:1px solid #ffffff40; color:#f4f6fb; box-shadow:none; }
.engine-card .model-cta .btn:hover { border-color:#fff; background:#ffffff0d; }
.model-cta-note { margin-top:12px; text-align:center; font-size:13px; color:#aeb9c8; }

/* The full scope sits behind a disclosure so the cards stay scannable. */
.model-more { margin-top:18px; }
.model-more summary { display:inline-flex; align-items:center; gap:8px; padding:6px 0; font-size:14px; font-weight:500; color:#c7b7ff; cursor:pointer; list-style:none; }
.model-more summary::-webkit-details-marker { display:none; }
.model-more summary::after { content:'+'; font-size:18px; line-height:1; }
.model-more[open] summary::after { content:'\2212'; }
.model-more summary:hover { color:#e0d6ff; }
.model-more summary:focus-visible { outline:2px solid #c7b7ff; outline-offset:3px; border-radius:4px; }
.model-more ul { list-style:none; margin:10px 0 0; padding:0; }
.model-more li { position:relative; padding:6px 0 6px 18px; font-size:14px; line-height:1.55; color:#b9c4d3; }
.model-more li::before { content:'·'; position:absolute; left:4px; color:#c7b7ff; }

/* Comparison: the alternatives a buyer is already weighing, in the same terms. */
.alt-compare { max-width:1120px; margin:64px auto 0; }
.alt-compare-head { text-align:center; margin-bottom:32px; }
.alt-compare-head .launch-kicker { margin-bottom:14px; }
.alt-compare-head h3 { font-size:clamp(30px,3vw,40px); font-weight:550; letter-spacing:-.04em; line-height:1.12; }
.alt-compare-head p { max-width:52ch; margin:14px auto 0; font-size:15px; line-height:1.7; color:#b4c0d0; }
.alt-compare-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.alt-compare-grid > li { display:flex; flex-direction:column; padding:24px; border:1px solid #2c3a4f; border-radius:18px; background:#121e2e; }
.alt-compare-grid > li.is-kalvano { border:2px solid #b6a0ff; background:#202c46; }
.alt-compare-tag { font-size:11px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; color:#9ca7b8; }
.is-kalvano .alt-compare-tag { color:#c7b7ff; }
.alt-compare-grid h4 { margin:12px 0 18px; font-size:19px; font-weight:550; line-height:1.3; letter-spacing:-.02em; color:#dfe5ee; }
.is-kalvano h4 { color:#fff; }
.alt-compare-grid dl { margin:0; }
.alt-compare-grid dl > div { padding:10px 0; border-top:1px solid #ffffff14; }
.alt-compare-grid dt { font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#8793a5; }
.alt-compare-grid dd { margin:4px 0 0; font-size:14px; line-height:1.5; color:#b9c4d3; }
.is-kalvano dd { color:#f4f6fb; }
@media(max-width:1000px) { .alt-compare-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:600px) {
 .alt-compare { margin-top:48px; }
 .alt-compare-head { text-align:left; margin-bottom:22px; }
 .alt-compare-head h3 { font-size:30px; }
 .alt-compare-head p { margin-left:0; font-size:14px; }
 /* a swipeable row like the other phone carousels; Kalvano first, the next card peeks in */
 .alt-compare-grid { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 0 14px; scrollbar-color:#b6a0ff #172435; }
 .alt-compare-grid:focus-visible { outline:2px solid #c7b7ff; outline-offset:4px; }
 .alt-compare-grid > li { flex:0 0 84%; scroll-snap-align:start; padding:20px; }
 .alt-compare-grid > li.is-kalvano { order:-1; }
 .alt-compare-grid h4 { font-size:18px; margin:10px 0 12px; }
 /* the three criteria sit side by side so each option stays one short card */
 .alt-compare-grid dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 .alt-compare-grid dl > div { padding:10px 0 0; }
 .alt-compare-grid dd { font-size:13px; }
}

/* Sprint timeline: four steps in a row; the illustration beside it repeated the cards and the work. */
.offer-delivery .delivery-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.offer-delivery .delivery-steps li { grid-template-columns:1fr; align-content:start; gap:14px; padding:22px 0 0; border-bottom:0; border-top:1px dashed #ffffff25; }
.offer-delivery .delivery-steps li:first-child { padding-top:22px; }
.offer-delivery .delivery-steps li:last-child { padding-bottom:0; }
.offer-delivery .delivery-steps h4 { font-size:21px; }
@media(max-width:920px) { .offer-delivery .delivery-steps { grid-template-columns:1fr 1fr; row-gap:32px; } }
@media(max-width:600px) {
 .offer-delivery .delivery-steps { grid-template-columns:1fr; row-gap:0; }
 .offer-delivery .delivery-steps li { grid-template-columns:44px 1fr; gap:16px; padding:16px 0; border-top:0; border-bottom:1px dashed #ffffff25; }
 .offer-delivery .delivery-steps li:first-child { padding-top:0; }
 .offer-delivery .delivery-steps li:last-child { border-bottom:0; }
 .offer-delivery .delivery-badge { width:40px; height:40px; border-radius:14px 10px 14px 10px; margin-top:2px; }
 .offer-delivery .delivery-badge svg { width:20px; height:20px; }
 .offer-delivery .delivery-steps h4 { font-size:19px; margin:2px 0 4px; }
}

/* FAQ: an action where the questions are. */
.faq-aside { margin-top:22px; max-width:30ch; font-size:15px; line-height:1.65; color:#aeb9c8; }
.faq-aside a { color:#f4f6fb; text-decoration:underline; text-decoration-color:#c7b7ff; text-underline-offset:3px; }
.faq-aside a:hover { color:#c7b7ff; }

/* Hero: calmer without new words. The CTA is the only filled shape, supporting text shares
   one secondary colour, and the offer and audience lines read as one quiet block. */
.launch-copy h1 .hero-problem { color:#9fabbc; }
.launch-copy > p { color:#9fabbc; font-size:18px; line-height:1.6; max-width:46ch; }
.launch-actions { margin-top:36px; }
.hero-offer { margin-top:40px; padding:0; border:0; border-radius:0; background:none; gap:10px; font-size:14px; color:#dbe2ec; }
.hero-offer:hover { background:none; }
.hero-offer:hover .hero-offer-text { text-decoration:underline; text-decoration-color:#c3afff; text-underline-offset:4px; }
.hero-offer-tag { padding:0; border-radius:0; background:none; color:#c3afff; font-size:14px; font-weight:600; }
.launch-copy .launch-small { margin-top:6px; font-size:14px; color:#8793a5; }
@media(max-width:600px) {
 .launch-copy > p { font-size:16px; }
 .hero-offer { display:block; margin-top:28px; font-size:13px; line-height:1.55; }
 .hero-offer-tag { display:inline; margin-right:8px; font-size:13px; }
 .hero-offer-arrow { display:inline-block; margin-left:6px; }
 .launch-copy .launch-small { font-size:13px; }
}

/* Comparison: Kalvano takes the page's bright card treatment (the same lavender as the first
   quote and Method cards); the alternatives stay dark, so the answer pops against the options. */
.alt-compare-grid > li.is-kalvano { border:0; background:#c4b1f4; color:#211b35; box-shadow:0 18px 50px #c4b1f41f; }
.is-kalvano .alt-compare-tag { align-self:flex-start; padding:5px 10px; border-radius:100px; background:#211b35; color:#e6ddff; }
.is-kalvano h4 { color:#211b35; font-weight:600; }
.is-kalvano dl > div { border-top-color:#211b3526; }
.is-kalvano dt { color:#4a3d72; }
.is-kalvano dd { color:#211b35; font-weight:600; }
.alt-compare-grid > li:not(.is-kalvano) h4 { color:#c3ccd8; }
.alt-compare-grid > li:not(.is-kalvano) dd { color:#9ca7b8; }
.is-kalvano .alt-compare-tag { margin:-5px 0; }   /* the pill adds no height, so rows line up across cards */
/* phones: one row per criterion, label left and answer right, instead of three cramped columns */
@media(max-width:600px) {
 .alt-compare-grid dl { display:block; }
 .alt-compare-grid dl > div { display:flex; justify-content:space-between; align-items:baseline; gap:16px; padding:10px 0; }
 .alt-compare-grid dt { flex:none; }
 .alt-compare-grid dd { margin:0; text-align:right; }
}

/* Clear choices: relevant proof, visible terms and optional comparison details. */
.client-proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:1000px; }
.client-proof figure:first-child { background:#a7d4f0; color:#142b3c; }
.client-proof figure:last-child { background:#f2b5c8; color:#391d2a; }
.decision-quote { margin:24px 0; padding:24px; border-radius:16px; background:#c4b1f4; color:#211b35; }
.decision-quote-label { display:block; margin-bottom:14px; font-size:11px; letter-spacing:.04em; }
.decision-quote blockquote { margin:0; font-size:18px; line-height:1.55; }
.decision-quote blockquote strong { font-weight:650; }
.decision-quote figcaption { display:flex; align-items:center; gap:12px; margin-top:20px; padding-top:16px; border-top:1px solid #211b3520; }
.decision-quote .proof-who { min-height:0; }
.decision-quote .proof-who strong { font-size:14px; margin-bottom:3px; }
.decision-quote .proof-who span { font-size:11px; line-height:1.5; }
.work-quote { max-width:1200px; margin:0 auto 32px; display:grid; grid-template-columns:minmax(0,1fr) 240px; column-gap:35px; }
.work-quote .decision-quote-label { grid-column:1/-1; }
.work-quote figcaption { margin:0; padding:0 0 0 24px; border:0; border-left:1px solid #211b3520; }
.engine-quote { background:#ffce78; color:#32240d; margin-top:24px; }
.engine-quote blockquote { font-size:17px; }
.alt-compare { padding:0; border-block:1px solid #ffffff25; }
.alt-compare > summary { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; position:relative; padding:24px 40px 24px 0; list-style:none; color:#f4f6fb; font-size:21px; font-weight:550; cursor:pointer; }
.alt-compare > summary::-webkit-details-marker { display:none; }
.alt-compare > summary > span { color:#aeb9c8; font-size:14px; font-weight:400; }
.alt-compare > summary::after { content:'+'; position:absolute; right:4px; font-size:26px; color:#c7b7ff; }
.alt-compare[open] > summary::after { content:'−'; }
.alt-compare > summary:focus-visible { outline:2px solid #c7b7ff; outline-offset:5px; }
.alt-compare-head { margin-top:20px; }.alt-compare-grid { padding-bottom:28px; }
@media(max-width:600px) {
 .work-quote { display:block; padding:24px; }
 .work-quote figcaption { margin-top:18px; padding:16px 0 0; border-left:0; border-top:1px solid #211b3520; }
 .decision-quote blockquote { font-size:17px; }
 .engine-quote { padding:20px; }
 .alt-compare > summary { font-size:20px; gap:8px; }
 .alt-compare > summary > span { font-size:13px; line-height:1.5; }
 .model-more summary { min-height:44px; }
}
.offer > .engine-quote { max-width:var(--maxw); margin:24px auto 0; display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:24px; align-items:center; }
.offer > .engine-quote figcaption { margin:0; padding:0 0 0 24px; border:0; border-left:1px solid #32240d26; }
@media(max-width:600px) { .offer > .engine-quote { display:block; }.offer > .engine-quote figcaption { margin-top:18px; padding:16px 0 0; border-left:0; border-top:1px solid #32240d26; } }