/* Taskovery Studio — an editorial public-site system. Portals do not load this
   sheet. Photos illustrate the service; reviews and business data stay genuine. */
body.marketing-site {
  --canvas:#FAFAF8; --surface:#FFFFFF; --surface-alt:#F3F4F1; --sunken:#F0F2F6;
  --ink:#0C1833; --ink-2:#536078; --ink-3:#637087; --hairline:#E2E5EA;
  --accent:#1B62E8; --accent-text:#1955C5; --accent-wash:#EDF3FF;
  --font-text:'Figtree',system-ui,-apple-system,sans-serif;
  --font-display:'Figtree',system-ui,-apple-system,sans-serif;
  --nav-h:96px;
  background:var(--canvas); color:var(--ink); font-family:var(--font-text);
  -webkit-font-smoothing:antialiased;
}
.marketing-site .wrap { max-width:1280px; padding-inline:40px; }
.marketing-site .wrap--narrow { max-width:860px; }
.marketing-site h1,.marketing-site h2,.marketing-site h3 { font-family:var(--font-display); text-wrap:balance; }
.marketing-site h1 { font-size:clamp(2.7rem,5.4vw,4.8rem); font-weight:750; letter-spacing:-.065em; line-height:1.02; }
.marketing-site h2 { font-size:clamp(1.9rem,3.4vw,3rem); font-weight:700; letter-spacing:-.045em; line-height:1.1; }
.marketing-site p { text-wrap:pretty; }
.marketing-site .section { padding-block:88px; }
.marketing-site .section--tight { padding-block:48px; }
.marketing-site .head { margin-bottom:40px; }
.marketing-site .eyebrow { color:var(--accent-text); font-size:.76rem; letter-spacing:.055em; font-weight:650; }
.marketing-site .site-header {
  position:sticky; top:0; z-index:100; padding:14px 24px 8px; height:auto;
  border:0; background:linear-gradient(var(--canvas) 65%,transparent); box-shadow:none;
}
.marketing-site .site-header .header-in {
  min-height:64px; max-width:1240px; padding:8px 12px 8px 24px;
  gap:20px; background:#FFFFFFF5; border:1px solid #E8EAEE;
  border-radius:999px; box-shadow:0 8px 32px #10265407;
}
.marketing-site .brand { font-size:1.4rem; letter-spacing:-.06em; }
.marketing-site .brand-mark { width:27px; height:29px; }
.marketing-site .nav { gap:0; }
.marketing-site .nav a { padding:10px 11px; font-size:.8rem; font-weight:550; border-radius:999px; }
.marketing-site .nav a[aria-current] { background:#EEF3FC; color:#174FB5; }
.marketing-site .studio-nav-group { position:relative; border:0; margin:0; padding:0; background:transparent; }
.marketing-site .studio-nav-group summary { display:flex; align-items:center; gap:9px; cursor:pointer; list-style:none; padding:12px; font-size:.8rem; font-weight:550; border:0; border-radius:999px; color:var(--ink-2); }
.marketing-site .studio-nav-group summary::-webkit-details-marker { display:none; }
.marketing-site .studio-nav-group summary::after { display:none; }
.marketing-site .studio-nav-group summary:hover,.marketing-site .studio-nav-group[open]>summary { background:#EEF3FC; color:var(--ink); }
.marketing-site .studio-nav-menu { position:absolute; top:calc(100% + 16px); left:0; width:248px; padding:10px; border:1px solid #E5E9F0; border-radius:20px; background:#FFF; box-shadow:0 18px 48px #10265414; display:grid; gap:2px; }
.marketing-site .studio-nav-menu a { display:flex; justify-content:space-between; padding:12px 14px; min-height:44px; font-size:.85rem; border-radius:12px; }
.marketing-site .site-header .header-in { transition:box-shadow .25s ease,border-color .25s ease; }
.marketing-site .site-header.is-stuck .header-in { box-shadow:0 10px 32px #10265410; border-color:#DCE3EF; }
.marketing-site .header-tools { margin-left:auto; gap:8px; }
.marketing-site .btn {
  min-height:52px; border-radius:999px; font-family:var(--font-text); font-weight:650;
  font-size:.92rem; padding:14px 24px; gap:12px; letter-spacing:-.015em;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease;
}
.marketing-site .btn.btn--primary {
  color:#FFF; background:#1B62E8; border:1px solid #1B62E8;
  box-shadow:inset 0 1px 0 #FFFFFF35,0 4px 10px #1B62E812;
}
.marketing-site .btn.btn--primary:hover { background:#134FCC; border-color:#134FCC; box-shadow:0 7px 18px #1B62E824; transform:translateY(-2px); }
.marketing-site .btn:active { transform:translateY(0) scale(.985); }
.marketing-site .btn.btn--ghost { background:transparent; border-color:#CDD4E0; color:var(--ink); box-shadow:none; }
.marketing-site .btn.btn--ghost:hover { background:#EDF3FF; border-color:#91AFE8; }
.marketing-site .btn--small { min-height:44px; padding:10px 20px; font-size:.8rem; }
.marketing-site :is(a,button,input,select,textarea):focus-visible { outline:3px solid #266BE2; outline-offset:4px; }
.marketing-site .cta-focus { animation:none!important; isolation:isolate; overflow:hidden; }
.marketing-site .cta-focus::after,.marketing-site .btn.cta-focus[data-cta-visible="true"]::after { content:''; position:absolute; inset:-40% auto -40% -80%; width:38%; background:linear-gradient(100deg,transparent,#FFFFFF38,transparent); transform:skewX(-18deg); pointer-events:none; z-index:0; animation:studio-sheen 8s ease-in-out infinite; }
.marketing-site [data-motion-toggle] { display:none; }
.marketing-site .hp-deco { opacity:.12; }
.marketing-site .hero { padding-block:64px 72px; background:var(--canvas); }
.marketing-site .hero .lede { font-size:1.08rem; line-height:1.6; max-width:44ch; }
.marketing-site .hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:64px; align-items:center; }
.marketing-site .hero-grid h1 { max-width:13ch; }
.marketing-site .subnav { background:#FAFAF8F5; border-block-color:var(--hairline); }
.marketing-site .pill { border-radius:999px; font-size:.82rem; min-height:44px; }
.marketing-site .pill-row { gap:8px; padding-block:10px; }
.marketing-site .subnav .pill:not(.is-active):not([aria-current]) { background:transparent; border-color:transparent; }
.marketing-site .site-footer { background:#F0F2F6; border-top:1px solid #E5E8ED; padding-block:64px 20px; }
.marketing-site .footer-grid { gap:36px; }
.marketing-site .footer-grid h3 { text-transform:none; letter-spacing:-.01em; font-size:.9rem; color:var(--ink); }
.marketing-site .footer-grid a { font-size:.84rem; }
.marketing-site .footer-base { font-size:.72rem; }
/* Homepage: the generated split-hero composition, built as real responsive HTML. */
.marketing-site .homepage { background:var(--canvas); }
.marketing-site .homepage .hp-hero { text-align:left; padding:54px 0 0; background:var(--canvas); }
.marketing-site .hp-hero::before,.marketing-site .hp-hero::after { display:none; }
.marketing-site .studio-home-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:36px 64px; align-items:center; }
.marketing-site .studio-home-copy { padding-block:24px; min-width:0; }
.marketing-site .hp-hero h1 { font-size:clamp(3.2rem,5.6vw,5rem); line-height:1.01; letter-spacing:-.065em; }
.marketing-site .hp-hero h1 span { color:var(--ink); }
.marketing-site .hp-hero-lede { max-width:36ch; margin:24px 0 0; font-size:1.1rem; line-height:1.6; }
.marketing-site .hp-proof-pill { background:transparent; border:0; box-shadow:none; padding:0; margin:0 0 24px; font-size:.72rem; justify-content:flex-start; color:var(--ink-2); }
.marketing-site .hp-proof-pill b { background:#E9F0FF; padding:5px 9px; border-radius:6px; color:var(--accent-text); }
.marketing-site .homepage .hp-task-form { margin:28px 0 0; max-width:none; gap:10px; }
.marketing-site .hp-task-form .qp-input { height:58px; border-radius:14px; padding-left:44px; font-size:.86rem; background:#FFF; }
.marketing-site .hp-task-form .hp-input-icon { left:14px; top:19px; width:19px; height:19px; }
.marketing-site .hp-task-form .qp-go { min-height:58px; border-radius:14px; padding:14px 20px; font-size:.86rem; }
.marketing-site .hp-task-form .qp-go::before { content:'→'; position:static; order:2; width:auto; height:auto; background:none; font-size:1.1em; }
.marketing-site .hp-draft-note { text-align:left; margin:14px 0 0; font-size:.7rem; line-height:1.6; }
.marketing-site .hp-draft-note span { display:block; }
.marketing-site .conversion-worker-link { margin:18px 0 0; font-size:.74rem; }
.marketing-site .studio-home-visual { position:relative; margin:0; min-width:0; height:520px; padding:0 0 52px 36px; }
.marketing-site .studio-home-portrait { width:100%; height:100%; object-fit:cover; object-position:center 30%; border-radius:28px; }
.marketing-site .studio-home-detail { position:absolute; width:49%; height:43%; left:0; bottom:0; object-fit:cover; border:8px solid var(--canvas); border-radius:24px; box-shadow:0 12px 30px #0C1B3308; }
.marketing-site .studio-home-visual figcaption { position:absolute; bottom:14px; right:0; max-width:42%; font-size:.7rem; line-height:1.5; color:var(--ink-2); }
.marketing-site .hp-proof-strip { grid-column:1/-1; margin:12px 0 0; padding:28px 0; background:transparent; border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); border-radius:0; gap:24px; }
.marketing-site .hp-proof-strip li { border:0; padding:0; }
.marketing-site .hp-proof-strip .ic { color:#1B62E8; background:#EDF3FF; padding:9px; width:42px; height:42px; border-radius:12px; }
.marketing-site .homepage .hp-section,.marketing-site #main.homepage>.section { padding-block:80px; }
.marketing-site .homepage .hp-services { padding-top:44px; background:var(--canvas); }
.marketing-site .hp-feature { background:#EEF1F6; padding:24px; border-radius:24px; }
.marketing-site .hp-feature-media { border-radius:18px; }
.marketing-site .hp-feature-copy { border-radius:18px; padding:32px; box-shadow:0 8px 28px #0C1B3307; }
.marketing-site .hp-project { border:0; border-radius:18px; box-shadow:none; background:#F1F3F5; }
.marketing-site .hp-project:hover { transform:translateY(-4px); box-shadow:0 10px 24px #1026540C; }
.marketing-site .hp-project-grid { gap:24px; }
.marketing-site .hp-section-head h2 { font-size:clamp(2rem,3.7vw,3.2rem); }
.marketing-site .hp-how-grid { gap:36px; }
.marketing-site .homepage #how { scroll-margin-top:calc(var(--site-header-height, 92px) + 16px); }
.marketing-site .hp-step { background:transparent; border:0; box-shadow:none; }
.marketing-site .studio-journey-heading { margin-bottom:40px; }
.marketing-site .studio-underline { position:relative; display:inline-block; white-space:nowrap; padding-bottom:.08em; }
.marketing-site .studio-underline::after { content:''; position:absolute; left:0; right:0; bottom:-.025em; height:.16em; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 25' preserveAspectRatio='none'%3E%3Cpath d='M5 19 Q200 -1 395 13' fill='none' stroke='%23BDD3FF' stroke-width='10' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat; pointer-events:none; }
.marketing-site .studio-journey-heading { position:relative; }
.marketing-site .studio-journey-heading::after { content:''; position:absolute; right:0; top:12px; width:40%; height:140px; opacity:.6; pointer-events:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 160'%3E%3Cpath d='M0 145 Q160 140 250 95 Q340 50 410 90 L410 40 L450 8 L490 40 L490 90' fill='none' stroke='%23FFE4A5' stroke-width='10' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
@media(max-width:700px) { .marketing-site .studio-journey-heading::after { display:none; } }
.marketing-site .studio-journey-heading h2 { font-size:clamp(2.2rem,4.4vw,3.8rem); max-width:20ch; }
.marketing-site .studio-journey-steps { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; max-width:none; padding:0; margin:0; gap:30px; }
.marketing-site .studio-journey-steps li { display:flex; flex-direction:column; min-width:0; margin:0; }
.marketing-site .studio-step-number { display:flex; align-items:center; gap:18px; color:var(--accent); font-size:1.5rem; font-weight:700; margin-bottom:18px; }
.marketing-site .studio-step-number::after { content:''; height:1px; background:#BED0EF; flex:1; }
.marketing-site .studio-journey-steps h3 { font-size:1.25rem; margin:0 0 12px; letter-spacing:-.03em; }
.marketing-site .studio-journey-steps p { font-size:.9rem; color:var(--ink-2); line-height:1.6; margin:0 0 24px; }
.marketing-site .studio-journey-steps img { width:100%; height:225px; object-fit:cover; border-radius:14px; margin-top:auto; }
.marketing-site .studio-journey-actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:32px; }
/* Supporting pages: open editorial sections, not a stack of coloured boxes. */
.marketing-site .brand-info-page>section:nth-of-type(n),.marketing-site .partner-landing>section:not(.cta-band) { background:var(--canvas); }
.marketing-site .brand-info-page>section:nth-of-type(2n):not(.hero),.marketing-site .partner-landing>#growing { background:#F0F3F8; }
.marketing-site .brand-info-page .brand-page-art { border-radius:24px; overflow:hidden; background:#EDF3FF; }
.marketing-site .brand-info-page .brand-page-art img { object-fit:cover; }
.marketing-site .brand-page-hero h1,.marketing-site .apps-hero h1 { max-width:17ch; }
.marketing-site .brand-info-page .head h2 { max-width:22ch; }
.marketing-site :is(.step-card,.connection-card,.trust-card,.support-card,.card) { border-radius:18px; box-shadow:none; border-color:var(--hairline); }
.marketing-site .flow { gap:32px; }
.marketing-site .flow>.flow-step { border-radius:18px; box-shadow:none; }
.marketing-site .partner-hero-photo { position:relative; border-radius:24px; overflow:visible; padding:0 0 64px 32px; }
.marketing-site .partner-hero-photo img { aspect-ratio:1/1.15; height:auto; object-fit:cover; object-position:center top; border-radius:24px; }
.marketing-site .partner-hero-photo img.studio-partner-detail { position:absolute; width:46%; height:34%; aspect-ratio:auto; left:0; bottom:0; border:7px solid var(--canvas); border-radius:20px; box-shadow:0 12px 28px #1026540A; }
.marketing-site .partner-hero-photo figcaption { position:absolute; background:transparent; border:0; color:var(--ink-2); border-radius:0; padding:0; bottom:8px; left:auto; right:0; width:45%; font-size:.74rem; box-shadow:none; }
.marketing-site .partner-landing .connection-summary { gap:6px 16px; margin-block:20px; }
.marketing-site .partner-landing .connection-summary a { border:0; border-radius:0; background:transparent; padding:6px 0; font-size:.74rem; }
.marketing-site .partner-landing .note-line { font-size:.75rem; line-height:1.6; max-width:58ch; }
.marketing-site .partner-landing .small { font-size:.72rem; line-height:1.6; }
.marketing-site .partner-landing>#plans { background:#EEF3FD; }
.marketing-site .partner-landing>.cta-band { background:#143FC0; color:#FFF; }
.marketing-site .cta-band h2 { font-size:clamp(2rem,4vw,3.4rem); }
.marketing-site .partner-landing>.cta-band .btn--primary { color:#164FC8; background:#FFF; border-color:#FFF; }
.marketing-site .cta-band .btn--ghost { color:inherit; }
.marketing-site .apps-hero { padding-top:56px; }
.marketing-site .app-availability article { border-radius:18px; box-shadow:none; }
.marketing-site .faq { max-width:100%; }
.marketing-site :is(.faq,.faqs) details { border:0; border-radius:14px; background:#F0F2F5; padding-inline:24px; margin-bottom:12px; box-shadow:none; }
.marketing-site :is(.faq,.faqs) summary { padding-block:22px; font-size:.94rem; }
.marketing-site :is(.faq,.faqs) details[open] { background:#EAF1FC; }
.marketing-site #partner-faq { background:#F3F6FB; color:#0C1833; }
.marketing-site #partner-faq .faq details { background:#fff; border:1px solid #CFD9E8; }
.marketing-site #partner-faq .faq summary { color:#0C1833; font-weight:700; }
.marketing-site #partner-faq .faq details[open] { background:#EAF1FC; border-color:#9CB9E9; }
.marketing-site #partner-faq .faq-body, .marketing-site #partner-faq .faq-body p { color:#35465E; }
.marketing-site #partner-faq .faq-body a { color:#164EB5; text-decoration:underline; }
.marketing-site #partner-faq .faq summary:focus-visible { outline:3px solid #1B62E8; outline-offset:4px; }
.marketing-site :is(.blog-card,.post-card) { border-radius:18px; overflow:hidden; box-shadow:none; border-color:var(--hairline); }
.marketing-site .plan-card { border-radius:24px; box-shadow:0 10px 28px #10265406; }
.marketing-site .plan-card--pro { border-color:#7FA5EB; box-shadow:0 12px 34px #1B62E811; }
.marketing-site .brand-page-grid { gap:64px; }
.marketing-site .studio-service-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:72px; align-items:center; }
.marketing-site .studio-service-grid h1 { max-width:14ch; }
.marketing-site .studio-service-art { margin:0; min-width:0; }
.marketing-site .studio-service-art img { display:block; width:100%; aspect-ratio:1.2; height:auto; object-fit:cover; border-radius:24px; }
.marketing-site .studio-service-art.is-symbol { display:grid; place-items:center; background:#EEF3FC; border-radius:24px; aspect-ratio:1.2; }
.marketing-site .studio-service-art.is-symbol img { width:52%; aspect-ratio:1; }
.marketing-site .studio-service-thumbnail { display:block; width:calc(100% + 48px); max-width:none; height:190px; object-fit:cover; margin:-24px -24px 24px; border-radius:18px 18px 0 0; background:#EDF3FF; }
.marketing-site .card:has(.studio-service-thumbnail) { overflow:hidden; padding:24px; }
.marketing-site .card:has(.studio-service-thumbnail) h3 { font-size:1.2rem; }
.marketing-site .sales-flow li { border-radius:0; border:0; border-top:1px solid #BDCEEA; background:transparent; padding:24px 0 0; box-shadow:none; }
.marketing-site .sales-flow li::before { background:transparent; color:var(--accent); border:0; padding:0; }
.marketing-site .sales-flow>li::before { position:static; }
.marketing-site .sales-flow>li::after { display:none; }
.marketing-site [data-studio-reveal] { transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); transition-delay:var(--studio-delay,0ms); }
.marketing-site [data-studio-reveal="waiting"] { opacity:0; transform:translateY(22px); }
.marketing-site [data-studio-reveal="visible"] { opacity:1; transform:none; }
.marketing-site .studio-home-visual img,.marketing-site .partner-hero-photo img,.marketing-site .studio-journey-steps img { transition:transform .6s cubic-bezier(.2,.7,.2,1); }
@media(hover:hover) and (pointer:fine) {
  .marketing-site .studio-home-visual:hover .studio-home-detail,.marketing-site .partner-hero-photo:hover .studio-partner-detail { transform:translateY(-6px) rotate(-1deg); }
  .marketing-site .studio-journey-steps li:hover img { transform:translateY(-5px); }
}
@keyframes studio-sheen { 0%,70% { left:-80%; opacity:0; } 73% { opacity:1; } 92%,100% { left:145%; opacity:0; } }
html[data-cta-motion="off"] .marketing-site .cta-focus::after { animation:none; display:none; }
@media(min-width:1000px) { .marketing-site .site-header .header-cta::after { content:'→'; margin-left:8px; } }
/* Three editorial columns need genuine desktop space. On compact windows each
   step becomes a generous text/photo row rather than three narrow photo strips. */
@media(max-width:1100px) {
  .marketing-site .studio-journey-steps { grid-template-columns:1fr; gap:36px; }
  .marketing-site .studio-journey-steps li { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:32px; align-content:start; }
  .marketing-site .studio-journey-steps :is(.studio-step-number,h3,p) { grid-column:1; }
  .marketing-site .studio-journey-steps img { grid-column:2; grid-row:1 / span 3; height:240px; margin:0; }
  .marketing-site .studio-journey-steps p { margin-bottom:0; }
}
@media(max-width:1100px) {
  .marketing-site .nav a { padding-inline:8px; font-size:.73rem; }
  .marketing-site .site-header .header-in { gap:12px; }
  .marketing-site .studio-home-grid,.marketing-site .hero-grid { gap:32px; }
  .marketing-site .studio-home-visual { height:470px; }
  .marketing-site .homepage .hp-task-form { grid-template-columns:1fr; }
  .marketing-site .hp-task-form>.qp-row:not(.qp-actions) { grid-column:1; }
  .marketing-site .hp-task-form .qp-actions { grid-column:1; grid-row:3; }
  .marketing-site .hp-task-form .qp-go { width:100%; }
  .marketing-site .hp-task-form[data-step="details"] .qp-actions { grid-row:3; }
}
@media(max-width:900px) {
  .marketing-site { --nav-h:88px; }
  .marketing-site .wrap { padding-inline:24px; }
  .marketing-site .site-header { padding:10px 16px 6px; }
  .marketing-site .site-header .header-in { border-radius:24px; padding:8px 12px 8px 18px; }
  .marketing-site .site-header .nav { border-radius:20px; background:#FFF; top:calc(100% + 6px); padding:12px; box-shadow:0 14px 30px #10265412; }
  .marketing-site .nav a { font-size:.94rem; padding:13px 16px; }
  .marketing-site .studio-nav-group summary { font-size:.94rem; padding:13px 16px; min-height:44px; }
  .marketing-site .studio-nav-menu { position:static; width:auto; box-shadow:none; border:0; background:#F4F6FA; padding:6px; margin-block:4px 8px; border-radius:14px; }
  .marketing-site .studio-home-grid,.marketing-site .hero-grid { grid-template-columns:1fr; gap:28px; }
  .marketing-site .studio-service-grid { grid-template-columns:1fr; gap:32px; }
  .marketing-site .studio-service-art { max-width:580px; width:100%; }
  .marketing-site .studio-home-copy { padding:0; }
  .marketing-site .homepage .hp-hero { padding-top:32px; }
  .marketing-site .hp-hero h1 { font-size:clamp(2.8rem,8vw,4.3rem); }
  .marketing-site .studio-home-visual { height:400px; max-width:580px; width:100%; justify-self:center; margin-top:8px; }
  .marketing-site .homepage .hp-task-form { max-width:560px; }
  .marketing-site .hp-hero-lede { font-size:1rem; max-width:43ch; }
  .marketing-site .hp-proof-strip { margin-top:8px; }
  .marketing-site .partner-hero-photo { max-width:580px; margin-inline:auto; width:100%; }
  .marketing-site .partner-hero-photo > img:first-child { max-height:none; height:auto; aspect-ratio:4/5; width:100%; object-position:center top; }
  .marketing-site .partner-hero-photo { padding-bottom:0; }
  .marketing-site .partner-hero-photo figcaption { position:relative; inset:auto; margin-left:45%; width:55%; padding:16px 0 0 12px; min-height:90px; }
  .marketing-site .hero-grid h1 { max-width:18ch; }
  .marketing-site .section,.marketing-site .homepage .hp-section,.marketing-site #main.homepage>.section { padding-block:56px; }
}
@media(max-width:560px) {
  .marketing-site { --nav-h:80px; }
  .marketing-site .wrap { padding-inline:20px; }
  .marketing-site .site-header { padding:8px 10px 4px; }
  .marketing-site .site-header .header-in { min-height:60px; padding:6px 8px 6px 14px; gap:8px; border-radius:20px; }
  .marketing-site .brand { font-size:1.25rem; }
  .marketing-site .brand-mark { width:24px; height:26px; }
  .marketing-site .header-cta { min-height:42px; padding:9px 16px; }
  .marketing-site .menu-btn { width:44px; height:44px; }
  .marketing-site .hero { padding-block:36px 44px; }
  .marketing-site h1 { font-size:clamp(2.4rem,10vw,3.2rem); }
  .marketing-site .hp-hero h1 { font-size:clamp(2.7rem,11vw,3.5rem); }
  .marketing-site .hp-hero-lede { margin-top:20px; line-height:1.55; }
  .marketing-site .hp-proof-pill { margin-bottom:18px; font-size:.68rem; flex-wrap:wrap; }
  .marketing-site .hp-task-form .qp-input { height:56px; font-size:16px; }
  .marketing-site .hp-task-form .qp-go { min-height:54px; font-size:.92rem; }
  .marketing-site .hp-draft-note { font-size:.72rem; }
  .marketing-site .studio-home-visual { height:300px; padding-left:26px; padding-bottom:35px; }
  .marketing-site .studio-home-portrait { border-radius:20px; }
  .marketing-site .studio-home-detail { border-width:6px; border-radius:18px; }
  .marketing-site .studio-home-visual figcaption { bottom:2px; font-size:.65rem; }
  .marketing-site .hp-proof-strip { gap:20px 16px; padding-block:24px; }
  .marketing-site .hp-proof-strip li { align-items:flex-start; }
  .marketing-site .hp-proof-strip strong { font-size:.74rem; }
  .marketing-site .hp-proof-strip li>span { font-size:.67rem; }
  .marketing-site .hp-proof-strip .ic { width:34px; height:34px; padding:7px; }
  .marketing-site .hp-feature { padding:14px; border-radius:20px; }
  .marketing-site .hp-feature-copy { padding:22px; border-radius:14px; }
  .marketing-site .hp-project-grid { gap:16px; }
  .marketing-site .studio-journey-heading { margin-bottom:30px; }
  .marketing-site .studio-journey-steps { grid-template-columns:1fr; gap:32px; }
  .marketing-site .studio-journey-steps li { display:flex; }
  .marketing-site .studio-journey-steps img { height:220px; }
  .marketing-site .studio-journey-steps p { margin-bottom:18px; }
  .marketing-site .head { margin-bottom:28px; }
  .marketing-site .partner-hero-photo figcaption { left:auto; font-size:.68rem; }
  .marketing-site .footer-grid { gap:28px; }
  .marketing-site .hp-deco { opacity:.06; }
}
@media(prefers-reduced-motion:reduce) { .marketing-site .btn,.marketing-site .hp-project,.marketing-site [data-studio-reveal],.marketing-site .studio-home-visual img,.marketing-site .partner-hero-photo img,.marketing-site .studio-journey-steps img { transition:none; transform:none; opacity:1; } .marketing-site .cta-focus::after { animation:none; display:none; } }
@media print { .marketing-site .site-header { position:static; box-shadow:none; } .marketing-site .studio-home-visual { height:280px; } }