*{
margin:0;
padding:0;
box-sizing:border-box;
}

:root{
--bg:#f5f5f5;
--surface:#ffffff;
--surface-alt:#fafafa;
--surface-muted:#f1f1f1;
--line:#e7e7e7;
--line-strong:#dcdcdc;
--text:#111111;
--muted:#666666;
--shadow:0 10px 30px rgba(17,17,17,0.05);
--radius-xl:28px;
--radius-lg:20px;
--radius-md:16px;
--radius-sm:12px;
}

body{
min-height:100vh;
background:linear-gradient(180deg, #ffffff 0%, #f4f4f4 100%);
color:var(--text);
font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height:1.5;
padding:24px;
}

a{
color:inherit;
}

.container{
width:min(95vw, 1380px);
margin:0 auto;
display:flex;
flex-direction:column;
gap:22px;
}

.home-top{
display:grid;
grid-template-columns:minmax(0, 0.65fr) minmax(360px, 0.35fr);
gap:22px;
align-items:start;
}

.story-bubble,
.mosaic-bubble{
padding:30px;
}

.story-bubble{
grid-column:1 / -1;
grid-row:1;
background:#050505;
border-color:#050505;
color:#050505;
}

.mosaic-bubble{
grid-column:1;
grid-row:2;
}

.form-card-mobile{
grid-column:2;
grid-row:2;
}

.box{
background:rgba(255,255,255,0.95);
border:1px solid var(--line);
border-radius:var(--radius-xl);
box-shadow:var(--shadow);
padding:28px;
}

.box.story-bubble{
background:#050505;
border-color:#050505;
color:#fff;
}

.legal-heading{
display:flex;
align-items:center;
justify-content:flex-start;
gap:18px;
padding:18px 22px;
}

.legal-topbar{
padding:18px 22px;
}

.legal-header-logo{
display:inline-flex;
align-items:center;
}

.legal-title-card{
text-align:center;
padding:34px 28px;
background:
radial-gradient(circle at 50% 0%, rgba(255,255,255,0.08), transparent 42%),
rgba(9,9,9,0.98);
border-color:#222;
color:#fff;
}

.legal-title-card h1{
font-size:clamp(2.2rem, 4vw, 4.2rem);
line-height:1;
letter-spacing:-0.07em;
}

.legal-page .box:not(.story-bubble):not(.footer-legal):not(.legal-heading):not(.legal-title-card){
background:rgba(12,12,12,0.96);
border-color:#242424;
box-shadow:0 18px 46px rgba(0,0,0,0.34);
}

.legal-page h3{
margin-top:4px;
color:#f5f5f5;
font-size:0.86rem;
}

.legal-page p,
.legal-page li,
.legal-page td{
color:#b8b8b8;
}

.legal-page .legal-table-wrap,
.legal-page .legal-table th{
background:#101010;
border-color:#272727;
}

.legal-page .legal-table td,
.legal-page .legal-table th{
border-color:#272727;
}

.legal-page .legal-table th{
color:#fff;
}

.legal-back{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border:1px solid #111;
border-radius:999px;
background:#111;
color:#fff;
font-size:0.92rem;
font-weight:800;
text-decoration:none;
transition:background 0.18s ease, transform 0.18s ease;
}

.legal-back:hover{
background:#2a2a2a;
transform:translateY(-1px);
}

.legal-table-wrap{
width:100%;
overflow-x:auto;
margin:14px 0 18px;
border:1px solid var(--line);
border-radius:18px;
background:#fff;
}

.legal-table{
width:100%;
min-width:780px;
border-collapse:collapse;
font-size:0.92rem;
}

.legal-table th,
.legal-table td{
padding:14px 16px;
border-bottom:1px solid var(--line);
text-align:left;
vertical-align:top;
color:var(--muted);
}

.legal-table th{
background:var(--surface-alt);
color:#111;
font-weight:800;
}

.legal-table tr:last-child td{
border-bottom:0;
}

.legal-page .legal-document{
padding:0;
overflow:hidden;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.09), transparent 34%),
linear-gradient(180deg, rgba(18,18,18,0.98), rgba(7,7,7,0.98));
}

.legal-document-intro{
padding:34px clamp(24px, 4vw, 48px);
border-bottom:1px solid #242424;
}

.legal-document-intro p{
max-width:880px;
font-size:1.02rem;
line-height:1.75;
color:#d8d8d8;
}

.legal-section{
display:grid;
grid-template-columns:minmax(190px, 0.34fr) minmax(0, 1fr);
gap:26px;
padding:30px clamp(24px, 4vw, 48px);
border-bottom:1px solid #242424;
}

.legal-section:last-child{
border-bottom:0;
}

.legal-section h3{
position:sticky;
top:18px;
align-self:start;
font-size:0.8rem;
line-height:1.25;
letter-spacing:0.02em;
text-transform:uppercase;
color:#fff;
}

.legal-section-content{
display:grid;
gap:14px;
}

.legal-section-content p{
max-width:940px;
line-height:1.75;
}

.legal-subtitle{
margin-top:8px;
color:#fff;
font-size:0.82rem;
font-weight:900;
letter-spacing:0.09em;
text-transform:uppercase;
}

.legal-owner-grid{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:10px;
margin:4px 0 6px;
}

.legal-owner-grid div,
.legal-pill-line{
border:1px solid #272727;
border-radius:18px;
background:rgba(255,255,255,0.035);
padding:14px 16px;
color:#d7d7d7;
}

.legal-owner-grid strong,
.legal-pill-line strong{
display:block;
margin-bottom:3px;
font-size:0.74rem;
letter-spacing:0.08em;
text-transform:uppercase;
color:#fff;
}

.legal-letter-list{
display:grid;
gap:8px;
list-style:none;
}

.legal-letter-list li{
display:grid;
grid-template-columns:34px minmax(0, 1fr);
gap:10px;
align-items:start;
padding:11px 13px;
border:1px solid #242424;
border-radius:16px;
background:rgba(255,255,255,0.026);
color:#bdbdbd;
}

.legal-letter-list span{
display:inline-flex;
align-items:center;
justify-content:center;
width:26px;
height:26px;
border-radius:999px;
background:#f4f4f4;
color:#050505;
font-size:0.72rem;
font-weight:900;
}

.legal-letter-list li > div{
display:grid;
gap:4px;
min-width:0;
}

.legal-letter-list strong{
display:block;
color:#fff;
font-size:0.86rem;
line-height:1.35;
}

.legal-letter-list li p{
margin:0;
color:#bdbdbd;
font-size:0.9rem;
line-height:1.55;
}

.legal-mini-note{
border-left:3px solid #f4f4f4;
padding:12px 16px;
border-radius:0 16px 16px 0;
background:rgba(255,255,255,0.045);
}

.hero{
display:grid;
gap:14px;
padding:38px 32px;
background:
linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,248,248,0.98)),
repeating-linear-gradient(135deg, rgba(0,0,0,0.02) 0 2px, transparent 2px 18px);
}

.hero h1{
font-size:clamp(2.8rem, 5vw, 4.8rem);
line-height:0.95;
letter-spacing:-0.06em;
font-weight:800;
}

.hero p{
max-width:620px;
font-size:1.02rem;
color:var(--muted);
}

.story-copy{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
width:100%;
flex-wrap:wrap;
}

.story-copy h1{
font-size:clamp(3rem, 5vw, 4.8rem);
line-height:0.92;
letter-spacing:-0.07em;
font-weight:800;
}

.home-logo{
display:block;
width:clamp(150px, 18vw, 260px);
max-width:100%;
height:auto;
}

.story-login-button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 18px;
border-radius:999px;
background:#111;
color:#fff;
font-size:0.92rem;
font-weight:800;
text-decoration:none;
transition:background 0.18s ease, transform 0.18s ease;
}

.story-bubble .story-login-button{
background:#fff;
border:1px solid #fff;
color:#111;
}

.story-login-button:hover{
background:#2a2a2a;
transform:translateY(-1px);
}

.story-bubble .story-login-button:hover{
background:#f1f1f1;
}

.story-copy p{
max-width:560px;
font-size:1rem;
color:var(--muted);
margin-right:auto;
}

.story-chips{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.story-chips span{
display:inline-flex;
align-items:center;
min-height:34px;
padding:0 14px;
border-radius:999px;
background:#ffffff;
border:1px solid var(--line);
font-size:0.82rem;
font-weight:700;
color:#111;
}

.story-subcopy{
max-width:520px;
font-size:0.92rem;
color:var(--muted);
}

.story-side-note{
display:flex;
flex-wrap:wrap;
gap:10px;
padding:0 6px;
}

.story-side-note span{
display:inline-flex;
align-items:center;
min-height:32px;
padding:0 12px;
border-radius:999px;
font-size:0.78rem;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
color:#666;
background:#f7f7f7;
border:1px solid var(--line);
}

.hero-mosaic{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:14px;
}

.mosaic-card{
position:relative;
display:block;
aspect-ratio:1 / 1;
border-radius:24px;
overflow:hidden;
text-decoration:none;
background:#ececec;
border:1px solid var(--line);
box-shadow:var(--shadow);
}

.mosaic-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.mosaic-card span{
position:absolute;
left:14px;
bottom:14px;
display:inline-flex;
align-items:center;
min-height:36px;
padding:0 14px;
border-radius:999px;
background:rgba(255,255,255,0.9);
font-size:0.9rem;
font-weight:700;
color:#111;
}

.form-card{
position:sticky;
top:24px;
width:100%;
}

.form-heading{
display:grid;
gap:9px;
}

.partner-verified-star{
position:relative;
overflow:hidden;
display:inline-flex;
align-items:center;
justify-content:center;
width:18px;
height:18px;
border-radius:999px;
border:1px solid rgba(255,255,255,0.26);
background:#050505;
color:transparent;
box-shadow:0 0 0 1px rgba(255,255,255,0.20), 0 0 24px rgba(255,63,159,0.22), 0 0 28px rgba(0,213,255,0.18);
font-size:0;
line-height:1;
}

.partner-verified-star::before{
content:"";
position:absolute;
inset:-3px;
z-index:0;
background:conic-gradient(from 0deg, #ffda55, #ff3f9f, #7c3cff, #00d5ff, #37ff8b, #ffda55);
animation:seoLogoRingSpin 3s linear infinite;
}

.partner-verified-star::after{
content:"★";
position:absolute;
inset:2px;
z-index:1;
display:flex;
align-items:center;
justify-content:center;
border-radius:999px;
background:#050505;
color:#fff7bc;
font-size:8px;
}

.form-eyebrow{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
min-height:30px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.05);
color:var(--muted);
font-size:11px;
font-weight:850;
letter-spacing:0.14em;
line-height:1;
text-transform:uppercase;
}

.form-heading h2{
color:var(--text);
font-size:clamp(1.7rem, 3vw, 2.35rem);
line-height:1;
letter-spacing:-0.055em;
}

.form-mobile-toggle{
display:none;
}

.field-stack{
display:grid;
gap:8px;
}

.field-stack span{
font-size:0.78rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:#666;
}

.field-note{
display:flex;
align-items:flex-end;
padding:0 2px 2px;
font-size:0.86rem;
color:var(--muted);
}

form{
display:flex;
flex-direction:column;
gap:18px;
}

.section-copy{
font-size:15px;
color:var(--muted);
margin-top:-6px;
line-height:1.35;
}

h3{
font-size:0.8rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:#7a7a7a;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="number"],
input[type="datetime-local"],
input[type="time"],
select{
width:100%;
border:1px solid var(--line);
background:var(--surface);
border-radius:16px;
padding:15px 16px;
font-size:0.98rem;
color:var(--text);
outline:none;
transition:border-color 0.18s, background 0.18s, box-shadow 0.18s;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover,
input[type="url"]:hover,
input[type="number"]:hover,
input[type="datetime-local"]:hover,
input[type="time"]:hover,
select:hover{
background:var(--surface-alt);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus,
select:focus{
border-color:#cfcfcf;
background:#fff;
box-shadow:0 0 0 4px rgba(17,17,17,0.04);
}

select{
appearance:none;
background-image:linear-gradient(45deg, transparent 50%, #666 50%), linear-gradient(135deg, #666 50%, transparent 50%);
background-position:calc(100% - 22px) calc(50% - 2px), calc(100% - 16px) calc(50% - 2px);
background-size:6px 6px, 6px 6px;
background-repeat:no-repeat;
padding-right:42px;
}

input::placeholder{
color:#9a9a9a;
}

.widais-city-suggestions{
position:fixed;
z-index:100000;
display:grid;
gap:4px;
padding:8px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface);
box-shadow:0 24px 60px rgba(0,0,0,0.36);
overflow:auto;
overscroll-behavior:contain;
backdrop-filter:blur(18px);
}

.widais-city-suggestions[hidden]{
display:none;
}

.widais-city-option{
all:unset;
box-sizing:border-box;
display:flex;
align-items:center;
gap:10px;
min-height:40px;
padding:0 12px;
border:1px solid transparent;
border-radius:13px;
color:var(--text);
font-size:13px;
font-weight:700;
line-height:1.2;
cursor:pointer;
transition:background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.widais-city-option::before{
content:"";
flex:0 0 auto;
width:7px;
height:7px;
border-radius:999px;
background:#25c76f;
opacity:0.42;
box-shadow:0 0 0 4px rgba(37,199,111,0.08);
}

.widais-city-option:hover,
.widais-city-option:focus-visible,
.widais-city-option[data-active="true"]{
background:var(--surface-alt);
border-color:var(--line-strong);
transform:translateY(-1px);
}

.widais-city-option:hover::before,
.widais-city-option:focus-visible::before,
.widais-city-option[data-active="true"]::before{
opacity:1;
}

.widais-city-empty{
padding:12px;
border:1px dashed var(--line);
border-radius:13px;
color:var(--muted);
font-size:12px;
line-height:1.35;
}

.form-grid,
.phone-row{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.pref-group{
border:1px solid var(--line);
border-radius:20px;
background:var(--surface);
padding:8px;
}

.pref-group summary{
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:14px 16px;
cursor:pointer;
font-size:0.82rem;
letter-spacing:0.12em;
text-transform:uppercase;
color:#555;
font-weight:700;
}

.pref-group summary::-webkit-details-marker{
display:none;
}

.pref-group summary::after{
content:"+";
font-size:1.05rem;
letter-spacing:0;
color:#777;
}

.pref-group[open] summary::after{
content:"-";
}

.pref-group .music-grid{
padding:0 8px 8px;
}

.music-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
gap:12px;
}

.music-chip{
position:relative;
display:flex;
align-items:center;
min-height:56px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface);
cursor:pointer;
transition:background 0.18s, border-color 0.18s, transform 0.18s, box-shadow 0.18s;
overflow:hidden;
}

.music-chip:hover{
background:var(--surface-alt);
border-color:var(--line-strong);
transform:translateY(-1px);
}

.music-chip input{
position:absolute;
opacity:0;
pointer-events:none;
}

.music-chip span{
display:flex;
align-items:center;
gap:10px;
width:100%;
padding:14px 16px;
font-weight:600;
font-size:0.95rem;
}

.music-chip span::before{
content:"";
width:18px;
height:18px;
border-radius:999px;
border:1px solid #cfcfcf;
background:#fff;
transition:background 0.18s, border-color 0.18s, transform 0.18s;
}

.music-chip input:checked + span{
background:#f3f3f3;
}

.music-chip input:checked + span::before{
background:#111;
border-color:#111;
box-shadow:inset 0 0 0 4px #fff;
transform:scale(1.02);
}

.legal,
.promo{
display:flex;
align-items:flex-start;
gap:12px;
padding:14px 16px;
border:1px solid var(--line);
border-radius:16px;
background:var(--surface-alt);
font-size:11px;
line-height:1.35;
color:var(--muted);
}

.legal input,
.promo input{
margin-top:3px;
accent-color:#111;
}

.legal a,
.promo a{
color:#111;
font-weight:700;
text-decoration:none;
}

.legal a:hover,
.promo a:hover{
opacity:0.7;
}

button[type="submit"],
.cookie-actions button,
.cookie-action,
.cookie-save{
border:none;
border-radius:16px;
background:#111;
color:#fff;
padding:15px 18px;
font-size:0.98rem;
font-weight:700;
cursor:pointer;
transition:background 0.18s, transform 0.18s, opacity 0.18s;
}

button[type="submit"]:hover,
.cookie-actions button:hover,
.cookie-save:hover{
background:#2a2a2a;
transform:translateY(-1px);
}

.grid-cards{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(190px, 1fr));
gap:14px;
}

.card,
.linktree-btn{
display:flex;
align-items:center;
justify-content:center;
text-align:center;
min-height:76px;
padding:18px;
text-decoration:none;
font-weight:700;
border-radius:20px;
background:var(--surface);
border:1px solid var(--line);
transition:background 0.18s, border-color 0.18s, transform 0.18s, box-shadow 0.18s;
gap:12px;
}

.linktree-btn{
text-align:left;
}

.linktree-btn.has-event-image{
position:relative;
padding-left:70px;
}

.event-thumb{
position:absolute;
left:16px;
top:50%;
width:38px;
height:38px;
border-radius:12px;
overflow:hidden;
border:1px solid var(--line);
background:#111;
transform:translateY(-50%);
}

.event-thumb img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.event-line{
display:grid;
grid-template-columns:minmax(132px, 160px) minmax(0, 1fr) minmax(132px, 160px);
gap:16px;
align-items:center;
width:100%;
}

.event-date-inline{
display:inline-flex;
align-items:center;
gap:8px;
font-size:0.84rem;
font-weight:700;
color:var(--muted);
white-space:nowrap;
}

.event-date-inline svg{
width:16px;
height:16px;
fill:currentColor;
flex:0 0 auto;
display:block;
}

.event-date-text{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
}

.event-title-inline{
font-size:1rem;
font-weight:700;
color:var(--text);
overflow-wrap:anywhere;
text-align:center;
}

.event-arrow-inline{
font-size:1rem;
font-weight:700;
color:var(--muted);
justify-self:end;
}

.card:hover,
.linktree-btn:hover{
background:var(--surface-alt);
border-color:var(--line-strong);
transform:translateY(-1px);
box-shadow:var(--shadow);
}

.card-media{
position:relative;
display:block;
min-height:220px;
padding:0;
overflow:hidden;
}

.card-media img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.card-media span{
position:absolute;
left:14px;
bottom:14px;
display:inline-flex;
align-items:center;
min-height:36px;
padding:0 14px;
border-radius:999px;
background:rgba(255,255,255,0.9);
font-size:0.92rem;
font-weight:700;
}

.linktree-wrapper{
display:grid;
gap:12px;
}

.public-link-section{
display:grid;
gap:14px;
}

.public-link-title{
margin:0;
color:#fff;
font-size:clamp(1.45rem, 4vw, 2.6rem);
font-weight:850;
line-height:1;
letter-spacing:-0.055em;
text-align:center;
}

.card-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
color:#111;
}

.card-icon svg{
width:100%;
height:100%;
fill:currentColor;
}

.footer-legal{
display:flex;
align-items:center;
flex-wrap:wrap;
justify-content:space-between;
gap:20px;
margin-top:10px;
padding:22px 26px;
border:1px solid var(--line);
border-radius:28px;
background:rgba(255,255,255,0.88);
box-shadow:0 18px 44px rgba(15,23,42,0.08);
font-size:0.94rem;
color:var(--muted);
}

.footer-group{
display:flex;
flex-wrap:wrap;
gap:16px;
align-items:center;
}

.footer-legal a{
color:var(--muted);
text-decoration:none;
transition:color 0.18s ease, opacity 0.18s ease;
}

.footer-legal a:hover{
color:#111;
}

p,
ul,
li{
color:var(--muted);
}

ul{
padding-left:20px;
}

li + li{
margin-top:6px;
}

#cookie-banner,
#cookie-preferences{
position:fixed;
inset:0;
display:none;
align-items:flex-end;
justify-content:center;
padding:20px;
z-index:1000;
background:transparent;
}

#cookie-preferences{
align-items:center;
z-index:1001;
background:rgba(255,255,255,0.76);
}

