
/* Ayy-I Duo refinement 2026-10-31. Layout, tap size, posture and polish only. No copy or price changes (apart from the new booking buttons). */
:root{--duo-red:#E60012;--duo-hdr:92px;--fold-gap:0px;--fold-gutter:56px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
html{background:#080808}
.site-header{box-sizing:content-box;padding-top:env(safe-area-inset-top,0px)}
a,button,summary,label,.btn{-webkit-tap-highlight-color:rgba(230,0,18,.25)}

/* ---- booking buttons (all use the existing #/start-a-project discovery-call flow) ---- */
.duo-book{touch-action:manipulation;-webkit-user-select:none;user-select:none;text-decoration:none;box-sizing:border-box}
.duo-book:focus-visible{outline:3px solid #fff;outline-offset:3px}
.duo-book-head{display:none;order:2;align-items:center;justify-content:center;min-height:44px;padding:5px 14px;background:var(--duo-red);border:1px solid var(--duo-red);color:#fff;font-size:12px;font-weight:900;line-height:1.15;letter-spacing:.015em;white-space:nowrap;text-align:left;transition:transform .15s}
.duo-book-head span{display:block}
.duo-book-head:active,.duo-book-hero:active,.duo-book-result:active,.duo-book-pane:active{transform:scale(.98)}
.menu-trigger{order:3}
.header-inner>.brand{order:0}
.nav{order:1}
.duo-hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:2px 0 26px}
.duo-book-hero{min-height:58px;padding:16px 22px;gap:22px;font-size:15px;font-weight:900;letter-spacing:.005em;box-shadow:0 12px 34px -10px rgba(230,0,18,.55);transition:transform .15s}
.duo-cta-note{font-size:12px;font-weight:700;letter-spacing:.03em;color:#b8b8b8}
.duo-result-cta{margin:20px 0 4px}
.calc-results .duo-result-cta{margin:22px 22px 24px}
.duo-book-result{width:100%;min-height:58px;font-size:15px;font-weight:900;box-shadow:0 12px 30px -12px rgba(230,0,18,.6)}
.duo-launch-cta{margin:20px 0 18px}
.duo-launch-cta .fine{margin:10px 0 0}
.duo-built{display:inline-block;margin-left:12px;padding-left:12px;border-left:2px solid var(--duo-red);font-style:normal;font-weight:800;letter-spacing:.04em;color:#cfcfcf}
@media(hover:hover){.duo-book:hover{background:#ff1a2c;border-color:#ff1a2c}}
@keyframes duoRise{from{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
.duo-hero-cta{animation:duoRise .3s ease-out both}
@media(prefers-reduced-motion:reduce){.duo-hero-cta{animation:none}.duo-book,.duo-book:active{transition:none;transform:none}}

/* ---- header: one-tap booking on every compact screen ---- */
@media(max-width:1100px){
  .duo-book-head{display:inline-flex;flex-direction:column;align-items:flex-start;margin-left:auto}
  .header-inner{gap:12px}
}
@media(min-width:791px) and (max-width:1100px){.nav .nav-link-red{display:none}}
@media(min-width:600px) and (max-width:790px){.duo-book-head{flex-direction:row;gap:.32em;align-items:center;font-size:13px;padding:5px 18px}}
@media(max-width:519px){.brand-tag{display:none}.duo-book-head{font-size:12px;padding:5px 12px}.header-inner{gap:10px}}
@media(max-width:360px){.duo-book-head{font-size:12px;padding:5px 8px}.menu-trigger{min-width:64px;padding:10px 9px}.brand{gap:8px}}
@media(max-width:330px){.duo-book-head{font-size:11px;padding:5px 7px}}
@media(max-width:790px){.nav{max-height:calc(100svh - var(--duo-hdr));overflow:auto;overscroll-behavior:contain;top:calc(78px + env(safe-area-inset-top,0px))}}
@media(max-width:520px){.nav{top:calc(68px + env(safe-area-inset-top,0px))}}

/* ---- touch devices on the wider (unfolded) desktop layout: tap size, text floor, form zoom ---- */
@media(min-width:821px) and (max-width:1100px) and (pointer:coarse){
  .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 3px}
  body input:not([type=checkbox]):not([type=radio]):not([type=range]),body select,body textarea{font-size:16px!important}
  input[type=checkbox],input[type=radio]{min-width:22px;min-height:22px}
  .calc-check{min-height:44px;align-items:center}
  .brand-tag{font-size:11px!important}
  .eyebrow,.foot-label,.pa-addon-label,.service-stage,.engagement-type,.service-destination,.choice-mo,.cat,.fine,.power-status,.journey-num,.brain-sample-label,.addon-num,.pa-quote{font-size:12px!important}
  .footer-bottom{font-size:12px}
  summary{min-height:48px}
}
@media(min-width:791px) and (max-width:1100px) and (pointer:coarse){.nav a{display:inline-flex;align-items:center;min-height:44px}}
@media(min-width:821px) and (max-width:1100px) and (pointer:coarse){
  .eyebrow{font-size:12px!important}
  .brand-tag{font-size:12px!important}
  .announcement{font-size:12px!important}
  .proof{font-size:12px!important}
  .hero-motion{font-size:12px!important}
  .hero-foot{font-size:12px!important}
  .strip .shell{font-size:12px!important}
  .strip small{font-size:12px!important}
  .service-row .num{font-size:12px!important}
  .service-row .meta{font-size:12px!important}
  .fine{font-size:12px!important}
  .demo-preview small{font-size:12px!important}
  .demo-copy .cat{font-size:12px!important}
  .calc-fields label{font-size:12px!important}
  .footer .foot-label{font-size:12px!important}
  .footer-bottom{font-size:12px!important}
  .tag-list span{font-size:12px!important}
  .feature-card small{font-size:12px!important}
  .step-item span{font-size:12px!important}
  .addon-card .addon-num{font-size:12px!important}
  .choice small{font-size:12px!important}
  .field .note{font-size:12px!important}
  .preview-banner{font-size:12px!important}
  .chat-panel small{font-size:12px!important}
  .home-hero .eyebrow{font-size:12px!important}
  .home-hero .hero-foot{font-size:12px!important}
  .power-feature-copy .power-scope{font-size:12px!important}
  .power-panel-heading small{font-size:12px!important}
  .power-day{font-size:12px!important}
  .power-kpis span{font-size:12px!important}
  .power-kpis small{font-size:12px!important}
  .power-item b{font-size:12px!important}
  .power-item small{font-size:12px!important}
  .power-queue-note{font-size:12px!important}
  .power-addon-grid .demo-copy .cat{font-size:12px!important}
  .power-tabs button{font-size:12px!important}
  .journey-num{font-size:12px!important}
  .launch-journey-grid small{font-size:12px!important}
  .brain-mini-link{font-size:12px!important}
  .brain-library-heading>span{font-size:12px!important}
  .brain-file small{font-size:12px!important}
  .brain-library-note{font-size:12px!important}
  .brain-qa-heading small{font-size:12px!important}
  .brain-question-form label{font-size:12px!important}
  .brain-question-options>span{font-size:12px!important}
  .brain-question-options button{font-size:12px!important}
  .brain-answer-label{font-size:12px!important}
  .brain-answer-sources>span{font-size:12px!important}
  .brain-answer-sources button{font-size:12px!important}
  .brain-source-ref{font-size:12px!important}
  .brain-evidence-note{font-size:12px!important}
  .brain-input-row input{font-size:12px!important}
  .brain-input-row input::placeholder{font-size:12px!important}
  .brain-input-row button{font-size:12px!important}
  .brain-build-path span{font-size:12px!important}
  .price-step small{font-size:12px!important}
  .calc-bar{font-size:12px!important}
  .calc-compare small{font-size:12px!important}
  .calc-save small{font-size:12px!important}
  .calc-rows dt span{font-size:12px!important}
  .ai-guide .al-eyebrow{font-size:12px!important}
  .aj-kicker{font-size:12px!important}
  .aj-industry-label{font-size:12px!important}
  .aj-industries button{font-size:12px!important}
  .aj-step>span{font-size:12px!important}
  .aj-phase{font-size:12px!important}
  .aj-deliverable small{font-size:12px!important}
  .aj-package{font-size:12px!important}
  .aj-scene-heading b{font-size:12px!important}
  .aj-window-top{font-size:12px!important}
  .aj-mini-label{font-size:12px!important}
  .aj-signal b{font-size:12px!important}
  .aj-signal small{font-size:12px!important}
  .aj-signal em{font-size:12px!important}
  .aj-scan{font-size:12px!important}
  .aj-eval-row{font-size:12px!important}
  .aj-eval-row b{font-size:12px!important}
  .aj-eval-row>span{font-size:12px!important}
  .aj-eval-row.aj-table-head{font-size:12px!important}
  .aj-priority{font-size:12px!important}
  .aj-brain-files button{font-size:12px!important}
  .aj-question span{font-size:12px!important}
  .aj-answer{font-size:12px!important}
  .aj-answer-top{font-size:12px!important}
  .aj-citation{font-size:12px!important}
  .aj-evidence{font-size:12px!important}
  .aj-evidence b{font-size:12px!important}
  .aj-brain-prompt{font-size:12px!important}
  .aj-knowledge-connected{font-size:12px!important}
  .aj-pc-stats small{font-size:12px!important}
  .aj-task b{font-size:12px!important}
  .aj-task small{font-size:12px!important}
  .aj-task>span{font-size:12px!important}
  .aj-pc-ask{font-size:12px!important}
  .aj-tool b{font-size:12px!important}
  .aj-tool small{font-size:12px!important}
  .aj-tool-hub{font-size:12px!important}
  .aj-agent-intro b{font-size:12px!important}
  .aj-agent-intro small{font-size:12px!important}
  .aj-agent-event>span{font-size:12px!important}
  .aj-agent-event b{font-size:12px!important}
  .aj-agent-event small{font-size:12px!important}
  .aj-run{font-size:12px!important}
  .aj-agent-result{font-size:12px!important}
  .aj-scene-note{font-size:12px!important}
  .aj-outcome{font-size:12px!important}
  .aj-outcome span{font-size:12px!important}
  .aj-controls button{font-size:12px!important}
  .aj-caption{font-size:12px!important}
  .aj-principles article>span{font-size:12px!important}
  .aj-engagement small{font-size:12px!important}
  .aj-engagement p{font-size:12px!important}
  .aj-teaser-map>span{font-size:12px!important}
  .aj-teaser-map i{font-size:12px!important}
  .aj-teaser-map b{font-size:12px!important}
  .aj-step b{font-size:12px!important}
  .aj-industry-label b{font-size:12px!important}
  .aj-step>.aj-index{font-size:12px!important}
  .aj-system-flow>span{font-size:12px!important}
  .aj-system-flow i{font-size:12px!important}
  .aj-system-flow small{font-size:12px!important}
  .aj-story .aj-deliverable p{font-size:12px!important}
  .pa-foundation span{font-size:12px!important}
  .pa-search>span{font-size:12px!important}
  .pa-filters button{font-size:12px!important}
  .pa-pricing-note{font-size:12px!important}
  .pa-pricing-note>b{font-size:12px!important}
  .pa-count{font-size:12px!important}
  .pa-card-top>span:nth-child(2){font-size:12px!important}
  .pa-card-top>b small{font-size:12px!important}
  .pa-card-top>.pa-quote{font-size:12px!important}
  .pa-fit{font-size:12px!important}
  .pa-explore{font-size:12px!important}
  .pa-pick{font-size:12px!important}
  .pa-stack-heading small{font-size:12px!important}
  .pa-stack-core{font-size:12px!important}
  .pa-selection-empty{font-size:12px!important}
  .pa-selected b{font-size:12px!important}
  .pa-selected small{font-size:12px!important}
  .pa-total>small{font-size:12px!important}
  .pa-total output>span{font-size:12px!important}
  .pa-total p{font-size:12px!important}
  .pa-stack-note{font-size:12px!important}
  .pa-copy{font-size:12px!important}
  .pa-reset{font-size:12px!important}
  .pa-copy-status{font-size:12px!important}
  .pa-copy-status textarea{font-size:12px!important}
  .pa-feature-note>span{font-size:12px!important}
  .pa-feature-note p{font-size:12px!important}
  .pa-dialog-title small{font-size:12px!important}
  .pa-preview-label{font-size:12px!important}
  .pa-preview-steps li{font-size:12px!important}
  .pa-preview-steps li>span{font-size:12px!important}
  .pa-preview-controls button:first-child{font-size:12px!important}
  .pa-preview-controls button:last-child{font-size:12px!important}
  .pa-preview-screen-top b{font-size:12px!important}
  .pa-preview-screen-top span{font-size:12px!important}
  .pa-preview-status>small{font-size:12px!important}
  .pa-preview-result{font-size:12px!important}
  .pa-preview-safety{font-size:12px!important}
  .pa-connection-details small{font-size:12px!important}
  .pa-connection-details p{font-size:12px!important}
  .pa-dialog-price{font-size:12px!important}
  .aj-more-tools summary{font-size:12px!important}
  .aj-more-tools>p{font-size:12px!important}
  .aj-catalog-link{font-size:12px!important}
  .demo-copy .pa-core-label{font-size:12px!important}
  .demo-copy .pa-addon-label{font-size:12px!important}
  .pa-mobile-summary small{font-size:12px!important}
  .pa-mobile-summary button{font-size:12px!important}
  .pa-industry-options button{font-size:12px!important}
  .pa-industry-number{font-size:12px!important}
  .pa-industry-eyebrow{font-size:12px!important}
  .pa-industry-concept{font-size:12px!important}
  .pa-industry-panel h4{font-size:12px!important}
  .pa-industry-steps li{font-size:12px!important}
  .pa-industry-steps li:before{font-size:12px!important}
  .pa-industry-tool{font-size:12px!important}
  .pa-industry-tools>p{font-size:12px!important}
  .pa-industry-measures li{font-size:12px!important}
  .pa-industry-actions .btn{font-size:12px!important}
  .pa-industry-view{font-size:12px!important}
  .pa-industry-status{font-size:12px!important}
  .pa-industry-note{font-size:12px!important}
  .pa-industry-select{font-size:12px!important}
  .capacity-results small{font-size:12px!important}
  .nav{font-size:12px!important}
  .capacity-panel .calc-fields label{font-size:12px!important}
  .service-column-headings{font-size:12px!important}
  .service-path .service-row .num{font-size:12px!important}
  .service-path .service-row .meta{font-size:12px!important}
  .engagement-type{font-size:12px!important}
  .service-destination{font-size:12px!important}
  .launch-ownership .eyebrow{font-size:12px!important}
  .launch-ownership li:before{font-size:12px!important}
  .demo-bar{font-size:11px!important}
  .demo-cap{font-size:11px!important}
  .window-bar{font-size:11px!important}
  .power-pill{font-size:11px!important}
  .power-workspace-top .sample-label{font-size:11px!important}
  .power-list-title{font-size:11px!important}
  .power-status{font-size:11px!important}
  .power-workspace-bottom{font-size:11px!important}
  .power-workspace-top>div>span{font-size:11px!important}
  .brain-sample-label{font-size:11px!important}
  .aj-sample{font-size:11px!important}
  .brand-tag{font-size:11px!important}
  body input:not([type=checkbox]):not([type=radio]):not([type=range]),body select,body textarea{font-size:16px!important}
  body #aj-prev,body #aj-next,[role=tab],.power-tabs button,.aj-play,.aj-share,[aria-label="Previous stage"],[aria-label="Next stage"]{min-height:44px;min-width:44px}
  .price-faq summary{padding:16px 0;min-height:48px;box-sizing:border-box;line-height:1.35}
  summary{min-height:48px;box-sizing:border-box}
  .text-link,a.text-link{display:inline-flex;align-items:center;min-height:44px}
  .footer a,.footer-links a,.footer nav a{display:flex;align-items:center;min-height:44px}
  .footer-bottom a{min-height:44px}
  .menu-trigger{min-height:44px;min-width:76px}
  .hero-motion{min-height:44px;padding:11px 14px}
  .pa-explore,.pa-pick,.pa-copy,.pa-reset,.pa-mobile-summary button{min-height:44px}
  .brain-questions button,.brain-question-list button,#brain-questions button,.brain-qa button,.brain-qa-form button{min-height:44px}
  .calc-preset{min-height:44px}
  .ai-guide nav a{min-height:44px;display:flex;align-items:center}
  .ai-guide>button{min-width:44px;min-height:44px}
}


/* ---- short landscape (outer screen on its side, ~368px tall): compact chrome, first view still has the CTA ---- */
@media(max-height:520px) and (orientation:landscape){
  :root{--duo-hdr:56px}
  html{scroll-padding-top:60px}
  .site-header{height:56px}
  .brand-mark,.brand img{width:40px!important;height:auto!important;max-height:40px}
  .brand-tag{display:none}
  .nav{top:calc(56px + env(safe-area-inset-top,0px));max-height:calc(100svh - 56px);overflow:auto;padding:8px 22px}
  .nav a{padding:12px 5px}
  .pagehero{padding:26px 0 0}
  .home-hero .shell,.pagehero .shell{min-height:0}
  .big,.pagehero .big{font-size:clamp(34px,9.5vh,52px)}
  .hero-visual{height:220px}
  .hero-body{display:block}
  .duo-hero-cta{margin:2px 0 18px}
  .duo-book-hero{min-height:52px;padding:12px 20px}
  .section{padding:44px 0}
  .calc-sticky,.launch-sticky{min-height:56px}
  .calc-sticky .cs-amt b,.launch-sticky .ls-amt b{font-size:24px}
}

/* ---- inner screen portrait / narrow tablets (600-790): use the width, fewer long scrolls ---- */
@media(min-width:600px) and (max-width:790px){
  .calc-compare{grid-template-columns:1fr 1fr!important}
  .calc-results .duo-result-cta{margin-top:20px}
  .feature-grid,.step-list{gap:16px}
  .duo-hero-cta{flex-direction:row;align-items:center;flex-wrap:wrap;gap:16px}
  .duo-hero-cta .duo-cta-note{max-width:15em}
  .home-hero .hero-visual{height:380px}
  .footer-grid{grid-template-columns:repeat(4,1fr)}
  .footer-grid>div:first-child{grid-column:1/-1}
  .calc-presets{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:768px) and (max-width:1100px){
  .calc-results{position:sticky;top:calc(var(--duo-hdr) + 12px);align-self:start}
}

/* ================= BOOK posture: vertical fold, left and right halves ================= */
@media(horizontal-viewport-segments:2){
  :root{--fold-gap:calc(env(viewport-segment-left 1 0,50vw) - env(viewport-segment-right 0 0,50vw));--fold-gutter:calc(var(--fold-gap) + 64px)}
  /* header: brand on the left page, booking + menu on the right page */
  .site-header{height:78px}
  .menu-trigger{display:inline-block;min-height:44px;min-width:76px}
  .duo-book-head{display:inline-flex;flex-direction:row;gap:.32em;align-items:center;font-size:13px;padding:5px 18px;margin-left:auto}
  .nav{position:absolute;left:env(viewport-segment-left 1 0,50vw);right:0;top:calc(78px + env(safe-area-inset-top,0px));background:#111;flex-direction:column;align-items:stretch;gap:0;padding:14px 22px;border-bottom:1px solid #333;display:none;max-height:calc(100svh - 78px);overflow:auto}
  .nav.open{display:flex}
  .nav a{display:flex;align-items:center;min-height:48px;padding:0 5px;font-size:15px}
  .nav .nav-link-red{display:none}
  .header-inner{gap:14px}
  .brand-tag{display:none}
  /* two equal pages with a gutter that sits on the hinge */
  .home-hero .shell,.pagehero .shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--fold-gutter);min-height:0}
  .home-hero .hero-visual,.pagehero .hero-visual{margin:0;height:420px;overflow:hidden;align-self:start}
  .home-hero .intro{max-width:none}
  .home-hero .big{font-size:clamp(44px,5.2vw,64px)}
  .calc-grid,.launch-builder,.capacity-layout,.base-offer,.about-founder,.quote-art,.launch-band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--fold-gutter)}
  .calc-results,.launch-review{position:sticky;top:calc(78px + 14px);align-self:start}
  .feature-grid,.step-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter)}
  .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--fold-gutter)}
  .footer-grid>div:first-child{grid-column:1/-1}
  .service-row{grid-template-columns:minmax(0,1fr)}
  .calc-sticky,.launch-sticky{display:none!important}
  html{scroll-padding-top:94px}
  :root{--page-w:calc(env(viewport-segment-right 0 0,50vw) - ((100vw - min(var(--max,1180px),100vw - 92px)) / 2) - 28px)}
  /* every two-column block becomes two equal pages with the gutter on the hinge */
  .price-extras,.brain-section-head,.brain-build-path,.brain-demo,.power-feature,.launch-journey-intro,.launch-long-view,.pa-industry-layout,.pa-layout,.pa-planning-note,.aj-intro,.aj-body,.form-grid,.demo-grid,.lf-compare,.launch-package-assurance,.lc-legend,.lc-phases,.addon-grid,.section-head{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter);align-items:start}
  .section-head>p{max-width:none;margin:0}
  /* three or more columns collapse to two pages */
  .price-steps,.brain-capabilities,.launch-journey-grid,.principles,.aj-principles,.aj-engagement,.aj-rail,.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter)}
  .pa-filters,.category-controls,.pa-foundation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter);gap:10px var(--fold-gutter)}
  /* service rows: number + title on the left page, engagement + arrow on the right page */
  .service-column-headings{display:none}
  .service-path .service-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--fold-gutter);row-gap:10px;align-items:start}
  .service-path .service-row>.num{grid-column:1;grid-row:1;flex-direction:row;gap:14px;align-items:baseline;padding-top:0}
  .service-path .service-row>.content{grid-column:1;grid-row:2;min-width:0}
  .service-path .service-row>.meta{grid-column:2;grid-row:1/3;align-self:center;min-width:0}
  .price-faq,.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter);align-items:start}
  main :is(p,.lede,h1,h2,h3,li){max-width:var(--page-w)!important}
  main .section-head>p{max-width:none!important}
}

