.about-root{--ink:#1d1410;--cream:#fff5e4;--paper:#fffaf0;--mane:#ef5a2a;--mane-deep:#c83f17;--fur:#fbc94a;--tie:#2aa3df;--navy:#16243a;--navy-soft:#243957;--leaf:#2f8a4d;--pink:#ff9aa2;--shadow:0 6px 0 var(--ink);font-family:Zen Kaku Gothic New,system-ui,sans-serif;font-size:17px;color:var(--ink);background-color:var(--cream);background-image:radial-gradient(circle at 12% 10%,#ffe7c2 0 1.4px,transparent 1.6px),radial-gradient(circle at 70% 60%,#ffd9a8 0 1.2px,transparent 1.4px);background-size:22px 22px,22px 22px;background-position:0 0,11px 11px;-webkit-font-smoothing:antialiased;line-height:1.75}.about-root *,.about-root :after,.about-root :before{box-sizing:border-box}.about-root .en{font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.02em}.about-root .wrap{max-width:1200px;margin:0 auto;padding:0 28px}.about-root nav.top{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;max-width:1200px;margin:0 auto}.about-root .brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px}.about-root .brand .badge{width:38px;height:38px;border-radius:50%;background:var(--mane);border:3px solid var(--ink);display:grid;place-items:center;color:var(--ink);font-family:Plus Jakarta Sans;font-weight:800;box-shadow:3px 3px 0 var(--ink)}.about-root nav.top ul{display:flex;gap:28px;list-style:none;padding:0;margin:0;font-weight:500}.about-root nav.top a{color:var(--ink);text-decoration:none}.about-root nav.top a:hover{color:var(--mane-deep)}.about-root .nav-cta{background:var(--ink);color:var(--cream);padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none}.about-root .nav-actions{display:flex;align-items:center;gap:12px}.about-root .nav-login{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:2.5px solid var(--ink);background:var(--paper);color:var(--ink);font-weight:700;text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .15s ease,box-shadow .15s ease}.about-root .nav-login:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.about-root .nav-login:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.about-root .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:14px;border:3px solid var(--ink);background:var(--mane);color:var(--ink);font-weight:800;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease;font-size:17px}.about-root .btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.about-root .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.about-root .btn.ghost{background:var(--paper)}.about-root .btn.dark{background:var(--ink);color:var(--cream)}.about-root .hero{position:relative;padding:30px 0 70px;overflow:hidden}.about-root .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:center}.about-root .eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:2.5px solid var(--ink);padding:8px 16px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:3px 3px 0 var(--ink)}.about-root .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--leaf)}.about-root h1.title{font-size:clamp(40px,5.5vw,68px);line-height:1.12;margin:18px 0;font-weight:900;letter-spacing:-.01em}.about-root h1 .hl{background:linear-gradient(transparent 62%,#ffd75e 62% 92%,transparent 92%);padding:0 .12em}.about-root h1 .accent{color:var(--mane-deep)}.about-root .lede{font-size:19px;max-width:580px;color:var(--navy-soft);margin-bottom:28px}.about-root .hero-actions{display:flex;gap:14px;flex-wrap:wrap}.about-root .hero-meta{margin-top:28px;display:flex;gap:22px;flex-wrap:wrap;font-size:15px;color:var(--navy-soft);font-weight:600}.about-root .hero-meta span{display:inline-flex;align-items:center;gap:8px}.about-root .hero-meta svg{flex:none}.about-root .mascot-stage{position:relative;min-height:520px}.about-root .mascot{position:relative;width:100%;max-width:480px;margin:0 auto;filter:drop-shadow(8px 14px 0 rgba(29,20,16,.18));animation:about-bob 4.5s ease-in-out infinite}@keyframes about-bob{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-10px) rotate(1.2deg)}}.about-root .mascot img{width:100%;display:block}.about-root .bubble{position:absolute;top:30px;left:-10px;background:var(--paper);border:3px solid var(--ink);padding:14px 18px;border-radius:18px;max-width:230px;font-weight:700;box-shadow:5px 5px 0 var(--ink);transform:rotate(-3deg);z-index:2}.about-root .bubble:after{content:"";position:absolute;right:-14px;bottom:14px;width:24px;height:24px;background:var(--paper);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg)}.about-root .bubble small{display:block;font-size:12px;color:var(--mane-deep);font-weight:800;margin-bottom:2px}.about-root .chip{position:absolute;background:var(--paper);border:3px solid var(--ink);padding:8px 14px;border-radius:999px;font-weight:700;font-size:13px;box-shadow:4px 4px 0 var(--ink);display:inline-flex;align-items:center;gap:8px;z-index:2}.about-root .chip .swatch{width:14px;height:14px;border-radius:4px;border:2px solid var(--ink)}.about-root .chip-1{top:60px;right:-10px;transform:rotate(4deg)}.about-root .chip-2{bottom:90px;left:-30px;transform:rotate(-5deg)}.about-root .chip-3{bottom:18px;right:10px;transform:rotate(3deg)}.about-root .spark{position:absolute;pointer-events:none;animation:about-twinkle 2.6s ease-in-out infinite}@keyframes about-twinkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.about-root section{padding:80px 0}.about-root .sec-head{margin-bottom:48px;max-width:780px}.about-root .kicker{display:inline-block;padding:7px 14px;border:2.5px solid var(--ink);background:var(--fur);border-radius:8px;font-weight:800;font-size:14px;box-shadow:3px 3px 0 var(--ink);margin-bottom:18px}.about-root h2.sec-title{font-size:clamp(30px,3.6vw,46px);font-weight:900;line-height:1.18;margin:0 0 14px}.about-root .sec-lede{font-size:18px;color:var(--navy-soft)}.about-root .band{background:var(--ink);color:var(--cream);padding:22px 0;overflow:hidden;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.about-root .band-track{display:flex;gap:50px;white-space:nowrap;font-family:Plus Jakarta Sans;font-weight:800;font-size:22px;animation:about-marquee 30s linear infinite}.about-root .band-track span{display:inline-flex;align-items:center;gap:24px}.about-root .band-track .star{color:var(--mane);font-size:16px}@keyframes about-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.about-root .features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:22px;gap:22px}.about-root .card{background:var(--paper);border:3px solid var(--ink);border-radius:22px;padding:26px;box-shadow:6px 6px 0 var(--ink);position:relative}.about-root .card .icon{width:56px;height:56px;border-radius:14px;border:3px solid var(--ink);display:grid;place-items:center;margin-bottom:16px;box-shadow:3px 3px 0 var(--ink)}.about-root .card h3{font-size:21px;margin:0 0 10px;font-weight:900}.about-root .card p{margin:0;font-size:16px;color:var(--navy-soft)}.about-root .card.tone-1 .icon{background:var(--mane)}.about-root .card.tone-2 .icon{background:var(--fur)}.about-root .card.tone-3 .icon{background:var(--tie)}.about-root .card.tone-4 .icon{background:#c8e6c9}.about-root .card.tone-5 .icon{background:#ffc8b1}.about-root .card.tone-6 .icon{background:#e3d5ff}.about-root .flow{background:linear-gradient(180deg,#fff5e4,#ffe9c4);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.about-root .flow-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;align-items:stretch;position:relative}.about-root .step{background:var(--paper);border:3px solid var(--ink);border-radius:22px;padding:22px;box-shadow:6px 6px 0 var(--ink);position:relative}.about-root .step .num{position:absolute;top:-16px;left:-16px;width:42px;height:42px;border-radius:50%;background:var(--mane);border:3px solid var(--ink);display:grid;place-items:center;font-weight:900;box-shadow:3px 3px 0 var(--ink);font-family:Plus Jakarta Sans}.about-root .step h4{margin:6px 0 8px;font-size:19px;font-weight:900}.about-root .step p{margin:0 0 12px;font-size:15px;color:var(--navy-soft)}.about-root .step .tags{display:flex;gap:6px;flex-wrap:wrap}.about-root .tag{font-size:12px;font-weight:800;padding:5px 9px;border:2px solid var(--ink);border-radius:6px;background:var(--cream)}.about-root .tag.g{background:#dff5e2}.about-root .tag.b{background:#dcefff}.about-root .tag.y{background:#fff1c2}.about-root .tag.p{background:#ffe1e6}.about-root .integrations{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center}.about-root .logo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.about-root .logo{background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:18px 20px;box-shadow:5px 5px 0 var(--ink);display:flex;align-items:center;gap:14px}.about-root .logo .lico{width:48px;height:48px;border-radius:12px;border:2.5px solid var(--ink);display:grid;place-items:center;flex:none}.about-root .logo b{font-size:17px;display:block;font-weight:900}.about-root .logo small{color:var(--navy-soft);font-size:13px}.about-root .compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.about-root .compare .col{border:3px solid var(--ink);border-radius:22px;padding:26px;box-shadow:6px 6px 0 var(--ink)}.about-root .compare .col.bad{background:#fffaf0}.about-root .compare .col.good{background:var(--ink);color:var(--cream)}.about-root .compare h3{margin:0 0 14px;font-weight:900;font-size:20px;display:flex;align-items:center;gap:10px}.about-root .compare ul{margin:0;padding:0;list-style:none}.about-root .compare li{padding:10px 0;border-bottom:2px dashed rgba(0,0,0,.15);font-weight:600}.about-root .compare .col.good li{border-bottom-color:rgba(255,255,255,.18)}.about-root .compare li:last-child{border:none}.about-root .pill-bad{background:var(--paper);border-radius:6px;border:2px solid var(--ink)}.about-root .pill-bad,.about-root .pill-good{color:var(--ink);padding:4px 10px;font-size:11px;font-weight:800}.about-root .pill-good{background:var(--mane);border-radius:6px;border:2px solid var(--cream)}.about-root .cta{background:var(--mane);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);position:relative;overflow:hidden}.about-root .cta-inner{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:30px;gap:30px;align-items:center;padding:40px 0}.about-root .cta h2{font-size:clamp(30px,3.4vw,44px);margin:0 0 12px;font-weight:900;line-height:1.2}.about-root .cta p{font-size:17px;margin:0 0 20px;color:#2a1a10}.about-root .cta-actions{display:flex;gap:12px;flex-wrap:wrap}.about-root .cta-mascot{text-align:center;position:relative}.about-root .cta-mascot .mascot-bg{position:relative;display:inline-block;padding:28px 36px 18px;background:var(--navy);border:3px solid var(--ink);border-radius:28px;box-shadow:6px 6px 0 var(--ink)}.about-root .cta-mascot .mascot-bg:before{content:"";position:absolute;inset:8px;border:2px dashed rgba(255,245,228,.35);border-radius:20px;pointer-events:none}.about-root .cta-mascot img{width:240px;filter:drop-shadow(6px 10px 0 rgba(0,0,0,.35));transform:rotate(6deg);position:relative}.about-root footer{background:var(--ink);color:var(--cream);padding:40px 0}.about-root footer .row{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap}.about-root footer .brand .badge{box-shadow:3px 3px 0 var(--cream)}.about-root footer small{color:#bba38c}.about-root footer ul{list-style:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap}.about-root footer a{color:var(--cream);text-decoration:none;font-weight:600;opacity:.9}.about-root footer a:hover{opacity:1;color:var(--mane)}@media (max-width:960px){.about-root .hero-grid{grid-template-columns:1fr;gap:20px}.about-root .features,.about-root .flow-grid{grid-template-columns:repeat(2,1fr)}.about-root .compare,.about-root .cta-inner,.about-root .integrations{grid-template-columns:1fr}.about-root .cta-mascot img{width:180px}.about-root .nav-actions .nav-login span.label,.about-root nav.top ul{display:none}}@media (max-width:560px){.about-root .features,.about-root .flow-grid{grid-template-columns:1fr}}