.cookie-modal,
.cookie-panel{
width:min(100%, 920px);
background:#ffffff;
border:1px solid var(--line);
border-radius:26px;
box-shadow:0 24px 60px rgba(17,17,17,0.1);
}

.cookie-modal{
display:flex;
gap:18px;
align-items:center;
justify-content:space-between;
padding:20px;
width:min(100%, 1180px);
}

.cookie-text p{
margin-top:6px;
}

.cookie-text{
flex:1 1 720px;
}

.cookie-actions{
display:flex;
flex-wrap:wrap;
gap:10px;
justify-content:flex-end;
flex:0 1 320px;
}

.cookie-actions button:nth-child(2),
.cookie-secondary{
background:#f2f2f2;
color:#111;
}

.cookie-actions button:nth-child(2):hover,
.cookie-secondary:hover{
background:#e8e8e8;
}

.cookie-panel{
padding:24px;
display:flex;
flex-direction:column;
gap:18px;
}

.cookie-panel-header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
}

.cookie-close{
border:none;
background:#f3f3f3;
width:40px;
height:40px;
border-radius:999px;
cursor:pointer;
font-size:1.1rem;
}

.cookie-options{
display:grid;
gap:12px;
}

.cookie-option{
display:flex;
justify-content:space-between;
gap:16px;
align-items:center;
padding:16px;
border:1px solid var(--line);
border-radius:18px;
background:var(--surface-alt);
}

.cookie-option-copy{
display:grid;
gap:4px;
}

.cookie-option-copy strong{
font-size:0.97rem;
}

.cookie-option-copy span{
font-size:0.92rem;
color:var(--muted);
}

.cookie-switch{
position:relative;
display:inline-flex;
width:50px;
height:30px;
}

.cookie-switch input{
opacity:0;
width:0;
height:0;
}

.cookie-slider{
position:absolute;
inset:0;
border-radius:999px;
background:#d9d9d9;
transition:background 0.18s;
}

.cookie-slider::after{
content:"";
position:absolute;
top:4px;
left:4px;
width:22px;
height:22px;
border-radius:50%;
background:#fff;
box-shadow:0 2px 6px rgba(0,0,0,0.15);
transition:transform 0.18s;
}

.cookie-switch input:checked + .cookie-slider{
background:#111;
}

.cookie-switch input:checked + .cookie-slider::after{
transform:translateX(20px);
}

.cookie-panel-actions{
display:flex;
justify-content:flex-end;
gap:10px;
flex-wrap:wrap;
}

@media(max-width:768px){
body{
padding:16px;
}

.home-top{
grid-template-columns:1fr;
}

.form-card-mobile{
grid-column:1;
grid-row:2;
}

.story-bubble{
grid-column:1;
grid-row:1;
}

.mosaic-bubble{
grid-column:1;
grid-row:3;
}

.box{
padding:22px 18px;
border-radius:22px;
}

.legal-document-intro{
padding:26px 20px;
}

.legal-section{
grid-template-columns:1fr;
gap:14px;
padding:24px 20px;
}

.legal-section h3{
position:static;
}

.legal-owner-grid{
grid-template-columns:1fr;
}

.legal-letter-list li{
grid-template-columns:28px minmax(0, 1fr);
padding:10px 11px;
}

.hero,
.story-bubble,
.mosaic-bubble{
padding:28px 22px;
}

.home-logo{
width:clamp(130px, 42vw, 190px);
}

.story-copy{
align-items:center;
flex-direction:row;
flex-wrap:nowrap;
gap:12px;
justify-content:space-between;
}

.story-login-button{
flex:0 0 auto;
min-height:38px;
padding:0 14px;
font-size:0.84rem;
}

.music-grid,
.grid-cards{
grid-template-columns:1fr;
}

.hero-mosaic{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.form-grid,
.phone-row{
grid-template-columns:1fr;
}

.form-card{
position:static;
}

.footer-legal{
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
padding:18px 20px;
border-radius:22px;
}

.footer-group{
width:100%;
justify-content:flex-start;
}

.cookie-panel-header,
.cookie-option{
flex-direction:column;
align-items:flex-start;
}

.cookie-modal{
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
width:100%;
max-width:none;
min-height:0;
padding:12px;
gap:8px;
border-radius:16px;
max-height:30vh;
overflow:auto;
}

.cookie-modal{
box-shadow:0 10px 28px rgba(17,17,17,0.08);
}

.cookie-text h3{
font-size:0.82rem;
}

.cookie-text p{
font-size:0.76rem;
line-height:1.3;
display:block;
max-width:none;
}

.cookie-text{
flex:none;
width:100%;
}

.cookie-actions,
.cookie-panel-actions{
width:100%;
}

.cookie-actions button,
.cookie-panel-actions button{
flex:1 1 0;
min-height:36px;
padding:10px 10px;
font-size:0.78rem;
border-radius:12px;
}

.event-line{
display:grid;
grid-template-columns:43px minmax(0, 1fr) 43px;
gap:8px;
align-items:center;
min-height:38px;
}

.event-date-inline{
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
font-size:0.76rem;
width:100%;
white-space:nowrap;
text-align:center;
}

.event-date-inline svg{
width:14px;
height:14px;
}

.event-title-inline{
font-size:0.94rem;
line-height:1.2;
overflow:hidden;
overflow-wrap:normal;
word-break:normal;
text-wrap:balance;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
text-align:center;
grid-column:2;
}

.event-arrow-inline{
display:flex;
align-items:center;
justify-content:center;
width:100%;
line-height:1;
grid-column:3;
}

.linktree-btn{
padding:14px 14px;
min-height:68px;
}

.linktree-btn.has-event-image{
padding-left:56px;
}

.event-thumb{
left:10px;
width:32px;
height:32px;
border-radius:10px;
}

#cookie-banner{
top:auto;
right:12px;
bottom:6px;
left:12px;
width:auto;
height:auto;
max-height:none;
padding:0;
align-items:stretch;
justify-content:stretch;
background:transparent;
}

.cookie-actions{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:6px;
width:100%;
}

.cookie-panel-actions{
display:grid;
grid-template-columns:1fr;
gap:8px;
}
}

/* Dark theme */
:root{
--bg:#030303;
--surface:#0b0b0b;
--surface-alt:#121212;
--surface-muted:#181818;
--line:#272727;
--line-strong:#3a3a3a;
--text:#f6f6f6;
--muted:#a7a7a7;
--shadow:0 18px 46px rgba(0,0,0,0.42);
}

body{
background:
radial-gradient(circle at top left, rgba(255,255,255,0.08), transparent 30%),
linear-gradient(180deg, #000 0%, var(--bg) 100%);
color:var(--text);
color-scheme:dark;
}

.box,
.hero,
.pref-group,
.music-chip,
.legal,
.promo,
.card,
.linktree-btn,
.footer-legal,
.cookie-modal,
.cookie-panel,
.cookie-option,
.legal-table-wrap{
background:rgba(12,12,12,0.96);
border-color:var(--line);
color:var(--text);
box-shadow:var(--shadow);
}

.box.story-bubble{
background:rgba(12,12,12,0.96);
border-color:var(--line);
color:#fff;
box-shadow:var(--shadow);
}

.hero{
background:
linear-gradient(180deg, rgba(12,12,12,0.98), rgba(5,5,5,0.98)),
repeating-linear-gradient(135deg, rgba(255,255,255,0.035) 0 2px, transparent 2px 18px);
}

.legal-table th,
.legal-table td{
border-color:var(--line);
color:var(--muted);
}

.legal-table th{
background:var(--surface-alt);
color:var(--text);
}

.story-chips span,
.story-side-note span,
.mosaic-card span,
.card-media span{
background:rgba(0,0,0,0.74);
border-color:rgba(255,255,255,0.18);
color:#fff;
}

.mosaic-card{
background:#141414;
border-color:var(--line);
}

h1,
h2,
h3,
.event-title-inline,
.cookie-option-copy strong{
color:var(--text);
}

p,
ul,
li,
.story-copy p,
.story-subcopy,
.field-note,
.section-copy,
.event-date-inline,
.event-arrow-inline,
.footer-legal,
.footer-legal a,
.cookie-option-copy span{
color:var(--muted);
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="url"],
input[type="number"],
input[type="datetime-local"],
input[type="time"],
select{
background:#111;
border-color:var(--line);
color:var(--text);
color-scheme:dark;
}

select option{
background:#111;
color:#fff;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover,
input[type="url"]:hover,
input[type="number"]:hover,
input[type="datetime-local"]:hover,
input[type="time"]:hover,
select:hover,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus,
select:focus{
background:#171717;
border-color:#4a4a4a;
box-shadow:0 0 0 4px rgba(255,255,255,0.06);
}

select{
appearance:none;
-webkit-appearance:none;
background-color:#111;
background-image:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.25L7 7.25L13 1.25' stroke='%23d8d8d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
background-position:calc(100% - 18px) 50%;
background-size:14px 9px;
background-repeat:no-repeat;
padding-right:46px;
}

#pais-select,
#telefono-prefijo-select{
background-color:#111;
background-image:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.25L7 7.25L13 1.25' stroke='%23d8d8d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
background-position:calc(100% - 18px) 50%;
background-size:14px 9px;
background-repeat:no-repeat;
}

input::placeholder{
color:#777;
}

.pref-group summary,
.field-stack span,
h3{
color:#cfcfcf;
}

.music-chip:hover,
.card:hover,
.linktree-btn:hover{
background:#171717;
border-color:var(--line-strong);
}

.music-chip span::before{
background:#090909;
border-color:#666;
}

.music-chip input:checked + span{
background:#1b1b1b;
color:#fff;
}

.music-chip input:checked + span::before{
background:#fff;
border-color:#fff;
box-shadow:inset 0 0 0 4px #111;
}

.legal a,
.promo a,
.footer-legal a:hover,
.card-icon{
color:#fff;
}

.legal input,
.promo input{
accent-color:#fff;
}

.legal-back,
button[type="submit"],
.cookie-actions button,
.cookie-action,
.cookie-save{
background:#fff;
border:1px solid #fff;
color:#050505;
}

.legal-back:hover,
button[type="submit"]:hover,
.cookie-actions button:hover,
.cookie-save:hover{
background:#e8e8e8;
color:#050505;
}

.story-bubble .story-login-button{
background:#fff;
border-color:#fff;
color:#050505;
}

.story-bubble .story-login-button:hover{
background:#e8e8e8;
}

#cookie-preferences{
background:rgba(0,0,0,0.74);
}

.cookie-actions button:nth-child(2),
.cookie-secondary,
.cookie-close{
background:#1a1a1a;
color:#fff;
}

.cookie-actions button:nth-child(2):hover,
.cookie-secondary:hover,
.cookie-close:hover{
background:#242424;
}

.cookie-slider{
background:#d83b3b;
}

.cookie-slider::after{
background:#fff;
}

.cookie-switch input:checked + .cookie-slider{
background:#25c76f;
}

.cookie-switch input:checked + .cookie-slider::after{
background:#fff;
}

/* Clear active/inactive states */
.music-chip{
border-color:var(--line);
background:var(--surface);
}

.music-chip span{
color:var(--text);
justify-content:flex-start;
}

.music-chip span::before{
display:inline-flex;
content:"";
width:18px;
height:18px;
border-radius:999px;
border:1px solid #343434;
background:#050505;
box-shadow:inset 0 0 0 4px #050505;
transition:background 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.music-chip input:checked + span{
background:transparent;
color:var(--text);
}

.music-chip input:checked + span::before{
background:#25c76f;
border-color:#25c76f;
box-shadow:inset 0 0 0 4px #050505;
transform:scale(1.02);
}

.legal,
.promo{
position:relative;
align-items:center;
min-height:48px;
padding-left:46px;
}

.legal input,
.promo input{
position:absolute;
opacity:0;
pointer-events:none;
}

.legal::before,
.promo::before{
content:"";
position:absolute;
left:16px;
top:50%;
width:18px;
height:18px;
border-radius:999px;
border:1px solid #343434;
background:#050505;
box-shadow:inset 0 0 0 4px #050505;
transform:translateY(-50%);
transition:background 0.18s, border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.legal:has(input:checked)::before,
.promo:has(input:checked)::before{
background:#25c76f;
border-color:#25c76f;
box-shadow:inset 0 0 0 4px #050505;
transform:translateY(-50%) scale(1.02);
}

/* Slim public home header/footer and static landing */
.story-bubble,
.box.story-bubble{
min-height:50px;
padding:5px 10px 5px 12px;
border-radius:18px;
background:rgba(12,12,12,0.72);
border-color:rgba(255,255,255,0.14);
box-shadow:0 18px 46px rgba(0,0,0,0.28);
backdrop-filter:blur(22px) saturate(140%);
-webkit-backdrop-filter:blur(22px) saturate(140%);
}

.story-copy{
gap:14px;
flex-wrap:nowrap;
min-height:40px;
}

.home-logo{
width:30px;
height:30px;
max-height:none;
object-fit:contain;
align-self:center;
border-radius:6px;
}

.partner-header-identity{
display:inline-flex;
align-items:center;
gap:9px;
min-width:0;
height:34px;
padding:3px 10px 3px 4px;
border:1px solid rgba(255,255,255,0.13);
border-radius:999px;
background:rgba(0,0,0,0.24);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
color:#fff;
}

.partner-header-avatar{
display:block;
width:28px;
height:28px;
flex:0 0 auto;
object-fit:cover;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:#050505;
box-shadow:0 8px 18px rgba(0,0,0,0.24);
}

.partner-header-slug{
display:block;
max-width:min(42vw, 240px);
overflow:hidden;
color:rgba(255,255,255,0.88);
font-size:12px;
font-weight:900;
letter-spacing:-0.01em;
line-height:1;
text-overflow:ellipsis;
white-space:nowrap;
}

.partner-header-identity .partner-verified-star{
width:16px;
height:16px;
flex:0 0 auto;
font-size:0;
}

.partner-header-mobile-logo{
display:none;
}

.story-login-button,
.story-bubble .story-login-button{
min-height:34px;
padding:0 16px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:transparent;
color:#fff;
font-size:12px;
font-weight:700;
line-height:18px;
align-self:center;
}

.story-login-button:hover,
.story-bubble .story-login-button:hover{
background:rgba(255,255,255,0.06);
border-color:rgba(255,255,255,0.5);
color:#fff;
transform:none;
}

.widais-global-notice{
position:relative;
isolation:isolate;
display:grid;
grid-template-columns:minmax(0, 1fr) auto auto;
align-items:center;
gap:16px;
width:100%;
max-width:1380px;
margin:0 auto 10px;
padding:14px 16px 14px 18px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.16);
border-radius:28px;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.22), transparent 34%),
radial-gradient(circle at 92% 14%, rgba(158,255,225,0.30), transparent 32%),
radial-gradient(circle at 18% 120%, rgba(240,255,97,0.16), transparent 42%),
linear-gradient(135deg, rgba(10,10,11,0.96), rgba(23,25,24,0.92));
box-shadow:0 18px 54px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.16);
color:#fff;
backdrop-filter:blur(20px) saturate(145%);
-webkit-backdrop-filter:blur(20px) saturate(145%);
}

.pro-page .widais-global-notice{
max-width:none;
}

.widais-global-notice[hidden]{
display:none;
}

.widais-global-notice::before{
content:"";
position:absolute;
inset:0;
z-index:-1;
padding:1px;
border-radius:inherit;
background:linear-gradient(120deg, rgba(255,255,255,0.42), rgba(158,255,225,0.78), rgba(240,255,97,0.58), rgba(255,255,255,0.18));
mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
mask-composite:exclude;
-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
pointer-events:none;
}

.widais-global-notice-copy{
display:grid;
gap:4px;
min-width:0;
}

.widais-global-notice-copy strong{
color:#fff;
font-size:clamp(0.98rem, 1.6vw, 1.18rem);
font-weight:950;
letter-spacing:-0.035em;
line-height:1.05;
}

.widais-global-notice-copy p{
margin:0;
color:rgba(255,255,255,0.70);
font-size:12px;
font-weight:740;
line-height:1.35;
}

.widais-global-notice-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:linear-gradient(135deg, #f1ff5c, #9effe1);
color:#050505;
font-size:11px;
font-weight:950;
letter-spacing:.08em;
text-decoration:none;
text-transform:uppercase;
white-space:nowrap;
box-shadow:0 10px 22px rgba(158,255,225,0.18), inset 0 1px 0 rgba(255,255,255,0.52);
transition:transform .18s ease, filter .18s ease, border-color .18s ease;
}

.widais-global-notice-link:hover,
.widais-global-notice-link:focus-visible{
border-color:rgba(255,255,255,0.44);
filter:saturate(1.08) brightness(1.04);
outline:none;
transform:translateY(-1px);
}

.widais-global-notice-close{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
padding:0;
overflow:hidden;
border:1px solid rgba(255,255,255,0.20);
border-radius:999px;
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.24), transparent 34%),
rgba(255,255,255,0.08);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.18);
cursor:pointer;
transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.widais-global-notice-close:hover,
.widais-global-notice-close:focus-visible{
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.34), transparent 34%),
rgba(255,255,255,0.16);
border-color:rgba(255,255,255,0.38);
box-shadow:0 10px 22px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.24);
outline:none;
transform:translateY(-1px) rotate(4deg);
}

.widais-global-notice-close svg{
position:relative;
z-index:1;
width:16px;
height:16px;
fill:currentColor;
}

@media(max-width:768px){
.widais-global-notice{
grid-template-columns:minmax(0, 1fr) auto;
align-items:start;
gap:12px;
padding:16px 54px 14px 14px;
border-radius:24px;
}

.widais-global-notice-copy{
padding-right:2px;
}

.widais-global-notice-link{
grid-column:1 / -1;
justify-self:stretch;
width:calc(100% + 44px);
margin-right:-44px;
}

.widais-global-notice-close{
position:absolute;
top:10px;
right:10px;
width:32px;
height:32px;
}
}

.home-static .home-top{
grid-template-columns:minmax(0, 0.6fr) minmax(340px, 0.4fr);
width:100%;
}

