:root{--purple:#7941e6;--purple-dark:#6632ca;--ink:#292234;--muted:#827d8d;--line:#eae7ef;--surface:#faf9fd;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0}.site-shell{max-width:1320px;padding:0 64px;margin:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:var(--heading);font-size:32px;letter-spacing:-1.8px;font-weight:800;display:flex;align-items:center}.brand-dot{color:var(--purple)}.brand-icon{width:37px;height:37px;border-radius:12px;background:var(--purple);color:white;margin-right:9px;display:grid;place-items:center}.brand-icon svg{width:24px;height:24px;transform:rotate(-7deg)}.desktop-nav{display:flex;gap:32px;margin-left:46px}.desktop-nav a{font-size:13px;font-weight:500;color:#716b7a;transition:color .2s}.desktop-nav a:hover{color:var(--purple)}.history-button{display:flex;gap:9px;align-items:center;padding:11px 15px;border:1px solid #e3d9f7;border-radius:9px;background:#f4effc;color:#6c3dbb;font-size:12px;font-weight:600}.history-button svg{width:17px;height:17px}.history-button .small-arrow{width:14px;margin-left:9px}.history-count{background:#e6d8fb;border-radius:5px;padding:1px 5px}.hero{padding:69px 0 62px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.6px;font-weight:700;color:#7746c4;margin-bottom:24px}.status-dot{width:7px;height:7px;background:#8650e4;border-radius:50%;box-shadow:0 0 0 4px #eee5fb}h1{font-family:var(--heading);font-size:64px;line-height:1.14;letter-spacing:-3.5px;font-weight:800;margin:0;position:relative;white-space:nowrap}h1 span{color:var(--purple)}.title-spark{width:35px;height:35px;stroke:none;fill:#bda0f0;position:absolute;top:7px;margin-left:13px;transform:rotate(12deg)}.hero-description{font-size:16px;line-height:1.8;color:#827b8e;margin:24px 0 30px}.shorten-form label{font-weight:600;font-size:12px;display:block;margin-bottom:11px}.input-row{background:#fff;border:1px solid #e0d5f0;border-radius:12px;padding:6px;display:flex;align-items:center;box-shadow:0 5px 15px #4f267507;transition:box-shadow .2s,border-color .2s}.input-row:focus-within{border-color:#a174ea;box-shadow:0 0 0 4px #7941e611}.input-row.invalid{border-color:#bc4961}.input-icon{color:#a39aaa;width:19px;margin:0 11px}.input-row input{outline:none;min-width:0;width:100%;border:0;background:transparent;padding:12px 0;font-size:12px;color:var(--ink)}.input-row input::placeholder{color:#a39aaa}.shorten-button{border:0;background:var(--purple);color:white;border-radius:8px;padding:15px 17px;white-space:nowrap;display:flex;align-items:center;gap:15px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.shorten-button:hover{background:var(--purple-dark);transform:translateY(-1px)}.shorten-button svg{width:17px;height:17px}.form-perks{display:flex;gap:16px;margin-top:13px}.form-perks span{font-size:10px;color:#97909f;display:flex;align-items:center;gap:4px}.form-perks svg{width:12px;height:12px;color:#8a67bf}.hero-note{margin-top:36px;display:flex;align-items:center;gap:9px;font-size:11px;color:#aaa1b3}.note-line{width:24px;height:1px;background:#c9badb}.form-error{color:#b33c53;font-size:12px;margin:9px 0 0}.hero-art{height:460px;position:relative;border-radius:25px;background:#eee6fc;isolation:isolate;overflow:hidden;transform:translateY(3px)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b59ae216 1px,transparent 1px),linear-gradient(90deg,#b59ae216 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000 40%,transparent)}.orbit{position:absolute;width:365px;height:365px;left:65px;top:51px;border:1px solid #d7c6f5;border-radius:50%;transform:rotate(-27deg) scaleY(.76)}.orbit-two{width:490px;height:490px;left:0;top:-9px;border-style:dashed;opacity:.6;transform:rotate(27deg) scaleY(.78)}.art-top-label{position:absolute;top:29px;left:27px;color:#8c72af;font-size:8px;letter-spacing:1.5px;display:flex;align-items:center;gap:7px}.art-top-label span{width:5px;height:5px;background:#9d76d5;border-radius:50%}.long-link-card{position:absolute;left:35px;right:43px;top:80px;background:#ffffffd9;border:1px solid #fff;border-radius:13px;box-shadow:0 9px 22px #63428f07;padding:17px 20px;transform:rotate(-6deg);z-index:1;overflow:hidden;animation:float-card 7s ease-in-out infinite}.card-label{font-size:8px;letter-spacing:1.4px;color:#aba0bc;display:flex;align-items:center;gap:6px;margin-bottom:11px}.tiny-dot{width:5px;height:5px;background:#c6b5da;border-radius:50%}.long-url{white-space:nowrap;font-size:11px;line-height:1.7;color:#a99bb9;font-family:monospace}.long-url span{opacity:.6}.url-fade{position:absolute;right:0;top:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,#fdfbff)}.floating-star{position:absolute;color:#9870d7;z-index:3}.star-one{font-size:52px;right:25px;top:167px;animation:spin 35s linear infinite}.star-two{font-size:28px;left:37px;top:268px}.flow-line{position:absolute;right:15px;top:180px;width:108px;height:100px;color:#b496de;stroke-dasharray:4 5;stroke-width:1.4;transform:rotate(10deg)}.link-sculpture{position:absolute;left:calc(50% - 94px);top:158px;width:190px;height:150px;transform:rotate(-36deg);filter:drop-shadow(-7px 20px 11px #6232a02b);animation:float-chain 6s ease-in-out infinite;z-index:2}.chain{position:absolute;width:108px;height:70px;border:17px solid #8550e0;border-radius:40px;box-shadow:inset 3px 4px 4px #c5a1ff,inset -4px -4px 6px #592da6,3px 5px 0 #5e2baa,5px 9px 0 #6731b6,8px 12px 4px #763cc6;background:transparent}.chain-one{top:40px;left:0;transform:rotate(-2deg);z-index:1}.chain-two{top:40px;left:78px;border-color:#ae7ef4;box-shadow:inset 3px 4px 4px #e0c8ff,inset -4px -4px 6px #8651cc,3px 5px 0 #8a55cf,5px 9px 0 #925bdc,8px 12px 4px #9764d6}.chain-glint{position:absolute;top:42px;left:80px;width:20px;height:22px;background:linear-gradient(135deg,#ba92f8,#8a54e6);border-radius:8px;z-index:2;transform:rotate(17deg)}.short-link-card{position:absolute;left:48px;right:29px;top:306px;display:flex;align-items:center;gap:12px;padding:20px 17px;background:#fff;border:1px solid #e3d2f9;border-radius:13px;transform:rotate(3deg);box-shadow:0 12px 28px #663a9b14;z-index:3;animation:float-short 7s ease-in-out infinite}.mini-brand{width:40px;height:40px;border-radius:12px;background:#f1e9fd;display:grid;place-items:center;color:#8c50e5}.mini-brand svg{width:23px}.short-card-label{display:block;font-size:7px;letter-spacing:1.2px;color:#a493b7;margin-bottom:6px}.short-card-url{font-size:17px;color:#7642bd;font-weight:600;letter-spacing:-.5px;white-space:nowrap}.short-card-url b{font-weight:500;color:#9b77cc}.success-circle{margin-left:auto;background:#e7f5e9;color:#67a173;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.success-circle svg{width:13px;height:13px;stroke-width:2.2}.art-bottom{position:absolute;bottom:27px;left:29px;right:31px;display:flex;align-items:center;justify-content:space-between;color:#a18bbd;font-size:10px}.art-smile{font-size:23px;transform:rotate(12deg)}.art-corner{position:absolute;right:27px;top:19px;font-size:24px;color:#b397d7}.benefits-strip{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#787181}.benefits-strip>span{font-size:11px;color:#a098a9}.benefits-strip div{display:flex;align-items:center;gap:10px;font-weight:500}.benefits-strip svg{width:18px;height:18px;color:#a38bbd}.features-section{padding:65px 0 60px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.section-kicker{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#9b80b9}.section-header h2,h2{font-family:var(--heading);font-size:27px;letter-spacing:-1px;font-weight:750;margin:10px 0 0}.section-header>p{font-size:11px;line-height:1.8;color:#9d95a7;margin:9px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:23px 25px 21px;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #56356d09}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.feature-icon svg{width:21px;height:21px}.lavender{background:#f2eafd;color:#9060d3}.peach{background:#fff0e7;color:#d1986d}.mint{background:#eaf5f0;color:#79aa91}.feature-number{font-size:10px;color:#c4bdca;font-family:var(--heading)}h3{font-family:var(--heading);font-size:16px;font-weight:750;letter-spacing:-.5px;margin:22px 0 10px}.feature-card p{font-size:11px;line-height:1.9;color:#97909f;margin:0 0 23px}.feature-tag{display:flex;align-items:center;gap:6px;color:#a89ab7;font-size:9px;border-top:1px solid #f0edf4;padding-top:15px}.feature-tag>span{width:4px;height:4px;background:#b39bcf;border-radius:50%}.how-section{margin:10px 0 70px;padding:38px 42px;background:#f1ecf9;border-radius:18px;display:grid;grid-template-columns:1fr 1.15fr;gap:40px}.how-section>div>p{font-size:13px;color:#95879f;margin-top:15px}.steps{list-style:none;padding:0;margin:0;display:grid;gap:20px}.steps li{display:flex;gap:15px;align-items:center}.steps li>span{display:grid;place-items:center;width:28px;height:28px;background:#e7ddf4;color:#8c65ba;border-radius:9px;font-size:11px;flex-shrink:0}.steps h3{font-size:12px;margin:0 0 5px}.steps p{font-size:11px;color:#94849f;margin:0}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:0 0 70px}.faq-section h2{line-height:1.5}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:12px;font-weight:500;padding:20px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:18px;color:#9b80b9;line-height:15px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{margin:0 30px 20px 0;color:#948b9d;font-size:12px;line-height:1.8}.bottom-cta{padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#a69aac}.bottom-cta strong{font-weight:500;color:#786685}.cta-link{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;color:var(--purple)}.cta-link svg{width:17px}footer{padding:33px 0 39px;display:flex;align-items:center;gap:20px;color:#aaa1b3;font-size:10px}.footer-brand{font-size:24px;color:#71667c}.footer-credit{margin-left:auto}.footer-credit span{color:#b090d5;margin:0 5px}.result{margin-top:17px;background:#f1eafb;border:1px solid #e4d7f6;border-radius:12px;padding:12px 15px;animation:appear .3s ease-out}.result-heading{display:flex;justify-content:space-between;align-items:center;color:#7d559e;font-size:11px}.result-heading>span{display:flex;align-items:center;gap:6px}.result-heading svg{width:15px}.result-row{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:6px}.result-row a{color:var(--purple-dark);font-size:14px;overflow-wrap:anywhere;min-width:0;font-weight:600}.copy-button{border:1px solid #e1d4f1;background:white;border-radius:8px;color:#7b46ba;padding:9px 12px;display:flex;gap:6px;align-items:center;font-size:11px;flex-shrink:0}.copy-button:hover{background:#f9f5ff}.copy-button svg{width:14px;height:14px}.icon-button{width:30px;height:30px;border:0;background:transparent;display:grid;place-items:center;color:#9b8bab;border-radius:7px}.icon-button:hover{background:#eae2f1}.icon-button svg{width:17px;height:17px}dialog{width:min(600px,calc(100% - 32px));max-height:80vh;border:1px solid #e7ddee;background:#fdfbff;border-radius:20px;padding:28px;color:var(--ink);box-shadow:0 30px 100px #23103533}dialog::backdrop{background:#23123366;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center}.dialog-header h2{font-size:25px}.dialog-header h2 span{font-size:12px;color:#9f88ba;margin-left:10px}.dialog-description,.history-footnote{color:#a18faa;font-size:11px;line-height:1.6}.history-footnote{margin:20px 0 0}.history-item{border:1px solid var(--line);border-radius:11px;padding:14px;margin-top:12px;display:flex;align-items:center;gap:15px;background:white}.history-item>div{min-width:0;flex:1}.history-item a{color:var(--purple);font-size:13px;overflow-wrap:anywhere;font-weight:600}.history-item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#9c92a4;margin:7px 0 0}.history-item time{font-size:9px;color:#b8acbf;display:block;margin-top:6px}.empty-state{padding:38px 20px;text-align:center;color:#9b8aaa}.empty-state>svg{width:35px;height:35px;color:#ad89d8}.empty-state h3{color:#695575;margin:15px 0 8px}.empty-state p{font-size:12px;line-height:1.8}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#352742;color:#fff;display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;box-shadow:0 8px 30px #23103522;font-size:12px;z-index:10;max-width:calc(100% - 32px);width:max-content}.toast svg{width:17px;color:#c4a0fb}:focus-visible{outline:3px solid #af8aec;outline-offset:4px}input:focus-visible{outline:none}@keyframes float-card{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-7px) rotate(-4deg)}}@keyframes float-short{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(5px) rotate(1deg)}}@keyframes float-chain{0%,100%{transform:translateY(0) rotate(-36deg)}50%{transform:translateY(-9px) rotate(-31deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1400px){.site-shell{max-width:1360px;padding:0 76px}.hero{gap:70px;padding-top:78px;padding-bottom:74px}.hero-art{height:480px}h1{font-size:68px}.hero-description{margin-top:27px}.hero-note{margin-top:42px}.long-link-card{top:86px}.link-sculpture{top:171px}.short-link-card{top:321px}.features-section{padding-top:70px}}@media(max-width:1100px){.site-shell{padding:0 36px}.hero{gap:30px}h1{font-size:53px;letter-spacing:-2.8px}.hero-art{height:423px}.short-card-url{font-size:14px}.short-link-card{left:25px;right:22px;top:287px;padding:16px 13px}.long-link-card{left:25px;right:28px}.link-sculpture{top:148px}.hero-description{font-size:14px}.form-perks{gap:9px}.form-perks span{font-size:9px}.shorten-button{padding:14px 12px;gap:7px}.input-row input{font-size:11px}.desktop-nav{gap:22px;margin-left:0}.feature-card{padding:22px 19px}.feature-card p br{display:none}.title-spark{width:28px;margin-left:8px}.orbit{left:25px}.orbit-two{left:-50px}}@media(max-width:800px){.site-shell{padding:0 28px}.site-header{height:88px}.desktop-nav{gap:20px}.desktop-nav a{font-size:11px}.desktop-nav a:last-child{display:none}.brand{font-size:28px}.brand-icon{width:32px;height:32px;border-radius:10px}.history-button{padding:10px;font-size:10px}.history-button .small-arrow{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:47px 0 40px}.hero-content{max-width:590px;width:100%;margin:auto}h1{font-size:64px;letter-spacing:-3px}.hero-description{font-size:16px}.hero-art{width:100%;max-width:590px;height:390px;margin:auto}.long-link-card{top:49px;left:55px;right:110px}.link-sculpture{top:123px}.short-link-card{top:258px;left:125px;right:35px}.short-card-url{font-size:18px}.orbit{left:calc(50% - 180px);top:12px}.orbit-two{left:calc(50% - 250px);top:-50px}.star-one{right:64px;top:130px}.star-two{left:59px;top:242px}.art-top-label{font-size:7px;top:19px}.art-bottom{bottom:18px}.hero-note{margin-top:25px}.form-perks span{font-size:10px}.form-perks{gap:20px}.shorten-button{padding:15px 20px;gap:15px}.input-row input{font-size:13px}.benefits-strip{flex-wrap:wrap;gap:20px;justify-content:space-around;padding:24px 0}.benefits-strip>span{width:100%;text-align:center}.benefits-strip div{font-size:10px;gap:7px}.section-header h2{font-size:24px}.section-header>p{display:none}.feature-grid{gap:12px}.feature-card{padding:20px 15px}.feature-card h3{font-size:14px}.feature-tag{font-size:8px}.how-section{padding:30px;gap:25px}.how-section h2{font-size:23px}.faq-section{gap:30px}.bottom-cta{font-size:12px}.footer-credit{font-size:9px}.features-section{padding:45px 0}}@media(max-width:540px){.site-shell{padding:0 21px}.site-header{height:82px}.desktop-nav{display:none}.brand{font-size:29px}.history-button{font-size:11px;padding:10px 11px}.hero{padding-top:39px;gap:31px}.eyebrow{font-size:9px;margin-bottom:20px}h1{font-size:clamp(42px,11.5vw,59px);letter-spacing:-2.8px}.title-spark{width:26px;top:1px;margin-left:8px}.hero-description{font-size:14px;margin:20px 0 26px}.shorten-form label{font-size:11px}.input-row{padding:5px}.input-icon{width:17px;margin:0 8px}.input-row input{font-size:11px;padding:12px 0}.shorten-button{gap:6px;font-size:11px;padding:14px 10px}.shorten-button svg{width:14px}.form-perks{gap:11px;flex-wrap:wrap}.form-perks span{font-size:9px}.hero-note{font-size:10px;margin-top:22px}.hero-art{height:357px;border-radius:19px}.long-link-card{left:27px;right:38px;top:52px;padding:14px}.long-url{font-size:9px}.card-label{font-size:7px;margin-bottom:8px}.link-sculpture{top:112px;scale:.87}.short-link-card{left:35px;right:21px;top:237px;padding:15px 12px;gap:9px}.short-card-url{font-size:14px}.short-card-label{font-size:6px}.mini-brand{width:33px;height:33px;border-radius:10px}.success-circle{width:21px;height:21px}.star-one{right:22px;top:140px;font-size:40px}.star-two{left:20px;top:206px;font-size:23px}.art-bottom{font-size:9px;bottom:17px;left:25px}.flow-line{right:0;top:153px;width:83px}.art-top-label{left:22px;font-size:6px}.art-corner{font-size:19px;right:22px;top:12px}.benefits-strip{display:grid;grid-template-columns:1fr 1fr;gap:21px 16px;padding:24px 10px}.benefits-strip>span{grid-column:1/-1}.benefits-strip div{justify-content:center}.section-header h2{font-size:23px;line-height:1.4;max-width:280px}.section-kicker{font-size:8px}.features-section{padding:38px 0}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{padding:22px 23px;position:relative}.feature-card h3{font-size:17px;margin:17px 0 8px}.feature-card p{font-size:12px;margin-bottom:16px}.feature-tag{font-size:10px;padding-top:13px}.feature-icon{width:38px;height:38px}.how-section{grid-template-columns:1fr;gap:25px;margin-bottom:40px;padding:27px}.how-section h2{font-size:25px}.how-section>div>p{margin-bottom:0}.steps p{font-size:11px;line-height:1.6}.steps{gap:22px}.faq-section{grid-template-columns:1fr;gap:16px;padding-bottom:40px}.faq-section h2{font-size:25px}.faq-section h2 br{display:none}.faq-list summary{font-size:12px}.bottom-cta{align-items:flex-start;flex-direction:column;gap:16px;font-size:12px;padding:25px 0}.bottom-cta>span{line-height:1.8}.bottom-cta strong{display:block}.cta-link{font-size:12px}footer{flex-wrap:wrap;gap:13px;padding:27px 0}.footer-credit{width:100%;margin:0}.result{padding:10px 12px}.result-row a{font-size:12px}.result-row{gap:5px}.copy-button{padding:9px;font-size:10px}dialog{padding:23px 19px}.history-item{padding:12px;gap:8px}.history-item a{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}