:root{color:#232338;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#25243a;--muted:#88889d;--purple:#7260dd;--purple-dark:#5d4bc7;--line:#ececf3;background:#f7f8fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.page-shell{background:#f8f9fd;min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(2px);z-index:0;border-radius:50%;position:absolute}.ambient-one{background:radial-gradient(circle,#e1dcff66,#e1dcff00 70%);width:570px;height:570px;top:15px;left:-300px}.ambient-two{background:radial-gradient(circle,#ffe4d661,#ffe4d600 70%);width:640px;height:640px;top:250px;right:-360px}.topbar,main,.footer{z-index:1;position:relative}.topbar{border-bottom:1px solid #dee0ecb8;justify-content:space-between;align-items:center;width:min(1120px,100% - 64px);height:82px;margin:0 auto;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark-dot{color:var(--purple)}.brand-mark{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative;transform:rotate(-40deg)}.brand-mark span{background:#f8f9fd;border:2.5px solid #7664df;border-radius:7px;width:13px;height:7px;position:absolute}.brand-mark span:first-child{transform:translate(-2px,-3px)}.brand-mark span:last-child{border-color:#f5a883;transform:translate(2px,3px)}.topbar-note{color:#84849a;letter-spacing:.15px;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#8bcab0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8bcab026}.topbar-github{color:#4c4b60;align-items:center;gap:7px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.topbar-github:hover{color:var(--purple)}.hero{text-align:center;flex-direction:column;align-items:center;padding:74px 24px 0;display:flex}.eyebrow{color:#8172ce;letter-spacing:1.45px;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.eyebrow-icon{color:#7462d8;background:#eeebff;border-radius:8px;place-items:center;width:23px;height:23px;display:grid}h1{color:#26253b;letter-spacing:-5px;margin:21px 0 13px;font-size:clamp(52px,7vw,76px);font-weight:800;line-height:.99}h1 span{color:#7563dc}.hero-copy{color:#88889c;margin:0;font-size:15px;font-weight:500;line-height:1.75}.shortener-card{text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border:1px solid #e6e6f0eb;border-radius:19px;width:min(620px,100%);margin-top:36px;padding:23px 25px 16px;box-shadow:0 22px 65px #302b5e14,0 3px 9px #302b5e06}.card-topline{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.card-label{letter-spacing:-.1px;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.label-spark{color:#7664dc;place-items:center;display:grid}.private-note{color:#9999a9;align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.private-note svg{color:#89bda7}.input-label{color:#626176;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.url-input-wrap{color:#a5a4b6;background:#fff;border:1px solid #e9e9f1;border-radius:10px;align-items:center;gap:12px;min-height:54px;padding:0 14px;transition:border .18s,box-shadow .18s;display:flex}.url-input-wrap:focus-within{border-color:#a99de9;box-shadow:0 0 0 4px #7563dc1a}.url-input-wrap.has-error{border-color:#e3a3a1}.url-input-wrap input{color:#29283d;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.url-input-wrap input::placeholder{color:#b3b2c1}.clear-button{color:#a8a7b7;background:0 0;border:0;padding:3px 0 5px 6px;font-size:20px;line-height:1}.clear-button:hover{color:#4d4b60}.submit-button{color:#fff;background:#7664dc;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;height:51px;margin-top:12px;font-size:13px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 14px #6c5bcd33}.submit-button:hover:not(:disabled){background:#6653cd;transform:translateY(-1px);box-shadow:0 9px 18px #6c5bcd42}.submit-button:disabled{cursor:wait;opacity:.8}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#ba5552;margin:8px 2px 0;font-size:11px;line-height:1.45}.result-card{background:#faf9ff;border:1px solid #e4e0fb;border-radius:11px;align-items:center;gap:11px;margin-top:16px;padding:13px;animation:.25s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.result-check{color:#5caa85;background:#e9f6ee;border-radius:9px;flex:0 0 30px;place-items:center;height:30px;display:grid}.result-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.result-caption{color:#9691b2;letter-spacing:1px;font-size:8px;font-weight:800}.result-link{text-overflow:ellipsis;white-space:nowrap;color:#6252c2;font-family:DM Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;overflow:hidden}.result-link:hover{text-decoration:underline}.result-link span{color:#9688df}.copy-button{color:#6555c2;background:#fff;border:1px solid #e3def9;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:34px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.copy-button:hover,.copy-button.copied{color:#38835d;background:#f1faf4;border-color:#c5e4d2}.card-footnote{color:#a1a0af;justify-content:center;align-items:center;gap:7px;margin-top:15px;font-size:9px;font-weight:600;display:flex}.footnote-dot{background:#8cc9a9;border-radius:50%;width:5px;height:5px}.footnote-divider{color:#d3d2dc}.social-proof{color:#89889b;align-items:center;gap:7px;margin-top:22px;font-size:11px;display:flex}.proof-spark{color:#a69be6;place-items:center;display:grid}.benefits{grid-template-columns:repeat(3,1fr);gap:24px;width:min(820px,100% - 48px);margin:71px auto 0;display:grid}.benefit{justify-content:center;align-items:center;gap:12px;display:flex}.benefit-icon{border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid}.benefit-icon.lavender{color:#7463d9;background:#eeebff}.benefit-icon.peach{color:#d88867;background:#fff0e8}.benefit-icon.mint{color:#56a582;background:#e7f5ee}.benefit h2{color:#3f3e53;margin:0 0 4px;font-size:12px;font-weight:800}.benefit p{color:#9695a6;margin:0;font-size:10px;line-height:1.5}.bottom-note{color:#77758f;align-items:center;gap:16px;width:min(510px,100% - 48px);margin:54px auto 0;display:flex}.bottom-note p{white-space:nowrap;margin:0;font-size:11px;font-weight:700}.bottom-note p span{color:#aaa8b7;font-weight:500}.note-line{background:#e7e7ef;flex:1;height:1px}.footer{color:#a2a1b0;border-top:1px solid #dee0ecb8;justify-content:space-between;align-items:center;width:min(1120px,100% - 64px);height:74px;margin:51px auto 0;font-size:10px;font-weight:500;display:flex}.footer-brand{color:#55546a;letter-spacing:-.5px;align-items:center;gap:5px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.footer-brand .brand-mark{margin-left:-2px;transform:scale(.8)rotate(-40deg)}.heart{color:#e99487;padding-left:2px}.footer-year{color:#b0afbb}@media (width<=680px){.topbar{width:calc(100% - 40px);height:69px}.topbar-note{display:none}.topbar-github{font-size:11px}.hero{padding-top:57px}h1{letter-spacing:-3.5px}.hero-copy{font-size:14px}.shortener-card{margin-top:29px;padding:20px 17px 15px}.benefits{grid-template-columns:1fr;gap:16px;width:min(360px,100% - 48px);margin-top:51px}.benefit{justify-content:flex-start}.bottom-note{gap:9px;margin-top:44px}.bottom-note p{font-size:9px}.footer{width:calc(100% - 40px);margin-top:40px}.footer>span:nth-child(2){display:none}}@media (width<=390px){.topbar{width:calc(100% - 32px)}.hero{padding-left:16px;padding-right:16px}.eyebrow{letter-spacing:1.1px;font-size:9px}.shortener-card{padding-left:14px;padding-right:14px}.private-note{font-size:9px}.url-input-wrap{gap:8px;padding:0 10px}.url-input-wrap input{font-size:11px}.card-footnote{gap:5px;font-size:8px}.social-proof{gap:7px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}