.home-static .container,
.home-personalized .container{
width:calc(100vw - 48px);
max-width:none;
}

.static-hero{
position:relative;
isolation:isolate;
grid-column:1;
grid-row:2;
min-height:clamp(520px, 72vh, 760px);
overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
border-radius:var(--radius-xl);
background:
radial-gradient(circle at var(--widais-liquid-x, 18%) var(--widais-liquid-y, 18%), rgba(241,255,92,0.34), transparent 28%),
radial-gradient(circle at 78% 18%, rgba(117,231,255,0.26), transparent 30%),
radial-gradient(circle at 22% 88%, rgba(255,111,145,0.22), transparent 34%),
radial-gradient(circle at 84% 86%, rgba(121,255,181,0.20), transparent 32%),
linear-gradient(135deg, #050505 0%, #11110a 42%, #050509 100%);
background-size:150% 150%, 140% 140%, 160% 160%, 150% 150%, 100% 100%;
box-shadow:var(--shadow);
animation:widaisDiscoLights 13s ease-in-out infinite alternate;
}

.static-hero::before{
content:"";
position:absolute;
inset:0;
z-index:1;
border-radius:inherit;
background:
linear-gradient(90deg, rgba(0,0,0,0.52), rgba(0,0,0,0.16) 48%, rgba(0,0,0,0.54)),
linear-gradient(180deg, rgba(0,0,0,0.04), rgba(0,0,0,0.64));
box-shadow:inset 0 0 0 10px rgba(5,5,5,0.92);
pointer-events:none;
}

.static-hero::after{
content:"";
position:absolute;
inset:-42%;
z-index:0;
border-radius:inherit;
background:
conic-gradient(from 0deg at 50% 50%, transparent 0deg, rgba(241,255,92,0.16) 44deg, transparent 92deg, rgba(117,231,255,0.14) 148deg, transparent 210deg, rgba(255,111,145,0.13) 278deg, transparent 360deg);
filter:blur(42px);
opacity:0.82;
mix-blend-mode:screen;
animation:widaisDiscoSpin 18s linear infinite;
pointer-events:none;
}

.home-static .form-card-mobile{
grid-column:2;
grid-row:2;
}

.home-personalized .home-top{
grid-template-columns:minmax(0, 0.6fr) minmax(340px, 0.4fr);
width:100%;
}

.home-personalized.showcase-empty .home-top{
grid-template-columns:minmax(320px, 520px);
justify-content:center;
}

.home-personalized.showcase-empty .form-card-mobile{
grid-column:1;
justify-self:center;
max-width:520px;
}

.home-personalized .mosaic-bubble{
grid-column:1;
grid-row:2;
min-height:clamp(520px, 72vh, 760px);
padding:10px;
overflow:hidden;
border-radius:var(--radius-xl);
background:#050505;
}

.partner-bio-slider{
position:relative;
isolation:isolate;
grid-column:1;
grid-row:2;
display:flex;
align-items:center;
min-height:clamp(520px, 72vh, 760px);
overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
border-radius:var(--radius-xl);
background:#050505;
box-shadow:var(--shadow);
}

.partner-card-slider{
position:relative;
isolation:isolate;
grid-column:1;
grid-row:2;
justify-self:center;
width:min(100%, 980px);
max-width:980px;
height:var(--showcase-locked-size, auto);
aspect-ratio:1 / 1;
min-height:0;
overflow:hidden;
border:1px solid rgba(255,255,255,0.18);
border-radius:var(--radius-xl);
background:
radial-gradient(circle at 14% 10%, rgba(255,255,255,0.18), transparent 24%),
radial-gradient(circle at 88% 12%, rgba(255,218,85,0.10), transparent 26%),
linear-gradient(145deg, #050505, #101010 54%, #050505);
box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,0.10);
}

.partner-card-slider::before{
content:"";
position:absolute;
inset:0;
z-index:0;
background:
radial-gradient(circle at 82% 12%, rgba(37,199,111,0.13), transparent 28%),
radial-gradient(circle at 8% 88%, rgba(255,218,85,0.13), transparent 30%);
opacity:0.82;
pointer-events:none;
}

.partner-card-slider::after{
content:"";
position:absolute;
inset:10px;
z-index:4;
border:1px solid rgba(255,255,255,0.10);
border-radius:calc(var(--radius-xl) - 8px);
box-shadow:inset 0 0 0 1px rgba(0,0,0,0.20);
pointer-events:none;
}

.partner-card-slide-deck{
position:absolute;
inset:10px;
z-index:1;
border-radius:calc(var(--radius-xl) - 8px);
overflow:hidden;
background:
radial-gradient(circle at 50% 18%, rgba(255,255,255,0.08), transparent 34%),
linear-gradient(145deg, #050505, #111 54%, #050505);
}

.partner-card-slide{
position:absolute;
inset:0;
display:flex;
align-items:flex-end;
justify-content:flex-start;
padding:clamp(28px, 5vw, 64px);
padding-bottom:clamp(108px, 8vw, 142px);
overflow:hidden;
text-decoration:none;
opacity:0;
animation:widais-showcase-slide var(--slide-duration, 14.4s) infinite;
animation-delay:var(--slide-delay, 0s);
}

.partner-card-slide:first-child:last-child{
opacity:1;
animation:none;
}

.partner-card-slide::before{
display:none;
}

.partner-card-slide img{
position:absolute;
inset:0;
z-index:0;
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
transform:scale(1);
transition:filter .42s ease;
}

.partner-card-slide strong{
display:none;
}

.partner-card-slider.is-ready .partner-card-slide{
animation:none;
opacity:0;
transform:none;
transition:opacity .42s ease;
pointer-events:none;
}

.partner-card-slider.is-ready .partner-card-slide.is-active{
opacity:1;
transform:none;
pointer-events:auto;
}

.partner-card-slider.is-ready .partner-card-slide.is-active img{
transform:scale(1);
}

.partner-card-bubbles{
position:absolute;
left:clamp(22px, 4vw, 46px);
right:clamp(22px, 4vw, 46px);
bottom:clamp(18px, 3vw, 34px);
z-index:5;
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
padding:8px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:linear-gradient(135deg, rgba(0,0,0,0.82), rgba(0,0,0,0.58));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 42px rgba(0,0,0,0.34);
backdrop-filter:blur(18px) saturate(145%);
-webkit-backdrop-filter:blur(18px) saturate(145%);
}

.partner-card-active-label{
display:none;
position:absolute;
z-index:6;
align-items:center;
justify-content:center;
min-height:34px;
max-width:calc(100% - 32px);
padding:0 14px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:linear-gradient(135deg, rgba(0,0,0,0.92), rgba(0,0,0,0.68));
color:#fff;
font-size:11px;
font-weight:950;
letter-spacing:.06em;
line-height:1.1;
text-align:center;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10), 0 14px 34px rgba(0,0,0,0.34);
backdrop-filter:blur(16px) saturate(145%);
-webkit-backdrop-filter:blur(16px) saturate(145%);
}

.partner-card-bubble{
position:relative;
min-width:0;
flex:1 1 0;
max-width:260px;
min-height:38px;
display:inline-flex;
align-items:center;
gap:8px;
padding:0 14px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.055);
color:rgba(255,255,255,0.78);
font-size:11px;
font-weight:900;
letter-spacing:.03em;
text-decoration:none;
white-space:nowrap;
text-overflow:ellipsis;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
transition:transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
font-family:inherit;
cursor:pointer;
}

.partner-card-bubble span{
flex:0 0 auto;
width:7px;
height:7px;
border-radius:999px;
background:rgba(255,255,255,0.42);
box-shadow:0 0 0 4px rgba(255,255,255,0.06);
}

.partner-card-bubble::after{
content:"";
position:absolute;
left:14px;
right:14px;
bottom:5px;
height:2px;
border-radius:999px;
background:currentColor;
opacity:0;
transform:scaleX(0);
transform-origin:left center;
}

.partner-card-bubble:hover,
.partner-card-bubble:focus-visible,
.partner-card-bubble.is-active{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.58);
background:linear-gradient(135deg, #fff, rgba(255,255,255,0.82));
color:#050505;
outline:none;
}

.partner-card-bubble.is-active::after{
opacity:.58;
animation:widaisBubbleProgress 4.8s linear infinite;
}

.partner-card-bubble:hover span,
.partner-card-bubble:focus-visible span,
.partner-card-bubble.is-active span{
background:#050505;
box-shadow:0 0 0 4px rgba(0,0,0,0.08);
}

@keyframes widaisBubbleProgress{
0%{transform:scaleX(0);}
100%{transform:scaleX(1);}
}

@keyframes widais-showcase-slide{
0%{opacity:0; transform:scale(0.99);}
7%{opacity:1; transform:scale(1);}
31%{opacity:1; transform:scale(1);}
39%{opacity:0; transform:scale(1.01);}
100%{opacity:0; transform:scale(1.01);}
}

.partner-bio-slider::before{
content:"";
position:absolute;
inset:0;
z-index:1;
border-radius:inherit;
box-shadow:inset 0 0 0 10px #050505;
pointer-events:none;
}

.partner-bio-slider-copy{
position:relative;
z-index:2;
display:grid;
gap:18px;
padding:clamp(34px, 6vw, 84px);
}

.partner-bio-slider-copy span{
display:inline-flex;
align-items:center;
width:max-content;
min-height:34px;
padding:0 14px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:rgba(255,255,255,0.78);
font-size:12px;
font-weight:900;
letter-spacing:0.08em;
text-transform:uppercase;
backdrop-filter:blur(16px) saturate(140%);
-webkit-backdrop-filter:blur(16px) saturate(140%);
}

.partner-bio-slider-copy p{
max-width:760px;
color:#fff;
font-size:clamp(2.35rem, 6vw, 5.4rem);
font-weight:800;
line-height:0.95;
letter-spacing:-0.075em;
text-wrap:balance;
}

.home-personalized .hero-mosaic{
height:100%;
gap:10px;
}

.home-personalized .mosaic-card{
height:100%;
min-height:0;
border-radius:20px;
box-shadow:none;
}

.home-personalized .mosaic-card-empty{
pointer-events:none;
background:rgba(255,255,255,0.035);
border-color:rgba(255,255,255,0.08);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}

.home-personalized .form-card-mobile{
grid-column:2;
grid-row:2;
}

.home-personalized .form-card-mobile{
position:sticky;
}

.partner-mobile-profile-ring{
display:none;
}

.static-slider{
position:absolute;
inset:0;
z-index:0;
overflow:hidden;
border-radius:inherit;
}

.static-slider::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:
linear-gradient(90deg, rgba(0,0,0,0.72), rgba(0,0,0,0.26) 52%, rgba(0,0,0,0.58)),
linear-gradient(180deg, rgba(0,0,0,0.18), rgba(0,0,0,0.74));
}

.static-hero-copy{
position:relative;
z-index:2;
display:flex;
align-items:center;
min-height:inherit;
padding:clamp(34px, 6vw, 84px);
isolation:isolate;
}

.static-hero-copy p{
position:relative;
z-index:1;
max-width:760px;
color:#fff;
font-size:clamp(2.35rem, 6vw, 5.4rem);
font-weight:800;
line-height:0.95;
letter-spacing:-0.075em;
text-wrap:balance;
}

.footer-legal{
display:grid;
grid-template-columns:1fr auto 1fr;
align-items:center;
gap:12px;
min-height:50px;
padding:6px 14px;
border-radius:18px;
font-size:12px;
line-height:20px;
}

.footer-brand,
.footer-left{
justify-self:start;
color:rgba(255,255,255,0.76);
white-space:nowrap;
}

.footer-center{
justify-content:center;
}

.footer-right{
grid-column:3;
justify-content:flex-end;
}

.footer-group{
gap:16px;
}

.footer-legal a{
font-size:12px;
color:rgba(255,255,255,0.68);
}

.footer-legal a:hover{
color:#fff;
}

.home-personalized .public-link-section{
position:relative;
isolation:isolate;
display:grid;
gap:16px;
padding:22px 24px 24px;
border-radius:30px;
overflow:hidden;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.09), transparent 30%),
linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
rgba(9,9,10,0.84);
border-color:rgba(255,255,255,0.13);
box-shadow:0 22px 60px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.08);
}

.home-personalized .public-link-section::before{
content:"";
position:absolute;
left:24px;
right:24px;
top:0;
height:1px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.46), rgba(255,255,255,0.18), transparent);
opacity:0.74;
}

.home-personalized .public-link-title{
display:flex;
align-items:center;
gap:12px;
margin:0;
font-size:1rem;
font-weight:950;
letter-spacing:0.18em;
line-height:1.1;
text-align:left;
text-transform:uppercase;
}

.home-personalized .public-link-title::after{
content:"";
flex:1 1 auto;
height:1px;
min-width:80px;
background:linear-gradient(90deg, rgba(255,255,255,0.34), transparent);
}

.home-personalized .public-link-section .linktree-wrapper{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
gap:10px;
}

.home-personalized .public-link-section .linktree-btn{
justify-content:flex-start;
min-height:62px;
padding:11px 42px 11px 54px;
border-radius:20px;
background:
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025)),
rgba(8,8,9,0.78);
border-color:rgba(255,255,255,0.13);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.075);
}

button.linktree-btn{
width:100%;
border-style:solid;
color:inherit;
font:inherit;
cursor:pointer;
}

.home-personalized .public-music-section{
background:
radial-gradient(circle at 8% 0%, rgba(94,234,212,0.14), transparent 34%),
radial-gradient(circle at 92% 16%, rgba(250,204,21,0.10), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
rgba(9,9,10,0.84);
}

.home-personalized .public-music-link .event-arrow-inline{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.08);
font-size:1rem;
line-height:1;
margin-right:-14px;
}

.home-personalized .public-link-section .linktree-btn:hover{
background:
linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)),
rgba(14,14,15,0.9);
border-color:rgba(255,255,255,0.22);
box-shadow:0 14px 34px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.1);
}

.home-personalized .public-link-section .event-thumb{
left:13px;
width:32px;
height:32px;
border-radius:11px;
border-color:rgba(255,255,255,0.16);
opacity:0.86;
box-shadow:0 6px 14px rgba(0,0,0,0.18);
}

.home-personalized .public-link-section .event-line{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
grid-template-rows:auto auto;
gap:4px 10px;
align-items:center;
min-height:0;
width:100%;
}

.home-personalized .public-link-section .event-date-inline{
grid-column:1;
grid-row:1;
justify-content:flex-start;
width:auto;
max-width:100%;
gap:7px;
font-size:0.68rem;
font-weight:950;
letter-spacing:0.11em;
line-height:1;
text-align:left;
text-transform:uppercase;
color:rgba(255,255,255,0.58);
}

.home-personalized .public-link-section .event-date-inline svg{
width:13px;
height:13px;
padding:3px;
box-sizing:content-box;
border:1px solid rgba(255,255,255,0.15);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#fff;
fill:currentColor;
}

.home-personalized .public-link-section .event-title-inline{
grid-column:1;
grid-row:2;
font-size:0.92rem;
line-height:1.14;
text-align:left;
}

.home-personalized .public-link-section .event-arrow-inline{
grid-column:2;
grid-row:1 / 3;
align-self:center;
justify-self:end;
font-size:0.82rem;
color:rgba(255,255,255,0.54);
}

.music-modal[hidden]{
display:none;
}

html.music-modal-open,
html.music-modal-open body,
body.music-modal-open{
overflow:hidden;
}

.music-modal{
position:fixed;
inset:0;
z-index:2147483000;
display:flex;
align-items:center;
justify-content:center;
place-items:center;
padding:20px;
isolation:isolate;
pointer-events:auto;
}

.music-modal-backdrop{
position:absolute;
inset:0;
z-index:0;
background:rgba(0,0,0,0.68);
backdrop-filter:blur(12px) saturate(120%);
-webkit-backdrop-filter:blur(12px) saturate(120%);
cursor:pointer;
}

.music-modal-card{
position:relative;
z-index:2;
display:grid;
gap:18px;
width:min(520px, 100%);
max-height:min(760px, 88vh);
overflow:auto;
padding:20px;
border:1px solid rgba(255,255,255,0.16);
border-radius:32px;
background:
radial-gradient(circle at 8% 0%, rgba(94,234,212,0.20), transparent 34%),
radial-gradient(circle at 92% 18%, rgba(250,204,21,0.15), transparent 32%),
linear-gradient(145deg, rgba(12,12,13,0.98), rgba(5,5,5,0.96));
box-shadow:0 44px 120px rgba(0,0,0,0.64), 0 0 0 1px rgba(255,255,255,0.06), inset 0 1px 0 rgba(255,255,255,0.12);
color:#fff;
animation:musicModalPop .18s ease both;
overscroll-behavior:contain;
}

@keyframes musicModalPop{
from{
opacity:0;
transform:translateY(10px) scale(0.985);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}

.music-modal-close{
position:absolute;
top:14px;
right:14px;
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#fff;
font-size:22px;
line-height:1;
cursor:pointer;
z-index:3;
transition:transform .18s ease, background .18s ease, border-color .18s ease;
}

.music-modal-close:hover,
.music-modal-close:focus-visible{
background:rgba(255,255,255,0.16);
border-color:rgba(255,255,255,0.34);
outline:none;
transform:translateY(-1px) rotate(4deg);
}

.music-modal-hero{
display:grid;
grid-template-columns:86px minmax(0, 1fr);
gap:14px;
align-items:center;
padding-right:38px;
}

.music-modal .music-modal-hero.music-modal-hero-no-cover{
grid-template-columns:1fr;
padding-right:42px;
}

.music-modal-hero span{
display:block;
margin:0 0 5px;
color:rgba(255,255,255,0.56);
font-size:11px;
font-weight:950;
letter-spacing:0.18em;
text-transform:uppercase;
}

.music-modal-hero h4{
margin:0;
font-size:clamp(1.5rem, 4vw, 2.3rem);
line-height:0.95;
letter-spacing:-0.07em;
}

.music-modal-hero p{
margin:8px 0 0;
color:rgba(255,255,255,0.62);
font-size:13px;
font-weight:760;
line-height:1.35;
}

.music-platform-list{
display:grid;
gap:9px;
}

.music-platform-link{
display:flex;
align-items:center;
gap:11px;
min-height:52px;
padding:9px 12px;
border:1px solid rgba(255,255,255,0.12);
border-radius:18px;
background:rgba(255,255,255,0.07);
color:#fff;
text-decoration:none;
transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.music-platform-link:hover,
.music-platform-link:focus-visible{
border-color:rgba(255,255,255,0.24);
background:rgba(255,255,255,0.12);
outline:none;
transform:translateY(-1px);
}

.music-platform-link span{
font-size:14px;
font-weight:950;
}

.music-platform-link em{
margin-left:auto;
color:rgba(255,255,255,0.52);
font-style:normal;
font-weight:900;
}

.music-platform-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
min-width:34px;
border-radius:999px;
background:#111;
color:#fff;
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18);
}

