/* DDR-P06-FUNNEL — page styles. Ported from the accepted design build: package demo/design.css (byte-identical in v1.1
 * and v1.2) followed by the v1.2 revision layer (demo/revision.css); same rules and values; satin materials point to
 * the published WebP files; review-harness rules (state toolbar, capture mode, sample
 * note) removed; rules of the numbering removed in v1.1 (B02 list spans, B04/B05 number badges — their elements do not
 * exist) removed; B03 keeps its 01–04. Fonts with font-display:swap and pinned vertical metrics (hhea/typo 729/271/200
 * of 1000 UPM): Chromium on Windows takes OS/2 usWin 1075/299 otherwise and sets every line 0.16 em lower than the
 * package previews (Linux Chromium) — same fix as the accepted DDR-P07. Implementation additions follow at the end. */
@font-face{font-family:Nimbus;src:url('../assets/fonts/NimbusSans-Regular.otf') format('opentype');font-weight:400;font-display:swap;ascent-override:72.9%;descent-override:27.1%;line-gap-override:20%}
@font-face{font-family:Nimbus;src:url('../assets/fonts/NimbusSans-Bold.otf') format('opentype');font-weight:700;font-display:swap;ascent-override:72.9%;descent-override:27.1%;line-gap-override:20%}
:root{--red:#f60019;--ink:#090c10;--muted:#506788;--line:#d5deea;--focus:#3354b5;--space:56px;--body:20px;--dark:#0c1925}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:#fff;color:var(--ink);font:var(--body)/1.43 Nimbus,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{border:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1,h2,h3{margin:0;font-weight:700;line-height:1.1;letter-spacing:-.025em}h1{font-size:60px;line-height:1.03;margin-bottom:28px}h2{font-size:46px;line-height:1.09;margin-bottom:30px}h3{font-size:25px;line-height:1.16;margin-bottom:12px}h1:focus,h2:focus{outline:none}em{font-style:normal;color:var(--red)}p{margin:0 0 22px;color:var(--muted)}p:last-child{margin-bottom:0}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}[hidden]{display:none!important}.wrap{width:100%;max-width:1440px;padding-inline:var(--space);margin:auto}section{padding:88px 0;scroll-margin-top:110px}.light{background:#fff url('../assets/scenes/light-satin.webp') center/cover no-repeat}.primary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:15px 25px;border-radius:6px;color:#fff;background:var(--red);font-size:19px;line-height:1.25;font-weight:700;text-align:center;text-decoration:none;transition:background .15s,transform .15s}.primary:hover{background:#d90016}.primary:active{background:#bc0013;transform:translateY(1px)}.primary:disabled{background:#8e99a9;transform:none}.text-button{display:inline-flex;align-items:center;gap:14px;background:none;color:var(--muted);font-size:18px;text-align:left;padding:8px 0;min-height:44px;text-decoration:underline;text-underline-offset:5px;line-height:1.4}.text-button:hover,.inline-link:hover{color:#bc0013}.text-button:active{color:#850011}.small,.hint{font-size:16px;line-height:1.4}.small{margin:18px 0 0}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.eyebrow{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:700;margin-bottom:22px}.eyebrow:before{content:'';width:26px;height:4px;background:var(--red)}.symbol{display:block;width:42px;height:42px;flex-shrink:0;color:currentColor}.number{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;background:linear-gradient(135deg,#fff,#f5f8fb);border:1px solid #d5dfec;border-radius:9px;box-shadow:0 7px 15px #243c5012,inset 0 1px 0 #fff;color:var(--red);font-weight:700;font-size:25px;line-height:1}.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:start}.red-rule{border-left:3px solid var(--red);padding-left:24px;color:var(--ink);margin-top:34px}.site-header{position:sticky;top:0;z-index:20;height:96px;background:#fffffff0;backdrop-filter:blur(16px);box-shadow:0 1px 0 #dde3ea88}.header-inner{display:flex;align-items:center;height:100%;gap:28px}.logo{display:block;width:176px;flex-shrink:0}.logo img{width:100%;height:auto;mix-blend-mode:multiply}.desktop-nav{display:flex;gap:32px;margin-left:auto;font-size:16px}.desktop-nav a{text-decoration:none;padding:16px 0}.desktop-nav a:hover{color:var(--red)}.header-cta{margin-left:20px;font-size:18px}.menu-toggle{display:none;width:44px;height:44px;background:none;padding:11px}.menu-toggle span{display:block;height:2px;background:var(--muted);margin:5px 0}.skip{position:fixed;z-index:100;left:20px;top:-100px;padding:15px;background:white}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero{padding-top:58px;padding-bottom:80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:16px}.hero-text{position:relative;z-index:1}.hero .lead{font-size:21px}.hero-art{width:calc(100% + 50px);margin-right:-50px}.hero-art img{width:100%;filter:drop-shadow(0 15px 18px #56708a0c)}.hero .small{max-width:730px}.problems{padding-top:76px}.problem-list{padding-top:4px}.problem-list li{display:flex;gap:22px;align-items:baseline;color:var(--muted);padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #cbd6e780}.problem-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.scenario{background:linear-gradient(#0b1721b5,#0b1721db),url('../assets/scenes/dark-satin.webp') center/cover no-repeat;color:#fff;padding-top:94px}.scenario h2{max-width:1100px}.scenario p{color:#cad7e6}.scenario-intro{max-width:870px}.process-label{font-size:16px;font-weight:700;letter-spacing:.02em;margin:40px 0 18px!important;color:#fff!important}.flow{position:relative;isolation:isolate}.flow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1;pointer-events:none}.flow-lines path{vector-effect:non-scaling-stroke}.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;position:relative}.flow-step,.outcome,.result-node,.control{background:linear-gradient(145deg,#213443ee,#14232fee);border:1px solid #71899c4a;box-shadow:inset 0 1px 1px #b8cee915,0 12px 20px #00000010;border-radius:14px}.flow-step{padding:25px 24px}.step-top{display:flex;align-items:center;gap:24px;margin-bottom:23px}.step-top .symbol{color:#e6edf4;filter:drop-shadow(0 2px 1px #0004)}.flow-step h3{font-size:24px;min-height:56px}.flow-step p,.outcome p{font-size:18px;line-height:1.43}.result-node{display:flex;align-items:center;gap:24px;margin:42px 0;padding:26px 30px}.result-node h3{font-size:28px}.result-node p{font-size:18px;margin:0}.result-node .symbol{width:44px;height:44px;color:#e6edf4}.outcomes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:stretch;position:relative}.outcome{padding:26px 24px;display:flex;flex-direction:column}.outcome h3{font-size:23px;line-height:1.18;min-height:55px}.outcome-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(130deg,#fff,#e7eef6);box-shadow:inset 0 0 0 1px #fff,0 5px 12px #0003;margin-bottom:22px;color:var(--red)}.outcome-icon .symbol{width:31px;height:31px}.outcome-4 .outcome-icon{color:#223d51}.outcome-action{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #8fa5ba4d;padding-top:18px;margin-top:auto;color:#eff5fc;font-size:16px;line-height:1.35}.outcome-action>span{font-size:22px;line-height:1.1;color:#e6edf4}.outcome-4{border-color:#a8bccf70}.handoff{width:calc(50% - 14px);margin:42px 0 0 auto;padding:32px;background:linear-gradient(135deg,#fff,#f1f5fa);border:1px solid #d4e0ed;border-radius:13px;box-shadow:0 12px 34px #0002;color:var(--ink);position:relative}.handoff-heading{display:flex;gap:22px;align-items:flex-start;margin-bottom:18px}.handoff-heading .symbol{color:var(--red);width:44px;height:44px}.handoff h3{font-size:27px;margin:0}.handoff p{color:var(--muted);font-size:19px}.handoff-tags{display:flex;flex-wrap:wrap;gap:8px}.handoff-tags li{font-size:15px;background:#e7eef6;color:#506788;border:1px solid #d1dce8;padding:5px 9px;border-radius:4px}.control{padding:30px 32px;margin-top:46px}.control h3{font-size:27px;margin-bottom:24px}.control-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.control-list li{display:flex;gap:13px;align-items:center;font-size:17px;line-height:1.3;color:#f5f8fb}.control-list .symbol{color:#f4f8fc;width:26px;height:26px}.control>p{font-size:18px;max-width:1120px}.automation-note{border:1px dashed #a9bbcc90;border-radius:7px;padding:20px;display:flex;align-items:center;gap:16px;margin-top:24px!important;font-size:17px!important}.automation-note .symbol{width:27px;height:27px;opacity:.8}.scenario-note{font-size:17px;max-width:1030px;margin:28px 0 0}
.deliverables{padding-top:90px}.deliverables-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:78px}.deliverables-art{margin:30px -20px 0 -28px}.deliverables-art img{width:100%}.index-row{display:flex;gap:23px;align-items:flex-start}.index-row p{margin:0}.deliverable-index{display:grid;gap:32px}.deliverable-index h3{font-size:25px}.deliverable-index .index-row>div{border-left:1px solid #f6001966;padding-left:24px}.deliverables .actions{padding-left:96px}.work{padding-top:80px}.work h2{max-width:900px}.work-index{display:grid;grid-template-rows:repeat(3,auto);grid-auto-flow:column;grid-template-columns:1fr 1fr;gap:36px 70px;margin:44px 0}.participation{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;background:#eef4f9eb;border:1px solid #dfe6ef;padding:32px 36px;border-radius:11px}.participation p{font-size:19px}.participation>p{border-left:1px solid #cfdce9;padding-left:34px;align-self:center}.experience{border-top:1px solid #d6dfea;border-bottom:1px solid #d6dfea;padding:28px 0;margin-top:34px}.experience h3{font-size:23px}.experience p{font-size:18px;max-width:1170px}.related-list{display:grid;gap:22px}.related{background:#ffffffdc;border:1px solid var(--line);padding:30px 32px;border-radius:10px;box-shadow:0 8px 20px #33486207}.related h3{font-size:24px}.related p{font-size:19px}.arrow-link{font-weight:700;color:#c50016;text-decoration-thickness:1px}.arrow-link span{font-size:25px}.proposal{padding:34px 36px 30px 40px;background:#fff;border:1px solid #d8e3ee;border-radius:12px;box-shadow:0 16px 35px #193a5b0d;position:relative}.proposal:before{content:'';position:absolute;left:20px;top:34px;bottom:34px;width:3px;background:var(--red)}.proposal p{font-size:19px}.limits{border-top:1px solid #dbe4ee;padding-top:6px}.limits li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #e1e8f1;font-size:18px}.limits li:last-child{border:0;padding-bottom:0}.limits .symbol{width:25px;height:25px;color:#607d9b;margin-top:1px}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.faq-item{border-bottom:1px solid #d6e0ed}.faq-item:first-child{border-top:1px solid #d6e0ed}.faq-item summary{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;cursor:pointer;list-style:none;padding:25px 0;font-size:21px;font-weight:700;line-height:1.25}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:#c50016}.faq-mark{flex-shrink:0;color:var(--red);font-size:26px;font-weight:400;line-height:1}.faq-mark:before{content:'+'}.faq-item[open] .faq-mark:before{content:'−'}.faq-answer{padding:0 38px 24px 0}.faq-answer p{font-size:19px;line-height:1.45}.contact-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:76px;align-items:start}.contact-invitation h2{border-left:4px solid var(--red);padding-left:24px}.contact-invitation p{max-width:540px}.form-paper{padding:36px;background:#ffffffed;border:1px solid #d0ddec;border-radius:12px;box-shadow:0 20px 38px #19334c16}fieldset{border:0;padding:0;margin:0;min-width:0}.field{margin-bottom:25px}.field label,.field legend{display:block;font-size:18px;line-height:1.35;margin-bottom:10px}.required{color:#b40016}.form-paper input:not([type=checkbox]):not([type=radio]),textarea,select{display:block;width:100%;border:1px solid #afc4de;border-radius:4px;background:#fff;color:var(--ink);padding:14px 15px;min-height:54px;font-size:18px;line-height:1.4}input::placeholder,textarea::placeholder{color:#627a9a;opacity:1}.form-paper input:disabled{background:#edf1f6!important;color:#607795!important}textarea{min-height:155px;resize:vertical}select{padding-right:28px!important}.form-paper .hint{margin:8px 0 0;color:#526b90}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.channel-option{display:flex!important;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 7px;border:1px solid #afc4de;border-radius:4px;font-size:15px!important;margin:0!important;cursor:pointer}.channel-option:hover{border-color:#6c88ac;background:#f3f6fa}.channel-option:has(input:checked){border-color:#e10019;background:#fff1f3;box-shadow:inset 0 0 0 1px #e10019}.channel-option input{accent-color:var(--red);margin:0;width:15px;height:15px;flex-shrink:0}.consent{display:flex;gap:13px;align-items:flex-start;margin-top:28px}.consent input{width:20px;height:20px;accent-color:var(--red);flex-shrink:0;margin:2px 0}.consent label{font-size:16px;line-height:1.5}.inline-link{display:inline;border:0;background:none;color:#506788;font:inherit;text-decoration:underline;text-underline-offset:4px;padding:0;cursor:pointer;text-align:left}.policy{font-size:16px;margin:10px 0 20px}.form-submit,.new-request{width:100%}.form-paper .after-button{margin-top:22px}.field-error{font-size:16px;color:#b50017!important;margin:8px 0 0}.field:has([aria-invalid=true]) input:not([type=radio]),input[aria-invalid=true],.channel-field:has([aria-invalid=true]) .channel-option{border-color:#b50017!important}.consent input[aria-invalid=true]{outline:2px solid #b50017;outline-offset:2px}#form-summary{margin-bottom:20px}#form-status{border:1px solid #d0ddec;border-left:3px solid #c90018;border-radius:6px;background:#f1f5f9;padding:24px;margin-bottom:24px}#form-status h3{font-size:26px}#form-status p{font-size:18px}#form-status .demo-note{font-size:15px;border-top:1px solid #d0ddec;margin-top:16px;padding-top:16px}.form-paper[aria-busy=true]{opacity:.85}footer{padding:38px 0;background:#f8fafc;border-top:1px solid #dce4ee}.footer-inner{display:flex;align-items:center;gap:40px}.footer-inner .logo{width:150px}.footer-inner nav{display:flex;gap:24px;font-size:14px;margin-left:auto}.footer-inner nav a{text-decoration:none}.footer-inner .policy{margin:0;font-size:14px}dialog{color:var(--ink);font:inherit;padding:32px;border:1px solid #cbd7e7;border-radius:12px;max-width:640px;width:calc(100% - 40px);box-shadow:0 24px 80px #0004}dialog::backdrop{background:#07132199;backdrop-filter:blur(4px)}dialog h2{font-size:32px}dialog p{font-size:18px}.menu-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.close-menu{width:44px;height:44px;background:#f0f4f8;color:var(--muted);font-size:32px;border-radius:5px}#mobile-menu nav{display:grid;margin:44px 0;gap:8px}#mobile-menu nav a{font-size:27px;font-weight:700;padding:18px 0;text-decoration:none;border-bottom:1px solid var(--line)}.menu-actions{display:grid;gap:14px}.menu-actions .text-button{justify-content:center}
@media(max-width:1299px){:root{--space:40px}h1{font-size:54px}h2{font-size:42px}.split,.deliverables-grid,.contact-grid{gap:52px}.hero-art{width:calc(100% + 32px);margin-right:-32px}.flow-steps{gap:25px}.flow-step,.outcome{padding:22px 20px}.flow-step h3{font-size:23px}.flow-step p,.outcome p{font-size:18px}.outcomes{gap:24px}.outcome h3{font-size:22px}.form-paper{padding:28px}.channel-option{font-size:14px!important;gap:5px;padding-inline:5px}.desktop-nav{gap:26px}.header-inner{gap:18px}.header-cta{margin-left:8px}.work-index{gap:34px 45px}.footer-inner{gap:22px}.footer-inner nav{gap:18px}}
@media(max-width:1100px){:root{--space:32px}h1{font-size:49px}h2{font-size:39px}.hero-grid{grid-template-columns:1.15fr .85fr;gap:0}.hero .lead{font-size:20px}.hero .actions{gap:10px}.hero .actions .primary{font-size:18px}.flow-steps{grid-template-columns:repeat(2,1fr);gap:32px}.flow-step h3{min-height:0}.flow-step p{font-size:19px}.outcomes{display:block;padding-left:32px}.outcome{margin-bottom:24px;padding:26px;display:grid;grid-template-columns:50px 1fr;column-gap:20px}.outcome .outcome-icon{grid-column:1;grid-row:1/4;margin:0}.outcome h3,.outcome p,.outcome-action{grid-column:2;min-height:0}.outcome p{font-size:19px}.outcome-action{margin-top:4px}.handoff{width:calc(100% - 32px);margin-top:34px}.control-list{grid-template-columns:1fr 1fr;gap:22px}.control-list li{font-size:18px}.deliverables-grid{grid-template-columns:.85fr 1.15fr;gap:44px}.deliverable-index .index-row{gap:15px}.deliverable-index .index-row>div{padding-left:16px}.deliverable-index h3{font-size:24px}.deliverables .actions{padding-left:0}.split{gap:40px}.participation{padding:28px;gap:30px}.participation>p{padding-left:28px}.related{padding:25px}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:38px}.channels{grid-template-columns:1fr 1fr;gap:10px}.channel-option{font-size:17px!important}.faq-grid{grid-template-columns:.6fr 1.4fr;gap:40px}.desktop-nav{gap:22px}.site-header .logo{width:154px}.header-cta{font-size:16px}.footer-inner{align-items:flex-start}.footer-inner nav{display:grid;grid-template-columns:1fr 1fr}.footer-inner .policy{max-width:170px}}
@media(max-width:999px){.site-header{height:80px}.desktop-nav{display:none}.menu-toggle{display:block;margin-left:0}.header-cta{margin-left:auto;font-size:17px}.hero-grid{grid-template-columns:1fr}.hero-text{max-width:700px}.hero-art{width:72%;max-width:650px;margin:25px auto 0}.hero .actions{gap:22px}.hero h1{max-width:760px;font-size:52px}.hero .small{max-width:620px}.split,.deliverables-grid,.contact-grid,.faq-grid{grid-template-columns:1fr;gap:42px}.problems .split{grid-template-columns:.9fr 1.1fr;gap:40px}.problems h2{font-size:37px}.problem-list li{font-size:19px;gap:16px}.deliverables-grid>div:first-child{display:grid;grid-template-columns:1.1fr .9fr;column-gap:24px;align-items:center}.deliverables-grid h2,.deliverables-grid>div:first-child>p{grid-column:1}.deliverables-art{grid-column:2;grid-row:1/3;margin:0}.deliverable-index{grid-template-columns:1fr 1fr;gap:30px}.deliverable-index .index-row:last-child{grid-column:1/3}.work-index{gap:30px}.index-row{gap:15px}.participation{gap:25px}.cost-grid{grid-template-columns:.85fr 1.15fr;gap:32px}.proposal{padding:30px 25px 30px 38px}.contact-invitation p{max-width:650px}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:30px}.contact-invitation h2{font-size:38px}.form-paper{padding:26px}.faq-grid{grid-template-columns:.65fr 1.35fr;gap:35px}.faq-grid h2{font-size:37px}.channels{gap:8px}.channel-option{font-size:16px!important}section{padding:72px 0}.flow-step p{font-size:18px}.scenario{padding-top:76px}.contact-invitation p{font-size:19px}.contact-invitation h2{padding-left:18px}.footer-inner .logo{width:130px}}
@media(max-width:799px){.contact-grid,.cost-grid,.faq-grid,.problems .split{grid-template-columns:1fr}.contact-invitation p{max-width:660px}.contact-invitation h2{max-width:650px}.form-paper{padding:32px}.channels{grid-template-columns:repeat(4,1fr)}.channel-option{font-size:16px!important}.cost-grid>div:first-child{max-width:670px}.faq-grid{gap:14px}.faq-grid h2{max-width:610px}.problems .split{gap:35px}.problem-list{display:grid;grid-template-columns:1fr 1fr;gap:24px 34px}.problem-list li{margin:0;padding-bottom:20px}.work-index{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:30px}.work-index .index-row{gap:20px}.participation{grid-template-columns:1fr;gap:24px}.participation>p{padding:24px 0 0;border-left:0;border-top:1px solid #cfdce9}.tools .split{gap:30px}.footer-inner{flex-wrap:wrap;gap:25px}.footer-inner nav{margin-left:auto}.footer-inner .policy{max-width:none;margin-left:auto}}
@media(max-width:599px){:root{--space:24px;--body:18px}html{scroll-padding-top:92px}.site-header{height:76px}.header-inner{gap:10px}.site-header .logo{width:145px}.header-cta{display:none;min-height:42px;font-size:14px;padding:10px 11px;margin-left:auto}.menu-toggle{margin-left:auto;flex-shrink:0}.scrolled .header-cta{display:inline-flex;background:#d90016}.scrolled .site-header .logo{width:85px}.scrolled .menu-toggle{margin-left:0}.hero{padding-top:30px;padding-bottom:42px}.hero h1{font-size:39px;line-height:1.04;margin-bottom:26px}.hero .lead{font-size:18px}.hero p{line-height:1.43}.hero .eyebrow{font-size:15px;line-height:1.3;margin-bottom:22px}.hero .actions{display:grid;gap:8px;margin-top:28px}.hero .actions .primary{font-size:18px;padding:15px 23px;min-height:58px}.hero .text-button{justify-content:center;text-align:center;font-size:18px}.hero .small{font-size:16px;margin-top:20px;line-height:1.4}.hero-art{width:calc(100% + 30px);max-width:none;margin:26px -15px 0}section{padding:58px 0;scroll-margin-top:90px}h2,.problems h2,.faq-grid h2,.contact-invitation h2{font-size:34px;line-height:1.08;letter-spacing:-.025em;margin-bottom:26px}h3{font-size:24px}p{margin-bottom:22px}.primary{font-size:18px;min-height:56px}.split,.deliverables-grid,.contact-grid{gap:30px}.problems{padding-top:30px}.problem-list{display:block}.problem-list li{font-size:18px;gap:20px;line-height:1.45;padding:0 0 22px;margin:0 0 22px}.red-rule{padding-left:20px;margin-top:28px}.scenario{padding-top:60px}.scenario-intro{font-size:18px}.process-label{margin:30px 0 16px!important;font-size:15px}.flow-steps{display:block;padding-left:18px}.flow-step{padding:23px 21px 23px 28px;margin:0 0 26px;position:relative}.step-top{margin-bottom:16px;gap:22px}.step-top .number{position:absolute;left:-19px;top:23px;width:37px;height:39px;border-radius:8px;font-size:19px}.step-top .symbol{width:34px;height:34px}.flow-step h3{font-size:24px;margin-bottom:13px;min-height:0}.flow-step p{font-size:18px;line-height:1.44}.result-node{gap:14px;padding:24px 20px;margin:32px 0}.result-node .symbol{width:32px;height:32px;align-self:flex-start}.result-node h3{font-size:26px}.result-node p{font-size:18px;line-height:1.4}.outcomes{padding-left:18px}.outcome{display:block;padding:24px 20px;margin-bottom:26px}.outcome .outcome-icon{margin:0 0 18px;width:42px;height:42px}.outcome .outcome-icon .symbol{width:29px;height:29px}.outcome h3{font-size:24px;line-height:1.17;min-height:0}.outcome p{font-size:18px;line-height:1.44}.outcome-action{font-size:16px;margin-top:10px;line-height:1.4}.handoff{width:calc(100% - 18px);padding:25px 21px;margin-top:32px}.handoff-heading{display:block;margin-bottom:18px}.handoff-heading .symbol{margin-bottom:15px;width:38px;height:38px}.handoff h3{font-size:26px;line-height:1.14}.handoff p{font-size:18px;line-height:1.44}.handoff-tags{gap:6px}.handoff-tags li{font-size:14px;padding:4px 7px}.control{padding:25px 22px;margin-top:32px}.control h3{font-size:27px}.control-list{grid-template-columns:1fr;gap:20px}.control-list li{font-size:18px;gap:14px}.control-list .symbol{width:26px;height:26px}.control>p{font-size:18px}.automation-note{padding:17px 15px;align-items:flex-start;font-size:17px!important;gap:12px}.automation-note .symbol{width:22px;height:22px}.scenario-note{font-size:17px;line-height:1.43}.deliverables-grid>div:first-child{display:block}.deliverables-art{margin:24px -15px 0}.deliverable-index{display:block}.deliverable-index .index-row{margin-bottom:30px;gap:15px}.deliverable-index .index-row:last-child{margin-bottom:0}.deliverable-index .index-row>div{padding-left:0;border-left:0}.deliverable-index h3{font-size:24px}.deliverable-index p{font-size:18px}.deliverables .actions .primary{width:100%;padding-inline:22px}.work-index{margin:34px 0}.work-index .index-row{gap:16px}.work-index h3{font-size:24px}.work-index p{font-size:18px}.participation{padding:25px 22px}.participation p{font-size:18px}.participation h3{font-size:25px}.experience{margin-top:28px;padding:25px 0}.experience h3{font-size:23px}.experience p{font-size:18px}.related{padding:26px 22px}.related h3{font-size:24px}.related p{font-size:18px}.related .text-button{font-size:18px}.proposal{padding:28px 23px 28px 31px}.proposal:before{left:13px;top:28px;bottom:28px}.proposal p{font-size:18px}.limits li{font-size:18px;gap:13px;padding:19px 0}.limits .symbol{width:23px;height:23px}.faq-grid{gap:0}.faq-item summary{font-size:21px;padding:23px 0;gap:16px}.faq-answer{padding:0 0 24px}.faq-answer p{font-size:18px;line-height:1.45}.contact-invitation h2{padding-left:18px}.contact-invitation p{font-size:18px}.contact-grid{gap:34px}.form-paper{padding:26px 20px}.channels{grid-template-columns:1fr 1fr;gap:10px}.channel-option{font-size:17px!important;min-height:48px}.field{margin-bottom:26px}.form-paper .field label,.form-paper .field legend{font-size:18px}.form-paper input:not([type=checkbox]):not([type=radio]),textarea{font-size:18px;padding:13px 12px}.form-paper select{font-size:16px;padding-left:12px!important}.form-paper textarea{min-height:176px}.form-paper .hint{font-size:16px}.consent{gap:12px}.consent label{font-size:16px;line-height:1.5}.form-paper .policy{font-size:16px}.form-submit{font-size:18px}#form-status{padding:21px}footer{padding:34px 0 42px}.footer-inner{display:block}.footer-inner .logo{width:144px;margin-bottom:26px}.footer-inner nav{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px;font-size:16px}.footer-inner .policy{font-size:16px;margin-top:24px}#mobile-menu{width:100%;height:100dvh;max-height:none;max-width:none;margin:0;border:0;border-radius:0;padding:24px;overflow:auto}#mobile-menu .logo{width:150px}#mobile-menu nav{margin:40px 0}#mobile-menu .primary{font-size:18px}#dependency-dialog{padding:27px 24px}#dependency-dialog h2{font-size:29px}}
@media(max-width:374px){:root{--space:20px}.hero h1{font-size:36px}.hero-art{width:calc(100% + 24px);margin-inline:-12px}h2,.problems h2,.faq-grid h2,.contact-invitation h2{font-size:32px}.form-paper{padding:24px 16px}.scrolled .site-header .logo{width:78px}.scrolled .header-cta{padding-inline:9px;font-size:13px}.flow-step{padding-left:27px;padding-right:18px}.outcome{padding:23px 18px}.control{padding:24px 20px}.handoff{padding:24px 20px}.deliverable-index h3{font-size:23px}.work-index h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Optical line breaks and capture-only export correction after first review. */
h1 .keep,h1 em{display:inline-block}
@media(max-width:599px){.primary,.hero .actions .primary,.menu-actions .primary{font-size:19px}.header-cta{font-size:14px}.scrolled .header-cta{font-size:14px}.hero .actions .primary{padding-inline:21px}}
@media(max-width:374px){.scrolled .header-cta{font-size:13px}}
.proposal-foot{margin-top:26px!important;padding-top:24px;border-top:1px solid #dbe4ee}.footer-inner nav a{min-height:44px;display:inline-flex;align-items:center}.consent input{width:24px;height:24px;margin-top:0}
@media(max-width:599px){.header-cta{min-height:44px}}
.contact-invitation em{white-space:nowrap}#contact:disabled{font-size:16px!important}.consent .inline-link{display:inline;cursor:pointer}
.faq-item summary:active,.inline-link:active{color:#850011}.channel-option:active{background:#ffe5e9}.menu-toggle:hover,.close-menu:hover{background:#e6edf5}.menu-toggle:active,.close-menu:active{background:#d6e2ef}.desktop-nav a:active,.footer-inner nav a:active{color:#850011}
input::placeholder,textarea::placeholder{color:#526b90}
.header-cta{background:#d90016}.header-cta:hover{background:#bf0014}.header-cta:active{background:#a70012}
/* v1.1: local correction of numbering and mobile process; retained art and shell. */
.problem-list li{display:block}
.deliverable-index .index-row{display:block}
.deliverable-index .index-row>div{padding-left:24px}
.deliverables .actions{padding-left:24px}
.work-index{display:block;margin:42px 0}
.work-index .index-row{display:block;border-top:1px solid #cbd6e7;padding:25px 0;margin:0}
.work-index .index-row:last-child{border-bottom:1px solid #cbd6e7}
.work-index .index-row>div{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}
.work-index h3{margin:0;max-width:390px}.work-index p{max-width:780px}
.scenario-mobile{display:none}
@media(max-width:1100px){.work-index .index-row>div{grid-template-columns:.8fr 1.2fr;gap:36px}}
@media(max-width:599px){
 .deliverable-index .index-row>div{padding-left:0}
 .deliverables .actions{padding-left:0}
 .work-index{margin:30px 0}
 .work-index .index-row{padding:23px 0}
 .work-index .index-row>div{display:block}
 .work-index h3{margin-bottom:12px}
 .scenario-desktop{display:none}.scenario-mobile{display:block}
 .scenario .process-label{margin:26px 0 8px!important}
 .disclosure-hint{font-size:16px;line-height:1.35;margin-bottom:22px}
 .mobile-flow{position:relative}
 .mobile-steps{padding-left:0;display:grid;gap:16px}
 .mobile-steps>li{position:relative}
 .process-detail{border:1px solid #71899c65;border-radius:9px;background:linear-gradient(145deg,#213443ee,#14232fee)}
 .process-detail summary{position:relative;display:flex;align-items:flex-start;gap:12px;list-style:none;cursor:pointer;min-height:48px;padding:17px 16px}
 .process-detail summary::-webkit-details-marker{display:none}
 .process-detail summary:hover{background:#ffffff09;border-radius:8px}
 .process-detail summary:active{background:#ffffff12}
 .process-detail summary:focus-visible{outline:3px solid #95baff;outline-offset:3px;border-radius:7px}
 .process-detail summary .number{width:34px;height:35px;font-size:19px;border-radius:6px;margin-top:1px;box-shadow:none}
 .compact-copy{display:block;min-width:0;flex:1}
 .compact-copy strong{display:block;font-size:22px;line-height:1.15;letter-spacing:-.015em;margin-bottom:7px}
 .compact-copy>span{display:block;font-size:18px;line-height:1.35;color:#cad7e6}
 .disclosure-mark{flex-shrink:0;width:10px;height:10px;border-right:2px solid #d4e3f2;border-bottom:2px solid #d4e3f2;transform:rotate(45deg);margin:6px 2px 0 0}
 .process-detail[open]>summary>.disclosure-mark{transform:rotate(225deg);margin-top:11px}
 .process-explanation{padding:0 16px 18px}
 .process-explanation p{font-size:18px;line-height:1.43;margin:0}
 .process-explanation:before{content:'';display:block;border-top:1px solid #8fa5ba4d;margin:0 0 16px}
 .mobile-step .process-explanation{padding-left:16px}
 .mobile-result{margin:30px 0 36px;padding:22px 0 0;border-top:1px solid #71899c65}
 .mobile-result h3{font-size:27px;line-height:1.15;margin-bottom:9px}
 .mobile-result .alternative-label{font-size:18px;color:#fff;font-weight:700;margin-bottom:12px}
 .mobile-result p{font-size:18px;line-height:1.4;margin:0}
 .mobile-outcomes{padding-left:18px;display:grid;gap:16px}
 .mobile-outcome .process-detail summary{padding:18px 16px}
 .mobile-outcome .compact-copy strong{margin-bottom:12px}
 .outcome-key>span{display:block}
 .outcome-key>span+span{margin-top:10px}
 .mobile-outcome-1 .outcome-key>span:first-child:before,.mobile-outcome-2 .outcome-key>span:first-child:before{content:'↶ ';color:#fff}
 .mobile-outcome-3 .outcome-key>span:last-child{color:#f1f6fb;font-weight:700}
 .mobile-outcome-4 .process-detail{border-color:#b4c8da99}
 .mobile-outcome-4 .outcome-key>span:last-child{color:#f1f6fb;font-weight:700}
 .mobile-handoff{margin:30px 0 0 18px;padding:23px 18px;background:linear-gradient(135deg,#fff,#f1f5fa);border:1px solid #d4e0ed;border-radius:10px;color:var(--ink);box-shadow:0 12px 30px #0002}
 .mobile-handoff h3{font-size:26px;line-height:1.16;margin-bottom:16px}
 .mobile-handoff p{font-size:18px;line-height:1.4;color:var(--muted);margin:0 0 16px}
 .mobile-handoff .handoff-tags{margin-bottom:18px;gap:6px}
 .mobile-handoff .handoff-tags li{font-size:16px;padding:4px 7px}
 .mobile-handoff .light-detail{border:0;border-top:1px solid #c5d4e3;border-radius:0;background:none}
 .light-detail summary{padding:16px 0 0;font-size:18px;color:#344f72;align-items:center}
 .light-detail .disclosure-mark{border-color:#506788}
 .light-detail summary:focus-visible{outline-color:var(--focus)}
 .light-detail .process-explanation{padding:17px 0 0}
 .light-detail .process-explanation:before{display:none}
 .light-detail h4{font-size:20px;line-height:1.2;margin:0 0 12px}
 .light-detail .process-explanation p{margin:0}
 .mobile-control{margin-top:30px;border-top:1px solid #71899c65;padding-top:27px}
 .mobile-control h3{font-size:27px;line-height:1.15;margin:0 0 18px}
 .mobile-control>ul{font-size:18px;line-height:1.35;border-top:1px solid #71899c4a}
 .mobile-control>ul li{padding:10px 0;border-bottom:1px solid #71899c4a}
 .mobile-control>.process-detail{background:none;border:0;margin-top:8px}
 .mobile-control>.process-detail>summary{font-size:18px;padding:14px 0;align-items:center;justify-content:space-between}
 .mobile-control .process-explanation{padding:0 0 18px}
 .mobile-control .automation-note{font-size:18px!important;padding:16px;gap:12px;margin-top:14px!important}
 .scenario-note{margin-top:25px;font-size:18px}
}
/* ---- v1.2 revision layer: the accepted demo/revision.css (DESIGN v1.2), loaded after design.css exactly as in the
 * package; demo-only rules (.state-harness toolbar, .harness-badge of states.html) removed. ---- */
/* P06 v1.2 — exact assembly of selected ImageGen direction; original Hero rules remain unchanged. */
.faq-wide summary:focus-visible{outline-offset:-3px}
#B02,#B04,#B05,#B06,#B07,#B08,#B09{padding:72px 0}
#B02 h2,#B04 h2,#B05 h2,#B06 h2,#B07 h2,#B08 h2,#B09 h2{max-width:1150px}
.section-intro{max-width:1000px;margin-bottom:34px}
.problem-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:36px 0 30px}
.problem-group{border-left:1px solid #c5d2e0;padding-left:26px;display:grid;align-content:start;gap:30px}
.problem-group:first-child{border:0;padding-left:0}
.problem-group p{font-size:23px;line-height:1.38;margin:0}.problem-group strong{color:var(--ink);font-weight:700}
.problem-observation{padding:24px 28px;background:linear-gradient(100deg,#edf3faee,#f7f9fbd0);border-radius:6px;border-left:3px solid var(--red)}
.problem-observation p{font-size:23px;margin:0}.problem-observation strong{color:var(--ink)}
.problem-conclusion{margin-top:25px;max-width:1070px}

#B03{padding:76px 0}.scenario .process-label{margin-top:30px!important}
.flow-step{padding:22px 22px 24px}.flow-step h3{min-height:50px}.step-top{margin-bottom:18px}.step-top .number{width:44px;height:44px;font-size:23px}.step-top .symbol{width:35px;height:35px}
.outcome{padding:24px 22px}.outcome-icon{margin-bottom:17px}.result-node{margin:34px 0;padding:23px 27px}
.process-bottom{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px;align-items:start}
.process-bottom .control,.process-bottom .handoff{width:100%;margin:0;padding:28px}
.process-bottom .control-list{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.process-bottom .control h3{margin-bottom:24px}
.process-bottom .control-list li{font-size:18px}.process-bottom .handoff h3{font-size:26px}.process-bottom .handoff p{font-size:19px}
button.outcome-action{background:none;text-align:left;width:100%;font-family:inherit;border-radius:0}
button.outcome-action:hover,.return-link:hover{color:#fff;text-decoration:underline}
.return-link{display:block;background:none;color:#eef5ff;text-align:left;font-size:17px;line-height:1.4;padding:14px 0 0;min-height:44px}
.scenario button:focus-visible{outline-color:#a6c9ff}

.result-kit{position:relative;max-width:1190px;margin:12px auto 30px;isolation:isolate;aspect-ratio:2.8;overflow:hidden}
.result-kit img{width:100%;height:auto;position:absolute;left:0;top:-11.3%}
.kit-label{position:absolute;color:#182334;font-weight:700;line-height:1.14;font-size:clamp(13px,1.33vw,19px);width:15%;top:26%;letter-spacing:-.02em;transform-origin:center}
.kit-label-1{left:6.7%;top:23%;transform:rotate(-7deg)}.kit-label-2{left:25.6%;top:18%;transform:rotate(-3deg)}.kit-label-3{left:44.6%;top:18%;width:13%}.kit-label-4{left:63%;top:22%;transform:rotate(6deg)}.kit-label-5{left:81%;top:26%;width:14%;transform:rotate(8deg)}
.result-notes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:16px}.result-note{border-top:2px solid #d4deeb;padding-top:18px}.result-note:nth-child(1),.result-note:nth-child(5){border-top-color:#f60019}
.result-note h3{font-size:23px;line-height:1.2;min-height:80px}.result-note p{font-size:18px;line-height:1.45}.deliverables .actions{padding-left:0;margin-top:30px}

.cooperation-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 38px;margin:38px 0 40px;position:relative}
.cooperation-route li{padding:20px 24px 0 0;border-top:1px solid #e98b94;position:relative}
.cooperation-route li:before{content:'';position:absolute;left:0;top:-5px;width:9px;height:9px;background:var(--red);border-radius:50%}
.cooperation-route li:after{content:none}
.cooperation-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.cooperation-route{isolation:isolate}
.cooperation-route li:last-child:after{content:none}
.cooperation-route h3{font-size:25px;line-height:1.18;min-height:62px}.cooperation-route p{font-size:19px;line-height:1.45}
.participation{padding:28px 32px}.participation h3{font-size:25px}.participation p{font-size:19px}.experience{margin-top:28px;padding:24px 0}.experience p{max-width:none}

.tools-main{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;margin:28px 0 30px}.tools-main>p{margin:0;font-size:21px}.tools-main>p+ p{border-left:3px solid var(--red);padding-left:28px}.tools-main strong{color:var(--ink)}
.related-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.related-pair .related{padding:24px 28px;box-shadow:none;background:#f5f8fbca}.related-pair h3{font-size:23px;max-width:540px}.related-pair p{font-size:18px}.related-pair .arrow-link{font-size:18px}
.commercial-start{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:28px}
.commercial-start p{margin:0;font-size:23px;line-height:1.4}.commercial-start strong{color:var(--ink)}.commercial-start p:first-child strong{display:block;font-size:29px;line-height:1.15;margin-bottom:12px;color:#bb0015}.commercial-start p+ p{border-left:1px solid var(--line);padding-left:38px}
.commercial-scope{display:grid;grid-template-columns:1fr 1.15fr;gap:42px;margin:26px 0}.commercial-scope p{font-size:19px;margin:0}
.commercial-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:28px 0;padding:24px 28px;background:#edf3f9d9;border-radius:7px}
.commercial-limits li{font-size:18px;line-height:1.4;padding-left:18px;border-left:2px solid #b8c9dc}.commercial-limits li:first-child{border-color:var(--red)}
.commercial-next{display:flex;gap:40px;align-items:center;justify-content:space-between}.commercial-next p{font-size:20px;margin:0;max-width:720px}.commercial-next .primary{flex-shrink:0;max-width:360px}

.faq-wide{max-width:1120px;margin:auto}.faq-wide h2{margin-bottom:30px}.faq-wide .faq-item summary{font-size:23px;padding:22px 8px}.faq-wide .faq-answer{padding:0 42px 24px 8px}.faq-wide .faq-answer p{max-width:990px;font-size:19px}
.contact-wide{max-width:1180px;margin:auto}.contact-invitation h2{border:0;padding:0;max-width:none}.contact-invitation em{white-space:normal}.contact-intro-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:42px;margin-bottom:28px}.contact-intro-columns p{margin:0;max-width:none;font-size:20px}
.form-paper{padding:28px 32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.form-grid .field{margin:0;min-width:0}.form-grid .field-task{grid-column:1/-1}.form-paper .field label,.form-paper .field legend{font-size:18px;margin-bottom:8px}.form-paper .channels{grid-template-columns:repeat(4,1fr);gap:7px}.form-paper .channel-option{font-size:16px!important;min-height:52px;padding:10px 6px}
.form-paper textarea{min-height:84px;height:84px}.form-paper .hint{margin-top:6px}.form-paper .consent{margin-top:22px;gap:12px}.form-paper .policy{margin:8px 0 14px}.form-paper .after-button{margin-top:14px;font-size:16px}.form-paper .form-submit{min-height:54px}.form-paper #form-summary{margin:16px 0}.form-paper #form-status{margin:12px 0 18px;padding:18px 20px}.legal-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 24px;margin:20px 0 14px}.form-paper .legal-row .consent{margin:0}.form-paper .legal-row .policy{margin:0;min-height:44px}.legal-row #consent-error{grid-column:1/-1;margin-top:8px}

@media(min-width:800px) and (max-width:1100px){
 .process-bottom{grid-template-columns:1fr 1fr;gap:24px}.process-bottom .control,.process-bottom .handoff{padding:24px}.process-bottom .control-list{grid-template-columns:1fr;gap:12px}
 .result-notes{grid-template-columns:repeat(3,minmax(0,1fr))}.result-note h3{min-height:58px}.result-note:last-child{grid-column:2/4}
 .cooperation-route{gap:30px 28px}.cooperation-route h3{font-size:23px}.cooperation-route li{padding-right:8px}.cooperation-route li:after{right:-24px}
 .commercial-next{align-items:flex-start}.commercial-next .primary{max-width:310px}
}
@media(max-width:1024px){.problem-group p{font-size:21px}.problem-groups{gap:26px}.problem-group{padding-left:21px}.tools-main{gap:30px}.form-paper .channels{grid-template-columns:1fr 1fr}.commercial-start p{font-size:21px}.commercial-start p:first-child strong{font-size:26px}.commercial-limits{gap:20px;padding:24px 22px}}
@media(min-width:600px) and (max-width:799px){
 .process-bottom{grid-template-columns:1fr;gap:28px}.process-bottom .control{grid-row:2}.process-bottom .handoff{grid-row:1}
 .problem-groups{grid-template-columns:1fr 1fr;gap:28px}.problem-group:last-child{grid-column:1/3;border-left:0;border-top:1px solid #c5d2e0;padding:24px 0 0;grid-template-columns:1fr 1fr}
 .result-notes{grid-template-columns:1fr 1fr;gap:28px}.result-note h3{min-height:58px}.result-note:last-child{grid-column:1/-1}.kit-label{font-size:12px}
 .cooperation-route{grid-template-columns:1fr 1fr;gap:28px}.cooperation-route h3{min-height:56px}.cooperation-route li:after{content:none}
 .tools-main{grid-template-columns:1fr;gap:22px}.tools-main>p+ p{padding-left:24px}.related-pair{gap:20px}.related-pair .related{padding:23px 22px}
 .commercial-start,.commercial-scope{gap:26px;grid-template-columns:1fr 1fr}.commercial-start p+ p{padding-left:24px}.commercial-next{display:block}.commercial-next .primary{margin-top:22px}.commercial-limits{grid-template-columns:1fr;gap:18px}
 .contact-intro-columns{grid-template-columns:1fr;gap:20px}
}
@media(max-width:599px){
 #B02,#B04,#B05,#B06,#B07,#B08,#B09{padding:44px 0}
 #B02{padding-top:30px}#B02 h2,#B04 h2,#B05 h2,#B06 h2,#B07 h2,#B08 h2,#B09 h2{font-size:34px;line-height:1.08;margin-bottom:22px}
 .section-intro{font-size:18px;line-height:1.43;margin-bottom:25px}
 .problem-groups{display:block;margin:28px 0 22px}.problem-group,.problem-group:first-child{border:0;border-top:1px solid #c5d2e0;padding:20px 0;gap:18px}.problem-group:first-child{padding-top:0;border:0}.problem-group p{font-size:19px;line-height:1.42;margin:0}.problem-observation{padding:20px 18px}.problem-observation p{font-size:19px;line-height:1.4}.problem-conclusion{font-size:18px;margin-top:22px}
 #B03{padding:48px 0}.scenario-intro{line-height:1.43;margin-bottom:24px}.scenario .process-label{margin-top:24px!important}.disclosure-hint{margin-bottom:17px}
 .mobile-steps{gap:13px}.process-detail{border-radius:7px}.process-detail summary{gap:10px;padding:13px 12px;min-height:48px}.process-detail summary .number{width:28px;height:30px;font-size:18px;margin-top:0}
 .compact-copy strong{font-size:20px;line-height:1.15;margin-bottom:5px}.compact-copy>span{font-size:18px;line-height:1.33}.disclosure-mark{width:8px;height:8px;margin-right:1px}.process-explanation{padding:0 12px 15px}.process-explanation:before{margin-bottom:13px}.process-explanation p{font-size:18px;line-height:1.43}
 .mobile-result{margin:25px 0 28px;padding-top:19px}.mobile-result h3{font-size:25px}.mobile-result .alternative-label{margin-bottom:10px}.mobile-result p{font-size:18px;line-height:1.38}
 .mobile-outcomes{padding-left:15px;gap:13px}.mobile-outcome .process-detail summary{padding:14px 12px}.mobile-outcome .compact-copy strong{margin-bottom:9px;font-size:21px}.outcome-key>span+span{margin-top:8px}
 .mobile-handoff{margin:27px 0 0 15px;padding:21px 16px}.mobile-handoff h3{font-size:25px;margin-bottom:13px}.mobile-handoff p{font-size:18px;line-height:1.4;margin-bottom:13px}.mobile-handoff .handoff-tags{gap:5px;margin-bottom:15px}.mobile-handoff .handoff-tags li{font-size:15px;padding:3px 5px}
 .mobile-control{margin-top:24px;padding-top:22px}.mobile-control h3{font-size:25px;margin-bottom:16px}.mobile-control>ul{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;border:0}.mobile-control>ul li{padding:12px 0;border-top:1px solid #71899c4a;border-bottom:0;font-size:18px}.mobile-control .automation-note{padding:14px;font-size:18px!important}.scenario-note{font-size:18px;line-height:1.43;margin-top:22px}
 .result-kit{width:calc(100% + 12px);margin:10px -6px 25px}.kit-label{display:none}.result-notes{display:block;margin:0}.result-note{padding:20px 0;border-top:1px solid #cedae7}.result-note h3{font-size:23px;min-height:0;margin-bottom:10px}.result-note p{font-size:18px;line-height:1.43;margin:0}.result-note:first-child{border-top:2px solid var(--red);padding-top:20px}.result-note:last-child{border-top-color:#cedae7;padding-bottom:0}.deliverables .actions{margin-top:28px}
 .cooperation-route{display:block;border-left:1px solid #e58590;margin:30px 0 28px 4px}.cooperation-route li{border:0;padding:0 0 27px 24px;margin:0}.cooperation-route li:last-child{padding-bottom:0}.cooperation-route li:before{left:-5px;top:5px}.cooperation-route li:after{content:none!important}.cooperation-route h3{font-size:23px;min-height:0;margin-bottom:10px}.cooperation-route p{font-size:18px;line-height:1.43;margin:0}
 .participation{padding:23px 21px;gap:20px}.participation h3{font-size:24px}.participation p{font-size:18px}.participation>p{padding-top:20px}.experience{padding:23px 0;margin-top:25px}.experience h3{font-size:23px}
 .tools-main{display:block;margin:24px 0}.tools-main>p{font-size:18px;line-height:1.43}.tools-main>p+ p{padding-left:18px;margin-top:22px}.related-pair{display:block}.related-pair .related{padding:22px 20px;margin-top:18px}.related-pair h3{font-size:22px}.related-pair p{font-size:18px;line-height:1.43}
 .commercial-start{display:block;margin:25px 0;padding:23px 0}.commercial-start p{font-size:18px;line-height:1.43}.commercial-start p:first-child strong{font-size:25px;line-height:1.15;margin-bottom:13px}.commercial-start p+ p{padding:22px 0 0;border:0;border-top:1px solid var(--line);margin-top:22px}.commercial-scope{display:block;margin:24px 0}.commercial-scope p{font-size:18px;line-height:1.43;margin-bottom:22px}.commercial-limits{grid-template-columns:1fr;gap:20px;margin:24px 0;padding:23px 20px}.commercial-limits li{font-size:18px;line-height:1.43;padding-left:14px}.commercial-next{display:block}.commercial-next p{font-size:18px}.commercial-next .primary{margin-top:24px;max-width:none;width:100%;font-size:19px}
 .faq-wide .faq-item summary{font-size:21px;padding:21px 0;gap:18px}.faq-wide .faq-answer{padding:0 0 22px}.faq-wide .faq-answer p{font-size:18px;line-height:1.43}.faq-wide h2{margin-bottom:26px!important}
 .contact-intro-columns{display:block;margin-bottom:26px}.contact-intro-columns p{font-size:18px;line-height:1.43;margin-bottom:20px}.contact-invitation h2{padding-left:0}
 .form-paper{padding:24px 18px}.form-grid{display:block}.form-grid .field{margin-bottom:20px}.form-grid .field-task{margin-bottom:0}.form-paper .channels{grid-template-columns:1fr 1fr;gap:9px}.form-paper .channel-option{font-size:17px!important;min-height:48px}.form-paper .field label,.form-paper .field legend{font-size:18px}.form-paper textarea{min-height:100px;height:100px}.form-paper .consent{margin-top:22px}.form-paper .after-button{font-size:16px;margin-top:15px}.form-paper .policy{margin:10px 0 16px}.form-paper input:not([type=checkbox]):not([type=radio]),.form-paper textarea{font-size:18px}
 .legal-row{display:block;margin:22px 0 16px}.form-paper .legal-row .policy{margin-top:10px}.form-paper .legal-row .consent{margin:0}
}
@media(max-width:374px){#B02 h2,#B04 h2,#B05 h2,#B06 h2,#B07 h2,#B08 h2,#B09 h2{font-size:32px}.form-paper{padding:22px 16px}.mobile-handoff .handoff-tags{gap:4px}.mobile-handoff .handoff-tags li{padding-inline:4px;font-size:15px}}
/* ---- implementation additions (DDR-P06 local build) ----
 * CTAs and text actions that lead somewhere are links (#B09, other pages, documents) carrying the design's classes;
 * the menu and the disclosures stay buttons/summaries. */
/* the open mobile menu locks the page behind it; the scroll position is kept */
body.menu-open{overflow:hidden}
/* the status after a submit receives focus programmatically */
#form-status:focus{outline:none}
#form-status:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
/* Anchors and focus. The design build combined html scroll-padding-top 112/92 px with section scroll-margin-top
 * 110/90 px: an anchor landed ~220 px below the top (a band of ~125 px under the header), and focusing an element of the
 * sticky header made Chrome scroll the page (the header sits inside the padding band) — the defect fixed in the accepted
 * DDR-P07. One offset = the header height instead (96 / 80 / 76 px). Focusable content keeps a margin above it, so a
 * focused row, link or field is never under the sticky header (LAYOUT_AND_BEHAVIOR: «Sticky header 76 px остаётся
 * свободным от фокуса строки»); the header's own controls get none. */
:root{--header-h:96px}
html{scroll-padding-top:0}
section{scroll-margin-top:var(--header-h)}
main :is(a,button,summary,select,input,textarea),footer :is(a,button){scroll-margin-top:calc(var(--header-h) + 24px)}
.form-paper :is(input,select,textarea),.channel-field,#form-status{scroll-margin-top:calc(var(--header-h) + 48px)}
@media(max-width:999px){:root{--header-h:80px}}
@media(max-width:599px){:root{--header-h:76px}}
/* touch target ≥ 44 px for the compact logo link (85 × 31 px image) without moving it */
.logo{display:flex;align-items:center;min-height:44px}
/* the inline consent control of the internal demo (role=button span) gets the design's focus ring */
.inline-link:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
/* Line breaks of the accepted previews (v1.2). The package previews were rendered by Chromium on Linux (FreeType
 * hinting: glyph advances rounded to whole pixels, pair kerning grid-fitted); Chromium on Windows/macOS/iOS/Android lays
 * text out with fractional advances. The implementation equals the design build element for element in the same
 * browser (qa/demo-parity.mjs), but paragraphs that sit within a few pixels of their column edge break one word
 * differently from the previews. Tracking changed by 0.05–0.16 px per glyph (imperceptible), scoped to the layout band
 * of the reference width and to the one element, restores the accepted break; every value lies inside the band that
 * reproduces the preview's composition exactly on this platform (qa/visual/wrapfit.py, qa/visual/targetfit.py; the
 * composition of each line checked against the preview by eye — qa/visual/reviewcrops.py). Block heights equal the
 * previews at 1440/1280/1024/768/390/360. Paragraphs whose accepted composition no uniform tracking under 0.2 px can
 * reproduce stay as the platform breaks them (listed in the visual QA note). The comment names the band and the line
 * end it restores («… | …» = the accepted break). */
@media(min-width:1300px){
  #B05 .cooperation-route>li:nth-child(6)>p{letter-spacing:.0065em}                              /* 1440: 5 lines */
  #B03 #step-2>p{letter-spacing:.005em}                                                          /* 1440: 6 lines «Определяют, кто | подхватывает…» */
  #B03 .process-bottom .handoff>p{letter-spacing:.007em}                                         /* 1440: 5 lines «…назначает первое | действие.…» (card height) */
  #B05 .cooperation-route>li:nth-child(1)>p{letter-spacing:.007em}                               /* 1440: «…с какого | участка стоит…» */
  #B05 .cooperation-route>li:nth-child(4)>p{letter-spacing:.007em}                               /* 1440: 4 lines «…настройки. | Если нужны…» */
  #B06 .tools-main>p:first-child{letter-spacing:.0075em}                                         /* 1440: «…таблицах и | других…» */
}
@media(min-width:1101px) and (max-width:1299px){
  #B05 .cooperation-route>li:nth-child(2)>p{letter-spacing:.0065em}                              /* 1280: 6 lines */
  #B07 .commercial-scope>p:nth-child(2){letter-spacing:.0085em}                                  /* 1280: 5 lines */
  #B01 p.lead{letter-spacing:.007em}                                                             /* 1280: «…согласованного заказа | в работу.» */
  #B06 .tools-main>p:first-child{letter-spacing:.0065em}                                         /* 1280: «…таблицах | и других…» */
}
@media(min-width:1101px){
  #B08 .faq-item:nth-child(2) .faq-answer>p{letter-spacing:.007em}                               /* 1440/1280, FAQ 2 open: «…понятные следующие | действия,…» */
}
@media(min-width:1000px) and (max-width:1100px){
  #B05 .cooperation-route>li:nth-child(6)>p{letter-spacing:.0065em}                              /* 1024: 7 lines */
  #B05 .participation>div>p{letter-spacing:.004em}                                               /* 1024: 6 lines */
  #B06 .tools-main>p:first-child{letter-spacing:.008em}                                          /* 1024: 6 lines */
  #B07 .commercial-start>p:nth-child(2){letter-spacing:.003em}                                   /* 1024: 5 lines */
  #B03 .process-bottom .handoff>p{letter-spacing:.0075em}                                        /* 1024: «…первое действие. | Если сведений…» */
  #B04 .result-note:nth-child(2)>p{letter-spacing:.004em}                                        /* 1024: «…следующее действие | и как меняется…» */
  #B04 .result-note:nth-child(5)>p{letter-spacing:.004em}                                        /* 1024: 3 lines «…результат и | ограничения.…» */
  #B05 .cooperation-route>li:nth-child(1)>p{letter-spacing:.0075em}                              /* 1024: «…участников | и текущие…» */
  #B05 .cooperation-route>li:nth-child(4)>p{letter-spacing:.0075em}                              /* 1024: «…их состав | и стоимость.» */
  #B05 .participation>p{letter-spacing:.0075em}                                                  /* 1024: «…взаимодействие с | вашими…» */
  #B05 .experience>p{letter-spacing:.005em}                                                      /* 1024: 3 lines «…и эксплуатирует | управленческие…» */
  #B06 .tools-main>p:nth-child(2){letter-spacing:.0065em}                                        /* 1024: «…сайт и реклама | тоже…» */
  #B07 .commercial-scope>p:first-child{letter-spacing:.0075em}                                   /* 1024: 5 lines «…инструментов, | необходимых…» */
}
@media(min-width:600px) and (max-width:799px){
  #B01 p.small{letter-spacing:-.0065em}                                                          /* 768: «…о проблеме своими | словами…» */
  #B03 #step-4>p{letter-spacing:-.0065em}                                                        /* 768: «…У действия есть | исполнитель…» */
  #B03 #outcome-4>p{letter-spacing:.0075em}                                                      /* 768: «…условия и | договорённости.…» */
  #B03 .process-bottom .handoff>p{letter-spacing:.0085em}                                        /* 768: «…первое действие. | Если сведений…» */
  #B05 .cooperation-route>li:nth-child(2)>p{letter-spacing:.006em}                               /* 768: «…если он | нужен…» */
  #B05 .cooperation-route>li:nth-child(5)>p{letter-spacing:.006em}                               /* 768: «…как вести | обращение,…» */
  #B06 .related-pair>article:nth-child(2)>p{letter-spacing:-.0065em}                             /* 768: «…задачи его не | нужно…» */
  #B07 .commercial-scope>p:nth-child(2){letter-spacing:.0085em}                                  /* 768: 8 lines «В предложении фиксируем | результат,…» */
  #B09 .contact-intro-columns>p:first-child{letter-spacing:.003em}                               /* 768: «…договорённостей. Для | первого разговора…» */
}
@media(min-width:375px) and (max-width:599px){
  #B05 .cooperation-route>li:nth-child(3)>h3{letter-spacing:-.0215em}                            /* 390: «…правила и | объём» */
  #B05 .cooperation-route>li:nth-child(4)>p{letter-spacing:.003em}                               /* 390: 5 lines */
  #B03 .mobile-control>ul>li:first-child{letter-spacing:.004em}                                  /* 390: «Без | ответственного» */
  #mobile-outcome-4 .outcome-key>span:last-child{letter-spacing:-.004em}                         /* 390: «…согласованный заказ — | в исполнение.» */
}
@media(max-width:374px){
  #B03 .mobile-outcome-2 .compact-copy>strong{letter-spacing:-.0115em}                           /* 360: «Клиент отложил | решение» */
  #B08 .faq-item:nth-child(4) summary>span:first-child{letter-spacing:.0035em}                    /* 360: 3 lines */
  #B09 .contact-intro-columns>p:first-child{letter-spacing:-.002em}                              /* 360: 6 lines */
  #B03 .mobile-handoff .process-explanation p{letter-spacing:.0025em}                            /* 360 open: 11 lines */
  #B02 .problem-observation>p{letter-spacing:.007em}                                             /* 360: «…видит итог, но | не понимает…» */
  #mobile-step-4 .process-explanation>p{letter-spacing:-.0065em}                                 /* 360 open: «…У действия есть | исполнитель…» */
  #B05 .cooperation-route>li:nth-child(6)>p{letter-spacing:.0045em}                              /* 360: «…в пределах | заказа и…» */
  #B05 .participation>div>p{letter-spacing:.005em}                                               /* 360: «…показать | текущую работу,…» */
  #B07 .commercial-limits>li:first-child{letter-spacing:.004em}                                  /* 360: «…входят только в | согласованный состав.» */
}

/* Publication D04: opaque logo/header surface above dark sections. */
.site-header{background:#fefefe;backdrop-filter:none}.logo img{mix-blend-mode:normal}