/* Product adoption copy and the project inquiry composer. */
[hidden] { display: none !important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.hero { padding-top:180px; padding-bottom:80px; }
.hero-grid { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); min-height:590px; align-items:center; padding-top:32px; }
.hero-message { padding-bottom:20px; }
.hero-eyebrow { margin-bottom:28px; color:var(--muted); font:500 14px/1.6 var(--reading); letter-spacing:.015em; text-transform:none; }
.hero-message h1 { font-size:clamp(48px,5.45vw,88px); line-height:1.08; letter-spacing:-.065em; }
.hero-message h1 em { letter-spacing:inherit; }
.hero-under { display:block; max-width:610px; margin-top:32px; }
.hero-opening { font-size:clamp(19px,1.6vw,24px); line-height:1.5; letter-spacing:-.025em; max-width:590px; }
.hero-copy { margin-top:18px; max-width:550px; font-size:18px; line-height:1.65; color:var(--muted); }
.hero-actions { margin-top:28px; gap:28px; }
.hero-actions .button,.hero-actions .text-link { font-size:16px; }
.hero-note { font-size:14px; line-height:1.6; color:var(--muted); margin-top:18px; }
.hero-scene { margin-left:25px; height:470px; transform:scale(.92); transform-origin:center; }
.section-head h2 { font-size:clamp(38px,4.7vw,70px); line-height:1.08; }
.section-head h2 em { color:var(--rust); }
.section-head>p { max-width:430px; font-size:18px; }
.adoption-section { border-top:1px solid var(--line); }
.adoption-grid,.services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.adoption-card { padding:32px 30px; border:1px solid var(--line); border-radius:20px; background:var(--surface); }
.adoption-card .eyebrow,.service-card .eyebrow { color:var(--rust); font-size:14px; }
.adoption-card h3,.service-card h3 { margin-top:28px; font-size:28px; line-height:1.2; letter-spacing:-.04em; }
.adoption-card p,.service-card p { font-size:17px; line-height:1.7; margin-top:18px; color:var(--muted); }
.section-closing { font-size:19px; line-height:1.6; max-width:780px; margin-top:38px; }
.work-section { padding-top:45px; }
.work-grid { grid-template-columns:1fr 1fr; gap:72px 36px; }
.work-grid .work-card { width:100%; margin-top:0; }
.work-description { padding-top:23px; }
.work-description .work-role { font-size:14px; margin:0 0 10px; }
.work-description h3 { font-size:32px; }
.work-description p { font-size:17px; max-width:590px; }
.work-description .work-lead { color:var(--ink); font-size:20px; font-weight:600; }
.work-explore { margin-top:12px; padding-left:0; font-size:16px; }
.work-bottom { display:flex; justify-content:center; padding-top:40px; }
.work-bottom .work-project-cta { justify-content:center; gap:22px; min-height:72px; padding:21px 36px; font-size:clamp(18px,1.8vw,24px); font-weight:650; text-align:center; max-width:100%; }
.work-bottom .work-project-cta .icon { width:24px; height:24px; }
.work-grid .work-image { height:470px; }
.work-grid .mentor-feature { grid-column:1/-1; }
.work-grid .mentor-feature .work-image { height:500px; }
.services-section { border-top:1px solid var(--line); }
.service-card { border-top:1px solid var(--line); padding-top:28px; }
.service-card h3 { min-height:70px; }
.service-card .service-focus { border-top:1px solid var(--line); padding-top:22px; margin-top:28px; color:var(--ink); }
.services-section>.button { margin-top:42px; font-size:16px; }
.process-board { display:block; padding-top:100px; padding-bottom:100px; }
.consult .process-how { font-size:clamp(40px,5vw,74px); line-height:1.1; letter-spacing:-.05em; text-align:left; margin-bottom:80px; }
.process-row { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:70px; }
.process-research .process-problem,.process-exploration .process-value { grid-column:auto; grid-row:auto; }
.process-personas,.process-wireframes { grid-column:auto; grid-row:auto; display:grid; }
.process-research .process-problem { order:2; }
.process-card { background:none; border:0; padding:0; }
.process-card .eyebrow,.process-test .eyebrow { font-size:14px; color:#ff986f; margin-bottom:20px; }
.process-card h3,.process-test h3 { font-size:clamp(28px,3vw,43px); line-height:1.2; }
.process-card p,.process-test p,.process-finish p { font-size:18px; line-height:1.7; margin-top:22px; color:#ced2cc; }
.process-card .process-caption,.process-test .process-caption { font-size:15px; color:#aeb7ad; border-top:1px solid #ffffff26; padding-top:22px; }
.process-book { display:grid; grid-template-columns:1fr 1fr; gap:70px; margin-top:90px; padding-top:50px; border-top:1px solid #ffffff26; align-items:start; }
.process-finish p { margin-top:0; }
.process-cta { margin-top:28px; font-size:18px; padding:20px 26px; }
.testimonials-heading p { margin-top:24px; font-size:18px; color:var(--muted); }
.studio-copy h2 { font-size:clamp(40px,4.3vw,66px); }
.resource-note { font-size:14px !important; }
.contact-section { padding:110px 0 90px; background:#0b0e0c; color:#f6f3ed; }
.contact-wrap { max-width:1020px; text-align:center; }
.contact-wrap>.eyebrow { font-size:14px; color:#b7bdb7; margin-bottom:26px; }
.contact-wrap h2 { font-size:clamp(38px,5.2vw,76px); line-height:1.12; letter-spacing:-.055em; }
.contact-wrap h2 em { color:#ff8050; }
.contact-intro { margin:25px auto 40px; color:#bfc4be; font-size:18px; line-height:1.7; }
.prompt-composer { text-align:left; border:1px solid #343b34; border-radius:22px; padding:24px; background:#171b18; box-shadow:0 20px 70px #0002; transition:border-color .2s,box-shadow .2s; }
.prompt-composer:focus-within { border-color:#d87853; box-shadow:0 0 0 3px #ff805012; }
.prompt-composer textarea { display:block; width:100%; min-height:120px; max-height:300px; padding:0 2px 20px; border:0; border-radius:0; resize:vertical; background:transparent; color:#f6f3ed; font-size:18px; line-height:1.65; box-shadow:none; }
.prompt-composer textarea::placeholder { color:#9ba39a; opacity:1; }
.prompt-composer textarea:focus { outline:none; }
.prompt-email { border-top:1px solid #343b34; padding:19px 2px 22px; }
.prompt-email label { display:block; font-size:14px; margin-bottom:10px; font-weight:600; }
.prompt-email label span { font-weight:400; color:#b2bab1; margin-left:5px; }
.prompt-email input { width:100%; color:#f6f3ed; background:#101410; border:1px solid #465044; border-radius:10px; padding:12px 14px; font-size:16px; }
.prompt-email input::placeholder { color:#a0a99d; }
.prompt-email input:focus-visible { outline:2px solid #ff986f; outline-offset:3px; }
.prompt-toolbar { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.prompt-recipient { display:inline-flex; align-items:center; gap:9px; font-size:14px; color:#bfc5bc; }
.recipient-dot { width:7px; height:7px; border-radius:50%; background:#ff8050; }
.prompt-actions { display:flex; gap:10px; align-items:center; }
.add-email { display:inline-flex; align-items:center; justify-content:center; gap:7px; border:1px dashed #576050; border-radius:10px; min-height:44px; padding:8px 14px; font-size:15px; color:#d2d8ce; }
.add-email>span:first-child { font-size:24px; font-weight:400; line-height:1; }
.add-email:hover { color:#fff; border-color:#a6b09e; background:#252d24; }
.prompt-send { display:grid; place-items:center; flex:none; width:46px; height:46px; border:1px solid #ff8050; border-radius:12px; background:#ff8050; color:#111710; transition:background .2s,transform .2s; }
.prompt-send svg { width:25px; height:25px; }
.prompt-send:hover { background:#ffa17c; transform:translateY(-2px); }
.prompt-send:disabled { opacity:.5; transform:none; }
.contact-section button:focus-visible,.contact-section a:focus-visible { outline:2px solid #ffae8c; outline-offset:5px; }
.prompt-suggestions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:19px; }
.prompt-suggestions button { border:1px solid #343b34; border-radius:100px; color:#c2c8bf; background:#171b18; padding:10px 17px; min-height:44px; font-size:14px; }
.prompt-suggestions button:hover { border-color:#b4bdad; color:#fff; }
.prompt-suggestions button:disabled { opacity:.6; }
.contact-feedback { margin-top:24px; border:1px solid #586e48; border-radius:12px; padding:17px 20px; background:#1f2c1c; color:#e4f1d9; text-align:left; font-size:16px; line-height:1.6; }
.contact-feedback.is-error { background:#35241b; border-color:#a66a40; color:#ffe1cb; }
.contact-privacy { font-size:14px; line-height:1.65; color:#aeb7a8; margin-top:22px; }
.contact-privacy button { padding:0; color:#dbe0d5; font-size:14px; text-decoration:underline; text-underline-offset:3px; }
.contact-alternative { font-size:16px; line-height:2; margin-top:32px; color:#aeb7a8; }
.contact-alternative a { display:inline-block; color:#e2e7dc; margin-top:10px; text-decoration:underline; text-decoration-color:#59634f; text-underline-offset:5px; }
.contact-separator { padding-inline:16px; }
.footer-links { display:flex; justify-content:space-between; gap:30px; padding-block:42px 18px; font-size:14px; color:var(--muted); }
.footer-links>div { display:flex; flex-wrap:wrap; gap:22px; }
.footer-links a { color:var(--ink); }
.footer { border-top:0; }
.contact-thanks { min-height:80vh; padding:200px 24px 80px; max-width:900px; margin:auto; }
.contact-thanks h1 { font-size:clamp(44px,6vw,80px); line-height:1.15; }
.contact-thanks p { margin-top:26px; font-size:20px; line-height:1.6; }
.contact-thanks .button { margin-top:30px; }
@media(min-width:1600px) { .hero-scene { transform:scale(.9); } }
@media(max-width:1100px) {
  .adoption-grid,.services-grid { gap:18px; }
  .adoption-card { padding:26px 22px; }
  .process-row,.process-book { gap:40px; }
  .section-head { align-items:start; }
  .section-head>p { max-width:360px; }
}
@media(max-width:850px) {
  .hero { padding-top:150px; padding-bottom:50px; }
  .hero-grid { grid-template-columns:1fr; }
  .hero-message h1 { font-size:clamp(48px,8.9vw,76px); }
  .hero-under { max-width:600px; }
  .hero-scene { width:90%; max-width:650px; height:430px; margin:25px auto 0; transform:none; }
  .adoption-grid,.services-grid { grid-template-columns:1fr; gap:26px; }
  .adoption-card h3 { margin-top:18px; }
  .service-card h3 { min-height:0; }
  .service-card .service-focus { margin-top:18px; padding-top:15px; }
  .section-head { flex-direction:column; gap:24px; }
  .section-head>p { max-width:600px; }
  .process-row { grid-template-columns:1fr; gap:30px; }
  .process-research .process-problem { order:0; }
  .process-proof { grid-template-columns:1fr 1fr; gap:18px; }
  .process-book { grid-template-columns:1fr; gap:35px; }
  .footer-links { flex-direction:column; gap:20px; }
}
@media(max-width:600px) {
  .hero { padding-top:130px; }
  .hero-grid { padding-top:22px; }
  .hero-eyebrow { max-width:280px; font-size:14px; margin-bottom:22px; }
  .hero-message h1 { font-size:9.9vw; line-height:1.13; }
  .hero-line { white-space:normal; }
  .hero-under { margin-top:25px; }
  .hero-opening { font-size:20px; }
  .hero-copy { font-size:17px; }
  .hero-note { font-size:14px; }
  .hero-actions { gap:24px; }
  .hero-scene { height:340px; width:100%; margin-top:25px; }
  .section { padding-block:70px; }
  .section-head { margin-bottom:35px; gap:0; }
  .section-head h2,.studio-copy h2 { font-size:38px; }
  .section-head>p { font-size:17px; }
  .adoption-card { padding:27px 25px; }
  .adoption-card h3,.service-card h3 { font-size:27px; }
  .work-grid { grid-template-columns:1fr; gap:48px; }
  .work-grid .work-image,.work-grid .mentor-feature .work-image { height:350px; }
  .work-grid .mentor-feature { grid-column:1; }
  .work-mentor .image-title { font-size:38px; top:10%; }
  .work-mentor>img { width:90%; right:-16%; top:15%; height:100%; }
  .work-description h3 { font-size:30px; }
  .work-description .work-role { font-size:14px; }
  .work-bottom .work-project-cta { min-height:64px; gap:16px; padding:18px 24px; }
  .process-board { padding-block:70px; }
  .consult .process-how { font-size:40px; margin-bottom:40px; }
  .process-row { margin-top:45px; }
  .process-proof { grid-template-columns:1fr; }
  .process-card h3,.process-test h3 { font-size:30px; }
  .process-card p,.process-test p,.process-finish p { font-size:17px; }
  .process-book { margin-top:48px; padding-top:35px; }
  .testimonials-heading h2 { font-size:38px; }
  .contact-section { padding-block:75px 60px; }
  .contact-wrap h2 { font-size:38px; }
  .contact-intro { font-size:17px; margin:23px auto 30px; }
  .desktop-break { display:none; }
  .prompt-composer { padding:18px 16px 16px; border-radius:18px; }
  .prompt-composer textarea { font-size:17px; min-height:140px; }
  .prompt-recipient { font-size:13px; gap:6px; }
  .add-email { padding-inline:10px; font-size:14px; }
  .prompt-actions { gap:8px; }
  .prompt-suggestions { justify-content:flex-start; gap:8px; }
  .prompt-suggestions button { padding-inline:13px; }
  .contact-privacy { text-align:left; }
  .contact-alternative { font-size:15px; }
  .contact-separator { display:none; }
  .contact-alternative a { display:block; }
  .footer-links>div { gap:18px; }
}
@media(prefers-reduced-motion:reduce) { .prompt-composer,.prompt-send { transition:none; } }

/* Free tools copy uses the existing store layout. */
.store-intro h1{font-size:clamp(42px,6.6vw,96px);max-width:950px;line-height:1.08}
.featured-product-name{font-size:16px!important;margin:18px 0 15px!important;color:var(--muted)}
.featured-copy h2{font-size:clamp(36px,4.1vw,62px);line-height:1.12}
.subscribe-section h2{font-size:clamp(34px,4vw,58px)}
.email-row{flex-wrap:wrap}.email-row input{min-width:180px;flex:1}.email-row .store-button{font-size:15px;white-space:normal}
.review-heading{font-size:23px;margin-bottom:24px}.scorecard-result .store-text-link{margin-top:24px;line-height:1.5}
.scorecard-heading>p+p{margin-top:16px;font-size:15px}
@media(max-width:600px){.store-intro h1{font-size:44px}.featured-copy h2{font-size:39px}.subscribe-section h2{font-size:38px}.email-row .store-button{width:100%;justify-content:center}}