/* ============================================================
   HostTiller Landing Page — faithful plain-CSS port of the
   Laravel/React reference (127.0.0.1:8000).
   Navy #0A3D61 + gold #EAB543. Inter/Poppins.
   ============================================================ */

:root{
    --primary:#0A3D61;
    --primary-dark:#082E4A;
    --primary-soft:rgba(10,61,97,.06);
    --secondary:#EAB543;
    --secondary-dark:#C99A26;
    --secondary-soft:rgba(234,181,67,.14);
    --body:#1E293B;
    --muted:#64748B;
    --border:#E2E8F0;
    --bg-soft:#F5F8FB;
    --radius:14px;
    --heading-font:'Poppins','Inter',sans-serif;
    --body-font:'Inter',system-ui,sans-serif;
}

/* ---------- base ---------- */
.ld-root{font-family:var(--body-font);color:var(--body);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5;}
.ld-root h1,.ld-root h2,.ld-root h3,.ld-root h4,.ld-root h5,.ld-root h6{font-family:var(--heading-font);color:var(--primary-dark);line-height:1.2;}
.ld-root ::selection{background:var(--secondary);color:var(--primary-dark);}
.ld-root a{text-decoration:none;color:inherit;}
.ld-root img{max-width:100%;}
.ld-root button{font-family:inherit;}
.ld-root *{box-sizing:border-box;}

.container-x{margin-left:auto;margin-right:auto;width:100%;max-width:80rem;padding-left:1rem;padding-right:1rem;}
@media(min-width:640px){.container-x{padding-left:1.5rem;padding-right:1.5rem;}}
@media(min-width:1024px){.container-x{padding-left:2rem;padding-right:2rem;}}

/* ---------- grid + flex utilities ---------- */
.grid{display:grid;}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.items-end{align-items:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.justify-start{justify-content:flex-start;}
.flex-wrap{flex-wrap:wrap;}
.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}
.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}
.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-x-6{column-gap:1.5rem}.gap-x-7{column-gap:1.75rem}
.gap-x-8{column-gap:2rem}.gap-x-10{column-gap:2.5rem}.gap-y-3{row-gap:.75rem}
.gap-y-4{row-gap:1rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}}

