/* Editorial landing composition, scoped away from the signed-in workspace. */
.landing-page .home-hero-editorial { position:relative; isolation:isolate; overflow:hidden; background:radial-gradient(ellipse at 72% 65%,#39275b77,transparent 48%),#121022; padding:55px 0 88px; }
.home-hero-editorial > .container { position:relative; z-index:1; }
.hero-orbit { position:absolute; width:950px; height:950px; border:1px solid #baa0ff12; border-radius:50%; right:-80px; top:-130px; transform:rotate(-25deg) scaleX(.7); pointer-events:none; }
.hero-orbit::before,.hero-orbit::after { content:""; position:absolute; inset:65px; border:1px solid #baa0ff0e; border-radius:50%; }
.hero-orbit::after { inset:140px; }
.hero-eyebrow { display:inline-flex; align-items:center; gap:9px; font-size:10px; font-weight:650; letter-spacing:.16em; color:#c4bbd5; }
.landing-page .home-hero h1 { font-size:clamp(3.3rem,5.7vw,5.6rem); letter-spacing:-.07em; line-height:1.04; font-weight:700; margin:27px 0; }
.small-links-motion { display:inline-block; animation:small-link-arrive .85s cubic-bezier(.2,.75,.25,1) both; }
.hero-period { color:#d5f6be; }
.hero-highlight { position:relative; display:inline-block; color:#bda2f7; padding-bottom:8px; }
.hero-highlight::after { content:""; position:absolute; bottom:0; left:2px; width:100%; height:8px; border-top:2px solid #bb9cec80; border-radius:50%; transform-origin:left; animation:link-underline 1s .55s both; }
.landing-page .home-lead { color:#ada6bf; font-size:15px; line-height:1.85; margin-top:30px; }
.landing-page .home-benefits { font-size:10px; gap:17px; margin-top:26px; color:#d1c9de; }
.landing-page .home-benefits i { color:#c9e9b7; font-size:9px; }
.hero-explore { display:inline-flex; align-items:center; gap:16px; color:#ada4c0; font-size:12px; text-decoration:none; margin-top:40px; }
.hero-explore span { display:grid; place-items:center; width:27px; height:27px; border:1px solid #8e7ba94d; border-radius:50%; color:#d4c2ee; }
.hero-explore:hover { color:#fff; }
.hero-builder-column { position:relative; padding-bottom:34px; }
.builder-surround { max-width:530px; margin-left:auto; background:#292238; border:1px solid #a796c337; border-radius:23px; padding:7px; box-shadow:0 40px 100px #00000035; }
.builder-tabline { display:flex; align-items:center; gap:20px; padding:12px 15px 17px; font-size:11px; color:#f1eafa; }
.builder-tabline > span:first-child { display:inline-flex; gap:7px; align-items:center; }
.builder-tabline a { color:#afa1c5; text-decoration:none; display:flex; align-items:center; gap:7px; }
.builder-tabline a:hover { color:#fff; }.builder-tabline a > i:last-child { font-size:8px; }
.builder-free { margin-left:auto; font-size:8px; font-weight:700; letter-spacing:.09em; color:#ccedb9; }
.landing-page .shortener-card { padding:28px 32px 24px; border-radius:17px; box-shadow:none; background:#fcfbff; border:0; }
.builder-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.builder-step { color:#8e819d; font-size:9px; font-weight:700; letter-spacing:.13em; }
.builder-spark { font-size:35px; line-height:1; color:#9572dd; }
.landing-page .shortener-card h2 { font-size:29px; line-height:1.15; font-weight:750; letter-spacing:-.055em; color:#302440; }
.landing-page .shortener-card > p { font-size:12px; color:#8a7d99; margin:10px 0 23px; }
.landing-page .shortener-card .ui-form-label { font-size:13px; margin-bottom:8px; }
.landing-page .shortener-card .ui-input { padding:13px; font-size:14px; border-color:#e4ddeb; background:#fff; }
.landing-page .alias-input { border-color:#e4ddeb; background:#fff; }.landing-page .alias-input input { font-size:14px; }
.landing-page .form-hint { font-size:11px; color:#776a84; }.landing-page .shortener-terms { font-size:11px; color:#776a84; margin-bottom:18px; }
.landing-page .shortener-card .ui-btn-primary { min-height:48px; background:#7750d8; font-size:14px; box-shadow:inset 0 1px #ffffff30,0 4px 10px #6640bd19; }
.landing-page .shortener-card .ui-btn-primary:hover { background:#6440bf; }
.landing-page .shortener-account { font-size:12px; padding-top:16px; }
.builder-caption { padding:12px 10px 7px; text-align:center; font-size:9px; color:#c0b1d2; }.builder-caption i { margin-right:6px; color:#bfd6b2; }
.hero-link-example { position:absolute; bottom:0; left:15px; display:flex; align-items:center; gap:12px; background:#ded3f4; border:1px solid #ece1ff; border-radius:14px; padding:14px 20px 14px 14px; box-shadow:0 12px 30px #0003; color:#49365f; transform:rotate(-4deg); font-size:12px; font-weight:650; }
.hero-link-example small { display:block; font-size:7px; letter-spacing:.13em; margin-bottom:3px; color:#79668f; }
.example-link-icon { width:34px; height:34px; display:grid; place-items:center; background:#c7b3ed; border-radius:10px; color:#654298; }.example-arrow { font-size:22px; margin-left:12px; }
.landing-page .home-usecases { background:#edeaf3; border:0; padding:26px 0; }.landing-page .home-usecases .container { color:#6f647e; }.landing-page .home-usecases span:first-child { color:#a092b0; font-size:9px; letter-spacing:.12em; }
.landing-page .home-possibilities { padding:100px 0; background:#faf9fc; border:0; }
.landing-page .ui-section h2 { font-size:clamp(2rem,3.3vw,3.3rem); line-height:1.12; letter-spacing:-.055em; font-weight:700; }
.landing-page .home-feature-grid .ui-card { border:0; box-shadow:none; border-radius:22px; min-height:245px; padding:29px; background:#efe9f8; transition:transform .25s; }
.landing-page .home-feature-grid .ui-card:nth-child(2) { background:#e6efe9; }.landing-page .home-feature-grid .ui-card:nth-child(3) { background:#f7eee5; }.landing-page .home-feature-grid .ui-card:nth-child(4) { background:#e9edf7; }
.landing-page .home-feature-grid .ui-card:hover { transform:translateY(-4px); }
.landing-page .home-feature-grid .ui-icon { background:#ffffff70; border:0; width:48px; height:48px; }
.landing-page .home-feature-grid .ui-card h3 { font-size:18px; font-weight:750; }.landing-page .home-feature-grid .ui-card p { font-size:14px; line-height:1.8; }
.landing-page .home-feature-grid .ui-badge { background:#ffffff60; border:0; font-size:9px; }.landing-page .home-feature-grid a { color:#28745b; font-size:11px; font-weight:700; }
.landing-page .insights-preview { border-radius:25px; box-shadow:12px 16px 0 #e9e3f3; }
.landing-page .home-plan { border-radius:22px; padding:32px; }.landing-page .home-plan-featured { border-color:#9671df; background:#f7f2ff; }
.landing-page .ui-cta { padding:50px; background:radial-gradient(ellipse at right,#493461,#21182f); }
.landing-page #shorten-form,.landing-page #link-possibilities { scroll-margin-top:25px; }
@keyframes small-link-arrive { from { transform:translateY(16px); letter-spacing:-.085em; } to { transform:translateY(0); letter-spacing:-.055em; } }
@keyframes link-underline { from { transform:scaleX(0); opacity:0; } to { transform:scaleX(1); opacity:1; } }
@media(max-width:991px) {
    .landing-page .home-hero-editorial { padding:40px 0 70px; }.landing-page .home-hero h1 { font-size:clamp(3.7rem,9vw,5.5rem); }.builder-surround { margin:15px auto 0; transform:none; }.hero-builder-column { margin-top:35px; }.hero-link-example { left:calc(50% - 180px); }.hero-explore { margin-top:25px; }
}
@media(max-width:575px) {
    .landing-page .shortener-card .ui-input,.landing-page .alias-input input { font-size:16px; }
    .landing-page .home-hero-editorial { padding:28px 12px 55px; }.landing-page .home-hero h1 { font-size:clamp(2.8rem,11vw,4rem); margin:23px 0; }.hero-eyebrow { font-size:8px; letter-spacing:.12em; }.landing-page .home-lead { font-size:13px; margin-top:22px; }.landing-page .home-benefits { font-size:9px; gap:10px; }
    .landing-page .shortener-card { padding:23px 19px; }.landing-page .shortener-card h2 { font-size:27px; }.builder-tabline { gap:14px; padding:10px 9px 15px; font-size:10px; }.builder-free { font-size:7px; }.hero-link-example { font-size:10px; padding:10px; bottom:-8px; left:10px; }.hero-link-example .example-arrow { margin-left:0; }.hero-link-example small { font-size:6px; }.landing-page .home-possibilities { padding:65px 0; }.landing-page .home-feature-grid .ui-card { padding:24px; min-height:225px; }.landing-page .ui-cta { padding:30px; }
}
@media(prefers-reduced-motion:reduce) { .small-links-motion,.hero-highlight::after { animation:none; }.landing-page .home-feature-grid .ui-card:hover { transform:none; } }