.music-platform-icon svg{
width:18px;
height:18px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

.music-platform-icon-spotify{background:#1db954;color:#04120a;}
.music-platform-icon-apple_music{background:linear-gradient(135deg, #ff5f8f, #8b5cf6);}
.music-platform-icon-youtube_music,
.music-platform-icon-youtube{background:#ff0033;color:#fff;}
.music-platform-icon-amazon_music{background:#00a8e1;color:#041014;}
.music-platform-icon-deezer{background:linear-gradient(135deg, #ffcc00, #ff4d8d, #6c5ce7);}
.music-platform-icon-tidal{background:#050505;color:#fff;}
.music-platform-icon-soundcloud{background:#ff5500;color:#fff;}
.music-platform-icon-beatport{background:linear-gradient(135deg, #01ff95, #00b36b);color:#001b10;}
.music-platform-icon-itunes{background:linear-gradient(135deg, #fb5cff, #4f8bff);}
.music-platform-icon-pandora{background:#005ff9;color:#fff;}

.partner-mobile-social-section{
display:none;
}

.home-personalized .partner-social-section{
display:grid;
gap:16px;
margin-top:0;
}

.home-personalized .partner-social-grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
gap:10px;
}

.home-personalized .partner-social-link{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
min-height:62px;
width:auto;
height:auto;
padding:11px 70px 11px 54px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.13);
border-radius:20px;
background:
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025)),
rgba(8,8,9,0.78);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.075);
color:#fff;
text-decoration:none;
transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.home-personalized .partner-social-link:hover,
.home-personalized .partner-social-link:focus-visible{
background:
linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04)),
rgba(14,14,15,0.9);
border-color:rgba(255,255,255,0.22);
box-shadow:0 14px 34px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.1);
outline:none;
transform:translateY(-1px);
}

.home-personalized .partner-social-link .social-network-icon{
position:absolute;
left:13px;
top:50%;
display:inline-grid;
place-items:center;
flex:0 0 auto;
width:32px;
height:32px;
border:1px solid rgba(255,255,255,0.16);
border-radius:11px;
background:
radial-gradient(circle at 30% 15%, rgba(255,255,255,0.28), transparent 34%),
rgba(255,255,255,0.08);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 10px 22px rgba(0,0,0,0.24);
transform:translateY(-50%);
}

.home-personalized .partner-social-link .social-network-icon svg{
width:16px;
height:16px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

.home-personalized .partner-social-link .social-network-icon-instagram{
background:linear-gradient(135deg, #ffda55, #ff3f9f 48%, #7c3cff);
}

.home-personalized .partner-social-link .social-network-icon-linkedin{
background:linear-gradient(135deg, #4fc3ff, #0a66c2);
}

.home-personalized .partner-social-link .social-network-icon-facebook{
background:linear-gradient(135deg, #7bb6ff, #1877f2);
}

.home-personalized .partner-social-link .social-network-icon-tiktok,
.home-personalized .partner-social-link .social-network-icon-x,
.home-personalized .partner-social-link .social-network-icon-threads{
background:linear-gradient(135deg, #242424, #050505);
}

.home-personalized .partner-social-link .social-network-icon-youtube{
background:linear-gradient(135deg, #ff6262, #ff0000);
}

.home-personalized .partner-social-link .social-network-icon-spotify{
background:linear-gradient(135deg, #4dff8a, #1db954);
}

.home-personalized .partner-social-link .social-network-icon-soundcloud{
background:linear-gradient(135deg, #ffb25f, #ff5500);
}

.partner-social-copy{
display:grid;
gap:3px;
min-width:0;
margin-left:0;
line-height:1.1;
}

.partner-social-copy strong{
display:block;
overflow:hidden;
color:rgba(255,255,255,0.93);
font-size:0.92rem;
font-weight:900;
text-overflow:ellipsis;
white-space:nowrap;
}

.partner-social-copy small{
display:block;
overflow:hidden;
color:rgba(255,255,255,0.55);
font-size:0.68rem;
font-weight:950;
letter-spacing:0.12em;
text-overflow:ellipsis;
text-transform:uppercase;
white-space:nowrap;
}

.partner-social-arrow{
position:absolute;
right:42px;
top:50%;
color:rgba(255,255,255,0.50);
font-size:0.82rem;
font-weight:900;
line-height:1;
transform:translateY(-50%);
}

.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
overflow:hidden;
clip:rect(0, 0, 0, 0);
white-space:nowrap;
border:0;
}

@media(max-width:768px){
.home-static .home-top,
.home-personalized .home-top{
grid-template-columns:1fr;
gap:16px;
width:100%;
}

.home-personalized .home-top{
gap:22px;
}

.story-bubble,
.box.story-bubble{
padding:6px 8px 6px 10px;
border-radius:18px;
}

.home-logo{
width:26px;
height:26px;
max-height:none;
}

.story-login-button,
.story-bubble .story-login-button{
min-height:32px;
padding:0 12px;
font-size:11px;
}

.static-hero{
grid-column:1;
grid-row:3;
min-height:68vh;
border-radius:24px;
}

.static-slider{
inset:0;
border-radius:inherit;
}

.static-hero::before{
box-shadow:inset 0 0 0 8px #050505;
}

.home-static .form-card-mobile{
grid-column:1;
grid-row:2;
}

.home-personalized .mosaic-bubble{
grid-column:1;
grid-row:3;
min-height:0;
margin-top:12px;
padding:10px;
border-radius:24px;
}

	.home-personalized .partner-bio-slider{
	display:none;
	}

	.home-personalized.showcase-mobile-hidden .mosaic-bubble,
	.home-personalized.showcase-mobile-hidden .partner-card-slider,
	.home-personalized.showcase-mobile-hidden .partner-bio-slider{
	display:none !important;
	}
	
	.home-personalized .partner-card-slider{
	grid-column:1;
grid-row:3;
width:100%;
max-width:none;
height:var(--showcase-locked-size, auto);
aspect-ratio:1 / 1;
min-height:0;
margin-top:16px;
border-radius:24px;
}

.home-personalized .partner-mobile-profile-ring + .form-card-mobile + .partner-card-slider{
grid-row:4;
}

.home-personalized .partner-card-slide-deck{
inset:8px;
border-radius:18px;
}

.home-personalized .partner-card-slider::after{
inset:8px;
border-radius:18px;
}

.home-personalized .partner-card-slide{
padding:22px;
padding-bottom:112px;
}

.home-personalized .partner-card-slide strong{
max-width:92%;
font-size:clamp(1.65rem, 9.4vw, 2.55rem);
line-height:0.96;
letter-spacing:-0.062em;
}

.home-personalized .partner-card-bubbles{
left:50%;
right:auto;
bottom:14px;
gap:9px;
flex-wrap:nowrap;
justify-content:center;
width:auto;
max-width:calc(100% - 28px);
padding:8px 10px;
overflow:visible;
scrollbar-width:none;
border-radius:24px;
transform:translateX(-50%);
}

.home-personalized .partner-card-active-label{
display:flex;
gap:8px;
align-items:center;
justify-content:center;
left:50%;
bottom:58px;
width:max-content;
max-width:calc(100% - 42px);
min-height:38px;
padding:9px 16px;
border-color:rgba(255,255,255,0.20);
border-radius:18px;
background:
linear-gradient(135deg, rgba(0,0,0,0.86), rgba(0,0,0,0.58)),
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.18), transparent 36%);
font-size:11px;
letter-spacing:.045em;
line-height:1.18;
white-space:normal;
text-wrap:balance;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.14), 0 16px 36px rgba(0,0,0,0.40);
transform:translateX(-50%);
}

.home-personalized .partner-card-active-label .showcase-price{
position:static;
z-index:auto;
display:inline-flex;
min-height:17px;
max-width:66px;
padding:0 6px;
background:rgba(255,255,255,0.9);
color:#111;
font-size:8px;
font-weight:700;
line-height:1;
box-shadow:none;
}

.home-personalized .partner-card-active-label .showcase-price[hidden]{
display:none !important;
}

.home-personalized .partner-card-bubbles::-webkit-scrollbar{
display:none;
}

.home-personalized .partner-card-bubble{
flex:0 0 auto;
width:28px;
height:28px;
min-height:28px;
max-width:28px;
justify-content:center;
gap:0;
padding:0;
font-size:0;
letter-spacing:0;
}

.home-personalized .partner-card-bubble::after{
left:50%;
right:auto;
bottom:5px;
width:12px;
transform:translateX(-50%) scaleX(0);
transform-origin:center center;
}

.home-personalized .partner-card-bubble span{
width:9px;
height:9px;
}

.home-personalized .partner-card-bubble.is-active,
.home-personalized .partner-card-bubble:hover,
.home-personalized .partner-card-bubble:focus-visible{
width:34px;
max-width:34px;
}

.home-personalized .partner-card-bubble.is-active::after,
.home-personalized .partner-card-bubble:hover::after,
.home-personalized .partner-card-bubble:focus-visible::after{
opacity:.58;
animation:none;
transform:translateX(-50%) scaleX(1);
}

.home-personalized .partner-card-bubble.is-active span,
.home-personalized .partner-card-bubble:hover span,
.home-personalized .partner-card-bubble:focus-visible span{
width:11px;
height:11px;
}

.home-personalized .story-bubble{
grid-column:1;
grid-row:1;
}

.home-personalized .partner-header-identity{
display:none;
}

.home-personalized .partner-header-mobile-logo{
display:block;
}

.home-personalized .partner-mobile-profile-ring{
grid-column:1;
grid-row:2;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:15px;
margin:0 0 -30px;
position:relative;
z-index:3;
}

.home-personalized .form-card-mobile{
grid-column:1;
grid-row:2;
}

.home-personalized .partner-mobile-profile-ring + .form-card-mobile{
grid-row:3;
}

.home-personalized .partner-mobile-profile-ring + .form-card-mobile + .mosaic-bubble{
grid-row:4;
}

.partner-mobile-profile-ring-inner{
position:relative;
display:block;
width:96px;
height:96px;
border-radius:999px;
background:#050505;
box-shadow:0 18px 42px rgba(0,0,0,0.38);
}

.partner-mobile-profile-ring-inner::before{
content:"";
position:absolute;
inset:-4px;
z-index:0;
border-radius:inherit;
background:conic-gradient(from 0deg, #ffda55, #ff3f9f, #7c3cff, #00d5ff, #37ff8b, #ffda55);
animation:seoLogoRingSpin 3s linear infinite;
}

.partner-mobile-profile-ring-inner::after{
content:"";
position:absolute;
inset:5px;
z-index:1;
border-radius:inherit;
background:#050505;
}

.partner-mobile-profile-ring-inner img{
position:absolute;
inset:8px;
z-index:2;
display:block;
width:calc(100% - 16px);
height:calc(100% - 16px);
object-fit:cover;
border:1px solid rgba(0,0,0,0.68);
border-radius:inherit;
background:#050505;
}

.partner-mobile-profile-name-row{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
}

.partner-mobile-profile-name{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:26px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(12,12,12,0.70);
color:rgba(255,255,255,0.86);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 26px rgba(0,0,0,0.22);
font-size:13.5px;
font-weight:900;
letter-spacing:-0.01em;
line-height:1;
backdrop-filter:blur(16px) saturate(140%);
-webkit-backdrop-filter:blur(16px) saturate(140%);
}

.partner-mobile-profile-name-row .partner-verified-star{
width:17px;
height:17px;
font-size:10px;
}

.partner-mobile-profile-bio{
width:min(100%, 330px);
margin:-9px auto 0;
padding:0 10px;
color:rgba(255,255,255,0.68);
font-size:12px;
font-weight:750;
line-height:1.35;
text-align:center;
text-wrap:balance;
}

.home-personalized .hero-mosaic{
height:auto;
gap:8px;
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.home-personalized .form-card-mobile{
position:relative;
padding:18px;
border-radius:24px;
}

.home-personalized .form-card-mobile .form-heading{
padding-right:42px;
gap:6px;
}

.home-personalized .form-card-mobile .form-heading h2{
font-size:clamp(1.45rem, 8vw, 1.85rem);
}

.home-personalized .form-card-mobile .section-copy{
font-size:12px;
line-height:1.35;
}

.home-personalized .form-mobile-toggle{
position:absolute;
top:16px;
right:16px;
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:#050505;
color:#fff;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.08),
0 10px 24px rgba(0,0,0,0.28);
font-size:0;
font-weight:900;
line-height:1;
cursor:pointer;
transition:transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

.home-personalized .form-mobile-toggle::before,
.home-personalized .form-mobile-toggle::after{
content:"";
position:absolute;
left:50%;
top:50%;
width:15px;
height:1.8px;
border-radius:999px;
background:rgba(255,255,255,0.92);
box-shadow:none;
transform:translate(-50%, -50%);
transition:transform 0.16s ease, opacity 0.16s ease;
}

.home-personalized .form-mobile-toggle::after{
transform:translate(-50%, -50%) rotate(90deg);
opacity:0;
}

.home-personalized .form-mobile-collapsed .form-mobile-toggle::after{
opacity:1;
}

.home-personalized .form-mobile-toggle:hover{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.28);
background:#0b0b0b;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.10),
0 12px 28px rgba(0,0,0,0.34);
}

.home-personalized .mosaic-card{
height:auto;
aspect-ratio:1 / 1;
border-radius:18px;
}

.home-personalized .mosaic-card span{
left:10px;
right:10px;
bottom:10px;
justify-content:center;
min-height:30px;
padding:0 10px;
font-size:11px;
line-height:1.1;
text-align:center;
}

.home-personalized .public-link-section{
position:relative;
isolation:isolate;
padding:18px;
border-radius:24px;
gap:10px;
overflow:hidden;
background:
linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.025)),
rgba(9,9,10,0.82);
}

.home-personalized .public-link-section::before{
content:"";
position:absolute;
left:18px;
right:18px;
top:0;
height:1px;
background:linear-gradient(90deg, transparent, rgba(255,255,255,0.42), rgba(255,255,255,0.16), transparent);
opacity:0.72;
}

.home-personalized .public-link-title{
display:flex;
align-items:center;
gap:10px;
font-size:0.9rem;
font-weight:900;
letter-spacing:0.16em;
line-height:1.1;
text-align:left;
text-transform:uppercase;
}

.home-personalized .public-link-title::after{
content:"";
flex:1 1 auto;
height:1px;
min-width:42px;
background:linear-gradient(90deg, rgba(255,255,255,0.32), transparent);
}

.home-personalized .public-link-section .linktree-wrapper{
gap:8px;
}

.home-personalized .public-link-section .linktree-btn{
min-height:54px;
padding:9px 36px 9px 48px;
border-radius:18px;
background:
linear-gradient(135deg, rgba(255,255,255,0.075), rgba(255,255,255,0.025)),
rgba(8,8,9,0.76);
border-color:rgba(255,255,255,0.12);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.07);
}

.home-personalized .public-link-section .event-thumb{
left:11px;
width:30px;
height:30px;
border-radius:10px;
}

.home-personalized .public-link-section .event-line{
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
grid-template-rows:auto auto;
gap:2px 8px;
align-items:center;
min-height:0;
}

.home-personalized .public-link-section .event-date-inline{
grid-column:1;
grid-row:1;
justify-content:flex-start;
width:auto;
max-width:100%;
gap:6px;
font-size:0.66rem;
font-weight:900;
letter-spacing:0.09em;
line-height:1;
text-align:left;
text-transform:uppercase;
color:rgba(255,255,255,0.58);
}

.home-personalized .public-link-section .event-date-inline svg{
width:12px;
height:12px;
padding:3px;
box-sizing:content-box;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#fff;
fill:currentColor;
}

.home-personalized .public-link-section .event-title-inline{
grid-column:1;
grid-row:2;
font-size:0.84rem;
line-height:1.12;
text-align:left;
}

.home-personalized .public-link-section .event-arrow-inline{
grid-column:2;
grid-row:1 / 3;
align-self:center;
justify-self:end;
font-size:0.78rem;
color:rgba(255,255,255,0.52);
}

.home-personalized .public-music-link .event-arrow-inline{
margin-right:-10px;
}

.music-modal{
padding:14px;
align-items:end;
}

.music-modal-card{
width:100%;
max-height:86vh;
padding:18px;
border-radius:28px 28px 22px 22px;
}

.music-modal-hero{
grid-template-columns:64px minmax(0, 1fr);
gap:12px;
padding-right:34px;
}

.music-platform-link{
min-height:48px;
}

.music-modal .music-modal-hero.music-modal-hero-no-cover{
grid-template-columns:1fr;
padding-right:36px;
}

.home-personalized .partner-mobile-social-section{
display:flex;
justify-content:center;
width:100%;
margin:14px 0 8px;
padding:0;
border:0;
background:transparent;
box-shadow:none;
}

.home-personalized .partner-social-section{
display:none;
}

.home-personalized.showcase-text .partner-mobile-social-section{
margin-top:clamp(24px, 7vw, 38px);
}

.home-personalized .partner-social-section::before{
display:none;
}

.home-personalized .partner-social-title,
.home-personalized .partner-social-copy,
.home-personalized .partner-social-arrow{
display:none;
}

.partner-mobile-social-grid{
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
}

.partner-mobile-social-link{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
min-height:42px;
padding:0;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:
radial-gradient(circle at 30% 15%, rgba(255,255,255,0.20), transparent 34%),
rgba(7,7,8,0.62);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08), 0 12px 26px rgba(0,0,0,0.22);
color:rgba(255,255,255,0.88);
text-decoration:none;
backdrop-filter:blur(14px) saturate(140%);
-webkit-backdrop-filter:blur(14px) saturate(140%);
}

.partner-mobile-social-link .social-network-icon{
display:inline-grid;
place-items:center;
flex:0 0 auto;
width:34px;
height:34px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:
radial-gradient(circle at 30% 15%, rgba(255,255,255,0.28), transparent 34%),
rgba(255,255,255,0.08);
color:#fff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 10px 22px rgba(0,0,0,0.24);
}

.partner-mobile-social-link .social-network-icon svg{
width:17px;
height:17px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

.partner-mobile-social-link .social-network-icon-instagram{
background:linear-gradient(135deg, #ffda55, #ff3f9f 48%, #7c3cff);
}

.partner-mobile-social-link .social-network-icon-linkedin{
background:linear-gradient(135deg, #4fc3ff, #0a66c2);
}

.partner-mobile-social-link .social-network-icon-facebook{
background:linear-gradient(135deg, #7bb6ff, #1877f2);
}

.partner-mobile-social-link .social-network-icon-tiktok,
.partner-mobile-social-link .social-network-icon-x,
.partner-mobile-social-link .social-network-icon-threads{
background:linear-gradient(135deg, #242424, #050505);
}

.partner-mobile-social-link .social-network-icon-youtube{
background:linear-gradient(135deg, #ff6262, #ff0000);
}

.partner-mobile-social-link .social-network-icon-spotify{
background:linear-gradient(135deg, #4dff8a, #1db954);
}

.partner-mobile-social-link .social-network-icon-soundcloud{
background:linear-gradient(135deg, #ffb25f, #ff5500);
}

.home-personalized .form-mobile-collapsed{
padding:18px;
min-height:92px;
}

.home-personalized .form-mobile-collapsed form{
display:grid;
gap:0;
}

.home-personalized .form-mobile-collapsed form > :not(.form-heading){
display:none;
}

.home-personalized .form-mobile-collapsed .form-heading{
padding-right:46px;
}

.home-personalized .form-mobile-collapsed .form-heading h2{
font-size:1.35rem;
}

.home-personalized .form-mobile-collapsed .section-copy{
font-size:11.5px;
}

.home-static .container,
.home-personalized .container{
width:calc(100vw - 32px);
}

.static-hero-copy{
align-items:flex-end;
padding:28px 22px;
}

.static-hero-copy p{
font-size:clamp(2rem, 12vw, 3.8rem);
}

.footer-legal{
grid-template-columns:1fr;
justify-items:start;
gap:8px;
padding:14px 16px;
}

.footer-brand,
.footer-left,
.footer-center,
.footer-right{
grid-column:auto;
justify-self:start;
justify-content:flex-start;
}
}

/* Mahema cookie banner */
.cookie-banner{
position:fixed;
left:50%;
bottom:24px;
z-index:70;
display:grid;
grid-template-columns:minmax(0, 1fr) auto;
gap:18px;
width:min(calc(100% - 48px), 1380px);
padding:18px;
color:#fff;
border:1px solid rgba(255,255,255,0.16);
border-radius:20px;
background:rgba(5,5,7,0.88);
box-shadow:0 28px 90px rgba(0,0,0,0.48);
backdrop-filter:blur(24px) saturate(140%);
-webkit-backdrop-filter:blur(24px) saturate(140%);
transform:translate(-50%, 18px);
opacity:0;
transition:opacity 220ms ease, transform 220ms ease;
}

.cookie-banner[hidden]{
display:none;
}

.cookie-banner.is-visible{
opacity:1;
transform:translate(-50%, 0);
}

.cookie-copy p{
max-width:660px;
margin:0;
color:rgba(255,255,255,0.72);
font-size:13px;
line-height:20px;
}

.cookie-settings{
grid-column:1 / -1;
display:flex;
flex-wrap:wrap;
gap:10px;
}

.cookie-settings[hidden]{
display:none;
}

.cookie-choice{
display:inline-flex;
align-items:center;
gap:9px;
min-height:36px;
padding:7px 13px 7px 9px;
border:1px solid rgba(255,255,255,0.12);
border-radius:18px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.78);
font-size:12px;
line-height:16px;
cursor:pointer;
transition:border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.cookie-choice input{
position:absolute;
opacity:0;
pointer-events:none;
}

.cookie-choice span{
position:relative;
flex:0 0 auto;
width:20px;
height:20px;
border:1px solid rgba(255,255,255,0.34);
border-radius:50%;
background:rgba(255,255,255,0.06);
transition:border-color 180ms ease, background 180ms ease;
}

.cookie-choice span::after{
position:absolute;
inset:5px;
border-radius:50%;
background:#fff;
content:"";
opacity:0;
transform:scale(0.3);
transition:opacity 180ms ease, transform 180ms ease;
}

.cookie-choice:has(input:checked){
color:#fff;
border-color:rgba(255,255,255,0.28);
background:rgba(255,255,255,0.10);
}

.cookie-choice:has(input:checked) span{
border-color:#fff;
}

.cookie-choice:has(input:checked) span::after{
opacity:1;
transform:scale(1);
}

.cookie-choice:has(input:disabled){
cursor:default;
}

.cookie-banner .cookie-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:8px;
}

.cookie-banner .cookie-actions button{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:98px;
min-height:34px;
padding:0 13px;
color:#fff;
border:1px solid rgba(255,255,255,0.18);
border-radius:18px;
background:transparent;
font:700 12px/16px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
cursor:pointer;
}

.cookie-banner .cookie-actions button[hidden]{
display:none;
}

.cookie-banner .cookie-actions button:hover,
.cookie-banner .cookie-actions button:focus-visible{
border-color:rgba(255,255,255,0.5);
}

.cookie-banner .cookie-actions [data-cookie-accept],
.cookie-banner .cookie-actions [data-cookie-save]{
color:#050507;
background:#fff;
}

@media(max-width:900px){
.cookie-banner{
right:auto;
bottom:10px;
grid-template-columns:1fr;
gap:10px;
width:calc(100vw - 24px);
max-height:min(48vh, 330px);
padding:12px;
overflow-y:auto;
overscroll-behavior:contain;
border-radius:18px;
box-shadow:0 18px 54px rgba(0,0,0,0.46);
}

.cookie-copy p{
max-width:none;
font-size:11px;
line-height:16px;
}

.cookie-settings{
gap:8px;
}

.cookie-choice{
min-height:32px;
padding:6px 10px 6px 8px;
font-size:11px;
line-height:14px;
}

.cookie-choice span{
width:18px;
height:18px;
}

.cookie-banner .cookie-actions{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
justify-content:stretch;
gap:8px;
width:100%;
}

.cookie-banner .cookie-actions button{
width:100%;
min-width:0;
min-height:32px;
padding:0 8px;
font-size:11px;
line-height:14px;
}
}

/* Pro landing */
.pro-page .container,
.pro-container{
width:calc(100vw - 48px);
max-width:none;
}

.pro-header{
grid-column:auto;
grid-row:auto;
}

.pro-header-logo{
display:inline-flex;
align-items:center;
justify-content:center;
text-decoration:none;
}

.pro-layout{
display:grid;
grid-template-columns:minmax(0, 0.6fr) minmax(360px, 0.4fr);
gap:22px;
align-items:start;
}

.pro-visual-card{
position:relative;
isolation:isolate;
min-height:clamp(620px, 78vh, 860px);
overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
border-radius:var(--radius-xl);
background:
radial-gradient(circle at 16% 18%, rgba(241,255,92,0.32), transparent 30%),
radial-gradient(circle at 84% 14%, rgba(117,231,255,0.28), transparent 30%),
radial-gradient(circle at 20% 86%, rgba(255,111,145,0.24), transparent 34%),
radial-gradient(circle at 88% 82%, rgba(121,255,181,0.18), transparent 32%),
linear-gradient(135deg, #050505 0%, #11110a 44%, #050509 100%);
background-size:150% 150%, 140% 140%, 160% 160%, 150% 150%, 100% 100%;
box-shadow:var(--shadow);
animation:widaisDiscoLights 14s ease-in-out infinite alternate;
}

.pro-visual-card::before{
content:"";
position:absolute;
inset:0;
z-index:1;
border-radius:inherit;
background:
linear-gradient(90deg, rgba(0,0,0,0.72), rgba(0,0,0,0.20) 54%, rgba(0,0,0,0.66)),
linear-gradient(180deg, rgba(0,0,0,0.08), rgba(0,0,0,0.74));
box-shadow:inset 0 0 0 10px rgba(5,5,5,0.92);
pointer-events:none;
}

.pro-visual-card::after{
content:"";
position:absolute;
inset:-42%;
z-index:0;
border-radius:inherit;
background:
conic-gradient(from 90deg at 50% 50%, transparent 0deg, rgba(117,231,255,0.16) 52deg, transparent 106deg, rgba(241,255,92,0.14) 168deg, transparent 226deg, rgba(255,111,145,0.13) 298deg, transparent 360deg);
filter:blur(44px);
opacity:0.82;
mix-blend-mode:screen;
animation:widaisDiscoSpin 20s linear infinite reverse;
pointer-events:none;
}

.pro-slider{
position:absolute;
inset:0;
z-index:0;
overflow:hidden;
border-radius:inherit;
}

.pro-slider::before{
content:"";
position:absolute;
inset:-18%;
border-radius:inherit;
background:
radial-gradient(ellipse at 18% 26%, rgba(241,255,92,0.18), transparent 34%),
radial-gradient(ellipse at 78% 34%, rgba(117,231,255,0.20), transparent 36%),
radial-gradient(ellipse at 48% 92%, rgba(255,111,145,0.16), transparent 40%);
filter:blur(18px);
animation:widaisDiscoSweep 10s ease-in-out infinite alternate;
}

.pro-slider::after{
content:"";
position:absolute;
inset:0;
border-radius:inherit;
background:
linear-gradient(90deg, rgba(0,0,0,0.78), rgba(0,0,0,0.28) 54%, rgba(0,0,0,0.64)),
linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.78));
}

@keyframes widaisDiscoLights{
0%{
background-position:0% 30%, 100% 16%, 12% 100%, 86% 92%, center;
}
45%{
background-position:54% 8%, 72% 60%, 34% 78%, 100% 20%, center;
}
100%{
background-position:100% 58%, 6% 22%, 84% 86%, 18% 4%, center;
}
}

@keyframes widaisDiscoSpin{
to{
transform:rotate(360deg) scale(1.08);
}
}

@keyframes widaisDiscoSweep{
0%{
transform:translate3d(-3%, -2%, 0) scale(1);
opacity:0.75;
}
100%{
transform:translate3d(4%, 3%, 0) scale(1.08);
opacity:1;
}
}

.pro-hero-copy{
position:relative;
z-index:2;
display:flex;
align-items:center;
min-height:inherit;
padding:clamp(34px, 6vw, 84px);
isolation:isolate;
}

.pro-hero-copy p{
position:relative;
z-index:1;
max-width:780px;
color:#fff;
font-size:clamp(2.25rem, 5.6vw, 5.2rem);
font-weight:800;
line-height:0.96;
letter-spacing:-0.075em;
text-wrap:balance;
}

.pro-auth-panel{
display:grid;
gap:16px;
padding:18px;
}

.pro-auth-card{
display:grid;
gap:14px;
padding:20px;
border:1px solid rgba(255,255,255,0.08);
border-radius:22px;
background:rgba(255,255,255,0.03);
}

.pro-auth-card h1,
.pro-auth-card h2{
color:var(--text);
font-size:clamp(1.7rem, 3vw, 2.35rem);
line-height:1;
letter-spacing:-0.055em;
}

.pro-mini-form,
.pro-register-form{
display:grid;
gap:10px;
}

.pro-register-form label{
display:grid;
gap:6px;
}

.pro-register-form label span{
color:var(--muted);
font-size:11px;
font-weight:800;
letter-spacing:0.04em;
text-transform:uppercase;
}

.pro-mini-form input,
.pro-register-form input:not([type="checkbox"]),
.pro-register-form select{
width:100%;
height:44px;
padding:0 14px;
border:1px solid var(--line);
border-radius:14px;
background:#050505;
color:var(--text);
font:inherit;
outline:none;
}

.pro-register-form select{
appearance:none;
background:
linear-gradient(45deg, transparent 50%, rgba(255,255,255,0.72) 50%) calc(100% - 18px) 19px / 6px 6px no-repeat,
linear-gradient(135deg, rgba(255,255,255,0.72) 50%, transparent 50%) calc(100% - 14px) 19px / 6px 6px no-repeat,
#050505;
}

.pro-mini-form input:focus,
.pro-register-form input:not([type="checkbox"]):focus,
.pro-register-form select:focus{
border-color:rgba(255,255,255,0.38);
}

.pro-mini-form button,
.pro-register-form button{
height:46px;
border:1px solid #fff;
border-radius:16px;
background:#fff;
color:#050505;
font-weight:900;
cursor:pointer;
}

.pro-small-link{
color:var(--muted);
font-size:12px;
text-decoration:none;
}

.pro-small-link:hover{
color:var(--text);
}

.field-grid{
display:grid;
grid-template-columns:1fr 0.8fr;
gap:10px;
}

.pro-contact-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.pro-name-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}

.pro-register-form .pro-check{
display:flex;
align-items:center;
min-height:46px;
margin-top:2px;
}

.pro-product-section{
position:relative;
display:grid;
gap:24px;
overflow:hidden;
min-height:560px;
background:
radial-gradient(circle at 8% 14%, rgba(255,255,255,0.14), transparent 24%),
radial-gradient(circle at 88% 82%, rgba(255,255,255,0.10), transparent 26%),
rgba(12,12,12,0.96);
}

.pro-section-head{
display:grid;
grid-template-columns:1fr;
gap:22px;
align-items:end;
}

.pro-section-head h2{
max-width:1120px;
color:#fff;
font-size:clamp(2.2rem, 5vw, 5rem);
font-weight:850;
line-height:0.96;
letter-spacing:-0.075em;
text-wrap:balance;
}

.pro-growth-lab{
position:relative;
display:grid;
grid-template-columns:minmax(260px, 0.9fr) minmax(360px, 1.2fr);
gap:16px;
padding:18px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.12);
border-radius:34px;
background:
radial-gradient(circle at 8% 12%, rgba(240,255,97,0.26), transparent 28%),
radial-gradient(circle at 92% 4%, rgba(117,231,255,0.24), transparent 26%),
radial-gradient(circle at 72% 100%, rgba(255,111,145,0.22), transparent 30%),
linear-gradient(135deg, rgba(255,255,255,0.09), rgba(255,255,255,0.025));
box-shadow:0 28px 90px rgba(0,0,0,0.34);
}

.pro-growth-lab::before{
content:"";
position:absolute;
inset:10px;
border:1px solid rgba(255,255,255,0.08);
border-radius:26px;
pointer-events:none;
}

.pro-growth-copy,
.pro-growth-stack,
.pro-live-board{
position:relative;
z-index:1;
}

.pro-growth-copy{
display:grid;
align-content:center;
gap:14px;
padding:12px;
}

.pro-growth-copy span{
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:start;
min-height:30px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:rgba(255,255,255,0.78);
font-size:11px;
font-weight:900;
letter-spacing:0.12em;
text-transform:uppercase;
}

.pro-growth-copy h3{
max-width:640px;
color:#fff;
font-size:clamp(2rem, 4.6vw, 4.75rem);
line-height:0.94;
letter-spacing:-0.075em;
text-wrap:balance;
}

.pro-growth-copy p{
max-width:560px;
color:rgba(255,255,255,0.64);
font-size:14px;
line-height:21px;
}

.pro-growth-stack{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.pro-growth-card{
position:relative;
overflow:hidden;
display:grid;
align-content:space-between;
gap:24px;
min-height:190px;
padding:18px;
border:1px solid rgba(255,255,255,0.12);
border-radius:26px;
background:#111;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12);
}

.pro-growth-card:nth-child(1){
background:
radial-gradient(circle at 8% 8%, rgba(255,255,255,0.30), transparent 34%),
linear-gradient(135deg, #f1ff5c, #77f6a7);
color:#050505;
}

.pro-growth-card:nth-child(2){
background:
radial-gradient(circle at 90% 12%, rgba(255,255,255,0.32), transparent 35%),
linear-gradient(135deg, #6fe7ff, #b8a2ff);
color:#050505;
}

.pro-growth-card:nth-child(3){
background:
radial-gradient(circle at 12% 16%, rgba(255,255,255,0.30), transparent 34%),
linear-gradient(135deg, #ffbd6b, #ff6f91);
color:#050505;
}

.pro-growth-card:nth-child(4){
background:
radial-gradient(circle at 86% 10%, rgba(255,255,255,0.24), transparent 36%),
linear-gradient(135deg, #ffffff, #9effe1);
color:#050505;
}

.pro-growth-card::after{
content:"";
position:absolute;
right:-36px;
bottom:-36px;
width:132px;
height:132px;
border-radius:50%;
background:rgba(255,255,255,0.18);
}

.pro-growth-icon,
.pro-growth-card strong,
.pro-growth-card p{
position:relative;
z-index:1;
}

.pro-growth-icon{
isolation:isolate;
display:inline-grid;
align-items:center;
justify-content:center;
width:48px;
height:48px;
border:1px solid rgba(255,255,255,0.22);
border-radius:18px;
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.48), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.06));
color:#050505;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.24), 0 14px 30px rgba(0,0,0,0.22);
transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.pro-growth-icon::before{
content:none;
}

.pro-growth-icon::after{
content:none;
}

.pro-growth-card:hover .pro-growth-icon{
border-color:rgba(255,255,255,0.36);
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.62), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.30), rgba(255,255,255,0.08));
transform:translateY(-2px) rotate(-2deg);
}

.pro-growth-icon svg{
width:25px;
height:25px;
fill:currentColor;
filter:drop-shadow(0 8px 14px rgba(255,255,255,0.18));
}

@keyframes proGrowthIconSpin{
to{
transform:rotate(360deg);
}
}

.pro-growth-card strong{
display:block;
font-size:1.25rem;
line-height:1;
letter-spacing:-0.045em;
}

.pro-growth-card p{
color:rgba(5,5,5,0.70);
font-size:13px;
font-weight:700;
line-height:18px;
}

.pro-live-board{
grid-column:1 / -1;
display:grid;
grid-template-columns:1fr minmax(250px, 0.54fr);
gap:12px;
}

.pro-live-window,
.pro-live-metrics{
border:1px solid rgba(255,255,255,0.10);
border-radius:28px;
background:rgba(5,5,5,0.72);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.pro-live-window{
display:grid;
gap:10px;
padding:16px;
}

.pro-live-top{
display:flex;
gap:7px;
padding-bottom:6px;
}

.pro-live-top span{
width:9px;
height:9px;
border-radius:999px;
background:rgba(255,255,255,0.28);
}

.pro-live-row{
display:grid;
grid-template-columns:0.32fr 1fr 26px;
align-items:center;
gap:10px;
min-height:48px;
padding:8px 10px;
border:1px solid rgba(255,255,255,0.08);
border-radius:18px;
background:rgba(255,255,255,0.05);
}

.pro-live-row strong{
color:#fff;
font-size:13px;
}

.pro-live-row span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:rgba(255,255,255,0.58);
font-size:12px;
font-weight:700;
}

.pro-live-row i{
width:24px;
height:24px;
border-radius:999px;
background:#25c76f;
box-shadow:0 0 0 6px rgba(37,199,111,0.12);
}

.pro-live-metrics{
display:grid;
grid-template-columns:1fr;
gap:8px;
padding:14px;
}

.pro-live-metrics span{
display:grid;
gap:4px;
padding:14px;
border-radius:20px;
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.58);
font-size:11px;
font-weight:850;
letter-spacing:0.08em;
text-transform:uppercase;
}

.pro-live-metrics b{
color:#fff;
font-size:clamp(1.5rem, 3vw, 2.4rem);
line-height:1;
letter-spacing:-0.055em;
}

.pro-live-metrics .pro-money-metric{
background:
radial-gradient(circle at 92% 0%, rgba(255,255,255,0.30), transparent 34%),
linear-gradient(135deg, #f0ff61, #79ffb5);
color:rgba(5,5,5,0.66);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.35);
}

.pro-live-metrics .pro-money-metric:nth-child(3){
background:
radial-gradient(circle at 92% 0%, rgba(255,255,255,0.28), transparent 34%),
linear-gradient(135deg, #ffb86b, #ff6f91);
}

.pro-live-metrics .pro-money-metric b{
color:#050505;
}

.pro-gain-calculator{
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(260px, 0.72fr) minmax(340px, 1fr) minmax(220px, 0.42fr);
gap:14px;
align-items:stretch;
margin:16px 0;
padding:16px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.16);
border-radius:32px;
background:
radial-gradient(circle at 12% 4%, rgba(240,255,97,0.22), transparent 28%),
radial-gradient(circle at 86% 10%, rgba(255,111,145,0.22), transparent 30%),
radial-gradient(circle at 52% 104%, rgba(111,231,255,0.18), transparent 34%),
linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.025));
box-shadow:0 24px 80px rgba(0,0,0,0.30);
}

.pro-gain-calculator::before{
content:"";
position:absolute;
inset:9px;
border:1px solid rgba(255,255,255,0.08);
border-radius:24px;
pointer-events:none;
}

.pro-gain-copy,
.pro-gain-panel,
.pro-gain-result-card{
position:relative;
z-index:1;
}

.pro-gain-copy{
display:grid;
align-content:center;
gap:12px;
padding:10px;
}

.pro-gain-copy span{
display:inline-flex;
align-items:center;
justify-content:center;
justify-self:start;
min-height:30px;
padding:0 12px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:rgba(255,255,255,0.78);
font-size:11px;
font-weight:900;
letter-spacing:0.12em;
text-transform:uppercase;
}

.pro-gain-copy h3{
color:#fff;
font-size:clamp(1.75rem, 3.8vw, 3.6rem);
line-height:0.96;
letter-spacing:-0.07em;
text-wrap:balance;
}

.pro-gain-copy p{
max-width:420px;
color:rgba(255,255,255,0.62);
font-size:13px;
line-height:19px;
}

.pro-gain-panel{
display:grid;
gap:12px;
padding:14px;
border:1px solid rgba(255,255,255,0.10);
border-radius:26px;
background:rgba(5,5,5,0.68);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.pro-gain-input{
position:relative;
display:grid;
gap:8px;
padding:13px 14px 13px;
border:1px solid rgba(255,255,255,0.10);
border-radius:22px;
background:rgba(255,255,255,0.06);
}

.pro-gain-input span{
color:rgba(255,255,255,0.56);
font-size:11px;
font-weight:900;
letter-spacing:0.10em;
text-transform:uppercase;
}

.pro-gain-input input{
width:100%;
padding:0 44px 0 0;
border:0;
outline:0;
background:transparent;
color:#fff;
font-size:clamp(2rem, 5vw, 4.3rem);
font-weight:900;
line-height:0.95;
letter-spacing:-0.07em;
}

.pro-gain-input b{
position:absolute;
right:16px;
bottom:18px;
color:#f0ff61;
font-size:1.45rem;
line-height:1;
}

.pro-gain-options{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.pro-gain-options button{
appearance:none;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:38px;
padding:10px 12px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(255,255,255,0.07);
color:rgba(255,255,255,0.72);
font-size:12px;
font-weight:850;
line-height:1.05;
transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.pro-gain-options button:hover{
transform:translateY(-1px);
border-color:rgba(255,255,255,0.28);
color:#fff;
}

.pro-gain-options button.is-active{
border-color:rgba(240,255,97,0.72);
background:
radial-gradient(circle at 10% 0%, rgba(255,255,255,0.36), transparent 30%),
linear-gradient(135deg, #f0ff61, #79ffb5);
color:#050505;
box-shadow:0 12px 32px rgba(121,255,181,0.18);
}

.pro-gain-result-card{
display:grid;
align-content:center;
gap:10px;
min-height:100%;
padding:18px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
border-radius:26px;
background:
radial-gradient(circle at 96% 0%, rgba(255,255,255,0.42), transparent 28%),
linear-gradient(135deg, #ffbd6b, #ff6f91 58%, #b8a2ff);
color:#050505;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.32);
}

.pro-gain-result-card small{
font-size:11px;
font-weight:950;
letter-spacing:0.11em;
text-transform:uppercase;
opacity:0.68;
}

.pro-gain-result-card strong{
font-size:clamp(2.25rem, 5.3vw, 4.9rem);
line-height:0.88;
letter-spacing:-0.085em;
}

.pro-gain-result-card span{
font-size:13px;
font-weight:900;
line-height:17px;
}

.pro-gain-result-card em{
justify-self:start;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:30px;
padding:0 12px;
border-radius:999px;
background:#050505;
color:#fff;
font-size:12px;
font-style:normal;
font-weight:950;
letter-spacing:-0.02em;
}

.pro-gain-note{
position:relative;
z-index:1;
grid-column:1 / -1;
justify-self:end;
max-width:760px;
margin:0;
padding:10px 14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:999px;
background:rgba(5,5,5,0.42);
color:rgba(255,255,255,0.56);
font-size:11px;
font-weight:750;
line-height:15px;
text-align:right;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.pro-showcase{
position:relative;
display:grid;
grid-template-columns:minmax(280px, 0.34fr) 1fr;
gap:16px;
align-items:start;
padding:18px 18px 12px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.18);
border-radius:36px;
background:
radial-gradient(circle at 4% 10%, rgba(117,231,255,0.34), transparent 30%),
radial-gradient(circle at 98% 4%, rgba(240,255,97,0.28), transparent 31%),
radial-gradient(circle at 78% 108%, rgba(255,111,145,0.34), transparent 34%),
radial-gradient(circle at 24% 94%, rgba(121,255,181,0.22), transparent 32%),
linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.026));
box-shadow:0 34px 110px rgba(0,0,0,0.42);
}

.pro-showcase::before{
content:"";
position:absolute;
inset:10px;
border:1px solid rgba(255,255,255,0.075);
border-radius:28px;
pointer-events:none;
}

.pro-showcase::after{
content:"";
position:absolute;
right:-110px;
top:-120px;
width:330px;
height:330px;
border-radius:50%;
background:rgba(255,255,255,0.05);
filter:blur(1px);
}

.pro-showcase > *{
position:relative;
z-index:1;
}

.pro-showcase-intro{
grid-column:1 / -1;
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(230px, 0.38fr);
gap:14px;
align-items:stretch;
padding:4px 4px 10px;
}

.pro-showcase-copy{
position:relative;
padding:22px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.14);
border-radius:28px;
background:
radial-gradient(circle at 5% 0%, rgba(240,255,97,0.28), transparent 32%),
radial-gradient(circle at 92% 16%, rgba(117,231,255,0.24), transparent 30%),
radial-gradient(circle at 86% 112%, rgba(255,111,145,0.22), transparent 30%),
linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.032));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 22px 60px rgba(0,0,0,0.24);
}

.pro-showcase-copy::before{
content:"";
position:absolute;
left:22px;
right:22px;
top:0;
height:3px;
border-radius:999px;
background:linear-gradient(90deg, #f0ff61, #79ffb5, #75e7ff, #ff6f91);
}

.pro-showcase-copy::after{
content:"";
position:absolute;
right:-56px;
top:-62px;
width:172px;
height:172px;
border-radius:50%;
background:rgba(255,255,255,0.05);
}

.pro-showcase-intro h3{
position:relative;
z-index:1;
max-width:860px;
color:transparent;
background:linear-gradient(95deg, #fff 0%, #f0ff61 34%, #75e7ff 66%, #ff6f91 100%);
-webkit-background-clip:text;
background-clip:text;
-webkit-text-fill-color:transparent;
font-size:clamp(1.8rem, 3.6vw, 3.9rem);
line-height:0.96;
letter-spacing:-0.072em;
text-wrap:balance;
}

.pro-showcase-intro p{
position:relative;
z-index:1;
max-width:680px;
margin-top:10px;
color:rgba(255,255,255,0.62);
font-size:14px;
line-height:21px;
}

.pro-showcase-points{
position:relative;
z-index:1;
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:16px;
}

.pro-showcase-points span{
display:inline-flex;
align-items:center;
gap:7px;
min-height:34px;
padding:0 11px 0 6px;
border:1px solid rgba(255,255,255,0.16);
border-radius:999px;
background:rgba(255,255,255,0.09);
color:#050505;
font-size:11px;
font-weight:850;
letter-spacing:-0.01em;
}

.pro-showcase-points span:nth-child(1){
background:linear-gradient(135deg, #f0ff61, #79ffb5);
}

.pro-showcase-points span:nth-child(2){
background:linear-gradient(135deg, #75e7ff, #b8a2ff);
}

.pro-showcase-points span:nth-child(3){
background:linear-gradient(135deg, #ffb86b, #ff6f91);
}

.pro-showcase-points b{
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:999px;
background:#050505;
color:#fff;
font-size:9px;
letter-spacing:0;
}

.pro-showcase-signal{
position:relative;
display:grid;
gap:8px;
align-content:stretch;
padding:10px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.10);
border-radius:28px;
background:
radial-gradient(circle at 12% 0%, rgba(117,231,255,0.26), transparent 36%),
radial-gradient(circle at 92% 0%, rgba(240,255,97,0.26), transparent 36%),
linear-gradient(145deg, rgba(255,255,255,0.11), rgba(255,255,255,0.03));
box-shadow:inset 0 1px 0 rgba(255,255,255,0.11), 0 20px 55px rgba(0,0,0,0.18);
}

.pro-showcase-signal::before{
content:"";
position:absolute;
left:28px;
top:34px;
bottom:34px;
width:1px;
background:linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.22), rgba(255,255,255,0));
}

.pro-showcase-signal span{
position:relative;
display:grid;
grid-template-columns:36px 1fr;
align-items:center;
gap:12px;
min-height:58px;
padding:10px 14px 10px 10px;
border-radius:22px;
background:rgba(255,255,255,0.06);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.22), 0 14px 30px rgba(0,0,0,0.10);
}

.pro-showcase-signal span:nth-child(1){
background:linear-gradient(135deg, #75e7ff, #b8a2ff);
}

.pro-showcase-signal span:nth-child(2){
background:linear-gradient(135deg, #f0ff61, #79ffb5);
}

.pro-showcase-signal span:nth-child(3){
background:linear-gradient(135deg, #ffb86b, #ff6f91);
}

.pro-showcase-signal b{
grid-column:2;
color:#050505;
font-size:13px;
font-weight:950;
letter-spacing:0.055em;
text-transform:uppercase;
}

.pro-showcase-signal i{
grid-column:1;
grid-row:1;
isolation:isolate;
position:relative;
display:inline-grid;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border:1px solid rgba(255,255,255,0.22);
border-radius:14px;
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.48), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.06));
color:#050505;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.24), 0 12px 26px rgba(0,0,0,0.20);
transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.pro-showcase-signal i::before{
content:none;
}

.pro-showcase-signal i::after{
content:none;
}

.pro-showcase-signal span:hover i{
border-color:rgba(255,255,255,0.36);
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.62), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.30), rgba(255,255,255,0.08));
transform:translateY(-1px) rotate(-2deg);
}

.pro-showcase-signal svg{
width:18px;
height:18px;
fill:currentColor;
filter:drop-shadow(0 8px 12px rgba(255,255,255,0.18));
}

.pro-phone-preview{
position:relative;
display:grid;
grid-template-rows:auto auto auto;
gap:10px;
min-height:auto;
align-self:start;
padding:16px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.18);
border-radius:34px;
background:
radial-gradient(circle at 50% 4%, rgba(255,255,255,0.16), transparent 24%),
radial-gradient(circle at 16% 78%, rgba(117,231,255,0.28), transparent 36%),
radial-gradient(circle at 90% 68%, rgba(255,111,145,0.24), transparent 34%),
radial-gradient(circle at 80% 16%, rgba(240,255,97,0.16), transparent 28%),
linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.025)),
#050505;
box-shadow:inset 0 0 0 8px rgba(255,255,255,0.035), 0 30px 88px rgba(0,0,0,0.38);
}

.pro-phone-preview::after{
content:"";
position:absolute;
left:50%;
top:10px;
width:74px;
height:6px;
border-radius:999px;
background:rgba(255,255,255,0.14);
transform:translateX(-50%);
}

.pro-phone-screen{
position:relative;
z-index:1;
display:grid;
align-content:start;
gap:8px;
min-height:0;
padding-top:12px;
}

.pro-phone-mini-header{
display:flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:6px 10px;
border:1px solid rgba(255,255,255,0.11);
border-radius:999px;
background:rgba(255,255,255,0.065);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.pro-phone-mini-logo-ring{
position:relative;
width:48px;
height:48px;
overflow:hidden;
border-radius:999px;
background:#050505;
box-shadow:0 0 0 1px rgba(255,255,255,0.14), 0 8px 20px rgba(0,0,0,0.22);
}

.pro-phone-mini-logo-ring::before{
content:"";
position:absolute;
inset:-3px;
z-index:0;
border-radius:inherit;
background:conic-gradient(from 0deg, #ffda55, #ff3f9f, #7c3cff, #00d5ff, #37ff8b, #ffda55);
animation:seoLogoRingSpin 3s linear infinite;
}

.pro-phone-mini-logo-ring::after{
content:"";
position:absolute;
inset:5px;
z-index:1;
border-radius:inherit;
background:#050505;
}

.pro-phone-mini-logo-ring img{
position:absolute;
inset:6px;
z-index:2;
display:block;
width:calc(100% - 12px);
height:calc(100% - 12px);
object-fit:cover;
border:1px solid rgba(0,0,0,0.70);
border-radius:inherit;
background:#050505;
}

.pro-phone-form-card{
display:grid;
gap:8px;
padding:14px;
border:1px solid rgba(255,255,255,0.12);
border-radius:22px;
background:
radial-gradient(circle at 15% 0%, rgba(255,255,255,0.16), transparent 34%),
rgba(255,255,255,0.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.pro-phone-form-card strong{
color:#fff;
font-size:16px;
line-height:1;
letter-spacing:-0.045em;
}

.pro-phone-form-card small{
color:rgba(255,255,255,0.58);
font-size:10.5px;
font-weight:700;
line-height:1.25;
}

.pro-phone-fields{
display:grid;
grid-template-columns:1fr 1fr;
gap:6px;
}

.pro-phone-fields span{
min-height:30px;
padding:9px 10px;
border:1px solid rgba(255,255,255,0.10);
border-radius:12px;
background:rgba(255,255,255,0.06);
color:rgba(255,255,255,0.48);
font-size:10px;
font-weight:800;
line-height:1;
}

.pro-phone-form-card button{
min-height:34px;
border:0;
border-radius:999px;
background:#fff;
color:#050505;
font-size:11px;
font-weight:900;
}

.pro-phone-mosaic{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px;
}

.pro-phone-mosaic article{
position:relative;
min-height:76px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.12);
border-radius:18px;
background:
radial-gradient(circle at 20% 0%, rgba(255,255,255,0.22), transparent 35%),
linear-gradient(135deg, #75e7ff, #b8a2ff);
}

.pro-phone-mosaic article:nth-child(2){
background:
radial-gradient(circle at 86% 0%, rgba(255,255,255,0.24), transparent 35%),
linear-gradient(135deg, #f0ff61, #79ffb5);
}

.pro-phone-mosaic article:nth-child(3){
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.24), transparent 35%),
linear-gradient(135deg, #ffb86b, #ff6f91);
}

.pro-phone-mosaic article:nth-child(4){
background:
radial-gradient(circle at 80% 0%, rgba(255,255,255,0.30), transparent 35%),
linear-gradient(135deg, #ffffff, #9effe1);
}

.pro-phone-mosaic article::after{
content:"";
position:absolute;
right:-22px;
bottom:-22px;
width:76px;
height:76px;
border-radius:999px;
background:rgba(5,5,5,0.12);
}

.pro-phone-mosaic span{
position:absolute;
left:8px;
right:8px;
bottom:8px;
display:flex;
align-items:center;
justify-content:center;
min-height:26px;
padding:0 8px;
border-radius:999px;
background:rgba(5,5,5,0.78);
color:#fff;
font-size:10px;
font-weight:850;
line-height:1;
text-align:center;
}

.pro-phone-event-row{
display:grid;
grid-template-columns:1fr 24px;
align-items:center;
gap:8px;
min-height:40px;
padding:8px 10px;
border:1px solid rgba(255,255,255,0.10);
border-radius:999px;
background:rgba(255,255,255,0.07);
}

.pro-phone-event-row span{
color:rgba(255,255,255,0.78);
font-size:11px;
font-weight:850;
}

.pro-phone-event-row i{
width:24px;
height:24px;
border-radius:999px;
background:
linear-gradient(135deg, transparent 44%, #050505 45% 55%, transparent 56%),
#fff;
}

.pro-phone-dock{
display:flex;
justify-content:center;
gap:8px;
padding-bottom:0;
}

.pro-phone-dock span{
width:36px;
height:6px;
border-radius:999px;
background:rgba(255,255,255,0.18);
}

.pro-feature-grid{
display:grid;
grid-template-columns:1.15fr 0.85fr;
grid-template-rows:auto auto;
gap:14px;
align-self:start;
}

.pro-feature-main-stack{
grid-row:1 / 3;
display:grid;
gap:14px;
align-self:start;
}

.pro-feature-card{
position:relative;
isolation:isolate;
display:grid;
align-content:end;
gap:14px;
min-height:185px;
padding:26px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.22);
border-radius:32px;
background:
linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.025)),
rgba(255,255,255,0.025);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.32), inset 0 -32px 70px rgba(5,5,5,0.08), 0 28px 78px rgba(0,0,0,0.26);
transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.pro-feature-card:hover{
transform:translateY(-3px);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.38), inset 0 -32px 70px rgba(5,5,5,0.08), 0 34px 92px rgba(0,0,0,0.30);
}

.pro-feature-card:nth-child(1){
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.46), transparent 30%),
radial-gradient(circle at 92% 92%, rgba(240,255,97,0.42), transparent 38%),
radial-gradient(circle at 15% 100%, rgba(117,231,255,0.32), transparent 34%),
linear-gradient(135deg, #75e7ff 0%, #b8a2ff 100%);
}

.pro-feature-card:nth-child(2){
background:
radial-gradient(circle at 88% 4%, rgba(255,255,255,0.48), transparent 34%),
radial-gradient(circle at 8% 96%, rgba(5,5,5,0.08), transparent 38%),
linear-gradient(135deg, #f0ff61 0%, #79ffb5 100%);
align-self:start;
}

.pro-feature-card:nth-child(3){
background:
radial-gradient(circle at 82% 0%, rgba(255,255,255,0.46), transparent 34%),
radial-gradient(circle at 8% 96%, rgba(41,255,150,0.32), transparent 36%),
linear-gradient(135deg, #32f27d 0%, #0aa366 100%);
align-content:start;
align-self:start;
min-height:0;
padding-bottom:20px;
}

.pro-feature-main{
min-height:auto;
align-self:start;
align-content:start;
}

.pro-feature-card::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(90deg, rgba(255,255,255,0.34), transparent 18%, transparent 82%, rgba(255,255,255,0.20)),
radial-gradient(circle at 20% 18%, rgba(255,255,255,0.20), transparent 24%),
linear-gradient(135deg, transparent 0 54%, rgba(255,255,255,0.10) 54% 100%);
pointer-events:none;
}

.pro-feature-card::after{
content:"";
position:absolute;
right:-64px;
top:-64px;
width:174px;
height:174px;
z-index:-1;
border:1px solid rgba(255,255,255,0.34);
border-radius:999px;
background:rgba(255,255,255,0.08);
box-shadow:0 0 58px rgba(255,255,255,0.16);
}

.pro-feature-card > .pro-feature-icon{
isolation:isolate;
position:relative;
display:inline-grid;
align-items:center;
justify-content:center;
width:60px;
height:60px;
border:1px solid rgba(255,255,255,0.22);
border-radius:22px;
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.48), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.06));
color:#050505;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.24), 0 16px 34px rgba(0,0,0,0.22);
transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.pro-feature-card > .pro-feature-icon::before{
content:none;
}

.pro-feature-card > .pro-feature-icon::after{
content:none;
}

.pro-feature-card:hover > .pro-feature-icon{
border-color:rgba(255,255,255,0.36);
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.62), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.30), rgba(255,255,255,0.08));
transform:translateY(-2px) rotate(-2deg);
}

.pro-feature-icon svg{
width:27px;
height:27px;
fill:currentColor;
filter:drop-shadow(0 8px 14px rgba(255,255,255,0.18));
}

.pro-feature-card h3,
.pro-feature-card p{
position:relative;
margin:0;
}

.pro-feature-card h3{
color:#050505;
font-size:clamp(1.52rem, 2.8vw, 2.8rem);
font-weight:950;
line-height:0.92;
letter-spacing:-0.065em;
text-transform:uppercase;
text-wrap:balance;
}

.pro-feature-card.pro-feature-free-card{
min-height:185px;
align-content:start;
background:
radial-gradient(circle at 14% 0%, rgba(255,255,255,0.62), transparent 30%),
radial-gradient(circle at 88% 92%, rgba(255,196,86,0.52), transparent 36%),
radial-gradient(circle at 18% 100%, rgba(5,5,5,0.10), transparent 38%),
linear-gradient(135deg, #ffb14a 0%, #ff6b2f 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.54), 0 26px 70px rgba(255,107,47,0.20);
}

.pro-feature-card.pro-feature-leads-card{
background:
radial-gradient(circle at 88% 4%, rgba(255,255,255,0.48), transparent 34%),
radial-gradient(circle at 8% 96%, rgba(5,5,5,0.08), transparent 38%),
linear-gradient(135deg, #f0ff61 0%, #ffd86b 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.48), 0 24px 68px rgba(240,255,97,0.18);
}

.pro-feature-card.pro-feature-events-card{
background:
radial-gradient(circle at 82% 0%, rgba(255,255,255,0.50), transparent 34%),
radial-gradient(circle at 8% 96%, rgba(150,255,196,0.34), transparent 36%),
linear-gradient(135deg, #48ff98 0%, #08a86a 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.42), 0 24px 68px rgba(8,168,106,0.20);
}

.pro-feature-card p{
max-width:520px;
color:rgba(5,5,5,0.72);
font-size:13px;
font-weight:700;
line-height:19px;
}

.pro-feature-card ul{
position:relative;
display:grid;
gap:7px;
margin:4px 0 0;
padding:0;
list-style:none;
}

.pro-feature-card li{
color:rgba(5,5,5,0.72);
font-size:12px;
font-weight:800;
line-height:16px;
}

.pro-feature-card li::before{
content:"";
display:inline-block;
width:7px;
height:7px;
margin-right:8px;
border-radius:999px;
background:#050505;
vertical-align:1px;
}

.pro-feature-link-examples{
position:relative;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:8px;
margin-top:8px;
}

.pro-feature-link-examples span{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
width:auto;
height:auto;
min-height:38px;
padding:8px 32px 8px 13px;
overflow:hidden;
border:1px solid rgba(5,5,5,0.12);
border-radius:999px;
background:
linear-gradient(135deg, rgba(255,255,255,0.46), rgba(255,255,255,0.14)),
rgba(5,5,5,0.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
color:#050505;
font-size:11px;
font-weight:900;
line-height:13px;
letter-spacing:-0.01em;
}

.pro-feature-link-examples span::after{
content:"";
position:absolute;
right:12px;
top:50%;
width:8px;
height:8px;
border-top:2px solid rgba(5,5,5,0.75);
border-right:2px solid rgba(5,5,5,0.75);
transform:translateY(-50%) rotate(45deg);
}

.pro-mailing-banner{
position:relative;
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(220px, 0.34fr);
gap:16px;
align-items:stretch;
padding:22px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.16);
border-radius:32px;
background:
radial-gradient(circle at 8% 0%, rgba(255,255,255,0.22), transparent 34%),
radial-gradient(circle at 92% 92%, rgba(33,246,181,0.24), transparent 34%),
linear-gradient(135deg, #111 0%, #050505 58%, #1d3d32 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.18), 0 24px 68px rgba(0,0,0,0.28);
color:#050505;
}

.pro-mailing-banner::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
background:
linear-gradient(135deg, rgba(255,255,255,0.12), transparent 34%, rgba(255,255,255,0.04)),
radial-gradient(circle at 72% 8%, rgba(255,207,74,0.16), transparent 30%);
pointer-events:none;
}

.pro-mailing-copy,
.pro-mailing-price-card{
position:relative;
z-index:1;
}

.pro-mailing-copy{
display:grid;
align-content:center;
gap:10px;
min-width:0;
}

.pro-mailing-copy span,
.pro-mailing-price-card span,
.pro-mailing-price-card em{
color:rgba(255,255,255,0.68);
font-size:11px;
font-weight:900;
letter-spacing:0.12em;
text-transform:uppercase;
}

.pro-mailing-price-card span{
font-size:13px;
letter-spacing:0.14em;
}

.pro-mailing-copy h3{
max-width:860px;
margin:0;
color:#fff;
font-size:clamp(1.8rem, 4vw, 4rem);
font-weight:950;
letter-spacing:-0.075em;
line-height:0.94;
text-wrap:balance;
}

.pro-mailing-copy p{
max-width:720px;
margin:0;
color:rgba(255,255,255,0.70);
font-size:14px;
font-weight:700;
line-height:1.5;
}

.mailing-billing-switch{
position:relative;
display:inline-grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:6px;
width:min(100%, 430px);
padding:6px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.16), transparent 32%),
rgba(255,255,255,0.07);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);
}

.mailing-billing-switch button{
position:relative;
display:grid;
gap:2px;
min-height:48px;
padding:8px 16px;
border:0;
border-radius:999px;
background:transparent;
color:rgba(255,255,255,0.68);
font-family:inherit;
text-align:left;
cursor:pointer;
transition:background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.mailing-billing-switch button:hover{
color:#fff;
}

.mailing-billing-switch button.is-active{
background:#fff;
color:#050505;
box-shadow:0 14px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.64);
transform:translateY(-1px);
}

.mailing-billing-switch strong{
font-size:12px;
font-weight:950;
letter-spacing:-0.01em;
}

.mailing-billing-switch small{
color:inherit;
font-size:10px;
font-weight:850;
letter-spacing:-0.01em;
opacity:.68;
}

.pro-mailing-copy h3 [data-mailing-price-output],
.pro-stat-pill [data-mailing-price-output]{
color:inherit;
font:inherit;
letter-spacing:inherit;
line-height:inherit;
text-transform:none;
}

.pro-mailing-price-card{
position:relative;
isolation:isolate;
display:grid;
align-content:center;
justify-items:start;
gap:10px;
min-height:190px;
padding:24px;
overflow:hidden;
border:1px solid rgba(95,226,255,0.82);
border-radius:32px;
background:
radial-gradient(circle at 12% 0%, rgba(255,255,255,0.82), transparent 30%),
radial-gradient(circle at 86% 88%, rgba(33,246,181,0.38), transparent 34%),
radial-gradient(circle at 4% 100%, rgba(52,164,255,0.38), transparent 38%),
linear-gradient(145deg, #e8fbff 0%, #6fe7ff 34%, #34a4ff 66%, #0d6ed0 100%);
background-size:150% 150%;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.84), inset 0 -30px 70px rgba(0,58,128,0.18), 0 28px 78px rgba(52,164,255,0.28);
transition:transform .22s ease, box-shadow .22s ease;
animation:proStarterCardDrift 9s ease-in-out infinite alternate;
}

.pro-mailing-price-card:hover{
transform:translateY(-3px);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.88), inset 0 -30px 70px rgba(0,58,128,0.18), 0 34px 94px rgba(52,164,255,0.36);
}

.pro-mailing-price-card::before{
content:"";
position:absolute;
right:-54px;
top:-58px;
width:174px;
height:174px;
z-index:-1;
border-radius:999px;
background:conic-gradient(from 0deg, #050505, #21f6b5, #6fe7ff, #34a4ff, #050505);
opacity:0.28;
animation:proGrowthIconSpin 5s linear infinite;
}

.pro-mailing-price-card::after{
content:"";
position:absolute;
inset:-48% auto auto -58%;
width:74%;
height:210%;
z-index:0;
background:linear-gradient(110deg, transparent 28%, rgba(255,255,255,0.22) 48%, transparent 68%);
transform:rotate(15deg) translateX(-12%);
animation:proStarterCardShine 8s ease-in-out infinite;
pointer-events:none;
}

.pro-mailing-price-card > *{
position:relative;
z-index:1;
}

.pro-mailing-price-card .pro-mailing-plan-label{
position:relative;
display:inline-flex;
align-items:center;
min-height:32px;
padding:0 12px;
border-radius:999px;
background:#050505;
color:#7cf3ff;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.12), 0 12px 30px rgba(0,0,0,0.18);
}

@keyframes proStarterCardDrift{
0%{
background-position:0% 42%;
}
100%{
background-position:100% 58%;
}
}

@keyframes proStarterCardShine{
0%, 46%{
transform:rotate(15deg) translateX(-28%);
opacity:0;
}
58%{
opacity:0.78;
}
100%{
transform:rotate(15deg) translateX(190%);
opacity:0;
}
}

.pro-mailing-plan-icon{
position:relative;
isolation:isolate;
display:inline-grid !important;
align-items:center;
justify-content:center;
width:54px;
height:54px;
padding:0 !important;
border:1px solid rgba(255,255,255,0.22);
border-radius:20px;
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.48), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.24), rgba(255,255,255,0.06));
color:#050505;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.24), 0 16px 34px rgba(0,0,0,0.22);
transition:transform .22s ease, background .22s ease, border-color .22s ease;
}

.pro-mailing-plan-icon::before{
content:none;
}

.pro-mailing-plan-icon::after{
content:none;
}

.pro-mailing-price-card:hover .pro-mailing-plan-icon{
border-color:rgba(255,255,255,0.36);
background:
radial-gradient(circle at 30% 18%, rgba(255,255,255,0.62), transparent 34%),
linear-gradient(145deg, rgba(255,255,255,0.30), rgba(255,255,255,0.08));
transform:translateY(-2px) rotate(-2deg);
}

.pro-mailing-plan-icon svg{
width:24px;
height:24px;
fill:currentColor;
filter:drop-shadow(0 8px 14px rgba(255,255,255,0.18));
}

.pro-mailing-price-card strong{
position:relative;
display:flex;
align-items:flex-end;
gap:8px;
color:#050505;
font-size:clamp(3.5rem, 7.5vw, 6.4rem);
font-weight:950;
letter-spacing:-0.105em;
line-height:0.78;
text-shadow:0 1px 0 rgba(255,255,255,0.34);
}

.pro-mailing-price-card strong [data-mailing-price-output]{
color:inherit;
font:inherit;
letter-spacing:inherit;
line-height:inherit;
text-transform:none;
}

.pro-mailing-price-card small{
padding-bottom:8px;
color:rgba(5,5,5,0.76);
font-size:clamp(1.12rem, 2.2vw, 1.85rem);
font-weight:900;
letter-spacing:-0.055em;
}

.pro-mailing-price-card em{
position:relative;
display:inline-flex;
align-items:center;
min-height:28px;
padding:0 10px;
border:1px solid rgba(5,5,5,0.12);
border-radius:999px;
background:rgba(255,255,255,0.34);
color:rgba(5,5,5,0.72);
font-size:11px;
font-style:normal;
font-weight:950;
letter-spacing:0.06em;
text-transform:uppercase;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.44);
}

