:root{font-family:Arial,Helvetica,sans-serif;color:#242722;background:#f6f4ee;font-synthesis:none;--orange:#ed623c;--muted:#73756e;--border:#ddded5}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #dd5a34;outline-offset:4px}input:focus{outline:2px solid #ed623c;outline-offset:2px}[hidden]{display:none!important}
.page{max-width:1240px;margin:auto;padding:0 58px}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.wordmark{text-decoration:none;font-weight:800;font-size:37px;letter-spacing:-2px}.brand-dot{color:var(--orange)}.brand-arrow{display:inline-block;font-size:24px;margin-left:12px;color:var(--orange);vertical-align:top;padding-top:7px}.header-note{font-family:monospace;font-size:10px;letter-spacing:1.2px;display:flex;gap:9px;align-items:center}.status-dot{width:7px;height:7px;display:inline-block;flex-shrink:0;background:var(--orange);border-radius:50%}
main{display:grid;grid-template-columns:1fr 1fr;gap:0 65px;padding-top:70px}.hero{padding-top:27px}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:2px;display:flex;gap:13px;align-items:center}.dash{width:29px;height:2px;background:var(--orange)}h1{font-size:clamp(56px,6.1vw,82px);line-height:1.01;letter-spacing:-5px;margin:33px 0 27px;font-weight:750}h1>span{color:var(--orange)}.hero-copy{font-size:17px;color:#72746c;line-height:1.7;margin:0}.hero-meta{display:flex;gap:25px;font-size:12px;margin-top:44px}.hero-meta span{white-space:nowrap}
.tabs{display:flex;gap:24px;height:43px;margin-bottom:14px}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;font-size:13px;color:var(--muted);display:flex;gap:22px;align-items:center}.tab.active{color:#272a23;border-color:var(--orange);font-weight:600}.tab span{font-size:16px}.card{background:#fffefa;border:1px solid var(--border);border-radius:14px;padding:33px 31px;box-shadow:0 8px 24px #252d2410}.section-kicker{font-family:monospace;font-size:10px;letter-spacing:1.3px;color:var(--muted)}h2{font-size:24px;letter-spacing:-.8px;line-height:1.25;margin:17px 0 9px}.card-copy{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 29px}label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}input{width:100%;min-width:0;background:#f8f7f2;border:1px solid var(--border);border-radius:7px;padding:15px 13px;font-size:12px;color:#30342b}input::placeholder{color:#979a90}.button{border:0;border-radius:7px;padding:15px 16px;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.primary{background:#292f25;color:white;width:100%;margin-top:17px}.primary:hover:enabled{background:#414b39}.primary span{font-size:19px;font-weight:400;line-height:1}.challenge{margin-top:16px;min-height:0}.small-note{font-size:11px;line-height:1.65;color:var(--muted);margin:18px 0 0}.card-footer{text-align:center;font-family:monospace;font-size:10px;color:var(--muted);margin-top:21px;letter-spacing:.3px}.mini-icon{font-size:18px;vertical-align:middle;padding-right:7px}
.how-it-works{grid-column:1/-1;border-top:1px solid var(--border);margin-top:75px;padding:29px 0 45px}.how-heading{font-family:monospace;font-size:10px;color:var(--muted);letter-spacing:1.4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.step{display:flex;gap:19px;align-items:flex-start}.step-number{font-family:monospace;font-size:11px;color:var(--orange);padding-top:4px}h3{font-size:16px;letter-spacing:-.3px;margin:0 0 8px}.step p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:23px 0 30px;font-size:10px;color:var(--muted)}.site-footer>span:last-child{font-family:monospace;letter-spacing:1px}
.result{border-top:1px solid var(--border);margin-top:25px;padding-top:24px}.result-heading{font-family:monospace;font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:8px;margin-bottom:22px}.copy-row{display:flex;gap:8px;margin-bottom:19px}.copy-row input{font-family:monospace;font-size:12px;padding:12px 10px}.copy-button{border:1px solid var(--border);background:#fffefa;border-radius:7px;padding:0 12px;font-size:11px}.copy-button:hover{border-color:#7c8271}.secret-note{font-size:11px;line-height:1.65;background:#fff1e7;color:#835234;padding:13px;border-radius:6px}.result-actions{display:flex;gap:19px;align-items:center;flex-wrap:wrap;margin-top:17px}.text-button{background:none;border:0;padding:5px 0;color:#424c39;font-size:12px;text-decoration:underline;text-underline-offset:3px}.stats-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.click-count{font-size:62px;letter-spacing:-3px;margin-top:8px;line-height:1}.stats-symbol{font-size:54px;color:var(--orange);font-weight:400}.managed-link{display:block;font-size:16px;font-weight:600;overflow-wrap:anywhere}.destination-text{font-size:12px;line-height:1.6;overflow-wrap:anywhere;color:var(--muted)}.danger{color:#ad3525;margin-top:20px}.delete-confirmation{background:#fff1e7;padding:16px;border-radius:7px;margin-top:15px}.delete-confirmation p{font-size:12px;line-height:1.5;margin:0}.destructive{background:#ad3525;color:white;font-size:12px}.feedback{margin:22px 0 0;font-size:12px;line-height:1.7;padding:12px 14px;background:#eef2e9;border-radius:6px;color:#3c5132}.feedback.error{background:#fff1e7;color:#9d3e28}
@media(min-width:1500px){.page{padding-top:20px}main{padding-top:95px}.how-it-works{margin-top:105px}}@media(max-width:950px){.page{padding:0 32px}main{gap:0 30px}h1{font-size:62px;letter-spacing:-4px}.card{padding:27px 23px}.hero-meta{gap:17px;font-size:11px}.header-note{font-size:9px;letter-spacing:.5px}.tabs{gap:20px}.tab{gap:15px}}
@media(max-width:720px){.page{max-width:520px;padding:0 23px}.site-header{height:85px}.wordmark{font-size:31px}.header-note{font-size:8px;max-width:120px;line-height:1.5}.brand-arrow{font-size:20px;margin-left:8px;padding-top:6px}main{grid-template-columns:1fr;padding-top:31px}.hero{padding-top:0}.eyebrow{font-size:9px}h1{font-size:64px;letter-spacing:-4px;margin:22px 0}.hero-copy{font-size:15px}.hero-meta{margin-top:24px;font-size:11px}.workspace{margin-top:38px}.tabs{gap:30px}.card{padding:28px 23px}.how-it-works{margin-top:42px;padding-bottom:32px}.steps{grid-template-columns:1fr;gap:24px}.step{gap:24px}.site-footer{font-size:9px;line-height:1.5}.site-footer>span:last-child{max-width:100px;text-align:right}h2{font-size:23px}.copy-row input{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.primary,.copy-button{transition:background .15s,border-color .15s}.card{animation:appear .45s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}