/* threadhouse.io — brand v2: Plum #1B1442, Royal Violet #7357FF, Lilac #B3A1FF, Mist #EEEAFF, Deep Violet #4A35C8, Slate #5E5A80 */
:root{--i:#1B1442;--c:#7357FF;--k:#EEEAFF;--n:#1B1442;--l:#B3A1FF;--d:#4A35C8;--muted:#5E5A80}
@font-face{font-family:"Plus Jakarta Sans";font-weight:400;font-style:normal;font-display:swap;src:url(/assets/pjs-400.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:600;font-style:normal;font-display:swap;src:url(/assets/pjs-600.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:700;font-style:normal;font-display:swap;src:url(/assets/pjs-700.woff2) format("woff2")}
@font-face{font-family:"Plus Jakarta Sans";font-weight:800;font-style:normal;font-display:swap;src:url(/assets/pjs-800.woff2) format("woff2")}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--n);background:#F7F5FD}
a{color:var(--i);text-decoration-color:var(--c);text-underline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.top{background:linear-gradient(180deg,#24195a,#1B1442);position:sticky;top:0;z-index:5}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.top img{display:block;height:44px;width:auto}
.top nav{display:flex;gap:22px;flex-wrap:wrap}
.top nav a{color:var(--k);text-decoration:none;font-weight:600;font-size:15px}
.top nav a:hover{color:var(--l)}
.hero{background:linear-gradient(160deg,#33246F 0%,#1B1442 70%);color:var(--k);padding:72px 0 88px}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.hero h1{font-weight:800;font-size:clamp(36px,6vw,60px);line-height:1.08;margin:0 0 18px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;color:var(--l)}
.hero p{font-size:20px;color:#e7e3f7;max-width:34em;margin:0 0 28px}
.hero img{width:100%;max-width:300px;justify-self:center;filter:drop-shadow(0 24px 48px #0008)}
.btn{display:inline-block;padding:13px 24px;border-radius:999px;font-weight:700;text-decoration:none;margin:0 10px 10px 0}
.btn.p{background:var(--c);color:#fff}.btn.p:hover{background:var(--d)} .btn.s{border:2px solid var(--k);color:var(--k)}
.btn:hover{transform:translateY(-1px)}
section{padding:72px 0} section.alt{background:#fff}
h2{font-size:clamp(28px,4vw,38px);line-height:1.15;margin:0 0 14px;color:var(--i);letter-spacing:-.01em}
.lede{font-size:19px;color:var(--muted);max-width:44em;margin:0 0 36px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 1px 2px #0001,0 6px 24px #26235c12;border-top:4px solid var(--c)}
section.alt .card{background:#F7F5FD}
.card h3{margin:0 0 6px;font-size:19px;color:var(--i)}
.card p{margin:0;color:var(--muted);font-size:16px}
.pill{display:inline-block;word-spacing:3px;background:var(--k);color:var(--d);border-radius:999px;font-size:13px;font-weight:700;padding:2px 10px;margin-left:6px;vertical-align:middle}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
ul.checks{list-style:none;padding:0;margin:0}
ul.checks li{padding:8px 0 8px 34px;position:relative}
ul.checks li:before{content:"";position:absolute;left:0;top:13px;width:20px;height:12px;border-left:4px solid var(--c);border-bottom:4px solid var(--c);transform:rotate(-45deg)}
.dark ul.checks li:before{border-color:var(--l)}
.dark{background:var(--i);color:var(--k)} .dark h2{color:var(--k)} .dark .lede{color:#d9d5f0} .dark a{color:var(--k)}
.example{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#fff;border-radius:18px;padding:24px;box-shadow:0 6px 24px #26235c12}
.example img{height:56px}
footer{background:#120D2E;color:#cfcbe8;padding:40px 0;font-size:15px}
footer .wrap{display:flex;gap:18px;align-items:flex-start}
footer a{color:var(--k)}
@media (max-width:900px){.grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.grid{grid-template-columns:1fr}.hero .wrap,.split{grid-template-columns:1fr}.hero img{max-width:200px;order:-1}.top nav{display:none}section{padding:52px 0}}