.pro-mailing-price-card b{
width:max-content;
max-width:100%;
padding:7px 10px;
border:1px solid rgba(255,255,255,0.14);
border-radius:999px;
background:rgba(255,255,255,0.08);
color:#fff;
font-size:12px;
font-weight:900;
}

.pro-dashboard-strip{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr)) minmax(190px, 0.72fr);
gap:12px;
padding:12px;
border:1px solid rgba(255,255,255,0.11);
border-radius:30px;
background:rgba(255,255,255,0.035);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.08);
}

.pro-stat-pill,
.pro-cta-card{
position:relative;
overflow:hidden;
display:grid;
align-items:center;
min-height:92px;
padding:18px;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:rgba(255,255,255,0.04);
}

.pro-stat-pill::after{
content:"";
position:absolute;
right:-38px;
bottom:-48px;
width:122px;
height:122px;
border-radius:50%;
background:rgba(255,255,255,0.20);
}

.pro-stat-pill:nth-child(1){
background:linear-gradient(135deg, #f0ff61, #79ffb5);
}

.pro-stat-pill:nth-child(2){
background:linear-gradient(135deg, #75e7ff, #b8a2ff);
}

.pro-stat-pill:nth-child(3){
background:linear-gradient(135deg, #ffb86b, #ff6f91);
}

.pro-stat-pill strong{
position:relative;
z-index:1;
color:#050505;
font-size:1.1rem;
line-height:1;
letter-spacing:-0.035em;
}

.pro-stat-pill span{
position:relative;
z-index:1;
max-width:220px;
color:rgba(5,5,5,0.64);
font-size:12px;
font-weight:750;
line-height:16px;
align-self:end;
}

.pro-cta-card{
grid-template-columns:1fr 32px;
gap:12px;
text-decoration:none;
background:#fff;
}

.pro-cta-card span{
color:#050505;
font-size:13px;
font-weight:900;
}

.pro-cta-card i{
width:32px;
height:32px;
border-radius:999px;
background:
linear-gradient(135deg, transparent 44%, #fff 45% 55%, transparent 56%),
#050505;
}

.pro-community-bar{
position:relative;
overflow:hidden;
padding:clamp(30px, 5vw, 58px);
border:1px solid rgba(255,255,255,0.14);
border-radius:34px;
background:
radial-gradient(circle at 10% 0%, rgba(255,255,255,0.16), transparent 32%),
radial-gradient(circle at 92% 20%, rgba(240,255,97,0.20), transparent 30%),
linear-gradient(135deg, rgba(12,12,14,0.98), rgba(5,5,5,0.98));
box-shadow:0 26px 78px rgba(0,0,0,0.34);
}

.pro-community-bar::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
background:linear-gradient(135deg, rgba(255,255,255,0.12), transparent 34%, rgba(255,255,255,0.04));
pointer-events:none;
}

.pro-community-bar::after{
content:"";
position:absolute;
right:-90px;
bottom:-110px;
width:260px;
height:260px;
border-radius:50%;
background:linear-gradient(135deg, #75e7ff, #b8a2ff);
filter:blur(1px);
opacity:0.28;
}

.pro-community-bar p{
position:relative;
z-index:1;
max-width:1180px;
margin:0 auto;
color:#fff;
font-size:clamp(2rem, 5.4vw, 5.6rem);
font-weight:900;
line-height:0.96;
letter-spacing:-0.08em;
text-align:center;
text-wrap:balance;
}

.pro-editor-board{
display:grid;
grid-template-columns:minmax(260px, 0.42fr) 1fr;
gap:18px;
align-items:stretch;
padding:18px;
border:1px solid rgba(255,255,255,0.10);
border-radius:30px;
background:
linear-gradient(120deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02)),
rgba(255,255,255,0.025);
}

.pro-editor-copy{
display:grid;
align-content:center;
gap:14px;
padding:12px;
}

.pro-editor-copy h3{
max-width:520px;
color:#fff;
font-size:clamp(1.8rem, 3.4vw, 3.4rem);
line-height:0.96;
letter-spacing:-0.065em;
}

.pro-editor-copy p{
max-width:560px;
color:rgba(255,255,255,0.58);
font-size:13px;
line-height:20px;
}

.pro-editor-copy ul{
display:grid;
gap:8px;
margin:0;
padding:0;
list-style:none;
}

.pro-editor-copy li{
color:rgba(255,255,255,0.76);
font-size:12px;
line-height:17px;
}

.pro-editor-copy li::before{
content:"";
display:inline-block;
width:7px;
height:7px;
margin-right:8px;
border-radius:999px;
background:#fff;
vertical-align:1px;
}

.pro-builder-preview{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:12px;
}

.pro-builder-preview article{
position:relative;
display:grid;
align-content:space-between;
min-height:190px;
padding:18px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.10);
border-radius:24px;
background:
linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0.02)),
#050505;
}