/* ================= LAPTOP / TENT posture: horizontal fold, top and bottom halves ================= */
#duo-pane{display:none}
@media(vertical-viewport-segments:2){
  :root{--duo-hdr:60px;--seg0:env(viewport-segment-height 0 0,50svh);--seg1-top:env(viewport-segment-top 0 1,50svh);--fold-gap:calc(env(viewport-segment-top 0 1,50svh) - env(viewport-segment-bottom 0 0,50svh));--hang:calc(var(--fold-gap) + 14px)}
  body{padding-top:calc(var(--seg1-top) + 8px)}
  html{scroll-padding-top:calc(var(--seg1-top) + 12px)}
  /* top half: header and the pinned pane. Bottom half: the scrolling page */
  .site-header{position:fixed;left:0;right:0;top:0;height:60px;z-index:92}
  .site-header .brand img,.site-header .brand-mark{width:40px!important;height:auto!important;max-height:40px}
  .brand-tag{display:none}
  .duo-book-head{display:none}
  .menu-trigger{display:inline-block;min-height:44px}
  .nav{position:absolute;left:0;right:0;top:calc(60px + env(safe-area-inset-top,0px));background:#111;flex-direction:column;align-items:stretch;gap:0;padding:8px 22px;border-bottom:1px solid #333;display:none;max-height:calc(var(--seg0) - 60px);overflow:auto;z-index:93}
  .nav.open{display:flex}
  .nav a{display:flex;align-items:center;min-height:46px;padding:0 5px;font-size:15px}
  .nav .nav-link-red{display:flex!important}
  #duo-pane{display:flex;position:fixed;left:0;right:0;top:0;height:var(--seg0);z-index:91;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:calc(60px + 10px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right,0px)) 14px max(22px,env(safe-area-inset-left,0px));background:radial-gradient(120% 120% at 100% 0%,rgba(230,0,18,.22),transparent 60%),#0b0b0b;border-bottom:2px solid var(--duo-red);overflow:hidden}
  #duo-pane .dp-k{margin:0;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#ff6b78}
  #duo-pane .dp-v{margin:0;font-size:clamp(40px,11vw,76px);line-height:1;font-weight:900;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#fff}
  #duo-pane.dp-text .dp-v{font-size:clamp(26px,6vw,44px);line-height:1.08;letter-spacing:-.04em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  #duo-pane .dp-s{margin:0;font-size:14px;line-height:1.35;color:#d0d0d0;font-weight:600;max-width:34em}
  #duo-pane .duo-book-pane{margin-top:8px;min-height:56px;font-size:15px;font-weight:900;box-shadow:0 12px 30px -12px rgba(230,0,18,.6)}
  .launch-review,.calc-results{position:static}
  .calc-sticky,.launch-sticky{display:none!important}
  .pagehero{min-height:0}
  .chat-panel,.ai-guide{max-height:calc(100svh - var(--seg1-top) - 20px)}
}
@media(vertical-viewport-segments:2) and (max-height:620px){
  #duo-pane{gap:3px}
  #duo-pane .dp-v{font-size:clamp(34px,8vh,52px)}
  #duo-pane.dp-text .dp-v{font-size:clamp(22px,5vh,32px)}
  #duo-pane .dp-s{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #duo-pane .duo-book-pane{min-height:48px;margin-top:4px}
}

@media(horizontal-viewport-segments:2){
  .strip .shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter);row-gap:8px;justify-items:start}
  .strip .shell small{grid-column:1/-1}
  .strip .shell>span:nth-child(2n){display:none}
  .service-row-wrap strong,.pa-pricing-note span,.aj-caption span,.brain-sample-label{display:block;max-width:var(--page-w)}
  .hero-foot{max-width:var(--page-w)}
}

