/* Isolated positioning proposal. Existing design tokens and interactions are preserved. */
.funnel-hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.1;text-wrap:pretty}
.funnel-hero h1 span{color:var(--du-accent-strong)}
.hero-description{max-width:54ch}
.hero-action{gap:12px}
.hero-action .du-action{padding-inline:22px;font-size:16px}
.about-lead h2{font-size:clamp(34px,3.6vw,48px);line-height:1.12;text-wrap:pretty}
.about-lead>p{font-size:18px;line-height:1.6;max-width:48ch;margin-top:22px;color:var(--du-muted)}
.about-lead>p:last-child{font-size:18px}
.about-lead p strong{color:var(--du-fg);font-weight:650}
.audit-showcase .showcase-heading h2,.bot-heading h2{font-size:clamp(32px,3.65vw,50px);white-space:normal;text-wrap:pretty;line-height:1.13}
.bot-heading{gap:0}
.showcase-heading .positioning-project-note,.bot-heading .positioning-project-note{font-size:18px;line-height:1.6;max-width:76ch;color:var(--du-muted);margin:18px 0 0}
.bot-footer{justify-content:flex-end}
.bot-explorer{position:relative}
.bot-autoplay-controls{position:absolute;z-index:3;inset:0 0 auto auto;margin:0}
.bot-autoplay-controls button:not(:focus-visible){position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bot-autoplay-controls button:focus-visible{position:relative;min-height:44px;background:var(--du-surface);padding:10px 14px}
.audit-page-open::after{display:none}
.miniapp-copy h2{font-size:clamp(34px,3.7vw,50px);line-height:1.12;text-wrap:pretty}
.miniapp-copy>p:not(.eyebrow){font-size:18px;line-height:1.6}
/* Shared text grid: preserve the page shell and remove inherited inner offsets. */
.funnel-hero h1 span{white-space:normal}
.hero-description,.about-lead>p,.about-lead>p:last-child,.miniapp-copy>p:not(.eyebrow){width:100%;max-width:none}
.credo blockquote{margin-inline:0;padding-bottom:0;text-align:left}
.credo blockquote p{text-wrap:pretty;text-align:left;text-align-last:auto;text-justify:auto}
.credo blockquote>.credo-close-quote{position:static;display:block;width:100%;height:.65em;margin-top:18px;font-size:96px;line-height:1;text-align:right}
.section-head,.situations .section-head,.method-heading,.showcase-heading,.bot-heading{width:100%;max-width:none;text-align:left}
.section-head,.situations .section-head{margin-inline:0}
.method-heading h2,.bot-heading h2{width:100%;max-width:none}
.section-head>p:last-child:not(.eyebrow),#formats>.section-head>p:last-child,
.audit-showcase .showcase-heading>.positioning-project-note,.bot-heading>.positioning-project-note{
  width:100%;max-width:72ch;margin-inline:0;font-size:1.125rem;line-height:1.6;text-align:left
}
.faq{width:100%;max-width:none;margin-inline:0}
.reviews-list{width:100%;max-width:none;margin-inline:0}
.faq h2{text-align:left}
.faq details p{max-width:72ch}
.contact-panel{width:100%;max-width:none;margin-inline:0}
.contact-panel>p.message-hint{width:100%;max-width:none;margin:10px 0 0;font-size:.875rem;line-height:1.5}
@media(min-width:761px){
  .section-head h2,.about-lead h2,.method-heading h2,.audit-showcase .showcase-heading h2,
  .bot-heading h2,.miniapp-copy h2,.faq h2{
    font-size:clamp(2rem,3.5vw,3rem);line-height:1.16;letter-spacing:-.035em;text-align:left;text-wrap:pretty
  }
  #formats>.section-head{text-align:left}
  @supports(grid-template-rows:subgrid){
    .funnel-formats{row-gap:18px}
    .funnel-formats>.format{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:18px}
    .funnel-formats>.format>h3,.funnel-formats>.format>p,.funnel-formats>.format>details{margin:0}
    .funnel-formats>.format>details{align-self:start}
    .situations-grid{row-gap:0}
    .situation-card{display:grid;grid-row:span 3;grid-template-rows:subgrid}
  }
}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  #formats>.section-head{max-width:560px;margin-inline:auto}
  .credo blockquote>.credo-close-quote{font-size:72px;margin-top:12px}
  .section-head h2,.about-lead h2,.method-heading h2,.audit-showcase .showcase-heading h2,
  .bot-heading h2,.miniapp-copy h2,.faq h2{font-size:1.875rem;line-height:1.16}
  .section-head>p:last-child:not(.eyebrow),#formats>.section-head>p:last-child,
  .audit-showcase .showcase-heading>.positioning-project-note,.bot-heading>.positioning-project-note{max-width:none;font-size:1rem}
  .situation-card{grid-row:auto;grid-template-rows:auto}
}
/* Quiet, fitted image viewers; no wide empty stage around the phone. */
.audit-lightbox{width:min(1240px,calc(100vw - 48px));height:min(920px,calc(100dvh - 48px));border:1px solid var(--du-border);border-radius:28px;background:var(--du-bg);color:var(--du-fg);box-shadow:0 32px 100px rgba(0,0,0,.28)}
.audit-lightbox[open]{display:flex;flex-direction:column}
.audit-lightbox::backdrop{background:rgba(10,17,22,.6);backdrop-filter:blur(14px)}
.audit-lightbox .audit-lightbox-head{flex:none;min-height:68px;padding:12px 18px;gap:12px;border:0;background:transparent;color:var(--du-fg)}
.audit-lightbox .audit-lightbox-head strong{font-size:16px;font-weight:700}
.audit-lightbox .audit-lightbox-head span{color:var(--du-tech)}
.audit-lightbox .audit-lightbox-actions{width:auto;gap:4px;flex:none;padding:4px;border:1px solid var(--du-border);border-radius:24px;background:var(--du-surface)}
.audit-lightbox .audit-lightbox-actions button{min-width:40px;min-height:40px;height:40px;padding:0 8px;border:0;border-radius:50%;background:transparent;color:var(--du-fg);box-shadow:none;font-size:16px}
.audit-lightbox .audit-lightbox-actions button:hover{background:var(--du-accent-soft)}
.audit-lightbox .audit-lightbox-actions button:disabled{opacity:.35;cursor:default}
.audit-lightbox .audit-lightbox-canvas{display:block;flex:1;min-height:0;height:auto;padding:8px 22px 22px;overflow:auto;overscroll-behavior:contain;background:transparent}
.audit-lightbox .audit-lightbox-canvas img{max-width:none;max-height:none;border-radius:16px;box-shadow:0 12px 30px rgba(8,16,20,.15)}
.miniapp-lightbox{width:min(540px,calc(100vw - 40px));height:min(940px,calc(100dvh - 40px))}
.miniapp-lightbox .audit-lightbox-head{padding:12px 16px;flex-wrap:wrap}
.miniapp-lightbox .audit-lightbox-head>div:first-child{gap:10px}
.miniapp-lightbox .audit-lightbox-canvas{padding:6px 48px 20px}
.miniapp-lightbox .audit-lightbox-canvas img{border-radius:24px}
.miniapp-modal-arrow{position:absolute;z-index:2;top:calc(50% + 24px);transform:translateY(-50%);display:grid;place-items:center;width:44px;height:52px;padding:10px;border:0;border-radius:18px;background:transparent;color:var(--du-fg);opacity:.5;cursor:pointer;touch-action:manipulation;transition:opacity .18s ease,background-color .18s ease}
.miniapp-modal-prev{left:2px}
.miniapp-modal-next{right:2px}
.miniapp-modal-arrow svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.miniapp-modal-arrow:hover,.miniapp-modal-arrow:focus-visible{opacity:1;background:var(--du-accent-soft)}
.miniapp-modal-arrow:focus-visible{outline:2px solid var(--du-accent-strong);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.miniapp-modal-arrow{transition:none}}
@media(max-width:760px), (hover:none) and (pointer:coarse) and (max-width:1024px){
  .funnel-hero h1{font-size:clamp(1.875rem,8.3vw,2.75rem)}
  .hero-action .du-action{font-size:.9375rem}
  .about-lead h2,.audit-showcase .showcase-heading h2,.bot-heading h2,.miniapp-copy h2{font-size:1.875rem;line-height:1.16}
  .about-lead>p,.about-lead>p:last-child,.showcase-heading .positioning-project-note,.bot-heading .positioning-project-note,.miniapp-copy>p:not(.eyebrow){font-size:1rem;line-height:1.6;margin-top:16px}
  .audit-lightbox[open]{width:calc(100% - 16px);height:calc(100dvh - 24px);max-width:none;max-height:none;inset:0;margin:auto;border:1px solid var(--du-border);border-radius:24px;background:var(--du-bg);color:var(--du-fg)}
  .audit-lightbox .audit-lightbox-head{gap:6px;min-height:0;padding:12px 14px 8px}
  .audit-lightbox .m-modal-title{width:100%;gap:8px}
  .audit-lightbox .m-modal-title .audit-lightbox-close{min-width:44px;min-height:44px;width:44px;height:44px;padding:0;font-size:0!important;border:0;border-radius:50%;background:var(--du-surface);color:var(--du-fg)}
  .audit-lightbox .m-modal-title .audit-lightbox-close::after{content:'×';font-size:24px}
  .audit-lightbox .audit-lightbox-actions{align-self:center;min-height:44px;padding:2px 6px}
  .audit-lightbox .audit-lightbox-actions button{min-width:44px;min-height:44px;height:44px}
  .audit-lightbox .audit-lightbox-canvas,.miniapp-lightbox .audit-lightbox-canvas{padding:8px 12px max(12px,env(safe-area-inset-bottom))}
  .miniapp-lightbox .audit-lightbox-canvas{padding-inline:40px}
  .miniapp-modal-arrow{width:36px;height:52px;padding:6px}
  .miniapp-modal-prev{left:1px}
  .miniapp-modal-next{right:1px}
  .miniapp-lightbox .audit-lightbox-canvas img{border-radius:20px}
}