@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--ink:#0b0b0f;--ink-hover:#14151b;--ink-btn:#2a2a31;--ink-line:#23262e;--ink-go:#3a3e48;--white:#fff;--paper:#f2f3f5;--text:#4b5160;--text-strong:#2b303b;--muted:#6b7280;--faint:#8a909d;--on-ink-muted:#9aa3b2;--line:#eaebee;--line-2:#e4e5ea;--field-line:#dfe1e6;--hair:#c9cdd6;color:var(--ink);background:var(--white);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}img{display:block}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 clamp(1.2rem,4vw,2.4rem)}.band{border-bottom:1px solid var(--line)}.section-pad{padding-block:clamp(3.5rem,7vw,5.5rem)}.scroll-progress{z-index:50;background:var(--ink);transform-origin:0;will-change:transform;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}.btn{cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.58rem 1.05rem;font:600 .9rem Plus Jakarta Sans;transition:background .15s,color .15s,transform .15s,border-color .15s;display:inline-flex}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--ink-btn)}.btn-ghost{color:var(--ink)}.btn-ghost:hover{background:var(--paper)}.btn-lg{padding:.85rem 1.4rem;font-size:.97rem}.site-header{z-index:30;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.site-header.scrolled{box-shadow:0 8px 24px #0b0b0f0a}.header-inner{align-items:center;gap:2.2rem;height:72px;display:flex}.brand{align-items:center;gap:.55rem;display:inline-flex}.brand-mark{object-fit:cover;border-radius:8px;width:30px;height:30px}.brand-word{letter-spacing:-.055em;font:800 1.28rem Plus Jakarta Sans}.nav-links{gap:1.6rem;display:flex}.nav-links a{color:var(--ink);opacity:.82;font-size:.93rem;font-weight:600;transition:opacity .15s}.nav-links a:hover{opacity:1}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);padding-block:clamp(2.5rem,5vw,4.5rem) clamp(3rem,6vw,5rem);display:grid}.hero h1{letter-spacing:-.045em;font-size:clamp(2.8rem,5.6vw,4.4rem);font-weight:700;line-height:1.02}.lede{color:var(--text);max-width:40ch;margin-top:1.4rem;font-size:1.14rem;line-height:1.55}.field{border:1px solid var(--field-line);background:#fff;border-radius:12px;gap:.5rem;padding:.5rem;display:flex}.field input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:.85rem .9rem;font-size:1rem}.field button{background:var(--ink);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:8px;flex:none;padding:.85rem 1.4rem;font:600 .95rem Plus Jakarta Sans;transition:background .15s}.field button:hover{background:var(--ink-btn)}.field input:focus-visible{outline:none}.field:focus-within{border-color:var(--ink)}.hero-field{max-width:520px;margin-top:2.2rem}.hero-alt{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:1.4rem;display:flex}.hero-alt-label{color:var(--faint);white-space:nowrap;font-size:.88rem}.text-link{border-bottom:1px solid var(--hair);align-items:center;gap:.4rem;padding-bottom:1px;font-size:.92rem;font-weight:600;transition:border-color .15s;display:inline-flex}.text-link:hover{border-color:var(--ink)}.text-link svg{width:15px;height:15px;display:block}.hero-visual{position:relative}.photo{background:repeating-linear-gradient(135deg,#f1f2f4 0 12px,#e9eaee 12px 24px);border-radius:14px;place-items:center;display:grid;overflow:hidden}.photo-4x3{aspect-ratio:4/3.2}.photo-5x4{aspect-ratio:5/4}.photo img{object-fit:cover;width:100%;height:100%;display:block}.hero-badge{border:1px solid var(--line-2);background:#fff;border-radius:12px;align-items:center;gap:.8rem;width:max-content;max-width:min(300px,92%);padding:1rem 1.1rem;display:flex;position:absolute;bottom:-18px;left:-14px;box-shadow:0 8px 24px #0b0b0f10}.hero-badge .avatar{background:var(--ink);color:#fff;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font:700 .95rem Plus Jakarta Sans;display:grid}.hero-badge .b-main{line-height:1.35;display:grid}.hero-badge strong{font-size:.92rem}.hero-badge span{color:var(--muted);font-size:.8rem}.h-lg{letter-spacing:-.04em;font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:700;line-height:1.08}.h-md{letter-spacing:-.04em;font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:700;line-height:1.08}.h-sm{letter-spacing:-.04em;font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:700;line-height:1.1}.types-head{margin-bottom:2rem}.type-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=600px){.type-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.type-grid{grid-template-columns:repeat(4,1fr);gap:.9rem}}.type-card{border:1px solid var(--line-2);background:#fff;border-radius:16px;align-items:center;gap:.85rem;padding:.95rem 1.05rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex}.type-card:hover{border-color:var(--ink);transform:translateY(-3px);box-shadow:0 12px 26px #0b0b0f10}.type-icon{background:var(--paper);width:44px;height:44px;color:var(--ink);border-radius:13px;flex:none;place-items:center;transition:background .18s,color .18s,transform .18s;display:grid}.type-icon svg{width:22px;height:22px;display:block}.type-card:hover .type-icon{background:var(--ink);color:#fff;transform:scale(1.05)}.type-label{letter-spacing:-.01em;font-size:.96rem;font-weight:600;line-height:1.2}.types-foot{color:var(--faint);margin-top:1.8rem;font-size:.92rem}.how-grid{grid-template-columns:1fr 1.15fr;gap:clamp(2rem,6vw,5rem);display:grid}.steps{display:grid}.step{border-top:1px solid var(--line);grid-template-columns:3rem 1fr;gap:1.2rem;padding:1.6rem 0;display:grid}.step-n{color:var(--faint);padding-top:.25rem;font-family:JetBrains Mono,monospace;font-size:.85rem}.step h3{letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.step p{color:var(--text);max-width:52ch;font-size:1rem;line-height:1.6}.section-ink{background:var(--ink);color:#fff}.channels-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.4rem;display:flex}.channels-head h2{color:#fff}.channels-head p{color:var(--on-ink-muted);max-width:40ch;font-size:1.02rem;line-height:1.6}.channel-grid{background:var(--ink-line);border:1px solid var(--ink-line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.channel-card{background:var(--ink);color:#fff;align-content:start;gap:.5rem;padding:1.8rem 1.6rem;transition:background .15s;display:grid}.channel-card:hover{background:var(--ink-hover)}.channel-card .c-icon{width:24px;height:24px;margin-bottom:1.4rem}.channel-card .c-icon svg{width:24px;height:24px;display:block}.channel-card strong{letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.channel-card .tag{color:var(--on-ink-muted);font-size:.9rem}.channel-card .go{border-bottom:1px solid var(--ink-go);justify-self:start;margin-top:.6rem;padding-bottom:2px;font-size:.9rem;font-weight:600;transition:border-color .15s}.channel-card:hover .go{border-color:#fff}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.split h2{margin-bottom:1.4rem}.point-list{margin:0 0 2rem;padding:0;list-style:none}.point-list li{border-top:1px solid var(--line);color:var(--text-strong);padding:.95rem 0;font-size:1rem;font-weight:500;line-height:1.5}.app-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.app-grid h2{margin-bottom:1rem}.app-grid .app-copy p{color:var(--text);max-width:46ch;font-size:1.05rem;line-height:1.6}.joined{color:var(--ink);border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:.55rem;padding:1rem 1.2rem;font-weight:600;display:inline-flex}.joined .dot{background:#129a5b;border-radius:50%;width:8px;height:8px}.form-error{color:#c0392b;margin-top:.7rem;font-size:.88rem}.site-footer{background:#fff}.footer-top{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding-block:clamp(3rem,5vw,4rem) 2rem;display:grid}.footer-tag{color:var(--muted);max-width:28ch;margin-top:1rem;font-size:.95rem}.footer-col{align-content:start;gap:.7rem;display:grid}.footer-col .col-h{font-size:.92rem;font-weight:700}.footer-col a{color:var(--muted);font-size:.92rem;transition:color .15s}.footer-col a:hover{color:var(--ink)}.footer-legal{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;gap:1rem;padding-block:1.4rem 2.4rem;font-size:.86rem;display:flex}@media (width<=1000px){.hero-grid,.how-grid,.split,.app-grid,.channel-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.nav-links{display:none}.hero-visual{max-width:520px}}@media (width<=620px){.header-inner{flex-wrap:wrap;gap:1rem;height:auto;padding-top:1rem;padding-bottom:1rem}.footer-top{grid-template-columns:1fr}.footer-legal{flex-direction:column;gap:.4rem}.field{flex-wrap:wrap}.field button{width:100%}}@media (prefers-reduced-motion:reduce){.scroll-progress{display:none}}