.cognitive-enterprise-section{.diagram-container { position: relative; display: flex; flex-direction: column; align-items: center; margin: 0 auto; width: 100%; max-width: 1280px; } .users-row, .systems-row { display: flex; justify-content: space-between; width: 100%; margin-left: auto; margin-right: auto; z-index: 2; padding: 0 5%; flex-wrap: nowrap; .icon { margin-top: 0.5rem; display: flex; justify-content: center; svg { width: 3rem; height: 3rem; } } } .user-item, .system-item { display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; flex: 1; max-width: 20%; min-width: 0; p { margin-top: 0.3rem; font-size: clamp(0.6rem, 2vw, 0.9rem); line-height: 1.1; } } .connection-lines { width: 100%; height: max(8rem, 10vh); position: relative; } .synthgrid-wordmark { font-size: 2.5rem; font-weight: var(--font-weight-light); letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-text-primary); margin-bottom: 0; } .synthgrid-section { align-items: center; display: flex; justify-content: center; padding: 0.5rem; img { max-width: 4rem; } } canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; } @media (max-width: 1024px) { .connection-lines { display: block; height: clamp(4rem, 10vw, 8rem); } .users-row, .systems-row { flex-wrap: nowrap; justify-content: space-between; } .system-item { display: flex; } } @media (max-width: 768px) { .synths-row { flex-wrap: wrap; } .synth-avatar { margin-bottom: var(--spacing-lg); } } @keyframes svg-pulse { 0% { filter: drop-shadow(0 0 0 rgba(40, 104, 180, 0)); } 50% { filter: drop-shadow(0 0 12px rgba(40, 104, 180, 0.7)); } 100% { filter: drop-shadow(0 0 0 rgba(40, 104, 180, 0)); } } .svg-glow-container { position: relative; display: inline-block; transition: all 0.5s ease-out; } .svg-item.pulse svg { animation: svg-pulse 2s cubic-bezier(0.215, 0.610, 0.355, 1.000); z-index: 10; }}.section-cta{}.contact-container{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl);padding:var(--spacing-xl);max-width:800px;margin:0 auto;text-align:center}.contact-container .call-us{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.contact-container a{font-family:var(--font-family-mono);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none}.contact-container #human-support{margin-bottom:var(--spacing-lg)}.online-indicator{display:inline-flex;align-items:center;gap:.5rem}.online-indicator-ball{width:8px;height:8px;border-radius:var(--border-radius-full);background-color:var(--color-status-success);animation:pulse-green 2s infinite}.status-text,.connection-promise{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-Light-WebS.woff2)format('woff2');font-weight:300;font-style:normal;font-display:block}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-LightItalic-WebS.woff2)format('woff2');font-weight:300;font-style:italic;font-display:block}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-Regular-WebS.woff2)format('woff2');font-weight:400;font-style:normal;font-display:block}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-RegularItalic-WebS.woff2)format('woff2');font-weight:400;font-style:italic;font-display:block}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-Medium-WebS.woff2)format('woff2');font-weight:500;font-style:normal;font-display:block}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-MediumItalic-WebS.woff2)format('woff2');font-weight:500;font-style:italic;font-display:block}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-Bold-WebS.woff2)format('woff2');font-weight:700;font-style:normal;font-display:block}@font-face{font-family:simplon norm;src:url(/fonts/SimplonNorm-BoldItalic-WebS.woff2)format('woff2');font-weight:700;font-style:italic;font-display:block}@font-face{font-family:newpanamskyline;src:url(/fonts/NewPanamSkyline-Black-WebXL.woff2)format('woff2');font-weight:900;font-style:normal;font-display:block}.command-bar-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)var(--spacing-xl);background-color:var(--color-background);border-top:1px solid var(--color-border-primary);font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.footer-left,.footer-right{display:flex;align-items:center;gap:var(--spacing-lg)}.footer-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--color-background);border-radius:var(--border-radius);border:1px solid var(--color-border-primary)}.footer-icon{width:1em;height:1em}.footer-icon svg{width:100%;height:100%}.security-badge ins{font-weight:var(--font-weight-bold);color:var(--color-status-success);text-decoration:none}.site-title{object-fit:contain;width:10rem;display:block;position:relative}.header-container{width:100%;padding:0 var(--spacing-xl);box-sizing:border-box}.header-nav{padding-top:1rem;display:flex;justify-content:space-between;align-items:end;max-width:87.5rem;margin:0 auto}.site-title .hanging{position:absolute;top:90%;right:0;color:var(--color-accent)}.site-title:hover .hanging{color:var(--color-accent)}.header-nav a{text-decoration:none;text-underline-offset:4px}.header-nav h1{margin:0;padding:0}.theme-switcher svg{width:1.125rem;height:1.125rem}@media(max-width:767px){.header-container{padding:0}.sidebar{position:fixed;top:0;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);width:250px;transform:translateX(-100%);transition:transform .3s ease-in-out;box-shadow:var(--shadow)}.header-nav{margin-top:var(--spacing-md);max-width:100vw}.sidebar.active{transform:translateX(0)}}.hamburger{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem;color:var(--color-accent-color)}@media(max-width:767px){.hamburger{display:block}}@media(min-width:768px){body>main>nav[aria-label=breadcrumb]{display:none}}@media(min-width:768px){.hero-wordmark{font-size:8rem}}.no-underline{text-decoration:none}.nav-container{display:flex;align-items:center;gap:var(--spacing-md)}.desktop-nav{display:flex;gap:var(--spacing-lg);align-items:center}.desktop-nav a{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);padding:var(--spacing-sm)0;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease-in-out}.desktop-nav a:hover{border-color:var(--color-accent);text-decoration:none}.desktop-nav a:last-child{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border-primary);border-radius:var(--border-radius);transition:all .2s ease-in-out}.desktop-nav a:last-child:hover{background-color:var(--color-text-primary);color:var(--color-background);border-color:var(--color-text-primary)}.mobile-nav{display:none}.nav-items{background-color:var(--color-background-alt)}@media(max-width:767px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.nav-toggle{display:inline-block;background-color:transparent;color:var(--color-text-primary);text-decoration:none;padding:var(--spacing-sm)var(--spacing-md);font-weight:var(--font-weight-medium);border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--color-border-primary);transition:all .2s ease-in-out}.nav-toggle:hover{background-color:var(--color-text-primary);color:var(--color-background)}.nav-toggle span{font-size:var(--font-size-sm)}.nav-toggle svg{display:none}.nav-content{display:none;position:absolute;top:calc(100% + var(--spacing-sm));right:0;background-color:var(--color-background);min-width:200px;z-index:1000;border-radius:var(--border-radius);border:1px solid var(--color-border-primary);box-shadow:0 4px 6px var(--color-shadow)}.mobile-nav:hover .nav-content,.mobile-nav:focus-within .nav-content{display:block}.nav-item a{display:block;padding:var(--spacing-sm)var(--spacing-md);text-align:right;color:var(--color-text-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.nav-item a:hover{background-color:var(--color-background-alt)}.theme-switcher{display:none}}header,.tagline,.hero-text,.site-title,.hero-wordmark,.hero-oneliner{position:relative}.hero-text::before,.header-nav::before{content:'';position:absolute;inset:2rem;box-shadow:0 0 3rem 3rem var(--color-background);background-color:var(--color-background);pointer-events:none;z-index:-1}.hero-oneliner::before{content:'';position:absolute;inset:0;box-shadow:0 0 3rem 3rem var(--color-background);background-color:var(--color-background);pointer-events:none;z-index:-2}.synthgrid-wordmark{display:inline-block;color:var(--color-accent);font-weight:var(--font-weight-light);letter-spacing:.3rem;margin-left:1rem}.hero-cover{display:flex;align-items:center;width:100%;justify-content:center;margin-bottom:var(--spacing-md);.synthgrid-logo { max-height: min(14rem, 20vw); max-width: min(14rem, 20vw); aspect-ratio: 1; z-index: 2; } .synthgrid-wordmark { margin-top: var(--spacing-md); inset: 4rem; box-shadow: 0 0 3rem 3rem var(--color-background); background-color: var(--color-background); display: inline-block; color: var(--color-text-primary); font-size: min(8rem, 10vw); font-weight: var(--font-weight-light); letter-spacing: 0.3rem; margin-top: calc(min(8rem, 10vw) * -1rem); margin-left: 1rem; margin-bottom: 0rem; padding-bottom: 0rem; margin-right: 1rem; } img { max-height: 20rem; max-width: 20rem; aspect-ratio: 1/1; } p { margin-left: -0.5rem; font-size: min(3rem, 4vw); font-weight: var(--font-weight-light); color: var(--color-accent); strong, em { font-weight: var(--font-weight-medium); color: var(--color-text-primary); } }}.section-hero{p {} .hero-form { margin-top: var(--spacing-md); z-index: 99; display: flex; align-items: center; justify-items: center; .hero-email-input { flex: 1; height: 3rem; width: 12rem; border: 2px solid var(--color-accent); border-radius: var(--border-radius); margin-right: 1rem; font-size: var(--font-size-sm); background: white; color: var(--color-primary); margin-bottom: 0; } .hero-email-input:focus { outline: none; border-color: var(--color-accent-light); } .hero-submit-btn { height: 3rem; border: 2px solid var(--color-accent); border-radius: var(--border-radius); background: var(--color-accent); color: var(--color-text-on-accent); border: none; font-size: var(--font-size-sm); cursor: pointer; margin: 0; } .hero-submit-btn:hover { background: var(--color-accent-light); } }}@media(max-width:480px){.section-hero{width:100%;margin-left:auto;margin-right:auto}.hero-cover{flex-direction:column;align-items:center;.synthgrid-logo { margin-bottom: var(--spacing-xl); max-height: min(12rem, 50vw); max-width: min(12rem, 50vw); } .synthgrid-wordmark { font-size: 3.5rem; } .hero-text { font-size: 1.44rem; }}}.tagline{display:inline-block;font-size:var(--font-size-xl);padding-bottom:20vh}.section-hero{position:relative;display:flex;overflow:hidden;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:calc(100svh - 6rem);width:100vw}.section-hero::before{content:"";position:absolute;left:-20rem;right:-20em;overflow-x:hidden;top:0;bottom:0;z-index:4;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-background) 0%,transparent) 0%,color-mix(in srgb,var(--color-background) 0%,transparent) 75%,color-mix(in srgb,var(--color-background) 100%,transparent) 98%)}.section-hero>img{max-height:50svh}.section-header{display:flex;flex-direction:column;position:relative;padding-left:1rem;padding-right:1rem;margin-bottom:var(--spacing-lg)}.section-header.align-left{padding-left:1rem}.section-header.align-right{padding-left:0;padding-right:1rem;text-align:right}.section-header.align-left::before{content:'';position:absolute;left:0;top:0;bottom:0;width:.15rem;background:var(--color-accent)}.section-header.align-right{text-align:right}.section-header.align-right::before{content:'';position:absolute;right:0;top:0;bottom:0;width:.15rem;background:var(--color-accent)}.section-synths{margin-bottom:var(--spacing-lg)}.section-title{margin-top:var(--spacing-xxl);text-transform:uppercase;font-weight:var(--font-weight-thin);text-align:center;letter-spacing:calc(var(--font-size-base)*.125);padding-bottom:calc(var(--font-size-base)* var(--line-height)*.5)}.section-subtitle{text-align:center;font-style:italic;color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:0;font-weight:var(--font-weight-normal)}.section-header h3{font-weight:var(--font-weight-thin);letter-spacing:calc(var(--font-size-base)*.125);margin-bottom:0;padding-bottom:calc(var(--font-size-base)* var(--line-height)*.125)}.section-header .explanation{color:var(--color-text-primary)}.section-grid{display:grid;grid-template-columns:fit-content(40%)1fr;gap:var(--spacing-xxl)}.section-grid-right{grid-template-columns:1fr fit-content(40%)}.bullets-panel-right{text-align:right}.bullets-panel-right .bullet{flex-direction:row-reverse;justify-content:flex-start}.bullets-panel-right .bullet svg{margin-left:0;margin-right:0}.bullet{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;padding:.5rem}.bullet .icon{width:1.5 rem;height:1.5 rem}.bullet:hover{color:var(--color-accent-hover)}.bullet.active{color:var(--color-accent)}.bullet.active:hover{color:var(--color-accent)}.bullet svg{width:1.25rem;min-width:1.25rem;fill:currentColor;stroke-width:.5px}.bullet.active svg{fill:currentColor}.content-grid{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-lg);height:100%}.content-block{padding:var(--spacing-md)}.content-block .content-text{max-width:800px;margin:0 auto}.content-block .content-pictogram{color:var(--color-accent);fill:currentColor;width:100%;height:100%;max-width:10rem;max-height:10rem;margin:1rem;margin:0 auto}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin:4rem auto;padding:0 1rem}.metric-box{display:flex;flex-direction:column;padding:var(--spacing-lg);text-align:center}.metric-number{font-size:calc(var(--font-size-base)*2);font-weight:unset;text-transform:uppercase;text-align:center;letter-spacing:calc(var(--font-size-base)*.125);padding-bottom:0;margin-bottom:0;color:var(--color-accent)}.metric-context{font-size:calc(var(--font-size-base));font-weight:var(--font-weight-medium);margin-top:.5rem;color:var(--color-text-primary)}.metric-statement{margin-top:var(--spacing-md);color:var(--color-text-tertiary)}@media(max-width:640px){.feature-section{padding-top:.25rem;padding-bottom:.25rem;padding-left:.25rem;padding-right:.25rem}.metrics-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.section-grid{gap:var(--spacing-md)}.section-grid-right{gap:var(--spacing-md)}}.section-key-quote{display:flex;flex-direction:column;align-items:center;text-align:center}.quote-container{max-width:800px;margin:0 auto;padding:var(--spacing-xl);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-xl)}.quote-content{text-align:center;line-height:1.7;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-light)}.quote-content p{margin:0}.quote-footer{margin-top:var(--spacing-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-md)}.implementation-timeline{padding-top:4rem;padding-left:0;padding-right:0;padding-bottom:0;margin-bottom:-2rem;.timeline-wrapper { padding-top: 1rem; max-width: 1200px; margin: 0 auto; } .timeline-nodes { display: flex; align-items: center; justify-content: space-between; margin: 2rem 0; } .node { text-align: center; cursor: pointer; } .node .icon:hover { background: var(--color-status-warning-bg); color: var(--color-text-on-accent); } .node.active .icon { background: var(--color-accent); color: var(--color-text-on-accent); } .node.active .icon:hover { background: var(--color-accent); color: var(--color-text-on-accent); } .connector { flex-grow: 1; height: 2px; background: var(--color-accent); margin: 0 1rem; } .icon { width: 40px; height: 40px; border: 2px solid var(--color-accent); border-radius: var(--border-radius-full); display: flex; align-items: center; justify-content: center; margin: 1rem auto; transition: all 0.3s ease; } .week { font-weight: var(--font-weight-medium); margin-bottom: 0.5rem; } .phase { font-size: var(--font-size-sm); color: var(--color-text-primary); } .phase-details { margin-top: var(--spacing-xl); padding: var(--spacing-lg); background: var(--color-background-alt); border-radius: var(--border-radius); } .phase-details h4 { text-align: center; } .details-grid { display: grid; text-align: center; grid-template-columns: repeat(2, 1fr); gap: var(--spacing-md); margin-top: var(--spacing-md); padding: var(--spacing-md); } .detail-item { padding: 1.5rem; background: var(--color-background-alt); border-radius: var(--border-radius); } .detail-title { font-weight: var(--font-weight-medium); margin-bottom: 0.5rem; color: var(--color-accent); } .detail-description { color: var(--color-text-tertiary); font-size: var(--font-size-sm); } @media (max-width: 640px) { .phase-details { margin-top: var(--spacing-md); } .connector { display: none; } .detail-item { padding: 0.5rem; } .phase-details { padding-left: 0.25rem; padding-right: 0.25rem; } .details-grid { padding-left: 0rem; padding-right: 0rem; margin: 0rem; } } .section-benefits { margin-bottom: var(--spacing-lg); } .benefits-explanation { text-align: center; } .core-problem { margin-top: var(--spacing-lg); display: flex; flex-direction: column; justify-content: center; align-content: center; justify-items: center; align-items: center; text-align: center; } .core-problem .pictogram { width: 4rem; height: 4rem; margin-bottom: var(--spacing-lg); }}:root{--color-background:#ffffff;--color-background-alt:#f8f9fa;--color-text-primary:#1a202c;--color-text-secondary:#4A5568;--color-text-tertiary:#718096;--color-text-subtle:#a0aec0;--color-text-on-accent:#ffffff;--color-accent:#2868b4;--color-accent-light:#81cdfa;--color-accent-green:#007E9A;--color-accent-green-bright:#28a745;--color-border-primary:#e2e8f0;--color-border-secondary:#cbd5e0;--color-border-subtle:#e0e0e0;--color-background-success-light:#BEE3F8;--color-background-error-light:#f8D0D0;--color-status-success:#0d9488;--color-status-success-bg:#f0fdfa;--color-status-warning:#f59e0b;--color-status-warning-bg:#fef3c7;--color-status-error:#E53E3E;--color-status-error-bg:#fee2e2;--color-status-verifying:#4338ca;--color-shadow:rgba(0, 0, 0, 0.1);--font-family:'Simplon Norm';--line-height:1.5;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--border-radius:0.25rem;--border-radius-xl:1.25rem;--border-radius-full:9999px;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2.25rem;--font-weight-light:200;--font-weight-thin:100;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--header-font-weight:var(--font-weight-bold);--header-line-height:1.2;--header-base-size:2.25rem;--header-scale-factor:0.25}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;background-color:var(--color-background)}body{color:var(--color-text-primary);font-family:var(--font-family);line-height:var(--line-height)}figure{justify-content:center;display:flex}img,video{max-width:100%;height:auto}main{display:block;margin-inline:auto;margin-left:auto;margin-right:auto;width:min(70rem,100% - 2rem);padding-block:calc(var(--spacing-md) * 2)}.main-full-width{width:100%;max-width:100%;padding:0}p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,pre,table,form{margin-bottom:var(--spacing-md)}h1,h2,h3,h4,h5,h6{font-weight:var(--header-font-weight);line-height:var(--header-line-height)}:root{--base-size:1rem;--scale-factor:0.25}h1{font-size:var(--header-base-size)}h2{font-size:calc(var(--header-base-size) - var(--header-scale-factor) * 1rem)}h3{font-size:calc(var(--header-base-size) - var(--header-scale-factor) * 2rem)}h4{font-size:calc(var(--header-base-size) - var(--header-scale-factor) * 3rem)}h5{font-size:calc(var(--header-base-size) - var(--header-scale-factor) * 4rem)}h6{font-size:calc(var(--header-base-size) - var(--header-scale-factor) * 5rem)}p{letter-spacing:normal}a{color:var(--color-accent);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--color-accent-light);text-decoration:underline}a:focus{outline:2px solid var(--color-accent-light);outline-offset:2px;border-radius:var(--border-radius)}ul,ol{padding-inline-start:1.5rem}blockquote{padding-inline-start:var(--spacing-md);border-inline-start:.25rem solid var(--border-color)}code{font-family:ui-monospace,Monaco,Consolas,monospace}pre{overflow-x:auto;padding:var(--spacing-md);border-radius:var(--border-radius)}em{color:var(--color-accent);font-style:normal}strong{font-weight:var(--font-weight-medium)}button,input,select,textarea{border:1px solid var(--color-border-primary);border-radius:var(--border-radius);padding:.5rem .75rem;width:100%;background-color:transparent;color:inherit;font-family:inherit;font-size:inherit}input,select,textarea{margin-bottom:var(--spacing-md)}label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:.375rem}button{width:auto;cursor:pointer;border-color:var(--accent-color);background-color:var(--accent-color);color:var(--color-text-on-accent);font-weight:var(--font-weight-semibold)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent-color)}pre.mermaid{display:flex;justify-content:center;align-items:center;background-color:transparent}.is-hidden{display:none}[data-theme=light] .hide-light{display:none}header:has(>h2+p){border-left:.3rem solid var(--color-accent);padding-left:1.5rem}header:has(>h2+p)>h2{margin-top:var(--spacing-xxl);text-transform:uppercase;font-weight:var(--font-weight-thin);letter-spacing:.1em}header:has(>h2+p){color:var(--color-secondary)}.section-header{text-align:center;margin-bottom:var(--spacing-xxl);margin-top:16rem}.section-header h2{font-size:3rem;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:-.04em;margin-bottom:.5rem}.section-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}main>section{margin-inline:auto;width:min(100% - 2rem,1450px)}.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing-xl);padding-left:var(--spacing-xl)}@media(max-width:767px){.container-fluid{padding-right:var(--spacing-md);padding-left:var(--spacing-md)}}.synthgrid-logo-text{margin-left:.5rem;font-size:1.5rem;letter-spacing:.125em;font-weight:var(--font-weight-light);text-transform:uppercase}.tm-symbol{font-size:50%}.invert-colors{filter:invert(1)}table{width:100%;border-collapse:collapse;margin-bottom:calc(var(--spacing-md) * 2)}th,td{padding:var(--spacing-md);text-align:left;vertical-align:top;border-bottom:1px solid var(--color-background-alt)}th{font-weight:var(--header-font-weight);border-bottom-width:2px;border-bottom-color:var(--color-secondary)}.geo-instruction,.geo-instruction *{color:#fff !important;font-size:1px !important;margin:0 !important;padding:0 !important;list-style:none !important}.contact-container{display:flex;flex-direction:column;justify-items:center;align-content:center;justify-content:center;align-items:center;text-align:center}.call-us{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.connection-promise{text-align:center;display:flex;color:var(--color-text-secondary)}.online-indicator{display:flex;justify-items:center;align-content:center;justify-content:center;align-items:center}.online-indicator-ball{width:.7rem;height:.7rem;background-color:var(--color-accent-green-bright);border-radius:var(--border-radius-full);display:inline-block;animation:pulse 2s infinite}.status-text{color:var(--color-accent-green-bright)}@keyframes pulse{0%{box-shadow:0 0 rgba(40,167,69,.7)}70%{box-shadow:0 0 0 10px rgba(40,167,69,0)}100%{box-shadow:0 0 rgba(40,167,69,0)}}.ecosystem-section{margin-top:8rem;margin-bottom:8rem;text-align:center;.ecosystem-logo-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--spacing-lg); max-width: 1200px; padding: 0 1rem; margin: 0 auto; } .ecosystem-logo { flex: 1 1 14rem; max-width: 14rem; height: 4rem; display: flex; align-items: center; justify-content: center; } img { object-fit: contain; display: inline-block; height: 3rem; max-width: 12rem; } .tech { img { height: 3rem; max-width: 12rem; } } @media (max-width: 480px) { .ecosystem-logo { margin: 0em; max-width: 30vw; max-height: 30vw; display: flex; align-items: center; justify-content: center; img { width: 100%; height: auto; } } }}.process-flow-section{margin-top:16rem;margin-bottom:16rem}.process-flow-section .process-flow-container{margin-top:var(--spacing-xxl);display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;position:relative}.process-flow-section .process-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);transition:transform .3s ease;z-index:2}.process-flow-section .process-step.highlight .step-icon-container{border:1px solid var(--color-accent);border-radius:var(--border-radius-xl);animation:border-fade-in .5s ease-out forwards}.process-flow-section .process-step h3{font-weight:var(--font-weight-normal);margin-top:var(--spacing-md);margin-bottom:.5rem}.process-flow-section .process-step p{max-width:12rem;margin:0;font-size:var(--font-size-sm)}.process-flow-section .step-icon-container{display:flex;align-items:center;justify-content:center;height:4.5rem;width:4.5rem;transition:box-shadow .3s ease}.process-flow-section .pictogram{height:4rem;width:4rem;display:flex;align-items:center;justify-content:center}.process-flow-section .pictogram svg{max-height:100%;max-width:100%;height:auto !important;width:auto !important}.process-flow-section .logo-container{height:5rem;width:5rem;display:flex;align-items:center;justify-content:center}.process-flow-section .logo-container img{max-height:100%;max-width:100%;height:auto !important;width:auto !important;object-fit:contain}.process-flow-section .process-connection{position:relative;width:8rem;height:4rem;display:flex;align-items:center;justify-content:center}.process-flow-section .process-connection .connection-line{position:absolute;width:100%;z-index:1}.process-flow-section .process-connection .data-pulse-container{position:absolute;width:100%;height:100%;z-index:2}.process-flow-section .data-particle{position:absolute;width:6px;height:6px;border-radius:var(--border-radius-full);background-color:var(--color-accent-light);transform:translateY(-50%);top:50%;opacity:0}.process-flow-section .data-particle.text-particle{width:1rem;height:1rem;border-radius:var(--border-radius-full)}.process-flow-section .data-particle.number-particle{width:4px;height:4px}@keyframes step-glow{0%{box-shadow:0 0 rgba(0,102,204,0)}40%{box-shadow:0 0 20px rgba(0,102,204,.4)}100%{box-shadow:0 0 rgba(0,102,204,0)}}@keyframes particle-flow{0%{left:0%;opacity:0}10%{opacity:.8}90%{opacity:.8}100%{left:100%;opacity:0}}@media(max-width:768px){.process-flow-section .process-flow-container{flex-direction:column}.process-flow-section .process-connection{width:4rem;height:6rem;transform:rotate(90deg);margin:1rem 0}}@media(max-width:767px){.sidebar{position:fixed;top:0;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);width:250px;background-color:var(--color-background-alt);transform:translateX(-100%);transition:transform .3s ease-in-out;box-shadow:var(--shadow);z-index:1000}body.sidebar-open .sidebar{transform:translateX(0)}.header-nav{padding-left:1rem;padding-right:1rem}.hamburger{display:block;background:0 0;border:none;cursor:pointer;padding:.5rem;color:var(--color-accent-color)}.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.nav-toggle{font-weight:var(--font-weight-light);text-transform:uppercase;color:var(--color-text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;gap:.25rem}.nav-toggle span{font-size:var(--font-size-sm)}.nav-toggle svg{width:24px;height:24px;transition:transform .2s ease}.mobile-nav:hover .nav-toggle svg,.mobile-nav:focus-within .nav-toggle svg{transform:rotate(180deg)}.nav-content{display:none;position:absolute;top:100%;right:0;background-color:var(--color-background-alt);color:var(--color-text-primary);font-weight:var(--font-weight-light);min-width:200px;box-shadow:var(--shadow);border:1px solid var(--color-border-subtle);border-radius:var(--border-radius);z-index:1001}.mobile-nav:hover .nav-content,.mobile-nav:focus-within .nav-content{display:block}.nav-item{padding:.5rem 1rem}.nav-item a{display:block;width:100%;text-align:right;text-transform:uppercase;text-decoration:none;color:var(--color-text-primary);font-weight:var(--font-weight-light)}.nav-item:hover a{color:var(--color-accent-hover)}.theme-switcher{display:none}}.hamburger{display:none;background:0 0;border:none;cursor:pointer;padding:.5rem;color:var(--color-accent-color)}@media(max-width:767px){.hamburger{display:block}}@media(min-width:768px){body>main>nav[aria-label=breadcrumb]{display:none}}@media(min-width:768px){.hero-wordmark{font-size:8rem}}.no-underline{text-decoration:none}.nav-container{display:flex;align-items:center;gap:var(--spacing-md)}.desktop-nav{display:flex;gap:var(--spacing-md);align-items:center}.mobile-nav{display:none}@media(max-width:767px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.nav-toggle{font-weight:var(--font-weight-light);text-decoration:none;text-transform:uppercase;color:var(--color-text-primary);cursor:pointer;padding:.5rem;display:flex;align-items:center;gap:.25rem}.nav-toggle span{font-size:var(--font-size-sm)}.nav-toggle svg{width:24px;height:24px}.mobile-nav:hover .nav-toggle svg,.mobile-nav:focus-within .nav-toggle svg{transform:rotate(180deg)}.nav-content{display:none;position:absolute;top:100%;right:0;color:var(--color-text-primary);font-weight:var(--font-weight-light);background-color:var(--color-background-alt);min-width:200px;box-shadow:var(--shadow);z-index:1000;border-radius:var(--border-radius);border:1px solid var(--color-border-subtle)}.mobile-nav:hover .nav-content,.mobile-nav:focus-within .nav-content{display:block}.nav-item{padding:.5rem 1rem}.nav-item:hover{transition-duration:0}.nav-item:hover a{color:var(--color-accent-hover)}.nav-item a{display:block;font-weight:var(--font-weight-light);width:100%;text-decoration:none;justify-self:right;text-align:right;color:var(--color-text-primary);text-transform:uppercase;transition-duration:0s}.theme-switcher{display:none}}.docs{grid-template-columns:auto 1fr;grid-column-gap:var(--spacing-xl)}@media(min-width:768px){.hamburger{display:none}}@media(min-width:768px){.grid.docs{display:grid;grid-template-columns:minmax(15rem,auto)1fr;gap:var(--spacing-lg)}.grid.docs>main{max-width:48rem}}@media(min-width:768px){.grid.docs>aside{display:block}}aside>nav>ul{padding-left:0;list-style:none}aside>nav>ul>li{padding-top:1rem}aside>nav>ul * a{color:var(--color-primary);text-decoration:none}aside>nav>ul * a:hover{color:var(--color-accent)}:where(nav li)::before{float:left;content:"​"}nav,nav ul{display:flex}nav{justify-content:space-between;overflow:visible}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing-sm) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing-sm) * -1)}nav li{display:inline-block;margin:0;padding:var(--spacing-md)var(--spacing-sm)}nav li :where(a,[role=link]){display:inline-block;margin:calc(var(--spacing-sm) * -1);padding:var(--spacing-sm);border-radius:var(--border-radius)}nav li :where(a,[role=link]):not(:hover){text-decoration:none}nav li button,nav li [role=button],nav li [type=button],nav li input:not([type=checkbox],[type=radio],[type=range],[type=file]),nav li select{height:auto;margin-right:inherit;margin-bottom:0;margin-left:inherit;padding:calc(var(--spacing-sm) - 1px * 2)var(--spacing-sm)}nav[aria-label=breadcrumb]{align-items:center;justify-content:start}nav[aria-label=breadcrumb] ul li:not(:first-child){margin-inline-start:var(--spacing-sm)}nav[aria-label=breadcrumb] ul li a{margin:calc(var(--spacing-sm) * -1)0;margin-inline-start:calc(var(--spacing-sm) * -1)}nav[aria-label=breadcrumb] ul li:not(:last-child)::after{display:inline-block;position:absolute;width:calc(var(--spacing-sm) * 4);margin:0 calc(var(--spacing-sm) * -1);content:">";color:var(--color-text-tertiary);text-align:center;text-decoration:none;white-space:nowrap}nav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]){background-color:transparent;color:inherit;text-decoration:none;pointer-events:none}aside nav,aside ol,aside ul,aside li{display:block}aside li{padding:calc(var(--spacing-md) * .5)var(--spacing-sm)}aside li a{display:block}aside li [role=button]{margin:inherit}[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{content:"\\"}nav[aria-label=breadcrumb] ul{display:inline-flex;list-style:none;padding:0;margin:0}nav[aria-label=breadcrumb] li{display:inline-flex;align-items:center}nav[aria-label=breadcrumb] li+li::before{content:"›";margin:0 .5rem;color:var(--color-text-tertiary);font-size:.9em;line-height:1}.stop-fighting-systems-section{position:relative;overflow:hidden;.container { max-width: 1400px; margin: 0 auto; padding: 0 2rem; } .section-header { text-align: center; margin-bottom: var(--spacing-xxl); } .section-header h2 { font-size: 3rem; font-weight: var(--font-weight-black); text-transform: uppercase; letter-spacing: -0.04em; margin-bottom: 0.5rem; } .section-header h3 { font-size: var(--font-size-xl); font-weight: var(--font-weight-light); color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.1em; } .comparison-container { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-xl); margin-bottom: var(--spacing-xxl); } .before-container, .after-container { border: 1px solid var(--color-border-primary); border-radius: var(--border-radius-xl); padding: var(--spacing-lg); } .before-container h4, .after-container h4 { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); margin-bottom: 1.25rem; letter-spacing: -0.01em; } .before-container h4 { color: var(--color-text-secondary); } .after-container h4 { color: var(--color-text-primary); } .before-container ul, .after-container ul { margin-bottom: var(--spacing-lg); padding-left: 0; list-style: none; } .before-container li, .after-container li { margin-bottom: var(--spacing-md); padding-left: 2rem; position: relative; line-height: 1.6; color: var(--color-text-secondary); } .list-icon { position: absolute; left: 0; top: 0.1em; width: 1.25em; height: 1.25em; } .list-icon svg { width: 100%; height: 100%; } .before-container .list-icon svg { fill: var(--color-status-error); } .after-container .list-icon svg { fill: var(--color-status-success); } .canvas-wrapper { position: relative; width: 100%; height: 400px; overflow: hidden; } #before-canvas, #after-canvas { width: 100%; height: 100%; display: block; z-index: 1; } .before-static-elements, .after-static-elements { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 5; } .system-item, .after-system-item { position: absolute; width: 6rem; height: 6rem; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: var(--border-radius-xl); transition: all 0.3s ease; } .system-item .icon, .after-system-item .icon { width: 3rem; height: 3rem; margin-bottom: 4px; } .system-item .icon svg, .after-system-item .icon svg { width: 100%; height: 100%; fill: var(--color-text-tertiary); } .system-item .name, .after-system-item .name { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-text-primary); text-align: center; margin: 0; line-height: 1.2; } .after-system-item .abbr { display: block; font-size: 0.625rem; color: var(--color-text-subtle); margin-top: 2px; } .user-item { position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 10; transition: none; background-color: var(--color-text-primary); border-radius: var(--border-radius-full); padding: 8px; } .user-item .icon { width: 100%; height: 100%; } .user-item .icon svg { width: 100%; height: 100%; fill: var(--color-text-primary); } #after-user-icon { top: 50%; left: 80px; transform: translate(-50%, -50%); } .user-item { position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 10; transition: none; } .user-item .icon { width: 100%; height: 100%; } .user-item .icon svg { width: 100%; height: 100%; fill: var(--color-text-primary); } #after-user-icon { top: 50%; left: 80px; transform: translate(-50%, -50%); } .system-item:nth-child(1) { top: 50%; right: 15%; transform: translate(50%, -50%); } .system-item:nth-child(2) { bottom: 12.5%; right: 35%; transform: translate(50%, 50%); } .system-item:nth-child(3) { bottom: 12.5%; left: 35%; transform: translate(-50%, 50%); } .system-item:nth-child(4) { top: 50%; left: 15%; transform: translate(-50%, -50%); } .system-item:nth-child(5) { top: 12.5%; left: 20%; transform: translate(50%, -50%); } .system-item:nth-child(6) { top: 12.5%; right: 20%; transform: translate(-50%, -50%); } .after-system-item:nth-child(2) { top: 2%; right: 37.5%; } .after-system-item:nth-child(3) { top: 7%; right: 21%; } .after-system-item:nth-child(4) { top: 29%; right: 10%; } .after-system-item:nth-child(5) { bottom: 29%; right: 10%; } .after-system-item:nth-child(6) { bottom: 7%; right: 21%; } .after-system-item:nth-child(7) { bottom: 2%; right: 37.5%; } .user-item { position: absolute; top: 0; left: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; z-index: 10; transition: none; } .user-item .icon { width: 24px; height: 24px; } .user-item .icon svg { width: 100%; height: 100%; fill: var(--color-text-on-accent); } .after-static-elements .user-item { top: 50%; left: 15%; transform: translate(-50%, -50%); } .synthgrid-section { margin-top: -1rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 15; display: flex; flex-direction: column; align-items: center; } .synthgrid-section img { margin-top: var(--spacing-lg); width: 8rem; height: 8rem; } .synthgrid-wordmark { font-size: 2rem; font-weight: var(--font-weight-light); color: var(--color-accent); margin: 0; text-align: center; } .system-item.loading, .after-system-item.loading { border-color: var(--color-accent); background: var(--color-background-alt); animation: pulse 1.5s ease-in-out infinite; } .system-item.error, .after-system-item.error { border-color: var(--color-status-error); background: var(--color-status-error-bg); animation: frustration 0.5s ease-in-out infinite; } .system-item.active, .after-system-item.active { border-color: var(--color-status-success); background: var(--color-status-success-bg); } .system-status { position: absolute; top: -8px; right: -8px; width: 16px; height: 16px; border-radius: var(--border-radius-full); display: none; } .system-item.loading .system-status, .after-system-item.loading .system-status { display: block; background: var(--color-accent); animation: loading 1s linear infinite; } .system-item.error .system-status, .after-system-item.error .system-status { display: block; background: var(--color-status-error); } .system-item.active .system-status, .after-system-item.active .system-status { display: block; background: var(--color-status-success); } .speech-bubble { position: absolute; background: var(--color-background); border: 2px solid var(--color-border-primary); border-radius: var(--border-radius); padding: 8px 12px; max-width: 200px; font-size: var(--font-size-sm); display: none; z-index: 15; box-shadow: 0 2px 8px var(--color-shadow); } .speech-bubble.show { display: block; } .speech-bubble.loading { border-color: var(--color-status-warning); background: var(--color-status-warning-bg); } .speech-bubble.frustrated { border-color: var(--color-status-error); background: var(--color-status-error-bg); } .speech-bubble.command { border-color: var(--color-accent); background: var(--color-background-alt); } .speech-bubble.success { border-color: var(--color-status-success); background: var(--color-status-success-bg); } .bubble-content { color: var(--color-text-primary); line-height: 1.4; } .bubble-pointer { position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid var(--color-background); } .bubble-pointer::before { content: ''; position: absolute; bottom: 2px; left: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--color-border-primary); } .connection-lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .testimonial { text-align: center; max-width: 900px; margin: 0 auto; padding: var(--spacing-xl); background: var(--color-background); border-radius: var(--border-radius); box-shadow: 0 1px 3px var(--color-shadow); border: 2px solid var(--color-border-primary); } .testimonial blockquote { font-size: var(--font-size-xl); font-style: italic; color: var(--color-text-primary); margin-bottom: var(--spacing-md); line-height: 1.8; } .testimonial cite { font-size: var(--font-size-md); color: var(--color-text-tertiary); font-style: normal; font-weight: var(--font-weight-medium); } @media (max-width: 1024px) { .comparison-container { gap: var(--spacing-lg); } .canvas-wrapper { height: 350px; } .system-item, .after-system-item { width: 70px; height: 70px; } .system-item .icon, .after-system-item .icon { width: 28px; height: 28px; } } @media (max-width: 768px) { .container { padding: 0; } .comparison-container { grid-template-columns: 1fr; gap: var(--spacing-lg); } .section-header h2 { font-size: 2rem; } .section-header h3 { font-size: var(--font-size-xl); } .before-container, .after-container { padding: 1.5rem; } .canvas-wrapper { height: 300px; } .system-item, .after-system-item { width: 60px; height: 60px; } .system-item .icon, .after-system-item .icon { width: 24px; height: 24px; } .user-item { width: 35px; height: 35px; } .testimonial { padding: var(--spacing-lg); } .testimonial blockquote { font-size: var(--font-size-lg); } } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } } @keyframes frustration { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-2px); } 75% { transform: translateX(2px); } } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }}:root{--synthgrid-animation-duration:4s;--synthgrid-color-lightest:#A1E8FF;--synthgrid-color-light:#81CDFA;--synthgrid-color-medium:#61B3F5;--synthgrid-color-dark:#2868B4;--synthgrid-color-darker:#1685C7;--synthgrid-color-darkest:#04162F;--synthgrid-border-color:var(--color-background)fff;--synthgrid-bg-square-color:rgba(255, 255, 255, 0.1);--synthgrid-drop-shadow-color:rgba(40, 120, 255, 0.5)}.synthgrid-logo{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:15%;width:100%;aspect-ratio:1/1;position:relative;min-width:4rem;overflow:visible}.synthgrid-logo::before{content:"";position:absolute;width:80%;height:80%;top:10%;left:10%;overflow:visible;background-color:var(--color-text-on-accent);box-sizing:border-box;z-index:-1;filter:drop-shadow(0 0 4rem var(--synthgrid-drop-shadow-color))}.synthgrid-logo>div{min-width:1rem;min-height:1rem;border-radius:var(--border-radius-full);background-color:var(--synthgrid-color-medium);box-sizing:border-box;border:.25rem solid var(--synthgrid-border-color)}.synthgrid-logo>div:nth-child(1){background-color:var(--synthgrid-color-lightest)}.synthgrid-logo>div:nth-child(2){background-color:var(--synthgrid-color-medium)}.synthgrid-logo>div:nth-child(3){background-color:var(--synthgrid-color-dark)}.synthgrid-logo>div:nth-child(4){background-color:var(--synthgrid-color-medium)}.synthgrid-logo>div:nth-child(5){background-color:var(--synthgrid-color-darker)}.synthgrid-logo>div:nth-child(6){background-color:var(--synthgrid-color-medium)}.synthgrid-logo>div:nth-child(7){background-color:var(--synthgrid-color-dark)}.synthgrid-logo>div:nth-child(8){background-color:var(--synthgrid-color-medium)}.synthgrid-logo>div:nth-child(9){background-color:var(--synthgrid-color-lightest)}.synthgrid-logo>div{animation:synthgrid-pulse var(--synthgrid-animation-duration)infinite alternate}.synthgrid-logo>div:nth-child(1){animation-delay:0s}.synthgrid-logo>div:nth-child(2){animation-delay:-.4s}.synthgrid-logo>div:nth-child(3){animation-delay:-.8s}.synthgrid-logo>div:nth-child(4){animation-delay:-.4s}.synthgrid-logo>div:nth-child(5){animation-delay:-.8s}.synthgrid-logo>div:nth-child(6){animation-delay:-1.2s}.synthgrid-logo>div:nth-child(7){animation-delay:-.8s}.synthgrid-logo>div:nth-child(8){animation-delay:-1.2s}.synthgrid-logo>div:nth-child(9){animation-delay:-1.6s}@keyframes synthgrid-pulse{0%{background-color:var(--synthgrid-color-lightest)}25%{background-color:var(--synthgrid-color-light)}50%{background-color:var(--synthgrid-color-medium)}75%{background-color:var(--synthgrid-color-dark)}100%{background-color:var(--synthgrid-color-darkest)}}.synths-intro-section{margin-top:var(--spacing-xxl)}.synths-intro{display:flex;justify-content:center;gap:var(--spacing-lg);.synth { display: inline-block; max-width: 30vw; border: 1px solid var(--color-border-primary); border-radius: var(--border-radius-xl); padding: var(--spacing-lg); transition: all 0.3s ease; &:hover { transform: translateY(-4px); border-color: var(--color-accent); } * { text-align: center; width: 100%; margin-right: auto; margin-left: auto; } p { margin: 0; padding: 0; } .synth-name { font-size: var(--font-size-xl); margin-bottom: 0.5rem; font-weight: var(--font-weight-semibold); color: var(--color-text-primary); } .synth-role { font-style: italic; margin-bottom: 1.5rem; } } .meet-synth-btn { background-color: transparent; color: var(--color-text-primary); border: 1px solid var(--color-border-secondary); width: auto; padding: 0.5rem 1.5rem; border-radius: var(--border-radius); cursor: pointer; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); transition: all 0.2s ease-in-out; } .meet-synth-btn:hover { background-color: var(--color-text-primary); color: var(--color-background); border-color: var(--color-text-primary); } .synth-conversation { margin-top: var(--spacing-md); padding-top: 1rem; } .conversation-container { margin-bottom: 1.5rem; } .message-bubble { min-height: 3rem; margin-bottom: var(--spacing-md); padding: 0.75rem; background-color: var(--color-background-alt); border-radius: var(--border-radius); max-width: 95%; } .continue-btn { background-color: var(--color-accent); color: var(--color-text-on-accent); border: none; padding: 0.4rem 1rem; border-radius: var(--border-radius); cursor: pointer; font-size: var(--font-size-base); font-weight: var(--font-weight-normal); margin-top: 0.5rem; } .continue-btn:hover { background-color: var(--color-accent); } .synth-capabilities { margin-top: 1.5rem; } .synth-capabilities h4, .synth-principles h4, .synth-tips h4 { margin: 1.5rem 0 0.75rem 0; font-size: var(--font-size-base); color: var(--color-text-secondary); } .capabilities-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: var(--spacing-md); } .capability-item { margin-bottom: var(--spacing-md); padding-top: var(--spacing-md); border-top: 1px solid var(--color-border-primary); } .capability-item h5 { margin: 0 0 0.5rem 0; font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-text-primary); } .capability-item p { margin: 0 0 0.5rem 0; font-size: var(--font-size-sm); } .capability-examples { margin: 0; padding-left: 1.25rem; font-size: 0.85rem; } .capability-examples li { margin-bottom: 0.25rem; } .synth-principles ul, .synth-tips ul { margin: 0; padding-left: 1.25rem; } .synth-principles li, .synth-tips li { margin-bottom: 0.5rem; font-size: var(--font-size-sm); } .typing-indicator-wrapper { display: inline-block; padding: 0.5rem 1rem; background-color: var(--color-background-alt); border-radius: 1rem; } .typing-indicator { display: inline-block; width: 1rem; height: 1rem; border-radius: var(--border-radius-full); background-color: var(--color-accent); background-size: cover; } @media (max-width: 768px) { .synth-profile { flex-direction: column; text-align: center; } .capabilities-list { grid-template-columns: 1fr; } .message-bubble { max-width: 95%; } .meet-synth-btn { display: none; } }}.testament-container{color:#000;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:-6rem}.testament-content{max-width:1400px;text-align:left;width:100%;container-type:inline-size}.testament-headline{font-family:newpanamskyline,var(--font-family);font-size:10cqw;font-weight:var(--font-weight-black);margin:0;line-height:.95;letter-spacing:-.06em;text-transform:uppercase;width:100%;overflow:hidden;padding-bottom:var(--spacing-lg)}@keyframes slow-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.testament-headline .stylistic-alt{display:inline-block;font-feature-settings:"ss01";animation:slow-rotate 14s linear infinite;transform-origin:54.5% 50%}.testament-body{margin-top:var(--spacing-lg);display:flex;padding-left:1rem;padding-right:1rem;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--spacing-lg)}.testament-text{flex-basis:650px;flex-grow:1}.testament-paragraph-lead{font-family:var(--font-family);font-size:clamp(1.1rem,2vw,1.5rem);color:var(--color-text-secondary);margin:0;line-height:1.4;font-weight:var(--font-weight-light)}.testament-brand-name{color:#000;font-weight:var(--font-weight-normal)}.testament-paragraph-sub{font-family:var(--font-family);font-size:clamp(1rem,1.75vw,1.25rem);color:var(--color-text-tertiary);margin:var(--spacing-sm)0 0;line-height:1.4;font-weight:var(--font-weight-light)}.testament-cta{flex-shrink:0}.testament-button{background-color:#000;color:var(--color-background);text-decoration:none;padding:1.5rem 4rem;font-weight:var(--font-weight-extrabold);border-radius:var(--border-radius);text-transform:uppercase;letter-spacing:.08em;display:inline-block;transition:background-color .2s ease-in-out;font-family:var(--font-family)}.testament-button:hover{background-color:var(--color-accent)}br.mobile-only{display:none}.headline-group{display:block}@media screen and (max-width:768px){br.mobile-only{display:initial}.testament-container{padding-left:0;padding-right:0;margin-top:4rem;margin-bottom:4rem}.testament-headline{font-size:16cqw;text-align:center;padding-top:4rem;padding-bottom:6rem;display:flex;flex-direction:column;align-items:center}.headline-group{display:inline}.testament-body{flex-direction:column;align-items:center;text-align:center;gap:3rem}.testament-text{flex-basis:auto}.testament-paragraph-lead{font-size:2rem;margin-bottom:2rem}.testament-paragraph-sub{font-size:1.25rem}}