/* Final phone composition. Every rule is isolated from the approved desktop. */
@media (max-width:760px){
 .container,.nav-shell,.life-experience{width:calc(100% - 40px);max-width:540px}
 .section{padding:52px 0}
 .site-header{height:76px}
 .nav-shell{gap:16px}
 .site-header .official-logo{width:150px}
 .menu-toggle{min-width:86px;min-height:48px;padding:11px 12px}
 #main-nav{top:76px;padding:12px 20px 22px;max-height:calc(100svh - 88px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid #bdc6b4}
 #main-nav>a,.services-menu>button,#service-links a{display:flex;align-items:center;min-height:50px;padding-top:12px;padding-bottom:12px}
 #main-nav .header-cta{justify-content:space-between;gap:12px;font-size:14px;line-height:1.5;margin-top:12px;min-height:56px}
 .services-menu>button{width:100%;justify-content:space-between}
 #service-links{position:static;width:100%;padding:0 0 10px 14px;box-shadow:none;background:transparent;border-left:1px solid #bba68b}
 #service-links[hidden]{display:none}
 #service-links a{padding-left:8px;padding-right:8px;font-size:15px}
 a,button,select{touch-action:manipulation}
 /* A four-line headline and paired actions establish a compact, readable opening. */
 .hero{padding-top:18px}
 .hero>.container>.section-identifier{font-size:17px;line-height:1.35;max-width:100%;gap:10px;margin-bottom:18px}
 .hero .small-mark{flex:0 0 15px;margin-top:4px}
 .hero h1{font-size:clamp(44px,11.4vw,49px);line-height:1.045;letter-spacing:-.7px;text-wrap:initial}
 .hero-line{display:block}
 .hero-aside{padding-top:20px}
 .hero-aside>p{font-size:17.5px;line-height:1.6;letter-spacing:0;color:#425748}
 .hero-actions{margin-top:22px;gap:0}
 .hero-primary-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:0}
 .hero-primary-action .button{font-size:14px;line-height:1.5;padding:13px 14px;gap:10px;min-height:72px;width:100%;min-width:0}
 .hero-primary-action .button>span{font-size:20px;flex:none}
 .hero-secondary{font-size:14px;line-height:1.5;gap:9px;padding:12px 0;min-height:48px;white-space:nowrap}
 .hero-secondary .strand-arrow{font-size:20px;flex:none}
 /* Align the artwork with the primary CTA text; the page gutter supplies
    additional clear space to the left of the unmodified official badge. */
 .hero-partner{width:235px;max-width:100%;padding:28px 28px 28px 15px;margin:0}
 .hero-partner img{width:192px;max-width:100%;height:auto}
 .hero-strand{height:88px;margin:0 auto}
 #hero-strand-art .continuity-thread{stroke-dashoffset:0;opacity:.4}
 /* The argument has a clear heading, readable questions and a distinct closing thought. */
 .bottleneck{padding-top:48px}
 .bottleneck-heading{display:block}
 .bottleneck h2{font-size:34px;line-height:1.16;letter-spacing:-.3px}
 .body-copy{font-size:17px;line-height:1.65;margin-top:24px}
 .bottleneck-questions{margin-top:28px}
 .bottleneck-questions li{font-size:25px;line-height:1.26;padding:18px 0 18px 22px}
 .bottleneck-questions li:before{top:28px}
 .bottleneck .bridge-copy{margin-top:31px;border-left:2px solid #b16c45;padding-left:18px;font-size:29px;line-height:1.25;text-align:left;text-wrap:initial}
 /* Full circle followed by a self-contained reader. Its controls travel only
    within the explanation, never pinning the section or capturing page scroll. */
 .life-pin{padding:48px 0}
 .life-header h2{font-size:39px;line-height:1.12;letter-spacing:-.4px}
 .life-header>p{font-size:17px;line-height:1.65;margin-top:22px}
 .life-experience{gap:42px;margin-top:28px}
 .lifecycle-instrument-panel{width:100%;min-width:0}
 .continuity-instrument{width:100%;max-width:370px;margin:0 auto;touch-action:pan-y}
 .activity-ring button{width:48px;height:48px;min-width:48px;min-height:48px}
 .activity-ring button:focus-visible{outline-offset:1px}
 .core-label{font-size:12px;line-height:1.3;max-width:140px;flex:none}
 #core-textile{height:18px;flex:none;margin:3px 0}
 .context-core>strong{font-size:34px;line-height:1.1;flex:none}
 .core-subtitle{font-size:13px;line-height:1.4;max-width:140px;margin-top:4px;flex:none}
 .instrument-caption{top:calc(100% + 8px);bottom:auto}
 .instrument-caption .core-change{font-size:14px;line-height:1.5}
 .lifecycle-transport{position:sticky;top:0;z-index:4;flex:none;width:100%;max-width:none;margin:0 0 18px;padding:12px 0;background:var(--green);border-top:1px solid #677a6080;border-bottom:1px solid #677a6080;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:center}
 .lifecycle-transport>button{min-width:48px;width:48px;min-height:48px;height:48px}
 .lifecycle-transport #previous-stage{grid-column:1;grid-row:1}
 .lifecycle-transport #next-stage{grid-column:3;grid-row:1}
 .stage-readout>#play-lifecycle{display:flex;align-items:center;justify-content:center;align-self:flex-start;gap:10px;min-width:48px;min-height:48px;margin:14px 0 0;padding:8px 0;background:none;border:0;border-radius:0;color:#f0e8d5;font:400 14px/1.5 var(--sans);cursor:pointer}
 .stage-readout>#play-lifecycle:hover{color:#efc593}
 .lifecycle-transport .mobile-stage-select{grid-column:2;grid-row:1;margin:0;display:block;width:100%;min-width:0}
 .mobile-stage-select label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
 .mobile-stage-select select{width:100%;height:48px;min-width:0;max-width:100%;padding:10px 28px 10px 10px;font:500 16px/1.4 var(--sans);color:#f0dfc1;background:var(--green);border:1px solid #849477;border-radius:3px}
 .mobile-stage-select select:focus-visible{outline-offset:2px}
 .life-instruction{display:none}
 .stage-readout{padding-top:0;border-top:0;isolation:isolate}
 #stage-readout{scroll-margin-top:90px}
 .stage-meta{font-size:12px;line-height:1.5;letter-spacing:.35px;margin-bottom:12px}
 .stage-text h3{font-size:16px;line-height:1.4;letter-spacing:.7px;margin-bottom:10px}
 .stage-text>p{font-size:27px;line-height:1.35;letter-spacing:-.2px;min-height:var(--stage-copy-height,0px)}
 .stage-example{margin-top:21px}
 .stage-example>span{font-size:12px;line-height:1.5;letter-spacing:.4px}
 .stage-example>p{font-size:17px;line-height:1.65;margin-top:8px;min-height:var(--stage-example-height,0px)}
 .persistent-context{gap:11px;margin-top:16px;padding-top:18px}
 .persistent-context strong{font-size:15px;line-height:1.5}
 .persistent-context p span{font-size:14px;line-height:1.55}
 /* Performance remains prominent; a compact side-by-side comparison shows the change. */
 .impact-heading h2{font-size:40px;line-height:1.12}
 .outcomes{margin-top:29px;margin-bottom:22px}
 .outcomes article{grid-template-columns:126px minmax(0,1fr);gap:16px;padding:20px 0}
 .outcomes strong{font-size:72px;line-height:1;letter-spacing:-2.4px}
 .outcomes h3{font-size:16px;line-height:1.5}
 .results-qualification{font-size:14.5px;line-height:1.65;margin-bottom:28px}
 .feature-proof{padding:24px 20px 26px}
 .feature-comparison{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px;width:100%}
 .feature-comparison>div:not(.compression-art){display:grid;grid-template-rows:20px 78px 24px;gap:4px;align-items:center;justify-content:stretch;justify-items:center;width:100%;min-width:0;text-align:center}
 .feature-comparison strong,.feature-comparison .feature-after strong{grid-row:2;font-size:78px;line-height:1;letter-spacing:-2px;white-space:nowrap}
 .feature-comparison>div>span{grid-row:3;font-size:15px;line-height:1.5;margin:0;white-space:nowrap;color:#654b31}
 .feature-comparison .feature-after>span:first-child{grid-row:1;font-size:15px;margin:0}
 .compression-art{width:30px;max-width:30px;height:48px;margin:0;align-self:center}
 .compression-art>span{font-size:27px!important;transform:translate(-50%,-50%)}
 .compression-art svg{display:none}
 .feature-explanation{margin-top:23px;padding-top:22px;border-top:1px solid #b8946b}
 .feature-explanation>p{font-size:17px;line-height:1.65}
 .feature-explanation .qualifier{font-size:14.5px;line-height:1.65;margin-top:17px}
 /* One continuous list, followed by a distinct editorial offering and credentials. */
 .delivery.section{padding-top:0;padding-bottom:48px}
 .delivery-intro h2{font-size:40px;line-height:1.12}
 .delivery-intro>p{font-size:17px;line-height:1.65;margin-top:22px}
 .delivery-capabilities{margin-top:27px;padding-left:4px}
 .delivery-capabilities li{padding:18px 0 18px 18px;gap:16px;align-items:baseline;min-height:70px}
 .delivery-capabilities h3{font-size:20px;line-height:1.4;letter-spacing:-.2px;min-width:0}
 .delivery-capabilities li>span{font-size:14px;flex-basis:22px}
 .embedded-offering{padding:48px 0 38px}
 .embedded-heading .team-symbol{margin-top:4px;margin-bottom:22px}
 .embedded-heading h2{font-size:44px;line-height:1.1;text-wrap:initial}
 .embedded-copy{margin-top:24px}
 .embedded-copy p{font-size:17px;line-height:1.65}
 .embedded-copy .service-link{font-size:16px;line-height:1.5;min-height:56px;padding:12px 0;gap:16px;margin-top:18px;border-bottom:1px solid #bfc7b5}
 .credentials{padding-bottom:48px}
 .credentials-intro h2{font-size:34px;line-height:1.15}
 .credentials-intro>p{font-size:16px;line-height:1.65}
 .credentials-list>div,.credentials-list>div:first-child{grid-template-columns:112px minmax(0,1fr);gap:18px;padding:19px 0}
 .credentials-list dd{font-size:40px;line-height:1.15}
 .credentials-list dt{font-size:16px;line-height:1.5}
 /* The brief stays legible and comfortably inside the phone gutters. */
 .proof{padding-top:4px;padding-bottom:48px}
 .story-space{padding-top:22px}
 .story-space>span{font-size:14px;line-height:1.6}
 .assessment{padding:48px 0 54px}
 .assessment-layout{gap:30px}
 .assessment-copy h2{font-size:40px;line-height:1.12}
 .assessment-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;margin-top:22px}
 .assessment-copy .button{font-size:14px;min-height:56px;margin-top:22px}
 .brief{padding:26px 22px;width:100%;max-width:100%;transform:none;box-shadow:5px 5px 0 #aeb89538}
 .brief-heading{gap:18px;margin-bottom:22px}
 .brief-official-logo{width:140px;max-width:100%;height:auto}
 .brief-heading>span:last-child{font-size:33px;line-height:1.13}
 .brief>p,.brief li{font-size:16px;line-height:1.65}
 .brief li{padding:12px 0 12px 22px}
 /* Long offering names have their own full-width rhythm. The shorter company
    links share actual grid rows, so wrapping cannot stagger the columns. */
 .footer-main{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:28px}
 .footer-main>div{grid-column:1;gap:0;font-size:16px;line-height:1.5}
 .footer-main>div>a{display:flex;align-items:center;min-height:48px;padding:12px 0}
 .footer-main>div:nth-of-type(1)>a+a{border-top:1px solid #cdd0c2}
 .footer-main>div:nth-of-type(2){display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 20px;padding-top:12px;border-top:1px solid #cdd0c2}
 .footer-main>div:last-child{gap:0;padding-top:22px;border-top:1px solid #cdd0c2}
 .footer-main>div:last-child>span{margin-bottom:8px}
 .footer-base{font-size:13px;line-height:1.6}
 .trademark-notice{font-size:12px;line-height:1.65}
}