.pro-builder-preview article::before{
content:"";
position:absolute;
inset:14px;
border:1px dashed rgba(255,255,255,0.18);
border-radius:18px;
}

.pro-builder-preview article::after{
content:"";
position:absolute;
right:-30px;
bottom:-30px;
width:120px;
height:120px;
border-radius:50%;
background:rgba(255,255,255,0.08);
}

.pro-builder-preview strong,
.pro-builder-preview span{
position:relative;
z-index:1;
}

.pro-builder-preview strong{
display:inline-flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:16px;
background:#fff;
color:#050505;
font-size:13px;
font-weight:900;
}

.pro-builder-preview span{
max-width:220px;
color:rgba(255,255,255,0.76);
font-size:13px;
line-height:18px;
}

.pro-flow-row{
display:grid;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:12px;
}

.pro-flow-row article{
position:relative;
min-height:128px;
padding:20px;
overflow:hidden;
border:1px solid rgba(255,255,255,0.10);
border-radius:26px;
background:rgba(255,255,255,0.04);
}

.pro-flow-row article::after{
content:"";
position:absolute;
top:24px;
right:20px;
width:34px;
height:34px;
border-radius:999px;
background:
linear-gradient(135deg, transparent 44%, #050505 45% 55%, transparent 56%),
#fff;
}

.pro-flow-row span{
display:block;
margin-bottom:22px;
color:#fff;
font-size:1.18rem;
font-weight:850;
letter-spacing:-0.045em;
}

.pro-flow-row p{
max-width:310px;
color:rgba(255,255,255,0.58);
font-size:13px;
line-height:19px;
}

@media(max-width:900px){
.pro-page .container,
.pro-container{
width:calc(100vw - 32px);
}

.pro-layout,
.pro-showcase,
.pro-product-section,
.pro-growth-lab,
.pro-gain-calculator,
.pro-live-board{
grid-template-columns:1fr;
}

.pro-growth-stack{
grid-template-columns:1fr;
}

.pro-growth-lab{
padding:14px;
border-radius:26px;
}

.pro-growth-card{
min-height:170px;
}

.pro-gain-calculator{
padding:14px;
border-radius:26px;
}

.pro-gain-calculator::before{
inset:7px;
border-radius:20px;
}

.pro-gain-panel{
padding:12px;
border-radius:22px;
}

.pro-gain-result-card{
min-height:190px;
}

.pro-gain-options button{
flex:1 1 100%;
justify-content:flex-start;
text-align:left;
}

.pro-gain-note{
justify-self:stretch;
border-radius:18px;
text-align:left;
}

.pro-auth-panel{
grid-row:1;
padding:16px;
}

.pro-visual-card{
grid-row:2;
min-height:66vh;
border-radius:24px;
}

.pro-visual-card::before{
box-shadow:inset 0 0 0 8px #050505;
}

.pro-hero-copy{
align-items:flex-end;
padding:28px 22px;
}

.pro-hero-copy p{
font-size:clamp(2rem, 12vw, 3.8rem);
}

.field-grid{
grid-template-columns:1fr;
}

.pro-section-head{
grid-template-columns:1fr;
}

.pro-section-head h2{
font-size:clamp(2rem, 11vw, 3.7rem);
}

.pro-showcase{
padding:14px;
border-radius:28px;
}

.pro-showcase::before{
inset:7px;
border-radius:22px;
}

.pro-showcase-intro{
grid-template-columns:1fr;
align-items:start;
gap:12px;
}

.pro-feature-grid{
grid-template-columns:1fr;
}

.pro-feature-main-stack{
grid-row:auto;
}

.pro-feature-main{
grid-row:auto;
min-height:260px;
}

.pro-feature-free-card{
min-height:190px;
}

.pro-dashboard-strip{
grid-template-columns:1fr 1fr;
}

.pro-mailing-banner{
grid-template-columns:1fr;
padding:18px;
border-radius:26px;
}

.pro-cta-card{
grid-column:1 / -1;
}

.pro-community-bar{
padding:26px 18px;
border-radius:26px;
}

.pro-community-bar p{
font-size:clamp(1.8rem, 11vw, 3.8rem);
line-height:0.98;
}

.pro-editor-board,
.pro-flow-row{
grid-template-columns:1fr;
}

.pro-builder-preview{
grid-template-columns:1fr;
}

.pro-builder-preview article{
min-height:150px;
}

.pro-phone-preview{
min-height:auto;
}
}

.widais-native-select-hidden{
position:absolute !important;
width:1px !important;
height:1px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
opacity:0 !important;
pointer-events:none !important;
}

.widais-country-input,
.widais-select-input{
width:100%;
cursor:pointer;
background-color:#111;
background-image:url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.25L7 7.25L13 1.25' stroke='%23d8d8d8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
background-position:calc(100% - 18px) 50%;
background-size:14px 9px;
background-repeat:no-repeat;
padding-right:46px;
}

.widais-country-option,
.widais-select-option{
justify-content:space-between;
}

.widais-country-option span,
.widais-select-option span{
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

.widais-country-option small,
.widais-select-option small{
margin-left:auto;
padding:4px 7px;
border:1px solid var(--line);
border-radius:999px;
color:var(--muted);
font-size:10px;
font-weight:900;
letter-spacing:0.12em;
}

.widais-select-option:disabled{
opacity:0.42;
cursor:not-allowed;
transform:none;
}

/* Subtle liquid finish inspired by Mahema */
:root{
--liquid-line:rgba(255,255,255,0.16);
--liquid-sheen:rgba(255,255,255,0.12);
--liquid-warm:rgba(187,58,62,0.13);
--liquid-cool:rgba(112,132,255,0.08);
--liquid-glass:rgba(8,8,10,0.62);
--liquid-glass-soft:rgba(10,10,12,0.48);
--liquid-shadow:0 22px 64px rgba(0,0,0,0.32);
}

body{
position:relative;
overflow-x:hidden;
}

body::before{
content:"";
position:fixed;
inset:-22vh -18vw;
pointer-events:none;
background:
radial-gradient(circle at 12% 8%, rgba(255,255,255,0.08), transparent 30%),
radial-gradient(circle at 86% 16%, rgba(187,58,62,0.12), transparent 34%),
radial-gradient(circle at 48% 88%, rgba(112,132,255,0.07), transparent 36%);
filter:blur(2px);
opacity:0.72;
}

.story-bubble,
.box.story-bubble,
.legal-heading,
.footer-legal,
.pro-header,
.cookie-banner{
border:1px solid var(--liquid-line);
background:
radial-gradient(circle at 16% 0%, var(--liquid-sheen), transparent 36%),
radial-gradient(circle at 88% 20%, var(--liquid-warm), transparent 34%),
linear-gradient(145deg, var(--liquid-glass), var(--liquid-glass-soft));
box-shadow:var(--liquid-shadow);
backdrop-filter:blur(26px) saturate(150%);
-webkit-backdrop-filter:blur(26px) saturate(150%);
}

.story-bubble::before,
.footer-legal::before,
.legal-heading::before,
.pro-header::before{
content:"";
position:absolute;
inset:1px;
border-radius:inherit;
pointer-events:none;
background:linear-gradient(135deg, rgba(255,255,255,0.10), transparent 36%, rgba(255,255,255,0.035));
opacity:0.42;
}

.story-bubble,
.box.story-bubble,
.legal-heading,
.footer-legal,
.pro-header{
position:relative;
overflow:hidden;
}

.story-bubble > *,
.footer-legal > *,
.legal-heading > *,
.pro-header > *{
position:relative;
z-index:1;
}

.footer-legal{
border-color:var(--liquid-line);
overflow:visible;
}

.footer-legal a,
.story-login-button,
.story-bubble .story-login-button{
transition:color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.footer-legal a:hover{
color:#fff;
}

.language-selector{
position:relative;
display:inline-flex;
align-items:center;
z-index:8;
}

.language-trigger{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:31px;
padding:0 10px 0 8px;
border:1px solid rgba(255,255,255,0.18);
border-radius:999px;
background:
radial-gradient(circle at 22% 0%, rgba(255,255,255,0.18), transparent 34%),
rgba(255,255,255,0.055);
color:rgba(255,255,255,0.82);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.15);
font:inherit;
font-size:11px;
font-weight:850;
letter-spacing:0.08em;
line-height:1;
text-transform:uppercase;
cursor:pointer;
transition:color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.language-trigger:hover,
.language-selector:focus-within .language-trigger{
border-color:rgba(255,255,255,0.42);
background:rgba(255,255,255,0.12);
color:#fff;
transform:translateY(-1px);
}

.language-globe{
width:14px;
height:14px;
fill:none;
stroke:currentColor;
stroke-width:1.75;
stroke-linecap:round;
stroke-linejoin:round;
opacity:0.92;
}

.language-menu{
position:absolute;
right:0;
bottom:calc(100% + 9px);
z-index:20;
display:grid;
gap:5px;
min-width:142px;
padding:8px;
border:1px solid rgba(255,255,255,0.14);
border-radius:18px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.15), transparent 34%),
rgba(8,8,9,0.94);
box-shadow:0 18px 54px rgba(0,0,0,0.42), inset 0 1px 0 rgba(255,255,255,0.10);
backdrop-filter:blur(20px) saturate(150%);
-webkit-backdrop-filter:blur(20px) saturate(150%);
opacity:0;
pointer-events:none;
transform:translateY(8px) scale(0.98);
transform-origin:bottom right;
transition:opacity 180ms ease, transform 180ms ease;
}

.language-menu::after{
content:"";
position:absolute;
right:18px;
bottom:-6px;
width:10px;
height:10px;
border-right:1px solid rgba(255,255,255,0.14);
border-bottom:1px solid rgba(255,255,255,0.14);
background:rgba(8,8,9,0.94);
transform:rotate(45deg);
}

.language-selector:hover .language-menu,
.language-selector:focus-within .language-menu{
opacity:1;
pointer-events:auto;
transform:translateY(0) scale(1);
}

.language-menu a{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
min-height:34px;
padding:0 9px 0 11px;
border-radius:12px;
color:rgba(255,255,255,0.72);
font-size:12px;
font-weight:800;
letter-spacing:-0.01em;
text-decoration:none;
}

.footer-legal .language-menu a:hover,
.language-menu a:hover{
background:rgba(255,255,255,0.09);
color:#fff;
}

.language-menu a.is-active{
background:#fff;
color:#050505;
}

.language-menu small{
font-size:9px;
font-weight:900;
letter-spacing:0.12em;
opacity:0.62;
}

/* The language dropdown opens upward, so the footer must not clip it. */
.footer-legal{
overflow:visible;
z-index:30;
}

.footer-legal .language-selector{
z-index:80;
}

.footer-legal .language-menu{
z-index:99999;
}

.story-login-button,
.story-bubble .story-login-button{
gap:7px;
background:
radial-gradient(circle at 18% 0%, rgba(255,255,255,0.12), transparent 34%),
rgba(255,255,255,0.03);
border-color:rgba(255,255,255,0.24);
color:#fff;
}

.story-login-button .button-icon,
.story-bubble .story-login-button .button-icon{
flex:0 0 auto;
width:15px;
height:15px;
fill:currentColor;
opacity:0.92;
}

.story-login-button:hover,
.story-bubble .story-login-button:hover{
background:rgba(255,255,255,0.10);
border-color:rgba(255,255,255,0.48);
color:#fff;
}

.box:not(.story-bubble):not(.footer-legal):not(.legal-heading):not(.legal-title-card),
.static-hero,
.pro-visual-card,
.pro-showcase,
.form-card{
box-shadow:0 18px 52px rgba(0,0,0,0.30);
}

/* Personalized showcase slide: image must meet the rounded square edge cleanly. */
.home-personalized.showcase-slide .partner-card-slider{
background:#050505;
}

.home-personalized.showcase-slide .partner-card-slide-deck{
inset:0;
border-radius:inherit;
background:#050505;
}

.home-personalized.showcase-slide .partner-card-slider::after{
inset:0;
border-radius:inherit;
border-color:rgba(255,255,255,0.14);
box-shadow:inset 0 0 0 1px rgba(0,0,0,0.26);
}

.home-personalized.showcase-slide .partner-card-slide{
inset:0;
padding:clamp(28px, 5vw, 64px);
padding-bottom:clamp(108px, 8vw, 142px);
background:#050505;
}

.home-personalized.showcase-slide .partner-card-slide img{
position:absolute;
inset:0;
display:block;
width:100%;
height:100%;
min-width:100%;
min-height:100%;
border:0;
border-radius:inherit;
object-fit:cover;
object-position:center bottom;
transform:none;
backface-visibility:hidden;
}

.home-personalized.showcase-slide .partner-card-slider.is-ready .partner-card-slide.is-active img{
transform:none;
}

@media(max-width:760px){
.home-personalized.showcase-slide .partner-card-slide{
padding:22px;
padding-bottom:72px;
}

.home-personalized.showcase-slide .partner-card-slider,
.home-personalized.showcase-slide .partner-card-slide-deck,
.home-personalized.showcase-slide .partner-card-slider::after{
border-radius:24px;
}

.home-personalized.showcase-slide .partner-card-active-label{
display:none !important;
}

.home-personalized.showcase-slide .partner-card-bubbles{
gap:5px;
padding:5px 7px;
bottom:12px;
border-radius:999px;
}

.home-personalized.showcase-slide .partner-card-bubble{
width:18px;
height:18px;
min-height:18px;
max-width:18px;
border-width:1px;
}

.home-personalized.showcase-slide .partner-card-bubble span{
width:5px;
height:5px;
box-shadow:0 0 0 2px rgba(255,255,255,0.05);
}

.home-personalized.showcase-slide .partner-card-bubble.is-active,
.home-personalized.showcase-slide .partner-card-bubble:hover,
.home-personalized.showcase-slide .partner-card-bubble:focus-visible{
width:22px;
max-width:22px;
}

.home-personalized.showcase-slide .partner-card-bubble.is-active span,
.home-personalized.showcase-slide .partner-card-bubble:hover span,
.home-personalized.showcase-slide .partner-card-bubble:focus-visible span{
width:6px;
height:6px;
}

.home-personalized.showcase-slide .partner-card-bubble::after{
display:none;
}
}

/* Restored disco/liquid hero background from the original CSS-only version. */
.home-static .static-hero::before,
.home-static .static-hero::after,
.pro-page .pro-visual-card::before,
.pro-page .pro-visual-card::after{
display:none;
}

.home-static .static-slider,
.home-personalized .partner-bio-slider .static-slider,
.pro-page .pro-slider{
background:
radial-gradient(circle at 12% 16%, rgba(0,92,255,0.68), transparent 25%),
radial-gradient(circle at 88% 18%, rgba(255,28,84,0.56), transparent 28%),
radial-gradient(circle at 44% 92%, rgba(31,255,136,0.50), transparent 32%),
radial-gradient(circle at 72% 72%, rgba(255,210,46,0.28), transparent 28%),
linear-gradient(135deg, #020202 0%, #090b10 45%, #020202 100%);
background-size:132% 132%, 128% 128%, 150% 150%, 140% 140%, 100% 100%;
animation:widaisDiscoBackdrop 8.5s ease-in-out infinite alternate, widaisDiscoHue 12s linear infinite;
will-change:background-position, filter;
}

.home-static .static-slider::before,
.home-personalized .partner-bio-slider .static-slider::before,
.pro-page .pro-slider::before{
content:"";
position:absolute;
inset:-22%;
z-index:1;
border-radius:inherit;
background:
conic-gradient(from 120deg at 50% 50%, rgba(0,116,255,0), rgba(0,116,255,0.66), rgba(44,255,149,0.54), rgba(240,255,97,0.36), rgba(255,42,83,0.62), rgba(0,116,255,0)),
linear-gradient(68deg, transparent 0 35%, rgba(0,116,255,0.46) 43%, transparent 52%),
linear-gradient(122deg, transparent 0 37%, rgba(255,42,83,0.38) 47%, transparent 58%),
linear-gradient(18deg, transparent 0 40%, rgba(44,255,149,0.34) 50%, transparent 60%),
radial-gradient(ellipse at 18% 24%, rgba(0,116,255,0.54), transparent 34%),
radial-gradient(ellipse at 82% 28%, rgba(255,42,83,0.44), transparent 36%),
radial-gradient(ellipse at 48% 82%, rgba(44,255,149,0.40), transparent 34%);
filter:blur(28px) saturate(1.72) contrast(1.14);
mix-blend-mode:screen;
opacity:0.96;
transform-origin:50% 50%;
animation:widaisDiscoSweep 10s cubic-bezier(.45,0,.2,1) infinite, widaisDiscoBeamHue 6.5s linear infinite, widaisDiscoPulse 3.2s ease-in-out infinite;
pointer-events:none;
will-change:transform, filter, opacity;
}

.home-static .static-slider::after,
.home-personalized .partner-bio-slider .static-slider::after,
.pro-page .pro-slider::after{
content:"";
position:absolute;
inset:0;
z-index:2;
border-radius:inherit;
background:
radial-gradient(circle at var(--widais-liquid-x, 50%) var(--widais-liquid-y, 48%), rgba(255,255,255,0.30), rgba(0,213,255,0.22) 12%, transparent 28%),
linear-gradient(36deg, transparent 0 34%, rgba(0,116,255,0.20) 42%, transparent 52%),
linear-gradient(145deg, transparent 0 38%, rgba(255,42,83,0.18) 48%, transparent 60%),
radial-gradient(ellipse at 74% 18%, rgba(255,42,83,0.20), transparent 34%),
radial-gradient(ellipse at 22% 84%, rgba(44,255,149,0.20), transparent 36%),
linear-gradient(90deg, rgba(0,0,0,0.80), rgba(0,0,0,0.14) 50%, rgba(0,0,0,0.62)),
linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.78)),
repeating-linear-gradient(115deg, rgba(255,255,255,0.040) 0 1px, transparent 1px 10px);
box-shadow:inset 0 0 130px rgba(0,0,0,0.54);
animation:widaisDiscoGlass 5.8s ease-in-out infinite alternate;
pointer-events:none;
}

