@import url("https://cuebr.io/shared/editorial.css?v=system12");
@layer foundation, layouts, components;
@layer foundation {
/* CueBrio shared editorial system: invitation hierarchy + audio-reference surfaces. */
:root{color-scheme:dark;--bg:#09131e;--panel:#132333;--ink:#f4f8ff;--muted:#b9cada;--accent:#ff6575;--line:#365069;--teal:#70dfb3;--blue:#65baff;--purple:#c6a0ff;--amber:#ffbf66;--cta:#c9253b}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}header img{width:240px;max-width:100%;height:auto}nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:700}.outline{border:1px solid var(--line);background:#20374a;padding:11px 16px;border-radius:8px}section{padding:72px 36px}h1,h2,h3{color:var(--ink);font-weight:850;line-height:1.12;letter-spacing:-.025em}h1,h2{text-transform:uppercase}h1{font-size:clamp(42px,5.4vw,68px);margin:18px 0 24px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(28px,3.2vw,40px);margin:12px 0 22px}h3{font-size:24px;margin:12px 0;letter-spacing:-.015em}p{color:var(--muted);max-width:68ch}.lead{font-size:21px;line-height:1.5;color:var(--ink)}.eyebrow,.tag{color:var(--accent);font-size:12px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.small,small,figcaption{font-size:14px;line-height:1.55;color:var(--muted)}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:28px 0;font-size:16px;font-weight:750}.button{display:inline-flex;align-items:center;padding:15px 22px;background:var(--cta);border:1px solid var(--accent);color:#fff;border-radius:8px;transition:background .15s,box-shadow .15s}.button:hover{background:#a91d31;box-shadow:0 0 0 3px #ff657522;text-decoration:none}.hero-capture{margin:0;min-width:0;padding:14px;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:12px}.hero-capture img{display:block;width:100%;height:auto;border-radius:7px}.hero-capture figcaption{margin-top:14px}.statement,.in-action{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.steps article,.workflow-gallery article,.products article{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:12px;padding:24px}.steps article:nth-child(2){border-top-color:var(--purple)}.steps article:nth-child(3){border-top-color:var(--teal)}.steps span{color:var(--blue);font-weight:800;font-size:14px}.feature-story,.feature-story.reverse{display:grid;grid-template-columns:1fr;gap:24px;margin-top:48px;padding-bottom:40px;border-bottom:1px solid var(--line)}.feature-story>div{max-width:760px}.feature-story h3{font-size:28px}.feature-story figure{margin:0;min-width:0}.feature-story figure>a{display:block;overflow:auto;max-width:100%;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overscroll-behavior-x:contain}.feature-story img{display:block;width:100%;max-width:none;height:auto;object-fit:contain;border-radius:5px}.feature-story figcaption{margin-top:12px}.feature-story a,.workflow-gallery a,.contact-cta{color:var(--blue);text-decoration:underline;text-underline-offset:5px}.readable-screen:after{content:"Open image for full size ↗";display:block;color:var(--blue);font-size:14px;margin-top:8px}.workflow-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 24px}.workflow-gallery article{border-top-color:var(--amber)}.workflow-gallery h3{margin-top:0}.products{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.products article:nth-child(2){border-top-color:var(--purple)}.products article:nth-child(3){border-top-color:var(--amber)}.products article:nth-child(4){border-top-color:var(--teal)}.products img{display:block;width:250px;max-width:100%;height:auto;margin-bottom:22px}.tag{display:block}.mini{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:16px;margin:22px 0 12px;font-size:14px}.rundown div{display:flex;gap:14px;padding:12px 4px;border-bottom:1px solid var(--line)}.rundown span{margin-left:auto;font-size:12px}.rundown div:nth-child(2){color:var(--accent)}.tiles,.keys{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tiles span,.keys span{padding:14px;background:#20374a;border:1px solid var(--line);border-radius:7px;text-align:center}.tiles .active{background:#432532;border-color:var(--accent)}.tiles b{font-size:11px}.keys{grid-template-columns:repeat(3,1fr)}.engine{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center}.engine strong{grid-column:1/-1;padding:12px;color:var(--teal);border:1px solid var(--teal);border-radius:6px}.closer{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:12px;margin:28px 36px 50px;padding:40px}.closer .button{margin-top:12px}footer{padding:24px 36px 40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}footer p{font-size:14px}.legal{margin-left:auto;max-width:420px;font-size:13px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:28px}.hero-capture{max-width:760px}.steps{gap:14px}header{padding:22px}header img{width:200px}nav{gap:14px}.feature-story img{width:1000px;min-width:1000px}.readable-screen:after{content:"Swipe image sideways · tap to open full size ↗"}}@media(max-width:600px){section{padding:42px 20px}header img{width:175px}nav a:not(.outline){display:none}.outline{padding:10px;font-size:12px}.products,.steps,.workflow-gallery{grid-template-columns:1fr}.products article{padding:22px}.feature-story{margin-top:32px;padding-bottom:28px}.feature-story figure>a{padding:8px}.closer{margin:18px 20px 32px;padding:26px 22px}footer{padding:24px 20px;flex-wrap:wrap}.legal{margin:0}.lead{font-size:19px}.hero-capture{padding:10px}.engine{font-size:12px;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Public product education: benefits first; detail stays optional. */
.family-route{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.family-route a{border:1px solid #365069;background:#20374a;color:#65baff;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:650}.product-points{padding-left:20px;color:#b9cada;font-size:15px;line-height:1.6}.product-points li{margin:8px 0}.product-value{padding:16px;background:#09131e;border-radius:12px}.product-value strong,.fit-grid strong{display:block;color:#f4f8ff;font-size:13px;margin-bottom:5px}.product-detail summary,.comparison-details summary{cursor:pointer;color:#65baff;font-weight:650;font-size:14px;padding:14px 0}.product-detail p{font-size:14px}.benefit-grid,.fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.benefit-grid article,.fit-grid article{border:1px solid #365069;border-radius:18px;background:#132333;padding:26px}.benefit-grid article:nth-child(even){background:#20374a}.benefit-grid span{color:#ff6575;font-size:10px;letter-spacing:.12em;font-weight:750}.benefit-grid h3,.fit-grid h3{font-size:25px;margin:16px 0}.benefit-grid p,.fit-grid p{font-size:15px}.benefit-grid a{font-size:13px;color:#65baff;text-decoration:underline}.fit-grid article:first-child{background:linear-gradient(145deg,#20374a,#132333);border-color:#70dfb3}.fit-label{color:#65baff;font-weight:650}.comparison-details{margin-top:24px;background:#132333;border:1px solid #365069;border-radius:16px;padding:4px 22px}.comparison-scroll{overflow:auto}.comparison-scroll table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px;text-align:left}.comparison-scroll caption{text-align:left;padding:12px 0;color:#b9cada;font-size:12px}.comparison-scroll th,.comparison-scroll td{padding:16px;border-bottom:1px solid #365069;vertical-align:top}.comparison-scroll thead{background:#20374a}.comparison-scroll td{color:#b9cada}#compare .small a{color:#65baff;text-decoration:underline}@media(max-width:900px){.benefit-grid,.fit-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.benefit-grid,.fit-grid{grid-template-columns:1fr}.family-route{display:grid;grid-template-columns:1fr 1fr}.comparison-details{padding:4px 14px}}
/* Included-workflow matrix: promote the prepared experience without false absence claims. */
.comparison-promise{background:linear-gradient(120deg,#20374a,#132333);border-left:4px solid #ff6575;border-radius:0 14px 14px 0;padding:22px 26px;margin:24px 0}.comparison-promise strong{font-size:20px}.comparison-promise p{margin-bottom:0;max-width:860px}.feature-matrix{padding:12px 18px}.feature-matrix table{min-width:840px}.feature-matrix th:first-child{width:27%}.feature-matrix td{width:23%}.feature-matrix .cuebrio-column{background:#173b3b}.availability{display:block;font-size:13px;font-weight:700;line-height:1.45}.availability.native{color:#70dfb3}.availability.assemble{color:#ffbf66}.feature-matrix td small{display:block;margin-top:7px;font-size:12px;line-height:1.5}.comparison-key{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;color:#b9cada}.feature-matrix thead small{font-weight:400;color:#b9cada}.comparison-scroll:focus-visible{outline:3px solid #65baff;outline-offset:4px}

.benefit-grid article,.fit-grid article,.comparison-details{border-radius:12px}.comparison-scroll th,.comparison-scroll td{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-matrix td small,.feature-matrix thead small{font-size:14px}.availability{font-size:14px}.legal-links{width:100%;display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font-size:14px}.legal-links span{margin-left:auto}.policy{max-width:840px;margin:auto;padding:44px 24px}.policy p{max-width:none}.policy h1{font-size:42px}.policy h2{font-size:26px}.policy a:not(.button){color:var(--blue);text-decoration:underline}footer{flex-wrap:wrap}

/* Keep the full screen intact; highlight the actual stinger row, not unrelated chrome. */
.feature-focus>a{position:relative;display:block}.feature-focus>a:after{content:"";position:absolute;pointer-events:none;left:5.6%;right:5.6%;top:65%;height:18.5%;border:3px solid #65ffad;border-radius:8px;box-shadow:0 0 0 2px #09151d}.feature-focus img{width:100%;height:auto;object-fit:contain}.feature-focus{min-width:0}

.gesture-screen{margin:0;min-width:0;max-width:560px;border:2px solid #65ffad;border-radius:14px;padding:12px}.gesture-screen img,.gesture-strip img{display:block;width:100%;min-width:0;height:auto;object-fit:contain}.gesture-screen figcaption,.gesture-strip figcaption{font-size:14px;line-height:1.5;margin-top:12px}.gesture-strip{margin:24px 0;padding:12px;border:2px solid #65ffad;border-radius:14px;min-width:0}

/* Founder story: comfortable reading measure and a clear company thesis. */
.origin-story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start;border-top:1px solid var(--line)}
.origin-intro h2{font-size:clamp(28px,3.2vw,40px)}.origin-intro .small{margin-top:28px}.origin-copy{min-width:0;max-width:64ch}.origin-copy>p{margin:0 0 24px}.origin-copy .origin-thesis{padding:24px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:#132333;color:var(--ink);font-size:24px;line-height:1.4}.origin-copy .origin-signoff{color:var(--ink);margin-bottom:0}nav{flex-wrap:wrap;justify-content:flex-end;gap:16px}
@media(max-width:800px){.origin-story{grid-template-columns:1fr;gap:24px}.origin-copy{max-width:none}.origin-intro .small{margin-top:18px}.origin-copy .origin-thesis{font-size:22px;padding:20px}nav{justify-content:flex-start}}

/* Production demo proof: native aspect ratios, framed without forced crops. */
.hero-capture img{height:auto;max-height:none;object-fit:contain}.demo-screen img{width:100%;min-width:0;height:auto;object-fit:contain}.demo-screen>a{padding:14px;background:#09121d;border:1px solid #5a7188;box-shadow:0 14px 35px #0005}.demo-screen figcaption{margin-top:12px}.demo-link{display:inline-block;margin-top:8px;color:#a3e5ce;font-weight:750;border-bottom:1px solid #5c9e89;padding-bottom:4px}.feature-story>div{max-width:800px}.ea-preview img{height:auto;object-fit:contain}.ea-preview .ea-grid{align-items:start}@media(max-width:900px){.demo-screen:after{content:"Tap to open full-resolution demo image ↗"}.demo-screen>a{padding:7px}}

/* CueBrio support duck: a quiet guide beside useful destinations. */
.support-duck-panel{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;align-items:center;background:#132333;border:1px solid #365069;border-radius:14px;padding:32px;margin:40px auto}.support-duck-panel>img{width:180px;height:180px;object-fit:contain}.support-duck-panel h2{font-size:clamp(26px,3vw,38px)}.support-duck-links{display:flex;flex-wrap:wrap;gap:12px 24px}.support-duck-links a{color:#F4F8FF;font-weight:700;text-underline-offset:4px}@media(max-width:650px){.support-duck-panel{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:20px}.support-duck-panel>img{width:88px;height:120px;align-self:start}.support-duck-links{display:grid;gap:10px}}

/* Workflow-first product family illustration. */
.show-team-graphic{margin:32px 0}.show-team-graphic img{display:block;width:100%;height:auto}.show-team-graphic figcaption{margin-top:12px;color:#b7c7d8;font-size:15px}

.viewer-open{overflow:hidden}#screenshot-viewer{box-sizing:border-box;width:min(1200px,96vw);max-height:92dvh;padding:54px 16px 16px;border:1px solid #4d7287;border-radius:16px;background:#0b1828;color:#f3f7fb;overflow:auto}#screenshot-viewer::backdrop{background:rgba(2,8,16,.85)}#screenshot-viewer figure{margin:0}#screenshot-viewer img{display:block;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto}#screenshot-viewer figcaption{font-size:14px;margin-top:12px}#screenshot-viewer .viewer-close{position:absolute;top:8px;right:12px;min-height:40px;padding:8px 16px;border:1px solid #88b5c5;border-radius:6px;background:#18394a;color:white;cursor:pointer}#screenshot-viewer .viewer-close:focus-visible{outline:3px solid #65d9cc;outline-offset:2px}

/* Editorial workflow pass: fewer repeated cards, clear visual hierarchy. */
.visual-workflow{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;padding:48px 0;border-top:1px solid #314858}.visual-workflow:nth-of-type(even)>div{order:2}.visual-workflow h3{font-size:clamp(28px,3.3vw,44px);line-height:1.08;margin:14px 0}.visual-workflow figure{margin:0;min-width:0}.visual-workflow img{display:block;width:100%;max-height:520px;object-fit:contain;background:#07121e;border-radius:14px}.visual-workflow figcaption{font-size:13px;color:#acbfce;margin-top:10px}.more-workflows{display:flex;gap:24px;flex-wrap:wrap;padding:24px 0}.role-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.role-list article{padding:22px 0;border-top:1px solid #314858}.role-list h3{font-size:23px}.role-list h3 span{display:block;font-size:12px;letter-spacing:.12em;color:#75d6cd;margin-top:8px}.role-list p{font-size:17px}.comparison-fold>summary,.origin-copy summary{cursor:pointer;font-size:20px;font-weight:700;padding:20px 0;color:#d8e8f2}.comparison-fold>summary:focus-visible,.origin-copy summary:focus-visible{outline:2px solid #75d6cd}.hero-capture img{max-height:580px;object-fit:contain}.show-team-graphic{max-width:100%;overflow:auto}.show-team-graphic img{min-width:650px}header nav{display:flex;flex-wrap:wrap}header nav a{display:inline-flex} @media(max-width:700px){.visual-workflow{grid-template-columns:1fr;gap:22px;padding:32px 0}.visual-workflow:nth-of-type(even)>div{order:0}.role-list{grid-template-columns:1fr}header nav{gap:12px;font-size:13px}.hero-capture img{max-height:400px}.more-workflows{flex-direction:column;gap:14px}}

/* Error pages share the site palette and navigation, with a compact recovery layout. */
.error-page .site-header>a{flex:0 0 auto;display:block;line-height:0}.error-page .site-header>a svg{display:block;width:235px;height:auto}
.error-shell{max-width:1032px;margin:auto;padding:0 36px 56px}
nav.error-breadcrumb{justify-content:flex-start;gap:10px;margin:24px 0 32px;font-size:14px;line-height:1.5;color:var(--muted)}
.error-breadcrumb a{display:inline-flex;color:var(--blue)}
section.error-hero{display:flex;flex-direction:column;gap:28px;padding:0}
.error-copy{width:100%;max-width:760px}.error-copy .eyebrow{margin:0 0 12px}
.error-copy h1{font-size:clamp(28px,3.2vw,42px);line-height:1.12;font-weight:850;letter-spacing:-.025em;margin:0 0 16px;text-wrap:balance}
.error-copy .lead{font-size:18px;line-height:1.6;margin:0 0 12px;max-width:65ch}
.error-q{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px;max-width:65ch}
.error-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:0;font-size:16px;font-weight:700}
.error-actions a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.error-art{width:100%;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.error-art img{display:block;width:100%;height:auto}.error-art figcaption{display:none}
.error-footer{max-width:1240px;margin:auto;padding:24px 36px 32px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px 24px;font-size:14px;color:var(--muted)}
.error-footer .legal{margin-left:auto;font-size:13px}
@media(max-width:900px){.error-page .site-header{flex-wrap:wrap}.error-page .site-header nav{justify-content:flex-start}.error-page .site-header>a svg{width:200px}}
@media(max-width:600px){.error-page .site-header>a svg{width:175px}.error-shell{padding:0 20px 36px}nav.error-breadcrumb{margin:20px 0 28px}.error-actions{align-items:flex-start;flex-direction:column}.error-footer{padding:24px 20px}.error-footer .legal{width:100%;margin:0}}

/* CueBrio mobile navigation and breadcrumbs */
nav[aria-label="Breadcrumb"]{justify-content:flex-start}nav[aria-label="Breadcrumb"] a{display:inline-flex;align-items:center;min-height:44px}nav[aria-label="Breadcrumb"] ol{align-items:center}
@media(max-width:700px){header{flex-wrap:wrap;align-items:flex-start}header>a:first-child{flex:0 0 auto}header>a:first-child img,header>a:first-child svg{width:175px;height:auto}header nav{width:100%;justify-content:flex-start;gap:8px 16px}header nav a{min-height:44px;align-items:center}header nav .outline{padding:10px 12px}footer a{display:inline-flex;align-items:center;min-height:44px}.application fieldset{min-width:0;padding:18px}.application legend{max-width:100%}}

#audience-launch{max-width:1240px;margin:auto;padding:48px 36px}#audience-launch img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}@media(max-width:700px){#audience-launch{padding:36px 20px}.feature-story img{width:100%;min-width:0}header{overflow:hidden}body{overflow-x:hidden}}
.ea-preview{margin:32px 0;padding:22px;border:1px solid #52677b;border-radius:22px;background:#112638;color:#eef5fb}.ea-preview h2{font-size:clamp(24px,3vw,38px);margin:8px 0}.ea-preview .ea-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.ea-preview figure{margin:0;min-width:0}.ea-preview img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #556b80}.ea-preview figcaption{font-size:14px;line-height:1.5;margin-top:10px;color:#cbd9e5}.ea-preview a{color:#9fe8de}.ea-preview .ea-mark{width:190px;height:auto;border:0;border-radius:0;margin-bottom:12px}@media(max-width:650px){.ea-preview .ea-grid{grid-template-columns:1fr}.ea-preview{padding:16px}}
}
@layer layouts {
.application{max-width:900px;margin:auto;padding:48px 24px}.application h1{font-size:clamp(36px,6vw,64px)}.application form{display:grid;gap:20px}.application label{display:grid;gap:8px;font-weight:600}.application input,.application textarea{box-sizing:border-box;width:100%;padding:14px;border:1px solid #63798e;border-radius:10px;background:#fff;color:#122638;font:inherit}.application textarea{min-height:100px;resize:vertical}.application .check{display:flex;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:6px}.application fieldset{border:1px solid #63798e;border-radius:16px;padding:24px;display:grid;gap:20px}.application legend{padding:0 10px;font-weight:700}.application .notice{padding:18px;border:1px solid #dbb366;border-radius:12px}.trap{position:absolute;left:-10000px}.application button{cursor:pointer}.application p{line-height:1.65}
.contact{max-width:760px;margin:auto;padding:50px 24px}.contact form,.contact label{display:grid;gap:10px}.contact form{gap:22px}.contact input,.contact select,.contact textarea{width:100%;box-sizing:border-box;padding:14px;border-radius:10px;border:1px solid #63798e;background:#fff;color:#122638;font:inherit}.contact textarea{min-height:180px}.contact .consent{display:flex;align-items:flex-start}.consent input{width:auto}.trap{position:absolute;left:-10000px}.notice{padding:18px;border:1px solid #dbb366;border-radius:10px}
.requirements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.requirements-grid article{padding:24px;border:1px solid #395064;border-radius:14px;background:#101e2c}.requirements-grid p{font-size:16px;line-height:1.6}.requirements-grid h3{font-size:24px}@media(max-width:700px){.requirements-grid{grid-template-columns:1fr}}

/* Secondary editorial and form pages share the marketing shell and rhythm. */
.secondary-page{max-width:1040px;margin:auto;padding:20px var(--gutter) 40px}
.secondary-page h1{font-size:clamp(30px,4vw,42px);line-height:1.12}
.secondary-page h2{font-size:clamp(24px,3vw,30px);margin:32px 0 14px}
.secondary-page>section:not(.ea-preview):not(.notice){padding:20px 0}.secondary-page>section:first-child{padding-top:0}
nav.breadcrumbs:has(+main.contact){max-width:800px}nav.breadcrumbs:has(+main.application){max-width:960px}
.secondary-page a:not(.button){color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.secondary-page.contact{max-width:800px}.secondary-page.application{max-width:960px}
.secondary-page .notice{padding:18px;margin:24px 0}.secondary-page fieldset{min-width:0}
.secondary-page legend{max-width:100%}.secondary-page button.button{font:inherit;font-weight:750;cursor:pointer}
@media(max-width:600px){.secondary-page fieldset{padding:18px}.requirements-grid{grid-template-columns:1fr}}


/* Captions describe the image above, including full-size screenshot views. */
figcaption{text-align:center}

/* Review layout: shared spacing, uncropped bounded media, and accessible disclosure navigation. */
:root{--section-space:40px;--gutter:clamp(20px,3vw,36px)}
main>section{padding:var(--section-space) var(--gutter)}
main>section> :first-child{margin-top:0}
.visual-workflows .visual-workflow{padding:28px 0;margin:0;gap:32px;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.visual-workflow img{width:100%;height:auto;max-height:360px;object-fit:contain}
.visual-workflow figure{max-width:100%;margin:0}
.more-workflows{padding:16px 0;gap:12px 24px}
#in-action{padding-bottom:24px}#in-action>.small{margin:8px 0 0}#products{padding-top:32px}
/* Balance the opening copy and actual UI at intermediate desktop widths. */
.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}
.hero>div{min-width:0}.hero h1{font-size:clamp(36px,4.1vw,52px);line-height:1.08;margin:18px 0 22px;text-wrap:balance}
.hero .hero-capture{margin-top:44px}.hero-capture img{max-height:380px;object-fit:contain}
@media(max-width:800px){.hero .hero-capture{margin-top:0}.hero h1{font-size:clamp(34px,6vw,46px)}}
.policy{max-width:1040px;padding:32px var(--gutter)}
.audience-visual{margin:24px 0;max-width:800px}.audience-visual img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}
.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:20px;padding:18px var(--gutter)}
.site-header>a{flex:0 0 auto}.site-header>a img{width:205px;display:block}
.site-header .review-nav{display:flex;flex-wrap:nowrap;gap:16px;font-size:14px;align-items:center;white-space:nowrap}
.site-header .review-nav a{display:inline-flex;color:var(--ink);text-decoration:none;padding:10px 0}
.site-header .review-nav .outline{padding:10px 14px;background:var(--cta);border-color:var(--accent)}
.review-more{position:relative}.review-more summary{cursor:pointer;padding:10px 0;min-height:44px;list-style:none}.review-more summary:after{content:' ▾'}
.review-menu{position:absolute;right:0;top:100%;z-index:40;min-width:245px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px #0008}
.site-header .review-menu a{display:flex;padding:10px 12px;white-space:normal}
.review-more:not([open]) .review-menu{display:none}
.breadcrumbs{max-width:1240px;margin:auto;padding:14px var(--gutter)}
@media(max-width:800px){.site-header .review-nav{gap:12px}.site-header .review-nav>.audience-nav{display:none}.visual-workflows .visual-workflow{grid-template-columns:1fr;gap:20px}.visual-workflow:nth-of-type(even)>div{order:0}.visual-workflow img{max-height:320px}.hero{grid-template-columns:1fr}.site-header>a img{width:175px}}
@media(max-width:480px){.site-header{gap:12px;padding:14px 20px}.site-header>a img{width:150px}.site-header .review-nav>.outline{display:none}.site-header .review-nav{font-size:14px}.review-menu{max-width:calc(100vw - 40px)}main>section{padding:32px 20px}}
/* Two audience routes share the available width. */
#audience-launch .workflow-gallery{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 0}
#audience-launch .workflow-gallery img{display:block;width:100%;height:180px;object-fit:contain;margin:0 0 16px}
#audience-launch .workflow-gallery article{padding:24px;min-width:0}
.error-shell{max-width:1240px;margin:auto;padding:24px var(--gutter) 40px}
.error-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:24px 0}
.error-copy h1{font-size:clamp(30px,3.5vw,44px);line-height:1.15}
.error-copy p{font-size:17px;line-height:1.6}.error-art{margin:0}.error-art img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain}
.show-team-graphic img{min-width:0;width:100%;height:auto}.policy h1{font-size:clamp(30px,4vw,42px)}
@media(max-width:600px){#audience-launch .workflow-gallery{grid-template-columns:1fr}.error-hero{grid-template-columns:1fr}.error-shell{padding:16px 20px 32px}.error-art{order:-1}}

.site-header{overflow:visible;position:relative;z-index:50}.site-header .review-nav{overflow:visible}.hero .actions{gap:12px}.hero .actions a{font-size:14px}.hero .actions .button{padding:12px 16px}
nav.breadcrumbs{display:block;max-width:1040px;padding:14px var(--gutter);font-size:14px;line-height:1.5;text-align:left}nav.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}nav.breadcrumbs a{display:inline;color:var(--blue)}.audience-visual{margin-left:auto;margin-right:auto}.audience-visual figcaption{text-align:center}.policy{padding-top:20px}

/* Avoid duplicate visible destinations while retaining every route at small widths. */
.site-header .review-menu a.menu-audience,.site-header .review-menu a.menu-apply{display:none}
.review-menu{max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
.review-more summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:4px}
.site-header .review-menu a:hover,.site-header .review-menu a:focus-visible{background:#20374a;border-radius:4px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.site-header .review-menu a.menu-audience{display:flex}}
@media(max-width:480px){.site-header .review-menu a.menu-apply{display:flex}}

.campaign-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.campaign-split figure{margin:0}.campaign-split img{width:100%;height:auto;border-radius:10px}.section-apply{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0 0}.section-apply span{max-width:46ch}#questions p{max-width:72ch}@media(max-width:700px){.campaign-split{grid-template-columns:1fr}}

.faq-list{margin:24px 0;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;position:relative;list-style:none;padding:20px 38px 20px 0;font-size:18px;font-weight:700;line-height:1.4;color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:4px;top:18px;font-size:24px;color:var(--blue)}.faq-item[open] summary:after{content:'−'}.faq-item summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.faq-answer{padding:0 24px 20px 0;max-width:78ch}.faq-answer p{margin:0;font-size:17px}.faq-item[open]{background:var(--panel);padding:0 18px}.faq-section .actions{margin-bottom:0}

/* Audience pages: shared button contrast and readable editorial spacing. */
.audience-page>p:not(.audience-actions),.audience-page>ul{max-width:72ch}
.audience-page h2{margin:32px 0 14px;line-height:1.2}
.audience-page>ul{padding-left:24px;margin:16px 0 24px}.audience-page li{padding-left:4px;margin:10px 0}
.audience-page .audience-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px;margin:28px 0 8px}
.audience-page a.button,.audience-page a.button:visited{color:#fff;text-decoration:none;font-weight:750;font-size:16px;line-height:1.4;min-height:44px}
.audience-page .audience-actions>a:not(.button){display:inline-flex;align-items:center;min-height:44px;font-weight:650;font-size:16px}
@media(max-width:480px){.audience-page .audience-actions{align-items:stretch;flex-direction:column;gap:12px}.audience-page a.button{justify-content:center;text-align:center;padding:14px 16px}.audience-page .audience-actions>a:not(.button){justify-content:center}.audience-page h2{font-size:24px}}

/* Audience landing pages reuse the homepage rhythm and FAQ components. */
.audience-page>section{padding:0;margin:0 0 36px}
.audience-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}
.audience-intro h1{font-size:clamp(32px,3.4vw,42px);line-height:1.1;text-wrap:balance}
.audience-intro .audience-visual{margin:12px 0 0;min-width:0}
.audience-intro .audience-visual img{max-height:320px;border-radius:10px}
.audience-intro .audience-actions{gap:12px;margin-top:24px}
.audience-features h2{font-size:24px;line-height:1.2;margin:0 0 12px;text-transform:none}
.audience-features p{margin:0}.audience-page .faq-section{border-top:1px solid var(--line);padding-top:28px}
.audience-page .faq-section h2,.audience-page .audience-close h2{margin-top:12px}
.audience-page .audience-close{padding:24px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;background:var(--panel)}
@media(max-width:800px){.audience-intro{grid-template-columns:1fr;gap:20px}.audience-intro .audience-visual{margin:0 auto;width:100%;max-width:640px}.audience-intro h1{font-size:clamp(30px,5vw,40px)}}
@media(max-width:600px){.audience-page>section{margin-bottom:28px}.audience-page .audience-close{padding:20px}}

}
@layer components {

/* Shared component contracts. Page rules must not redefine these components. */
.site-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:20px;overflow:visible;position:relative;z-index:50;padding:18px var(--gutter)}
.site-header .review-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:16px;font-size:14px;white-space:nowrap;overflow:visible}
.site-header .review-nav a{color:var(--ink);text-decoration:none}
a.button,a.button:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#fff;background:var(--cta);border:1px solid var(--accent);border-radius:8px;text-decoration:none;font-size:16px;font-weight:750;line-height:1.4;padding:14px 20px}
a.button:hover{background:#a91d31;text-decoration:none}
.site-header .review-menu .menu-audience,.site-header .review-menu .menu-apply{display:none}
.site-header .review-menu a{min-height:44px}
.site-header .review-nav .outline{background:var(--cta);color:#fff}
@media(max-width:800px){.site-header .review-nav>.audience-nav{display:none}.site-header .review-menu .menu-audience{display:flex}.site-header .review-nav{gap:12px}}
@media(max-width:480px){.site-header{gap:12px;padding:14px 20px}.site-header .review-nav>.outline{display:none}.site-header .review-menu .menu-apply{display:flex}.audience-page a.button{padding:14px 16px}}

/* Preserve one-row navigation at narrow widths and browser zoom. */
@media(max-width:360px){.site-header>a img{width:clamp(90px,38vw,130px)}.site-header,.site-header .review-nav{gap:8px}.site-header .review-nav{font-size:13px}}
}

@layer components {
#early-access.closer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px;align-items:center}#early-access .editorial-photo{display:block;width:100%;height:auto;border-radius:10px;max-height:330px;object-fit:cover}@media(max-width:800px){#early-access.closer{grid-template-columns:1fr}#early-access .editorial-photo{max-height:260px}}
}