@media(horizontal-viewport-segments:2){
  .pa-grid,.pa-featured{grid-template-columns:1fr}
  .pa-card-top{flex-wrap:wrap}
  .pa-card-top>.pa-quote{flex-basis:100%;margin-left:0;white-space:normal}
  #interest,.form-grid~.field textarea,form textarea{max-width:var(--page-w)}
  .select-addon{max-width:min(360px,calc(var(--page-w) - 40px))}
  .price-faq>h3{grid-column:1/-1}
}

@media(horizontal-viewport-segments:2){
  .aj-industry-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter);align-items:center}
  .aj-industries{justify-content:flex-start}
  .hero-foot{text-align:left;padding-right:calc(100% - var(--page-w))}
}

@media(horizontal-viewport-segments:2){
  .price-faq{max-width:none}
  .hero-foot{grid-column:1/-1;justify-self:start;width:auto;margin-left:30px;padding-right:0}
}

@media(horizontal-viewport-segments:2){
  .pa-pricing-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--fold-gutter);align-items:start}
  .pa-pricing-note span{max-width:none}
}

/* ---- touch: 44px targets for filter chips and compact buttons (Duo unfolded widths) ---- */
@media(max-width:1100px) and (pointer:coarse){
  .pa-filters button,.category-controls button,.aj-industries button,.pa-industry-view,.aj-industry-bar button,.pa-foundation button{min-height:44px}
  .brand{min-width:44px;min-height:44px;display:inline-flex;align-items:center}
}
