:root{--paper: #FBFBFC;--paper-2: #F2F3F5;--ink: #0E1116;--graphite: #5B626E;--hair: #E3E5E9;--hair-strong: #C9CDD4;--accent: #2440FF;--accent-ink: #1B31C4;--connota: #E11A27;--maxw: 1140px;--gutter: clamp(20px, 5vw, 60px);--sans: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.06}p{margin:0}a{color:inherit}.display{font-size:clamp(2.5rem,6.4vw,4.6rem);font-weight:600;letter-spacing:-.03em;line-height:1.02}.h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}.lead{font-size:clamp(1.06rem,1.9vw,1.3rem);line-height:1.5;color:var(--graphite);max-width:40ch}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--graphite);font-weight:500}.accent{color:var(--accent)}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(64px,10vw,132px)}.rule{height:1px;background:var(--hair);border:0;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--accent);display:inline-block}.specbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--hair)}.specbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:56px}.wordmark{font-family:var(--mono);font-weight:600;font-size:.94rem;letter-spacing:.02em;text-decoration:none;color:var(--ink);display:inline-flex;align-items:baseline;gap:1px}.wordmark .dot{color:var(--accent)}.nav{display:flex;gap:clamp(14px,3vw,30px)}.nav a{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--graphite);padding:6px 0;position:relative}.nav a:hover{color:var(--ink)}.nav a:focus-visible,.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.specbar-right{display:flex;align-items:center;gap:clamp(14px,2.6vw,26px)}.langs{display:flex;align-items:center;gap:2px;border-left:1px solid var(--hair);padding-left:clamp(12px,2vw,20px)}.lang,.lang-on{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;padding:4px 6px;text-decoration:none}.lang{color:var(--graphite)}.lang:hover{color:var(--ink)}.lang-on{color:var(--accent);font-weight:600}.lang:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.hero{padding-block:clamp(72px,13vw,168px) clamp(48px,8vw,96px)}.hero .display{max-width:15ch;margin-top:26px}.hero .lead{margin-top:28px}.hero-stamp{margin-top:40px;padding-top:18px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:10px 26px}.hero-cta{margin-top:40px;display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:500;text-decoration:none;padding:14px 22px;border:1px solid var(--ink);transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{color:var(--ink);background:transparent;border-color:var(--hair-strong)}.btn-ghost:hover{border-color:var(--ink)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.textlink{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);padding-bottom:1px}.textlink:hover{border-bottom-color:var(--accent)}.sec-head{display:grid;gap:14px;max-width:60ch;margin-bottom:clamp(40px,6vw,68px)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)}.principle{background:var(--paper);padding:clamp(26px,3vw,38px);display:grid;gap:14px;align-content:start}.principle h3{font-size:1.18rem;letter-spacing:-.01em}.principle p{color:var(--graphite);font-size:.98rem}.products{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(16px,2vw,24px)}.card{border:1px solid var(--hair);background:var(--paper);padding:clamp(26px,3.2vw,44px);display:flex;flex-direction:column}.card-connota{border-color:color-mix(in srgb,var(--connota) 26%,var(--hair))}.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.brand-connota{display:inline-flex;align-items:center;gap:11px;font-weight:600;font-size:1.28rem;letter-spacing:-.02em}.brand-connota img{width:27px;height:27px;display:block}.tag{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;padding:5px 9px;border:1px solid var(--hair-strong);color:var(--graphite);white-space:nowrap}.tag-connota{color:var(--connota);border-color:color-mix(in srgb,var(--connota) 40%,transparent)}.card h3{font-size:1.35rem;margin-bottom:10px}.card p{color:var(--graphite);font-size:1rem}.card-foot{margin-top:auto;padding-top:26px}.card-next{border-style:dashed;justify-content:center}.card-next p{color:var(--graphite)}.card-next .mono{margin-bottom:12px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,110px);align-items:start}.studio p{color:var(--graphite);margin-top:16px}.studio p+p{margin-top:14px}.contact .display{font-size:clamp(2rem,4.4vw,3rem);margin-top:18px}.contact-lead{color:var(--graphite);margin-top:20px;max-width:42ch}.contact-mail{display:inline-block;margin-top:30px;font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:600;letter-spacing:-.02em;text-decoration:none;color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:3px}.contact-mail:hover{color:var(--accent-ink)}.contact-mail:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.foot{border-top:1px solid var(--hair);padding-block:40px}.foot-inner{display:flex;flex-wrap:wrap;gap:18px 40px;align-items:baseline;justify-content:space-between}.foot-meta{display:flex;flex-wrap:wrap;gap:8px 24px}.foot a{color:var(--graphite);text-decoration:none}.foot a:hover{color:var(--ink)}.legal{max-width:62ch}.legal h1{font-size:clamp(2rem,4vw,2.8rem);margin-bottom:10px}.legal h2{font-size:1.05rem;margin-top:40px;margin-bottom:8px}.legal p{color:var(--graphite);margin-top:6px}.legal .back{margin-bottom:40px;display:inline-block}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(12px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards}.reveal-2{animation-delay:.08s}.reveal-3{animation-delay:.16s}.reveal-4{animation-delay:.24s}@keyframes rise{to{opacity:1;transform:none}}}@media(max-width:860px){.principles,.products{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:56px}}@media(max-width:520px){.nav{gap:16px}.nav .nav-hide{display:none}}