.prod-page { --prod-ink:#101010; --prod-paper:#f5f5f3; --prod-line:#dededb; color:var(--prod-ink); background:#fff; overflow:clip; }
.prod-page section[id] { scroll-margin-top:calc(var(--header) + 80px); }
.prod-container { width:100%; max-width:1472px; padding-inline:24px; margin-inline:auto; }
.prod-mono { display:block; font:10px/1.5 'Aeonik Mono',monospace; letter-spacing:.04em; text-transform:uppercase; }
.prod-page h1,.prod-page h2,.prod-page h3,.prod-page h4,.prod-page h5,.prod-page p { margin:0; font-weight:400; }
.prod-page h4,.prod-page h5 { letter-spacing:-.02em; }
.prod-page .button { min-height:44px; border-radius:6px; }
.prod-overview-hero { position:relative; isolation:isolate; min-height:calc(720px - var(--header)); height:calc(100svh - var(--header)); overflow:hidden; }
.prod-overview-copy { position:absolute; left:50%; top:calc(34svh - var(--header) + 24px); transform:translateX(-50%); display:flex; flex-direction:column; gap:24px; align-items:center; width:calc((100% - 136px)/12*4 + 24px); max-width:624px; text-align:center; z-index:2; }
.prod-overview-copy h1 { font-size:64px; line-height:1; letter-spacing:-.01em; text-wrap:balance; }
.prod-overview-copy>p { width:88%; margin-bottom:16px; color:#333; font-size:16px; line-height:1.5; text-wrap:balance; }
.prod-overview-copy>.button { background:#193a29; color:#fff; }
.prod-orbit { position:absolute; inset:0; z-index:-1; pointer-events:none; }
.prod-orbit-lines { position:absolute; left:0; top:calc(-1 * var(--header)); width:100%; height:100svh; fill:none; stroke:#dce1dc; stroke-width:.7; animation:prod-orbit-lines-in 1.6s ease both; }
.prod-orbit-lines path { vector-effect:non-scaling-stroke; }
.prod-orbit-lines--mobile { display:none; }
.prod-orbit-card { position:absolute; width:var(--orbit-size); animation:prod-orbit-settle 1.5s cubic-bezier(.16,1,.3,1) both; }
.prod-orbit-card img { display:block; width:100%; aspect-ratio:1; height:auto; object-fit:cover; border-radius:clamp(12px,1.1vw,16px); }
.prod-orbit-card span { display:block; margin-top:4px; color:#101010; font:10px/1.5 'Aeonik Mono',monospace; text-transform:uppercase; white-space:nowrap; }
/* Settled photo bounds correspond to the 1280 × 720 enterprise reference. */
.prod-orbit-card--0 { left:3.90625%; top:calc(18.888889svh - var(--header)); --orbit-size:clamp(105px,10.9375vw,210px); --orbit-enter-x:24px; --orbit-enter-y:24px; }
.prod-orbit-card--1 { left:27.34375%; top:calc(16.805556svh - var(--header)); --orbit-size:clamp(69px,7.1875vw,138px); --orbit-enter-x:-16px; --orbit-enter-y:16px; }
.prod-orbit-card--2 { left:59.296875%; top:calc(15.555556svh - var(--header)); --orbit-size:clamp(72px,7.5vw,144px); --orbit-enter-x:24px; --orbit-enter-y:16px; }
.prod-orbit-card--3 { left:83.828125%; top:calc(26.666667svh - var(--header)); --orbit-size:clamp(81.75px,8.515625vw,163.5px); --orbit-enter-x:-16px; --orbit-enter-y:-16px; }
.prod-orbit-card--4 { left:17.265625%; top:calc(63.611111svh - var(--header)); --orbit-size:clamp(88.5px,9.21875vw,177px); --orbit-enter-x:16px; --orbit-enter-y:-24px; }
.prod-orbit-card--5 { left:63.671875%; top:calc(74.305556svh - var(--header)); --orbit-size:clamp(70.5px,7.34375vw,141px); --orbit-enter-x:24px; --orbit-enter-y:-24px; }
.prod-orbit-card--6 { left:84.6875%; top:calc(68.194444svh - var(--header)); --orbit-size:clamp(105px,10.9375vw,210px); --orbit-enter-x:-16px; --orbit-enter-y:-24px; }
.prod-explore-hint { position:absolute; right:48px; bottom:5svh; display:flex; align-items:center; gap:18px; font-size:14px; }
.prod-explore-arrow { display:grid; place-items:center; width:34px; height:34px; border:1px solid #222; border-radius:2px; }
.prod-hero-wrap { padding:8px 16px 0; }
.prod-media-hero { position:relative; display:flex; align-items:flex-end; isolation:isolate; min-height:720px; overflow:hidden; border-radius:24px; background:#212221; color:#fff; padding:64px; }
.prod-hero-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-3; }
.prod-hero-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,#000b 0%,#0006 40%,#0002 100%); }
.prod-hero-copy { display:flex; flex-direction:column; align-items:flex-start; gap:24px; max-width:1152px; width:100%; }
.prod-hero-copy h1 { max-width:820px; font-size:clamp(32px,8px + 5vw,64px); line-height:1.05; letter-spacing:-.01em; text-wrap:balance; }
.prod-hero-copy>p { max-width:660px; color:#fff; font-size:18px; line-height:1.5; text-wrap:balance; }
.prod-hero-copy>.prod-mono { color:#ffffffc9; }
.prod-hero-visual { position:absolute; inset:0; z-index:-2; overflow:hidden; background:radial-gradient(ellipse at 70% 15%,#454d48,#1c211f 65%); }
.prod-hero-demo { position:absolute!important; width:750px; right:4%; top:35px; min-height:420px!important; aspect-ratio:16/10; transform:perspective(1500px) rotateY(-12deg) rotateX(7deg); transform-origin:right center; box-shadow:0 45px 50px #0008!important; }
.prod-media-hero--research .prod-hero-visual,.prod-media-hero--email .prod-hero-visual { background:linear-gradient(125deg,#26282b,#454349); }
.prod-media-hero--research .prod-hero-demo,.prod-media-hero--email .prod-hero-demo { top:35px; right:8%; width:690px; transform:perspective(1400px) rotateY(-4deg) rotateX(8deg) scale(.9); border:12px solid #161716; border-radius:20px; }
.prod-media-hero--memory .prod-hero-visual { background:radial-gradient(ellipse at 65% 25%,#575b49,#252920 68%); }
.prod-media-hero--memory .prod-hero-demo { right:4%; width:820px; top:-30px; transform:perspective(1200px) rotateY(-12deg) rotateX(10deg); }
.prod-media-hero--connectors .prod-hero-visual { background:linear-gradient(135deg,#222326,#4a464d); }
.prod-media-hero--browser .prod-hero-demo { right:6%; top:40px; border:12px solid #171717; border-radius:18px; transform:perspective(1800px) rotateY(-5deg); }
.prod-media-hero--voice .prod-hero-photo { object-position:center 37%; }
.prod-media-hero--create .prod-hero-photo { object-position:center 40%; }
.prod-media-hero--detail { min-height:640px; }
.prod-media-hero--detail .prod-hero-copy h1 { max-width:900px; }
.prod-subnav { position:sticky; top:var(--header); z-index:20; display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px 40px; border-bottom:1px solid #e7e7e7; background:#fffffff2; backdrop-filter:blur(16px); }
.prod-subnav-title { display:flex; align-items:center; gap:12px; flex-shrink:0; font-size:18px; line-height:1.3; letter-spacing:-.02em; }
.prod-subnav-title svg { width:14px; height:14px; transform:rotate(180deg); }
.prod-subnav>div { display:flex; gap:28px; align-items:center; white-space:nowrap; }
.prod-subnav>div a { color:#747474; font-size:13px; transition:color .2s; }
.prod-subnav>div a:hover { color:#111; }
.prod-section { padding-block:96px; }
.prod-section-heading { display:flex; align-items:center; text-align:center; flex-direction:column; gap:24px; max-width:800px; margin:0 auto 64px; }
.prod-section-heading .prod-mono,.prod-intro>.prod-mono { color:#6b6b6b; }
.prod-section-heading h2,.prod-intro h2 { font-size:48px; line-height:1.15; letter-spacing:-.025em; text-wrap:balance; }
.prod-section-heading p,.prod-intro>p { font-size:18px; line-height:1.5; color:#656565; text-wrap:balance; max-width:660px; }
.prod-intro { padding-block:96px 48px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:24px; }
.prod-intro h2 { max-width:800px; }
.prod-section-heading--split { max-width:none; display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:64px; text-align:left; margin-bottom:56px; }
.prod-section-heading--split>div { display:flex; flex-direction:column; gap:24px; }
.prod-section-heading--split h2 { max-width:600px; }
.prod-section-heading--split>p { max-width:560px; }
.prod-feature-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:64px; align-items:start; }
.prod-feature-illustration { position:sticky; top:calc(var(--header) + 100px); min-width:0; }
.prod-illustration-caption { color:#858585; font-size:12px; text-align:center; margin-top:16px!important; }
.prod-accordion { border-top:1px solid var(--prod-line); }
.prod-accordion-item { border-bottom:1px solid var(--prod-line); }
.prod-accordion-item summary { display:grid; grid-template-columns:26px 1fr 24px; gap:16px; align-items:start; padding:28px 0; cursor:pointer; list-style:none; }
.prod-accordion-item summary::-webkit-details-marker { display:none; }
.prod-accordion-item summary>span { font:11px/1.5 'Aeonik Mono',monospace; color:#8a8a8a; padding-top:6px; }
.prod-accordion-item summary h3 { font-size:24px; line-height:1.3; letter-spacing:-.02em; }
.prod-accordion-item summary i { font:300 24px/1 Arial,sans-serif; color:#777; transition:transform .25s; }
.prod-accordion-item[open] summary i { transform:rotate(45deg); }
.prod-accordion-body { padding:0 40px 32px 42px; }
.prod-accordion-body p { font-size:16px; line-height:1.6; color:#6c6c6c; }
.prod-accordion-body ul { list-style:none; padding:0; margin:24px 0 0; display:flex; flex-direction:column; gap:12px; }
.prod-accordion-body li { display:flex; align-items:flex-start; gap:12px; font-size:14px; color:#565656; }
.prod-accordion-body li svg { width:16px; height:16px; color:#5c7c60; margin-top:3px; flex-shrink:0; }
.prod-overview-feature>.prod-demo { max-width:1100px; margin-inline:auto; padding:48px; }
.prod-overview-pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin:72px 24px 0; }
.prod-overview-pillars h3 { margin:24px 0 16px; font-size:24px; line-height:1.3; }
.prod-overview-pillars p { color:#6b6b6b; font-size:16px; line-height:1.6; }
.prod-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.prod-product-card { position:relative; display:flex; flex-direction:column; gap:20px; min-height:400px; padding:32px; border-radius:12px; background:#f3f3f1; overflow:hidden; transition:background .3s; }
.prod-card-count { font:11px/1.5 'Aeonik Mono',monospace; color:#898989; }
.prod-card-glyph { display:grid; place-items:center; width:100%; height:92px; font-size:68px; font-weight:400; color:#667462; }
.prod-product-card h3 { font-size:24px; line-height:1.3; margin-bottom:16px; }
.prod-product-card p { font-size:14px; line-height:1.5; color:#727272; }
.prod-card-arrow { position:absolute; top:30px; right:24px; color:#727272; }
.prod-card-arrow svg { width:16px; height:16px; }
.prod-product-card:hover { background:#e8ede7; }
.prod-product-card--research .prod-card-glyph,.prod-product-card--voice .prod-card-glyph { color:#84708d; }
.prod-product-card--create .prod-card-glyph,.prod-product-card--browser .prod-card-glyph { color:#a28c76; }
.prod-workflow { padding-block:112px; margin:24px 16px; background:#202721; border-radius:24px; color:white; }
.prod-workflow .prod-section-heading { max-width:850px; }
.prod-workflow .prod-mono { color:#b4c3b4; }
.prod-workflow-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; padding-inline:40px; }
.prod-step-index { display:flex; align-items:center; gap:24px; font:12px/1.5 'Aeonik Mono',monospace; color:#9ba99b; margin-bottom:32px; }
.prod-step-index span { height:1px; flex:1; background:#ffffff29; }
.prod-workflow-steps h3 { font-size:26px; line-height:1.3; margin-bottom:16px; }
.prod-workflow-steps p { color:#b8c1b9; font-size:15px; line-height:1.6; }
.prod-section-heading--related { flex-direction:row; align-items:end; justify-content:space-between; max-width:none; text-align:left; gap:40px; }
.prod-section-heading--related>div { display:flex; flex-direction:column; gap:24px; }
.prod-text-link { display:inline-flex; align-items:center; gap:20px; font-size:14px; width:max-content; max-width:100%; }
.prod-text-link svg { width:16px; height:16px; flex-shrink:0; transition:transform .2s; }
.prod-text-link:hover svg { transform:translateX(4px); }
.prod-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.prod-related-grid:has(>:nth-child(4)) { grid-template-columns:repeat(4,minmax(0,1fr)); }
.prod-related-card { display:flex; flex-direction:column; min-width:0; }
.prod-related-art { position:relative; display:grid; place-items:center; height:240px; border-radius:12px; background:#e9e8e3; overflow:hidden; isolation:isolate; }
.prod-related-art>span { z-index:2; display:grid; place-items:center; width:92px; height:108px; border:1px solid #9d9d8b; border-radius:12px; background:#f6f5eee8; color:#586550; font-size:56px; transform:rotate(-12deg); transition:transform .5s; }
.prod-related-art>i { position:absolute; width:92px; height:108px; border:1px solid #b8b6a5; border-radius:12px; transform:translate(22px,3px) rotate(6deg); background:#dbdbce; }
.prod-related-art>i:last-child { transform:translate(40px,14px) rotate(21deg); z-index:-1; background:#c4cabd; }
.prod-related-art--1 { background:#e6e0e6; }.prod-related-art--2 { background:#e1e6e9; }.prod-related-art--3 { background:#e7dfd6; }
.prod-related-card:hover .prod-related-art>span { transform:translateY(-6px) rotate(-16deg); }
.prod-related-card>div:last-child { padding:24px 8px; display:flex; flex-direction:column; align-items:start; gap:16px; }
.prod-related-card .prod-mono { color:#858585; }
.prod-related-card h3 { font-size:24px; line-height:1.3; letter-spacing:-.02em; text-wrap:balance; }
.prod-related-card p { font-size:14px; line-height:1.5; color:#777; }
.prod-related-card .prod-text-link { margin-top:8px; }
.prod-mode-section { display:grid; grid-template-columns:1fr 1fr; gap:16px; padding-block:24px 96px; }
.prod-mode-card { padding:48px; background:#f4f4f2; border-radius:16px; display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
.prod-mode-card>.prod-mono { color:#777; }
.prod-mode-card h3 { font-size:32px; line-height:1.2; max-width:420px; }
.prod-mode-card p { color:#777; font-size:16px; line-height:1.6; }

/* Source families: RL cards, evaluation columns, data panels, and artifact galleries. */
.prod-capability-icon { display:block; color:#68735f; font-size:32px; line-height:1; margin-bottom:32px; }
.prod-capability-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.prod-capability-cards--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.prod-capability-cards>article { padding:48px; background:#f5f5f5; border-radius:12px; }
.prod-capability-cards h3,.prod-icon-columns h3,.prod-data-grid h3,.prod-creation-pair h3 { font-size:24px; line-height:1.3; letter-spacing:-.02em; margin-bottom:16px; }
.prod-capability-cards p,.prod-icon-columns p,.prod-data-grid p,.prod-creation-pair p { font-size:16px; line-height:1.5; color:#707070; }
.prod-family-heading { margin:128px auto 64px; max-width:720px; text-align:center; }
.prod-family-heading h2,.prod-evidence-row h2,.prod-connection-showcase h2 { font-size:48px; line-height:1.15; letter-spacing:-.025em; text-wrap:balance; }
.prod-family-heading p { margin-top:24px; font-size:18px; line-height:1.5; color:#777; }
.prod-example-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.prod-example-grid>a { display:block; border:1px solid #e1e1e1; border-radius:16px; overflow:hidden; }
.prod-example-grid .prod-demo { border-radius:0; height:280px; min-height:0; padding:20px; }
.prod-example-grid .prod-app-frame { width:560px; transform:scale(.65); transform-origin:top left; }
.prod-example-grid>a>div:last-child { padding:32px; }
.prod-example-grid h3 { font-size:24px; line-height:1.25; margin-bottom:16px; }
.prod-example-grid p { color:#777; font-size:16px; line-height:1.5; margin-bottom:24px; }
.prod-icon-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:64px; padding-inline:32px; }
.prod-evidence-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:80px; align-items:center; margin-top:128px; padding:0 24px; }
.prod-evidence-row>div:first-child { display:flex; flex-direction:column; align-items:flex-start; gap:24px; }
.prod-evidence-row p { font-size:18px; line-height:1.5; color:#777; }
.prod-evidence-row .prod-mono,.prod-connection-showcase .prod-mono { color:#818181; }
.prod-device-frame { border:10px solid #1a1a1a; border-radius:18px; background:#1a1a1a; box-shadow:0 30px 50px #00000018; overflow:hidden; }
.prod-device-frame>.prod-demo { padding:0; border-radius:6px; min-height:0; }
.prod-device-frame .prod-app-frame { border:0; border-radius:0; }
.prod-device-frame .prod-app-rail { width:72px; }
.prod-device-frame .prod-report { padding:24px; }
.prod-family-models .prod-section-heading h2 { font-size:52px; line-height:1.15; }
.prod-family-models .prod-capability-cards { margin-bottom:64px; }
.prod-wide-demo { max-width:1056px; margin:auto; text-align:center; }
.prod-wide-demo>.prod-demo { padding:48px; background:#e9e9e7; }
.prod-wide-demo>.prod-text-link { margin-top:24px; }
.prod-data-panel { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
.prod-data-demo { background:#f5f5f2; border-radius:12px; display:flex; align-items:center; overflow:hidden; }
.prod-data-demo>.prod-demo { width:100%; border-radius:0; background:transparent; box-shadow:none; }
.prod-data-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.prod-data-grid>article { padding:32px; background:#f5f5f5; border-radius:12px; }
.prod-data-grid .prod-capability-icon { margin-bottom:24px; }
.prod-data-grid h3 { font-size:22px; }
.prod-data-grid p { font-size:14px; }
.prod-connection-showcase { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:center; margin-bottom:96px; }
.prod-connection-showcase>div:last-child { display:flex; flex-direction:column; align-items:start; gap:24px; padding-right:48px; }
.prod-connection-showcase p { font-size:18px; line-height:1.5; color:#777; }
.prod-creation-pair { display:grid; grid-template-columns:1fr 1fr; gap:96px; padding-inline:8%; margin-bottom:80px; }
.prod-artifact-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.prod-artifact-gallery>a { position:relative; display:block; }
.prod-artifact-gallery h3 { font-size:24px; line-height:1.3; margin:24px 0 16px; padding-right:20px; }
.prod-artifact-gallery p { font-size:16px; line-height:1.5; color:#777; padding-right:20px; }
.prod-artifact-gallery>a>svg { width:16px; height:16px; position:absolute; right:0; bottom:4px; }
.prod-gallery-preview { display:flex; justify-content:center; height:330px; overflow:hidden; padding:40px 40px 0; border-radius:12px; background:#e9e6df; }
.prod-gallery-preview>div { width:100%; max-width:250px; padding:24px; background:#fffefb; border:1px solid #d9d7cc; border-radius:4px; transform:rotate(-6deg) translateY(10px); box-shadow:0 8px 24px #0001; }
.prod-gallery-preview strong { display:block; font-size:25px; line-height:1.2; margin-top:16px; font-weight:400; }
.prod-gallery-preview .prod-mono { font-size:8px; color:#96968c; }
.prod-gallery-shape { height:112px; margin-block:24px; background:linear-gradient(45deg,#d3dbbb 40%,#a5b493 40% 65%,#e8ecd8 65%); border-radius:4px; }
.prod-gallery-preview--1 { background:#e1e7df; }.prod-gallery-preview--1>div { transform:rotate(4deg) translateY(20px); }
.prod-gallery-preview--1 .prod-gallery-shape { background:repeating-linear-gradient(0deg,transparent 0 20px,#c8d1bf 20px 21px),repeating-linear-gradient(90deg,#f4f6f1 0 48px,#c8d1bf 48px 49px); }
.prod-gallery-preview--2 { background:#e8e1e8; }.prod-gallery-preview--2>div { transform:rotate(-4deg) translateY(10px); }
.prod-gallery-preview--2 .prod-gallery-shape { background:radial-gradient(circle at 50% 40%,#c1afc7 30%,#ebe3ef 31% 50%,#d9cddd 51%); }
.prod-evidence-row--reverse>div:first-child { order:2; }
.prod-evidence-row--reverse>.prod-demo { order:1; }

/* Product illustrations use real document structure, written in Praxa context. */
.prod-demo { position:relative; background:#eeeae4; padding:32px; border-radius:16px; min-height:390px; overflow:hidden; color:#333; box-shadow:inset 0 0 0 1px #00000004; }
.prod-app-frame { display:flex; min-height:340px; width:100%; background:#fcfcfb; border:1px solid #cfcfca; border-radius:12px; box-shadow:0 12px 40px #24242414; overflow:hidden; }
.prod-app-rail { display:flex; flex-direction:column; gap:20px; width:108px; flex-shrink:0; padding:24px 12px; background:#eeefec; color:#82847d; font-size:10px; }
.prod-mark { width:30px; height:30px; flex-shrink:0; }
.prod-app-rail>.prod-mark { color:#383d34; width:24px; height:24px; margin-bottom:6px; }
.prod-rail-plus { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#daddd5; color:#50564c; font-size:18px; }
.prod-rail-selected { color:#2f362b; }
.prod-rail-bottom { margin-top:auto; font-size:9px; }
.prod-app-content { min-width:0; flex:1; }
.prod-app-top { display:flex; justify-content:space-between; align-items:center; min-height:48px; padding:12px 24px; border-bottom:1px solid #e9e9e4; color:#62645c; font-size:10px; }
.prod-app-top>span { color:#9a9d94; letter-spacing:2px; }
.prod-mini-label { font:8px/1.5 'Aeonik Mono',monospace; color:#91938a; letter-spacing:.04em; }
.prod-demo h4 { font-size:24px; line-height:1.2; }
.prod-demo h5 { font-size:15px; line-height:1.35; }
.prod-demo p { font-size:11px; line-height:1.6; }
.prod-demo .prod-mono { font-size:8px; color:#7a8071; }
.prod-demo strong { font-weight:400; }
.prod-workspace-chat { padding:32px 28px 20px; }
.prod-user-message { width:max-content; max-width:80%; margin-left:auto; padding:12px 16px; background:#edeee9; border-radius:16px 16px 4px 16px; font-size:11px; }
.prod-assistant-message { display:flex; gap:14px; align-items:flex-start; margin-top:32px; }
.prod-assistant-message>.prod-mark { width:22px; height:22px; }
.prod-assistant-message h4 { font-size:20px; max-width:330px; margin-bottom:12px; }
.prod-assistant-message p { color:#8a8c84; }
.prod-task-cards { display:flex; gap:8px; margin-top:24px; }
.prod-task-cards>div { display:flex; flex-direction:column; gap:10px; background:#f4f4ef; padding:16px; border:1px solid #dedfd5; border-radius:8px; flex:1; min-width:0; }
.prod-task-cards strong { font-size:11px; line-height:1.4; }
.prod-task-cards svg { width:12px; height:12px; margin-left:auto; color:#888e7f; }
.prod-chat-composer { display:flex; justify-content:space-between; align-items:center; margin-top:36px; border:1px solid #deded6; border-radius:12px; padding:12px 16px; color:#9a9c92; font-size:10px; }
.prod-chat-composer>span { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#4b5845; color:white; font-size:16px; }
.prod-mission-banner { padding:26px; border-bottom:1px solid #eee; background:linear-gradient(135deg,#f3f6ef,#e9ede4); }
.prod-mission-banner h4 { font-size:21px; max-width:320px; margin:14px 0; }
.prod-pills { display:flex; gap:6px; }
.prod-pills>span { font-size:8px; padding:4px 8px; border:1px solid #bdc6b3; border-radius:20px; color:#65725a; background:#f5f7f1; }
.prod-mission-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:18px; padding:24px; }
.prod-timeline-item { display:flex; gap:12px; align-items:start; padding-top:20px; }
.prod-timeline-item>i { display:grid; place-items:center; flex-shrink:0; width:18px; height:18px; border:1px solid #c2c9b7; border-radius:50%; color:#697b56; font-size:9px; font-style:normal; }
.prod-timeline-item svg { width:12px; height:12px; }
.prod-timeline-item strong,.prod-timeline-item small { display:block; font-size:10px; line-height:1.5; }
.prod-timeline-item small { font-size:8px; color:#96988f; margin-top:4px; }
.prod-mini-card { position:relative; padding:16px; border-radius:10px; background:#f3f2ed; border:1px solid #e0dfd7; }
.prod-mini-card h5 { margin-block:18px 12px; }.prod-mini-card p { color:#8e9086; font-size:9px; }
.prod-status-dot { display:block; width:5px; height:5px; border-radius:50%; background:#83a86b; margin-bottom:10px; }
.prod-mini-link { display:flex; justify-content:space-between; margin-top:20px; font-size:8px; }.prod-mini-link svg { width:10px; height:10px; }
.prod-demo--research { background:#e9e7ed; }.prod-research-layout { display:grid; grid-template-columns:1.7fr 1fr; }
.prod-report { padding:30px; }.prod-report h4 { font-size:25px; margin:18px 0; }.prod-report>p { color:#888582; }
.prod-report hr { margin:24px 0; border:0; height:1px; background:#ddd; }.prod-report h5 { margin-bottom:12px; font-size:12px; }
.prod-text-line { height:4px; background:#deded8; border-radius:4px; margin-top:8px; }.prod-line-short { width:68%; }
.prod-report blockquote { margin:24px 0; padding-left:14px; border-left:2px solid #a494ad; font-size:13px; line-height:1.5; color:#796b83; }.prod-report sup { font-size:8px; }
.prod-sources { padding:30px 16px; background:#f3f2f4; border-left:1px solid #e5e2e8; }
.prod-sources>div { padding:20px 0; border-bottom:1px solid #e3e0e6; }.prod-sources>div>span { display:grid; place-items:center; width:18px; height:18px; background:#e3dce9; border-radius:4px; color:#80718d; font-size:9px; margin-bottom:10px; }
.prod-sources strong { display:block; font-size:10px; }.prod-sources small { display:flex; align-items:center; gap:8px; font-size:8px; color:#9d96a3; margin-top:10px; }.prod-sources svg { width:10px; height:10px; }
.prod-demo--memory { background:#eeeee8; padding:0; }.prod-memory-visual { position:relative; min-height:440px; width:100%; }
.prod-memory-links { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#b6c2aa; stroke-width:1; }
.prod-memory-core { position:absolute; width:124px; height:124px; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #c1cbb7; border-radius:50%; background:#f8f9f3; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; box-shadow:0 0 0 24px #e7ebdf90,0 0 0 48px #e7ebdf60; }
.prod-memory-core span { font-size:10px; color:#7e8a71; }.prod-memory-core svg { color:#6a7a5c; }
.prod-memory-node { position:absolute; left:var(--node-x); top:var(--node-y); width:27%; padding:16px; border:1px solid #d5d7ca; border-radius:10px; background:#fbfbf7; box-shadow:0 6px 20px #707d5810; }
.prod-memory-node strong { display:block; font-size:12px; line-height:1.4; margin-top:10px; }
.prod-memory-control { display:flex; align-items:center; gap:8px; position:absolute; left:50%; bottom:12px; transform:translateX(-50%); padding:8px 12px; border:1px solid #ccd4c2; border-radius:30px; background:#f6f8f2; color:#788a65; white-space:nowrap; font-size:9px; }.prod-memory-control svg { width:14px; height:14px; }
.prod-demo--connectors { background:#e9e7ed; }.prod-connections { border:1px solid #d7d1de; background:#fcfbfe; border-radius:14px; padding:28px; box-shadow:0 15px 35px #63576c15; }
.prod-connection-core { text-align:center; display:flex; flex-direction:column; align-items:center; gap:12px; }.prod-connection-core>.prod-mark { width:28px; height:28px; color:#77667f; }.prod-connection-core h4 { font-size:21px; }.prod-connection-core p { color:#9a929f; }
.prod-app-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:28px; }.prod-connection-tile { display:flex; gap:10px; align-items:center; background:#f4f3f6; border:1px solid #e7e3eb; padding:14px 10px; border-radius:8px; min-width:0; }
.prod-connection-tile>span { display:grid; place-items:center; width:28px; height:28px; flex-shrink:0; font-size:10px; background:var(--tile-color); border-radius:7px; color:#45434a; }.prod-connection-tile h5 { font-size:10px; }.prod-connection-tile p { color:#a19aa8; font-size:8px; }.prod-connection-tile>svg { width:12px; height:12px; margin-left:auto; color:#a098a5; }
.prod-connection-footer { display:flex; justify-content:space-between; gap:12px; margin-top:24px; color:#8d8396; font-size:8px; }.prod-connection-footer>span { display:flex; align-items:center; gap:6px; }.prod-connection-footer svg { width:10px; height:10px; }
.prod-demo--create { background:#e7ddd1; }.prod-artifact-preview { display:flex; gap:24px; padding:22px; }.prod-artifact-preview>aside { display:flex; flex-direction:column; gap:18px; width:86px; font-size:9px; color:#a19789; padding-top:6px; }.prod-artifact-selected { color:#5c5347; }.prod-artifact-preview>article { width:100%; min-width:0; padding:24px; border:1px solid #e4e0d9; background:#fffefb; box-shadow:0 5px 20px #6c625712; }.prod-artifact-preview h4 { font-size:25px; margin-top:14px; }
.prod-artifact-art { position:relative; background:#d8ccba; height:110px; margin:22px 0; overflow:hidden; }.prod-artifact-art i { position:absolute; bottom:-20px; width:94px; height:94px; border:1px solid #ebe4d7; border-radius:50%; background:#b3a18b; left:12%; }.prod-artifact-art i:nth-child(2) { left:38%; bottom:8px; background:#c6b7a1; }.prod-artifact-art i:nth-child(3) { left:65%; bottom:-30px; background:#9a8b76; }
.prod-artifact-tray { display:flex; gap:8px; padding:0 20px 20px; }.prod-artifact-tray>span { display:flex; align-items:center; flex:1; justify-content:space-between; border:1px solid #ded9d0; padding:10px; border-radius:6px; font-size:8px; gap:8px; background:#f6f3ec; }.prod-artifact-tray i { font:6px/1.5 'Aeonik Mono',monospace; color:#a69b88; }
.prod-demo--voice { background:#e6e2e9; padding:24px; }.prod-voice-stage { display:flex; align-items:center; justify-content:center; gap:28px; min-height:430px; }.prod-voice-phone { position:relative; display:flex; flex-direction:column; align-items:center; width:208px; height:414px; border:6px solid #29272e; border-radius:32px; background:#f1eef4; box-shadow:12px 18px 30px #35284124; flex-shrink:0; padding:28px 12px; }.prod-phone-island { position:absolute; width:64px; height:17px; border-radius:15px; background:#29272e; top:7px; }.prod-phone-back { display:flex; align-items:center; width:100%; gap:8px; font-size:9px; color:#8c8296; margin-top:6px; }.prod-phone-back svg { width:10px; height:10px; transform:rotate(180deg); }.prod-voice-orb { display:grid; place-items:center; width:100px; height:100px; border-radius:50%; margin-top:30px; color:#8a729a; background:radial-gradient(circle at 30% 20%,#faf5ff,#d2bfdc 60%,#a68bb5); box-shadow:0 0 35px #bca7cc66; }.prod-voice-phone>p { margin-top:20px; text-align:center; font-size:14px; line-height:1.3; color:#6d6079; }.prod-wave { display:flex; gap:3px; align-items:center; justify-content:center; height:52px; margin-top:20px; }.prod-wave i { display:block; width:2px; border-radius:2px; height:var(--wave-height); background:#b19cbe; animation:prod-wave 1.3s ease-in-out infinite alternate; animation-delay:var(--wave-delay); }.prod-voice-controls { display:flex; gap:18px; margin-top:15px; }.prod-voice-controls>span { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; border:1px solid #cfc4d8; color:#8c799c; font-size:16px; }.prod-voice-note { max-width:175px; }.prod-voice-note h5 { font-size:23px; margin:20px 0; }.prod-voice-note p { color:#8d8295; }
.prod-demo--email { background:#e4e8e7; }.prod-inbox { display:grid; grid-template-columns:90px 1fr; }.prod-inbox>aside { display:flex; flex-direction:column; gap:18px; padding:26px 14px; background:#f6f7f5; font-size:9px; color:#8c948d; }.prod-inbox>aside strong { color:#424c42; margin-bottom:12px; }.prod-inbox>aside i { font:7px/1.5 'Aeonik Mono',monospace; padding:2px 4px; background:#dee6dc; border-radius:4px; margin-left:6px; }.prod-mail-row { display:flex; gap:10px; padding:18px; border-bottom:1px solid #e7ebe5; align-items:center; }.prod-avatar { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#e0e5d8; font-size:10px; color:#8b977c; }.prod-mail-row strong { font-size:10px; }.prod-mail-row p { font-size:8px; color:#9aa094; }.prod-mail-row small { margin-left:auto; font-size:7px; color:#8d987d; }.prod-email-draft { padding:24px; }.prod-email-draft h4 { font-size:18px; margin:16px 0 24px; }.prod-email-draft>p { color:#848d7c; font-size:10px; margin-bottom:12px; }.prod-draft-approval { display:flex; gap:8px; align-items:center; margin-top:22px; padding:10px 12px; background:#edf2e8; border:1px solid #d8e2cb; border-radius:6px; font-size:8px; color:#7c8c68; }.prod-draft-approval svg { width:12px; height:12px; }
.prod-demo--browser { background:#dfe6e9; }.prod-browser-window { border:1px solid #c6d0d3; background:#f6fafb; border-radius:10px; overflow:hidden; box-shadow:0 12px 28px #324a5c1a; }.prod-browser-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px; border-bottom:1px solid #d7e0e4; background:#eaf0f3; color:#9aabb4; }.prod-browser-toolbar>div { display:flex; gap:5px; }.prod-browser-toolbar i { width:5px; height:5px; border-radius:50%; background:#bdcbd3; }.prod-browser-toolbar>span { flex:1; text-align:center; background:#f6f9fa; font-size:8px; padding:6px; border-radius:5px; }.prod-browser-toolbar>b { font-size:13px; font-weight:400; }.prod-browser-body { display:grid; grid-template-columns:1.6fr 1fr; }.prod-browser-page { padding:28px; }.prod-browser-page h4 { font-size:25px; margin-block:20px; }.prod-browser-photo { height:100px; margin-block:24px; background:url('/assets/editorial-city.jpg') center 40%/cover; border-radius:5px; }.prod-browser-agent { padding:26px 16px; background:#ecf1f3; border-left:1px solid #dce4e7; }.prod-browser-agent>.prod-mark { width:22px; height:22px; color:#718a99; }.prod-browser-agent h5 { margin:18px 0 12px; }.prod-browser-agent>p { color:#99a6ad; font-size:9px; }.prod-browser-agent>div { display:flex; align-items:center; gap:8px; font-size:8px; margin-top:18px; color:#8b9ba5; }.prod-browser-agent svg { width:12px; height:12px; }.prod-browser-agent small { display:block; color:#a3afb5; font-size:7px; line-height:1.5; margin-top:30px; }

@keyframes prod-orbit-settle { from { opacity:0; translate:var(--orbit-enter-x) var(--orbit-enter-y); } to { opacity:1; translate:0 0; } }
@keyframes prod-orbit-lines-in { from { opacity:0; } to { opacity:1; } }
@keyframes prod-wave { from { scale:1 .45; } to { scale:1 1; } }
@media (max-width:1279px) { .prod-overview-copy h1 { font-size:48px; }.prod-product-card { padding:24px; }.prod-feature-layout { gap:36px; }.prod-workflow-steps { padding-inline:24px; gap:32px; }.prod-demo { padding:24px; }.prod-app-rail { width:84px; padding-inline:10px; }.prod-demo h4 { font-size:21px; }.prod-mission-grid { padding:16px; gap:12px; }.prod-research-layout { grid-template-columns:1.5fr 1fr; }.prod-report { padding:22px; }.prod-sources { padding:22px 12px; }.prod-artifact-preview { gap:14px; padding:16px; }.prod-artifact-preview>aside { width:65px; }.prod-artifact-preview>article { padding:18px; }.prod-connections { padding:22px; }.prod-browser-page { padding:22px; }.prod-voice-note { display:none; } }
@media (max-width:1023px) { .prod-overview-copy h1 { font-size:36px; }.prod-overview-copy { width:45%; top:calc(34svh - var(--header) + 24px); }.prod-overview-copy>p { width:100%; font-size:14px; }.prod-hero-demo { right:-15%; }.prod-media-hero { padding:48px; }.prod-subnav { padding-inline:24px; }.prod-subnav>div { gap:20px; }.prod-feature-layout { grid-template-columns:1fr; gap:40px; }.prod-feature-illustration { position:static; max-width:750px; width:100%; margin-inline:auto; }.prod-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.prod-product-card { min-height:340px; }.prod-section-heading h2,.prod-intro h2 { font-size:40px; }.prod-section-heading--split { gap:40px; }.prod-related-grid:has(>:nth-child(4)) { grid-template-columns:repeat(2,minmax(0,1fr)); }.prod-related-art { height:210px; }.prod-mode-card { padding:32px; }.prod-workflow-steps { padding-inline:12px; gap:24px; }.prod-workflow-steps h3 { font-size:23px; }.prod-overview-pillars { margin-inline:0; gap:32px; }.prod-overview-feature>.prod-demo { padding:32px; }.prod-demo--memory { padding:0; }.prod-app-rail { width:100px; }.prod-demo h4 { font-size:24px; }.prod-voice-note { display:block; } }
@media (max-width:767px) {
  .prod-container { padding-inline:24px; }.prod-section { padding-block:64px; }.prod-section-heading { margin-bottom:40px; gap:20px; }.prod-section-heading h2,.prod-intro h2 { font-size:32px; line-height:1.15; }.prod-section-heading p,.prod-intro>p { font-size:16px; }.prod-overview-hero { height:calc(100svh - var(--header)); min-height:680px; }.prod-overview-copy { top:calc(33svh - var(--header) + 24px); width:calc(100% - 96px); max-width:460px; gap:24px; }.prod-overview-copy h1 { font-size:28px; line-height:1.25; }.prod-overview-copy>p { font-size:14px; width:100%; margin-bottom:0; }.prod-orbit-lines--desktop { display:none; }.prod-orbit-lines--mobile { display:block; }.prod-orbit-card { width:var(--orbit-size); }.prod-orbit-card img { border-radius:12px; }.prod-orbit-card span { font-size:8px; white-space:normal; }.prod-orbit-card--0 { left:30.769231%; top:auto; bottom:7.109005svh; --orbit-size:clamp(72px,11.374408svh,144px); }.prod-orbit-card--1 { left:auto; right:-2.564103%; top:auto; bottom:17.772512svh; --orbit-size:clamp(67.5px,10.663507svh,135px); }.prod-orbit-card--2 { left:26.923077%; top:calc(18.957346svh - var(--header)); --orbit-size:clamp(75px,11.848341svh,150px); }.prod-orbit-card--3 { left:auto; right:0; top:calc(27.014218svh - var(--header)); --orbit-size:clamp(47.25px,7.464455svh,94.5px); }.prod-orbit-card--4 { left:2.564103%; top:auto; bottom:21.327014svh; --orbit-size:clamp(60px,9.478673svh,120px); }.prod-orbit-card--5 { left:1.282051%; top:calc(13.625592svh - var(--header)); --orbit-size:clamp(67.5px,10.663507svh,135px); }.prod-orbit-card--6 { left:auto; right:12.820513%; top:calc(14.218009svh - var(--header)); --orbit-size:clamp(60px,9.478673svh,120px); }.prod-explore-hint { right:32px; }.prod-explore-label { display:none; }.prod-hero-wrap { padding:24px 16px 0; }.prod-media-hero { min-height:480px; padding:32px; border-radius:24px; }.prod-hero-copy { gap:24px; }.prod-hero-copy h1 { font-size:32px; line-height:1.05; }.prod-hero-copy>p { font-size:16px; line-height:1.5; }.prod-hero-copy>.prod-mono { font-size:9px; }.prod-hero-demo { width:650px; right:-260px; top:-60px; transform:perspective(1200px) rotateY(-12deg) rotateX(8deg) scale(.7); opacity:.8; }.prod-media-hero--research .prod-hero-demo,.prod-media-hero--email .prod-hero-demo { right:-280px; top:-100px; width:650px; transform:scale(.65); }.prod-media-hero--memory .prod-hero-demo { right:-250px; width:680px; top:-70px; transform:scale(.8); }.prod-media-hero--browser .prod-hero-demo { right:-270px; top:-80px; transform:scale(.7); }.prod-hero-shade { background:linear-gradient(0deg,#000c,#0007 60%,#0004); }.prod-media-hero--detail { min-height:540px; }.prod-subnav { padding:16px 24px; display:block; overflow-x:auto; white-space:nowrap; }.prod-subnav-title { display:none; }.prod-subnav>div { width:max-content; gap:24px; }.prod-subnav>div a { font-size:12px; }.prod-intro { padding-block:64px 24px; gap:20px; }.prod-section-heading--split { display:flex; align-items:start; gap:24px; }.prod-section-heading--split>div { gap:20px; }.prod-section-heading--split p { text-align:left; }.prod-feature-layout { gap:32px; }.prod-feature-section { padding-top:40px; }.prod-accordion-item summary { padding:24px 0; gap:10px; grid-template-columns:22px 1fr 18px; }.prod-accordion-item summary h3 { font-size:22px; }.prod-accordion-body { padding:0 0 28px 32px; }.prod-accordion-body p { font-size:14px; }.prod-accordion-body li { font-size:13px; }.prod-product-grid { gap:8px; }.prod-product-card { min-height:330px; padding:20px; gap:18px; }.prod-product-card h3 { font-size:20px; }.prod-product-card p { font-size:12px; }.prod-card-glyph { height:72px; font-size:54px; }.prod-card-arrow { right:16px; top:20px; }.prod-overview-feature>.prod-demo { padding:16px; }.prod-overview-pillars { grid-template-columns:1fr; gap:32px; margin-top:40px; }.prod-overview-pillars h3 { margin-top:16px; font-size:24px; }.prod-overview-pillars p { font-size:14px; }.prod-workflow { padding-block:64px; margin-inline:16px; }.prod-workflow-steps { display:flex; flex-direction:column; padding-inline:0; gap:32px; }.prod-step-index { margin-bottom:20px; }.prod-workflow-steps h3 { font-size:24px; }.prod-workflow-steps p { font-size:14px; }.prod-workflow .prod-section-heading { text-align:left; align-items:start; }.prod-section-heading--related { flex-direction:column; align-items:start; gap:24px; }.prod-related-grid,.prod-related-grid:has(>:nth-child(4)) { grid-template-columns:1fr; gap:24px; }.prod-related-art { height:220px; }.prod-related-card>div:last-child { padding-inline:0; }.prod-related-card h3 { font-size:24px; }.prod-mode-section { grid-template-columns:1fr; padding-bottom:64px; }.prod-mode-card { padding:32px 24px; gap:20px; }.prod-mode-card h3 { font-size:28px; }.prod-mode-card p { font-size:14px; }
  .prod-feature-illustration>.prod-demo { margin-inline:-8px; width:calc(100% + 16px); }.prod-demo { min-height:280px; padding:16px; border-radius:12px; }.prod-app-frame { min-height:290px; border-radius:8px; }.prod-app-rail { width:55px; padding:16px 8px; font-size:6px; gap:18px; }.prod-app-rail>.prod-mark { width:18px; height:18px; }.prod-rail-plus { width:20px; height:20px; font-size:14px; }.prod-rail-bottom { font-size:6px; }.prod-app-top { min-height:36px; padding:10px 12px; font-size:8px; }.prod-workspace-chat { padding:22px 14px 14px; }.prod-user-message { font-size:8px; padding:10px; max-width:90%; }.prod-assistant-message { gap:8px; margin-top:24px; }.prod-assistant-message>.prod-mark { width:16px; height:16px; }.prod-assistant-message h4 { font-size:15px; }.prod-assistant-message p { font-size:8px; }.prod-task-cards { gap:6px; margin-top:18px; }.prod-task-cards>div { padding:10px 8px; gap:8px; }.prod-task-cards strong { font-size:8px; }.prod-demo .prod-mono { font-size:6px; }.prod-chat-composer { margin-top:24px; font-size:7px; padding:10px; }.prod-chat-composer>span { width:18px; height:18px; font-size:12px; }.prod-mini-label { font-size:6px; }.prod-mission-banner { padding:18px; }.prod-mission-banner h4 { font-size:17px; }.prod-pills>span { font-size:6px; padding:3px 6px; }.prod-mission-grid { gap:10px; padding:14px; }.prod-timeline-item { gap:6px; padding-top:15px; }.prod-timeline-item>i { width:14px; height:14px; }.prod-timeline-item svg { width:10px; height:10px; }.prod-timeline-item strong { font-size:7px; }.prod-timeline-item small { font-size:6px; }.prod-mini-card { padding:10px; }.prod-mini-card h5 { font-size:11px; margin-block:12px; }.prod-mini-card p { font-size:7px; }.prod-mini-link { font-size:6px; margin-top:14px; }.prod-report { padding:18px 14px; }.prod-report h4 { font-size:18px; margin-block:12px; }.prod-report>p { font-size:8px; }.prod-report hr { margin-block:18px; }.prod-report h5 { font-size:10px; }.prod-report blockquote { font-size:10px; margin-block:18px; }.prod-sources { padding:18px 10px; }.prod-sources strong { font-size:8px; }.prod-sources small { font-size:6px; gap:4px; }.prod-sources>div { padding-block:14px; }.prod-sources>div>span { width:14px; height:14px; font-size:7px; }.prod-text-line { height:3px; margin-top:6px; }.prod-demo--memory { padding:0; }.prod-memory-visual { min-height:310px; }.prod-memory-core { width:90px; height:90px; gap:6px; box-shadow:0 0 0 18px #e7ebdf90,0 0 0 36px #e7ebdf60; }.prod-memory-core .prod-mark { width:24px; height:24px; }.prod-memory-core span { font-size:7px; }.prod-memory-node { padding:12px 10px; width:29%; }.prod-memory-node strong { font-size:9px; margin-top:8px; }.prod-memory-control { font-size:7px; padding:6px 8px; bottom:10px; }.prod-connections { padding:22px 16px; }.prod-connection-core h4 { font-size:20px; }.prod-app-grid { gap:6px; margin-top:20px; }.prod-connection-tile { gap:8px; padding:12px 8px; }.prod-connection-tile>span { width:24px; height:24px; font-size:8px; }.prod-connection-tile h5 { font-size:8px; }.prod-connection-tile p { font-size:6px; }.prod-connection-tile>svg { width:10px; height:10px; }.prod-connection-footer { font-size:6px; }.prod-artifact-preview { gap:10px; padding:14px; }.prod-artifact-preview>aside { display:none; }.prod-artifact-preview>article { padding:20px; }.prod-artifact-preview h4 { font-size:22px; }.prod-artifact-art { height:80px; margin-block:18px; }.prod-artifact-tray { gap:4px; padding:0 10px 12px; }.prod-artifact-tray>span { padding:8px 6px; font-size:6px; gap:3px; }.prod-artifact-tray i { font-size:5px; }.prod-voice-stage { gap:20px; min-height:430px; }.prod-voice-note { display:none; }.prod-inbox { grid-template-columns:1fr; }.prod-inbox>aside { display:none; }.prod-email-draft { padding:20px; }.prod-email-draft h4 { font-size:17px; margin-top:14px; }.prod-mail-row { padding:14px; }.prod-mail-row p { font-size:6px; }.prod-browser-toolbar { gap:10px; padding:10px; }.prod-browser-toolbar>span { font-size:6px; }.prod-browser-body { grid-template-columns:1.45fr 1fr; }.prod-browser-page { padding:18px 12px; }.prod-browser-page h4 { font-size:18px; margin-block:16px; }.prod-browser-photo { height:78px; margin-block:18px; }.prod-browser-agent { padding:18px 10px; }.prod-browser-agent h5 { font-size:12px; }.prod-browser-agent>p { font-size:7px; }.prod-browser-agent>div { font-size:6px; gap:5px; }.prod-browser-agent small { font-size:6px; margin-top:20px; }
}
@media (max-width:1279px) {
  .prod-capability-cards>article { padding:32px; }.prod-capability-cards--four { grid-template-columns:repeat(2,minmax(0,1fr)); }.prod-icon-columns { gap:32px; padding-inline:8px; }.prod-data-panel { grid-template-columns:1fr; }.prod-data-demo>.prod-demo { max-width:820px; margin-inline:auto; }.prod-data-grid>article { padding:32px; }.prod-evidence-row,.prod-connection-showcase { gap:40px; }.prod-evidence-row { padding-inline:0; }.prod-evidence-row h2,.prod-connection-showcase h2 { font-size:40px; }.prod-connection-showcase>div:last-child { padding-right:0; }.prod-creation-pair { padding-inline:0; gap:48px; }.prod-gallery-preview { padding-inline:24px; }.prod-example-grid>a>div:last-child { padding:24px; }
}
@media (max-width:1023px) {
  .prod-capability-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }.prod-example-grid { grid-template-columns:1fr; }.prod-example-grid>a { display:grid; grid-template-columns:1fr 1fr; align-items:center; }.prod-example-grid .prod-demo { height:300px; }.prod-icon-columns { grid-template-columns:1fr; gap:40px; }.prod-icon-columns>article { padding-bottom:32px; border-bottom:1px solid #eee; }.prod-icon-columns .prod-capability-icon { margin-bottom:20px; }.prod-evidence-row,.prod-connection-showcase { grid-template-columns:1fr; gap:40px; }.prod-evidence-row--reverse>div:first-child { order:0; }.prod-evidence-row--reverse>.prod-demo { order:1; }.prod-artifact-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }.prod-family-models .prod-section-heading h2 { font-size:48px; }
}
@media (max-width:767px) {
  .prod-capability-cards,.prod-capability-cards--four { grid-template-columns:1fr; }.prod-capability-cards>article { padding:24px; }.prod-capability-cards h3,.prod-icon-columns h3,.prod-data-grid h3,.prod-creation-pair h3 { font-size:24px; }.prod-capability-cards p,.prod-icon-columns p,.prod-data-grid p,.prod-creation-pair p { font-size:16px; }.prod-family-heading { margin:80px auto 40px; }.prod-family-heading h2,.prod-evidence-row h2,.prod-connection-showcase h2,.prod-family-models .prod-section-heading h2 { font-size:32px; }.prod-family-heading p,.prod-evidence-row p,.prod-connection-showcase p { font-size:16px; }.prod-example-grid>a { display:block; }.prod-example-grid .prod-demo { height:250px; }.prod-example-grid .prod-app-frame { transform:scale(.56); }.prod-example-grid h3 { font-size:24px; }.prod-example-grid p { font-size:16px; }.prod-icon-columns { padding-inline:0; gap:32px; }.prod-evidence-row { margin-top:64px; }.prod-device-frame { border-width:7px; border-radius:14px; }.prod-device-frame .prod-app-rail { width:48px; }.prod-device-frame .prod-report { padding:18px 12px; }.prod-wide-demo>.prod-demo { padding:16px; }.prod-data-grid { grid-template-columns:1fr; }.prod-data-grid>article { padding:24px; }.prod-connection-showcase { margin-bottom:64px; }.prod-creation-pair { grid-template-columns:1fr; gap:40px; margin-bottom:48px; }.prod-artifact-gallery { grid-template-columns:1fr; gap:40px; }.prod-gallery-preview { height:300px; }.prod-artifact-gallery h3 { margin-top:20px; }.prod-media-hero--missions { margin-top:24px; }
}
@media (prefers-reduced-motion:reduce) { .prod-page *, .prod-page *:before, .prod-page *:after { animation:none!important; transition:none!important; scroll-behavior:auto; } }
