:root{--color-text:#000;--color-muted:#b5b5b5;--color-primary:#007aff;--color-primary-hover:#0066d6;--color-bg:#fff;--radius-pill:999px;--max-canvas:1920px;--header-pad-x:clamp(20px, 2.78vw, 54px);--header-pad-y:clamp(20px, 2.55vw, 49px);--footer-pad-x:clamp(24px, 3.62vw, 70px);--footer-pad-y:clamp(20px, 2.1vw, 40px);--hero-pad-x:clamp(24px, 5vw, 96px);--fs-label:clamp(1.25rem, 2.1875vw, 2.625rem);--fs-heading:clamp(2rem, 3.3333vw, 4rem);--fs-body:clamp(1.0625rem, 1.8229vw, 2.1875rem);--fs-btn:clamp(1rem, 1.25vw, 1.5rem);--fs-footer:clamp(.875rem, 1.0417vw, 1.25rem);--font-sans:"ABC Normal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif}@font-face{font-family:ABC Normal;src:url(/fonts/abc-normal-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ABC Normal;src:url(/fonts/abc-normal-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html{height:100%}html,body{color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:18px;font-weight:400;line-height:1.35}body{flex-direction:column;min-height:100svh;display:flex}main{flex-direction:column;flex:auto;justify-content:center;align-items:center;display:flex}a{color:inherit;text-underline-offset:3px;text-decoration:underline}.site-header{width:100%;padding:var(--header-pad-y) var(--header-pad-x)}.header-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.logo{text-decoration:none;display:inline-flex}.logo img,.logo svg{width:auto;height:clamp(22px,1.47vw,28px);display:block}.animated-logo{--al-shape:18px;--al-text:34px;--al-shape-duration:.42s;--al-shape-step:.32s;--al-text-duration:1.8s;--al-text-delay:1.1s;height:var(--al-text);line-height:1;font-family:"ABC Normal", var(--font-sans);color:inherit;align-items:center;font-weight:500;display:inline-flex;position:relative}@media (min-width:768px){.animated-logo{--al-shape:28px;--al-text:52px}}.animated-logo__triangle,.animated-logo__circle,.animated-logo__square{flex:none;display:inline-block;position:relative}.animated-logo__triangle:after,.animated-logo__circle:after,.animated-logo__square:after{content:"";transition:transform var(--al-shape-duration) ease;position:absolute}.animated-logo__triangle{border-style:solid;border-width:0 calc(var(--al-shape) * .566) calc(var(--al-shape) * .981) calc(var(--al-shape) * .566);border-color:#0000 #0000 #eee;width:0;height:0}.animated-logo__triangle:after{top:0;left:calc(var(--al-shape) * -.566);border-style:solid;border-width:0 calc(var(--al-shape) * .566) calc(var(--al-shape) * .981) calc(var(--al-shape) * .566);transform-origin:50% 100%;width:0;height:0;transition-delay:calc(var(--al-shape-step) * 2);border-color:#0000 #0000 #ff1c26;transform:scale(0)}.animated-logo__circle{width:var(--al-shape);height:var(--al-shape);background-color:#eee;border-radius:50%;left:-1.4px}.animated-logo__circle:after{transition-delay:var(--al-shape-step);background-color:#7ac942;border-radius:50%;inset:0;transform:scale(0)}.animated-logo__square{width:calc(var(--al-shape) * .966);height:calc(var(--al-shape) * .966);background-color:#eee;left:1.75px}.animated-logo__square:after{transform-origin:0%;background-color:#007aff;transition-delay:0s;inset:0;transform:scaleX(0)}.animated-logo__text{white-space:nowrap;max-width:0;font-size:var(--al-text);transition:max-width var(--al-text-duration) cubic-bezier(.22, .61, .36, 1), margin-left 0s var(--al-text-duration);margin-left:0;line-height:1;display:inline-block;overflow:hidden;transform:none}@media (min-width:768px){.animated-logo__text{transform:translateY(-7px)}}.logo:hover .animated-logo__triangle:after{transition-delay:0s;transform:scale(1)}.logo:hover .animated-logo__circle:after{transition-delay:var(--al-shape-step);transform:scale(1)}.logo:hover .animated-logo__square:after{transition-delay:calc(var(--al-shape-step) * 2);transform:scaleX(1)}.logo:hover .animated-logo__text{max-width:20ch;transition:max-width var(--al-text-duration) cubic-bezier(.22, .61, .36, 1) var(--al-text-delay), margin-left 0s var(--al-text-delay);margin-left:20px}@media (min-width:768px){.logo:hover .animated-logo__text{margin-left:32px}}@media (prefers-reduced-motion:reduce){.animated-logo__triangle:after,.animated-logo__circle:after,.animated-logo__square:after,.animated-logo__text{transition:none!important}}.site-nav{font-size:var(--fs-footer);gap:24px;display:flex}.site-nav a,.content-link{padding-bottom:2px;text-decoration:none;display:inline-block;position:relative}.site-nav a:after,.content-link:after{content:"";transform-origin:0;background:currentColor;height:1.5px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover:after,.site-nav a:focus-visible:after,.content-link:hover:after,.content-link:focus-visible:after{transform:scaleX(1)}.hero{width:100%;max-width:var(--max-canvas);padding:clamp(24px, 3vw, 72px) var(--hero-pad-x);margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,2.5vw,56px);display:grid}.hero-text{width:100%;max-width:980px}.hero-label{font-size:var(--fs-label);color:var(--color-text);margin:0 0 clamp(20px,2.92vw,56px);font-weight:400;line-height:1}.hero-heading{font-size:var(--fs-heading);letter-spacing:-.01em;white-space:pre-line;margin:0 0 clamp(20px,2.92vw,56px);font-weight:500;line-height:1.08}.hero-body{font-size:var(--fs-body);text-wrap:pretty;max-width:980px;margin:0 0 clamp(24px,3.12vw,60px);font-weight:400;line-height:1.35}.hero-body p{margin:0 0 .6em}.hero-body p:last-child{margin-bottom:0}.hero-body a{color:var(--color-primary);text-decoration:none}.hero-buttons{flex-wrap:wrap;align-items:center;gap:clamp(12px,1.3vw,25px);display:flex}.hero-graphic{justify-content:flex-start;align-items:center;min-width:0;margin-top:clamp(0px,3vw,40px);display:flex;overflow:visible}.hero-graphic svg,.hero-graphic img{object-fit:contain;width:100%;max-width:1020px;height:auto;display:block}.btn{border-radius:var(--radius-pill);font-family:inherit;font-weight:400;font-size:var(--fs-btn);cursor:pointer;border:3px solid #0000;justify-content:center;align-items:center;padding:20px 25px;line-height:36px;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover,.btn-primary:focus-visible{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary,.btn-icon{color:var(--color-primary);border-color:var(--color-primary);background:#fff}.btn-icon{letter-spacing:.12em;padding-left:clamp(22px,2.1vw,40px);padding-right:clamp(22px,2.1vw,40px)}.btn-secondary:hover,.btn-secondary:focus-visible,.btn-icon:hover,.btn-icon:focus-visible{background:var(--color-primary);color:#fff}.site-footer{width:100%;padding:var(--footer-pad-y) var(--footer-pad-x);color:var(--color-muted);font-size:var(--fs-footer);line-height:1.5}.site-footer p{margin:0}.site-footer a,.footer-link{color:var(--color-primary);text-decoration:none;display:inline-block;position:relative}.site-footer a:after,.footer-link:after{content:"";transform-origin:0;background:currentColor;height:2px;position:absolute;bottom:.05em;left:0;right:0;transform:scaleX(1)}.site-footer a:hover,.footer-link:hover{color:var(--color-primary-hover)}.site-footer a:hover:after,.footer-link:hover:after,.site-footer a:focus-visible:after,.footer-link:focus-visible:after{animation:.7s cubic-bezier(.65,0,.35,1) underline-wipe}@keyframes underline-wipe{0%{transform-origin:100%;transform:scaleX(1)}49.99%{transform-origin:100%;transform:scaleX(0)}50%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@media (max-width:1280px){:root{--header-pad-x:var(--hero-pad-x);--footer-pad-x:var(--hero-pad-x)}}@media (max-width:960px){:root{--hero-pad-x:clamp(24px, 6vw, 56px)}main{justify-content:flex-start}.hero-grid{grid-template-columns:1fr;gap:clamp(24px,4vw,48px)}.hero-text{max-width:100%}.hero-graphic{margin-top:0}.hero-graphic svg,.hero-graphic img{max-width:480px;max-height:60vh;margin:0 auto}.hero-label{font-size:clamp(1rem,4vw,1.5rem)}.hero-heading{font-size:clamp(1.75rem,7vw,2.5rem)}.hero-body{font-size:clamp(1rem,3.5vw,1.25rem)}.btn{border-width:2px;padding:14px 20px;font-size:1rem;line-height:1.3}}
