@import"https://api.fontshare.com/v2/css?f[]=clash-display@400,500,600,700&f[]=satoshi@400,500,700&display=swap";:root{color-scheme:light;--bg:#f7f6f2;--surface:#fffefa;--text:#252822;--muted:#676b61;--line:#dcded4;--accent:#bd4c28;--font:"Satoshi",system-ui,sans-serif;--display:"Clash Display",var(--font)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{color:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1,h2{font-family:var(--display);font-weight:500;letter-spacing:-.035em}h1{font-size:clamp(42px,5vw,66px);margin-bottom:20px}h2{font-size:30px;margin-bottom:20px}h3{font-size:19px;font-weight:700}p{color:var(--muted);margin-bottom:18px}button{border:0}select,input[type=text]{border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--text);padding:10px 12px;width:100%;min-height:44px}input[type=range]{accent-color:var(--accent);width:100%;min-height:30px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px;vertical-align:middle;cursor:pointer}.site-header{height:78px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:22px;font-weight:700}.brand img{width:38px;height:38px;object-fit:contain}.brand-divider{color:#5f616b;font-weight:400;margin:0 16px}.brand-guide{font-size:18px;font-weight:500}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none;color:var(--muted)}.site-header nav a:hover{color:var(--text)}.back-site{border:1px solid var(--line);padding:8px 16px;border-radius:8px}.shell{max-width:1700px;margin:auto;display:grid;grid-template-columns:236px minmax(0,1fr)}.sidebar{position:sticky;top:78px;align-self:start;height:calc(100dvh - 78px);padding:42px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px;overflow:auto}.eyebrow{display:block;letter-spacing:.13em;font-size:12px;font-weight:700;color:var(--accent);margin-bottom:16px}.sidebar .eyebrow{color:var(--muted);font-size:11px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{display:flex;justify-content:space-between;text-decoration:none;color:var(--muted);padding:10px 12px;font-size:14px;border-radius:7px}.sidebar nav a span{opacity:0}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{color:var(--text);background:#eaece2}.sidebar nav a[aria-current=page]{box-shadow:inset 2px 0 var(--accent)}.sidebar nav a:hover span{opacity:1}.nav-group{font-size:10px;letter-spacing:.1em;color:#777a86;margin:30px 12px 8px}.sidebar-note{margin-top:auto;padding-top:60px;font-size:13px;color:#535b4d}.sidebar-note p{font-size:13px;line-height:1.6;margin:12px 0 0}.live-dot{display:inline-block;width:7px;height:7px;background:#65c7a0;border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px #65c7a011}main{min-width:0;padding:40px clamp(24px,4vw,64px) 0}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted);margin-bottom:32px}.breadcrumb a{text-decoration:none}.breadcrumb span{color:#5c6069}.page-heading{margin-bottom:32px}.page-heading p{max-width:690px;font-size:18px;line-height:1.6}.page-heading h1{margin-bottom:14px}.page-heading .eyebrow{margin-bottom:12px}.index-heading{padding:28px 0 12px}.index-heading h1{font-size:clamp(44px,5.8vw,76px)}.button{display:inline-flex;gap:24px;justify-content:center;align-items:center;text-decoration:none;padding:13px 21px;min-height:48px;border-radius:8px;background:var(--accent);color:#fffefa;font-weight:700;font-size:15px;line-height:1.4}.button:hover{background:#a83e1c}.button.small{font-size:14px;padding:9px 14px;min-height:42px}.text-button{background:transparent;font-size:13px;color:var(--muted);padding:8px}.text-button:hover{color:var(--text)}.demo{border:1px solid #d9ddd1;border-radius:14px;overflow:hidden;background:var(--surface);scroll-margin-top:100px}.demo-top{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid var(--line);gap:14px}.demo-top>span{font-size:11px;letter-spacing:.1em;font-weight:700;color:#5d6654}.preset-row{padding:16px 22px 0;display:flex;gap:8px;flex-wrap:wrap}.preset-row button{background:#eeefe8;color:#5d6554;border:1px solid #d1d8c7;border-radius:7px;padding:8px 12px;min-height:40px;font-size:13px}.preset-row button[aria-pressed=true]{background:#efe4d8;border-color:#bf9272;color:#934322}.demo-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);padding:22px;gap:26px}.preview-column{min-width:0}.preview-stage{min-height:245px;border-radius:10px;background:#eef1f5;padding:34px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#1a2435;--text-muted:#64748b;overflow:hidden}.preview-stage.is-dark{background:#191e28;--text-muted:#99a5b7;color:#eee}.card-size{width:100%;max-width:540px;min-width:0;transition:max-width .2s ease}.card-size.is-mobile{max-width:320px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0}.segmented{display:inline-flex;padding:3px;background:#eeefe8;border:1px solid var(--line);border-radius:7px;gap:2px}.segmented button{padding:7px 9px;background:transparent;border-radius:4px;color:var(--muted);font-size:12px;min-height:32px}.segmented button[aria-pressed=true]{background:#fffefa;color:var(--text)}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:12px;border-top:1px solid var(--line)}.scenario label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#59634f;margin-bottom:8px}.scenario label strong{color:var(--text);font-variant-numeric:tabular-nums}.scenario select{font-size:13px}.demo-caption{font-size:12px;margin:18px 0 0;color:#6a7360}.extra-scenarios{margin-top:18px;font-size:13px;color:var(--muted)}summary{cursor:pointer;min-height:44px;align-content:center}.extra-scenarios label{display:flex;align-items:center;gap:8px;padding:8px 0}.settings-column{min-width:0;padding-left:24px;border-left:1px solid var(--line);--text-muted:#6a7360}.settings-title h2{font:700 18px var(--font);letter-spacing:0;margin:0 0 4px}.settings-title p{font-size:13px;margin:0 0 24px}.demo-fieldset{border:0;padding:0;margin:0;min-width:0}.demo-fieldset+fieldset{border-top:1px solid var(--line);padding-top:18px}.demo-fieldset legend{padding:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#a45130;margin-bottom:12px}.demo-field{margin-bottom:12px}.demo-field label{display:block;margin-bottom:6px;font-size:13px;color:#59634f;line-height:1.5}.demo-field select,.demo-field input[type=text]{font-size:14px}.switch{appearance:none!important;position:relative;display:block;width:42px!important;height:25px!important;border:1px solid #a6afa0;border-radius:20px;background:#c1c9b9;transition:background .15s}.switch:before{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;background:#fff;border-radius:50%;transition:transform .15s}.switch:checked{background:#e87b52;border-color:#e87b52}.switch:checked:before{transform:translate(17px)}.map-consent{max-width:360px;text-align:center}.map-consent p{font-size:14px;color:inherit;margin-bottom:12px}.map-consent span{display:block;font-size:11px;color:inherit;opacity:.75;margin-top:8px}.stage-note{font-size:13px;color:inherit}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 170px;gap:64px;margin-top:68px}.article-layout article>section{margin-bottom:64px}.article-layout h2{font-size:32px}.article-layout p{font-size:16px;line-height:1.8}.on-this-page{position:sticky;top:120px;align-self:start;border-left:1px solid var(--line);padding-left:20px;display:flex;flex-direction:column;gap:12px}.on-this-page .eyebrow{font-size:10px;color:var(--muted);margin-bottom:6px}.on-this-page a{font-size:12px;text-decoration:none;color:var(--muted)}.on-this-page a:hover{color:var(--accent)}.steps{list-style:none;margin:28px 0;padding:0}.steps li{display:flex;gap:22px;margin:24px 0}.steps li>span{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #865a49;border-radius:50%;color:var(--accent);flex-shrink:0;font-size:13px}.steps h3{margin:4px 0 8px}.steps p{margin:0}.note{border-left:2px solid var(--accent);padding:8px 0 8px 22px;margin:30px 0}.note p{margin:8px 0 0}.note a{display:inline-block;margin-top:10px;color:var(--accent)}.option-explained{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}.option-explained h3,.option-explained p{margin-bottom:12px}.option-explained .default-value{font-size:14px;color:#686258}.option-explained a,.option-explained button{color:var(--accent);font-size:14px;background:none;padding:0;text-decoration:underline;text-underline-offset:4px}.presence-key{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0;font-size:13px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.green{background:#22c55e}.orange{background:#f97316}.gray{background:#94a3b8}.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-size:16px;color:var(--text);font-weight:700;padding:6px 24px 6px 0;line-height:1.5}.faq p{margin-top:14px}.featured{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:38px;align-items:center;padding:20px 0 52px;border-bottom:1px solid var(--line)}.featured-copy h2{font-size:40px}.featured-copy p{max-width:350px}.featured-copy .eyebrow{font-size:11px}.demo-compact .demo-layout{display:block;padding:18px}.demo-compact .preview-stage{min-height:200px;padding:24px 18px}.demo-compact .demo-top{padding:8px 18px}.guide-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px}.guide-paths>a{position:relative;text-decoration:none;padding:12px 24px 14px 0;border-right:1px solid var(--line)}.guide-paths>a+a{padding-left:26px}.guide-paths>a:last-child{border:0}.guide-paths>a>span:first-child{font-size:12px;color:var(--accent);display:block;margin-bottom:24px}.guide-paths h2{font-size:26px;margin-bottom:12px}.guide-paths p{font-size:14px;line-height:1.65;max-width:220px}.guide-paths a:hover h2{color:var(--accent)}.guide-paths .arrow{font-size:24px;color:var(--muted)}.collection-note{font-size:13px;margin-top:38px}.reading{max-width:750px;margin:26px auto 80px 0}.reading h1{margin-bottom:28px}.reading .lead{font-size:21px;line-height:1.65}.reading h2{margin-top:44px}.reading p{line-height:1.85}.reading>.button{margin-top:20px}.reading .faq{margin-bottom:24px}footer{border-top:1px solid var(--line);padding:26px 0;margin-top:64px;display:flex;gap:24px;font-size:12px;color:var(--muted)}footer a{text-decoration:none}footer a:first-child{font-weight:700;color:var(--text)}footer a:last-child{margin-left:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:#111;padding:12px 20px}.skip:focus{top:10px}.loading-message{margin:40px;font-family:system-ui;color:#bbb}@media (min-width:1600px){main{padding-top:52px}}@media (max-width:1200px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:36px 16px}main{padding:32px 28px 0}.article-layout{grid-template-columns:1fr;gap:0}.on-this-page{display:none}.demo-layout{gap:18px;grid-template-columns:minmax(0,1fr) 260px}.settings-column{padding-left:18px}.featured{gap:24px;grid-template-columns:.8fr 1.2fr}.featured-copy h2{font-size:32px}.preview-stage{padding:24px 10px}.demo-top>span{font-size:10px}}@media (max-width:1000px){.shell{grid-template-columns:170px minmax(0,1fr)}.demo-layout{grid-template-columns:1fr}.settings-column{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.settings-column>div:last-child{display:grid!important;grid-template-columns:1fr 1fr;gap:20px!important}.demo-fieldset+fieldset{border:0;padding-top:0}.featured{grid-template-columns:1fr}.featured-copy h2 br{display:none}.featured-copy p{max-width:600px}.demo-compact .demo-layout{padding:22px}.preview-stage{padding:34px 24px}.demo-top>span{font-size:11px}.guide-paths{grid-template-columns:1fr}.guide-paths>a,.guide-paths>a+a{padding:24px 36px 24px 0;border-right:0;border-bottom:1px solid var(--line)}.guide-paths>a>span:first-child{margin-bottom:12px}.guide-paths p{max-width:none;margin:0}.guide-paths .arrow{position:absolute;top:28px;right:4px}}@media (max-width:720px){.site-header{height:64px;padding:0 18px}.brand{font-size:19px;gap:8px}.brand img{width:30px;height:30px}.brand-guide{font-size:15px}.brand-divider{margin:0 10px}.site-header nav{gap:12px}.site-header nav>a:first-child{display:none}.back-site{font-size:12px;padding:7px 10px}.shell{display:block}.sidebar{position:static;display:block;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px 18px;overflow-x:auto}.sidebar>.eyebrow,.sidebar-note,.nav-group{display:none}.sidebar nav{flex-direction:row;gap:5px;width:max-content}.sidebar nav a{padding:7px 10px;font-size:12px;white-space:nowrap}.sidebar nav a span{display:none}.sidebar nav a[aria-current=page]{box-shadow:inset 0 -2px var(--accent)}main{padding:28px 18px 0}.breadcrumb{margin-bottom:24px}.page-heading h1{font-size:46px}.page-heading p{font-size:17px}.index-heading{padding:8px 0}.index-heading h1{font-size:48px}.eyebrow{font-size:10px}.demo-top{padding:10px 14px}.demo-top>span{font-size:9px;letter-spacing:.05em}.text-button{font-size:12px}.preset-row{padding:14px 14px 0;gap:6px}.preset-row button{font-size:12px;padding:7px 9px}.demo-layout{padding:14px}.preview-stage{padding:26px 10px;min-height:220px}.settings-column>div:last-child{display:flex!important;gap:20px!important}.demo-fieldset+fieldset{border-top:1px solid var(--line);padding-top:18px}.article-layout{margin-top:44px}.article-layout h2{font-size:28px}.article-layout article>section{margin-bottom:44px}.demo-compact .demo-layout{padding:14px}.scenario{gap:12px}.scenario label{font-size:12px}.segmented button{font-size:11px;padding:6px 8px}.featured{padding-bottom:30px}.featured-copy h2{font-size:34px}.reading{margin-top:12px}.reading h1{font-size:44px}.reading .lead{font-size:19px}footer span{display:none}.desktop-break{display:none}.presence-key{gap:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.collection-jumps{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.collection-jumps a{padding:10px 16px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:14px}.collection-jumps a:last-child{border-color:#caa88d;color:#9f502b}.catalog-tools{display:grid;grid-template-columns:1fr 240px;gap:18px;margin:28px 0 44px;max-width:800px}.catalog-tools label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.catalog-tools input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:#fffefa;color:var(--text);min-height:46px}.catalog-section{margin:50px 0}.catalog-section-title{display:flex;align-items:center;gap:16px}.catalog-section-title h2{margin:0}.catalog-section-title>span{color:var(--muted);font-size:13px}.catalog-section>p{margin:14px 0 26px;max-width:700px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-card{text-decoration:none;display:flex;flex-direction:column;min-width:0;padding-bottom:22px;border-bottom:1px solid var(--line)}.catalog-visual{height:148px;border-radius:10px;background:#e9eee3;position:relative;padding:18px;color:#536744;margin-bottom:22px;overflow:hidden}.catalog-visual.is-premium{background:#efe2d6;color:#9e5637}.catalog-category{position:relative;z-index:1;font-size:12px;letter-spacing:.04em}.catalog-tier{position:absolute;bottom:16px;left:18px;font-size:9px;letter-spacing:.12em;opacity:.8}.catalog-symbol{position:absolute;right:24px;top:8px;font:90px/1.2 var(--display);opacity:.72}.catalog-card h3{font:500 24px var(--display);margin:0 0 12px}.catalog-card p{font-size:14px;line-height:1.7;flex:1}.catalog-cta{font-size:13px;color:var(--accent);display:flex;justify-content:space-between}.catalog-card:hover h3{color:var(--accent)}.catalog-live{display:block;width:100%;border:1px solid var(--line);border-radius:12px;background:#f2f5f9;min-height:320px}.guide-instructions{padding-left:24px;color:var(--muted)}.guide-instructions li{padding-left:8px;margin:15px 0}@media (max-width:1150px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.catalog-tools{grid-template-columns:1fr;margin-bottom:32px}.catalog-grid{gap:24px 16px}.catalog-visual{height:112px;padding:12px}.catalog-category{font-size:10px}.catalog-symbol{font-size:68px;right:10px}.catalog-tier{left:12px;font-size:8px}.catalog-card h3{font-size:20px}.catalog-card p{font-size:13px}.catalog-card .catalog-cta{font-size:12px}.catalog-section-title h2{font-size:28px}.collection-jumps a{font-size:13px;padding:9px 11px}}.site-header{height:86px;background:#f7f6f2f7}.brand{font-family:var(--display);font-weight:500;letter-spacing:-.035em}.brand img{border-radius:10px}.brand-guide{letter-spacing:0}.back-site{background:#eeefe8;border-radius:9px}.sidebar{top:86px;height:calc(100dvh - 86px);padding-top:38px}.shell{max-width:1500px;grid-template-columns:220px minmax(0,1fr)}main{padding-top:40px}h1,h2{font-weight:500;letter-spacing:-.045em;text-wrap:balance}.index-heading h1{font-size:clamp(44px,5.3vw,70px);line-height:1.04}.index-heading p{font-size:17px}.collection-jumps a{border-radius:8px;background:#fffefa}.collection-jumps a:hover{background:#eaece2}.collection-jumps a:last-child{background:#efe4d8}.guide-product{margin:8px 0 38px;border-radius:17px;background:#e9ece2;padding:10px;max-width:940px}.guide-product img{display:block;width:100%;max-height:300px;object-fit:cover;object-position:top;border-radius:10px}.guide-product figcaption{font-size:12px;color:#59634f;display:flex;justify-content:space-between;padding:12px 8px 3px}.guide-product figcaption span{color:#717969}.catalog-tools{max-width:none;padding:22px;background:#eeefe8;border-radius:14px;gap:24px}.catalog-grid{gap:30px 24px}.catalog-card{border-bottom:1px solid #d6dbcd}.catalog-visual{border-radius:13px;height:165px;padding:20px}.catalog-symbol{font-size:100px;top:10px;opacity:.65;transition:transform .25s}.catalog-card:hover .catalog-symbol{transform:translate(-4px,-3px)}.catalog-card h3{font-size:25px;letter-spacing:-.025em}.catalog-tier{opacity:1;font-weight:700}.catalog-cta{font-weight:700}.catalog-section{margin:56px 0}.catalog-section-title h2{font-size:34px}.catalog-section-title>span{background:#eeefe8;border-radius:6px;padding:3px 8px;font-size:11px}.catalog-live{border-radius:15px}.demo{border-radius:16px}.note{background:#eeefe8;padding:22px 24px;border-radius:0 12px 12px 0}.on-this-page{top:125px}.button{border-radius:9px}.preset-row button{border-radius:7px}.settings-column{--text-muted:#6a7360}.sidebar-note{color:#535b4d}.sidebar nav a[aria-current=page]{color:#9f4725;background:#efe4d8}.option-explained h3{font-size:20px}footer{border-color:var(--line)}@media (max-width:760px){.site-header{height:70px}.shell{display:block}.sidebar{top:0;height:auto;padding:12px 18px}.index-heading h1{font-size:46px}.guide-product{padding:7px;border-radius:11px}.guide-product img{height:auto;max-height:none;border-radius:6px}.guide-product figcaption{font-size:10px;padding:10px 5px 4px}.guide-product figcaption span{display:none}.catalog-tools{padding:18px;gap:14px}.catalog-visual{height:130px;padding:14px}.catalog-symbol{font-size:78px}.catalog-card h3{font-size:22px}.catalog-grid{gap:26px 18px}.catalog-section-title h2{font-size:28px}}@media (max-width:390px){.catalog-grid{grid-template-columns:1fr}.catalog-visual{height:155px}.index-heading h1{font-size:40px}}