.home-static .static-hero:hover .static-slider::before,
.home-personalized .partner-bio-slider:hover .static-slider::before,
.pro-page .pro-visual-card:hover .pro-slider::before{
animation-duration:7s, 4s, 2.2s;
opacity:1;
}

.static-hero-copy p,
.pro-hero-copy p{
text-shadow:0 24px 70px rgba(0,0,0,0.72), 0 2px 18px rgba(0,0,0,0.42);
}

@keyframes widaisDiscoBackdrop{
0%{
background-position:0% 0%, 100% 10%, 20% 100%, 88% 72%, 50% 50%;
filter:hue-rotate(0deg) saturate(1.34) contrast(1.06);
}
25%{
background-position:24% 8%, 78% 28%, 36% 82%, 62% 96%, 50% 50%;
filter:hue-rotate(42deg) saturate(1.56) contrast(1.10);
}
50%{
background-position:54% 24%, 62% 40%, 48% 70%, 44% 54%, 50% 50%;
filter:hue-rotate(92deg) saturate(1.44) contrast(1.12);
}
75%{
background-position:80% 34%, 34% 24%, 70% 58%, 24% 38%, 50% 50%;
filter:hue-rotate(182deg) saturate(1.62) contrast(1.10);
}
100%{
background-position:100% 36%, 10% 18%, 88% 54%, 18% 22%, 50% 50%;
filter:hue-rotate(305deg) saturate(1.48) contrast(1.08);
}
}