/* ---------- buttons ---------- */
.ld-root .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:15px;font-weight:600;padding:12px 24px;font-size:14px;transition:all .2s ease;white-space:nowrap;border:0;cursor:pointer;}
.ld-root .btn:disabled{opacity:.6;cursor:not-allowed;}
.ld-root .btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 24px -10px rgba(10,61,97,.65);}
.ld-root .btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);}
.ld-root .btn-secondary{background:var(--secondary);color:var(--primary-dark);box-shadow:0 10px 24px -10px rgba(234,181,67,.7);}
.ld-root .btn-secondary:hover{background:var(--secondary-dark);transform:translateY(-1px);}
.ld-root .btn-outline{border:1.5px solid var(--border);color:var(--primary);background:#fff;}
.ld-root .btn-outline:hover{border-color:var(--primary);background:var(--primary-soft);}
.ld-root .btn-white{background:#fff;color:var(--primary);box-shadow:0 12px 28px -12px rgba(0,0,0,.5);}
.ld-root .btn-white:hover{background:var(--secondary);color:var(--primary-dark);transform:translateY(-1px);}
.ld-root .btn-ghost-light{color:#fff;border:1.5px solid rgba(255,255,255,.35);background:transparent;}
.ld-root .btn-ghost-light:hover{background:rgba(255,255,255,.12);border-color:#fff;}
.ld-root .btn-sm{padding:8px 16px;font-size:12px;}
.ld-root .btn-lg{padding:14px 30px;font-size:16px;}

/* ---------- cards / badges / chips / section headings ---------- */
.ld-root .card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 3px rgba(15,23,42,.04);}
.ld-root .card-hover{transition:all .25s ease;}
.ld-root .card-hover:hover{transform:translateY(-4px);box-shadow:0 24px 48px -16px rgba(10,61,97,.22);border-color:rgba(10,61,97,.2);}
.ld-root .chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;background:var(--secondary-soft);color:var(--secondary-dark);}
.ld-root .badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;}
.ld-root .badge-gold{background:var(--secondary);color:var(--primary-dark);}
.ld-root .badge-red{background:#FEE2E2;color:#B91C1C;}
.ld-root .badge-green{background:#DCFCE7;color:#15803D;}
.ld-root .badge-blue{background:#DBEAFE;color:#1D4ED8;}
.ld-root .badge-gray{background:#F1F5F9;color:#475569;}
.ld-root .eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:var(--primary-soft);color:var(--primary);}
.ld-root .section-title{font-size:30px;line-height:1.2;font-weight:800;margin-top:16px;}
@media(min-width:768px){.ld-root .section-title{font-size:36px;}}
@media(min-width:1024px){.ld-root .section-title{font-size:40px;}}
.ld-root .section-title .hl,.ld-root .section-title span.txt-gold{color:var(--secondary-dark);}

.ld-root .text-gradient-gold,.ld-root .pr-shine{
    background:linear-gradient(92deg,#F5D77E 0%,var(--secondary) 45%,var(--secondary-dark) 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}

.ld-root .glass{background:rgba(255,255,255,.06);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);}
.ld-root .hero-grid-bg{
    background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size:56px 56px;
}

/* ---------- reveal on scroll (only hidden once JS is active) ---------- */
html.ld-js .ld-root .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
html.ld-js .ld-root .reveal.in-view{opacity:1;transform:translateY(0);}

/* ---------- section spacing helpers ---------- */
.ld-root .py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.ld-root .py-14{padding-top:3.5rem;padding-bottom:3.5rem;}
.ld-root .py-16{padding-top:4rem;padding-bottom:4rem;}
.ld-root .py-20{padding-top:5rem;padding-bottom:5rem;}
.ld-root .py-12{padding-top:3rem;padding-bottom:3rem;}
.ld-root .mt-2{margin-top:.5rem;}
.ld-root .mt-4{margin-top:1rem;}
.ld-root .mt-5{margin-top:1.25rem;}
.ld-root .mt-6{margin-top:1.5rem;}
.ld-root .mt-8{margin-top:2rem;}
.ld-root .mt-9{margin-top:2.25rem;}
.ld-root .mt-10{margin-top:2.5rem;}
.ld-root .mt-12{margin-top:3rem;}
.ld-root .mt-14{margin-top:3.5rem;}
.ld-root .mt-16{margin-top:4rem;}
.ld-root .mb-5{margin-bottom:1.25rem;}
.ld-root .text-center{text-align:center;}
.ld-root .text-left{text-align:left;}
.ld-root .relative{position:relative;}
.ld-root .absolute{position:absolute;}
.ld-root .inset-0{top:0;right:0;bottom:0;left:0;}
.ld-root .overflow-hidden{overflow:hidden;}
.ld-root .overflow-x-hidden{overflow-x:hidden;}
.ld-root .shrink-0{flex-shrink:0;}
.ld-root .w-full{width:100%;}
.ld-root .h-full{height:100%;}
.ld-root .mx-auto{margin-left:auto;margin-right:auto;}
.ld-root .max-w-2xl{max-width:42rem;}
.ld-root .max-w-3xl{max-width:48rem;}
.ld-root .max-w-xl{max-width:36rem;}
.ld-root .flex-1{flex:1;}
.ld-root .pointer-events-none{pointer-events:none;}
.ld-root .text-white{color:#fff;}
.ld-root .hidden{display:none;}
.ld-root .block{display:block;}
.ld-root .inline-flex{display:inline-flex;}
.ld-root .leading-relaxed{line-height:1.7;}
.ld-root .leading-tight{line-height:1.25;}
.ld-root .font-bold{font-weight:700;}
.ld-root .font-extrabold{font-weight:800;}
.ld-root .font-black{font-weight:900;}
.ld-root .whitespace-nowrap{white-space:nowrap;}

@media(min-width:1024px){.ld-root .lg\:grid-cols-\[1\.05fr_0\.95fr\]{grid-template-columns:1.05fr .95fr;}.ld-root .lg\:grid-cols-\[0\.95fr_1\.05fr\]{grid-template-columns:.95fr 1.05fr;}.ld-root .lg\:grid-cols-\[0\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr;}.ld-root .lg\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.ld-root .lg\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr;}}

.ld-root .text-\[13px\]{font-size:13px;}
.ld-root .text-\[14px\]{font-size:14px;}
.ld-root .text-\[15px\]{font-size:15px;}
.ld-root .text-sm{font-size:14px;}
.ld-root .text-xs{font-size:12px;}
.ld-root .text-base{font-size:16px;}
.ld-root .text-lg{font-size:18px;}
@media(max-width:1023px){.ld-root .hidden-sm{display:none;}}

/* ============================================================
   HERO
   ============================================================ */
.ld-root .ld-hero{position:relative;overflow:hidden;background:var(--primary-dark);}
.ld-root .ld-hero .hero-stage{position:relative;min-height:640px;}
.ld-root .ld-hero .hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease;}
.ld-root .ld-hero .hero-slide.is-active{opacity:1;visibility:visible;z-index:2;}
.ld-root .ld-hero .hero-anim-group>*{opacity:0;}
.ld-root .ld-hero .hero-slide.is-active .hero-anim-group>*{animation:ldHeroRise .85s cubic-bezier(.22,.61,.36,1) both;}
.ld-root .ld-hero .hero-slide.is-active .hero-anim-group>:nth-child(2){animation-delay:.12s;}
.ld-root .ld-hero .hero-slide.is-active .hero-anim-group>:nth-child(3){animation-delay:.24s;}
.ld-root .ld-hero .hero-slide.is-active .hero-anim-group>:nth-child(4){animation-delay:.36s;}
.ld-root .ld-hero .hero-slide.is-active .hero-anim-group>:nth-child(5){animation-delay:.48s;}
@keyframes ldHeroRise{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.ld-root .ld-hero .hero-highlight{
    background:linear-gradient(90deg,color-mix(in srgb,var(--ld-accent,#EAB543) 45%,#fff) 0%,var(--ld-accent,#EAB543) 45%,color-mix(in srgb,var(--ld-accent,#EAB543) 70%,#000) 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.ld-root .hero-orb{position:absolute;border-radius:9999px;filter:blur(90px);opacity:.5;pointer-events:none;}
.ld-root .hero-float-up{animation:ldFloatY 5.5s ease-in-out infinite;}
.ld-root .hero-float-down{animation:ldFloatY 6.5s ease-in-out infinite reverse;}
@keyframes ldFloatY{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
.ld-root .animate-float{animation:ldFloatSlow 6s ease-in-out infinite;}
@keyframes ldFloatSlow{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.ld-root .animate-floaty{animation:ldFloaty 5s ease-in-out infinite;}
@keyframes ldFloaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.ld-root .animate-marquee{animation:ldMarqueeX 26s linear infinite;}
@keyframes ldMarqueeX{from{transform:translateX(0);}to{transform:translateX(-30%);}}
.ld-root .animate-ping{animation:ldPing 1s cubic-bezier(0,0,.2,1) infinite;}
@keyframes ldPing{75%,100%{transform:scale(2);opacity:0;}}
.ld-root .animate-pulse{animation:ldPulse 1.6s ease-in-out infinite;}
@keyframes ldPulse{0%,100%{opacity:1;}50%{opacity:.5;}}
/* hero nav arrows */
.ld-root .ld-hero-nav{position:absolute;right:24px;bottom:24px;z-index:20;display:flex;gap:8px;}
.ld-root .ld-hero-nav button{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;backdrop-filter:blur(10px);}
.ld-root .ld-hero-nav button:hover{background:rgba(255,255,255,.15);transform:scale(1.05);}
.ld-root .ld-hero-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:6px;align-items:center;padding:0 2px;}
.ld-root .ld-hero-dots button{display:block;height:24px;padding:0 2px;background:none;border:0;cursor:pointer;}
.ld-root .ld-hero-dots button span{display:block;height:6px;border-radius:999px;transition:all .3s ease;background:rgba(255,255,255,.2);overflow:hidden;}
.ld-root .ld-hero-dots button .dot-fill{display:block;height:100%;border-radius:999px;background:var(--secondary);width:0;}
.ld-root .ld-hero-dots button.active span{width:40px;background:rgba(255,255,255,.25);}
.ld-root .ld-hero-dots .dot-fill.run{animation:ldHeroProgress 7s linear forwards;}
@keyframes ldHeroProgress{from{width:0;}to{width:100%;}}

/* ============================================================
   TRUSTED LOGOS
   ============================================================ */
.ld-root .ld-trusted{position:relative;z-index:3;background:transparent;padding:0;}
.ld-trusted-track{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:48px;}

/* ============================================================
   HOSTING BANNER
   ============================================================ */
.ld-root .ld-hb{position:relative;}
.ld-root .hb-marquee{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--border);background:var(--bg-soft);padding:14px 0;}
.ld-root .hb-marquee-track{width:max-content;display:flex;align-items:center;gap:40px;white-space:nowrap;animation:ldHbMarquee 30s linear infinite;}
.ld-root .hb-marquee:hover .hb-marquee-track{animation-play-state:paused;}
@keyframes ldHbMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ld-root .hb-wave{stroke-dasharray:.3 .7;stroke-dashoffset:1;animation:ldHbWave 4.5s linear infinite;}
@keyframes ldHbWave{to{stroke-dashoffset:-1;}}
.ld-root .hb-dot{filter:drop-shadow(0 0 5px rgba(245,215,126,.9));}
.ld-root .hb-meter{transform:scaleX(0);transform-origin:left;animation:ldHbMeter 3s cubic-bezier(.22,1,.36,1) infinite both;}
@keyframes ldHbMeter{0%{transform:scaleX(0);}70%,100%{transform:scaleX(1);}}
.ld-root .pulse-dot{animation:ldPulseDot 1.8s ease-in-out infinite;}
@keyframes ldPulseDot{0%,100%{opacity:.25;transform:scale(.85);}50%{opacity:1;transform:scale(1.05);}}
.ld-root .hb-float{animation:ldHbFloat 5s ease-in-out infinite;}
@keyframes ldHbFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.ld-root .hb-grid-drift{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(closest-side at 50% 38%,#000 20%,transparent 92%);mask-image:radial-gradient(closest-side at 50% 38%,#000 20%,transparent 92%);animation:ldHbGridDrift 22s linear infinite;}
@keyframes ldHbGridDrift{to{background-position:0 52px;}}
.ld-root .hb-beam{position:absolute;left:-35%;right:-35%;top:-65%;height:230%;transform-origin:50% 0;mix-blend-mode:screen;filter:blur(22px);background:conic-gradient(from 0deg at 50% 0%,rgba(234,181,67,0) 0deg,rgba(234,181,67,.05) 24deg,rgba(56,189,248,.07) 44deg,rgba(234,181,67,.14) 60deg,rgba(234,181,67,0) 82deg);animation:ldHbBeam 20s linear infinite;}
@keyframes ldHbBeam{to{transform:rotate(360deg);}}
.ld-root .hb-ring{position:absolute;width:220px;height:220px;border-radius:9999px;border:1px solid rgba(234,181,67,.35);opacity:0;animation:ldHbPing 6s ease-out infinite;}
@keyframes ldHbPing{0%{transform:scale(.15);opacity:.7;}100%{transform:scale(1.8);opacity:0;}}
.ld-root .hb-packet{position:absolute;border-radius:9999px;opacity:0;animation:ldHbRise 12s linear infinite;}
@keyframes ldHbRise{0%{transform:translate(0,0) scale(.5);opacity:0;}8%{opacity:var(--o);}82%{opacity:var(--o);}100%{transform:translate(-16px,var(--rise)) scale(1.1);opacity:0;}}
.ld-root .hb-token{position:absolute;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:.5px;color:rgba(148,197,238,.4);animation:ldHbToken 6s ease-in-out infinite;}
@keyframes ldHbToken{0%,100%{opacity:.08;transform:translateY(0);}50%{opacity:.4;transform:translateY(-8px);}}
.ld-root .ds-sheen{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;}
.ld-root .ds-sheen::after{content:'';position:absolute;top:-20%;bottom:-20%;width:34%;left:-50%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:ldDsSheen 4.5s ease-in-out infinite;}
@keyframes ldDsSheen{0%{left:-50%;}55%,100%{left:130%;}}
.ld-root .hb-orb{animation:ldHbOrbA 13s ease-in-out infinite;}
.ld-root .hb-orb:nth-of-type(2){animation:ldHbOrbB 16s ease-in-out infinite;}
@keyframes ldHbOrbA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(36px,26px) scale(1.1);}}
@keyframes ldHbOrbB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-30px,-22px) scale(1.08);}}
.ld-root .hb-orbit{animation:ldSpinSlow 9s linear infinite;}
@keyframes ldSpinSlow{to{transform:rotate(360deg);}}

/* ============================================================
   FEATURES bento
   ============================================================ */
.ld-root .bento-card{position:relative;overflow:hidden;border-radius:28px;padding:2rem;transition:transform .35s ease,box-shadow .35s ease;}
@media(min-width:1024px){.ld-root .bento-card{padding:2.25rem;}}
.ld-root .bento-card:hover{transform:translateY(-6px);}
.ld-root .bento-light{background:#fff;border:1px solid var(--border);box-shadow:0 1px 3px rgba(15,23,42,.05);}
.ld-root .bento-light:hover{box-shadow:0 28px 56px -20px rgba(10,61,97,.25);}
.ld-root .bento-dark{color:#fff;}
.ld-root .bento-dark:hover{box-shadow:0 28px 56px -20px rgba(10,61,97,.5);}
.ld-root .bento-shine::after{content:'';position:absolute;inset:-50%;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translateX(-75%);transition:transform .9s ease;pointer-events:none;}
.ld-root .bento-shine:hover::after{transform:translateX(75%);}
.ld-root .md\:col-span-4{grid-column:span 4 / span 4;}
.ld-root .md\:col-span-2{grid-column:span 2 / span 2;}
.ld-root .md\:col-span-6{grid-column:span 6 / span 6;}
.ld-root .bar-fill{transition:height .9s cubic-bezier(.22,1,.36,1);}
.ld-root .stagger-chip{opacity:0;transform:translateY(10px);}
.ld-root .in-view .stagger-chip{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;}
.ld-root .animate-spin-slow{animation:ldSpinSlow 6s linear infinite;}
.ld-root .orbit-dot{animation:ldCdnOrbit 7s linear infinite;}
@keyframes ldCdnOrbit{from{transform:rotate(0deg) translateX(74px) rotate(0deg);}to{transform:rotate(360deg) translateX(74px) rotate(-360deg);}}

/* ============================================================
   DOMAIN SEARCH
   ============================================================ */
.ld-root .ds-orb{position:absolute;border-radius:9999px;filter:blur(70px);pointer-events:none;z-index:0;}
.ld-root .ds-orb-a{background:rgba(10,61,97,.22);animation:ldDsOrbA 14s ease-in-out infinite;}
.ld-root .ds-orb-b{background:rgba(234,181,67,.18);animation:ldDsOrbB 16s ease-in-out infinite;}
@keyframes ldDsOrbA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,28px) scale(1.12);}}
@keyframes ldDsOrbB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-36px,-24px) scale(1.08);}}
.ld-root .ds-float{animation:ldDsFloat 6s ease-in-out infinite;}
@keyframes ldDsFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.ld-root .ds-caret{display:inline-block;width:2px;height:.95em;margin-left:2px;vertical-align:-.13em;background:#EAB543;animation:ldDsCaret 1.05s steps(1) infinite;}
@keyframes ldDsCaret{0%,45%{opacity:1;}46%,100%{opacity:0;}}
.ld-root .ds-pops{display:inline-block;animation:ldDsPop .28s cubic-bezier(.22,1,.36,1) both;}
@keyframes ldDsPop{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.ld-root .ds-spin{border-radius:9999px;border:2px solid rgba(234,181,67,.25);border-top-color:#EAB543;animation:ldDirSpin .75s linear infinite;flex-shrink:0;}
@keyframes ldDirSpin{to{transform:rotate(360deg);}}
.ld-root .ds-result-card{animation:ldDsCard .4s cubic-bezier(.22,1,.36,1) both;}
.ld-root .ds-result-in{animation:ldDsCard .45s .05s cubic-bezier(.22,1,.36,1) both;}
@keyframes ldDsCard{from{opacity:0;transform:translateY(12px) scale(.98);}to{opacity:1;transform:translateY(0) scale(1);}}
.ld-root .ds-step{animation:ldDsStepIn .35s cubic-bezier(.22,1,.36,1) both;}
@keyframes ldDsStepIn{from{opacity:0;transform:scale(.4);}to{opacity:1;transform:scale(1);}}
.ld-root .ds-ring{stroke-dasharray:176;stroke-dashoffset:176;animation:ldDsRing .8s .15s ease-out forwards;}
.ld-root .ds-check{stroke-dasharray:48;stroke-dashoffset:48;animation:ldDsCheck .5s .85s ease-out forwards;}
@keyframes ldDsRing{to{stroke-dashoffset:0;}}
@keyframes ldDsCheck{to{stroke-dashoffset:0;}}

/* ============================================================
   PLANS
   ============================================================ */
.ld-root .plan-box{position:relative;display:flex;flex-direction:column;height:100%;padding:24px 28px;transition:all .3s ease;}
.ld-root .plan-box::before{content:'';position:absolute;inset:0;padding:2px;border-radius:inherit;background:linear-gradient(160deg,rgba(10,61,97,.45),rgba(37,99,235,.12) 55%,rgba(10,61,97,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none;}
.ld-root .plan-rest:hover::before{opacity:1;}
.ld-root .plan-featured{border:1px solid rgba(234,181,67,.35);box-shadow:0 28px 60px -18px rgba(234,181,67,.45);animation:ldPlanGlow 3.6s ease-in-out infinite;}
.ld-root .plan-featured::before{opacity:1;background:linear-gradient(160deg,rgba(234,181,67,.95),rgba(245,215,126,.25) 50%,rgba(234,181,67,.85));}
@keyframes ldPlanGlow{0%,100%{box-shadow:0 28px 60px -18px rgba(234,181,67,.45),0 0 0 0 rgba(234,181,67,.28);}50%{box-shadow:0 28px 60px -18px rgba(234,181,67,.55),0 0 0 10px rgba(234,181,67,0);}}
.ld-root .plan-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#0E4A75);color:#fff;box-shadow:0 14px 26px -12px rgba(10,61,97,.55);transition:transform .3s ease;}
.ld-root .plan-icon-gold{background:linear-gradient(135deg,#F5D77E,#EAB543);color:var(--primary-dark);box-shadow:0 14px 26px -12px rgba(234,181,67,.6);}
.ld-root .plan-rest:hover .plan-icon,.ld-root .plan-featured:hover .plan-icon{transform:translateY(-4px) scale(1.05) rotate(-3deg);}
.ld-root .plan-name{font-family:var(--heading-font);font-size:1.22rem;font-weight:800;color:var(--primary-dark);text-align:center;}
.ld-root .plan-tag{margin-top:.35rem;font-size:.8rem;line-height:1.5;color:#64748B;min-height:2.4rem;text-align:center;}
.ld-root .plan-price{display:inline-block;font-family:var(--heading-font);font-size:2.5rem;font-weight:800;line-height:1;color:var(--primary);}
.ld-root .plan-featured .plan-price{background:linear-gradient(120deg,#B77E0B,#F59E0B 55%,#D97706);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.ld-root .plan-currency{margin-bottom:.5rem;font-size:.85rem;font-weight:700;color:#94A3B8;}
.ld-root .plan-period{margin-bottom:.42rem;font-size:.85rem;font-weight:600;color:#94A3B8;}
.ld-root .plan-note{margin-top:.55rem;font-size:.72rem;font-weight:500;color:#94A3B8;text-align:center;}
.ld-root .plan-cta{justify-content:center;}
.ld-root .plan-listhead{display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94A3B8;margin-bottom:1rem;}
.ld-root .plan-count{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:.65rem;letter-spacing:0;background:var(--primary-soft);color:var(--primary);}
.ld-root .plan-featured .plan-count{background:var(--secondary-soft);color:var(--secondary-dark);}
.ld-root .plan-li{display:flex;gap:.65rem;align-items:flex-start;padding:.3rem .4rem;margin:0 -.4rem;border-radius:.55rem;font-size:.82rem;line-height:1.45;color:#475569;transition:background .2s ease,color .2s ease;}
.ld-root .plan-li:hover{background:var(--bg-soft);color:var(--primary-dark);}
.ld-root .plan-check{flex:none;display:grid;place-items:center;width:18px;height:18px;margin-top:.15rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);}
.ld-root .plan-featured .plan-check{background:var(--secondary-soft);color:var(--secondary-dark);}
.ld-root .plan-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:1rem 0 0;padding:1rem 0 0;border-top:1px solid #F1F5F9;}
.ld-root .plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;overflow:hidden;}
.ld-root .plan-badge::after{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:ldPlanShine 3.2s ease-in-out infinite;}
@keyframes ldPlanShine{0%,55%{left:-75%;}100%{left:125%;}}

/* ============================================================
   PERFORMANCE
   ============================================================ */
.ld-root .pf-grid{background-image:linear-gradient(rgba(10,61,97,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,61,97,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(closest-side at 50% 30%,#000,transparent 85%);mask-image:radial-gradient(closest-side at 50% 30%,#000,transparent 85%);}
.ld-root .pf-live{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:rgba(239,68,68,.1);border:1px solid rgba(248,113,113,.4);color:#F87171;font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;}
.ld-root .pf-live-dot{width:6px;height:6px;border-radius:50%;background:#F87171;animation:ldPfLiveDot 1.4s ease-in-out infinite;}
@keyframes ldPfLiveDot{0%,100%{box-shadow:0 0 0 0 rgba(248,113,113,.6);}50%{box-shadow:0 0 0 6px rgba(248,113,113,0);}}
.ld-root .pf-stat{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.ld-root .pf-stat:hover{transform:translateY(-4px);box-shadow:0 18px 38px -18px rgba(10,61,97,.22);border-color:rgba(10,61,97,.16);}
.ld-root .pf-stat-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--bg-soft);}
.ld-root .pf-dash .pf-line{stroke-dasharray:460;stroke-dashoffset:460;}
.ld-root .pf-dash.in-view .pf-line{animation:ldPfLine 1.6s ease forwards;}
@keyframes ldPfLine{to{stroke-dashoffset:0;}}
.ld-root .pf-dot{stroke-dasharray:1 459;opacity:.95;}
.ld-root .pf-dash.in-view .pf-dot{animation:ldPfDash 2.8s linear infinite;}
@keyframes ldPfDash{to{stroke-dashoffset:-460;}}
.ld-root .pf-pulse{animation:ldPfPulse 1.6s ease-in-out infinite;}
@keyframes ldPfPulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.ld-root .pf-scan{width:70px;transform:translateX(-90px);background:linear-gradient(90deg,transparent,rgba(234,181,67,.06),rgba(234,181,67,.14),rgba(234,181,67,.06),transparent);}
.ld-root .pf-dash.in-view .pf-scan{animation:ldPfScan 4s linear infinite;}
@keyframes ldPfScan{to{transform:translateX(calc(100% + 160px));}}
.ld-root .pf-meter-fill{height:100%;transform:scaleX(0);transform-origin:left;}
.ld-root .pf-dash.in-view .pf-meter-fill{animation:ldPfFill .9s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,0s);}
@keyframes ldPfFill{to{transform:scaleX(var(--pct,.9));}}
.ld-root .pf-log{display:block;opacity:.35;}
.ld-root .pf-dash.in-view .pf-log{animation:ldPfLog 7s ease-in-out infinite;animation-delay:var(--d,0s);}
@keyframes ldPfLog{0%,10%{opacity:0;transform:translateY(4px);}22%,76%{opacity:1;transform:translateY(0);}92%,100%{opacity:0;}}
.ld-root .pf-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:800;color:#0A3D61;background:rgba(245,215,126,.95);box-shadow:0 10px 24px -8px rgba(234,181,67,.6);pointer-events:none;}
.ld-root .pf-float{animation:ldHbFloat 5.5s ease-in-out infinite;}

/* ============================================================
   MORE FEATURES
   ============================================================ */
.ld-root .panel-anim{animation:ldPanelRise .5s cubic-bezier(.22,1,.36,1) both;}
@keyframes ldPanelRise{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.ld-root .scan-ring{border-radius:9999px;filter:blur(1px);background:conic-gradient(from 0deg,transparent 0 58%,rgba(52,211,153,.55) 78%,transparent 84% 100%);animation:ldScanSpin 7s linear infinite;pointer-events:none;}
@keyframes ldScanSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.ld-root .type-dot{animation:ldTypeDot 1.2s ease-in-out infinite;}
.ld-root .type-dot:nth-child(2){animation-delay:.15s;}
.ld-root .type-dot:nth-child(3){animation-delay:.3s;}
@keyframes ldTypeDot{0%,60%,100%{transform:none;opacity:.35;}30%{transform:translateY(-3px);opacity:1;}}
.ld-root .meter-fill{transform-origin:left;animation:ldMeterGrow 1.15s cubic-bezier(.22,1,.36,1) both;}
@keyframes ldMeterGrow{from{transform:scaleX(0);}to{transform:scaleX(1);}}

/* ============================================================
   SPECIAL OFFER
   ============================================================ */
.ld-root .so-badge-glow{border-radius:9999px;animation:ldSoPulse 3.2s ease-in-out infinite;}
@keyframes ldSoPulse{0%,100%{opacity:.45;transform:scale(1);}50%{opacity:.95;transform:scale(1.08);}}
.ld-root .so-ring{border-radius:9999px;background:conic-gradient(from 0deg,transparent 0 32%,rgba(234,181,67,.6) 46%,rgba(245,215,126,.95) 50%,rgba(234,181,67,0) 58% 100%);animation:ldSoSpin 8s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px));pointer-events:none;}
@keyframes ldSoSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.ld-root .so-flash{animation:ldSoFlash .5s ease both;}
@keyframes ldSoFlash{from{transform:scale(1.12);color:#EAB543;}to{transform:scale(1);}}
.ld-root .so-paper{pointer-events:none;animation:ldSoFloaty 7s ease-in-out infinite;}
.ld-root .so-paper:nth-of-type(1){--so-rot:-8deg;}
.ld-root .so-paper:nth-of-type(2){--so-rot:10deg;}
@keyframes ldSoFloaty{0%,100%{transform:translateY(0) rotate(var(--so-rot,0deg));}50%{transform:translateY(-14px) rotate(var(--so-rot,0deg));}}

/* ============================================================
   RATINGS
   ============================================================ */
.ld-root .rt-stars{position:relative;display:inline-flex;color:#E2E8F0;line-height:1;}
.ld-root .rt-stars .rt-fill{position:absolute;top:0;left:0;bottom:0;display:flex;overflow:hidden;color:#EAB543;white-space:nowrap;transition:none;}
.ld-root .rt-stars svg{width:15px;height:15px;fill:currentColor;flex-shrink:0;}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.ld-root .columns-1{column-count:1;}
@media(min-width:640px){.ld-root .sm\:columns-2{column-count:2;}}
@media(min-width:1024px){.ld-root .lg\:columns-3{column-count:3;}}
.ld-root .break-inside-avoid{break-inside:avoid;}

/* ============================================================
   FAQ
   ============================================================ */
.ld-root .faq-list{display:flex;flex-direction:column;gap:12px;}
.ld-root .faq-card{position:relative;background:#fff;border:1px solid #E4E9F0;border-radius:18px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;}
.ld-root .faq-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#EAB543,#F97316);opacity:0;transform:scaleY(0);transform-origin:top;transition:opacity .3s ease,transform .4s cubic-bezier(.4,0,.2,1);}
.ld-root .faq-card:hover{border-color:#CBD5E1;transform:translateY(-2px);box-shadow:0 12px 28px -14px rgba(10,61,97,.16);}
.ld-root .faq-card.open{border-color:rgba(234,181,67,.5);box-shadow:0 16px 34px -16px rgba(10,61,97,.2);}
.ld-root .faq-card.open::before{opacity:1;transform:scaleY(1);}
.ld-root .faq-btn{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;text-align:left;background:none;border:0;cursor:pointer;font-family:inherit;}
.ld-root .faq-num{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.5px;background:var(--primary-soft);color:var(--primary);transition:background .3s ease,color .3s ease,transform .3s ease;}
.ld-root .faq-num.open{background:linear-gradient(135deg,#EAB543,#F59E0B);color:#fff;transform:rotate(-6deg) scale(1.05);}
.ld-root .faq-q{flex:1;font-family:var(--heading-font);font-size:15px;font-weight:700;line-height:1.45;color:var(--primary-dark);}
.ld-root .faq-card.open .faq-q{color:#0A3D61;}
.ld-root .faq-chev{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--primary-soft);color:var(--primary);transition:transform .35s cubic-bezier(.4,0,.2,1),background .3s ease,color .3s ease;}
.ld-root .faq-chev.open{transform:rotate(180deg);background:var(--secondary);color:var(--primary-dark);}
.ld-root .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1);}
.ld-root .faq-answer.open{grid-template-rows:1fr;}
.ld-root .faq-answer>div{overflow:hidden;}
.ld-root .faq-a{padding:0 20px 22px 72px;font-size:14px;line-height:1.75;color:#64748B;}
.ld-root .faq-support{border-radius:24px;background:linear-gradient(135deg,#0A3D61 0%,#0B1220 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px -20px rgba(10,61,97,.45);color:#fff;}
.ld-root .faq-searchwrap{display:flex;align-items:center;gap:12px;padding:4px 4px 16px;margin-bottom:12px;}
.ld-root .faq-search{flex:1;display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid #E4E9F0;color:var(--primary);box-shadow:0 4px 14px -8px rgba(10,61,97,.15);}
.ld-root .faq-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:14px;color:#1E293B;font-family:inherit;}
.ld-root .faq-clear{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#64748B;background:#F1F5F9;border:0;cursor:pointer;}
.ld-root .faq-count{flex:none;font-size:12px;font-weight:800;color:var(--primary);background:var(--primary-soft);padding:7px 11px;border-radius:999px;}
.ld-root .faq-blob{animation:ldFaqBlob 14s ease-in-out infinite;}
@keyframes ldFaqBlob{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-24px,18px) scale(1.12);}}

/* ============================================================
   NETWORK
   ============================================================ */
.ld-root .nw-dot{fill:rgba(148,197,238,.5);transform-box:fill-box;transform-origin:center;opacity:0;}
.ld-root .in-view .nw-dot{animation:ldNwDotPop .55s cubic-bezier(.22,1,.36,1) both;}
@keyframes ldNwDotPop{0%{opacity:0;transform:scale(.2);}100%{opacity:1;transform:scale(1);}}
.ld-root .nw-arc{opacity:0;transition:opacity .4s ease .4s,stroke-dashoffset 1.4s cubic-bezier(.22,1,.36,1);}
.ld-root .in-view .nw-arc{opacity:1;animation:ldNwArcDraw 1.6s ease forwards;}
@keyframes ldNwArcDraw{to{stroke-dashoffset:0;}}
.ld-root .nw-packet{filter:drop-shadow(0 0 6px rgba(245,215,126,.9));}
.ld-root .nw-halo{transform-box:fill-box;transform-origin:center;opacity:0;animation:ldNwHalo 2.6s ease-out infinite;pointer-events:none;}
@keyframes ldNwHalo{0%{opacity:.9;transform:scale(.35);}65%,100%{opacity:0;transform:scale(3.4);}}
.ld-root .nw-beacon-ring{transform-box:fill-box;transform-origin:center;animation:ldSpinSlow 7s linear infinite;}
.ld-root .nw-sweep{z-index:1;background:conic-gradient(from 0deg,rgba(234,181,67,0) 0deg,rgba(234,181,67,.06) 50deg,rgba(37,99,235,.1) 75deg,rgba(234,181,67,.22) 118deg,rgba(234,181,67,0) 135deg);animation:ldNwSweep 9s linear infinite;}
@keyframes ldNwSweep{to{transform:rotate(360deg);}}
.ld-root .nw-caret{}

/* ============================================================
   PAYMENT SECTION
   ============================================================ */
.ld-root .pm-track{width:max-content;display:flex;gap:20px;animation:ldPmScroll 34s linear infinite;}
.ld-root .pm-track:hover{animation-play-state:paused;}
@keyframes ldPmScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.ld-root .pm-card{flex:none;padding:14px 20px;border-radius:16px;background:#fff;border:1px solid #E4E9F0;box-shadow:0 8px 20px -14px rgba(10,61,97,.2);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.ld-root .pm-card:hover{transform:translateY(-5px);border-color:rgba(10,61,97,.2);box-shadow:0 18px 36px -16px rgba(10,61,97,.28);}
.ld-root .dm-orb{animation:ldHsOrbA 16s ease-in-out infinite;}
@keyframes ldHsOrbA{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,28px) scale(1.12);}}

/* ============================================================
   CTA
   ============================================================ */
.ld-root .cta-shimmer{position:absolute;width:6px;height:6px;border-radius:999px;background:var(--secondary);box-shadow:0 0 10px 1px rgba(234,181,67,.8);opacity:.55;animation:ldFloaty 4s ease-in-out infinite;}

/* ============================================================
   FOOTER
   ============================================================ */
.ld-root .ft-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(closest-side at 50% 0%,#000 10%,transparent 95%);mask-image:radial-gradient(closest-side at 50% 0%,#000 10%,transparent 95%);animation:ldFtGridDrift 26s linear infinite;}
@keyframes ldFtGridDrift{to{background-position:0 60px;}}
.ld-root .ft-orb-a{animation:ldFtOrbA 16s ease-in-out infinite;}
.ld-root .ft-orb-b{animation:ldFtOrbB 20s ease-in-out infinite;}
.ld-root .ft-orb-c{animation:ldFtOrbC 18s ease-in-out infinite;}
@keyframes ldFtOrbA{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(40px,30px) scale(1.12);}66%{transform:translate(-20px,50px) scale(.95);}}
@keyframes ldFtOrbB{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,-35px) scale(1.18);}}
@keyframes ldFtOrbC{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,-40px) scale(1.08);}}
.ld-root .ft-sweep{background:linear-gradient(115deg,transparent 0%,rgba(234,181,67,.05) 45%,rgba(56,189,248,.06) 55%,transparent 100%);background-size:220% 220%;animation:ldFtSweep 14s ease-in-out infinite;mix-blend-mode:screen;}
@keyframes ldFtSweep{0%,100%{background-position:0% 0%;}50%{background-position:100% 100%;}}
.ld-root .ft-mote{position:absolute;bottom:0;border-radius:9999px;opacity:0;animation:ldFtMote 9s linear infinite;}
@keyframes ldFtMote{0%{transform:translateY(0) scale(.6);opacity:0;}12%{opacity:var(--o,.5);}85%{opacity:var(--o,.5);}100%{transform:translateY(-460px) scale(1);opacity:0;}}
.ld-root .ft-link{width:fit-content;transition:transform .25s ease;}
.ld-root .ft-link:hover{transform:translateX(4px);}
.ld-root .ft-social{transition:transform .25s ease,background .25s ease,color .25s ease;}
.ld-root .ft-social:hover{transform:translateY(-3px);}

/* ------------------------------------------------ Responsive helper */
@media(max-width:767px){
    .ld-root .lg\:grid-cols-2,.ld-root .lg\:grid-cols-3,.ld-root .lg\:grid-cols-4,.ld-root .lg\:grid-cols-5,.ld-root .lg\:grid-cols-6,.ld-root .lg\:grid-cols-12,
    .ld-root .lg\:grid-cols-\[1\.05fr_0\.95fr\],.ld-root .lg\:grid-cols-\[0\.95fr_1\.05fr\],.ld-root .lg\:grid-cols-\[0\.9fr_1\.1fr\],.ld-root .lg\:grid-cols-\[auto_1fr_auto\],.ld-root .lg\:grid-cols-\[auto_1fr\]{grid-template-columns:1fr;}
    .ld-root .ld-hero .hero-stage{min-height:auto;padding:40px 0;}
    .ld-root .ld-hero .hero-slide{position:relative;opacity:1;visibility:visible;display:none;}
    .ld-root .ld-hero .hero-slide.is-active{display:flex;}
    .ld-root .hero-stage{min-height:auto;}
}