:root{--slate:#141c24;--panel:#1b2531;--raise:#22303e;--edge:#2e3e4e;--brass:#c79a45;--patina:#57a896;--chalk:#90a1b0;--white:#e9eff4;--danger:#b4636a;--font-display:"Bricolage Grotesque", "Trebuchet MS", sans-serif;--font-body:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--t-xs:12px;--t-sm:13px;--t-base:15px;--t-md:17px;--t-lg:20px;--t-xl:26px;--t-2xl:34px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-full:999px;--e-1:0 1px 2px #0000004d;--e-2:0 4px 12px #00000057;--e-3:0 12px 32px #0006;--ease:cubic-bezier(.2, .7, .3, 1);--dur-fast:.15s;--dur:.22s}*{box-sizing:border-box}html,body{background:var(--slate);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.mono{font-family:var(--font-mono);font-size:var(--t-xs)}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.input{width:100%;color:var(--white);border:1px solid var(--edge);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--t-base);font-family:var(--font-body);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#111922;outline:none}.input::placeholder{color:#55636f}.input:focus{border-color:var(--brass);box-shadow:0 0 0 3px #c79a4529}.btn-primary{background:linear-gradient(#d5a850, var(--brass));color:#17202a;border-radius:var(--r-md);font-weight:700;font-size:var(--t-sm);padding:var(--s-3) var(--s-5);box-shadow:var(--e-1);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease)}.btn-primary:hover:not(:disabled){box-shadow:var(--e-2);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-ghost{border:1px solid var(--edge);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--t-sm);transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease);font-weight:600}.btn-ghost:hover{background:var(--raise);border-color:#3d5164}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-lg);padding:var(--s-5)}.card-raised{box-shadow:var(--e-3)}.notice{border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--t-sm);line-height:1.5}.notice-error{border:1px solid var(--danger);color:#f0c2c6;background:#b4636a1f}.notice-ok{border:1px solid var(--patina);color:#bdeade;background:#57a8961f}.scroll::-webkit-scrollbar{width:8px}.scroll::-webkit-scrollbar-thumb{background:var(--edge);border-radius:8px}.workbench{flex-direction:column;display:flex}.editor-col{padding:var(--s-5) var(--s-5) var(--s-8);flex:1}.editor-inner{gap:var(--s-5);flex-direction:column;max-width:560px;margin:0 auto;display:flex}.preview-col{background:var(--panel);border-top:1px solid var(--edge);padding:var(--s-6) var(--s-5) var(--s-8)}@media (min-width:1024px){.workbench{flex-direction:row;align-items:flex-start}.preview-col{border-top:none;border-left:1px solid var(--edge);min-height:100vh;position:sticky;top:0}}.link-row{gap:var(--s-3);padding:var(--s-4);background:linear-gradient(var(--panel), #18212c);border:1px solid var(--edge);border-radius:var(--r-lg);box-shadow:var(--e-1);display:flex}.icon-btn{border-radius:var(--r-sm);padding:var(--s-1);transition:background var(--dur-fast) var(--ease);display:inline-flex}.icon-btn:hover{background:var(--raise)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.profile-shell{min-height:100vh;padding:var(--s-7) var(--s-5) var(--s-7);justify-content:center;display:flex}.profile-inner{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:480px;display:flex}.profile-link{width:100%;padding:var(--s-4) var(--s-5);font-size:var(--t-base);text-align:center;transition:transform .12s,filter .12s;display:block}.profile-link:hover{transform:translateY(-2px)}.profile-link:active{transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite spin}.link-row [aria-label^=Reorder]:active{cursor:grabbing}.profile-bg{width:100%;max-width:var(--bg-column,560px);background-image:var(--bg-image);pointer-events:none;background-position:50%;background-size:cover;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (min-width:640px){.profile-bg{border:1px solid var(--bg-edge);border-radius:26px;top:24px;bottom:24px;box-shadow:0 18px 50px #0000004d}}.landing-header{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--edge);justify-content:space-between;align-items:center;display:flex}.landing-hero{place-items:center;gap:var(--s-7);padding:var(--s-7) var(--s-5) var(--s-8);text-align:center;background:radial-gradient(760px 420px at 50% -8%,#c79a4521,#0000 70%);grid-template-columns:1fr;display:grid}.landing-copy{align-items:center;gap:var(--s-5);flex-direction:column;max-width:520px;display:flex}.landing-close{text-align:center;align-items:center;gap:var(--s-4);padding:var(--s-8) var(--s-5);border-top:1px solid var(--edge);flex-direction:column;display:flex}.landing-close .band-cta{align-self:center}@media (min-width:900px){.landing-hero{text-align:left;justify-items:start;gap:var(--s-8);padding:var(--s-8) var(--s-7);grid-template-columns:1.05fr .95fr;width:100%;max-width:1180px;margin:0 auto}.landing-copy{align-items:flex-start}.landing-points{gap:var(--s-6);padding:var(--s-8) var(--s-7);grid-template-columns:repeat(3,1fr)}}.claim-bar{align-items:center;gap:var(--s-2);border:1px solid var(--edge);border-radius:var(--r-lg);padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#111922;display:flex}.claim-bar:focus-within{border-color:var(--brass);box-shadow:0 0 0 3px #c79a4529}.claim-field{align-items:center;gap:var(--s-2);flex:1;min-width:0;display:flex}.claim-prefix{color:var(--chalk);white-space:nowrap;flex-shrink:0}.claim-input{min-width:0;color:var(--white);font-family:var(--font-mono);font-size:var(--t-base);padding:var(--s-3) 0;background:0 0;border:none;outline:none;flex:1}.claim-input::placeholder{color:#55636f}.claim-go{align-items:center;gap:var(--s-2);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);flex-shrink:0;display:inline-flex}@media (max-width:560px){.claim-bar{padding:var(--s-3);align-items:stretch;gap:var(--s-3);flex-direction:column}.claim-go{justify-content:center}}.claim-note{color:var(--chalk);font-size:var(--t-xs);margin:var(--s-3) 0 0;line-height:1.5}.showcase-stage{justify-content:center;display:flex;position:relative}.showcase-front{z-index:2;animation:.7s cubic-bezier(.2,.7,.3,1) both showcase-rise;position:relative}.showcase-aside{display:none}.showcase-swatch{border-radius:var(--r-sm);cursor:pointer;outline-offset:2px;background-size:cover;width:26px;height:26px;transition:transform .15s,border-color .15s}@keyframes showcase-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes showcase-rise-left{0%{opacity:0;transform:translateY(-50%)rotate(-9deg)translate(24px)}to{opacity:.9;transform:translateY(-50%)rotate(-9deg)translate(0)}}@keyframes showcase-rise-right{0%{opacity:0;transform:translateY(-50%)rotate(9deg)translate(-24px)}to{opacity:.9;transform:translateY(-50%)rotate(9deg)translate(0)}}@media (min-width:1120px){.showcase-aside{z-index:1;display:block;position:absolute;top:50%}.showcase-left{margin-right:-66px;animation:.8s cubic-bezier(.2,.7,.3,1) 80ms both showcase-rise-left;right:100%}.showcase-right{margin-left:-66px;animation:.8s cubic-bezier(.2,.7,.3,1) .16s both showcase-rise-right;left:100%}}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.landing-feature{gap:var(--s-6);padding:var(--s-8) var(--s-5);border-top:1px solid var(--edge);grid-template-columns:1fr;align-items:center;width:100%;max-width:1080px;margin:0 auto;display:grid}.feature-copy{gap:var(--s-3);flex-direction:column;max-width:460px;display:flex}.feature-tag{color:var(--brass);letter-spacing:.1em}.feature-title{margin:0;font-size:clamp(24px,3.4vw,32px);line-height:1.15}.feature-body{color:var(--chalk);font-size:var(--t-md);margin:0;line-height:1.65}.feature-note{color:var(--chalk);font-size:var(--t-sm);opacity:.75;margin:0;line-height:1.6}.clicks-demo{gap:var(--s-4);flex-direction:column;display:flex}.clicks-head{justify-content:space-between;align-items:baseline;display:flex}.clicks-foot{gap:var(--s-2);flex-direction:column;display:flex}.clicks-row{font-size:var(--t-sm);color:var(--chalk);padding-top:var(--s-2);border-top:1px solid var(--edge);justify-content:space-between;display:flex}.seg{background:var(--slate);border:1px solid var(--edge);border-radius:var(--r-md);padding:var(--s-1);gap:var(--s-1);align-self:flex-start;display:inline-flex}.seg-btn{border-radius:var(--r-sm);padding:var(--s-2) var(--s-3);font-size:var(--t-sm);color:var(--chalk);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:600}.seg-btn.is-on{background:var(--raise);color:var(--white)}@media (min-width:900px){.landing-feature{gap:var(--s-8);padding:var(--s-8) var(--s-7);grid-template-columns:1fr 1fr}.landing-feature.is-flipped .feature-copy{order:2}}.tabbar{gap:var(--s-1);background:var(--panel);border:1px solid var(--edge);border-radius:var(--r-md);padding:var(--s-1);top:var(--s-2);z-index:3;box-shadow:var(--e-1);display:flex;position:sticky}.tabbar-btn{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-2);border-radius:var(--r-sm);font-size:var(--t-sm);color:var(--chalk);transition:background var(--dur) var(--ease), color var(--dur) var(--ease);flex:1;font-weight:600;display:inline-flex}.tabbar-btn:hover{color:var(--white)}.tabbar-btn.is-on{background:var(--raise);color:var(--white)}@media (max-width:420px){.tabbar-btn span{display:none}.tabbar-btn{padding:var(--s-3) 0}}@media (max-width:560px){.card{padding:var(--s-4)}.link-row{padding:var(--s-3);gap:var(--s-2)}.editor-col{padding:var(--s-4) var(--s-3) var(--s-8)}}.select-wrap{max-width:100%;display:inline-flex;position:relative}.select{appearance:none;padding:var(--s-2) var(--s-7) var(--s-2) var(--s-3);font-size:var(--t-sm);color:var(--chalk);background:var(--slate);border:1px solid var(--edge);border-radius:var(--r-sm);cursor:pointer;max-width:100%;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);font-weight:500}.select:hover{border-color:var(--chalk);color:var(--white)}.select:focus-visible{outline:2px solid var(--brass);outline-offset:1px}.select-chevron{right:var(--s-3);pointer-events:none;color:var(--chalk);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.select.is-set{color:var(--white);border-color:var(--patina)}.social-group{border:1px solid var(--edge);border-radius:var(--r-md);background:var(--slate);overflow:hidden}.social-group+.social-group{margin-top:var(--s-2)}.social-group-head{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);text-align:left;color:var(--white);font-size:var(--t-sm);transition:background var(--dur) var(--ease);font-weight:600;display:flex}.social-group-head:hover{background:var(--raise)}.social-group-count{color:var(--chalk);font-size:var(--t-xs);margin-left:auto}.social-group-body{gap:var(--s-2);padding:0 var(--s-3) var(--s-3);display:grid}.music-wave{flex-shrink:0;display:inline-flex}@media (max-width:420px){.music-wave{display:none}}.landing-band{gap:var(--s-6);padding:var(--s-8) var(--s-5);border-top:1px solid var(--edge);flex-direction:column;width:100%;max-width:1080px;margin:0 auto;display:flex}.band-head{gap:var(--s-3);flex-direction:column;max-width:560px;display:flex}.band-cta{align-items:center;gap:var(--s-2);margin-top:var(--s-2);align-self:flex-start;display:inline-flex}.segments{gap:var(--s-5);grid-template-columns:1fr;display:grid}.segment{gap:var(--s-3);flex-direction:column;display:flex}.segment-icon{border-radius:var(--r-md);background:var(--raise);border:1px solid var(--edge);width:38px;height:38px;color:var(--brass);place-items:center;display:grid}.steps{gap:var(--s-6);counter-reset:step;grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.step{gap:var(--s-3);flex-direction:column;display:flex}.step-n{color:var(--brass);font-size:var(--t-lg);letter-spacing:.06em}.faq{gap:var(--s-2);flex-direction:column;display:flex}.faq-item{background:linear-gradient(var(--panel), #18212c);border:1px solid var(--edge);border-radius:var(--r-md);padding:var(--s-4) var(--s-5)}.faq-item summary{cursor:pointer;font-weight:600;font-size:var(--t-base);justify-content:space-between;gap:var(--s-4);align-items:center;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--brass);font-size:var(--t-lg);flex-shrink:0;line-height:1}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--chalk);font-size:var(--t-base);margin:var(--s-3) 0 0;line-height:1.65}.landing-promise{padding:var(--s-8) var(--s-5);border-top:1px solid var(--edge);width:100%}.promise-inner{gap:var(--s-4);align-items:flex-start;max-width:760px;margin:0 auto;display:flex}.landing-footer{border-top:1px solid var(--edge);padding:var(--s-8) var(--s-5) var(--s-6);background:var(--panel)}.footer-cols{gap:var(--s-6);grid-template-columns:1fr;max-width:1080px;margin:0 auto;display:grid}.footer-cols>div{gap:var(--s-2);flex-direction:column;display:flex}.footer-cols a{color:var(--chalk);font-size:var(--t-sm)}.footer-cols a:hover{color:var(--white)}.footer-head{font-size:var(--t-sm);letter-spacing:.02em}.footer-note{color:var(--chalk);text-align:center;margin:var(--s-7) 0 0;opacity:.7}@media (min-width:760px){.segments{gap:var(--s-6);grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.footer-cols{gap:var(--s-7);grid-template-columns:2fr 1fr 1fr 1fr}}@media (min-width:1000px){.segments{grid-template-columns:repeat(4,1fr)}}@media (min-width:900px){.landing-band,.landing-promise{padding:var(--s-8) var(--s-7)}}