@keyframes widaisDiscoSweep{
0%{
transform:translate3d(-5%, -4%, 0) rotate(0deg) scale(1);
}
30%{
transform:translate3d(7%, 1%, 0) rotate(96deg) scale(1.18);
}
62%{
transform:translate3d(-3%, 8%, 0) rotate(226deg) scale(1.02);
}
100%{
transform:translate3d(5%, -5%, 0) rotate(360deg) scale(1.12);
}
}

@keyframes widaisDiscoHue{
0%{filter:hue-rotate(0deg) saturate(1.35) contrast(1.06);}
33%{filter:hue-rotate(86deg) saturate(1.58) contrast(1.10);}
66%{filter:hue-rotate(210deg) saturate(1.48) contrast(1.12);}
100%{filter:hue-rotate(360deg) saturate(1.35) contrast(1.06);}
}

@keyframes widaisDiscoBeamHue{
0%{filter:blur(28px) hue-rotate(0deg) saturate(1.72) contrast(1.14);}
50%{filter:blur(24px) hue-rotate(155deg) saturate(2.05) contrast(1.20);}
100%{filter:blur(28px) hue-rotate(360deg) saturate(1.72) contrast(1.14);}
}

@keyframes widaisDiscoPulse{
0%, 100%{opacity:0.82;}
38%{opacity:1;}
68%{opacity:0.74;}
}

@keyframes widaisDiscoGlass{
0%{
filter:hue-rotate(0deg) saturate(1.05);
opacity:0.94;
}
100%{
filter:hue-rotate(130deg) saturate(1.25);
opacity:1;
}
}

@media(prefers-reduced-motion:reduce){
.home-static .static-slider,
.home-personalized .partner-bio-slider .static-slider,
.pro-page .pro-slider,
.home-static .static-slider::before,
.home-personalized .partner-bio-slider .static-slider::before,
.pro-page .pro-slider::before,
.home-static .static-slider::after,
.home-personalized .partner-bio-slider .static-slider::after,
.pro-page .pro-slider::after{
animation:none;
}
}