:root{--black:#111;--paper:#fff;--fog:#f4f4f0;--blue:#5267ff;--acid:#d8ff3e;--peach:#ffb38a;--line:#d9d9d4;--muted:#686868;font-family:Inter,Arial,sans-serif;color:var(--black);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:16px;line-height:1.45;background:var(--paper);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.nav{height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.logo{display:flex;align-items:center;gap:11px;font-weight:850;font-size:20px;letter-spacing:-.04em}.logo-face{width:28px;height:28px;border-radius:9px;background:var(--acid);display:grid;place-items:center;font-size:15px}.nav-center{display:flex;gap:28px;font-size:14px}.nav-end{justify-self:end;display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--black);border-radius:999px;min-height:46px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:750;background:var(--black);color:#fff;transition:.18s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--acid)}.btn.light{background:#fff;color:var(--black)}.btn.acid{background:var(--acid);color:var(--black)}.hero{padding:72px 0 90px;border-bottom:1px solid var(--line)}.hero-label{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;font-size:12px}.spark{width:11px;height:11px;background:var(--acid);border:1px solid var(--black);transform:rotate(14deg)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(64px,10.5vw,152px);line-height:.82;letter-spacing:-.085em;font-weight:780;max-width:1180px;margin:34px 0}.hero h1 .tilt{display:inline-block;background:var(--acid);padding:.02em .12em .12em;transform:rotate(-2deg);border:2px solid var(--black);box-shadow:7px 7px 0 var(--black)}.hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-top:50px}.hero-copy{font-size:21px;max-width:600px;color:#333}.ticker{border-bottom:1px solid var(--line);padding:13px 0;white-space:nowrap;overflow:hidden;font-size:13px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.ticker span{display:inline-block;animation:marquee 28s linear infinite}.section{padding:110px 0;border-bottom:1px solid var(--line)}.section-tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:34px}.section h2{font-size:clamp(46px,7vw,94px);line-height:.95;letter-spacing:-.065em;max-width:980px}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split-copy{font-size:20px;color:#333;max-width:560px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--black)}.principle{min-height:350px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--black)}.principle:last-child{border:0}.principle:nth-child(2){background:var(--acid)}.principle small{font-weight:800}.principle h3{font-size:34px;line-height:1.02;letter-spacing:-.04em}.principle p{color:#454545}.product-stage{background:var(--black);color:#fff}.product-stage .section-tag{color:var(--acid)}.product-shell{display:grid;grid-template-columns:.78fr 1.22fr;gap:64px;align-items:start}.product-copy{position:sticky;top:120px}.product-copy h2{font-size:112px}.product-copy p{font-size:20px;color:#bdbdbd}.ui-stack{display:grid;gap:14px}.task{background:#fff;color:var(--black);border-radius:24px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.task:nth-child(2){margin-left:70px}.task:nth-child(3){margin-right:50px}.task-icon{width:46px;height:46px;border-radius:15px;background:var(--fog);display:grid;place-items:center;font-size:22px}.task strong{display:block}.task small{color:var(--muted)}.state{font-size:12px;font-weight:800;padding:8px 10px;border-radius:999px;background:var(--acid)}.state.blue{background:#dfe3ff;color:#3146d8}.statement{font-size:clamp(48px,8vw,112px);line-height:.94;letter-spacing:-.075em}.statement mark{background:var(--peach);padding:0 .1em}.footer{padding:44px 0;background:var(--black);color:#fff}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer small{color:#888}
/* Aro */.aro-hero{padding:60px 0 80px;border-bottom:1px solid var(--line)}.aro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.aro-hero h1{font-size:clamp(74px,10vw,145px);line-height:.8;letter-spacing:-.09em;margin:30px 0}.aro-hero h1 span{display:block;color:var(--blue)}.aro-copy{font-size:21px;max-width:580px}.aro-demo{background:var(--fog);border:1px solid var(--black);border-radius:30px;padding:14px;box-shadow:12px 12px 0 var(--black);transform:rotate(1deg)}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:10px 8px 20px}.aro-chip{display:flex;align-items:center;gap:8px;font-weight:800}.aro-face{width:34px;height:30px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:14px}.online{font-size:12px;background:var(--acid);border-radius:999px;padding:6px 9px;font-weight:800}.chat{display:grid;gap:10px}.bubble{width:84%;padding:16px 18px;border-radius:19px;background:#fff;border:1px solid var(--line)}.bubble.you{justify-self:end;background:var(--black);color:#fff;border-radius:19px 19px 5px 19px}.bubble.aro{border-radius:19px 19px 19px 5px}.working{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:12px}.work-row{display:flex;gap:12px;align-items:center}.work-icon{width:34px;height:34px;border-radius:11px;background:#e7e9ff;display:grid;place-items:center}.bar{height:7px;background:#ddd;border-radius:10px;overflow:hidden}.bar:after{content:"";display:block;width:72%;height:100%;background:var(--blue)}.prompt{padding:18px;border:2px solid var(--black);background:var(--acid);border-radius:18px}.prompt-actions{display:flex;gap:8px;margin-top:14px}.mini{border:1px solid var(--black);border-radius:999px;padding:8px 12px;background:#fff;font-weight:750}.mini.dark{background:var(--black);color:#fff}.capabilities{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--black);border-left:1px solid var(--black)}.cap{padding:32px;min-height:250px;border-right:1px solid var(--black);border-bottom:1px solid var(--black)}.cap strong{font-size:14px}.cap h3{font-size:36px;letter-spacing:-.05em;margin:72px 0 12px}.cap p{color:var(--muted)}.cap:nth-child(2){background:#dfe3ff}.cap:nth-child(3){background:var(--acid)}.feed{border-top:1px solid var(--black)}.feed-item{display:grid;grid-template-columns:150px 1fr 100px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.feed-item b{font-size:19px}.feed-item small{color:var(--muted)}.channels{display:flex;flex-wrap:wrap;gap:10px}.channel{padding:14px 18px;border:1px solid var(--black);border-radius:999px;background:#fff;font-weight:700}.channel:nth-child(3n+1){background:var(--acid)}.channel:nth-child(3n+2){background:#dfe3ff}.signup{display:flex;gap:8px;max-width:580px;margin-top:28px}.signup input{flex:1;min-width:0;border:1px solid var(--black);border-radius:999px;padding:0 20px;min-height:52px}.form-note{min-height:24px;margin-top:12px;font-weight:700;color:var(--blue)}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:850px){.nav{grid-template-columns:1fr auto;padding:0 16px}.nav-center,.nav-end>a:first-child{display:none}.wrap{width:min(100% - 24px,1240px)}.hero{padding-top:52px}.hero h1{font-size:64px}.hero-foot,.split,.product-shell,.aro-grid{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.principle{min-height:260px;border-right:0;border-bottom:1px solid var(--black)}.product-copy{position:static}.product-copy h2{font-size:80px}.task:nth-child(n){margin:0}.aro-demo{transform:none}.capabilities{grid-template-columns:1fr}.feed-item{grid-template-columns:90px 1fr}.feed-item small:last-child{display:none}.footer-row{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.nav{height:66px}.btn{min-height:42px;padding:0 15px}.hero h1{font-size:51px}.hero-copy,.aro-copy{font-size:18px}.hero-foot{gap:20px}.section{padding:74px 0}.section h2{font-size:46px}.product-copy h2{font-size:68px}.task{grid-template-columns:auto 1fr}.task .state{grid-column:2}.aro-hero h1{font-size:68px}.aro-demo{padding:9px}.bubble{width:94%}.signup{flex-direction:column}.signup .btn{width:100%}}