.portfolio-site .section-label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-label);margin-bottom:var(--space-5)}.portfolio-site .section-label>span{display:none}.portfolio-site .button{font-weight:var(--weight-button);font-size:var(--text-reading);min-height:56px;padding-inline:var(--space-5);transition:background var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast)}.portfolio-site .button:active{transform:translateY(1px)}.portfolio-site .button--secondary{border-color:var(--color-border)}.portfolio-site .button--secondary:hover{border-color:var(--color-text-muted)}.portfolio-site .section-heading{max-width:850px}.portfolio-site .section-description{font-size:var(--text-lg);max-width:var(--content-reading-width);margin-top:var(--space-5)}.portfolio-site .brand-logo{gap:var(--space-3);text-align:left;flex-direction:row;width:fit-content}.portfolio-site .brand-mark{width:var(--brand-mark-width);height:var(--brand-mark-height)}.portfolio-site .brand-wordmark strong,.portfolio-site .brand-wordmark>span{padding-left:0}.site-header{z-index:var(--layer-header);background:var(--color-background);border-bottom:var(--border-width) solid var(--color-line);position:sticky;top:0}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.header-nav{align-items:center;gap:var(--space-5);margin-left:auto;display:flex}.header-nav>a:not(.button){font-size:var(--text-sm);font-weight:var(--weight-label);color:var(--color-text-muted);transition:color var(--duration-fast)}.header-nav>a:hover{color:var(--color-text)}.portfolio-site .header-contact{min-height:var(--button-height-sm);font-size:var(--text-sm);padding-inline:var(--space-4)}.menu-toggle,.header-nav .mobile-contact{display:none}.hero{padding-block:var(--space-8) var(--space-7)}.hero-grid{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);display:grid}.hero-copy{animation:hero-enter var(--duration-hero) var(--ease) both}.hero h1{letter-spacing:-.055em;max-width:12ch;line-height:1.08}.hero h1>span{display:block}.hero-description{max-width:43ch;color:var(--color-hero-support);font-size:var(--text-lg);margin-top:var(--space-6)}.hero-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero-actions .button--secondary{padding-inline:var(--space-2);background:0 0;border:0}.hero-actions .button--secondary:hover{text-underline-offset:var(--space-1);text-decoration:underline}.hero-note{max-width:44ch;color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-5)}.hero-portrait{aspect-ratio:var(--hero-portrait-ratio);border-radius:var(--radius-md);animation:hero-enter var(--duration-hero) var(--ease) .1s both;margin:0;position:relative;overflow:hidden}.hero-portrait>img{object-fit:cover;object-position:49% center;width:100%;height:100%}.hero-portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080808d9);position:absolute;inset:55% 0 0}.hero-portrait figcaption{z-index:1;left:var(--space-6);right:var(--space-6);bottom:var(--space-5);justify-content:space-between;align-items:end;gap:var(--space-4);font-size:var(--text-sm);display:flex;position:absolute}.hero-portrait figcaption strong{font-weight:var(--weight-label)}.hero-portrait figcaption span{color:var(--color-hero-support)}@keyframes hero-enter{0%{opacity:0;transform:translateY(var(--hero-enter-distance))}to{opacity:1;transform:none}}.clients{padding-block:var(--space-6) var(--space-7)}.clients-heading{justify-content:space-between;gap:var(--space-7);align-items:baseline;display:flex}.clients-heading h2{font-size:var(--text-lg);font-weight:var(--weight-label);letter-spacing:-.025em}.clients-heading p{color:var(--color-text-muted);font-size:var(--text-sm)}.client-logo-filters{pointer-events:none;width:0;height:0;position:absolute}.clients-strip{width:100%;min-width:0;margin-top:var(--space-5)}.clients-logos{justify-content:space-between;align-items:center;gap:var(--space-5);width:100%;padding-block:var(--space-2);display:flex}.client-logo{min-width:0;width:min(var(--client-logo-width), calc(var(--client-logo-height) * var(--logo-ratio,1)));height:var(--client-logo-height);flex:0 auto;place-items:center;display:grid}.client-logo-art{width:100%;aspect-ratio:var(--logo-ratio,1);max-height:100%;filter:var(--client-logo-filter-soft);mix-blend-mode:screen;background-repeat:no-repeat;display:block}.client-logo-art--dark{filter:var(--client-logo-filter-dark)}.client-logo-art--green{filter:var(--client-logo-filter-green)}.client-logo-art--paper{filter:var(--client-logo-filter-paper)}.client-logo-art--reverse{filter:var(--client-logo-filter-reverse)}.client-logo-art--circle{border-radius:50%}.client-logo-art:has(img){aspect-ratio:auto;height:100%}.client-logo-art>img{object-fit:contain;width:100%;height:100%}.clients-experience{margin-top:var(--space-4);align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.clients-experience .icon{width:18px;color:var(--color-brand)}.portfolio{background:var(--color-examples);border-block:var(--border-width) solid var(--color-line)}.portfolio .section-heading{gap:0 var(--space-8);grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:end;max-width:none;display:grid}.portfolio .section-label{grid-column:1/-1}.portfolio .section-description{margin-top:0}.portfolio-filters{gap:var(--space-5);margin-block:var(--space-7);border-bottom:var(--border-width) solid var(--color-line);flex-wrap:wrap;display:flex}.portfolio-filters button{min-height:var(--button-height);padding:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-reading);font-weight:var(--weight-label);transition:color var(--duration-fast),border-color var(--duration-fast);background:0 0;border:0;border-bottom:2px solid #0000}.portfolio-filters button[aria-pressed=true]{color:var(--color-text);border-bottom-color:var(--color-brand)}.portfolio-filters button:hover{color:var(--color-text)}.portfolio-groups{gap:var(--space-9);display:grid}.project-group-heading{margin-bottom:var(--space-5);gap:var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.project-group-heading h3{font-size:var(--text-xl)}.project-group-heading p{color:var(--color-text-muted);font-size:var(--text-sm)}.portfolio-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portfolio-site .project-cover{border-radius:var(--radius-sm);border:0}.portfolio-site .project-cover>img{transition:transform var(--duration-normal) var(--ease)}.portfolio-site .project-play{bottom:var(--space-5);left:var(--space-5)}.portfolio-site .project-info{padding-top:var(--space-5)}.portfolio-site .project-info h3{font-size:var(--text-lg);line-height:1.4;font-weight:var(--weight-label)}.portfolio-site .project-category{color:var(--color-text-muted);font-size:var(--text-sm)}.portfolio-site .project-info>p:last-child{font-size:var(--text-sm);line-height:1.6}.portfolio-site .project-open{display:none}.portfolio-site .video-dialog[open]{animation:dialog-enter var(--duration-normal) var(--ease)}.portfolio-site .video-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.positioning{padding-block:var(--space-9)}.positioning-grid{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:start;display:grid}.positioning-body{color:var(--color-hero-support);font-size:var(--text-lg)}.positioning-body p+p{margin-top:var(--space-4)}.positioning-audience{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:var(--space-5)}.services{background:var(--color-surface)}.services-layout{gap:var(--space-9);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.services-content .section-heading{max-width:none}.services-content h2{max-width:16ch}.services-content .section-description{font-size:var(--text-lg)}.services-groups{gap:var(--space-7) var(--space-6);grid-template-columns:1fr 1fr;align-content:start;display:grid}.service-group{border-top:var(--border-width) solid var(--color-border);padding-top:var(--space-5)}.service-group h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.service-group p{color:var(--color-hero-support);font-size:var(--text-reading)}.service-group ul{gap:var(--space-2) var(--space-3);margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.service-group li:not(:last-child):after{content:" /";margin-left:var(--space-2);color:var(--color-border)}.services-note{color:var(--color-hero-support);margin-block:var(--space-6);max-width:40ch;font-size:var(--text-reading)}.services-note p+p{margin-top:var(--space-3)}.process{background:var(--color-light);color:var(--color-on-light)}.process-layout{gap:var(--space-9);grid-template-columns:1fr 1.15fr;display:grid}.process .section-label{color:var(--color-on-light)}.process h2{color:var(--color-brand-on-light);max-width:12ch}.process .button--secondary{color:var(--color-ink);border-color:var(--color-border);margin-top:var(--space-6)}.process .button--secondary:hover{background:var(--color-ink);color:var(--color-light)}.process-steps{display:grid}.process-steps li{grid-template-columns:var(--space-7) minmax(0,1fr);gap:var(--space-4);border-top:var(--border-width) solid #ddd;padding-block:var(--space-5);display:grid}.process-steps li:first-child{border-top:0;padding-top:0}.process-number{font-family:var(--font-heading);font-weight:var(--weight-label);color:var(--color-brand-on-light);font-size:var(--text-xl);line-height:1.4}.process-step-copy h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.process-step-copy p{font-size:var(--text-reading);max-width:var(--content-reading-width)}.about-grid{gap:var(--space-9);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.about-paragraphs{margin-top:var(--space-6);color:var(--color-hero-support);font-size:var(--text-lg);max-width:var(--content-reading-width)}.about-paragraphs p+p{margin-top:var(--space-4)}.about-fronts-intro{color:var(--color-hero-support);margin-top:var(--space-6);font-size:var(--text-reading)}.about-fronts{gap:var(--space-3);margin-top:var(--space-4);color:var(--color-hero-support);font-size:var(--text-reading);display:grid}.about-fronts li{gap:var(--space-3);align-items:start;display:flex}.about-fronts .icon{color:var(--color-brand);margin-top:var(--space-1)}.about-copy>.button{margin-top:var(--space-6)}.about-portrait{aspect-ratio:4/5;border-radius:var(--radius-md);position:relative;overflow:hidden}.about-portrait>img{object-fit:cover;width:100%;height:100%}.about-portrait:after{content:"";background:linear-gradient(#0000,#080808e8);position:absolute;inset:50% 0 0}.about-portrait figcaption{z-index:1;left:var(--space-6);bottom:var(--space-6);gap:var(--space-1);display:grid;position:absolute}.about-portrait figcaption strong{font-size:var(--text-xl)}.about-portrait figcaption span{color:var(--color-hero-support);font-size:var(--text-sm)}.about-experience{z-index:1;top:var(--space-5);left:var(--space-5);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-label);color:var(--color-text);position:absolute}.process .button:focus-visible{outline-color:var(--color-on-light)}.faq{border-top:var(--border-width) solid var(--color-line)}.faq>.container{gap:0 var(--space-9);grid-template-columns:.8fr 1.2fr;align-items:start;display:grid}.faq-grid{gap:0;display:grid}.faq-item{border:0;border-bottom:var(--border-width) solid var(--color-line);background:0 0;border-radius:0}.faq-item summary{cursor:pointer;padding-block:var(--space-5);gap:var(--space-4);font-size:var(--text-reading);font-weight:var(--weight-label);justify-content:space-between;align-items:center;list-style:none;display:flex}.faq-item:first-child summary{padding-top:0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{width:18px;height:18px;color:var(--color-text-muted);transition:transform var(--duration-fast)}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-item summary:hover{color:var(--color-brand-hover)}.faq-item>p{font-size:var(--text-reading);color:var(--color-hero-support);padding:0 var(--space-6) var(--space-5) 0;white-space:pre-line}.faq-item[open]>p{animation:faq-enter var(--duration-normal) var(--ease)}.faq .section-action{margin-top:var(--space-5);grid-column:2;justify-content:start}@keyframes faq-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.final-cta{padding-top:0}.final-cta-panel{background:var(--color-brand);color:var(--color-ink);border-radius:var(--radius-md);padding:var(--space-8)}.final-cta-label{font-size:var(--text-reading);font-weight:var(--weight-label);margin-bottom:var(--space-5)}.final-cta-copy h2{font-size:var(--text-h2);max-width:18ch}.final-cta-copy>div{font-size:var(--text-lg);max-width:48ch;margin-top:var(--space-5)}.final-cta-copy .button{margin-top:var(--space-6);background:var(--color-ink);color:var(--color-light)}.final-cta-copy .button:hover{background:var(--color-surface)}.final-cta-copy .button:focus-visible{outline-color:var(--color-ink)}.site-footer{border-top:var(--border-width) solid var(--color-line);padding-top:var(--space-7)}.footer-grid{gap:var(--space-8);padding-bottom:var(--space-7);grid-template-columns:1.5fr 1fr 1fr;display:grid}.footer-brand>p{color:var(--color-text-muted);max-width:34ch;font-size:var(--text-sm);margin-top:var(--space-5)}.footer-grid h3{font:var(--weight-label) var(--text-reading)/1.5 var(--font-body);margin-bottom:var(--space-4);letter-spacing:0}.footer-grid nav{gap:var(--space-2) var(--space-5);grid-template-columns:1fr 1fr;display:grid}.footer-grid nav h3{grid-column:1/-1}.footer-grid nav a,.footer-contact>a{font-size:var(--text-sm);color:var(--color-text-muted)}.footer-contact>a{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);width:fit-content;display:flex}.footer-contact>a>.icon:last-child{width:14px}.footer-contact>span{color:var(--color-text-muted);font-size:var(--text-sm)}.footer-grid a:hover{color:var(--color-text)}.footer-bottom{justify-content:space-between;gap:var(--space-5);padding-block:var(--space-5);border-top:var(--border-width) solid var(--color-line);color:var(--color-text-muted);font-size:var(--text-xs);display:flex}.footer-bottom>a{align-items:center;gap:var(--space-2);display:flex}.footer-bottom .icon{width:14px;height:14px}@media (width<=1200px){.hero-grid{gap:var(--space-7)}.hero h1{font-size:clamp(2.7rem,5vw,3.8rem)}.hero-portrait{aspect-ratio:4/5}.clients-logos{gap:var(--space-3) var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.client-logo{width:100%}.client-logo-art{width:min(100%,var(--client-logo-width),calc(var(--client-logo-height) * var(--logo-ratio,1)))}.services-layout,.about-grid,.process-layout{gap:var(--space-7)}}@media (width<=1080px){.header-inner{position:relative}.menu-toggle{min-width:var(--button-height-sm);min-height:var(--button-height-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:0 0;place-items:center;margin-left:auto;display:grid}.header-nav{padding:var(--space-5);background:var(--color-surface);border:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-device);display:none;position:absolute;top:calc(100% - 1px);left:0;right:0}.header-nav.is-open{gap:var(--space-4);animation:faq-enter var(--duration-fast);display:grid}.header-nav .mobile-contact{width:100%;display:flex}.portfolio .section-heading{gap:0 var(--space-6)}}@media (width<=800px){.hero-grid{grid-template-columns:1fr}.hero h1{max-width:16ch}.hero-portrait{aspect-ratio:5/4}.hero-description{max-width:52ch}.clients-heading{display:block}.clients-heading p{margin-top:var(--space-2)}.portfolio .section-heading,.positioning-grid,.services-layout,.process-layout,.about-grid,.faq>.container{gap:var(--space-6);grid-template-columns:1fr}.portfolio .section-description{margin-top:0}.services-content .section-heading{max-width:24ch}.process h2{max-width:20ch}.about-portrait{justify-self:center;width:min(100%,520px)}.faq .section-action{grid-column:1}.footer-grid{gap:var(--space-6);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=640px){.portfolio-site{--header-height:76px;--brand-mark-width:32px;--brand-mark-height:26px;--brand-name-size:10px;--brand-signature-size:6px;--client-logo-height:var(--client-logo-height-mobile)}.portfolio-site .brand-logo{gap:var(--space-2)}.header-contact{display:none}.header-inner{gap:var(--space-3)}.hero{padding-block:var(--space-7) var(--space-5)}.hero-grid{gap:var(--space-6)}.hero h1{font-size:var(--text-h1-mobile);max-width:13ch}.hero-description{font-size:var(--text-reading);margin-top:var(--space-5)}.hero-actions{gap:var(--space-3);margin-top:var(--space-5)}.hero-actions .button--primary{width:100%}.hero-actions .button--secondary{min-height:44px;padding-inline:0}.hero-note{margin-top:var(--space-3)}.hero-portrait{border-radius:var(--radius-sm)}.hero-portrait figcaption{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);font-size:var(--text-xs);flex-direction:column;align-items:start;gap:0}.clients{padding-block:var(--space-5)}.clients-heading h2{font-size:var(--text-reading)}.clients-strip{margin-top:var(--space-4)}.clients-logos{gap:var(--space-2) var(--space-5);padding-block:var(--space-1)}.clients-experience{margin-top:var(--space-3);align-items:start}.clients-experience .icon{margin-top:var(--space-1);flex-shrink:0}.portfolio-site .section-label{margin-bottom:var(--space-4)}.portfolio-site .section-description{font-size:var(--text-reading)}.portfolio-filters{gap:var(--space-3);margin-block:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portfolio-filters button{font-size:var(--text-sm);text-align:left;line-height:1.4}.portfolio-groups{gap:var(--space-7)}.project-group-heading{display:block}.project-group-heading p{margin-top:var(--space-2)}.portfolio-grid{gap:var(--space-7);grid-template-columns:1fr}.portfolio-site .project-cover--portrait{aspect-ratio:4/5;max-height:none}.portfolio-site .project-cover--portrait img{object-fit:contain;background:var(--color-background)}.portfolio-site .project-info h3{font-size:var(--text-lg)}.portfolio-site .project-play{width:44px;height:44px;left:var(--space-3);bottom:var(--space-3)}.positioning{padding-block:var(--space-7)}.positioning-body,.services-content .section-description{font-size:var(--text-reading)}.services-groups{gap:var(--space-6);grid-template-columns:1fr}.process-steps li{grid-template-columns:var(--space-6) minmax(0,1fr);gap:var(--space-3)}.process .section-action{justify-content:start}.about-paragraphs{font-size:var(--text-reading)}.about-experience{font-size:var(--text-lg)}.about-copy>.button{width:100%}.faq-item summary{font-size:var(--text-reading)}.final-cta-panel{padding:var(--space-6) var(--space-5)}.final-cta-copy>div{font-size:var(--text-reading)}.final-cta-copy .button{width:100%}.footer-bottom{gap:var(--space-3);flex-direction:column}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-portrait,.portfolio-site .video-dialog[open],.faq-item[open]>p,.header-nav.is-open{animation:none}.portfolio-site .project-cover:hover>img,.portfolio-site .button:active{transform:none}}.product-section{padding-block:var(--space-5)}.zion-studio{padding-top:var(--space-8);border-top:var(--border-width) solid var(--color-line)}.ecosystem-label{margin-bottom:var(--space-6)}.product-panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-7);background:var(--color-surface);overflow:hidden}.studio-panel{gap:var(--space-7);grid-template-columns:1.12fr 1fr;align-items:center;display:grid}.product-copy{min-width:0}.product-wordmark{gap:var(--space-3);margin-bottom:var(--space-5);font:600 var(--text-xl)/1 var(--font-heading);letter-spacing:-.04em;align-items:center;display:flex}.product-wordmark>span{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--color-ink);background:var(--color-brand);place-items:center;display:grid}.product-wordmark .icon{width:21px;height:21px}.product-copy h2{font-size:var(--text-product-heading)}.product-paragraphs{gap:var(--space-4);margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.8;display:grid}.product-copy .service-tags{margin-top:var(--space-5)}.product-copy .button{margin-top:var(--space-6)}.studio-browser{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-device);overflow:hidden;transform:perspective(1200px)rotateY(4deg)}.browser-chrome{gap:var(--space-1);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);align-items:center;display:flex}.browser-chrome i{background:var(--color-text-muted);opacity:.4;border-radius:50%;width:5px;height:5px}.browser-chrome i:first-child{background:var(--color-brand);opacity:1}.browser-chrome>span{font-size:var(--text-3xs);color:var(--color-text-muted);margin:auto}.browser-chrome .icon{width:13px;height:13px;color:var(--color-brand-soft)}.studio-browser>img{width:100%}.studio-visual>p{margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center}.flow-panel{align-items:center;gap:var(--space-8);background:linear-gradient(120deg, var(--color-surface), var(--color-brand-tint));grid-template-columns:1.05fr 1fr;display:grid}.flow-benefits{gap:var(--space-2);margin-top:var(--space-5);color:var(--color-text);font-size:var(--text-sm);display:grid}.flow-benefits li{gap:var(--space-3);align-items:center;display:flex}.flow-benefits .icon{width:16px;height:16px;color:var(--color-brand-soft)}.flow-visual{padding:var(--space-6);min-width:0;position:relative}.flow-conversation{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-background);padding:var(--space-5);box-shadow:var(--shadow-device);max-width:420px;margin:auto;position:relative}.conversation-header{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-line);align-items:center;display:flex}.conversation-avatar{width:36px;height:36px;color:var(--color-brand);background:var(--color-surface);border-radius:50%;place-items:center;display:grid}.conversation-header>div,.conversation-result>div{flex-direction:column;min-width:0;display:flex}.conversation-header strong{font-size:var(--text-sm);font-weight:500}.conversation-header div>span{font-size:var(--text-2xs);color:var(--color-text-muted)}.conversation-header>i{background:var(--color-brand-soft);border-radius:50%;width:5px;height:5px;margin-left:auto}.conversation-messages{padding-block:var(--space-6);gap:var(--space-4);display:grid}.conversation-messages p{padding:var(--space-3) var(--space-4);max-width:90%;font-size:var(--text-sm);line-height:1.65}.message-incoming{background:var(--color-surface-muted);color:var(--color-text);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) var(--space-1);justify-self:start}.message-outgoing{background:var(--color-brand-soft);color:var(--color-ink);border-radius:var(--radius-md) var(--radius-md) var(--space-1) var(--radius-md);justify-self:end}.conversation-result{align-items:center;gap:var(--space-3);background:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-line);display:flex}.conversation-result>.icon{color:var(--color-brand)}.conversation-result strong{color:var(--color-text);font-size:var(--text-xs);font-weight:500}.conversation-result div>span{color:var(--color-text-muted);font-size:var(--text-2xs)}.flow-caption{color:var(--color-text-muted);text-align:center;font-size:var(--text-xs);margin-top:var(--space-5)}.flow-orbit{padding:var(--space-4);background:var(--color-brand);color:var(--color-ink);border-radius:var(--radius-lg);position:absolute;top:0;right:0;transform:rotate(-10deg)}.flow-orbit>.icon{width:28px;height:28px}.testimonials{background:var(--color-surface);border-block:var(--border-width) solid var(--color-line)}.testimonials .section-heading{max-width:840px}.testimonials-preview-note{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.testimonials-grid{gap:var(--space-5);margin-top:var(--space-7);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.testimonial{background:var(--color-background);border:var(--border-width) solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-6);flex-direction:column;display:flex;position:relative}.testimonial-quote{width:22px;height:22px;color:var(--color-brand);margin-bottom:var(--space-5);opacity:.6}.testimonial-placeholder{right:var(--space-5);top:var(--space-6);font-size:var(--text-caption);color:var(--color-text-muted);position:absolute}.testimonial blockquote{margin:0 0 var(--space-6);color:var(--color-text-muted);font-size:var(--text-reading)}.testimonial figcaption{gap:var(--space-3);align-items:center;margin-top:auto;display:flex}.testimonial-avatar,.testimonial figcaption>img{height:var(--space-7);width:var(--space-7);object-fit:cover;border-radius:50%;flex-shrink:0}.testimonial-avatar{background:var(--color-surface-muted);color:var(--color-text-muted);place-items:center;display:grid}.testimonial figcaption>span:last-child{flex-direction:column;display:flex}.testimonial figcaption strong{font-size:var(--text-sm);font-weight:500}.testimonial figcaption span>span{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}@media (width<=1200px){.product-panel{padding:var(--space-6)}.flow-panel{gap:var(--space-6)}}@media (width<=1080px){.product-copy h2{font-size:var(--text-product-heading-compact)}.flow-visual{padding-inline:0}.testimonials-grid{gap:var(--space-4)}.testimonial{padding:var(--space-5)}.testimonial-placeholder{top:var(--space-5);right:var(--space-4)}}@media (width<=900px){.studio-panel,.flow-panel{gap:var(--space-7);grid-template-columns:1fr}.studio-visual{padding:var(--space-5);order:2}.studio-browser{transform:none}.product-copy h2{font-size:var(--text-h2)}.flow-visual{width:100%;max-width:500px;padding:var(--space-5);justify-self:center}.flow-orbit{right:var(--space-2);top:var(--space-2)}.testimonials-grid{grid-template-columns:1fr}.testimonial{padding:var(--space-6)}.testimonial-placeholder{top:var(--space-6);right:var(--space-6)}}@media (width<=640px){.zion-studio{padding-top:var(--space-7)}.product-section{padding-block:var(--space-3)}.product-panel{padding:var(--space-5);border-radius:var(--radius-md)}.product-wordmark{font-size:var(--text-lg)}.product-copy .button{width:100%}.product-paragraphs{font-size:var(--text-sm)}.studio-visual{padding:0}.studio-visual>p{font-size:var(--text-2xs)}.browser-chrome{padding:var(--space-2) var(--space-3)}.flow-visual{padding:var(--space-3) 0 0}.flow-conversation{padding:var(--space-4)}.flow-orbit{padding:var(--space-3);top:-12px;right:-5px}.flow-orbit .icon{width:21px;height:21px}.conversation-messages p{font-size:var(--text-xs)}.conversation-result{padding:var(--space-3)}.conversation-result div>span{font-size:var(--text-3xs)}.testimonials-grid{margin-top:var(--space-6)}.testimonial{padding:var(--space-5)}.testimonial-placeholder{top:var(--space-5);right:var(--space-5)}}