@font-face{font-family:Universal;src:url('/fonts/UniversalSansGX.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:light;--ink:#24242a;--muted:#686870;--paper:#fbfaf8;--line:#e7e5e2;--accent:#6353c7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Universal,system-ui,sans-serif;line-height:1.6}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:6px}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:27px;font-weight:650;letter-spacing:-1px}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:30px}.nav-about{text-decoration:none;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 23px;background:var(--ink);color:white;border-radius:999px;text-decoration:none;font-size:14px;font-weight:550;transition:background .2s,transform .2s}.button:hover{background:var(--accent);transform:translateY(-1px)}.button-small{padding:10px 19px;gap:20px}
.hero{position:relative;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding-block:70px 100px}.hero:before{content:'';position:absolute;width:65%;height:90%;right:-20px;top:15px;z-index:-1;background:radial-gradient(ellipse at 65% 40%,#d8d2f980,transparent 60%),radial-gradient(ellipse at 50% 70%,#c9e5d980,transparent 60%);filter:blur(28px);pointer-events:none}.eyebrow{margin:0 0 22px;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.eyebrow span{color:var(--accent);font-size:19px;margin-right:6px}h1{font-size:clamp(50px,6.3vw,84px);line-height:1.03;letter-spacing:-.055em;font-weight:550;margin:0 0 29px}h1 span{color:var(--accent)}.hero-description{font-size:18px;line-height:1.65;margin:0 0 16px;max-width:510px}.hero-detail{color:var(--muted);font-size:14px;max-width:495px;margin:0 0 28px}
.example{background:#ffffffb8;border:1px solid #fff;border-radius:24px;padding:24px;box-shadow:0 25px 70px #34315413;transform:rotate(2deg)}.example-head{display:flex;align-items:center;gap:9px;font-size:12px;padding-bottom:23px;border-bottom:1px solid var(--line)}.example-dot{height:7px;width:7px;border-radius:50%;background:#55a781;flex-shrink:0}.example-label{margin-left:auto;color:var(--muted);font-size:10px}.example-message{background:#f5f4f2;border:1px solid #eeede9;border-radius:13px;margin-top:18px;padding:16px 19px}.example-message:nth-of-type(3){margin-left:28px;background:#eeebf7;border-color:#e7e3f3}.message-label{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.example-message p{margin:7px 0 0;font-size:15px;line-height:1.5}.example-footer{display:flex;gap:13px;align-items:center;margin-top:27px}.example-footer p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.example-footer strong{font-weight:550;color:var(--ink)}
.features{border-top:1px solid var(--line);padding-block:66px}.section-heading{margin-bottom:38px}.section-heading .eyebrow,.connections .eyebrow{margin-bottom:15px}h2{font-weight:550;font-size:clamp(27px,3vw,38px);letter-spacing:-.035em;line-height:1.2;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-number{font-size:12px;color:var(--accent)}h3{font-size:19px;font-weight:550;letter-spacing:-.02em;margin:16px 0 10px}.feature-grid p{font-size:14px;color:var(--muted);margin:0}
.connections{border-top:1px solid var(--line);padding-block:60px 75px;display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.connection-copy p{color:var(--muted);font-size:14px;margin:0 0 17px}.connection-copy a{font-size:14px;text-underline-offset:4px}.connection-copy a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);padding-block:28px 40px;display:flex;align-items:center;gap:30px}.site-footer .brand{font-size:22px}.site-footer nav{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto}.site-footer nav a{font-size:12px;color:var(--muted);text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.copyright{font-size:11px;color:var(--muted)}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:35px;padding-block:50px 70px}.example{padding:20px}.example-head{font-size:11px}.feature-grid{gap:24px}.connections{gap:40px}.site-footer{flex-wrap:wrap}.copyright{width:100%}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{padding-block:20px;gap:12px}.brand{font-size:24px;gap:7px}.brand img{width:33px;height:33px}.nav-about{display:none}.site-header nav{gap:0}.button-small{font-size:12px;padding:9px 14px;gap:14px}.hero{grid-template-columns:1fr;gap:40px;padding-block:35px 58px}.hero:before{right:0;top:45%;width:100%;height:50%}h1{font-size:clamp(48px,12vw,70px)}.hero-description{font-size:17px}.example{transform:none;border-color:var(--line);padding:20px}.features{padding-block:42px}.feature-grid{grid-template-columns:1fr;gap:30px}.section-heading{margin-bottom:30px}.connections{grid-template-columns:1fr;gap:25px;padding-block:40px}.site-footer{align-items:flex-start;gap:20px;padding-block:25px}.site-footer nav{margin-left:0;width:100%;gap:15px}.copyright{margin-top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}