/* =========================================================
   SPINORA — SHARED STYLES
   Home 1 base + Home 2 page styles
========================================================= */
:root{
    --navy:#06152f;
    --navy2:#09295b;
    --blue:#1268e8;
    --electric:#28a8ff;
    --aqua:#35e0d0;
    --white:#ffffff;
    --soft:#eaf4ff;
    --soft2:#f6faff;
    --text:#0b1932;
    --muted:#53627a;
    --border:rgba(11,25,50,.12);
    --shadow:0 20px 55px rgba(6,21,47,.12);
    --shadow2:0 12px 35px rgba(18,104,232,.18);
    --radius:24px;
    --radius-sm:16px;
    --transition:.35s cubic-bezier(.2,.8,.2,1);
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    font-family:"Manrope",sans-serif;
    color:var(--text);
    background:var(--white);
    overflow-x:hidden;
    line-height:1.6;
    transition:background .3s ease,color .3s ease;
}
img{
    display:block;
    width:100%;
}
a{
    color:inherit;
    text-decoration:none;
}
button,
input{
    font:inherit;
}
button{
    cursor:pointer;
}
.container{
    width:min(1240px,92%);
    margin:auto;
}
.section{
    position:relative;
    padding:72px 0;
    overflow:hidden;
}
.section.compact{
    padding:62px 0;
}
.section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:38px;
}
.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--blue);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
}
.section-kicker::before{
    content:"";
    width:28px;
    height:3px;
    background:linear-gradient(90deg,var(--blue),var(--aqua));
    border-radius:10px;
}
.section-title{
    font-family:"DM Serif Display",serif;
    font-size:clamp(36px,4vw,58px);
    line-height:1;
    letter-spacing:-1.5px;
}
.section-copy{
    max-width:500px;
    color:var(--muted);
    font-size:15px;
    font-weight:600;
}
.btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 21px;
    border-radius:12px;
    border:1px solid transparent;
    font-size:13px;
    font-weight:900;
    overflow:hidden;
    transition:var(--transition);
    white-space:nowrap;
}
.btn::after{
    content:"";
    position:absolute;
    top:-80%;
    left:-30%;
    width:25%;
    height:260%;
    background:rgba(255,255,255,.32);
    transform:rotate(25deg);
    transition:.7s;
}
.btn:hover::after{
    left:120%;
}
.btn-primary{
    background:linear-gradient(135deg,var(--blue),var(--electric));
    color:#fff;
    box-shadow:0 12px 30px rgba(18,104,232,.25);
}
.btn-primary:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(18,104,232,.35);
}
.btn-light{
    background:var(--white);
    color:var(--navy);
    border-color:var(--border);
}
.btn-light:hover{
    transform:translateY(-3px);
}
.btn-outline{
    border-color:rgba(255,255,255,.3);
    color:#fff;
    background:transparent;
}
.btn-outline:hover{
    background:#fff;
    color:var(--navy);
}
.tag{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border-radius:100px;
    background:rgba(18,104,232,.08);
    color:var(--blue);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:84px;
    z-index:1000;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(6,21,47,.08);
    box-shadow:0 8px 30px rgba(6,21,47,.07);
    backdrop-filter:blur(14px);
}
.header-inner{
    height:100%;
    display:grid;
    grid-template-columns:220px 1fr 220px;
    align-items:center;
    gap:20px;
}
.brand{
    display:flex;
    align-items:center;
    gap:11px;
    font-weight:900;
}
.brand-mark{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    font-size:21px;
    font-weight:900;
    background:linear-gradient(135deg,var(--navy),var(--blue));
    box-shadow:0 8px 20px rgba(18,104,232,.22);
}
.brand-name{
    font-size:22px;
    letter-spacing:1.5px;
}
.desktop-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
}
.nav-item{
    position:relative;
}
.nav-link{
    display:flex;
    align-items:center;
    gap:6px;
    padding:10px 11px;
    border-radius:10px;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
    transition:var(--transition);
}
.nav-link:hover,
.nav-link.active{
    color:var(--blue);
    background:rgba(18,104,232,.08);
}
.nav-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    min-width:200px;
    padding:9px;
    border-radius:16px;
    background:var(--white);
    border:1px solid var(--border);
    box-shadow:var(--shadow);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:var(--transition);
}
.nav-item:hover .nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.nav-dropdown a{
    display:block;
    padding:10px 12px;
    border-radius:9px;
    font-size:12px;
    font-weight:800;
}
.nav-dropdown a:hover{
    background:var(--soft);
    color:var(--blue);
}
.header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
.icon-btn{
    width:38px;
    height:38px;
    border:1px solid var(--border);
    background:var(--white);
    color:var(--text);
    border-radius:10px;
    display:grid;
    place-items:center;
    transition:var(--transition);
}
.icon-btn:hover{
    transform:translateY(-2px);
    border-color:var(--blue);
    color:var(--blue);
}
.login-btn{
    padding:11px 17px;
    border-radius:10px;
    background:var(--navy);
    color:#fff;
    font-size:12px;
    font-weight:900;
    margin-left:3px;
    transition:var(--transition);
}
.login-btn:hover{
    background:var(--blue);
    transform:translateY(-2px);
}
.hamburger{
    display:none;
}
.mobile-menu{
    display:none;
}
.hero{
    padding-top:84px;
    min-height:680px;
    background:
        radial-gradient(circle at 75% 35%,rgba(40,168,255,.18),transparent 27%),
        linear-gradient(135deg,#06152f 0%,#09295b 52%,#06152f 100%);
    color:#fff;
    position:relative;
    overflow:hidden;
}
.hero::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    border:1px solid rgba(53,224,208,.12);
    right:-180px;
    top:100px;
    animation:spinSlow 18s linear infinite;
}
.hero::after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    border-radius:50%;
    border:1px solid rgba(40,168,255,.12);
    right:-100px;
    top:180px;
    animation:spinSlow 14s linear infinite reverse;
}
.hero-grid{
    min-height:596px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:45px;
    position:relative;
    z-index:2;
}
.hero-content{
    max-width:630px;
}
.hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:100px;
    background:rgba(255,255,255,.06);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:20px;
    animation:fadeUp .7s both;
}
.hero-kicker span{
    width:7px;
    height:7px;
    background:var(--aqua);
    border-radius:50%;
    box-shadow:0 0 14px var(--aqua);
    animation:pulse 1.6s infinite;
}
.hero h1{
    font-family:"DM Serif Display",serif;
    font-size:clamp(52px,6vw,86px);
    line-height:.94;
    letter-spacing:-3px;
    margin-bottom:23px;
    animation:fadeUp .8s .1s both;
}
.hero h1 em{
    color:var(--electric);
    font-style:normal;
}
.hero-copy{
    max-width:530px;
    color:#c7d8ee;
    font-size:16px;
    font-weight:600;
    margin-bottom:27px;
    animation:fadeUp .8s .2s both;
}
.hero-buttons{
    display:flex;
    gap:11px;
    flex-wrap:wrap;
    animation:fadeUp .8s .3s both;
}
.hero-stats{
    display:flex;
    gap:35px;
    margin-top:36px;
    animation:fadeUp .8s .4s both;
}
.hero-stat strong{
    display:block;
    font-size:23px;
    font-weight:900;
}
.hero-stat span{
    color:#9eb5d4;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;
}
.hero-visual{
    height:510px;
    position:relative;
    display:grid;
    place-items:center;
}
.machine-glow{
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(40,168,255,.25),transparent 65%);
    animation:glowPulse 3s ease-in-out infinite;
}
.machine{
    width:300px;
    height:390px;
    border-radius:32px;
    background:linear-gradient(145deg,#edf5ff,#7d96b5);
    border:8px solid #dce8f6;
    box-shadow:
        inset 0 0 0 4px rgba(255,255,255,.5),
        0 30px 70px rgba(0,0,0,.3);
    position:relative;
    z-index:2;
    animation:machineFloat 4s ease-in-out infinite;
}
.machine-top{
    height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 24px;
}
.machine-brand{
    font-size:10px;
    font-weight:900;
    color:#19385d;
    letter-spacing:1px;
}
.machine-screen{
    width:58px;
    height:22px;
    border-radius:6px;
    background:#102844;
    color:#55e5ff;
    display:grid;
    place-items:center;
    font-size:8px;
    font-weight:900;
}
.machine-door{
    width:210px;
    height:210px;
    border-radius:50%;
    margin:12px auto;
    background:
        radial-gradient(circle at 48% 46%,#d5f6ff 0 16%,#143456 17% 30%,#07182e 31% 64%,#203f63 65% 71%,#07182e 72%);
    border:10px solid #bccce0;
    box-shadow:
        inset 0 0 30px rgba(0,0,0,.65),
        0 8px 20px rgba(0,0,0,.22);
    position:relative;
    overflow:hidden;
}
.drum{
    position:absolute;
    inset:31px;
    border-radius:50%;
    border:1px dashed rgba(255,255,255,.3);
    animation:drumSpin 6s linear infinite;
}
.cloth{
    position:absolute;
    width:45px;
    height:22px;
    border-radius:50%;
    background:var(--electric);
    left:78px;
    top:86px;
    transform:rotate(-20deg);
    box-shadow:0 0 12px rgba(40,168,255,.5);
}
.cloth.two{
    width:55px;
    background:#fff;
    left:92px;
    top:110px;
    transform:rotate(25deg);
}
.machine-controls{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:19px;
}
.machine-knob{
    width:30px;
    height:30px;
    border-radius:50%;
    background:#b7c8dc;
    box-shadow:inset 0 2px 3px rgba(0,0,0,.25);
}
.machine-bar{
    width:70px;
    height:9px;
    border-radius:10px;
    background:#b7c8dc;
    margin-top:10px;
}
.float-card{
    position:absolute;
    z-index:5;
    padding:14px 16px;
    border-radius:15px;
    background:rgba(255,255,255,.96);
    color:var(--navy);
    box-shadow:0 18px 40px rgba(0,0,0,.2);
    min-width:145px;
}
.float-card.one{
    top:95px;
    right:5px;
    animation:floatCard 4s ease-in-out infinite;
}
.float-card.two{
    bottom:90px;
    left:0;
    animation:floatCard 4s 1s ease-in-out infinite;
}
.float-card small{
    display:block;
    font-size:9px;
    font-weight:900;
    color:#6d7d92;
    text-transform:uppercase;
}
.float-card strong{
    font-size:20px;
    font-weight:900;
}
.float-card .live{
    color:#14b98c;
}
.marquee{
    background:var(--blue);
    color:#fff;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}
.marquee-track{
    display:flex;
    width:max-content;
    animation:marquee 28s linear infinite;
}
.marquee-item{
    padding:15px 28px;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:20px;
}
.marquee-item::after{
    content:"✦";
    color:var(--aqua);
}
.story{
    background:var(--soft2);
}
.story-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:50px;
    align-items:center;
}
.story-images{
    position:relative;
    min-height:430px;
}
.story-main{
    position:absolute;
    width:75%;
    height:350px;
    left:0;
    top:20px;
    object-fit:cover;
    border-radius:28px;
    box-shadow:var(--shadow);
}
.story-small{
    position:absolute;
    width:45%;
    height:190px;
    right:0;
    bottom:0;
    object-fit:cover;
    border:8px solid var(--soft2);
    border-radius:23px;
    box-shadow:var(--shadow);
}
.story-badge{
    position:absolute;
    left:28px;
    bottom:35px;
    padding:16px 18px;
    background:var(--blue);
    color:#fff;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(18,104,232,.25);
}
.story-badge strong{
    display:block;
    font-size:28px;
    line-height:1;
}
.story-badge span{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.story-content .section-title{
    max-width:560px;
}
.story-content p{
    color:var(--muted);
    font-size:15px;
    font-weight:600;
    margin:20px 0 25px;
}
.story-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
}
.story-point{
    display:flex;
    align-items:center;
    gap:11px;
    font-size:12px;
    font-weight:900;
}
.story-point i{
    width:32px;
    height:32px;
    border-radius:9px;
    background:#fff;
    color:var(--blue);
    display:grid;
    place-items:center;
    box-shadow:0 5px 15px rgba(6,21,47,.08);
}
.availability{
    background:var(--navy);
    color:#fff;
}
.availability-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:35px;
    align-items:center;
}
.availability .section-kicker{
    color:var(--aqua);
}
.availability .section-title{
    color:#fff;
}
.avail-dashboard{
    margin-top:27px;
    padding:22px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    background:rgba(255,255,255,.04);
}
.avail-row{
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.avail-row:last-child{
    border-bottom:0;
}
.avail-top{
    display:flex;
    justify-content:space-between;
    gap:15px;
    font-size:12px;
    font-weight:900;
    margin-bottom:8px;
}
.avail-status{
    color:var(--aqua);
}
.progress{
    height:7px;
    background:rgba(255,255,255,.09);
    border-radius:20px;
    overflow:hidden;
}
.progress span{
    display:block;
    height:100%;
    width:0;
    background:linear-gradient(90deg,var(--blue),var(--aqua));
    border-radius:20px;
    transition:width 1.5s cubic-bezier(.2,.8,.2,1);
}
.price-panel{
    background:#fff;
    color:var(--navy);
    border-radius:25px;
    padding:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    position:relative;
    overflow:hidden;
}
.price-panel::before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    background:rgba(40,168,255,.08);
    right:-50px;
    top:-50px;
}
.price-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}
.price-head h3{
    font-size:21px;
    font-weight:900;
}
.price-head span{
    padding:6px 9px;
    border-radius:100px;
    background:#e7fff9;
    color:#008b70;
    font-size:9px;
    font-weight:900;
}
.price-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #e5ebf2;
}
.price-item:last-of-type{
    border-bottom:0;
}
.price-item strong{
    display:block;
    font-size:14px;
}
.price-item small{
    color:#708097;
    font-size:10px;
    font-weight:700;
}
.price{
    font-size:24px;
    font-weight:900;
}
.price-featured{
    padding:15px;
    border-radius:15px;
    background:#edf7ff;
    margin:4px -5px;
}
.price-featured .price{
    color:var(--blue);
}
.price-panel .btn{
    width:100%;
    margin-top:12px;
}
.services{
    background:#fff;
}
.services-layout{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:22px;
}
.service-feature{
    position:relative;
    min-height:420px;
    border-radius:27px;
    overflow:hidden;
}
.service-feature img{
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.service-feature:hover img{
    transform:scale(1.06);
}
.service-overlay{
    position:absolute;
    inset:auto 0 0;
    padding:28px;
    background:linear-gradient(transparent,rgba(6,21,47,.94));
    color:#fff;
}
.service-overlay h3{
    font-family:"DM Serif Display",serif;
    font-size:37px;
    line-height:1;
    margin:7px 0 9px;
}
.service-overlay p{
    color:#d9e8f9;
    font-size:12px;
    font-weight:600;
    max-width:430px;
}
.service-stack{
    display:grid;
    gap:22px;
}
.service-mini{
    display:grid;
    grid-template-columns:150px 1fr;
    min-height:199px;
    border-radius:22px;
    overflow:hidden;
    background:var(--soft2);
    border:1px solid var(--border);
}
.service-mini img{
    height:100%;
    object-fit:cover;
}
.service-mini-content{
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.service-mini h3{
    font-size:19px;
    font-weight:900;
    margin:7px 0;
}
.service-mini p{
    color:var(--muted);
    font-size:11px;
    font-weight:600;
}
.how{
    background:var(--soft);
}
.how-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:45px;
    align-items:center;
}
.process-visual{
    position:relative;
    height:350px;
    border-radius:26px;
    overflow:hidden;
}
.process-visual img{
    height:100%;
    object-fit:cover;
}
.machine-ui{
    position:absolute;
    right:18px;
    bottom:18px;
    background:rgba(6,21,47,.94);
    color:#fff;
    width:205px;
    padding:17px;
    border-radius:17px;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.machine-ui-top{
    display:flex;
    justify-content:space-between;
    font-size:9px;
    font-weight:900;
    color:#91a9c8;
}
.machine-ui strong{
    display:block;
    font-size:28px;
    margin:8px 0 2px;
}
.machine-ui small{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
}
.steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}
.steps::before{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    top:25px;
    height:2px;
    background:#c8dbef;
}
.step{
    position:relative;
    z-index:2;
}
.step-number{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    border:2px solid #cfe0f1;
    color:var(--blue);
    font-size:12px;
    font-weight:900;
    margin-bottom:14px;
    transition:var(--transition);
}
.step:hover .step-number{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
    transform:scale(1.08);
}
.step h3{
    font-size:14px;
    font-weight:900;
    margin-bottom:5px;
}
.step p{
    color:var(--muted);
    font-size:10px;
    font-weight:600;
}
.technology{
    background:#fff;
}
.tech-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:45px;
    align-items:center;
}
.tech-copy .section-title{
    max-width:480px;
}
.tech-copy > p{
    color:var(--muted);
    font-size:14px;
    font-weight:600;
    margin:18px 0 23px;
}
.tech-list{
    display:grid;
    gap:10px;
}
.tech-item{
    display:flex;
    align-items:center;
    gap:13px;
    padding:13px;
    border:1px solid var(--border);
    border-radius:13px;
    background:var(--soft2);
    transition:var(--transition);
}
.tech-item:hover{
    transform:translateX(6px);
    border-color:rgba(18,104,232,.3);
}
.tech-icon{
    width:38px;
    height:38px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--blue);
    background:rgba(18,104,232,.08);
}
.tech-item strong{
    display:block;
    font-size:12px;
}
.tech-item span{
    color:var(--muted);
    font-size:9px;
    font-weight:700;
}
.tech-gallery{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:190px 190px;
    gap:13px;
}
.tech-gallery img{
    height:100%;
    object-fit:cover;
    border-radius:20px;
    transition:transform .7s ease;
}
.tech-gallery img:hover{
    transform:scale(1.04);
}
.tech-gallery img:first-child{
    grid-row:1/3;
}
.capacity{
    background:var(--navy2);
    color:#fff;
}
.capacity-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:30px;
}
.capacity-head .section-title{
    max-width:600px;
}
.capacity-track{
    display:grid;
    grid-template-columns:1.3fr .85fr .85fr;
    gap:14px;
}
.capacity-card{
    position:relative;
    height:330px;
    border-radius:22px;
    overflow:hidden;
}
.capacity-card img{
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.capacity-card:hover img{
    transform:scale(1.07);
}
.capacity-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(transparent 40%,rgba(6,21,47,.95));
}
.capacity-info{
    position:absolute;
    left:20px;
    right:20px;
    bottom:19px;
    z-index:2;
}
.capacity-info span{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
}
.capacity-info h3{
    font-family:"DM Serif Display",serif;
    font-size:29px;
    line-height:1;
    margin-top:5px;
}
.capacity-info p{
    color:#bdd1ea;
    font-size:10px;
    font-weight:600;
    margin-top:5px;
}
.stats-section{
    background:#fff;
    padding:0;
}
.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-left:1px solid var(--border);
}
.big-stat{
    padding:34px 25px;
    border-right:1px solid var(--border);
    text-align:center;
}
.big-stat strong{
    display:block;
    color:var(--blue);
    font-size:38px;
    line-height:1;
    font-weight:900;
}
.big-stat span{
    display:block;
    color:var(--muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:8px;
}
.choose{
    background:var(--soft2);
}
.choose-grid{
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:50px;
    align-items:center;
}
.editorial-list{
    margin-top:25px;
}
.editorial-row{
    display:grid;
    grid-template-columns:55px 1fr auto;
    align-items:center;
    gap:14px;
    padding:18px 0;
    border-bottom:1px solid var(--border);
    transition:var(--transition);
}
.editorial-row:hover{
    padding-left:8px;
}
.editorial-num{
    color:var(--blue);
    font-size:12px;
    font-weight:900;
}
.editorial-row h3{
    font-size:15px;
    font-weight:900;
}
.editorial-row p{
    color:var(--muted);
    font-size:10px;
    font-weight:600;
}
.editorial-row i{
    color:var(--blue);
}
.choose-image{
    height:430px;
    position:relative;
    border-radius:27px;
    overflow:hidden;
}
.choose-image img{
    height:100%;
    object-fit:cover;
}
.choose-float{
    position:absolute;
    left:18px;
    bottom:18px;
    padding:17px;
    background:#fff;
    color:var(--navy);
    border-radius:16px;
    box-shadow:var(--shadow);
}
.choose-float strong{
    font-size:24px;
    display:block;
}
.choose-float span{
    font-size:9px;
    font-weight:900;
    color:#607087;
}
.experience{
    background:#fff;
}
.experience-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:35px;
    align-items:stretch;
}
.experience-image{
    min-height:400px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
}
.experience-image img{
    height:100%;
    object-fit:cover;
}
.experience-image .image-label{
    position:absolute;
    left:18px;
    top:18px;
    padding:8px 11px;
    border-radius:100px;
    background:#fff;
    color:var(--navy);
    font-size:9px;
    font-weight:900;
}
.experience-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.stars{
    color:#18a6e8;
    letter-spacing:4px;
    font-size:18px;
    margin-bottom:13px;
}
.quote{
    font-family:"DM Serif Display",serif;
    font-size:clamp(32px,4vw,53px);
    line-height:1.03;
    margin-bottom:20px;
}
.person{
    display:flex;
    align-items:center;
    gap:12px;
}
.person-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
}
.person strong{
    display:block;
    font-size:12px;
}
.person span{
    color:var(--muted);
    font-size:9px;
    font-weight:700;
}
.offer-box{
    margin-top:25px;
    padding:18px;
    border-radius:18px;
    background:linear-gradient(135deg,var(--navy),var(--navy2));
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.offer-box small{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}
.offer-box strong{
    display:block;
    font-size:21px;
    margin-top:4px;
}
.benefits{
    background:var(--blue);
    color:#fff;
}
.benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.benefit{
    padding:23px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.06);
    border-radius:18px;
    transition:var(--transition);
}
.benefit:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.1);
}
.benefit i{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#fff;
    color:var(--blue);
    margin-bottom:17px;
}
.benefit h3{
    font-size:14px;
    font-weight:900;
    margin-bottom:6px;
}
.benefit p{
    color:#d9edff;
    font-size:10px;
    font-weight:600;
}
.offer-section{
    background:var(--soft);
}
.offer-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:28px;
    overflow:hidden;
    background:var(--navy);
    color:#fff;
    box-shadow:var(--shadow);
}
.offer-content{
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.offer-content .section-title{
    font-size:52px;
}
.offer-content p{
    color:#c0d3ea;
    font-size:13px;
    font-weight:600;
    margin:16px 0 23px;
    max-width:470px;
}
.offer-price{
    display:flex;
    align-items:baseline;
    gap:7px;
    margin-bottom:22px;
}
.offer-price strong{
    font-size:56px;
    line-height:1;
}
.offer-price span{
    color:#a7bad3;
    font-size:11px;
    font-weight:800;
}
.offer-image{
    min-height:370px;
    position:relative;
}
.offer-image img{
    height:100%;
    object-fit:cover;
}
.offer-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,var(--navy),transparent 50%);
}
.location{
    background:#fff;
}
.location-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}
.map-card{
    min-height:390px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
    background:
        linear-gradient(135deg,rgba(234,244,255,.95),rgba(207,229,249,.9)),
        repeating-linear-gradient(45deg,transparent 0 20px,rgba(18,104,232,.07) 20px 22px);
}
.map-lines{
    position:absolute;
    inset:0;
    background:
        linear-gradient(25deg,transparent 47%,rgba(18,104,232,.22) 48% 49%,transparent 50%),
        linear-gradient(115deg,transparent 43%,rgba(53,224,208,.3) 44% 45%,transparent 46%),
        linear-gradient(165deg,transparent 60%,rgba(18,104,232,.15) 61% 62%,transparent 63%);
}
.map-road{
    position:absolute;
    width:120%;
    height:35px;
    background:#fff;
    transform:rotate(-18deg);
    top:48%;
    left:-10%;
    box-shadow:0 0 10px rgba(6,21,47,.05);
}
.map-road.two{
    transform:rotate(37deg);
    top:25%;
}
.map-pin{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:58px;
    height:58px;
    border-radius:50%;
    background:var(--blue);
    color:#fff;
    display:grid;
    place-items:center;
    box-shadow:0 0 0 12px rgba(18,104,232,.15),0 15px 35px rgba(18,104,232,.35);
    animation:pinPulse 2s infinite;
}
.location-card{
    padding:35px;
    border:1px solid var(--border);
    border-radius:25px;
    background:var(--soft2);
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.location-card .section-title{
    font-size:47px;
}
.address{
    display:grid;
    gap:13px;
    margin:22px 0;
}
.address-row{
    display:flex;
    gap:12px;
    align-items:flex-start;
}
.address-row i{
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#fff;
    color:var(--blue);
    flex-shrink:0;
}
.address-row strong{
    display:block;
    font-size:12px;
}
.address-row span{
    color:var(--muted);
    font-size:10px;
    font-weight:700;
}
.newsletter{
    background:var(--navy);
    color:#fff;
    padding:45px 0;
}
.newsletter-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.newsletter h2{
    font-family:"DM Serif Display",serif;
    font-size:42px;
    line-height:1;
}
.newsletter p{
    color:#aebfd7;
    font-size:11px;
    font-weight:600;
    margin-top:7px;
}
.newsletter-form{
    display:flex;
    width:min(440px,100%);
    background:#fff;
    padding:5px;
    border-radius:13px;
}
.newsletter-form input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    padding:11px 12px;
    color:var(--navy);
    font-size:12px;
    font-weight:700;
}
.newsletter-form button{
    border:0;
    border-radius:9px;
    padding:0 17px;
    background:var(--blue);
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.footer{
    background:#030d20;
    color:#fff;
    padding:68px 0 22px;
}
.footer-top{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:45px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-brand .brand-name{
    font-size:27px;
}
.footer-brand p{
    color:#9fb1ca;
    font-size:12px;
    font-weight:600;
    max-width:330px;
    margin:17px 0 22px;
}
.footer-socials{
    display:flex;
    gap:8px;
}
.footer-socials a{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.13);
    color:#b8c8dc;
    transition:var(--transition);
}
.footer-socials a:hover{
    background:var(--blue);
    color:#fff;
    border-color:var(--blue);
    transform:translateY(-4px);
}
.footer-col h3{
    font-size:13px;
    font-weight:900;
    margin-bottom:17px;
    color:#fff;
}
.footer-col ul{
    list-style:none;
    display:grid;
    gap:10px;
}
.footer-col li,
.footer-col a{
    color:#94a9c5;
    font-size:11px;
    font-weight:700;
    transition:var(--transition);
}
.footer-col a:hover{
    color:#fff;
    padding-left:4px;
}
.footer-contact{
    display:grid;
    gap:13px;
}
.footer-contact-row{
    display:flex;
    gap:10px;
    align-items:flex-start;
}
.footer-contact-row i{
    color:var(--aqua);
    margin-top:3px;
}
.footer-contact-row span{
    color:#9aacc5;
    font-size:11px;
    font-weight:700;
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding-top:21px;
}
.footer-bottom p{
    color:#6f829e;
    font-size:10px;
    font-weight:700;
}
.footer-links{
    display:flex;
    gap:17px;
}
.footer-links a{
    color:#8194af;
    font-size:10px;
    font-weight:800;
}
.footer-links a:hover{
    color:#fff;
}
.footer{
    position:relative;
    overflow:hidden;
    padding:78px 0 24px;
    background:
        radial-gradient(circle at 12% 15%, rgba(40,168,255,.13), transparent 28%),
        radial-gradient(circle at 88% 78%, rgba(53,224,208,.09), transparent 30%),
        #030d20;
}
.footer::before{
    content:"";
    position:absolute;
    top:0;
    left:-20%;
    width:55%;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--aqua), var(--blue), transparent);
    animation:footerBeam 7s linear infinite;
}
.footer::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-120px;
    bottom:-150px;
    border-radius:50%;
    border:1px solid rgba(53,224,208,.08);
    box-shadow:0 0 80px rgba(18,104,232,.08);
    pointer-events:none;
}
.footer-top{
    position:relative;
    z-index:1;
    grid-template-columns:1.55fr .9fr 1fr 1.25fr;
    gap:48px;
    padding-bottom:52px;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-brand .brand{
    display:inline-flex;
    margin-bottom:3px;
}
.footer-brand .brand-name{
    font-size:30px;
    font-weight:950;
    letter-spacing:2px;
}
.footer-brand p{
    color:#a9bad0;
    font-size:13px;
    line-height:1.8;
    font-weight:700;
    max-width:350px;
    margin:18px 0 25px;
}
.footer-socials{gap:10px;}
.footer-socials a{
    width:44px;
    height:44px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.035);
    color:#d6e4f5;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-socials a:hover{
    background:linear-gradient(135deg,var(--blue),var(--aqua));
    color:#fff;
    border-color:transparent;
    transform:translateY(-6px) rotate(-3deg);
    box-shadow:0 12px 28px rgba(18,104,232,.25);
}
.footer-col{position:relative;z-index:1;}
.footer-col h3{
    position:relative;
    display:inline-block;
    font-size:14px;
    font-weight:950;
    letter-spacing:.4px;
    margin-bottom:21px;
    color:#fff;
}
.footer-col h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:27px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--aqua),var(--blue));
}
.footer-col ul{gap:13px;}
.footer-col li,
.footer-col a{
    color:#9fb2ca;
    font-size:12px;
    font-weight:800;
}
.footer-col a{
    display:inline-flex;
    align-items:center;
    gap:7px;
}
.footer-col a::before{
    content:"›";
    color:var(--aqua);
    opacity:0;
    transform:translateX(-5px);
    transition:var(--transition);
}
.footer-col a:hover{
    color:#fff;
    padding-left:0;
}
.footer-col a:hover::before{
    opacity:1;
    transform:translateX(0);
}
.footer-contact{gap:10px;}
.footer-contact-row{
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    transition:var(--transition);
}
.footer-contact-row:hover{
    transform:translateX(4px);
    border-color:rgba(53,224,208,.24);
    background:rgba(53,224,208,.05);
}
.footer-contact-row i{
    width:18px;
    color:var(--aqua);
    font-size:13px;
}
.footer-contact-row span{
    color:#a9bad0;
    font-size:11px;
    line-height:1.55;
    font-weight:800;
}
.footer-bottom{
    position:relative;
    z-index:1;
    padding-top:24px;
}
.footer-bottom p{
    color:#8296b1;
    font-size:11px;
    font-weight:800;
}
.footer-links{gap:20px;}
.footer-links a{
    color:#8da1bb;
    font-size:11px;
    font-weight:900;
}
.footer-links a:hover{color:var(--aqua);}
@keyframes footerBeam{0%{transform:translateX(-35%);opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{transform:translateX(230%);opacity:0;}}
.nav-link.active{
    position:relative;
    color:#fff;
    background:linear-gradient(135deg,rgba(18,104,232,.95),rgba(40,168,255,.82));
    box-shadow:0 8px 24px rgba(18,104,232,.22), inset 0 1px 0 rgba(255,255,255,.16);
}
@media(max-width:980px){.footer-top{grid-template-columns:1.3fr 1fr 1fr;}.footer-contact{grid-column:1 / -1;}}
@media(max-width:700px){.footer{padding:60px 0 20px;}.footer-top{grid-template-columns:1fr 1fr;gap:34px 24px;}.footer-brand,.footer-contact{grid-column:1 / -1;}.footer-brand p{font-size:12px;}.footer-bottom{align-items:flex-start;flex-direction:column;}.footer-links{flex-wrap:wrap;}}
@media(max-width:480px){.footer-top{grid-template-columns:1fr;}.footer-col,.footer-brand,.footer-contact{grid-column:auto;}.footer-brand .brand-name{font-size:27px;}}
@media(prefers-reduced-motion:reduce){.footer::before{animation:none;}}
.back-top{
    position:fixed;
    right:22px;
    bottom:22px;
    width:44px;
    height:44px;
    border:0;
    border-radius:12px;
    background:var(--blue);
    color:#fff;
    display:grid;
    place-items:center;
    z-index:900;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:var(--transition);
    box-shadow:0 12px 30px rgba(18,104,232,.3);
}
.back-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.reveal{
    opacity:0;
    transform:translateY(35px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);
}
.reveal-left{
    opacity:0;
    transform:translateX(-40px);
    transition:opacity .8s ease,transform .8s ease;
}
.reveal-right{
    opacity:0;
    transform:translateX(40px);
    transition:opacity .8s ease,transform .8s ease;
}
.reveal.visible,
.reveal-left.visible,
.reveal-right.visible{
    opacity:1;
    transform:none;
}
@keyframes fadeUp{from{
        opacity:0;
        transform:translateY(25px);
    }to{
        opacity:1;
        transform:none;
    }}
@keyframes machineFloat{0%,100%{transform:translateY(0) rotateY(-2deg);}50%{transform:translateY(-12px) rotateY(2deg);}}
@keyframes drumSpin{to{transform:rotate(360deg);}}
@keyframes glowPulse{0%,100%{transform:scale(.95);opacity:.7;}50%{transform:scale(1.08);opacity:1;}}
@keyframes floatCard{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.6;}}
@keyframes pinPulse{0%,100%{box-shadow:0 0 0 12px rgba(18,104,232,.15),0 15px 35px rgba(18,104,232,.35);}50%{box-shadow:0 0 0 21px rgba(18,104,232,.03),0 15px 35px rgba(18,104,232,.35);}}
@keyframes spinSlow{to{transform:rotate(360deg);}}
@keyframes marquee{to{transform:translateX(-50%);}}
@media(max-width:1150px){.header-inner{
        grid-template-columns:190px 1fr 190px;
    }.nav-link{
        padding:9px 7px;
        font-size:11px;
    }.hero h1{
        font-size:68px;
    }.section-title{
        font-size:48px;
    }}
@media(max-width:980px){.site-header{
        height:76px;
    }.header-inner{
        display:flex;
        justify-content:space-between;
    }.desktop-nav{
        display:none;
    }.header-actions{
        gap:6px;
    }.login-btn{
        display:none;
    }.hamburger{
        display:grid;
    }.mobile-menu{
        position:fixed;
        top:87px;
        right:4%;
        width:min(290px,88%);
        padding:10px;
        background:var(--white);
        border:1px solid var(--border);
        border-radius:18px;
        box-shadow:var(--shadow);
        z-index:999;
        display:block;
        opacity:0;
        visibility:hidden;
        transform:translateY(-10px) scale(.98);
        transition:var(--transition);
    }.mobile-menu.open{
        opacity:1;
        visibility:visible;
        transform:none;
    }.mobile-menu a,
    .mobile-menu button{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px;
        border:0;
        background:transparent;
        color:var(--text);
        border-radius:10px;
        font-size:12px;
        font-weight:900;
        text-align:left;
    }.mobile-menu a:hover,
    .mobile-menu button:hover{
        background:var(--soft);
        color:var(--blue);
    }.mobile-dropdown{
        display:none;
        padding-left:10px;
    }.mobile-dropdown.open{
        display:block;
    }.mobile-dropdown a{
        font-size:11px;
    }.mobile-login{
        margin-top:7px;
        justify-content:center!important;
        background:var(--blue)!important;
        color:#fff!important;
    }.hero{
        min-height:auto;
    }.hero-grid{
        min-height:auto;
        padding:75px 0 65px;
        grid-template-columns:1fr;
    }.hero-content{
        text-align:center;
        margin:auto;
    }.hero-copy{
        margin-left:auto;
        margin-right:auto;
    }.hero-buttons,
    .hero-stats{
        justify-content:center;
    }.hero-visual{
        height:470px;
    }.story-grid,
    .availability-grid,
    .how-grid,
    .tech-grid,
    .choose-grid,
    .experience-grid{
        grid-template-columns:1fr;
    }.story-images{
        min-height:390px;
    }.tech-gallery{
        max-width:700px;
        width:100%;
        margin:auto;
    }.choose-image{
        max-width:650px;
        width:100%;
        margin:auto;
    }.experience-image{
        max-width:650px;
        width:100%;
        margin:auto;
    }.services-layout{
        grid-template-columns:1fr;
    }.service-feature{
        min-height:390px;
    }.capacity-track{
        grid-template-columns:1fr 1fr;
    }.capacity-card:first-child{
        grid-column:1/3;
    }.offer-grid{
        grid-template-columns:1fr;
    }.offer-image{
        min-height:300px;
    }.offer-image::after{
        background:linear-gradient(0deg,var(--navy),transparent 60%);
    }.location-grid{
        grid-template-columns:1fr;
    }.map-card{
        min-height:330px;
    }.footer-top{
        grid-template-columns:1.5fr 1fr 1fr;
    }.footer-contact{
        grid-column:1/-1;
    }.newsletter-inner{
        flex-direction:column;
        align-items:flex-start;
    }.newsletter-form{
        width:100%;
        max-width:600px;
    }}
@media(max-width:680px){.container{
        width:min(94%,1240px);
    }.section{
        padding:52px 0;
    }.section-head{
        display:block;
        margin-bottom:27px;
    }.section-copy{
        margin-top:14px;
    }.brand-name{
        font-size:19px;
    }.brand-mark{
        width:38px;
        height:38px;
    }.header-actions .icon-btn{
        width:34px;
        height:34px;
    }.hero-grid{
        padding:55px 0 45px;
    }.hero h1{
        font-size:48px;
        letter-spacing:-1.7px;
    }.hero-copy{
        font-size:13px;
    }.hero-stats{
        gap:20px;
        flex-wrap:wrap;
    }.hero-stat strong{
        font-size:19px;
    }.hero-visual{
        height:390px;
    }.machine{
        width:235px;
        height:310px;
        border-radius:27px;
    }.machine-door{
        width:165px;
        height:165px;
        border-width:8px;
    }.cloth{
        left:58px;
        top:65px;
    }.cloth.two{
        left:70px;
        top:85px;
    }.float-card{
        min-width:118px;
        padding:10px;
    }.float-card.one{
        right:0;
        top:50px;
    }.float-card.two{
        left:0;
        bottom:45px;
    }.story-images{
        min-height:320px;
    }.story-main{
        height:270px;
    }.story-small{
        height:140px;
    }.story-points{
        grid-template-columns:1fr;
    }.avail-dashboard{
        padding:16px;
    }.price-panel{
        padding:20px;
    }.service-feature{
        min-height:330px;
    }.service-overlay{
        padding:21px;
    }.service-overlay h3{
        font-size:31px;
    }.service-mini{
        grid-template-columns:110px 1fr;
        min-height:160px;
    }.process-visual{
        height:300px;
    }.steps{
        grid-template-columns:1fr 1fr;
        gap:20px;
    }.steps::before{
        display:none;
    }.tech-gallery{
        grid-template-columns:1fr 1fr;
        grid-template-rows:170px 170px;
    }.tech-gallery img:first-child{
        grid-row:auto;
    }.capacity-track{
        grid-template-columns:1fr;
    }.capacity-card,
    .capacity-card:first-child{
        grid-column:auto;
        height:260px;
    }.stats-grid{
        grid-template-columns:1fr 1fr;
    }.big-stat{
        padding:26px 12px;
    }.big-stat strong{
        font-size:30px;
    }.editorial-row{
        grid-template-columns:42px 1fr 20px;
    }.quote{
        font-size:38px;
    }.offer-box{
        align-items:flex-start;
        flex-direction:column;
    }.offer-content{
        padding:30px 23px;
    }.offer-content .section-title{
        font-size:43px;
    }.offer-image{
        min-height:240px;
    }.location-card{
        padding:25px;
    }.location-card .section-title{
        font-size:40px;
    }.newsletter h2{
        font-size:34px;
    }.newsletter-form{
        flex-direction:column;
        gap:5px;
        background:transparent;
        padding:0;
    }.newsletter-form input{
        min-height:45px;
        border-radius:9px;
    }.newsletter-form button{
        min-height:45px;
    }.footer{
        padding-top:50px;
    }.footer-top{
        grid-template-columns:1fr 1fr;
        gap:30px;
    }.footer-brand{
        grid-column:1/-1;
    }.footer-contact{
        grid-column:1/-1;
    }.footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }.footer-links{
        flex-wrap:wrap;
    }}
@media(max-width:420px){.header-actions{
        gap:4px;
    }.header-actions .icon-btn{
        width:31px;
        height:31px;
        font-size:11px;
    }.hero h1{
        font-size:43px;
    }.hero-buttons{
        flex-direction:column;
    }.hero-buttons .btn{
        width:100%;
    }.machine{
        width:215px;
        height:290px;
    }.machine-door{
        width:150px;
        height:150px;
    }.float-card{
        transform:scale(.88);
    }.story-images{
        min-height:280px;
    }.story-main{
        height:230px;
    }.story-small{
        height:125px;
    }.footer-top{
        grid-template-columns:1fr;
    }.footer-brand,
    .footer-contact{
        grid-column:auto;
    }}
.story,.technology,.experience,.location{background-image:radial-gradient(circle at 12% 10%,rgba(40,168,255,.055),transparent 24%),radial-gradient(circle at 88% 90%,rgba(53,224,208,.045),transparent 24%);}
.how,.choose,.offer-section{background-image:linear-gradient(115deg,rgba(18,104,232,.035),transparent 38%),radial-gradient(circle at 85% 15%,rgba(53,224,208,.055),transparent 22%);}
.motion-mask{overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);}
.motion-mask.visible{clip-path:inset(0 0 0 0);transform:none;}
.depth-card{transform-style:preserve-3d;will-change:transform;transition:box-shadow .35s ease,border-color .35s ease;}
.depth-card:hover{box-shadow:0 28px 70px rgba(6,21,47,.18);}
.avail-row{position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),background .35s ease;padding-left:10px;padding-right:10px;border-radius:12px;}
.avail-row::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);transform:translateX(-110%);transition:transform 1s ease;}
.avail-row.visible-row{transform:translateX(0);}
.avail-row.visible-row::after{transform:translateX(0);}
.avail-status{position:relative;}
.avail-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);margin-right:6px;box-shadow:0 0 0 0 rgba(53,224,208,.55);animation:statusRing 1.8s infinite;}
.service-feature,.service-mini{perspective:900px;}
.service-feature::before,.service-mini::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none;}
.service-feature:hover::before,.service-mini:hover::before{transform:translateX(120%);}
.service-mini{position:relative;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;}
.service-mini:hover{transform:translateX(7px) rotateX(1deg);box-shadow:0 18px 40px rgba(6,21,47,.11);}
.service-mini:nth-child(2):hover{transform:translateX(7px) rotateY(-1deg);}
.steps::after{content:"";position:absolute;left:25px;top:25px;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--aqua));z-index:1;transition:width 1.4s cubic-bezier(.2,.8,.2,1);}
.steps.line-live::after{width:calc(100% - 50px);}
.step-number{position:relative;z-index:3;box-shadow:0 0 0 0 rgba(18,104,232,.15);}
.step.step-live .step-number{animation:stepPop .7s cubic-bezier(.2,.8,.2,1),stepHalo 1.8s .7s infinite;}
.tech-gallery{perspective:1000px;}
.tech-gallery img{will-change:transform;}
.tech-gallery img:nth-child(1){transform-origin:center left;}
.tech-gallery img:nth-child(2){transform-origin:right center;}
.tech-gallery img:nth-child(3){transform-origin:left center;}
.tech-gallery.tech-live img:nth-child(1){animation:galleryInLeft 1s both;}
.tech-gallery.tech-live img:nth-child(2){animation:galleryInRight 1s .14s both;}
.tech-gallery.tech-live img:nth-child(3){animation:galleryInRight 1s .28s both;}
.capacity-card{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;}
.capacity-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 28px 60px rgba(0,0,0,.28);}
.capacity-card:nth-child(2):hover{transform:translateY(-8px) rotateX(2deg) rotateY(2deg);}
.capacity-card:nth-child(3):hover{transform:translateY(-8px) rotateX(-2deg) rotateY(2deg);}
.big-stat{position:relative;overflow:hidden;}
.big-stat::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.big-stat.stat-live::before{transform:scaleX(1);}
.big-stat strong{filter:blur(5px);transform:translateY(8px);transition:filter .7s ease,transform .7s ease;}
.big-stat.stat-live strong{filter:blur(0);transform:none;}
.editorial-row{position:relative;overflow:hidden;}
.editorial-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue),var(--aqua));transform:scaleY(0);transform-origin:top;transition:transform .55s ease;}
.editorial-row:hover::before{transform:scaleY(1);}
.editorial-num{transition:transform .55s ease,color .35s ease;}
.editorial-row:hover .editorial-num{transform:translateX(5px) scale(1.08);color:var(--aqua);}
.experience-image{transform-style:preserve-3d;}
.experience-image::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,104,232,.16),transparent 35%,rgba(53,224,208,.08));mix-blend-mode:screen;pointer-events:none;}
.quote{overflow:hidden;}
.quote .quote-word{display:inline-block;opacity:0;transform:translateY(30px) rotateX(-18deg);transform-origin:bottom;}
.quote.quote-live .quote-word{animation:wordRise .65s cubic-bezier(.2,.8,.2,1) forwards;}
.benefit{position:relative;overflow:hidden;transform-style:preserve-3d;}
.benefit::after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-65px;top:-65px;transition:transform .7s ease;}
.benefit:hover::after{transform:rotate(80deg) scale(1.15);}
.benefit i{transition:transform .65s cubic-bezier(.2,.8,.2,1);}
.benefit:hover i{transform:rotate(12deg) translateY(-3px) scale(1.08);}
.control-center{background:linear-gradient(135deg,#06152f,#0a326b 55%,#06152f);color:#fff;position:relative;overflow:hidden;}
.control-center::before,.control-center::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(53,224,208,.12);pointer-events:none;}
.control-center::before{width:480px;height:480px;right:-220px;top:-220px;animation:spinSlow 22s linear infinite;}
.control-center::after{width:300px;height:300px;left:-170px;bottom:-170px;animation:spinSlow 18s linear infinite reverse;}
.control-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:stretch;position:relative;z-index:2;}
.control-copy{display:flex;flex-direction:column;justify-content:center;}
.control-copy .section-title{color:#fff;max-width:500px;}
.control-copy p{color:#bdd1ea;font-size:14px;font-weight:600;margin:18px 0 22px;max-width:500px;}
.control-pills{display:flex;flex-wrap:wrap;gap:8px;}
.control-pill{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:100px;background:rgba(255,255,255,.05);font-size:10px;font-weight:900;color:#d9eaff;transition:.35s ease;}
.control-pill:hover{transform:translateY(-3px);background:rgba(53,224,208,.1);border-color:rgba(53,224,208,.35);}
.machine-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:0 25px 70px rgba(0,0,0,.25);backdrop-filter:blur(10px);}
.machine-cell{position:relative;padding:17px 15px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);overflow:hidden;transform-style:preserve-3d;transition:transform .45s ease,background .35s ease,border-color .35s ease;}
.machine-cell:hover{transform:translateY(-5px) rotateX(2deg) rotateY(-2deg);background:rgba(255,255,255,.09);border-color:rgba(53,224,208,.28);}
.machine-cell-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:900;color:#b7cae1;}
.machine-cell strong{display:block;font-size:22px;line-height:1;margin:16px 0 6px;}
.machine-cell small{color:#8fa8c7;font-size:9px;font-weight:800;}
.machine-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.5);animation:statusRing 1.8s infinite;}
.machine-cell.busy .machine-dot{background:#ffd36a;animation:pulse 1.3s infinite;}
.machine-cell.busy strong{color:#ffd36a;}
.machine-cell.available strong{color:#69f4e5;}
.machine-ring{width:58px;height:58px;border-radius:50%;margin:8px 0 2px;background:conic-gradient(var(--aqua) 0 72%,rgba(255,255,255,.08) 72% 100%);display:grid;place-items:center;}
.machine-ring::after{content:"";width:42px;height:42px;border-radius:50%;background:#0a2856;}
.machine-cell:nth-child(2) .machine-ring{background:conic-gradient(var(--electric) 0 44%,rgba(255,255,255,.08) 44% 100%);}
.machine-cell:nth-child(3) .machine-ring{background:conic-gradient(var(--aqua) 0 91%,rgba(255,255,255,.08) 91% 100%);}
.bento-section{background:var(--soft2);}
.bento-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:230px 230px;gap:13px;}
.bento-card{position:relative;overflow:hidden;border-radius:22px;isolation:isolate;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;}
.bento-card.large{grid-row:1/3;}
.bento-card img{height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.bento-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,21,47,.88));z-index:1;}
.bento-info{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;color:#fff;transform:translateY(8px);transition:transform .5s ease;}
.bento-info span{font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#73eee0;}
.bento-info h3{font-family:"DM Serif Display",serif;font-size:27px;line-height:1;margin-top:4px;}
.bento-info p{font-size:9px;color:#d2e2f3;font-weight:700;margin-top:5px;}
.bento-card:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-1deg);box-shadow:0 25px 55px rgba(6,21,47,.18);}
.bento-card:hover img{transform:scale(1.09);}
.bento-card:hover .bento-info{transform:none;}
.care-section{background:#fff;}
.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
.care-card{position:relative;min-height:220px;padding:23px;border-radius:21px;border:1px solid var(--border);background:linear-gradient(145deg,var(--white),var(--soft));overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;}
.care-card::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(40,168,255,.16),transparent 70%);transition:transform .7s ease;}
.care-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(6,21,47,.13);}
.care-card:hover::before{transform:scale(1.35);}
.care-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(18,104,232,.08);color:var(--blue);font-size:17px;margin-bottom:25px;transition:transform .55s ease;}
.care-card:hover .care-icon{transform:rotate(-8deg) scale(1.1);}
.care-card h3{font-size:17px;font-weight:900;margin-bottom:7px;}
.care-card p{color:var(--muted);font-size:10px;font-weight:700;max-width:290px;}
.care-line{position:absolute;left:23px;right:23px;bottom:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(.12);transform-origin:left;transition:transform .7s ease;}
.care-card:hover .care-line{transform:scaleX(1);}
.offer-grid,.location-grid,.newsletter-inner{position:relative;}
.offer-grid{transform-style:preserve-3d;}
.offer-grid::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.08) 50%,transparent 62%);transform:translateX(-110%);z-index:3;pointer-events:none;}
.offer-grid.offer-live::before{animation:sweep 1.6s ease .2s both;}
.map-card{transform-style:preserve-3d;}
.map-card::after{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(18,104,232,.22);border-radius:50%;left:calc(50% - 50px);top:calc(50% - 50px);animation:mapRipple 2.4s infinite;pointer-events:none;}
[data-stagger]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);}
[data-stagger].stagger-live{opacity:1;transform:none;}
@keyframes statusRing{0%{box-shadow:0 0 0 0 rgba(53,224,208,.55)}70%{box-shadow:0 0 0 8px rgba(53,224,208,0)}100%{box-shadow:0 0 0 0 rgba(53,224,208,0)}}
@keyframes stepPop{0%{transform:scale(.72)}70%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes stepHalo{0%,100%{box-shadow:0 0 0 0 rgba(18,104,232,.18)}50%{box-shadow:0 0 0 10px rgba(18,104,232,0)}}
@keyframes galleryInLeft{from{opacity:0;transform:translateX(-40px) rotateY(8deg) scale(.97)}to{opacity:1;transform:none}}
@keyframes galleryInRight{from{opacity:0;transform:translateX(40px) rotateY(-8deg) scale(.97)}to{opacity:1;transform:none}}
@keyframes wordRise{to{opacity:1;transform:none}}
@keyframes sweep{to{transform:translateX(110%)}}
@keyframes mapRipple{0%{transform:scale(.55);opacity:.65}100%{transform:scale(2.2);opacity:0}}
@media(max-width:900px){.control-grid{grid-template-columns:1fr;}.machine-board{grid-template-columns:repeat(2,1fr);}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 190px;}.bento-card.large{grid-row:1/3;}.care-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.machine-board{grid-template-columns:1fr 1fr;}.machine-cell{padding:14px 12px;}.machine-cell strong{font-size:18px;}.bento-grid{grid-template-columns:1fr;grid-template-rows:230px 180px 180px;}.bento-card.large{grid-row:auto;}.care-grid{grid-template-columns:1fr;}.care-card{min-height:190px;}}
@media(prefers-reduced-motion:reduce){.motion-mask,.depth-card,.service-mini,.capacity-card,.bento-card,.care-card,.offer-grid,.map-card,*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}}
.availability-grid{gap:48px;}
.avail-dashboard{padding:8px 0;background:transparent;border:0;border-radius:0;}
.avail-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);position:relative;}
.avail-row::before{content:"";position:absolute;left:-16px;top:16px;width:3px;height:0;border-radius:5px;background:var(--aqua);transition:height .65s ease;}
.avail-row.visible-row::before{height:calc(100% - 34px);}
.avail-top{font-size:13px;margin-bottom:10px;}
.progress{height:5px;background:rgba(255,255,255,.08);}
.price-panel{border-radius:0;padding:28px 30px;box-shadow:0 28px 70px rgba(0,0,0,.26);border-top:4px solid var(--aqua);}
.price-panel::before{width:260px;height:260px;right:-110px;top:-120px;background:radial-gradient(circle,rgba(40,168,255,.13),transparent 68%);}
.price-head{padding-bottom:17px;border-bottom:1px solid #e5ebf2;margin-bottom:4px;}
.price-head h3{font-family:"DM Serif Display",serif;font-size:27px;font-weight:400;}
.price-item{padding:18px 0;transition:padding .35s ease,background .35s ease;}
.price-item:hover{padding-left:9px;padding-right:9px;background:#f6faff;}
.price-featured{margin:5px -9px;padding:18px 9px;border-radius:0;background:linear-gradient(90deg,#edf7ff,rgba(237,247,255,.45));border-left:3px solid var(--blue);}
.price{font-size:29px;letter-spacing:-1px;}
.spaces-section{background:#f4f9ff;overflow:hidden;}
.spaces-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;}
.spaces-intro .section-title{max-width:690px;}
.spaces-intro .section-title em{font-style:normal;color:var(--blue);}
.spaces-intro-copy{max-width:320px;border-left:2px solid var(--aqua);padding-left:18px;}
.spaces-index{display:block;font-size:10px;font-weight:900;letter-spacing:2px;color:var(--blue);margin-bottom:8px;}
.spaces-intro-copy p{font-size:12px;line-height:1.7;font-weight:700;color:var(--muted);margin:0;}
.spaces-layout{display:grid;grid-template-columns:1.22fr .78fr;gap:14px;align-items:stretch;}
.space-hero-card{position:relative;min-height:455px;overflow:hidden;background:#09295b;color:#fff;isolation:isolate;}
.space-hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);}
.space-hero-card:hover img{transform:scale(1.055);}
.space-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,.02) 25%,rgba(6,21,47,.94) 100%);z-index:1;}
.space-hero-copy{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;max-width:570px;}
.space-hero-copy>span{font-size:9px;font-weight:900;letter-spacing:2px;color:#7ef4e8;}
.space-hero-copy h3{font-family:"DM Serif Display",serif;font-size:48px;line-height:.95;font-weight:400;margin:8px 0 11px;}
.space-hero-copy p{max-width:470px;font-size:12px;line-height:1.65;color:#dcecff;font-weight:700;margin:0;}
.space-corner{position:absolute;right:20px;top:20px;z-index:2;text-align:right;font-size:22px;font-weight:900;line-height:.9;color:#fff;}
.space-corner small{font-size:7px;letter-spacing:2px;color:#7ef4e8;}
.space-stack{display:grid;grid-template-rows:repeat(3,1fr);border-top:1px solid #cfdded;}
.space-row{display:grid;grid-template-columns:36px 46px 1fr 18px;gap:12px;align-items:center;padding:19px 8px 19px 0;border-bottom:1px solid #cfdded;position:relative;transition:transform .45s ease,padding .45s ease,background .45s ease;}
.space-row:hover{transform:translateX(-7px);padding-left:8px;background:#fff;box-shadow:0 16px 35px rgba(6,21,47,.07);}
.space-row-num{font-size:10px;font-weight:900;color:#7890ac;align-self:start;padding-top:4px;}
.space-row-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 10px 25px rgba(18,104,232,.08);transition:transform .5s ease,background .5s ease,color .5s ease;}
.space-row:hover .space-row-icon{transform:rotate(-8deg) scale(1.08);background:var(--blue);color:#fff;}
.space-row-copy span{font-size:8px;letter-spacing:1.6px;font-weight:900;color:var(--blue);}
.space-row-copy h3{font-size:17px;font-weight:900;margin:4px 0 4px;color:var(--navy);}
.space-row-copy p{font-size:10px;line-height:1.55;color:var(--muted);font-weight:700;margin:0;max-width:340px;}
.space-arrow{font-size:11px;color:#9bb0c8;transition:transform .4s ease,color .4s ease;}
.space-row:hover .space-arrow{transform:translate(3px,-3px);color:var(--blue);}
.space-bottom-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;margin-top:14px;background:#06152f;color:#fff;min-height:76px;}
.space-bottom-strip>div{display:flex;align-items:center;gap:13px;padding:16px 22px;border-right:1px solid rgba(255,255,255,.1);}
.space-bottom-strip strong{font-size:15px;color:#fff;}
.space-bottom-strip span{font-size:9px;color:#9fb6d4;font-weight:800;}
.space-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;color:#06152f;background:var(--aqua);font-size:10px;font-weight:900;letter-spacing:1px;transition:gap .4s ease,filter .4s ease;}
.space-cta:hover{gap:20px;filter:brightness(1.05);}
@media(max-width:900px){.spaces-intro{align-items:start;flex-direction:column;gap:18px;}.spaces-intro-copy{max-width:520px;}.spaces-layout{grid-template-columns:1fr;}.space-hero-card{min-height:400px;}}
@media(max-width:650px){.spaces-intro{margin-bottom:22px;}.space-hero-card{min-height:350px;}.space-hero-copy{left:20px;right:20px;bottom:22px;}.space-hero-copy h3{font-size:37px;}.space-row{grid-template-columns:28px 42px 1fr 14px;gap:9px;padding:16px 0;}.space-row-icon{width:42px;height:42px;}.space-row-copy h3{font-size:14px;}.space-row-copy p{font-size:9px;}.space-bottom-strip{grid-template-columns:1fr 1fr;}.space-bottom-strip>div{padding:13px 15px;}.space-cta{min-height:58px;grid-column:1/-1;}}
.motion-mask{clip-path:none;}
.bento-card img{display:block;}
.spaces-section{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 15%,rgba(40,168,255,.10),transparent 28%),
    radial-gradient(circle at 92% 82%,rgba(53,224,208,.08),transparent 25%),
    #f4f9ff;
}
.spaces-section::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-180px;top:70px;
  border:1px solid rgba(18,104,232,.10);
  border-radius:50%;
  z-index:-1;
  animation:spacesOrbit 18s linear infinite;
}
.spaces-section::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(40,168,255,.65),transparent);
  animation:spacesLine 5s ease-in-out infinite;
}
.spaces-intro{
  position:relative;
}
.spaces-intro::after{
  content:"";
  position:absolute;
  left:0;bottom:-14px;
  width:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--aqua));
  transition:width 1.2s cubic-bezier(.2,.8,.2,1);
}
.spaces-section.in-view .spaces-intro::after{width:180px;}
.spaces-intro .section-title{
  letter-spacing:-1.4px;
}
.space-hero-card{
  transform:translateZ(0);
  box-shadow:0 28px 70px rgba(6,21,47,.16);
}
.space-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(126,244,232,.20) 48%,transparent 61%);
  transform:translateX(-120%);
}
.space-hero-card:hover::before{
  animation:spaceSweep 1.15s ease forwards;
}
.space-hero-card::after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-100px;bottom:-100px;
  border:1px solid rgba(126,244,232,.45);
  border-radius:50%;
  z-index:2;
  animation:spacePulseRing 4s ease-in-out infinite;
}
.space-hero-copy h3{
  text-shadow:0 8px 28px rgba(0,0,0,.25);
}
.space-corner{
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(6,21,47,.24);
  backdrop-filter:blur(8px);
}
.space-stack{
  perspective:900px;
}
.space-row{
  overflow:hidden;
  transform-origin:right center;
}
.space-row::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:linear-gradient(var(--blue),var(--aqua));
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.space-row:hover::before,
.space-row.visible-row::before{
  transform:scaleY(1);
}
.space-row::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  left:-70%;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(40,168,255,.08),transparent);
  transform:skewX(-18deg);
}
.space-row:hover::after{
  animation:spaceRowSweep .8s ease;
}
.space-row-icon{
  position:relative;
}
.space-row-icon::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(40,168,255,.20);
  border-radius:17px;
  transform:scale(.7);
  opacity:0;
}
.space-row:hover .space-row-icon::after{
  animation:spaceIconRing .65s ease forwards;
}
.space-row-copy h3{
  transition:transform .4s ease,color .4s ease;
}
.space-row:hover .space-row-copy h3{
  transform:translateX(5px);
  color:var(--blue);
}
.space-bottom-strip{
  position:relative;
  overflow:hidden;
  box-shadow:0 22px 45px rgba(6,21,47,.16);
}
.space-bottom-strip::before{
  content:"";
  position:absolute;
  left:-25%;top:0;
  width:18%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(53,224,208,.18),transparent);
  transform:skewX(-20deg);
  animation:spaceStripLight 5s ease-in-out infinite;
}
.space-bottom-strip>div,
.space-cta{
  position:relative;
  z-index:1;
}
.space-bottom-strip strong{
  transition:transform .35s ease,color .35s ease;
}
.space-bottom-strip>div:hover strong{
  transform:translateX(5px);
  color:var(--aqua);
}
.space-cta{
  overflow:hidden;
}
.space-cta::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-100%;
  width:70%;
  background:rgba(255,255,255,.28);
  transform:skewX(-20deg);
}
.space-cta:hover::before{
  animation:spaceCtaSweep .75s ease forwards;
}
.space-cta i{
  transition:transform .4s ease;
}
.space-cta:hover i{
  transform:translateX(6px);
}
@keyframes spacesOrbit{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes spacesLine{0%,100%{opacity:.25;transform:scaleX(.35);}50%{opacity:1;transform:scaleX(1);}}
@keyframes spaceSweep{from{transform:translateX(-120%);}to{transform:translateX(180%);}}
@keyframes spacePulseRing{0%,100%{transform:scale(.72);opacity:.15;}50%{transform:scale(1);opacity:.65;}}
@keyframes spaceRowSweep{from{left:-70%;}to{left:130%;}}
@keyframes spaceIconRing{0%{transform:scale(.7);opacity:0;}45%{opacity:1;}100%{transform:scale(1.15);opacity:0;}}
@keyframes spaceStripLight{0%,55%,100%{left:-25%;}75%{left:125%;}}
@keyframes spaceCtaSweep{from{left:-100%;}to{left:140%;}}
@media(max-width:900px){.spaces-section::before{width:300px;height:300px;right:-180px;}.space-hero-card{box-shadow:0 20px 45px rgba(6,21,47,.13);}}
@media(max-width:650px){.spaces-section::before{display:none;}.spaces-intro::after{bottom:-10px;}.space-hero-card::after{width:130px;height:130px;}.space-bottom-strip{box-shadow:0 15px 32px rgba(6,21,47,.13);}}
@media(prefers-reduced-motion:reduce){.spaces-section::before,
  .spaces-section::after,
  .space-bottom-strip::before,
  .space-hero-card::before,
  .space-hero-card::after,
  .space-row::after,
  .space-row-icon::after,
  .space-cta::before{
    animation:none !important;
  }}
.availability-v2{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 35%,rgba(18,104,232,.16),transparent 30%),radial-gradient(circle at 92% 75%,rgba(53,224,208,.10),transparent 28%),#06152f;}
.availability-v2::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(40,168,255,.035) 48%,transparent 70%);pointer-events:none;}
.availability-v2 .container{position:relative;z-index:2;}
.availability-head-v2{margin-bottom:28px;}
.live-floor{display:grid;grid-template-columns:.88fr 1.22fr .72fr;gap:12px;align-items:stretch;}
.floor-status-panel,.live-machine-list,.price-panel-v2{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);backdrop-filter:blur(12px);}
.floor-status-panel{min-height:390px;padding:24px;border-radius:24px;background:linear-gradient(145deg,rgba(18,104,232,.20),rgba(255,255,255,.035));isolation:isolate;}
.floor-orbit{position:absolute;border:1px solid rgba(53,224,208,.15);border-radius:50%;pointer-events:none;}
.orbit-one{width:360px;height:360px;right:-230px;top:-185px;animation:availabilityOrbit 18s linear infinite;}
.orbit-two{width:210px;height:210px;left:-140px;bottom:-120px;border-color:rgba(40,168,255,.15);animation:availabilityOrbit 13s linear infinite reverse;}
.floor-live-tag{display:inline-flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.8px;font-weight:900;color:#9bdfff;position:relative;z-index:2;}
.floor-live-tag span{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.6);animation:statusRing 1.8s infinite;}
.floor-status-main{display:flex;align-items:center;gap:17px;margin-top:30px;position:relative;z-index:2;}
.floor-ring{width:112px;height:112px;flex:0 0 112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--aqua) 0 57%,rgba(255,255,255,.08) 57% 100%);box-shadow:0 0 45px rgba(53,224,208,.12);animation:ringBreath 3s ease-in-out infinite;}
.floor-ring::before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid rgba(53,224,208,.28);animation:ringPulse 2.5s ease-out infinite;}
.floor-ring-core{width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#082656;border:1px solid rgba(255,255,255,.08);}
.floor-ring-core strong{font-size:30px;line-height:1;color:#fff;font-weight:900;}
.floor-ring-core small{font-size:7px;letter-spacing:1.4px;color:#72eee1;font-weight:900;margin-top:4px;}
.floor-status-copy>span{font-size:8px;letter-spacing:1.5px;color:#72eee1;font-weight:900;}
.floor-status-copy h3{font-family:"DM Serif Display",serif;font-size:25px;line-height:1.02;font-weight:400;color:#fff;margin:7px 0 8px;}
.floor-status-copy p{font-size:9px;line-height:1.55;color:#b6cce5;font-weight:700;margin:0;}
.floor-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:27px;position:relative;z-index:2;}
.floor-mini-stats div{padding:11px 8px;border-top:1px solid rgba(255,255,255,.13);}
.floor-mini-stats strong{display:block;color:#fff;font-size:16px;font-weight:900;}
.floor-mini-stats span{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#7f9cbd;font-weight:900;}
.floor-scan-line{position:absolute;left:24px;right:24px;bottom:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:8px;color:#7896b8;font-weight:800;z-index:2;}
.floor-scan-line i{display:inline-block;width:45px;height:1px;vertical-align:middle;margin-right:7px;background:linear-gradient(90deg,var(--aqua),transparent);animation:scanLine 2s ease-in-out infinite;}
.live-machine-list{border-radius:24px;padding:22px 22px 15px;background:rgba(3,17,39,.62);}
.machine-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);}
.machine-list-head span{font-size:7px;letter-spacing:1.7px;color:#72eee1;font-weight:900;}
.machine-list-head h3{font-family:"DM Serif Display",serif;color:#fff;font-size:25px;font-weight:400;margin-top:4px;}
.live-clock{font-size:8px;letter-spacing:1px;font-weight:900;color:#8ea9c7;border:1px solid rgba(255,255,255,.11);padding:7px 9px;border-radius:99px;white-space:nowrap;}
.live-clock i{color:var(--aqua);margin-right:4px;animation:statusRing 1.8s infinite;}
.live-machine-row{display:grid;grid-template-columns:1.15fr .9fr auto;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);position:relative;}
.live-machine-row::after{content:"";position:absolute;left:-22px;right:-22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(53,224,208,.45),transparent);transform:scaleX(0);transition:transform .55s ease;}
.live-machine-row:hover::after{transform:scaleX(1);}
.machine-type{display:flex;align-items:center;gap:11px;min-width:0;}
.machine-type-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:var(--aqua);background:rgba(53,224,208,.08);border:1px solid rgba(53,224,208,.12);transition:transform .45s ease,background .35s ease;}
.live-machine-row:hover .machine-type-icon{transform:rotate(-7deg) scale(1.08);background:rgba(53,224,208,.14);}
.machine-type strong{display:block;color:#fff;font-size:10px;font-weight:900;}
.machine-type small{display:block;color:#7897b9;font-size:7px;font-weight:800;letter-spacing:.4px;margin-top:4px;}
.machine-meter{min-width:0;}
.meter-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:7px;font-weight:900;color:#8fa9c5;}
.meter-label span{color:#72eee1;}
.meter-track{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;}
.meter-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);}
.availability-v2 .live-machine-list.visible .meter-track span{transform:scaleX(1);}
.machine-state{font-size:7px;font-weight:900;letter-spacing:.8px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#72eee1;}
.machine-state span{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.6);animation:statusRing 1.8s infinite;}
.floor-note{display:flex;align-items:center;gap:8px;padding-top:14px;font-size:8px;color:#7897b9;font-weight:700;}
.floor-note i{color:#ffd36a;}
.floor-note strong{color:#bcd0e7;}
.price-panel-v2{border-radius:24px;padding:21px;background:#fff;color:var(--navy);box-shadow:0 24px 55px rgba(0,0,0,.23);border:0;border-top:3px solid var(--aqua);}
.price-panel-v2::before{content:"";position:absolute;width:180px;height:180px;right:-105px;top:-105px;border-radius:50%;background:radial-gradient(circle,rgba(40,168,255,.18),transparent 70%);pointer-events:none;}
.price-panel-v2 .price-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;margin-bottom:0;border-bottom:1px solid #e5ebf2;}
.price-eyebrow{display:block;font-size:7px;letter-spacing:1.5px;color:var(--blue);font-weight:900;margin-bottom:4px;}
.price-panel-v2 .price-head h3{font-size:25px;line-height:1;}
.price-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#edf7ff;color:var(--blue);font-size:13px;}
.price-panel-v2 .price-item{position:relative;padding:14px 0;}
.price-panel-v2 .price-item:hover{padding-left:6px;padding-right:6px;}
.price-panel-v2 .price-item strong{font-size:10px;}
.price-panel-v2 .price-item small{font-size:7px;}
.price-panel-v2 .price{font-size:22px;}
.price-panel-v2 .price-featured{margin:4px -7px;padding:14px 7px;background:linear-gradient(90deg,#eaf7ff,#f7fbff);border-left:3px solid var(--blue);}
.price-badge{position:absolute;right:8px;top:5px;font-size:6px;letter-spacing:1px;color:#fff;background:var(--blue);padding:4px 6px;border-radius:99px;font-weight:900;}
.price-cta-v2{width:100%;justify-content:center;margin-top:7px;padding:11px 13px;}
.availability-bottom-v2{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);}
.availability-bottom-v2 span{font-size:7px;color:#9eb6d0;font-weight:900;letter-spacing:.3px;}
.availability-bottom-v2 i{color:var(--aqua);margin-right:4px;}
.availability-bottom-v2 a{margin-left:auto;color:#fff;font-size:8px;font-weight:900;text-decoration:none;}
.availability-bottom-v2 a i{transition:transform .35s ease;}
.availability-bottom-v2 a:hover i{transform:translateX(5px);}
@keyframes availabilityOrbit{to{transform:rotate(360deg);}}
@keyframes ringBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes ringPulse{0%{transform:scale(.9);opacity:.6}100%{transform:scale(1.65);opacity:0}}
@keyframes scanLine{0%,100%{transform:scaleX(.3);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@media(max-width:1050px){.live-floor{grid-template-columns:1fr 1.25fr;}.price-panel-v2{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center;}.price-panel-v2 .price-head{grid-column:1/-1;}.price-panel-v2 .price-cta-v2{grid-column:1/-1;}}
@media(max-width:760px){.live-floor{grid-template-columns:1fr;}.price-panel-v2{grid-column:auto;display:block;}.availability-bottom-v2{flex-wrap:wrap;}.availability-bottom-v2 a{width:100%;margin-left:0;padding-top:5px;}}
@media(max-width:500px){.floor-status-panel,.live-machine-list,.price-panel-v2{border-radius:19px;}.floor-status-main{align-items:flex-start;flex-direction:column;}.floor-ring{width:98px;height:98px;flex-basis:98px;}.floor-ring::before{width:98px;height:98px;}.floor-ring-core{width:72px;height:72px;}.floor-ring-core strong{font-size:25px;}.live-machine-row{grid-template-columns:1fr auto;}.machine-meter{grid-column:1/-1;grid-row:2;}.machine-state{grid-column:2;grid-row:1;}.machine-list-head h3{font-size:22px;}}

#spinora-home2{overflow:hidden;background:var(--white)}
#spinora-home2 section{position:relative}
#spinora-home2 .container{position:relative;z-index:2}
.h2-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:900;color:var(--blue)}
.h2-kicker::before{content:"";width:26px;height:2px;background:var(--aqua);border-radius:99px}
.h2-title{font-family:"DM Serif Display",serif;font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-1.8px;color:var(--text);margin-top:10px}
.h2-copy{color:var(--muted);font-size:14px;line-height:1.75;font-weight:600}
.h2-btnline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}
.h2-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--navy);transition:.3s ease}
.h2-link:hover{color:var(--blue);transform:translateX(4px)}
.h2-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 62%,#0b3b73 100%);color:#fff;padding:76px 0 24px;min-height:720px;overflow:hidden}
.h2-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 27%,rgba(53,224,208,.16),transparent 28%),radial-gradient(circle at 10% 80%,rgba(40,168,255,.13),transparent 25%)}
.h2-hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:52px;align-items:center;min-height:610px}
.h2-hero-copy{max-width:610px}
.h2-hero-copy .h2-kicker{color:#8feee7}
.h2-hero-copy .h2-kicker::before{background:#35e0d0}
.h2-hero h1{font-family:"DM Serif Display",serif;font-size:clamp(64px,7.8vw,104px);line-height:.86;letter-spacing:-4px;margin:18px 0 25px}
.h2-hero h1 em{color:#35e0d0;font-style:italic}
.h2-hero-copy p{max-width:520px;color:#bed1e7;font-size:16px;line-height:1.75;font-weight:600}
.h2-hero-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}
.h2-meta-item{display:flex;align-items:center;gap:10px;color:#dce8f5;font-size:11px;font-weight:800}
.h2-meta-item i{color:#35e0d0}
.h2-hero-visual{height:585px;position:relative}
.h2-hero-mainimg{position:absolute;right:4%;top:25px;width:83%;height:500px;border-radius:34px 34px 120px 34px;overflow:hidden;transform:rotate(2deg);box-shadow:0 35px 90px rgba(0,0,0,.38);background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-hero-mainimg img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s cubic-bezier(.2,.8,.2,1)}
.h2-hero-visual:hover .h2-hero-mainimg img{transform:scale(1.06)}
.h2-hero-cut{position:absolute;left:0;bottom:22px;width:36%;height:205px;border:8px solid #09295b;border-radius:24px;overflow:hidden;box-shadow:0 28px 55px rgba(0,0,0,.32);background:linear-gradient(135deg,#1268e8,#35e0d0);transform:rotate(-5deg);z-index:4}
.h2-hero-cut img{width:100%;height:100%;object-fit:cover;display:block}
.h2-hero-badge{position:absolute;right:-5px;top:80px;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff;color:#06152f;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:h2Float 4s ease-in-out infinite;z-index:5}
.h2-hero-badge strong{display:block;font-size:27px;line-height:1;font-weight:900}
.h2-hero-badge span{display:block;font-size:8px;line-height:1.25;letter-spacing:1.1px;text-transform:uppercase;font-weight:900;margin-top:5px}
.h2-hero-sticker{position:absolute;left:8%;top:60px;background:#35e0d0;color:#06152f;padding:11px 15px;border-radius:99px;font-size:10px;font-weight:900;z-index:5;box-shadow:0 15px 30px rgba(0,0,0,.22);animation:h2Float 3.6s 1s ease-in-out infinite}
.h2-orb{position:absolute;border:1px solid rgba(53,224,208,.35);border-radius:50%;pointer-events:none}
.h2-orb.a{width:470px;height:470px;right:7%;top:35px;animation:h2Spin 18s linear infinite}
.h2-orb.b{width:350px;height:350px;right:20%;top:96px;border-color:rgba(40,168,255,.35);animation:h2Spin 12s linear infinite reverse}
.h2-hero-bottom{margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:flex;justify-content:center;gap:22px;color:#89a2bf;font-size:9px;font-weight:900;letter-spacing:2.5px}
.h2-hero-bottom b{display:block;width:34px;height:1px;background:#35e0d0;margin-top:5px}
.h2-strip{background:#fff;border-bottom:1px solid #dce7f3}
.h2-strip-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr)}
.h2-strip-lead,.h2-strip-item{padding:24px 22px;display:flex;align-items:center;gap:14px;border-right:1px solid #dce7f3;min-height:116px}
.h2-strip-lead{display:block;padding-left:0}
.h2-strip-lead span{font-size:9px;letter-spacing:2px;font-weight:900;color:var(--blue)}
.h2-strip-lead strong{display:block;font-family:"DM Serif Display";font-size:27px;line-height:1;margin-top:5px}
.h2-strip-item:last-child{border-right:0}
.h2-strip-item i{font-size:21px;color:var(--blue)}
.h2-strip-item b{display:block;font-size:12px}
.h2-strip-item small{display:block;color:#718198;font-size:9px;font-weight:700;margin-top:3px}
.h2-trio{background:#f5faff;padding:90px 0 102px}
.h2-trio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.h2-trio-head>div{max-width:800px}
.h2-trio-head .h2-copy{max-width:430px;margin-bottom:4px}
.h2-trio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h2-trio-card{position:relative;min-height:510px;overflow:hidden;text-decoration:none;color:#fff;background:#09295b;border-radius:22px;box-shadow:0 22px 50px rgba(6,21,47,.11);transition:.5s cubic-bezier(.2,.8,.2,1);isolation:isolate}
.h2-trio-card:hover{transform:translateY(-8px);box-shadow:0 35px 70px rgba(6,21,47,.18)}
.h2-trio-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,.02) 22%,rgba(6,21,47,.1) 42%,rgba(6,21,47,.9) 100%);z-index:1}
.h2-trio-image{position:absolute;inset:0;background:linear-gradient(135deg,#09295b,#1268e8 55%,#35e0d0);z-index:0}
.h2-trio-image img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s cubic-bezier(.2,.8,.2,1)}
.h2-trio-card:hover img{transform:scale(1.08)}
.h2-trio-no{position:absolute;top:20px;left:20px;font-size:11px;letter-spacing:2px;font-weight:900;z-index:3;color:#fff}
.h2-trio-icon{position:absolute;right:18px;top:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.46);border-radius:50%;display:grid;place-items:center;background:rgba(6,21,47,.18);backdrop-filter:blur(10px);z-index:3;transition:.4s}
.h2-trio-card:hover .h2-trio-icon{background:#1268e8;transform:rotate(45deg)}
.h2-trio-content{position:absolute;left:0;right:0;bottom:0;padding:28px 27px 30px;z-index:3}
.h2-trio-content span{font-size:9px;font-weight:900;letter-spacing:2px;color:#8feee7}
.h2-trio-content h3{font-family:"DM Serif Display";font-size:34px;line-height:.98;margin:8px 0 10px}
.h2-trio-content p{font-size:11px;line-height:1.65;color:#d8e5f3;font-weight:600;max-width:340px}
.h2-trio-content a{display:inline-flex;margin-top:17px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px}
.h2-story{background:#fff;padding:102px 0}
.h2-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:78px;align-items:center}
.h2-story-visual{height:550px;position:relative}
.h2-story-img{position:absolute;left:0;top:0;width:82%;height:490px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-story-img img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-story-visual:hover .h2-story-img img{transform:scale(1.06)}
.h2-story-note{position:absolute;right:0;bottom:20px;width:220px;padding:23px;border-radius:18px;background:#06152f;color:#fff;box-shadow:0 22px 50px rgba(6,21,47,.22)}
.h2-story-note span{font-size:8px;letter-spacing:2px;font-weight:900;color:#35e0d0}
.h2-story-note strong{display:block;font-size:12px;margin:7px 0}
.h2-story-note p{font-family:"DM Serif Display";font-size:25px;line-height:1.02}
.h2-story-mark{position:absolute;left:18px;bottom:16px;font-size:98px;line-height:.8;font-weight:900;color:#fff;opacity:.16}
.h2-steps{border-top:1px solid #d9e4f0;margin-top:30px}
.h2-step{display:grid;grid-template-columns:46px 1fr 22px;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid #d9e4f0;transition:.35s}
.h2-step:hover{padding-left:9px;background:linear-gradient(90deg,rgba(18,104,232,.04),transparent)}
.h2-step>span{font-size:11px;font-weight:900;color:var(--blue)}
.h2-step b{font-size:14px}
.h2-step p{margin-top:3px;color:#708097;font-size:11px;font-weight:600}
.h2-step i{color:var(--blue)}
.h2-machine{background:#06152f;color:#fff;padding:96px 0;overflow:hidden}
.h2-machine::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-200px;top:-160px;background:radial-gradient(circle,rgba(40,168,255,.2),transparent 67%);animation:h2Glow 4s ease-in-out infinite}
.h2-machine-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.h2-machine .h2-kicker{color:#8feee7}
.h2-machine .h2-kicker::before{background:#35e0d0}
.h2-machine h2{font-family:"DM Serif Display";font-size:clamp(48px,5.4vw,74px);line-height:.94;margin:12px 0 20px}
.h2-machine p{max-width:470px;color:#a9bed8;font-size:14px;line-height:1.75;font-weight:600}
.h2-specs{display:flex;margin-top:32px}
.h2-spec{padding:0 26px;border-left:1px solid rgba(255,255,255,.14)}
.h2-spec:first-child{padding-left:0;border-left:0}
.h2-spec strong{display:block;font-size:26px}
.h2-spec span{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#7e97b5;font-weight:900}
.h2-machine-visual{height:480px;position:relative;display:grid;place-items:center}
.h2-machine-ring{position:absolute;width:410px;height:410px;border-radius:50%;border:1px dashed rgba(53,224,208,.34);animation:h2Spin 15s linear infinite}
.h2-machine-image{position:relative;width:390px;height:330px;border-radius:34px 34px 110px 34px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 75px rgba(0,0,0,.42);background:linear-gradient(135deg,#09295b,#1268e8);z-index:2}
.h2-machine-image img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-machine-image:hover img{transform:scale(1.08)}
.h2-data{position:absolute;background:#fff;color:#06152f;padding:12px 15px;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.26);z-index:4;animation:h2Float 4s ease-in-out infinite}
.h2-data span{display:block;font-size:8px;letter-spacing:1.5px;color:#73859a;font-weight:900}
.h2-data b{font-size:12px;color:#0da57f}
.h2-data.one{left:3%;top:90px}
.h2-data.two{right:3%;bottom:68px;animation-delay:1s}
.h2-availability{background:#eaf4ff;padding:100px 0}
.h2-availability-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}
.h2-availability-head>div{max-width:700px}
.h2-floor{background:#06152f;color:#fff;border-radius:28px;padding:27px;box-shadow:0 25px 70px rgba(6,21,47,.18);overflow:hidden}
.h2-floor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px;font-weight:900;letter-spacing:1px}
.h2-floor-top b{color:#35e0d0;font-size:9px}
.h2-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e0d0;box-shadow:0 0 13px #35e0d0;margin-right:6px;animation:h2Pulse 1.5s infinite}
.h2-floor-grid{display:grid;grid-template-columns:170px 1fr 170px;gap:24px;align-items:center;padding-top:24px}
.h2-side small{display:block;color:#7289a5;font-size:8px;letter-spacing:2px;font-weight:900}
.h2-side strong{display:block;font-size:54px;line-height:1;margin:8px 0}
.h2-side span{color:#8ea5c0;font-size:9px}
.h2-side>b{display:block;margin-top:8px;color:#35e0d0;font-size:9px}
.h2-meter{height:5px;margin-top:13px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.h2-meter i{display:block;height:100%;background:linear-gradient(90deg,#1268e8,#35e0d0);border-radius:99px}
.h2-floor-map{height:235px;border:1px solid rgba(255,255,255,.08);border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.008))}
.h2-floor-map::before{content:"";position:absolute;inset:18px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%);background-size:44px 44px;opacity:.8}
.h2-maplabel{position:absolute;font-size:8px;letter-spacing:1.6px;color:#6f88a7;font-weight:900}
.h2-maplabel.w{left:18px;top:17px}
.h2-maplabel.d{right:18px;top:17px}
.h2-maplabel.f{left:50%;bottom:17px;transform:translateX(-50%)}
.h2-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#35e0d0;box-shadow:0 0 0 5px rgba(53,224,208,.08),0 0 14px rgba(53,224,208,.35);animation:h2Pulse 2s infinite}
.h2-dot.busy{background:#8fa2bc;box-shadow:none;animation:none}
.h2-dot.d1{left:18%;top:31%}
.h2-dot.d2{left:37%;top:31%}
.h2-dot.d3{left:56%;top:31%}
.h2-dot.d4{left:75%;top:31%}
.h2-dot.d5{left:18%;top:62%}
.h2-dot.d6{left:37%;top:62%}
.h2-dot.d7{left:56%;top:62%}
.h2-dot.d8{left:75%;top:62%}
.h2-pricing{background:#fff;padding:105px 0}
.h2-price-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:center}
.h2-rate-board{border-top:1px solid #dce6f0}
.h2-rate-row{display:grid;grid-template-columns:54px 1fr auto 24px;gap:18px;align-items:center;padding:22px 4px;border-bottom:1px solid #dce6f0;transition:.35s}
.h2-rate-row:hover{padding-left:12px;background:linear-gradient(90deg,rgba(18,104,232,.04),transparent)}
.h2-rate-row.featured{background:#f6faff}
.h2-rate-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:17px}
.h2-rate-icon.aqua{background:#e9fbf9;color:#0aa896}
.h2-rate-icon.lime{background:#eff6ff;color:#1268e8}
.h2-rate-copy span{display:block;font-size:8px;letter-spacing:2px;font-weight:900;color:var(--blue)}
.h2-rate-copy b{display:block;font-size:14px;margin-top:3px}
.h2-rate-copy small{display:block;color:#708097;font-size:9px;font-weight:700;margin-top:2px}
.h2-rate-row>strong{font-size:28px;letter-spacing:-1px;color:#06152f}
.h2-rate-row>i{color:var(--blue)}
.h2-rate-foot{display:flex;justify-content:space-between;gap:15px;padding-top:14px;color:#7a8b9f;font-size:9px;font-weight:700}
.h2-editorial{background:#f6faff;padding:100px 0}
.h2-editorial-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center}
.h2-editorial-art{height:540px;position:relative}
.h2-editorial-main{position:absolute;inset:0 0 35px 50px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-editorial-main img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s}
.h2-editorial-art:hover img{transform:scale(1.06)}
.h2-editorial-tag{position:absolute;left:0;bottom:0;background:#35e0d0;color:#06152f;padding:17px 18px;border-radius:18px;box-shadow:0 18px 40px rgba(6,21,47,.15);z-index:3}
.h2-editorial-tag strong{display:block;font-size:20px}
.h2-editorial-tag span{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;font-weight:900}
.h2-notes{margin-top:30px;border-top:1px solid #d7e3ef}
.h2-note-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #d7e3ef}
.h2-note-row strong{font-size:12px}
.h2-note-row span{font-size:10px;color:#72839a;font-weight:700;text-align:right}
.h2-space{min-height:620px;display:flex;align-items:center;overflow:hidden;color:#fff}
.h2-space-img{position:absolute;inset:0;background:#09295b}
.h2-space-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:1.4s}
.h2-space:hover .h2-space-img img{transform:scale(1.08)}
.h2-space::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.9) 0%,rgba(6,21,47,.58) 42%,rgba(6,21,47,.18) 72%,rgba(6,21,47,.12) 100%)}
.h2-space-copy{max-width:640px;position:relative;z-index:2}
.h2-space-copy .h2-kicker{color:#8feee7}
.h2-space-copy .h2-kicker::before{background:#35e0d0}
.h2-space-copy .h2-title{color:#fff}
.h2-space-copy p{max-width:520px;color:#c9d8e8;margin-top:19px}
.h2-space-copy .h2-link{color:#fff;margin-top:23px}
.h2-space-copy .h2-link i{color:#35e0d0}
.h2-space-index{position:absolute;right:7%;bottom:42px;z-index:2;color:#8ba4bf;font-size:9px;font-weight:900;letter-spacing:2px;line-height:2;text-align:right}
.h2-voices{background:#fff;padding:100px 0}
.h2-voices-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.h2-voices-top .h2-title{max-width:720px}
.h2-voices-top .h2-copy{max-width:400px}
.h2-quotes{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}
.h2-quote{padding:30px;background:#f6faff;border:1px solid #dde8f3;min-height:245px;position:relative;transition:.4s}
.h2-quote:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(6,21,47,.08)}
.h2-quote.featured{background:#06152f;color:#fff;border-color:#06152f;transform:translateY(18px)}
.h2-quote.featured:hover{transform:translateY(10px)}
.h2-quote-mark{font-family:"DM Serif Display";font-size:72px;line-height:.7;color:#35e0d0}
.h2-quote p{font-family:"DM Serif Display";font-size:24px;line-height:1.13;margin:18px 0 25px}
.h2-quote:not(.featured) p{font-size:19px;color:#0b1932}
.h2-quote small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;color:#71829a}
.h2-quote.featured small{color:#8fa9c3}
.h2-visit{background:#eaf4ff;padding:92px 0}
.h2-visit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.h2-visit-main{min-height:350px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-visit-main img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-visit-main:hover img{transform:scale(1.06)}
.h2-visit-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.82),rgba(6,21,47,.12))}
.h2-visit-copy{position:absolute;left:32px;bottom:31px;z-index:2;color:#fff;max-width:470px}
.h2-visit-copy .h2-kicker{color:#8feee7}
.h2-visit-copy .h2-kicker::before{background:#35e0d0}
.h2-visit-copy .h2-title{color:#fff;font-size:clamp(39px,4vw,58px)}
.h2-visit-copy p{color:#d4e1ef;margin-top:13px;font-size:12px;line-height:1.65;font-weight:600}
.h2-visit-side{border-radius:25px;background:#06152f;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.h2-contact-row{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.h2-contact-row i{width:34px;height:34px;border-radius:10px;background:rgba(53,224,208,.12);display:grid;place-items:center;color:#35e0d0}
.h2-contact-row b{font-size:11px}
.h2-contact-row span{display:block;color:#9fb5cf;font-size:10px;font-weight:700;margin-top:3px}
.h2-cta{background:#fff;padding:95px 0 105px}
.h2-cta-wrap{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:28px;background:#06152f;color:#fff;box-shadow:0 28px 65px rgba(6,21,47,.18)}
.h2-cta-copy{padding:62px}
.h2-cta-copy .h2-kicker{color:#8feee7}
.h2-cta-copy .h2-kicker::before{background:#35e0d0}
.h2-cta-copy .h2-title{color:#fff}
.h2-cta-copy p{color:#9fb5ce;max-width:440px;margin-top:18px}
.h2-cta-art{position:relative;min-height:390px;overflow:hidden;background:#09295b}
.h2-cta-art img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s}
.h2-cta-wrap:hover .h2-cta-art img{transform:scale(1.07)}
.h2-cta-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06152f 0%,rgba(6,21,47,.15) 42%,transparent 100%)}
.h2-cta-badge{position:absolute;right:25px;bottom:22px;z-index:3;background:#35e0d0;color:#06152f;padding:15px 17px;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.23)}
.h2-cta-badge strong{display:block;font-size:21px;letter-spacing:1.5px}
.h2-cta-badge span{font-size:8px;letter-spacing:1.2px;font-weight:900}
.h2-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.h2-reveal.visible{opacity:1;transform:none}
.h2-left{opacity:0;transform:translateX(-36px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.h2-left.visible{opacity:1;transform:none}
.h2-right{opacity:0;transform:translateX(36px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.h2-right.visible{opacity:1;transform:none}
@keyframes h2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes h2Spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes h2Glow{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes h2Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.12)}}
@media(max-width:1100px){.h2-hero-layout,.h2-story-grid,.h2-machine-grid,.h2-price-layout,.h2-editorial-grid{grid-template-columns:1fr}.h2-hero-layout{gap:20px;padding:44px 0 25px}.h2-hero-copy{max-width:780px}.h2-hero-visual{height:500px}.h2-story-grid,.h2-editorial-grid{gap:40px}.h2-machine-grid{gap:10px}.h2-machine-visual{order:-1}.h2-price-layout{gap:45px}.h2-visit-grid{grid-template-columns:1fr}.h2-trio-head,.h2-voices-top{align-items:flex-start;flex-direction:column}.h2-trio-head .h2-copy,.h2-voices-top .h2-copy{max-width:650px}.h2-quotes{grid-template-columns:1fr 1fr}.h2-quote.featured{transform:none}.h2-quote.featured:hover{transform:translateY(-7px)}}
@media(max-width:760px){.h2-hero{padding-top:76px}.h2-hero-layout{padding-top:40px}.h2-hero h1{font-size:60px;letter-spacing:-2.5px}.h2-hero-visual{height:395px}.h2-hero-mainimg{height:350px;width:87%;border-radius:24px 24px 70px 24px}.h2-hero-cut{height:135px;width:43%;border-width:6px}.h2-hero-badge{width:78px;height:78px;top:65px}.h2-hero-badge strong{font-size:19px}.h2-hero-sticker{top:25px;left:3%}.h2-orb{display:none}.h2-hero-bottom{gap:11px;font-size:7px}.h2-strip-grid{grid-template-columns:1fr}.h2-strip-lead,.h2-strip-item{border-right:0;border-bottom:1px solid #dce7f3}.h2-strip-lead{padding-left:0}.h2-trio,.h2-story,.h2-machine,.h2-availability,.h2-pricing,.h2-editorial,.h2-voices,.h2-visit,.h2-cta{padding-top:70px;padding-bottom:75px}.h2-trio-grid{grid-template-columns:1fr;gap:14px}.h2-trio-card{min-height:430px}.h2-story-visual,.h2-editorial-art{height:390px}.h2-story-img{height:340px;width:85%}.h2-story-note{width:175px;padding:17px}.h2-story-note p{font-size:20px}.h2-specs{gap:0}.h2-spec{padding:0 14px}.h2-spec strong{font-size:21px}.h2-machine-visual{height:350px}.h2-machine-ring{width:290px;height:290px}.h2-machine-image{width:285px;height:240px}.h2-data{padding:9px 11px}.h2-data.one{left:0}.h2-data.two{right:0}.h2-floor{padding:17px}.h2-floor-grid{grid-template-columns:1fr}.h2-floor-map{height:195px;order:-1}.h2-side{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:end}.h2-side .h2-meter{grid-column:1/-1}.h2-rate-row{grid-template-columns:46px 1fr auto;gap:12px}.h2-rate-row>i{display:none}.h2-rate-row>strong{font-size:22px}.h2-rate-foot{display:block}.h2-rate-foot b{display:block;margin-top:4px}.h2-editorial-main{left:26px;inset:auto 0 32px 26px;height:350px}.h2-editorial-tag{bottom:0;left:0}.h2-space{min-height:520px}.h2-space-copy{padding-top:70px;padding-bottom:70px}.h2-space-index{display:none}.h2-quotes{grid-template-columns:1fr}.h2-quote{min-height:210px}.h2-cta-wrap{grid-template-columns:1fr}.h2-cta-copy{padding:44px 28px}.h2-cta-art{min-height:280px}.h2-cta-badge{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.h2-reveal,.h2-left,.h2-right{transition:none!important;opacity:1!important;transform:none!important}.h2-hero *,.h2-machine *,.h2-space *,.h2-cta *,.h2-hero-visual *{animation:none!important;transition:none!important}}
.h2-playbook{position:relative;overflow:hidden;padding:92px 0 86px;background:linear-gradient(180deg,#f6fbff 0%,#ffffff 54%,#eef8ff 100%)}
.h2-playbook::before{content:"";position:absolute;inset:auto -10% 8% auto;width:34vw;height:34vw;min-width:320px;min-height:320px;border-radius:50%;background:radial-gradient(circle,rgba(40,168,255,.13),rgba(40,168,255,0) 68%);pointer-events:none}
.h2-playbook-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:end;margin-bottom:48px}
.h2-playbook-intro{max-width:590px;margin-left:auto}
.h2-playbook-line{display:flex;align-items:center;gap:15px;margin-top:24px;font-size:9px;font-weight:900;letter-spacing:2px;color:#64809b}
.h2-playbook-line span{width:68px;height:2px;background:linear-gradient(90deg,#1268e8,#35e0d0);display:block}
.h2-playbook-line em{font-style:normal}
.h2-playbook-main{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:46px;align-items:stretch}
.h2-playbook-visual{min-width:0}
.h2-playbook-main-image{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8 62%,#35e0d0);box-shadow:0 28px 70px rgba(6,21,47,.15)}
.h2-playbook-main-image img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block;transform:scale(1.03);transition:1.15s cubic-bezier(.2,.7,.2,1);filter:saturate(1.04)}
.h2-playbook-main-image:hover img{transform:scale(1.09)}
.h2-playbook-main-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,0) 44%,rgba(6,21,47,.76) 100%);pointer-events:none}
.h2-playbook-image-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}
.h2-playbook-image-overlay span{display:block;font-size:9px;font-weight:900;letter-spacing:2px;color:#8feee7;margin-bottom:8px}
.h2-playbook-image-overlay strong{font-family:"DM Serif Display",serif;font-size:38px;line-height:1.05;font-weight:400}
.h2-playbook-mini-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:16px;margin-top:16px}
.h2-playbook-mini-img{height:180px;overflow:hidden;border-radius:22px;background:#dceeff}
.h2-playbook-mini-img img{width:100%;height:100%;object-fit:cover;display:block;transition:1s ease}
.h2-playbook-mini-img:hover img{transform:scale(1.08) rotate(.5deg)}
.h2-playbook-stat{border:1px solid rgba(18,104,232,.13);border-radius:22px;background:#fff;padding:24px 25px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 40px rgba(6,21,47,.07)}
.h2-playbook-stat span{font-size:8px;font-weight:900;letter-spacing:2px;color:#1268e8}
.h2-playbook-stat strong{font-family:"DM Serif Display",serif;font-size:28px;font-weight:400;color:#06152f;margin:7px 0 8px}
.h2-playbook-stat p{margin:0;color:#678099;font-size:13px;line-height:1.75}
.h2-playbook-content{display:flex;flex-direction:column;justify-content:center}
.h2-playbook-rule{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:18px;align-items:start;padding:26px 0;border-top:1px solid rgba(6,21,47,.12);transform:translateX(0);transition:transform .35s ease,background .35s ease}
.h2-playbook-rule:first-child{border-top:0;padding-top:10px}
.h2-playbook-rule:hover{transform:translateX(6px)}
.h2-playbook-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f4ff;color:#1268e8;font-size:11px;font-weight:900;letter-spacing:1px}
.h2-playbook-rule h3{margin:0 0 7px;font-size:20px;color:#06152f;font-weight:900}
.h2-playbook-rule p{margin:0;color:#678099;font-size:13px;line-height:1.8;max-width:520px}
.h2-playbook-rule>i{font-size:13px;color:#35bfc1;margin-top:6px;opacity:.8;transition:transform .3s ease,opacity .3s ease}
.h2-playbook-rule:hover>i{transform:translate(3px,-3px);opacity:1}
.h2-playbook-guide{margin-top:20px;padding:22px 24px;border-radius:20px;background:#06152f;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 18px 42px rgba(6,21,47,.16)}
.h2-guide-label{display:block;font-size:8px;font-weight:900;letter-spacing:2px;color:#8feee7;margin-bottom:6px}
.h2-playbook-guide strong{font-size:15px;line-height:1.4}
.h2-guide-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.h2-guide-tags span{padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:1.1px;color:#d9e6f3;transition:.25s ease}
.h2-guide-tags span:hover{background:#35e0d0;color:#06152f;border-color:#35e0d0;transform:translateY(-2px)}
.h2-playbook-bottom{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:stretch;margin-top:26px}
.h2-playbook-bottom>div{padding:19px 22px;border-radius:18px;background:#fff;border:1px solid rgba(6,21,47,.09);box-shadow:0 12px 30px rgba(6,21,47,.05)}
.h2-playbook-bottom strong{display:block;font-size:23px;line-height:1;color:#1268e8;font-weight:900}
.h2-playbook-bottom span{display:block;margin-top:8px;color:#70869a;font-size:10px;font-weight:800;letter-spacing:.2px}
.h2-playbook-bottom .h2-link{align-self:center;justify-self:end;white-space:nowrap}
@media (max-width:1100px){.h2-playbook-head{grid-template-columns:1fr;gap:20px}.h2-playbook-intro{margin-left:0;max-width:720px}.h2-playbook-main{grid-template-columns:1fr;gap:34px}.h2-playbook-main-image,.h2-playbook-main-image img{min-height:460px}.h2-playbook-bottom{grid-template-columns:repeat(3,1fr)}.h2-playbook-bottom .h2-link{grid-column:1/-1;justify-self:start;margin-top:8px}}
@media (max-width:720px){.h2-playbook{padding:72px 0 68px}.h2-playbook-head{margin-bottom:34px}.h2-playbook-main-image,.h2-playbook-main-image img{min-height:390px}.h2-playbook-image-overlay{left:20px;right:20px;bottom:20px}.h2-playbook-image-overlay strong{font-size:30px}.h2-playbook-mini-grid{grid-template-columns:1fr}.h2-playbook-mini-img{height:210px}.h2-playbook-guide{align-items:flex-start;flex-direction:column}.h2-guide-tags{justify-content:flex-start}.h2-playbook-bottom{grid-template-columns:1fr}.h2-playbook-bottom .h2-link{justify-self:start}}
@media (prefers-reduced-motion:no-preference){.h2-playbook-main-image{animation:playbookFloat 6s ease-in-out infinite}.h2-playbook-stat{animation:playbookStat 4.5s ease-in-out infinite}.h2-playbook-line span{animation:playbookLine 2.8s ease-in-out infinite}}
@keyframes playbookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes playbookStat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes playbookLine{0%,100%{width:42px}50%{width:92px}}

/* Active page is highlighted by the filled nav state only; no underline rule is used. */

/* =========================================================
   SPINORA ABOUT PAGE — GENERAL STYLES
========================================================= */

:root{--about-ink:#0c2e35;--about-muted:#64797d;--about-cream:#f5f1e8;--about-soft:#eef4f0;--about-blue:#79c8dc;--about-line:rgba(12,46,53,.14);--about-deep:#062f38;}
body{background:var(--about-cream);}
.about-hero,.about-section{position:relative;overflow:hidden;}
.about-hero{padding:78px 0 88px;background:linear-gradient(180deg,#f7f2e9 0%,#eef4f0 100%);}
.about-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center;max-width:1240px;}
.about-hero-copy{max-width:560px;}
.about-hero h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(46px,5vw,74px);line-height:1.02;letter-spacing:-.03em;color:var(--about-ink);margin:18px 0 22px;}
.about-hero h1 em{font-style:normal;color:#1b7190;}
.about-hero p{font-size:18px;line-height:1.72;color:var(--about-muted);max-width:520px;margin:0 0 28px;}
.about-hero-meta{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--about-line);padding-top:20px;}
.about-hero-meta div{display:grid;gap:3px}.about-hero-meta strong{font-size:21px;color:var(--about-ink)}.about-hero-meta span{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--about-muted)}
.about-hero-visual{position:relative;min-height:560px;}.hero-photo{position:absolute;overflow:hidden;box-shadow:0 26px 70px rgba(6,47,56,.16)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}.hero-photo-main{inset:0 68px 35px 0;border-radius:40px 18px 40px 18px}.hero-photo-detail{width:39%;height:46%;right:0;bottom:0;border-radius:18px 36px 18px 36px;border:10px solid var(--about-cream)}.hero-photo:hover img{transform:scale(1.05)}
.photo-chip{position:absolute;left:22px;bottom:22px;background:rgba(6,47,56,.92);color:#fff;padding:12px 16px;border-radius:999px;font-size:12px;display:flex;gap:8px;align-items:center}.photo-chip i{color:var(--about-blue)}.hero-note{position:absolute;left:14px;top:22px;background:#fff;border:1px solid rgba(12,46,53,.12);border-radius:14px;padding:10px 13px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 32px rgba(6,47,56,.12)}.hero-note span{font-size:12px;font-weight:800;color:#1b7190}.hero-note strong{font-size:10px;letter-spacing:.11em;color:var(--about-muted)}
.about-marquee{background:var(--about-deep);color:#dff7fa;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.about-marquee-track{display:flex;align-items:center;gap:24px;white-space:nowrap;padding:15px 0;min-width:max-content;animation:aboutMarquee 26s linear infinite}.about-marquee span{font-size:11px;letter-spacing:.22em;font-weight:800}.about-marquee i{width:6px;height:6px;border-radius:50%;background:var(--about-blue);display:block}@keyframes aboutMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.about-section{padding:92px 0}.about-story{background:#f7f2e9}.about-section-head,.direction-intro,.team-head{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:end;margin-bottom:44px}.about-section-head h2,.direction-intro h2,.team-head h2,.standard-copy h2,.voices-side h2,.cta-about-copy h2,.belief-copy h2{font-family:'DM Serif Display',serif;font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:400;letter-spacing:-.02em;color:var(--about-ink);margin:10px 0 0}.about-section-head>p,.direction-intro>p,.team-head>p{font-size:17px;line-height:1.72;color:var(--about-muted);max-width:460px;justify-self:end}.history-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:stretch}.history-image{position:relative;min-height:560px;border-radius:26px;overflow:hidden}.history-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.history-image:hover img{transform:scale(1.035)}.history-stamp{position:absolute;left:22px;bottom:22px;background:rgba(6,47,56,.93);color:white;padding:17px 18px;border-radius:16px;display:grid;gap:5px}.history-stamp span{font-size:10px;letter-spacing:.16em}.history-stamp strong{font-size:30px;line-height:1;color:var(--about-blue)}.history-copy{border-left:1px solid var(--about-line);padding-left:38px;display:flex;flex-direction:column}.history-entry{display:grid;grid-template-columns:76px 1fr;gap:18px;padding:18px 0 24px;border-bottom:1px solid var(--about-line)}.history-year{font-weight:800;color:#1b7190;letter-spacing:.08em}.history-entry h3{margin:0 0 8px;font-size:22px;color:var(--about-ink)}.history-entry p{margin:0;font-size:15px;line-height:1.7;color:var(--about-muted)}.history-foot{margin-top:auto;padding-top:24px;display:grid;gap:8px}.history-foot span{font-size:11px;letter-spacing:.16em;color:#1b7190;font-weight:800}.history-foot strong{font-size:18px;color:var(--about-ink)}
.about-belief{background:var(--about-soft)}.belief-grid{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.belief-copy>p{font-size:17px;line-height:1.75;color:var(--about-muted);max-width:620px}.belief-list{margin-top:28px;border-top:1px solid var(--about-line)}.belief-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--about-line)}.belief-list span{font-size:12px;font-weight:800;color:#1b7190}.belief-list p{margin:0;font-size:15px;line-height:1.6;color:var(--about-muted)}.belief-list strong{color:var(--about-ink)}.belief-visual{position:relative;min-height:560px}.belief-visual img{width:100%;height:560px;object-fit:cover;border-radius:24px 64px 24px 64px;box-shadow:0 24px 60px rgba(6,47,56,.14)}.belief-label{position:absolute;left:22px;bottom:22px;background:#fff;padding:16px 18px;border-radius:16px;display:grid;gap:5px;box-shadow:0 15px 34px rgba(6,47,56,.14)}.belief-label strong{font-size:12px;letter-spacing:.12em;color:var(--about-ink)}.belief-label small{font-size:12px;color:var(--about-muted)}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ec7a4;box-shadow:0 0 0 0 rgba(46,199,164,.5);animation:pulse 1.8s infinite}.belief-label{grid-template-columns:auto auto;grid-template-rows:auto auto}.belief-label .pulse-dot{grid-row:1/3;margin-top:3px;margin-right:2px}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(46,199,164,0)}100%{box-shadow:0 0 0 0 rgba(46,199,164,0)}}
.about-direction{background:#f7f2e9}.direction-rail{display:grid;grid-template-columns:1fr .9fr 1fr;gap:18px;align-items:stretch}.direction-card{min-height:430px;border-radius:24px;padding:28px;position:relative;overflow:hidden}.direction-card-main{background:var(--about-deep);color:white}.direction-card-light{background:#fff;border:1px solid var(--about-line)}.direction-card-image{padding:0}.direction-card-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(6,47,56,.88);color:#fff;border-radius:16px;padding:14px 15px;display:grid;gap:4px}.image-caption span{font-size:10px;letter-spacing:.16em}.image-caption strong{font-size:15px}.direction-num{font-size:12px;font-weight:800;color:#8bcfe0}.direction-symbol{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;margin:34px 0 22px;font-size:17px}.direction-card h3{font-size:30px;margin:0 0 14px}.direction-card p{font-size:16px;line-height:1.7;opacity:.88;margin:0}.direction-line{height:1px;background:rgba(255,255,255,.18);margin:40px 0 12px}.direction-card>span{font-size:11px;letter-spacing:.13em;color:#a6cbd1}.value-tags{position:absolute;left:28px;bottom:28px;display:flex;gap:8px;flex-wrap:wrap}.value-tags span{font-size:10px;letter-spacing:.12em;border:1px solid var(--about-line);padding:8px 10px;border-radius:999px;color:#1b7190}
.about-team{background:#fff}.team-head{margin-bottom:38px}.team-grid-about{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{background:#f4f1e8;border:1px solid rgba(12,46,53,.12);overflow:hidden;box-shadow:0 12px 30px rgba(6,47,56,.07);transition:transform .45s ease,box-shadow .45s ease}.team-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(6,47,56,.14)}.team-card-a{border-radius:28px 10px 28px 10px}.team-card-b{border-radius:10px 28px 10px 28px}.team-card-c{border-radius:10px 28px 28px 10px}.team-card-d{border-radius:28px 10px 10px 28px}.team-photo{height:310px;position:relative;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.team-card:hover .team-photo img{transform:scale(1.05)}.team-index{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1b7190;font-size:11px;font-weight:800}.team-info{padding:18px}.team-info h3{margin:0;font-size:21px;color:var(--about-ink)}.team-info span{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1b7190;font-weight:800}.team-info p{font-size:14px;line-height:1.6;color:var(--about-muted);margin:13px 0 0}
.about-standard{background:var(--about-deep);color:#fff}.standard-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.standard-image{position:relative;height:560px;border-radius:26px;overflow:hidden}.standard-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.standard-image:hover img{transform:scale(1.04)}.standard-overlay{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(6,47,56,.9);border:1px solid rgba(255,255,255,.1);padding:16px 18px;border-radius:16px;display:grid;gap:5px}.standard-overlay span{font-size:10px;letter-spacing:.15em;color:#9fdcea}.standard-overlay strong{font-size:18px}.standard-copy h2{color:#fff}.standard-copy .section-kicker{color:#86cfdf}.standard-row{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.standard-row>span{font-size:12px;font-weight:800;color:#83d0df}.standard-row h3{font-size:19px;margin:0 0 5px}.standard-row p{margin:0;color:#c7dcdf;line-height:1.65;font-size:15px}
.about-voices{background:#f0f4ef}.voices-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.voices-side h2{max-width:480px}.voice-stat{margin-top:28px;display:flex;align-items:end;gap:10px}.voice-stat strong{font-size:48px;color:#1b7190;line-height:.9}.voice-stat span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--about-muted)}.voice-feature{background:#fff;border:1px solid var(--about-line);border-radius:28px;padding:42px;box-shadow:0 20px 55px rgba(6,47,56,.08);position:relative;overflow:hidden}.quote-mark{font-family:'DM Serif Display',serif;font-size:78px;line-height:.5;color:#81cadb}.voice-feature blockquote{font-family:'DM Serif Display',serif;font-size:32px;line-height:1.24;color:var(--about-ink);margin:24px 0 34px;max-width:730px}.voice-person{display:flex;align-items:center;gap:12px}.voice-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--about-deep);color:white;font-size:12px;font-weight:800}.voice-person strong{display:block;color:var(--about-ink)}.voice-person span{display:block;font-size:12px;color:var(--about-muted);margin-top:3px}.voice-track{position:absolute;right:28px;bottom:28px;display:flex;gap:6px}.voice-track span{width:26px;height:3px;background:#d8e2df;border-radius:2px}.voice-track .active{background:#1b7190}
.about-cta{background:#e7f0ec}.cta-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.cta-about-copy>p{font-size:17px;line-height:1.7;color:var(--about-muted);max-width:520px;margin-bottom:28px}.cta-about-image{height:430px;position:relative;border-radius:28px 12px 28px 12px;overflow:hidden}.cta-about-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.cta-about-image:hover img{transform:scale(1.04)}.cta-tag{position:absolute;left:18px;bottom:18px;background:#fff;padding:13px 15px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;font-weight:800;color:var(--about-ink)}.cta-tag i{color:#1b7190}
.about-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.about-reveal.delay-1{transition-delay:.12s}.about-reveal.delay-2{transition-delay:.2s}.about-reveal.delay-3{transition-delay:.28s}.about-reveal.visible{opacity:1;transform:none}

/* SPINORA machine images — match the same deep-blue / aqua brand family. */
.hero-photo-detail,
.belief-visual{
    isolation:isolate;
    overflow:hidden;
}

.hero-photo-detail::after,
.belief-visual::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(135deg,
        rgba(6,21,47,.16) 0%,
        rgba(18,104,232,.42) 48%,
        rgba(53,224,208,.36) 100%);
    mix-blend-mode:color;
    opacity:.88;
}

.hero-photo-detail::before,
.belief-visual::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(6,21,47,.06),rgba(18,104,232,.10));
    mix-blend-mode:multiply;
}

.hero-photo-detail img,
.belief-visual img{
    filter:saturate(1.18) contrast(1.06) brightness(.96);
    transform:scale(1.01);
}

.hero-photo-detail .machine-color-chip,
.belief-visual .belief-label{
    position:relative;
    z-index:4;
}

.hero-photo-detail .machine-color-chip{
    background:linear-gradient(135deg,#1268e8,#35e0d0)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.35)!important;
    box-shadow:0 12px 28px rgba(18,104,232,.28);
}

.belief-visual .belief-label{
    background:rgba(6,21,47,.88)!important;
    color:#fff!important;
    border:1px solid rgba(53,224,208,.45)!important;
}

/* Home 2 hero palette applied to About Hero */
.about-hero{
  background:linear-gradient(135deg,#06152F 0%,#09295B 58%,#1268E8 150%) !important;
  color:#fff !important;
}
.about-hero h1{
  color:#fff !important;
}
.about-hero h1 em{
  color:#35E0D0 !important;
}
.about-hero p{
  color:#d7eaff !important;
}
.about-hero-meta{
  border-top-color:rgba(53,224,208,.28) !important;
}
.about-hero-meta strong{
  color:#fff !important;
}
.about-hero-meta span{
  color:#b8d5ee !important;
}
.hero-kicker{
  color:#35E0D0 !important;
}
.hero-kicker span{
  background:#35E0D0 !important;
}
.about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 22%,rgba(40,168,255,.18),transparent 28%),
    radial-gradient(circle at 20% 85%,rgba(53,224,208,.10),transparent 24%);
  pointer-events:none;
}
.about-hero > .container{position:relative;z-index:2;}
.hero-note{
  background:rgba(6,21,47,.86) !important;
  color:#fff !important;
  border-color:rgba(53,224,208,.25) !important;
}
.photo-chip{
  background:rgba(6,21,47,.9) !important;
  color:#fff !important;
  border-color:rgba(53,224,208,.25) !important;
}

/* Mission + Vision must use the exact same box color family */
.direction-card-main,
.direction-card-light{
  background:var(--about-deep) !important;
  color:#fff !important;
  border:1px solid rgba(53,224,208,.18) !important;
}
.direction-card-light h3,
.direction-card-light p,
.direction-card-light .direction-symbol,
.direction-card-light .direction-num{
  color:#fff !important;
}
.direction-card-light .direction-symbol{
  border-color:rgba(53,224,208,.55) !important;
}
.direction-card-light .value-tags span{
  color:#cceff1 !important;
  border-color:rgba(53,224,208,.28) !important;
  background:rgba(53,224,208,.06) !important;
}
.direction-card-light .direction-num{
  color:#8bcfe0 !important;
}

/* Keep the central image unchanged; only surrounding cards share color. */
@media(max-width:980px){.about-hero-grid,.history-layout,.belief-grid,.standard-layout,.voices-wrap,.cta-about-grid{grid-template-columns:1fr}.about-hero-copy{max-width:720px}.about-hero-visual{min-height:500px}.history-image,.belief-visual img,.belief-visual,.standard-image{height:500px;min-height:500px}.direction-rail{grid-template-columns:1fr 1fr}.direction-card-image{grid-column:1/-1;min-height:360px}.team-grid-about{grid-template-columns:1fr 1fr}.about-section-head,.direction-intro,.team-head{grid-template-columns:1fr}.about-section-head>p,.direction-intro>p,.team-head>p{justify-self:start}.voices-wrap{gap:34px}}
@media(max-width:640px){.about-hero{padding:56px 0 60px}.about-hero-grid{gap:34px}.about-hero h1{font-size:44px}.about-hero p{font-size:16px}.about-hero-visual{min-height:380px}.hero-photo-main{right:32px;bottom:22px;border-radius:26px 12px 26px 12px}.hero-photo-detail{width:42%;height:45%;border-width:7px;border-radius:12px 24px 12px 24px}.hero-note{left:0;top:12px}.about-section{padding:64px 0}.about-section-head h2,.direction-intro h2,.team-head h2,.belief-copy h2,.standard-copy h2,.voices-side h2,.cta-about-copy h2{font-size:36px}.history-image,.belief-visual img,.belief-visual,.standard-image{height:380px;min-height:380px}.history-copy{padding-left:0;border-left:0;border-top:1px solid var(--about-line);padding-top:12px}.history-entry{grid-template-columns:58px 1fr}.direction-rail{grid-template-columns:1fr}.direction-card-image{grid-column:auto;min-height:330px;height:330px}.team-grid-about{grid-template-columns:1fr}.team-photo{height:330px}.standard-layout,.cta-about-grid{gap:30px}.voice-feature{padding:30px 24px}.voice-feature blockquote{font-size:25px}.cta-about-image{height:320px}.about-hero-meta{gap:18px}.photo-chip{font-size:10px}.about-marquee-track{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){.about-marquee-track{animation:none}.about-reveal{opacity:1;transform:none}.hero-photo img,.history-image img,.belief-visual img,.team-photo img,.standard-image img,.cta-about-image img{transition:none}}



/* =========================================================
   SPINORA — NO INLINE STYLE HELPERS
========================================================= */
.copy-muted-blue{color:#9fb6d4!important;}
.kicker-aqua{color:#a9fff4!important;}
.kicker-mint{color:#72eee0!important;}
.kicker-cyan{color:#65e9ff!important;}
.meter-fill-60{width:60%!important;}
.meter-fill-50{width:50%!important;}
.meter-fill-67{width:67%!important;}
.flow-copy{margin-top:18px!important;max-width:510px;}
.price-copy{margin-top:18px!important;max-width:460px;}
.notes-copy{margin-top:18px!important;max-width:500px;}
.back-top-link{color:#fff!important;}
.h2-meter-fill-72{width:72%!important;}
.h2-meter-fill-58{width:58%!important;}



/* =========================================================
   SPINORA CONTACT PAGE — PAGE-SPECIFIC STYLES
========================================================= */
.contact-page{
  --contact-blue:#1268e8;
  --contact-sky:#28a8ff;
  --contact-aqua:#35e0d0;
  --contact-navy:#06152f;
  --contact-soft:#edf5ff;
  --contact-line:rgba(6,21,47,.12);
  background:var(--off-white,#f6fbff);
  color:var(--text,#12344a);
}

.contact-hero{
  position:relative;
  padding:clamp(118px,13vw,170px) 0 76px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 12%, rgba(40,168,255,.18), transparent 34%),
    linear-gradient(180deg,#f6fbff 0%,#edf5ff 100%);
}
.contact-hero::after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-150px;bottom:-170px;
  border:1px solid rgba(18,104,232,.18);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(53,224,208,.06),0 0 0 140px rgba(18,104,232,.035);
  pointer-events:none;
}
.contact-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(34px,6vw,86px);
  align-items:center;
}
.contact-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--contact-blue);margin-bottom:18px;
}
.contact-eyebrow::before{content:"";width:36px;height:2px;background:linear-gradient(90deg,var(--contact-blue),var(--contact-aqua));border-radius:2px}
.contact-hero-copy h1{
  margin:0;
  font-family:"DM Serif Display",serif;
  font-weight:400;
  font-size:clamp(48px,6vw,82px);
  line-height:.98;
  letter-spacing:-.035em;
  color:var(--contact-navy);
}
.contact-hero-copy h1 em{font-style:normal;color:var(--contact-blue)}
.contact-hero-copy p{
  max-width:650px;margin:22px 0 28px;
  color:#587089;font-size:16px;line-height:1.8;
}
.contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact-mini-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.contact-mini-pills span{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(18,104,232,.14);
  border-radius:999px;background:rgba(255,255,255,.75);font-size:12px;font-weight:800;color:#365875;
  backdrop-filter:blur(10px);
}
.contact-mini-pills i{color:var(--contact-blue)}
.contact-hero-media{position:relative;min-height:470px}
.contact-hero-image{
  position:absolute;inset:0 22px 0 0;border-radius:38px 38px 22px 38px;overflow:hidden;
  box-shadow:0 30px 70px rgba(6,21,47,.16);transform:rotate(1.2deg);
  border:1px solid rgba(255,255,255,.8);
}
.contact-hero-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .9s ease}
.contact-hero-media:hover .contact-hero-image img{transform:scale(1.08)}
.contact-image-note{
  position:absolute;left:-18px;bottom:26px;padding:16px 18px;border-radius:18px;
  background:var(--contact-navy);color:#fff;box-shadow:0 18px 40px rgba(6,21,47,.22);
  display:flex;align-items:center;gap:12px;animation:contactFloat 5s ease-in-out infinite;
}
.contact-image-note strong{font-size:18px}.contact-image-note span{font-size:11px;color:#bcd6ff;text-transform:uppercase;letter-spacing:.11em}
@keyframes contactFloat{50%{transform:translateY(-8px)}}

.contact-info-section{padding:76px 0;background:#fff}
.contact-section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}
.contact-section-head .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--contact-blue)}
.contact-section-head h2{margin:6px 0 0;font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,52px);font-weight:400;color:var(--contact-navy)}
.contact-section-head p{max-width:520px;margin:0;color:#61788e;line-height:1.75;font-size:14px}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-info-card{
  position:relative;padding:26px;border:1px solid rgba(18,104,232,.11);border-radius:24px;background:linear-gradient(145deg,#fff,#f4f9ff);
  box-shadow:0 15px 36px rgba(6,21,47,.06);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.contact-info-card::after{content:"";position:absolute;width:100px;height:100px;right:-45px;bottom:-45px;border-radius:50%;background:rgba(53,224,208,.11)}
.contact-info-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(6,21,47,.1);border-color:rgba(18,104,232,.22)}
.contact-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f3ff,#dffcf9);color:var(--contact-blue);font-size:18px;margin-bottom:16px}
.contact-info-card h3{margin:0 0 8px;font-size:18px;color:var(--contact-navy)}
.contact-info-card p,.contact-info-card a{margin:0;color:#62798f;line-height:1.65;font-size:14px;text-decoration:none}
.contact-info-card a:hover{color:var(--contact-blue)}
.contact-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.contact-meta span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4c6a84;padding:7px 9px;border-radius:999px;background:#edf5ff}

.contact-form-section{padding:82px 0;background:#eef6ff}
.contact-form-shell{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.34fr);border-radius:32px;overflow:hidden;box-shadow:0 26px 70px rgba(6,21,47,.12);background:#fff}
.contact-form-copy{padding:46px;background:linear-gradient(160deg,var(--contact-navy),#0c2b5f 65%,#0c4975)}
.contact-form-copy .kicker{color:#77dcff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.contact-form-copy h2{margin:10px 0 16px;color:#fff;font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(38px,4vw,54px);line-height:1}
.contact-form-copy p{margin:0;color:#c7d8ef;font-size:14px;line-height:1.75}
.contact-form-list{display:grid;gap:10px;margin-top:26px}
.contact-form-list div{display:flex;gap:10px;align-items:center;color:#e9f4ff;font-size:13px}.contact-form-list i{color:var(--contact-aqua)}
.contact-form{padding:42px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#48627a;margin-bottom:8px}
.form-control{width:100%;border:1px solid #d7e2ee;background:#f9fcff;color:#17334f;border-radius:14px;padding:14px 14px;font:inherit;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.form-control:focus{border-color:var(--contact-blue);background:#fff;box-shadow:0 0 0 4px rgba(18,104,232,.1)}
textarea.form-control{min-height:142px;resize:vertical}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}.form-foot small{font-size:11px;color:#72869a;line-height:1.5}
.contact-submit{border:0;border-radius:14px;padding:13px 18px;cursor:pointer;background:linear-gradient(135deg,var(--contact-blue),#0f8be9);color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:10px;box-shadow:0 12px 26px rgba(18,104,232,.24);transition:transform .25s ease,box-shadow .25s ease}
.contact-submit:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(18,104,232,.3)}
.form-message{display:none;margin-top:12px;padding:10px 12px;border-radius:11px;background:#e8fbf4;color:#0c795d;font-size:12px;font-weight:800}.form-message.show{display:block}

.contact-map-section{padding:78px 0;background:#fff}
.contact-map-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:20px;align-items:stretch}
.contact-map{min-height:500px;border-radius:28px;overflow:hidden;border:1px solid rgba(18,104,232,.14);box-shadow:0 20px 50px rgba(6,21,47,.08);position:relative;background:#d9e9f2}
.contact-map iframe{width:100%;height:100%;min-height:500px;border:0;display:block;filter:saturate(.85) contrast(.98)}
.contact-map-overlay{position:absolute;left:20px;top:20px;padding:13px 15px;background:rgba(6,21,47,.92);color:#fff;border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 12px 25px rgba(6,21,47,.18)}
.contact-map-overlay small{display:block;color:#9ecfff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.contact-map-overlay strong{display:block;margin-top:4px;font-size:14px}
.contact-location-card{border-radius:28px;padding:34px;background:linear-gradient(160deg,var(--contact-navy),#0d386c);color:#fff;box-shadow:0 20px 50px rgba(6,21,47,.15);display:flex;flex-direction:column;justify-content:space-between}
.contact-location-card .kicker{color:#79d9ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.contact-location-card h3{font-family:"DM Serif Display",serif;font-size:36px;font-weight:400;line-height:1;margin:8px 0 16px}.contact-location-card p{color:#c6d8ec;line-height:1.7;font-size:14px}
.location-list{display:grid;gap:15px;margin-top:24px}.location-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.location-item i{width:34px;height:34px;border-radius:11px;background:rgba(53,224,208,.1);display:grid;place-items:center;color:var(--contact-aqua)}.location-item strong{display:block;font-size:12px;color:#fff}.location-item span{display:block;font-size:12px;color:#b6cbe2;line-height:1.5;margin-top:2px}
.location-btn{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 15px;background:#fff;color:var(--contact-navy);text-decoration:none;font-weight:800;font-size:12px}

.contact-help-section{padding:72px 0;background:#edf5ff}
.contact-help-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}
.contact-help-copy h2{margin:6px 0 12px;font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,48px);font-weight:400;color:var(--contact-navy)}
.contact-help-copy p{margin:0;color:#61778d;font-size:14px;line-height:1.75}
.faq-list{display:grid;gap:10px}.faq-item{border:1px solid rgba(18,104,232,.13);border-radius:16px;background:#fff;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;padding:17px 18px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:15px;font:inherit;font-weight:800;color:#173652;cursor:pointer}.faq-q i{transition:transform .25s ease;color:var(--contact-blue)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 18px;color:#61778d;font-size:13px;line-height:1.7}.faq-item.open .faq-a{max-height:160px;padding-bottom:17px}.faq-item.open .faq-q i{transform:rotate(180deg)}

.contact-support-section{padding:70px 0;background:#fff}
.contact-support-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:24px;align-items:stretch}
.contact-support-copy{padding:40px;border-radius:28px;background:linear-gradient(145deg,#f4fbff,#e7f5ff);border:1px solid rgba(18,104,232,.12)}
.contact-support-copy .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--contact-blue);font-weight:800}.contact-support-copy h2{font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,48px);font-weight:400;color:var(--contact-navy);margin:8px 0 13px}.contact-support-copy p{max-width:600px;color:#61778d;font-size:14px;line-height:1.75}
.support-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.support-tags span{padding:9px 11px;border-radius:999px;background:#fff;border:1px solid rgba(18,104,232,.11);font-size:11px;font-weight:800;color:#48637e}
.contact-support-card{position:relative;overflow:hidden;border-radius:28px;padding:34px;background:var(--contact-navy);color:#fff;box-shadow:0 18px 44px rgba(6,21,47,.14)}
.contact-support-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-70px;background:rgba(40,168,255,.18)}
.contact-support-card .kicker{color:#7ce0ff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.contact-support-card h3{font-family:"DM Serif Display",serif;font-size:40px;font-weight:400;margin:8px 0 14px}.support-phone{font-size:22px;font-weight:800}.support-note{font-size:12px;color:#bcd0e7;line-height:1.6;margin-top:8px}.support-call{display:inline-flex;margin-top:22px;align-items:center;gap:9px;padding:12px 14px;border-radius:13px;background:linear-gradient(135deg,var(--contact-blue),#0d8eea);color:#fff;text-decoration:none;font-weight:800;font-size:12px}

.contact-final{position:relative;padding:88px 0;overflow:hidden;background:var(--contact-navy);color:#fff}.contact-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(40,168,255,.16),transparent 36%),radial-gradient(circle at 80% 70%,rgba(53,224,208,.12),transparent 32%)}
.contact-final-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-final .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7cdfff;font-weight:800}.contact-final h2{font-family:"DM Serif Display",serif;font-size:clamp(40px,5vw,66px);font-weight:400;line-height:1;margin:7px 0 12px}.contact-final p{margin:0;color:#bfd2e7;max-width:580px;line-height:1.75;font-size:14px}.contact-final-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-final .btn-secondary{display:inline-flex;align-items:center;gap:9px;border-radius:13px;padding:13px 17px;background:#fff;color:var(--contact-navy);font-weight:800;text-decoration:none}

@media(max-width:1000px){
  .contact-hero-grid,.contact-form-shell,.contact-map-grid,.contact-help-grid,.contact-support-shell{grid-template-columns:1fr}
  .contact-hero-media{min-height:420px}.contact-info-grid{grid-template-columns:1fr 1fr}
  .contact-support-copy{padding:32px}.contact-final-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
  .contact-hero{padding-top:100px}.contact-hero-image{inset:0;border-radius:26px;transform:none}.contact-hero-media{min-height:340px}.contact-image-note{left:14px;bottom:18px}
  .contact-section-head{flex-direction:column;align-items:flex-start}.contact-info-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:26px}.contact-form-copy{padding:30px}.contact-map iframe{min-height:380px}.contact-map{min-height:380px}.contact-location-card{padding:28px}.contact-help-section,.contact-support-section{padding:58px 0}.contact-final{padding:66px 0}
}
@media(prefers-reduced-motion:reduce){.contact-image-note{animation:none}.contact-hero-image img{transition:none}.contact-info-card{transition:none}.contact-submit{transition:none}}

/* =========================================================
   SPINORA CONTACT — LIGHT / DARK THEME CORRECTION
   Keep the Contact page's existing visual design. Only fix
   theme scoping so Light mode never inherits Dark-mode text/
   background rules, while Dark mode keeps the SPINORA navy/
   blue palette used by Home 1, Home 2 and About.
========================================================= */

/* ---------- LIGHT MODE: explicit, readable palette ---------- */
body:not(.dark) .contact-page{
  background:#f6faff !important;
  color:#0b1932 !important;
}
body:not(.dark) .contact-hero{
  background:
    radial-gradient(circle at 80% 12%, rgba(40,168,255,.18), transparent 34%),
    linear-gradient(180deg,#f6fbff 0%,#edf5ff 100%) !important;
}
body:not(.dark) .contact-hero-copy h1,
body:not(.dark) .contact-section-head h2,
body:not(.dark) .contact-help-copy h2,
body:not(.dark) .contact-support-copy h2{
  color:#06152f !important;
}
body:not(.dark) .contact-hero-copy p,
body:not(.dark) .contact-section-head p,
body:not(.dark) .contact-info-card p,
body:not(.dark) .contact-info-card a,
body:not(.dark) .contact-help-copy p,
body:not(.dark) .contact-support-copy p{
  color:#61778d !important;
}
body:not(.dark) .contact-mini-pills span{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(18,104,232,.14) !important;
  color:#365875 !important;
}
body:not(.dark) .contact-info-section,
body:not(.dark) .contact-map-section,
body:not(.dark) .contact-support-section{
  background:#ffffff !important;
}
body:not(.dark) .contact-info-card{
  background:linear-gradient(145deg,#ffffff,#f4f9ff) !important;
  border-color:rgba(18,104,232,.11) !important;
  box-shadow:0 15px 36px rgba(6,21,47,.06) !important;
}
body:not(.dark) .contact-info-card h3{
  color:#06152f !important;
}
body:not(.dark) .contact-meta span{
  background:#edf5ff !important;
  color:#4c6a84 !important;
}
body:not(.dark) .contact-form-section,
body:not(.dark) .contact-help-section{
  background:#edf5ff !important;
}
body:not(.dark) .contact-form-shell{
  background:#ffffff !important;
}
body:not(.dark) .contact-form{
  background:transparent !important;
}
body:not(.dark) .form-group label{
  color:#48627a !important;
}
body:not(.dark) .form-control{
  background:#f9fcff !important;
  color:#17334f !important;
  border-color:#d7e2ee !important;
}
body:not(.dark) .form-control:focus{
  background:#ffffff !important;
}
body:not(.dark) .form-control::placeholder{
  color:#7890a6 !important;
}
body:not(.dark) .form-foot small{
  color:#72869a !important;
}
body:not(.dark) .faq-item{
  background:#ffffff !important;
  border-color:rgba(18,104,232,.13) !important;
}
body:not(.dark) .faq-q{
  color:#173652 !important;
}
body:not(.dark) .faq-a{
  color:#61778d !important;
}
body:not(.dark) .contact-support-copy{
  background:linear-gradient(145deg,#f4fbff,#e7f5ff) !important;
  border-color:rgba(18,104,232,.12) !important;
}
body:not(.dark) .support-tags span{
  background:#ffffff !important;
  color:#48637e !important;
  border-color:rgba(18,104,232,.11) !important;
}

/* ---------- DARK MODE: same SPINORA deep navy / blue family ---------- */
body.dark .contact-page{
  background:#06152f !important;
  color:#eef6ff !important;
}
body.dark .contact-hero{
  background:linear-gradient(180deg,#06152f 0%,#09295b 100%) !important;
}
body.dark .contact-hero-copy h1,
body.dark .contact-section-head h2,
body.dark .contact-help-copy h2,
body.dark .contact-support-copy h2{
  color:#f4f9ff !important;
}
body.dark .contact-hero-copy p,
body.dark .contact-section-head p,
body.dark .contact-info-card p,
body.dark .contact-info-card a,
body.dark .contact-help-copy p,
body.dark .contact-support-copy p{
  color:#bfd0e5 !important;
}
body.dark .contact-mini-pills span{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.1) !important;
  color:#d4e2f2 !important;
}
body.dark .contact-info-section,
body.dark .contact-map-section,
body.dark .contact-support-section{
  background:#071a38 !important;
}
body.dark .contact-info-card{
  background:linear-gradient(145deg,#0d2d59,#0a2448) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:none !important;
}
body.dark .contact-info-card h3{
  color:#f4f9ff !important;
}
body.dark .contact-meta span{
  background:rgba(40,168,255,.08) !important;
  color:#b9d6f4 !important;
}
body.dark .contact-form-section,
body.dark .contact-help-section{
  background:#09295b !important;
}
body.dark .contact-form-shell{
  background:#071a38 !important;
}
body.dark .contact-form{
  background:transparent !important;
}
body.dark .form-group label{
  color:#bdd0e4 !important;
}
body.dark .form-control{
  background:#0b2850 !important;
  color:#eef6ff !important;
  border-color:rgba(255,255,255,.12) !important;
}
body.dark .form-control:focus{
  background:#0e315e !important;
}
body.dark .form-control::placeholder{
  color:#8ca4bd !important;
}
body.dark .form-foot small{
  color:#9db2c8 !important;
}
body.dark .faq-item{
  background:#0b2850 !important;
  border-color:rgba(255,255,255,.1) !important;
}
body.dark .faq-q{
  color:#edf6ff !important;
}
body.dark .faq-a{
  color:#bed0e2 !important;
}
body.dark .contact-support-copy{
  background:linear-gradient(145deg,#0b2850,#0d315d) !important;
  border-color:rgba(255,255,255,.1) !important;
}
body.dark .support-tags span{
  background:rgba(255,255,255,.05) !important;
  color:#c7d8eb !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Header + footer stay on the same shared SPINORA theme in both modes. */
body:not(.dark) .site-header{background:rgba(255,255,255,.97) !important;}
body.dark .site-header{background:rgba(6,21,47,.97) !important;}
body:not(.dark) .footer{background:#06152f !important;color:#fff !important;}
body.dark .footer{background:#030c1d !important;color:#fff !important;}

/* Responsive safety for the Contact page */
@media (max-width: 1100px){
  .contact-hero-grid{grid-template-columns:1fr 1fr !important;}
  .contact-hero-copy h1{font-size:clamp(46px,5.2vw,68px) !important;}
}
@media (max-width: 900px){
  .contact-hero-grid,
  .contact-form-shell,
  .contact-map-grid,
  .contact-help-grid,
  .contact-support-shell{grid-template-columns:1fr !important;}
  .contact-hero-media{min-height:420px !important;}
}
@media (max-width: 700px){
  .contact-hero{padding-top:104px !important;}
  .contact-hero-copy h1{font-size:clamp(40px,11vw,58px) !important;}
  .contact-hero-copy p{font-size:15px !important;}
  .contact-info-grid{grid-template-columns:1fr !important;}
  .form-row{grid-template-columns:1fr !important;}
  .contact-form{padding:26px !important;}
  .contact-form-copy{padding:30px !important;}
  .contact-map iframe,.contact-map{min-height:380px !important;}
  .contact-location-card{padding:28px !important;}
  .contact-final-inner{flex-direction:column !important;align-items:flex-start !important;}
}
@media (max-width: 480px){
  .contact-hero-media{min-height:310px !important;}
  .contact-image-note{left:12px !important;bottom:16px !important;}
  .contact-section-head h2,
  .contact-help-copy h2,
  .contact-support-copy h2{font-size:clamp(32px,10vw,44px) !important;}
  .contact-final{padding:60px 0 !important;}
}

/* RTL */
html[dir="rtl"] .contact-hero-grid,html[dir="rtl"] .contact-form-shell,html[dir="rtl"] .contact-map-grid,html[dir="rtl"] .contact-help-grid,html[dir="rtl"] .contact-support-shell,html[dir="rtl"] .contact-final-inner{direction:rtl}
html[dir="rtl"] .contact-image-note{left:auto;right:-18px}
html[dir="rtl"] .contact-map-overlay{left:auto;right:20px}
html[dir="rtl"] .contact-final-actions{justify-content:flex-start}
html[dir="rtl"] .faq-q{text-align:right}
html[dir="rtl"] .form-foot{flex-direction:row-reverse}


/* SPINORA CONTACT — LIGHT MODE VISIBILITY GUARD */
body:not(.dark) .contact-page{background:#f6fbff;color:#173652;}
body:not(.dark) .contact-page h1,
body:not(.dark) .contact-page h2,
body:not(.dark) .contact-page h3,
body:not(.dark) .contact-page label,
body:not(.dark) .contact-page .faq-q{color:#06152f;}
body:not(.dark) .contact-page p,
body:not(.dark) .contact-page .section-description,
body:not(.dark) .contact-page .contact-info-card p,
body:not(.dark) .contact-page .contact-help-copy p,
body:not(.dark) .contact-page .contact-support-copy p{color:#587089;}
body:not(.dark) .contact-page .contact-info-section,
body:not(.dark) .contact-page .contact-map-section,
body:not(.dark) .contact-page .contact-support-section{background:#fff;}
body:not(.dark) .contact-page .contact-form-section,
body:not(.dark) .contact-page .contact-help-section{background:#eef6ff;}
body:not(.dark) .contact-page .form-control{background:#f9fcff;color:#17334f;border-color:#d7e2ee;}
body:not(.dark) .contact-page .form-control::placeholder{color:#7890a6;}


/* ===== PRICING.HTML PAGE CSS ===== */

:root{
  --navy:#06152f; --navy2:#09295b; --blue:#1268e8; --electric:#28a8ff; --aqua:#35e0d0;
  --paper:#f7fbff; --white:#fff; --ink:#0a1b35; --muted:#60738d; --line:rgba(6,21,47,.13);
  --shadow:0 20px 60px rgba(6,21,47,.10); --shadow2:0 18px 42px rgba(18,104,232,.18);
  --serif:"DM Serif Display",serif; --sans:"Manrope",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;overflow-x:hidden;transition:background .28s ease,color .28s ease}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;width:100%}
.container{width:min(1240px,calc(100% - 40px));margin:0 auto}
/* ===== HEADER: same SPINORA structure ===== */
.site-header{position:sticky;top:0;z-index:5000;height:84px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(6,21,47,.08);box-shadow:0 8px 30px rgba(6,21,47,.07);backdrop-filter:blur(16px);transition:background .25s ease,border-color .25s ease}
.header-inner{height:100%;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900}
.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:21px;font-weight:900;box-shadow:0 8px 20px rgba(18,104,232,.22)}
.brand-name{font-size:22px;letter-spacing:1.5px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:4px}
.nav-item{position:relative}
.nav-link{display:flex;align-items:center;gap:6px;padding:10px 11px;border-radius:10px;font-size:13px;font-weight:900;transition:.25s ease}
.nav-link:hover,.nav-link.active{background:rgba(18,104,232,.10);color:var(--blue);box-shadow:inset 0 -2px 0 transparent}
.nav-dropdown{position:absolute;left:0;top:calc(100% + 10px);min-width:200px;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s ease}
.nav-item:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown a{display:block;padding:10px 11px;border-radius:9px;font-size:12px;font-weight:800}
.nav-dropdown a:hover{background:#eaf4ff;color:var(--blue)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;transition:.25s ease}
.icon-btn:hover{transform:translateY(-2px);border-color:var(--blue);color:var(--blue)}
.login-btn{padding:11px 17px;border-radius:10px;background:var(--navy);color:#fff;font-size:12px;font-weight:900;transition:.25s ease}
.login-btn:hover{background:var(--blue);transform:translateY(-2px)}
.hamburger{display:none}
.mobile-menu{position:fixed;z-index:4900;top:92px;right:18px;width:min(310px,calc(100% - 36px));padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(6,21,47,.18);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.98);transition:.25s ease}
.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.mobile-menu>a,.mobile-drop-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 13px;border:0;background:transparent;border-radius:10px;font-weight:800;font-size:13px;color:var(--ink);text-align:left}
.mobile-menu>a:hover,.mobile-drop-btn:hover{background:#eaf4ff;color:var(--blue)}
.mobile-submenu{display:none;padding:4px 0 6px 10px}
.mobile-submenu.open{display:block}
.mobile-submenu a{display:block;padding:9px 12px;border-radius:8px;font-size:12px;font-weight:700;color:#50617b}
.mobile-login{margin-top:8px;background:var(--navy)!important;color:#fff!important;justify-content:center!important}
/* ===== PRICING PAGE ===== */
main{min-height:100vh}
.section{padding:68px 0}
.p-label{font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:9px}
.p-label::before{content:"";width:28px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--aqua))}
.p-title{font-family:var(--serif);font-size:clamp(36px,4.2vw,58px);line-height:.98;letter-spacing:-1.8px;color:var(--ink)}
.p-copy{font-size:15px;color:var(--muted);max-width:560px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:11px;font-size:13px;font-weight:900;border:1px solid transparent;transition:.3s ease}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--electric));color:#fff;box-shadow:0 12px 28px rgba(18,104,232,.22)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(18,104,232,.30)}
.btn-ghost{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.btn-ghost:hover{background:#fff;color:var(--navy)}
/* HERO — completely different: editorial ticket wall */
.pricing-hero{position:relative;background:linear-gradient(135deg,#06152f 0%,#0a2451 55%,#0b3d66 100%);color:#fff;overflow:hidden;padding:56px 0 54px}
.pricing-hero::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:1px solid rgba(53,224,208,.16);right:-190px;top:-190px;animation:spin 18s linear infinite}
.pricing-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(40,168,255,.14);right:-105px;top:-105px;animation:spin 13s linear infinite reverse}
.hero-wall{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:32px;align-items:center}
.hero-copy-wrap{padding:10px 0 8px}
.hero-topline{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.hero-topline .chip{padding:7px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.05);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hero-topline .chip.live{color:#8af6ea;border-color:rgba(53,224,208,.28)}
.hero-title{font-family:var(--serif);font-size:clamp(48px,6vw,84px);line-height:.95;letter-spacing:-3px;max-width:700px;margin-bottom:14px}
.hero-title em{color:#86e6df;font-style:italic}
.hero-desc{max-width:570px;color:#c7d6e8;font-size:15px;font-weight:600;margin-bottom:24px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-mini-stats{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}
.hero-mini-stats div{padding-right:18px;border-right:1px solid rgba(255,255,255,.13)}
.hero-mini-stats div:last-child{border-right:0}
.hero-mini-stats strong{display:block;font-size:20px;color:#fff}
.hero-mini-stats span{font-size:10px;color:#a9bfd7;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.ticket-wall{position:relative;min-height:390px;display:grid;place-items:center}
.ticket{position:absolute;width:min(330px,80%);padding:24px 24px 20px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 25px 65px rgba(0,0,0,.26);transform:rotate(-7deg);animation:ticketFloat 4.5s ease-in-out infinite}
.ticket::before,.ticket::after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#0a2451;top:50%;transform:translateY(-50%)}
.ticket::before{left:-12px}.ticket::after{right:-12px}
.ticket.back{width:min(300px,72%);transform:rotate(8deg) translate(42px,8px);background:linear-gradient(135deg,#1268e8,#28a8ff);color:#fff;opacity:.88;filter:saturate(.95);animation:ticketBack 5.2s ease-in-out infinite}
.ticket .t-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed rgba(6,21,47,.14);padding-bottom:11px;margin-bottom:13px}
.ticket.back .t-head{border-color:rgba(255,255,255,.22)}
.ticket .t-code{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.ticket .t-price{font-family:var(--serif);font-size:64px;line-height:.9}
.ticket .t-small{font-size:11px;font-weight:800;color:#65778f}
.ticket.back .t-small{color:rgba(255,255,255,.82)}
.ticket .t-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:15px}
.ticket .t-side{text-align:right}
.ticket.back .t-side{text-align:right}
/* 2 RATE BOARD */
.rate-section{background:#fff}
.rate-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.rate-board{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rate-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr;align-items:center;gap:18px;padding:19px 4px;border-bottom:1px solid var(--line);transition:.3s ease}
.rate-row:last-child{border-bottom:0}
.rate-row:hover{background:linear-gradient(90deg,rgba(18,104,232,.045),transparent)}
.rate-row.head{font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#6c7d93}
.rate-service{font-weight:900}.rate-size{color:#708198;font-size:13px}.rate-price{font-size:23px;font-weight:900;color:var(--blue)}
.rate-note{display:inline-flex;margin-top:14px;padding:9px 12px;background:#eaf4ff;border-radius:9px;color:#53708e;font-size:11px;font-weight:800}
/* 3 routine strip */
.routine-section{background:#f0f7ff}
.routine-wrap{display:grid;grid-template-columns:.9fr 1.4fr;gap:28px;align-items:stretch}
.routine-intro{padding:18px 0}
.routine-intro .p-copy{margin-top:12px}
.routine-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.routine-item{position:relative;min-height:195px;padding:22px;border-radius:20px;background:#fff;border:1px solid rgba(6,21,47,.08);box-shadow:0 18px 45px rgba(6,21,47,.06);overflow:hidden;transition:.38s ease}
.routine-item::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-50px;top:-45px;background:linear-gradient(135deg,rgba(18,104,232,.14),rgba(53,224,208,.07));transition:.38s ease}
.routine-item:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(6,21,47,.11)}
.routine-item:hover::after{transform:scale(1.25)}
.routine-num{font-size:11px;color:var(--blue);font-weight:900;letter-spacing:.12em}
.routine-item h3{font-size:21px;margin:38px 0 8px;font-weight:900}.routine-item p{font-size:12px;color:#65788f;max-width:210px}
.routine-item strong{display:block;margin-top:16px;color:var(--ink);font-size:14px}
/* 4 included */
.included-section{background:var(--paper)}
.included-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center}
.included-media{position:relative;height:350px;border-radius:26px;overflow:hidden;background:#0b244a;box-shadow:var(--shadow)}
.included-media img{height:100%;object-fit:cover;transition:transform .9s ease}.included-media:hover img{transform:scale(1.05)}
.included-media::after{content:"SPINORA STANDARD";position:absolute;left:18px;bottom:18px;padding:8px 11px;border-radius:999px;background:rgba(6,21,47,.8);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:10px;font-weight:900;letter-spacing:.14em}
.included-copy{padding:6px 0}
.included-list{margin-top:18px;border-top:1px solid var(--line)}
.included-item{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);align-items:start}
.included-item b{color:var(--blue);font-size:11px}.included-item h3{font-size:15px;margin-bottom:3px}.included-item p{font-size:12px;color:#6d7e92}
/* 5 pay/save */
.pay-section{background:linear-gradient(135deg,#06152f,#09295b);color:#fff}
.pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pay-card{position:relative;padding:26px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.045);overflow:hidden;min-height:240px;transition:.4s ease}
.pay-card:hover{transform:translateY(-6px);border-color:rgba(53,224,208,.30);background:rgba(255,255,255,.065)}
.pay-orbit{position:absolute;right:-70px;bottom:-85px;width:220px;height:220px;border-radius:50%;border:1px solid rgba(53,224,208,.16)}
.pay-orbit::after{content:"";position:absolute;inset:25px;border:1px dashed rgba(40,168,255,.22);border-radius:50%;animation:spin 10s linear infinite}
.pay-card .p-label{color:#7cefe4}.pay-card h3{font-size:24px;margin:15px 0 8px}.pay-card p{color:#b9cade;font-size:13px;max-width:400px}.pay-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.pay-pill{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);font-size:10px;font-weight:800;color:#d8e4f1}
/* 6 faq + CTA compact */
.final-section{background:var(--paper);padding:60px 0 72px}
.final-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:stretch}
.faq-panel,.cta-panel{border-radius:22px;overflow:hidden}
.faq-panel{background:#09295b;color:#fff;padding:26px 30px;border:1px solid rgba(255,255,255,.08)}
.faq-panel .p-label{color:#7cefe4}.faq-panel h2{font-family:var(--serif);font-size:42px;line-height:.95;margin:10px 0 17px}.faq-panel .sub{font-size:12px;color:#a9bdd4;margin-bottom:16px}
.faq-list{border-top:1px solid rgba(255,255,255,.12)}
.faq-item{border-bottom:1px solid rgba(255,255,255,.12)}
.faq-q{width:100%;display:flex;justify-content:space-between;gap:15px;align-items:center;background:transparent;border:0;color:#fff;text-align:left;padding:15px 0;font-size:13px;font-weight:800}
.faq-q i{color:#39d8ca;transition:.25s ease}.faq-item.open .faq-q i{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;color:#bed0e3;font-size:12px;transition:max-height .35s ease,padding .35s ease}.faq-item.open .faq-a{max-height:100px;padding:0 0 13px}
.cta-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;background:linear-gradient(135deg,#1268e8,#28a8ff 62%,#35e0d0);color:#06152f;min-height:100%}
.cta-panel::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.25);right:-100px;bottom:-130px;animation:spin 18s linear infinite}
.cta-image{height:100%;min-height:250px;overflow:hidden}.cta-image img{height:100%;object-fit:cover;filter:saturate(.8) contrast(1.03);transition:transform .8s ease}.cta-panel:hover .cta-image img{transform:scale(1.06)}
.cta-copy{padding:28px 26px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.cta-copy .p-label{color:#062f57}.cta-copy h2{font-family:var(--serif);font-size:45px;line-height:.94;letter-spacing:-1.5px;margin:12px 0}.cta-copy p{font-size:12px;max-width:320px;color:#0c355f}.cta-copy .btn{margin-top:18px;align-self:flex-start;background:#06152f;color:#fff;box-shadow:none}
/* FOOTER: same SPINORA structure, compact */
.footer{background:#06152f;color:#fff;padding:64px 0 22px}.footer-top{display:grid;grid-template-columns:1.5fr .7fr .9fr 1.15fr;gap:32px}.footer-brand p{color:#aec1d8;max-width:320px;font-size:12px;margin:16px 0}.footer-socials{display:flex;gap:8px}.footer-socials a{width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,255,255,.11);display:grid;place-items:center;color:#a9bfd7;transition:.25s ease}.footer-socials a:hover{background:#1268e8;color:#fff;transform:translateY(-2px)}.footer-col h3{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7fded5;margin-bottom:13px}.footer-col ul{list-style:none;display:grid;gap:8px}.footer-col a,.footer-contact-row{font-size:11px;color:#b9cadb}.footer-col a:hover{color:#fff}.footer-contact{display:grid;gap:9px}.footer-contact-row{display:flex;gap:9px;align-items:flex-start}.footer-contact-row i{width:14px;color:#62d8d0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.10);margin-top:38px;padding-top:18px;color:#8fa7be;font-size:10px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:#fff}
/* BACK TO TOP */
.back-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--electric));color:#fff;display:grid;place-items:center;z-index:5100;box-shadow:0 14px 30px rgba(18,104,232,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s ease}.back-top.show{opacity:1;visibility:visible;transform:translateY(0)}
/* motion */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ticketFloat{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}
@keyframes ticketBack{0%,100%{transform:rotate(8deg) translate(42px,8px)}50%{transform:rotate(10deg) translate(46px,-2px)}}
/* ===== DARK MODE: every pricing text explicitly readable ===== */
body.dark{background:#06152f;color:#eef6ff}
body.dark .site-header{background:rgba(6,21,47,.96);border-color:rgba(255,255,255,.10);box-shadow:0 8px 30px rgba(0,0,0,.22)}
body.dark .nav-link,body.dark .brand-name,body.dark .icon-btn{color:#eef6ff}body.dark .nav-link:hover,body.dark .nav-link.active{background:rgba(40,168,255,.13);color:#7fd7ff}
body.dark .nav-dropdown{background:#0a2042;border-color:rgba(255,255,255,.10)}body.dark .nav-dropdown a{color:#d8e6f5}body.dark .nav-dropdown a:hover{background:#143762;color:#8ee3ff}
body.dark .icon-btn{background:#0a2042;border-color:rgba(255,255,255,.12)}body.dark .login-btn{background:#eef6ff;color:#06152f}
body.dark .mobile-menu{background:#0a2042;border-color:rgba(255,255,255,.10)}body.dark .mobile-menu>a,body.dark .mobile-drop-btn{color:#eef6ff}body.dark .mobile-menu>a:hover,body.dark .mobile-drop-btn:hover{background:#143762;color:#8ee3ff}body.dark .mobile-submenu a{color:#c1d1e2}
body.dark .p-title{color:#f4f9ff}.dark .p-copy{color:#bfd0e3}.dark .rate-section,.dark .included-section,.dark .final-section{background:#071a38;color:#eef6ff}.dark .rate-row{border-color:rgba(255,255,255,.12)}.dark .rate-size,.dark .included-item p{color:#b7c8dc}.dark .rate-service,.dark .included-item h3{color:#eef6ff}.dark .rate-note{background:rgba(40,168,255,.10);color:#b9d8f3}.dark .routine-section{background:#09295b}.dark .routine-item{background:#0b2448;border-color:rgba(255,255,255,.10);box-shadow:0 16px 42px rgba(0,0,0,.18)}.dark .routine-item p{color:#b7c9de}.dark .routine-item strong{color:#eef6ff}.dark .included-list{border-color:rgba(255,255,255,.12)}.dark .included-item{border-color:rgba(255,255,255,.12)}.dark .included-media{background:#09295b}.dark .final-grid .p-title{color:#f4f9ff}.dark .faq-panel{background:#0a2854}.dark .cta-panel{box-shadow:0 22px 60px rgba(0,0,0,.20)}
/* ensure no reveal ever hides text forever */
body.motion-ready .reveal{will-change:transform,opacity}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}
/* responsive */
@media(max-width:1000px){.header-inner{grid-template-columns:190px 1fr auto}.header-actions{width:auto}.desktop-nav{gap:0}.nav-link{padding:9px 7px}.routine-wrap,.included-grid,.final-grid{grid-template-columns:1fr}.routine-list{grid-template-columns:repeat(3,1fr)}.ticket-wall{min-height:330px}.cta-panel{min-height:330px}}
@media(max-width:820px){.site-header{height:76px}.header-inner{grid-template-columns:1fr auto;height:76px}.desktop-nav{display:none}.hamburger{display:grid}.mobile-menu{top:84px}.pricing-hero{padding:42px 0 44px}.hero-wall{grid-template-columns:1fr}.ticket-wall{min-height:320px;margin-top:4px}.ticket{width:min(320px,78%)}.hero-title{font-size:clamp(46px,11vw,74px)}.rate-head{display:block}.rate-head .p-copy{margin-top:12px}.rate-row{grid-template-columns:1.3fr .8fr .8fr .8fr}.routine-list{grid-template-columns:1fr 1fr}.included-media{height:300px}.pay-grid{grid-template-columns:1fr}.cta-panel{grid-template-columns:1fr}.cta-image{min-height:240px}.cta-copy{padding:24px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(100% - 28px,1240px)}.brand-name{font-size:18px}.brand-mark{width:38px;height:38px}.header-actions{gap:5px}.header-actions .icon-btn{width:34px;height:34px}.login-btn{padding:10px 13px}.pricing-hero{padding:34px 0 36px}.hero-title{letter-spacing:-2px}.hero-mini-stats{gap:12px;margin-top:20px}.hero-mini-stats div{padding-right:12px}.hero-mini-stats strong{font-size:17px}.ticket-wall{min-height:280px}.ticket{padding:19px;width:78%}.ticket.back{transform:rotate(8deg) translate(24px,8px)}.ticket .t-price{font-size:50px}.rate-row{grid-template-columns:1fr 75px;padding:15px 0;gap:9px}.rate-row>*:nth-child(2),.rate-row>*:nth-child(3){display:none}.rate-row.head>*:nth-child(2),.rate-row.head>*:nth-child(3){display:none}.rate-price{text-align:right}.routine-list{grid-template-columns:1fr}.routine-item{min-height:155px}.included-media{height:260px}.pay-card{min-height:215px}.final-section{padding:48px 0 60px}.faq-panel{padding:22px}.faq-panel h2{font-size:38px}.cta-copy h2{font-size:40px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{flex-wrap:wrap}.back-top{right:14px;bottom:14px}}
[dir="rtl"] .header-inner{direction:rtl}[dir="rtl"] .desktop-nav{direction:rtl}[dir="rtl"] .header-actions{direction:rtl}[dir="rtl"] .mobile-menu{right:auto;left:18px}[dir="rtl"] .rate-row,[dir="rtl"] .routine-wrap,[dir="rtl"] .included-grid,[dir="rtl"] .pay-grid,[dir="rtl"] .final-grid{direction:rtl}[dir="rtl"] .nav-dropdown{left:auto;right:0}

/* ======================================================
   PRICING V2 HERO + MOTION LAYER
====================================================== */
.pricing-hero-v2{padding:72px 0 68px;min-height:610px;background:linear-gradient(135deg,#06152f 0%,#08285d 52%,#0d5e8c 100%);position:relative;isolation:isolate}
.pricing-hero-v2::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(53,224,208,.11),transparent 28%),radial-gradient(circle at 82% 40%,rgba(40,168,255,.18),transparent 30%);pointer-events:none}
.pricing-grid-bg{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 85%);animation:gridDrift 18s linear infinite}
.pricing-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:42px;min-height:470px}
.pricing-hero-copy{max-width:690px}
.hero-label{color:#8ff3ea!important;margin-bottom:14px}
.hero-label::before{background:linear-gradient(90deg,#35e0d0,#28a8ff)}
.hero-title-v2{font-family:var(--serif);font-size:clamp(52px,6vw,88px);line-height:.92;letter-spacing:-3.2px;margin:8px 0 18px;max-width:680px}
.hero-title-v2 em{color:#8de6ff;font-style:italic}
.hero-desc-v2{max-width:600px;color:#c7dbef;font-size:16px;font-weight:600;line-height:1.75}
.hero-actions-v2{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hero-meter-row{display:flex;gap:0;margin-top:30px;flex-wrap:wrap}
.hero-meter{display:grid;grid-template-columns:auto auto;grid-template-areas:"dot value" "dot label";column-gap:10px;min-width:150px;padding:0 20px 0 0;margin-right:20px;border-right:1px solid rgba(255,255,255,.12)}
.hero-meter:last-child{border-right:0}
.meter-dot{grid-area:dot;width:9px;height:9px;border-radius:50%;background:#28a8ff;box-shadow:0 0 0 6px rgba(40,168,255,.10);margin-top:5px;animation:pulseDot 1.8s ease-in-out infinite}
.meter-dot.aqua{background:#35e0d0;box-shadow:0 0 0 6px rgba(53,224,208,.10);animation-delay:.25s}
.meter-dot.white{background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.08);animation-delay:.5s}
.hero-meter strong{grid-area:value;color:#fff;font-size:18px;line-height:1}
.hero-meter small{grid-area:label;color:#9fb8d1;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;margin-top:3px}
.price-dial-wrap{position:relative;min-height:500px;display:grid;place-items:center}
.price-dial{position:relative;width:340px;height:340px;border-radius:50%;background:conic-gradient(from 0deg,#35e0d0,#28a8ff,#1268e8,#35e0d0);padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.28);animation:dialFloat 6s ease-in-out infinite}
.price-dial::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#071b3d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.dial-ring{position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.18);border-radius:50%}
.ring-two{inset:55px;border-style:solid;border-color:rgba(53,224,208,.18);animation:spin 14s linear infinite reverse}
.dial-core{position:absolute;inset:86px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#153767,#06152f 65%);display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.24);z-index:4}
.dial-kicker{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#9cb5ce;font-weight:900}
.dial-core strong{font-family:var(--serif);font-size:68px;line-height:.9;color:#fff;margin:7px 0}
.dial-core span:last-child{font-size:11px;letter-spacing:.14em;color:#7fe8df;font-weight:900}
.dial-mark{position:absolute;z-index:5;font-size:9px;letter-spacing:.12em;font-weight:900;color:#dff8ff;background:rgba(255,255,255,.07);padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;backdrop-filter:blur(8px)}
.mark-one{top:30px;left:50%;transform:translateX(-50%)}
.mark-two{bottom:38px;left:28px}.mark-three{bottom:38px;right:28px}
.dial-halo{position:absolute;border:1px solid rgba(53,224,208,.14);border-radius:50%;animation:haloPulse 4.5s ease-in-out infinite}
.halo-one{width:470px;height:470px}.halo-two{width:560px;height:560px;animation-delay:1s;border-color:rgba(40,168,255,.11)}
.dial-ticket{position:absolute;z-index:8;display:flex;flex-direction:column;gap:2px;padding:10px 13px;border-radius:13px;background:#fff;color:#06152f;box-shadow:0 18px 36px rgba(0,0,0,.22);animation:ticketOrbit 6s ease-in-out infinite}
.dial-ticket span{font-size:8px;font-weight:900;letter-spacing:.14em;color:#53708e}.dial-ticket strong{font-size:17px}
.ticket-mini.one{top:58px;right:14px}.ticket-mini.two{left:8px;top:190px;animation-delay:1s}.ticket-mini.three{right:18px;bottom:54px;animation-delay:2s}
.dial-caption{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:10px;color:#a9c0d8;white-space:nowrap}
.dial-caption .live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e0d0;margin-right:6px;animation:pulseDot 1.6s ease-in-out infinite}
/* More scroll/hover animation */
.rate-board{position:relative;overflow:hidden}.rate-board::after{content:"";position:absolute;left:-25%;top:0;width:24%;height:100%;background:linear-gradient(90deg,transparent,rgba(40,168,255,.09),transparent);transform:skewX(-18deg);animation:rateSweep 6s ease-in-out infinite}
.rate-row{position:relative;z-index:1;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.rate-row:not(.head):hover{transform:translateX(7px);box-shadow:inset 4px 0 0 var(--blue)}
.routine-item{animation:cardBreath 5.5s ease-in-out infinite}.routine-item:nth-child(2){animation-delay:.5s}.routine-item:nth-child(3){animation-delay:1s}
.included-media::before{content:"";position:absolute;z-index:2;inset:-25% -40%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.18) 50%,transparent 58%);transform:translateX(-55%);animation:imageSheen 5.8s ease-in-out infinite;pointer-events:none}
.included-item{transition:transform .35s ease,padding-left .35s ease,background .35s ease}.included-item:hover{transform:translateX(6px);padding-left:8px;background:rgba(18,104,232,.025)}
.pay-card{animation:payFloat 6s ease-in-out infinite}.pay-card:nth-child(2){animation-delay:.8s}.pay-orbit{animation:orbitPulse 4s ease-in-out infinite}.pay-card:hover{animation-play-state:paused}
.faq-item{transition:transform .3s ease}.faq-item:hover{transform:translateX(5px)}.faq-item.open{background:rgba(40,168,255,.07);border-radius:10px;padding-inline:10px}
.cta-panel{overflow:hidden;position:relative}.cta-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.13) 48%,transparent 68%);transform:translateX(-120%);animation:ctaSweep 5.5s ease-in-out infinite;z-index:1;pointer-events:none}
.cta-copy,.cta-image{position:relative;z-index:2}
.back-top{animation:backTopFloat 2.8s ease-in-out infinite}
@keyframes gridDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(48px,48px,0)}}
@keyframes dialFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1.2deg)}}
@keyframes haloPulse{0%,100%{transform:scale(1);opacity:.62}50%{transform:scale(1.06);opacity:1}}
@keyframes ticketOrbit{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes pulseDot{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.25);opacity:1}}
@keyframes rateSweep{0%,72%,100%{left:-25%}82%{left:110%}}
@keyframes cardBreath{0%,100%{box-shadow:0 18px 45px rgba(6,21,47,.06)}50%{box-shadow:0 24px 55px rgba(18,104,232,.10)}}
@keyframes imageSheen{0%,55%,100%{transform:translateX(-55%)}75%{transform:translateX(58%)}}
@keyframes payFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes orbitPulse{0%,100%{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.06) rotate(8deg);opacity:1}}
@keyframes ctaSweep{0%,62%,100%{transform:translateX(-120%)}76%{transform:translateX(120%)}}
@keyframes backTopFloat{0%,100%{box-shadow:0 14px 30px rgba(18,104,232,.24)}50%{box-shadow:0 18px 40px rgba(40,168,255,.38)}}

body.dark .rate-section,body.dark .included-section,body.dark .routine-section,body.dark .final-section{background:#071a38;color:#eef6ff}
body.dark .p-title,body.dark .rate-service,body.dark .included-item h3,body.dark .routine-item strong{color:#f3f8ff}
body.dark .p-copy,body.dark .included-item p,body.dark .routine-item p{color:#b9cde3}
body.dark .rate-row{border-color:rgba(255,255,255,.12)}
body.dark .rate-row:hover{background:linear-gradient(90deg,rgba(40,168,255,.11),transparent)}
body.dark .rate-note{background:rgba(40,168,255,.11);color:#b9d7f2}
body.dark .routine-item{background:#0b2448;border-color:rgba(255,255,255,.10)}
body.dark .included-list,.dark .included-item{border-color:rgba(255,255,255,.12)}
body.dark .included-media{background:#0b2448}
body.dark .final-section{background:#071a38}
body.dark .faq-panel{background:#0b2a56}
body.dark .cta-panel{box-shadow:0 24px 65px rgba(0,0,0,.25)}

@media(max-width:900px){
  .pricing-hero-inner{grid-template-columns:1fr;gap:14px}.pricing-hero-v2{padding:56px 0 54px}.price-dial-wrap{min-height:430px}.price-dial{width:300px;height:300px}.halo-one{width:410px;height:410px}.halo-two{width:480px;height:480px}
}
@media(max-width:620px){
  .pricing-hero-v2{padding:40px 0 44px}.hero-title-v2{font-size:clamp(44px,12vw,64px);letter-spacing:-2.2px}.hero-desc-v2{font-size:14px}.hero-meter-row{gap:12px}.hero-meter{min-width:120px;margin-right:0;padding-right:12px}.price-dial-wrap{min-height:390px;transform:scale(.9)}.dial-ticket.one{right:-2px}.dial-ticket.two{left:0}.dial-caption{font-size:9px}.cta-panel{grid-template-columns:1fr}.cta-image{min-height:220px}.final-section{padding:48px 0 58px}
}
@media(prefers-reduced-motion:reduce){.pricing-grid-bg,.price-dial,.dial-ring,.dial-halo,.dial-ticket,.routine-item,.pay-card,.pay-orbit,.included-media::before,.rate-board::after,.cta-panel::before,.back-top{animation:none!important}}


/* ===== PRICING.HTML PAGE CSS ===== */

/* =========================================================
   SPINORA PRICING FINAL — DIFFERENT SECTION LANGUAGE
========================================================= */
:root{
  --pf-navy:#06152f;--pf-blue:#1268e8;--pf-electric:#28a8ff;--pf-aqua:#35e0d0;
  --pf-paper:#f7fbff;--pf-ink:#0a1b35;--pf-muted:#63748c;--pf-line:rgba(6,21,47,.12);
}
.sp-price-rail,.sp-price-flow,.sp-price-included,.sp-price-calc,.sp-price-final{position:relative;overflow:hidden}
.sp-price-rail{padding:88px 0;background:var(--pf-paper)}
.spr-container{position:relative;z-index:1}
.spr-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin-bottom:42px}
.spr-kicker{display:block;color:var(--pf-blue);font-size:11px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;margin-bottom:12px}
.spr-head h2,.spf-sticky h2,.spi-copy h2,.spc-copy h2{font-family:var(--serif);font-size:clamp(38px,5vw,68px);line-height:.99;letter-spacing:-.035em;color:var(--pf-ink)}
.spr-head h2 em,.spf-sticky h2 em,.spc-copy h2 em{color:var(--pf-blue);font-style:italic}
.spr-head p{font-size:15px;line-height:1.8;color:var(--pf-muted);max-width:560px}
.spr-rail-wrap{border-top:1px solid var(--pf-line)}
.spr-rail-top,.spr-rate-line{display:grid;grid-template-columns:2.25fr .75fr .75fr .75fr .7fr;align-items:center;gap:16px}
.spr-rail-top{padding:13px 0;border-bottom:1px solid var(--pf-line);font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#6d7e94;font-weight:900}
.spr-rate-line{padding:25px 0;border-bottom:1px solid var(--pf-line);transition:transform .35s ease,background .35s ease;padding-left:10px;padding-right:10px;border-radius:14px}
.spr-rate-line:hover{transform:translateX(8px);background:linear-gradient(90deg,rgba(18,104,232,.06),transparent)}
.spr-service{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center}.spr-service .spr-index{grid-row:span 2;font-size:11px;color:var(--pf-blue);font-weight:900}.spr-service strong{font-size:17px}.spr-service small{color:var(--pf-muted);font-size:12px}.spr-rate-line>span,.spr-rate-line>b{font-weight:800;color:var(--pf-ink)}.spr-rate-line>b{color:var(--pf-blue);font-size:18px}
.spr-rate-note{margin-top:18px;display:flex;gap:10px;align-items:center;color:#6c7e93;font-size:12px}.spr-rate-note i{color:var(--pf-aqua)}
.sp-price-flow{padding:92px 0;background:linear-gradient(135deg,#06152f,#09295b);color:#fff}
.spf-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.spf-sticky{position:sticky;top:112px}.sp-price-flow .spr-kicker{color:var(--pf-aqua)}.spf-sticky h2{color:#fff}.spf-sticky p{color:#bdd0e4;margin:22px 0;line-height:1.8;max-width:480px}.spf-meter{height:5px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin:28px 0 10px;max-width:380px}.spf-meter span{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--pf-blue),var(--pf-aqua));animation:spfMeter 3.5s ease-in-out infinite alternate}.spf-sticky small{color:#91a7be}.spf-steps{display:flex;flex-direction:column}.spf-step{display:grid;grid-template-columns:70px 1fr 38px;gap:18px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:transform .35s ease}.spf-step:hover{transform:translateX(10px)}.spf-number{font-family:var(--serif);font-size:44px;color:#4db5ff}.spf-step h3{font-size:22px;margin-bottom:5px}.spf-step p{font-size:13px;color:#aec0d5;line-height:1.7}.spf-step i{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;color:var(--pf-aqua);transition:transform .35s ease}.spf-step:hover i{transform:rotate(90deg)}
.sp-price-included{padding:92px 0;background:#edf5fb}.spi-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.spi-media{position:relative;min-height:540px}.spi-media img{height:540px;object-fit:cover;border-radius:36px 8px 36px 8px;box-shadow:0 28px 65px rgba(6,21,47,.15);transform:scale(1.02);transition:transform 1s ease}.spi-media:hover img{transform:scale(1.06)}.spi-floating{position:absolute;right:-24px;top:34px;background:var(--pf-blue);color:#fff;padding:13px 17px;border-radius:12px;font-size:10px;letter-spacing:.12em;font-weight:900;box-shadow:0 14px 30px rgba(18,104,232,.25);animation:spiFloat 4s ease-in-out infinite}.spi-floating span{margin-left:8px;color:#bffaf2}.spi-ring{position:absolute;left:-26px;bottom:30px;width:110px;height:110px;border:1px solid rgba(18,104,232,.25);border-radius:50%;animation:spiSpin 18s linear infinite}.spi-copy p{color:var(--pf-muted);line-height:1.8;margin:20px 0 26px;max-width:540px}.spi-list{border-top:1px solid var(--pf-line)}.spi-list>div{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:18px 0;border-bottom:1px solid var(--pf-line)}.spi-list span{font-size:11px;color:var(--pf-blue);font-weight:900}.spi-list strong{font-size:15px}.spi-list p{grid-column:2;margin:2px 0 0;font-size:12px;line-height:1.6}
.sp-price-calc{padding:92px 0;background:var(--pf-paper)}.spc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.spc-copy p{color:var(--pf-muted);line-height:1.8;max-width:510px;margin:20px 0 24px}.spc-tabs{display:flex;flex-direction:column;gap:8px;max-width:360px}.spc-tab{border:0;border-left:3px solid transparent;background:transparent;text-align:left;padding:12px 14px;font-weight:800;color:#5e7188;border-radius:0 12px 12px 0;transition:.3s ease}.spc-tab:hover,.spc-tab.active{border-left-color:var(--pf-blue);background:rgba(18,104,232,.07);color:var(--pf-ink);transform:translateX(7px)}.spc-visual{display:grid;place-items:center;min-height:380px}.spc-card{width:min(470px,100%);background:linear-gradient(145deg,#06152f,#0d2b62);color:#fff;border-radius:34px;padding:34px;box-shadow:0 30px 70px rgba(6,21,47,.22);position:relative;overflow:hidden;animation:spcFloat 5s ease-in-out infinite}.spc-card::after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(53,224,208,.18);border-radius:50%;right:-80px;bottom:-100px;animation:spiSpin 18s linear infinite}.spc-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.14em;font-weight:900;color:#8dd8ff}.spc-price{display:flex;align-items:end;gap:6px;margin:38px 0 24px;position:relative;z-index:1}.spc-price span{font-size:28px;color:#35e0d0}.spc-price strong{font-family:var(--serif);font-size:96px;line-height:.8}.spc-price small{font-size:11px;color:#aec0d4;margin-bottom:6px}.spc-breakdown{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.spc-breakdown span{padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:11px;color:#c5d6e8}.spc-progress{height:6px;background:rgba(255,255,255,.12);border-radius:999px;margin:28px 0 12px;overflow:hidden}.spc-progress span{display:block;height:100%;width:55%;background:linear-gradient(90deg,var(--pf-blue),var(--pf-aqua));transition:width .55s cubic-bezier(.2,.8,.2,1)}.spc-footnote{color:#8da5bd;font-size:10px}
.sp-price-final{padding:88px 0;background:#06152f}.spq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.spq-faq{padding:36px;background:#09295b;border:1px solid rgba(255,255,255,.08);border-radius:32px}.spq-faq h2{font-family:var(--serif);font-size:clamp(44px,5vw,64px);color:#fff;line-height:1}.spq-intro{color:#abc0d6;margin:14px 0 24px}.spq-list{display:flex;flex-direction:column;gap:10px}.spq-item{position:relative;border:0;border-radius:14px;background:#fff;color:#10213d;text-align:left;padding:18px 48px 18px 18px;font-weight:800;overflow:hidden;min-height:58px}.spq-item i{position:absolute;right:17px;top:20px;color:#12a5cf;transition:transform .3s ease}.spq-item div{max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease;color:#65788f;font-weight:500;font-size:12px;line-height:1.7;padding-top:0}.spq-item.open i{transform:rotate(45deg)}.spq-item.open div{max-height:100px;opacity:1;padding-top:12px}.spq-cta{position:relative;overflow:hidden;border-radius:32px;padding:42px;background:linear-gradient(135deg,#1268e8,#28a8ff 54%,#35e0d0);color:#06152f;display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}.spq-cta::before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.34);border-radius:22px;pointer-events:none}.spq-cta-orbit{position:absolute;right:-90px;bottom:-120px;width:350px;height:350px;border:1px solid rgba(255,255,255,.34);border-radius:50%;animation:spiSpin 20s linear infinite}.dark-kicker{color:#06152f}.spq-cta h2{font-family:var(--serif);font-size:clamp(40px,5vw,62px);line-height:.98;max-width:520px;position:relative;z-index:1}.spq-cta p{max-width:500px;margin:18px 0 24px;position:relative;z-index:1;color:#08305d}.spq-btn{align-self:flex-start;background:#06152f;color:#fff;padding:13px 18px;border-radius:12px;font-weight:900;font-size:12px;display:inline-flex;align-items:center;gap:10px;position:relative;z-index:1;transition:transform .3s ease,box-shadow .3s ease}.spq-btn:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(6,21,47,.25)}
body.dark .sp-price-rail{background:#071a38;color:#eef6ff}.dark .spr-head h2,.dark .spf-sticky h2,.dark .spi-copy h2,.dark .spc-copy h2{color:#f1f7ff}.dark .spr-head p,.dark .spc-copy p,.dark .spi-copy p,.dark .spi-list p{color:#adc1d7}.dark .spr-rail-wrap,.dark .spr-rail-top,.dark .spr-rate-line{border-color:rgba(255,255,255,.12)}.dark .spr-rate-line:hover{background:rgba(40,168,255,.08)}.dark .spr-service strong,.dark .spr-rate-line>span,.dark .spr-rate-line>b{color:#f1f7ff}.dark .spr-service small,.dark .spr-rate-note{color:#abc0d6}.dark .sp-price-flow{background:linear-gradient(135deg,#06152f,#0a2a56)}.dark .sp-price-included{background:#08182d}.dark .spi-list>div{border-color:rgba(255,255,255,.12)}.dark .sp-price-calc{background:#06152f}.dark .spc-tab{color:#9cb2c9}.dark .spc-tab:hover,.dark .spc-tab.active{color:#f1f7ff;background:rgba(40,168,255,.1)}.dark .sp-price-final{background:#040f20}.dark .spq-item{background:#f6fbff;color:#071a38}.dark .spq-item div{color:#62758b}
.spr-reveal{opacity:0;transform:translateY(28px);animation:none}.spr-reveal.in{opacity:1;transform:none;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.delay-1.in{transition-delay:.08s}.delay-2.in{transition-delay:.16s}.delay-3.in{transition-delay:.24s}
@keyframes spfMeter{from{width:32%}to{width:82%}}@keyframes spiFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes spiSpin{to{transform:rotate(360deg)}}@keyframes spcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:900px){.spr-head,.spf-grid,.spi-grid,.spc-grid,.spq-grid{grid-template-columns:1fr;gap:40px}.spf-sticky{position:relative;top:auto}.spi-media,.spi-media img{min-height:380px;height:380px}.spq-cta{min-height:430px}.spr-head{align-items:start}.spr-rail-top{display:none}.spr-rate-line{grid-template-columns:1.8fr .7fr .7fr .7fr}.spr-rate-line>span:nth-of-type(2){display:none}.spr-rate-line>span:nth-of-type(3){display:none}.spr-rate-line>b{grid-column:4}.sp-price-rail,.sp-price-flow,.sp-price-included,.sp-price-calc,.sp-price-final{padding:70px 0}}
@media(max-width:620px){.spr-head h2,.spf-sticky h2,.spi-copy h2,.spc-copy h2{font-size:42px}.spr-rate-line{grid-template-columns:1.7fr .9fr}.spr-rate-line>span:first-of-type,.spr-rate-line>span:nth-of-type(2),.spr-rate-line>span:nth-of-type(3){display:none}.spr-rate-line>b{grid-column:2}.spf-step{grid-template-columns:52px 1fr 30px;padding:22px 0}.spf-number{font-size:34px}.spi-media,.spi-media img{min-height:300px;height:300px}.spi-floating{right:8px}.spc-card{padding:26px}.spc-price strong{font-size:80px}.spq-faq,.spq-cta{padding:28px}.spq-cta h2{font-size:42px}}


/* ===== PRICING.HTML PAGE CSS ===== */
/* =========================================================
   SPINORA — SHARED STYLES
   Home 1 base + Home 2 page styles
========================================================= */
:root{
    --navy:#06152f;
    --navy2:#09295b;
    --blue:#1268e8;
    --electric:#28a8ff;
    --aqua:#35e0d0;
    --white:#ffffff;
    --soft:#eaf4ff;
    --soft2:#f6faff;
    --text:#0b1932;
    --muted:#53627a;
    --border:rgba(11,25,50,.12);
    --shadow:0 20px 55px rgba(6,21,47,.12);
    --shadow2:0 12px 35px rgba(18,104,232,.18);
    --radius:24px;
    --radius-sm:16px;
    --transition:.35s cubic-bezier(.2,.8,.2,1);
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    font-family:"Manrope",sans-serif;
    color:var(--text);
    background:var(--white);
    overflow-x:hidden;
    line-height:1.6;
    transition:background .3s ease,color .3s ease;
}
img{
    display:block;
    width:100%;
}
a{
    color:inherit;
    text-decoration:none;
}
button,
input{
    font:inherit;
}
button{
    cursor:pointer;
}
.container{
    width:min(1240px,92%);
    margin:auto;
}
.section{
    position:relative;
    padding:72px 0;
    overflow:hidden;
}
.section.compact{
    padding:62px 0;
}
.section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:38px;
}
.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--blue);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
}
.section-kicker::before{
    content:"";
    width:28px;
    height:3px;
    background:linear-gradient(90deg,var(--blue),var(--aqua));
    border-radius:10px;
}
.section-title{
    font-family:"DM Serif Display",serif;
    font-size:clamp(36px,4vw,58px);
    line-height:1;
    letter-spacing:-1.5px;
}
.section-copy{
    max-width:500px;
    color:var(--muted);
    font-size:15px;
    font-weight:600;
}
.btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 21px;
    border-radius:12px;
    border:1px solid transparent;
    font-size:13px;
    font-weight:900;
    overflow:hidden;
    transition:var(--transition);
    white-space:nowrap;
}
.btn::after{
    content:"";
    position:absolute;
    top:-80%;
    left:-30%;
    width:25%;
    height:260%;
    background:rgba(255,255,255,.32);
    transform:rotate(25deg);
    transition:.7s;
}
.btn:hover::after{
    left:120%;
}
.btn-primary{
    background:linear-gradient(135deg,var(--blue),var(--electric));
    color:#fff;
    box-shadow:0 12px 30px rgba(18,104,232,.25);
}
.btn-primary:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(18,104,232,.35);
}
.btn-light{
    background:var(--white);
    color:var(--navy);
    border-color:var(--border);
}
.btn-light:hover{
    transform:translateY(-3px);
}
.btn-outline{
    border-color:rgba(255,255,255,.3);
    color:#fff;
    background:transparent;
}
.btn-outline:hover{
    background:#fff;
    color:var(--navy);
}
.tag{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border-radius:100px;
    background:rgba(18,104,232,.08);
    color:var(--blue);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:84px;
    z-index:1000;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(6,21,47,.08);
    box-shadow:0 8px 30px rgba(6,21,47,.07);
    backdrop-filter:blur(14px);
}
.header-inner{
    height:100%;
    display:grid;
    grid-template-columns:220px 1fr 220px;
    align-items:center;
    gap:20px;
}
.brand{
    display:flex;
    align-items:center;
    gap:11px;
    font-weight:900;
}
.brand-mark{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    font-size:21px;
    font-weight:900;
    background:linear-gradient(135deg,var(--navy),var(--blue));
    box-shadow:0 8px 20px rgba(18,104,232,.22);
}
.brand-name{
    font-size:22px;
    letter-spacing:1.5px;
}
.desktop-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
}
.nav-item{
    position:relative;
}
.nav-link{
    display:flex;
    align-items:center;
    gap:6px;
    padding:10px 11px;
    border-radius:10px;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
    transition:var(--transition);
}
.nav-link:hover,
.nav-link.active{
    color:var(--blue);
    background:rgba(18,104,232,.08);
}
.nav-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    min-width:200px;
    padding:9px;
    border-radius:16px;
    background:var(--white);
    border:1px solid var(--border);
    box-shadow:var(--shadow);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:var(--transition);
}
.nav-item:hover .nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.nav-dropdown a{
    display:block;
    padding:10px 12px;
    border-radius:9px;
    font-size:12px;
    font-weight:800;
}
.nav-dropdown a:hover{
    background:var(--soft);
    color:var(--blue);
}
.header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
.icon-btn{
    width:38px;
    height:38px;
    border:1px solid var(--border);
    background:var(--white);
    color:var(--text);
    border-radius:10px;
    display:grid;
    place-items:center;
    transition:var(--transition);
}
.icon-btn:hover{
    transform:translateY(-2px);
    border-color:var(--blue);
    color:var(--blue);
}
.login-btn{
    padding:11px 17px;
    border-radius:10px;
    background:var(--navy);
    color:#fff;
    font-size:12px;
    font-weight:900;
    margin-left:3px;
    transition:var(--transition);
}
.login-btn:hover{
    background:var(--blue);
    transform:translateY(-2px);
}
.hamburger{
    display:none;
}
.mobile-menu{
    display:none;
}
.hero{
    padding-top:84px;
    min-height:680px;
    background:
        radial-gradient(circle at 75% 35%,rgba(40,168,255,.18),transparent 27%),
        linear-gradient(135deg,#06152f 0%,#09295b 52%,#06152f 100%);
    color:#fff;
    position:relative;
    overflow:hidden;
}
.hero::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    border:1px solid rgba(53,224,208,.12);
    right:-180px;
    top:100px;
    animation:spinSlow 18s linear infinite;
}
.hero::after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    border-radius:50%;
    border:1px solid rgba(40,168,255,.12);
    right:-100px;
    top:180px;
    animation:spinSlow 14s linear infinite reverse;
}
.hero-grid{
    min-height:596px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:45px;
    position:relative;
    z-index:2;
}
.hero-content{
    max-width:630px;
}
.hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:100px;
    background:rgba(255,255,255,.06);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:20px;
    animation:fadeUp .7s both;
}
.hero-kicker span{
    width:7px;
    height:7px;
    background:var(--aqua);
    border-radius:50%;
    box-shadow:0 0 14px var(--aqua);
    animation:pulse 1.6s infinite;
}
.hero h1{
    font-family:"DM Serif Display",serif;
    font-size:clamp(52px,6vw,86px);
    line-height:.94;
    letter-spacing:-3px;
    margin-bottom:23px;
    animation:fadeUp .8s .1s both;
}
.hero h1 em{
    color:var(--electric);
    font-style:normal;
}
.hero-copy{
    max-width:530px;
    color:#c7d8ee;
    font-size:16px;
    font-weight:600;
    margin-bottom:27px;
    animation:fadeUp .8s .2s both;
}
.hero-buttons{
    display:flex;
    gap:11px;
    flex-wrap:wrap;
    animation:fadeUp .8s .3s both;
}
.hero-stats{
    display:flex;
    gap:35px;
    margin-top:36px;
    animation:fadeUp .8s .4s both;
}
.hero-stat strong{
    display:block;
    font-size:23px;
    font-weight:900;
}
.hero-stat span{
    color:#9eb5d4;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;
}
.hero-visual{
    height:510px;
    position:relative;
    display:grid;
    place-items:center;
}
.machine-glow{
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(40,168,255,.25),transparent 65%);
    animation:glowPulse 3s ease-in-out infinite;
}
.machine{
    width:300px;
    height:390px;
    border-radius:32px;
    background:linear-gradient(145deg,#edf5ff,#7d96b5);
    border:8px solid #dce8f6;
    box-shadow:
        inset 0 0 0 4px rgba(255,255,255,.5),
        0 30px 70px rgba(0,0,0,.3);
    position:relative;
    z-index:2;
    animation:machineFloat 4s ease-in-out infinite;
}
.machine-top{
    height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 24px;
}
.machine-brand{
    font-size:10px;
    font-weight:900;
    color:#19385d;
    letter-spacing:1px;
}
.machine-screen{
    width:58px;
    height:22px;
    border-radius:6px;
    background:#102844;
    color:#55e5ff;
    display:grid;
    place-items:center;
    font-size:8px;
    font-weight:900;
}
.machine-door{
    width:210px;
    height:210px;
    border-radius:50%;
    margin:12px auto;
    background:
        radial-gradient(circle at 48% 46%,#d5f6ff 0 16%,#143456 17% 30%,#07182e 31% 64%,#203f63 65% 71%,#07182e 72%);
    border:10px solid #bccce0;
    box-shadow:
        inset 0 0 30px rgba(0,0,0,.65),
        0 8px 20px rgba(0,0,0,.22);
    position:relative;
    overflow:hidden;
}
.drum{
    position:absolute;
    inset:31px;
    border-radius:50%;
    border:1px dashed rgba(255,255,255,.3);
    animation:drumSpin 6s linear infinite;
}
.cloth{
    position:absolute;
    width:45px;
    height:22px;
    border-radius:50%;
    background:var(--electric);
    left:78px;
    top:86px;
    transform:rotate(-20deg);
    box-shadow:0 0 12px rgba(40,168,255,.5);
}
.cloth.two{
    width:55px;
    background:#fff;
    left:92px;
    top:110px;
    transform:rotate(25deg);
}
.machine-controls{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:19px;
}
.machine-knob{
    width:30px;
    height:30px;
    border-radius:50%;
    background:#b7c8dc;
    box-shadow:inset 0 2px 3px rgba(0,0,0,.25);
}
.machine-bar{
    width:70px;
    height:9px;
    border-radius:10px;
    background:#b7c8dc;
    margin-top:10px;
}
.float-card{
    position:absolute;
    z-index:5;
    padding:14px 16px;
    border-radius:15px;
    background:rgba(255,255,255,.96);
    color:var(--navy);
    box-shadow:0 18px 40px rgba(0,0,0,.2);
    min-width:145px;
}
.float-card.one{
    top:95px;
    right:5px;
    animation:floatCard 4s ease-in-out infinite;
}
.float-card.two{
    bottom:90px;
    left:0;
    animation:floatCard 4s 1s ease-in-out infinite;
}
.float-card small{
    display:block;
    font-size:9px;
    font-weight:900;
    color:#6d7d92;
    text-transform:uppercase;
}
.float-card strong{
    font-size:20px;
    font-weight:900;
}
.float-card .live{
    color:#14b98c;
}
.marquee{
    background:var(--blue);
    color:#fff;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}
.marquee-track{
    display:flex;
    width:max-content;
    animation:marquee 28s linear infinite;
}
.marquee-item{
    padding:15px 28px;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:20px;
}
.marquee-item::after{
    content:"✦";
    color:var(--aqua);
}
.story{
    background:var(--soft2);
}
.story-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:50px;
    align-items:center;
}
.story-images{
    position:relative;
    min-height:430px;
}
.story-main{
    position:absolute;
    width:75%;
    height:350px;
    left:0;
    top:20px;
    object-fit:cover;
    border-radius:28px;
    box-shadow:var(--shadow);
}
.story-small{
    position:absolute;
    width:45%;
    height:190px;
    right:0;
    bottom:0;
    object-fit:cover;
    border:8px solid var(--soft2);
    border-radius:23px;
    box-shadow:var(--shadow);
}
.story-badge{
    position:absolute;
    left:28px;
    bottom:35px;
    padding:16px 18px;
    background:var(--blue);
    color:#fff;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(18,104,232,.25);
}
.story-badge strong{
    display:block;
    font-size:28px;
    line-height:1;
}
.story-badge span{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.story-content .section-title{
    max-width:560px;
}
.story-content p{
    color:var(--muted);
    font-size:15px;
    font-weight:600;
    margin:20px 0 25px;
}
.story-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
}
.story-point{
    display:flex;
    align-items:center;
    gap:11px;
    font-size:12px;
    font-weight:900;
}
.story-point i{
    width:32px;
    height:32px;
    border-radius:9px;
    background:#fff;
    color:var(--blue);
    display:grid;
    place-items:center;
    box-shadow:0 5px 15px rgba(6,21,47,.08);
}
.availability{
    background:var(--navy);
    color:#fff;
}
.availability-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:35px;
    align-items:center;
}
.availability .section-kicker{
    color:var(--aqua);
}
.availability .section-title{
    color:#fff;
}
.avail-dashboard{
    margin-top:27px;
    padding:22px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    background:rgba(255,255,255,.04);
}
.avail-row{
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.avail-row:last-child{
    border-bottom:0;
}
.avail-top{
    display:flex;
    justify-content:space-between;
    gap:15px;
    font-size:12px;
    font-weight:900;
    margin-bottom:8px;
}
.avail-status{
    color:var(--aqua);
}
.progress{
    height:7px;
    background:rgba(255,255,255,.09);
    border-radius:20px;
    overflow:hidden;
}
.progress span{
    display:block;
    height:100%;
    width:0;
    background:linear-gradient(90deg,var(--blue),var(--aqua));
    border-radius:20px;
    transition:width 1.5s cubic-bezier(.2,.8,.2,1);
}
.price-panel{
    background:#fff;
    color:var(--navy);
    border-radius:25px;
    padding:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    position:relative;
    overflow:hidden;
}
.price-panel::before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    background:rgba(40,168,255,.08);
    right:-50px;
    top:-50px;
}
.price-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}
.price-head h3{
    font-size:21px;
    font-weight:900;
}
.price-head span{
    padding:6px 9px;
    border-radius:100px;
    background:#e7fff9;
    color:#008b70;
    font-size:9px;
    font-weight:900;
}
.price-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #e5ebf2;
}
.price-item:last-of-type{
    border-bottom:0;
}
.price-item strong{
    display:block;
    font-size:14px;
}
.price-item small{
    color:#708097;
    font-size:10px;
    font-weight:700;
}
.price{
    font-size:24px;
    font-weight:900;
}
.price-featured{
    padding:15px;
    border-radius:15px;
    background:#edf7ff;
    margin:4px -5px;
}
.price-featured .price{
    color:var(--blue);
}
.price-panel .btn{
    width:100%;
    margin-top:12px;
}
.services{
    background:#fff;
}
.services-layout{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:22px;
}
.service-feature{
    position:relative;
    min-height:420px;
    border-radius:27px;
    overflow:hidden;
}
.service-feature img{
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.service-feature:hover img{
    transform:scale(1.06);
}
.service-overlay{
    position:absolute;
    inset:auto 0 0;
    padding:28px;
    background:linear-gradient(transparent,rgba(6,21,47,.94));
    color:#fff;
}
.service-overlay h3{
    font-family:"DM Serif Display",serif;
    font-size:37px;
    line-height:1;
    margin:7px 0 9px;
}
.service-overlay p{
    color:#d9e8f9;
    font-size:12px;
    font-weight:600;
    max-width:430px;
}
.service-stack{
    display:grid;
    gap:22px;
}
.service-mini{
    display:grid;
    grid-template-columns:150px 1fr;
    min-height:199px;
    border-radius:22px;
    overflow:hidden;
    background:var(--soft2);
    border:1px solid var(--border);
}
.service-mini img{
    height:100%;
    object-fit:cover;
}
.service-mini-content{
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.service-mini h3{
    font-size:19px;
    font-weight:900;
    margin:7px 0;
}
.service-mini p{
    color:var(--muted);
    font-size:11px;
    font-weight:600;
}
.how{
    background:var(--soft);
}
.how-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:45px;
    align-items:center;
}
.process-visual{
    position:relative;
    height:350px;
    border-radius:26px;
    overflow:hidden;
}
.process-visual img{
    height:100%;
    object-fit:cover;
}
.machine-ui{
    position:absolute;
    right:18px;
    bottom:18px;
    background:rgba(6,21,47,.94);
    color:#fff;
    width:205px;
    padding:17px;
    border-radius:17px;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.machine-ui-top{
    display:flex;
    justify-content:space-between;
    font-size:9px;
    font-weight:900;
    color:#91a9c8;
}
.machine-ui strong{
    display:block;
    font-size:28px;
    margin:8px 0 2px;
}
.machine-ui small{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
}
.steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}
.steps::before{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    top:25px;
    height:2px;
    background:#c8dbef;
}
.step{
    position:relative;
    z-index:2;
}
.step-number{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    border:2px solid #cfe0f1;
    color:var(--blue);
    font-size:12px;
    font-weight:900;
    margin-bottom:14px;
    transition:var(--transition);
}
.step:hover .step-number{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
    transform:scale(1.08);
}
.step h3{
    font-size:14px;
    font-weight:900;
    margin-bottom:5px;
}
.step p{
    color:var(--muted);
    font-size:10px;
    font-weight:600;
}
.technology{
    background:#fff;
}
.tech-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:45px;
    align-items:center;
}
.tech-copy .section-title{
    max-width:480px;
}
.tech-copy > p{
    color:var(--muted);
    font-size:14px;
    font-weight:600;
    margin:18px 0 23px;
}
.tech-list{
    display:grid;
    gap:10px;
}
.tech-item{
    display:flex;
    align-items:center;
    gap:13px;
    padding:13px;
    border:1px solid var(--border);
    border-radius:13px;
    background:var(--soft2);
    transition:var(--transition);
}
.tech-item:hover{
    transform:translateX(6px);
    border-color:rgba(18,104,232,.3);
}
.tech-icon{
    width:38px;
    height:38px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--blue);
    background:rgba(18,104,232,.08);
}
.tech-item strong{
    display:block;
    font-size:12px;
}
.tech-item span{
    color:var(--muted);
    font-size:9px;
    font-weight:700;
}
.tech-gallery{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:190px 190px;
    gap:13px;
}
.tech-gallery img{
    height:100%;
    object-fit:cover;
    border-radius:20px;
    transition:transform .7s ease;
}
.tech-gallery img:hover{
    transform:scale(1.04);
}
.tech-gallery img:first-child{
    grid-row:1/3;
}
.capacity{
    background:var(--navy2);
    color:#fff;
}
.capacity-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:30px;
}
.capacity-head .section-title{
    max-width:600px;
}
.capacity-track{
    display:grid;
    grid-template-columns:1.3fr .85fr .85fr;
    gap:14px;
}
.capacity-card{
    position:relative;
    height:330px;
    border-radius:22px;
    overflow:hidden;
}
.capacity-card img{
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.capacity-card:hover img{
    transform:scale(1.07);
}
.capacity-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(transparent 40%,rgba(6,21,47,.95));
}
.capacity-info{
    position:absolute;
    left:20px;
    right:20px;
    bottom:19px;
    z-index:2;
}
.capacity-info span{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
}
.capacity-info h3{
    font-family:"DM Serif Display",serif;
    font-size:29px;
    line-height:1;
    margin-top:5px;
}
.capacity-info p{
    color:#bdd1ea;
    font-size:10px;
    font-weight:600;
    margin-top:5px;
}
.stats-section{
    background:#fff;
    padding:0;
}
.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-left:1px solid var(--border);
}
.big-stat{
    padding:34px 25px;
    border-right:1px solid var(--border);
    text-align:center;
}
.big-stat strong{
    display:block;
    color:var(--blue);
    font-size:38px;
    line-height:1;
    font-weight:900;
}
.big-stat span{
    display:block;
    color:var(--muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:8px;
}
.choose{
    background:var(--soft2);
}
.choose-grid{
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:50px;
    align-items:center;
}
.editorial-list{
    margin-top:25px;
}
.editorial-row{
    display:grid;
    grid-template-columns:55px 1fr auto;
    align-items:center;
    gap:14px;
    padding:18px 0;
    border-bottom:1px solid var(--border);
    transition:var(--transition);
}
.editorial-row:hover{
    padding-left:8px;
}
.editorial-num{
    color:var(--blue);
    font-size:12px;
    font-weight:900;
}
.editorial-row h3{
    font-size:15px;
    font-weight:900;
}
.editorial-row p{
    color:var(--muted);
    font-size:10px;
    font-weight:600;
}
.editorial-row i{
    color:var(--blue);
}
.choose-image{
    height:430px;
    position:relative;
    border-radius:27px;
    overflow:hidden;
}
.choose-image img{
    height:100%;
    object-fit:cover;
}
.choose-float{
    position:absolute;
    left:18px;
    bottom:18px;
    padding:17px;
    background:#fff;
    color:var(--navy);
    border-radius:16px;
    box-shadow:var(--shadow);
}
.choose-float strong{
    font-size:24px;
    display:block;
}
.choose-float span{
    font-size:9px;
    font-weight:900;
    color:#607087;
}
.experience{
    background:#fff;
}
.experience-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:35px;
    align-items:stretch;
}
.experience-image{
    min-height:400px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
}
.experience-image img{
    height:100%;
    object-fit:cover;
}
.experience-image .image-label{
    position:absolute;
    left:18px;
    top:18px;
    padding:8px 11px;
    border-radius:100px;
    background:#fff;
    color:var(--navy);
    font-size:9px;
    font-weight:900;
}
.experience-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.stars{
    color:#18a6e8;
    letter-spacing:4px;
    font-size:18px;
    margin-bottom:13px;
}
.quote{
    font-family:"DM Serif Display",serif;
    font-size:clamp(32px,4vw,53px);
    line-height:1.03;
    margin-bottom:20px;
}
.person{
    display:flex;
    align-items:center;
    gap:12px;
}
.person-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
}
.person strong{
    display:block;
    font-size:12px;
}
.person span{
    color:var(--muted);
    font-size:9px;
    font-weight:700;
}
.offer-box{
    margin-top:25px;
    padding:18px;
    border-radius:18px;
    background:linear-gradient(135deg,var(--navy),var(--navy2));
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.offer-box small{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}
.offer-box strong{
    display:block;
    font-size:21px;
    margin-top:4px;
}
.benefits{
    background:var(--blue);
    color:#fff;
}
.benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.benefit{
    padding:23px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.06);
    border-radius:18px;
    transition:var(--transition);
}
.benefit:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.1);
}
.benefit i{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#fff;
    color:var(--blue);
    margin-bottom:17px;
}
.benefit h3{
    font-size:14px;
    font-weight:900;
    margin-bottom:6px;
}
.benefit p{
    color:#d9edff;
    font-size:10px;
    font-weight:600;
}
.offer-section{
    background:var(--soft);
}
.offer-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:28px;
    overflow:hidden;
    background:var(--navy);
    color:#fff;
    box-shadow:var(--shadow);
}
.offer-content{
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.offer-content .section-title{
    font-size:52px;
}
.offer-content p{
    color:#c0d3ea;
    font-size:13px;
    font-weight:600;
    margin:16px 0 23px;
    max-width:470px;
}
.offer-price{
    display:flex;
    align-items:baseline;
    gap:7px;
    margin-bottom:22px;
}
.offer-price strong{
    font-size:56px;
    line-height:1;
}
.offer-price span{
    color:#a7bad3;
    font-size:11px;
    font-weight:800;
}
.offer-image{
    min-height:370px;
    position:relative;
}
.offer-image img{
    height:100%;
    object-fit:cover;
}
.offer-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,var(--navy),transparent 50%);
}
.location{
    background:#fff;
}
.location-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}
.map-card{
    min-height:390px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
    background:
        linear-gradient(135deg,rgba(234,244,255,.95),rgba(207,229,249,.9)),
        repeating-linear-gradient(45deg,transparent 0 20px,rgba(18,104,232,.07) 20px 22px);
}
.map-lines{
    position:absolute;
    inset:0;
    background:
        linear-gradient(25deg,transparent 47%,rgba(18,104,232,.22) 48% 49%,transparent 50%),
        linear-gradient(115deg,transparent 43%,rgba(53,224,208,.3) 44% 45%,transparent 46%),
        linear-gradient(165deg,transparent 60%,rgba(18,104,232,.15) 61% 62%,transparent 63%);
}
.map-road{
    position:absolute;
    width:120%;
    height:35px;
    background:#fff;
    transform:rotate(-18deg);
    top:48%;
    left:-10%;
    box-shadow:0 0 10px rgba(6,21,47,.05);
}
.map-road.two{
    transform:rotate(37deg);
    top:25%;
}
.map-pin{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:58px;
    height:58px;
    border-radius:50%;
    background:var(--blue);
    color:#fff;
    display:grid;
    place-items:center;
    box-shadow:0 0 0 12px rgba(18,104,232,.15),0 15px 35px rgba(18,104,232,.35);
    animation:pinPulse 2s infinite;
}
.location-card{
    padding:35px;
    border:1px solid var(--border);
    border-radius:25px;
    background:var(--soft2);
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.location-card .section-title{
    font-size:47px;
}
.address{
    display:grid;
    gap:13px;
    margin:22px 0;
}
.address-row{
    display:flex;
    gap:12px;
    align-items:flex-start;
}
.address-row i{
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#fff;
    color:var(--blue);
    flex-shrink:0;
}
.address-row strong{
    display:block;
    font-size:12px;
}
.address-row span{
    color:var(--muted);
    font-size:10px;
    font-weight:700;
}
.newsletter{
    background:var(--navy);
    color:#fff;
    padding:45px 0;
}
.newsletter-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.newsletter h2{
    font-family:"DM Serif Display",serif;
    font-size:42px;
    line-height:1;
}
.newsletter p{
    color:#aebfd7;
    font-size:11px;
    font-weight:600;
    margin-top:7px;
}
.newsletter-form{
    display:flex;
    width:min(440px,100%);
    background:#fff;
    padding:5px;
    border-radius:13px;
}
.newsletter-form input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    padding:11px 12px;
    color:var(--navy);
    font-size:12px;
    font-weight:700;
}
.newsletter-form button{
    border:0;
    border-radius:9px;
    padding:0 17px;
    background:var(--blue);
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.footer{
    background:#030d20;
    color:#fff;
    padding:68px 0 22px;
}
.footer-top{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:45px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-brand .brand-name{
    font-size:27px;
}
.footer-brand p{
    color:#9fb1ca;
    font-size:12px;
    font-weight:600;
    max-width:330px;
    margin:17px 0 22px;
}
.footer-socials{
    display:flex;
    gap:8px;
}
.footer-socials a{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.13);
    color:#b8c8dc;
    transition:var(--transition);
}
.footer-socials a:hover{
    background:var(--blue);
    color:#fff;
    border-color:var(--blue);
    transform:translateY(-4px);
}
.footer-col h3{
    font-size:13px;
    font-weight:900;
    margin-bottom:17px;
    color:#fff;
}
.footer-col ul{
    list-style:none;
    display:grid;
    gap:10px;
}
.footer-col li,
.footer-col a{
    color:#94a9c5;
    font-size:11px;
    font-weight:700;
    transition:var(--transition);
}
.footer-col a:hover{
    color:#fff;
    padding-left:4px;
}
.footer-contact{
    display:grid;
    gap:13px;
}
.footer-contact-row{
    display:flex;
    gap:10px;
    align-items:flex-start;
}
.footer-contact-row i{
    color:var(--aqua);
    margin-top:3px;
}
.footer-contact-row span{
    color:#9aacc5;
    font-size:11px;
    font-weight:700;
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding-top:21px;
}
.footer-bottom p{
    color:#6f829e;
    font-size:10px;
    font-weight:700;
}
.footer-links{
    display:flex;
    gap:17px;
}
.footer-links a{
    color:#8194af;
    font-size:10px;
    font-weight:800;
}
.footer-links a:hover{
    color:#fff;
}
.footer{
    position:relative;
    overflow:hidden;
    padding:78px 0 24px;
    background:
        radial-gradient(circle at 12% 15%, rgba(40,168,255,.13), transparent 28%),
        radial-gradient(circle at 88% 78%, rgba(53,224,208,.09), transparent 30%),
        #030d20;
}
.footer::before{
    content:"";
    position:absolute;
    top:0;
    left:-20%;
    width:55%;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--aqua), var(--blue), transparent);
    animation:footerBeam 7s linear infinite;
}
.footer::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-120px;
    bottom:-150px;
    border-radius:50%;
    border:1px solid rgba(53,224,208,.08);
    box-shadow:0 0 80px rgba(18,104,232,.08);
    pointer-events:none;
}
.footer-top{
    position:relative;
    z-index:1;
    grid-template-columns:1.55fr .9fr 1fr 1.25fr;
    gap:48px;
    padding-bottom:52px;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-brand .brand{
    display:inline-flex;
    margin-bottom:3px;
}
.footer-brand .brand-name{
    font-size:30px;
    font-weight:950;
    letter-spacing:2px;
}
.footer-brand p{
    color:#a9bad0;
    font-size:13px;
    line-height:1.8;
    font-weight:700;
    max-width:350px;
    margin:18px 0 25px;
}
.footer-socials{gap:10px;}
.footer-socials a{
    width:44px;
    height:44px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.035);
    color:#d6e4f5;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-socials a:hover{
    background:linear-gradient(135deg,var(--blue),var(--aqua));
    color:#fff;
    border-color:transparent;
    transform:translateY(-6px) rotate(-3deg);
    box-shadow:0 12px 28px rgba(18,104,232,.25);
}
.footer-col{position:relative;z-index:1;}
.footer-col h3{
    position:relative;
    display:inline-block;
    font-size:14px;
    font-weight:950;
    letter-spacing:.4px;
    margin-bottom:21px;
    color:#fff;
}
.footer-col h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:27px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--aqua),var(--blue));
}
.footer-col ul{gap:13px;}
.footer-col li,
.footer-col a{
    color:#9fb2ca;
    font-size:12px;
    font-weight:800;
}
.footer-col a{
    display:inline-flex;
    align-items:center;
    gap:7px;
}
.footer-col a::before{
    content:"›";
    color:var(--aqua);
    opacity:0;
    transform:translateX(-5px);
    transition:var(--transition);
}
.footer-col a:hover{
    color:#fff;
    padding-left:0;
}
.footer-col a:hover::before{
    opacity:1;
    transform:translateX(0);
}
.footer-contact{gap:10px;}
.footer-contact-row{
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    transition:var(--transition);
}
.footer-contact-row:hover{
    transform:translateX(4px);
    border-color:rgba(53,224,208,.24);
    background:rgba(53,224,208,.05);
}
.footer-contact-row i{
    width:18px;
    color:var(--aqua);
    font-size:13px;
}
.footer-contact-row span{
    color:#a9bad0;
    font-size:11px;
    line-height:1.55;
    font-weight:800;
}
.footer-bottom{
    position:relative;
    z-index:1;
    padding-top:24px;
}
.footer-bottom p{
    color:#8296b1;
    font-size:11px;
    font-weight:800;
}
.footer-links{gap:20px;}
.footer-links a{
    color:#8da1bb;
    font-size:11px;
    font-weight:900;
}
.footer-links a:hover{color:var(--aqua);}
@keyframes footerBeam{0%{transform:translateX(-35%);opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{transform:translateX(230%);opacity:0;}}
.nav-link.active{
    position:relative;
    color:#fff;
    background:linear-gradient(135deg,rgba(18,104,232,.95),rgba(40,168,255,.82));
    box-shadow:0 8px 24px rgba(18,104,232,.22), inset 0 1px 0 rgba(255,255,255,.16);
}
@media(max-width:980px){.footer-top{grid-template-columns:1.3fr 1fr 1fr;}.footer-contact{grid-column:1 / -1;}}
@media(max-width:700px){.footer{padding:60px 0 20px;}.footer-top{grid-template-columns:1fr 1fr;gap:34px 24px;}.footer-brand,.footer-contact{grid-column:1 / -1;}.footer-brand p{font-size:12px;}.footer-bottom{align-items:flex-start;flex-direction:column;}.footer-links{flex-wrap:wrap;}}
@media(max-width:480px){.footer-top{grid-template-columns:1fr;}.footer-col,.footer-brand,.footer-contact{grid-column:auto;}.footer-brand .brand-name{font-size:27px;}}
@media(prefers-reduced-motion:reduce){.footer::before{animation:none;}}
.back-top{
    position:fixed;
    right:22px;
    bottom:22px;
    width:44px;
    height:44px;
    border:0;
    border-radius:12px;
    background:var(--blue);
    color:#fff;
    display:grid;
    place-items:center;
    z-index:900;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:var(--transition);
    box-shadow:0 12px 30px rgba(18,104,232,.3);
}
.back-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.reveal{
    opacity:0;
    transform:translateY(35px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);
}
.reveal-left{
    opacity:0;
    transform:translateX(-40px);
    transition:opacity .8s ease,transform .8s ease;
}
.reveal-right{
    opacity:0;
    transform:translateX(40px);
    transition:opacity .8s ease,transform .8s ease;
}
.reveal.visible,
.reveal-left.visible,
.reveal-right.visible{
    opacity:1;
    transform:none;
}
@keyframes fadeUp{from{
        opacity:0;
        transform:translateY(25px);
    }to{
        opacity:1;
        transform:none;
    }}
@keyframes machineFloat{0%,100%{transform:translateY(0) rotateY(-2deg);}50%{transform:translateY(-12px) rotateY(2deg);}}
@keyframes drumSpin{to{transform:rotate(360deg);}}
@keyframes glowPulse{0%,100%{transform:scale(.95);opacity:.7;}50%{transform:scale(1.08);opacity:1;}}
@keyframes floatCard{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.6;}}
@keyframes pinPulse{0%,100%{box-shadow:0 0 0 12px rgba(18,104,232,.15),0 15px 35px rgba(18,104,232,.35);}50%{box-shadow:0 0 0 21px rgba(18,104,232,.03),0 15px 35px rgba(18,104,232,.35);}}
@keyframes spinSlow{to{transform:rotate(360deg);}}
@keyframes marquee{to{transform:translateX(-50%);}}
@media(max-width:1150px){.header-inner{
        grid-template-columns:190px 1fr 190px;
    }.nav-link{
        padding:9px 7px;
        font-size:11px;
    }.hero h1{
        font-size:68px;
    }.section-title{
        font-size:48px;
    }}
@media(max-width:980px){.site-header{
        height:76px;
    }.header-inner{
        display:flex;
        justify-content:space-between;
    }.desktop-nav{
        display:none;
    }.header-actions{
        gap:6px;
    }.login-btn{
        display:none;
    }.hamburger{
        display:grid;
    }.mobile-menu{
        position:fixed;
        top:87px;
        right:4%;
        width:min(290px,88%);
        padding:10px;
        background:var(--white);
        border:1px solid var(--border);
        border-radius:18px;
        box-shadow:var(--shadow);
        z-index:999;
        display:block;
        opacity:0;
        visibility:hidden;
        transform:translateY(-10px) scale(.98);
        transition:var(--transition);
    }.mobile-menu.open{
        opacity:1;
        visibility:visible;
        transform:none;
    }.mobile-menu a,
    .mobile-menu button{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px;
        border:0;
        background:transparent;
        color:var(--text);
        border-radius:10px;
        font-size:12px;
        font-weight:900;
        text-align:left;
    }.mobile-menu a:hover,
    .mobile-menu button:hover{
        background:var(--soft);
        color:var(--blue);
    }.mobile-dropdown{
        display:none;
        padding-left:10px;
    }.mobile-dropdown.open{
        display:block;
    }.mobile-dropdown a{
        font-size:11px;
    }.mobile-login{
        margin-top:7px;
        justify-content:center!important;
        background:var(--blue)!important;
        color:#fff!important;
    }.hero{
        min-height:auto;
    }.hero-grid{
        min-height:auto;
        padding:75px 0 65px;
        grid-template-columns:1fr;
    }.hero-content{
        text-align:center;
        margin:auto;
    }.hero-copy{
        margin-left:auto;
        margin-right:auto;
    }.hero-buttons,
    .hero-stats{
        justify-content:center;
    }.hero-visual{
        height:470px;
    }.story-grid,
    .availability-grid,
    .how-grid,
    .tech-grid,
    .choose-grid,
    .experience-grid{
        grid-template-columns:1fr;
    }.story-images{
        min-height:390px;
    }.tech-gallery{
        max-width:700px;
        width:100%;
        margin:auto;
    }.choose-image{
        max-width:650px;
        width:100%;
        margin:auto;
    }.experience-image{
        max-width:650px;
        width:100%;
        margin:auto;
    }.services-layout{
        grid-template-columns:1fr;
    }.service-feature{
        min-height:390px;
    }.capacity-track{
        grid-template-columns:1fr 1fr;
    }.capacity-card:first-child{
        grid-column:1/3;
    }.offer-grid{
        grid-template-columns:1fr;
    }.offer-image{
        min-height:300px;
    }.offer-image::after{
        background:linear-gradient(0deg,var(--navy),transparent 60%);
    }.location-grid{
        grid-template-columns:1fr;
    }.map-card{
        min-height:330px;
    }.footer-top{
        grid-template-columns:1.5fr 1fr 1fr;
    }.footer-contact{
        grid-column:1/-1;
    }.newsletter-inner{
        flex-direction:column;
        align-items:flex-start;
    }.newsletter-form{
        width:100%;
        max-width:600px;
    }}
@media(max-width:680px){.container{
        width:min(94%,1240px);
    }.section{
        padding:52px 0;
    }.section-head{
        display:block;
        margin-bottom:27px;
    }.section-copy{
        margin-top:14px;
    }.brand-name{
        font-size:19px;
    }.brand-mark{
        width:38px;
        height:38px;
    }.header-actions .icon-btn{
        width:34px;
        height:34px;
    }.hero-grid{
        padding:55px 0 45px;
    }.hero h1{
        font-size:48px;
        letter-spacing:-1.7px;
    }.hero-copy{
        font-size:13px;
    }.hero-stats{
        gap:20px;
        flex-wrap:wrap;
    }.hero-stat strong{
        font-size:19px;
    }.hero-visual{
        height:390px;
    }.machine{
        width:235px;
        height:310px;
        border-radius:27px;
    }.machine-door{
        width:165px;
        height:165px;
        border-width:8px;
    }.cloth{
        left:58px;
        top:65px;
    }.cloth.two{
        left:70px;
        top:85px;
    }.float-card{
        min-width:118px;
        padding:10px;
    }.float-card.one{
        right:0;
        top:50px;
    }.float-card.two{
        left:0;
        bottom:45px;
    }.story-images{
        min-height:320px;
    }.story-main{
        height:270px;
    }.story-small{
        height:140px;
    }.story-points{
        grid-template-columns:1fr;
    }.avail-dashboard{
        padding:16px;
    }.price-panel{
        padding:20px;
    }.service-feature{
        min-height:330px;
    }.service-overlay{
        padding:21px;
    }.service-overlay h3{
        font-size:31px;
    }.service-mini{
        grid-template-columns:110px 1fr;
        min-height:160px;
    }.process-visual{
        height:300px;
    }.steps{
        grid-template-columns:1fr 1fr;
        gap:20px;
    }.steps::before{
        display:none;
    }.tech-gallery{
        grid-template-columns:1fr 1fr;
        grid-template-rows:170px 170px;
    }.tech-gallery img:first-child{
        grid-row:auto;
    }.capacity-track{
        grid-template-columns:1fr;
    }.capacity-card,
    .capacity-card:first-child{
        grid-column:auto;
        height:260px;
    }.stats-grid{
        grid-template-columns:1fr 1fr;
    }.big-stat{
        padding:26px 12px;
    }.big-stat strong{
        font-size:30px;
    }.editorial-row{
        grid-template-columns:42px 1fr 20px;
    }.quote{
        font-size:38px;
    }.offer-box{
        align-items:flex-start;
        flex-direction:column;
    }.offer-content{
        padding:30px 23px;
    }.offer-content .section-title{
        font-size:43px;
    }.offer-image{
        min-height:240px;
    }.location-card{
        padding:25px;
    }.location-card .section-title{
        font-size:40px;
    }.newsletter h2{
        font-size:34px;
    }.newsletter-form{
        flex-direction:column;
        gap:5px;
        background:transparent;
        padding:0;
    }.newsletter-form input{
        min-height:45px;
        border-radius:9px;
    }.newsletter-form button{
        min-height:45px;
    }.footer{
        padding-top:50px;
    }.footer-top{
        grid-template-columns:1fr 1fr;
        gap:30px;
    }.footer-brand{
        grid-column:1/-1;
    }.footer-contact{
        grid-column:1/-1;
    }.footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }.footer-links{
        flex-wrap:wrap;
    }}
@media(max-width:420px){.header-actions{
        gap:4px;
    }.header-actions .icon-btn{
        width:31px;
        height:31px;
        font-size:11px;
    }.hero h1{
        font-size:43px;
    }.hero-buttons{
        flex-direction:column;
    }.hero-buttons .btn{
        width:100%;
    }.machine{
        width:215px;
        height:290px;
    }.machine-door{
        width:150px;
        height:150px;
    }.float-card{
        transform:scale(.88);
    }.story-images{
        min-height:280px;
    }.story-main{
        height:230px;
    }.story-small{
        height:125px;
    }.footer-top{
        grid-template-columns:1fr;
    }.footer-brand,
    .footer-contact{
        grid-column:auto;
    }}
.story,.technology,.experience,.location{background-image:radial-gradient(circle at 12% 10%,rgba(40,168,255,.055),transparent 24%),radial-gradient(circle at 88% 90%,rgba(53,224,208,.045),transparent 24%);}
.how,.choose,.offer-section{background-image:linear-gradient(115deg,rgba(18,104,232,.035),transparent 38%),radial-gradient(circle at 85% 15%,rgba(53,224,208,.055),transparent 22%);}
.motion-mask{overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);}
.motion-mask.visible{clip-path:inset(0 0 0 0);transform:none;}
.depth-card{transform-style:preserve-3d;will-change:transform;transition:box-shadow .35s ease,border-color .35s ease;}
.depth-card:hover{box-shadow:0 28px 70px rgba(6,21,47,.18);}
.avail-row{position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),background .35s ease;padding-left:10px;padding-right:10px;border-radius:12px;}
.avail-row::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);transform:translateX(-110%);transition:transform 1s ease;}
.avail-row.visible-row{transform:translateX(0);}
.avail-row.visible-row::after{transform:translateX(0);}
.avail-status{position:relative;}
.avail-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);margin-right:6px;box-shadow:0 0 0 0 rgba(53,224,208,.55);animation:statusRing 1.8s infinite;}
.service-feature,.service-mini{perspective:900px;}
.service-feature::before,.service-mini::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none;}
.service-feature:hover::before,.service-mini:hover::before{transform:translateX(120%);}
.service-mini{position:relative;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;}
.service-mini:hover{transform:translateX(7px) rotateX(1deg);box-shadow:0 18px 40px rgba(6,21,47,.11);}
.service-mini:nth-child(2):hover{transform:translateX(7px) rotateY(-1deg);}
.steps::after{content:"";position:absolute;left:25px;top:25px;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--aqua));z-index:1;transition:width 1.4s cubic-bezier(.2,.8,.2,1);}
.steps.line-live::after{width:calc(100% - 50px);}
.step-number{position:relative;z-index:3;box-shadow:0 0 0 0 rgba(18,104,232,.15);}
.step.step-live .step-number{animation:stepPop .7s cubic-bezier(.2,.8,.2,1),stepHalo 1.8s .7s infinite;}
.tech-gallery{perspective:1000px;}
.tech-gallery img{will-change:transform;}
.tech-gallery img:nth-child(1){transform-origin:center left;}
.tech-gallery img:nth-child(2){transform-origin:right center;}
.tech-gallery img:nth-child(3){transform-origin:left center;}
.tech-gallery.tech-live img:nth-child(1){animation:galleryInLeft 1s both;}
.tech-gallery.tech-live img:nth-child(2){animation:galleryInRight 1s .14s both;}
.tech-gallery.tech-live img:nth-child(3){animation:galleryInRight 1s .28s both;}
.capacity-card{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;}
.capacity-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 28px 60px rgba(0,0,0,.28);}
.capacity-card:nth-child(2):hover{transform:translateY(-8px) rotateX(2deg) rotateY(2deg);}
.capacity-card:nth-child(3):hover{transform:translateY(-8px) rotateX(-2deg) rotateY(2deg);}
.big-stat{position:relative;overflow:hidden;}
.big-stat::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.big-stat.stat-live::before{transform:scaleX(1);}
.big-stat strong{filter:blur(5px);transform:translateY(8px);transition:filter .7s ease,transform .7s ease;}
.big-stat.stat-live strong{filter:blur(0);transform:none;}
.editorial-row{position:relative;overflow:hidden;}
.editorial-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue),var(--aqua));transform:scaleY(0);transform-origin:top;transition:transform .55s ease;}
.editorial-row:hover::before{transform:scaleY(1);}
.editorial-num{transition:transform .55s ease,color .35s ease;}
.editorial-row:hover .editorial-num{transform:translateX(5px) scale(1.08);color:var(--aqua);}
.experience-image{transform-style:preserve-3d;}
.experience-image::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,104,232,.16),transparent 35%,rgba(53,224,208,.08));mix-blend-mode:screen;pointer-events:none;}
.quote{overflow:hidden;}
.quote .quote-word{display:inline-block;opacity:0;transform:translateY(30px) rotateX(-18deg);transform-origin:bottom;}
.quote.quote-live .quote-word{animation:wordRise .65s cubic-bezier(.2,.8,.2,1) forwards;}
.benefit{position:relative;overflow:hidden;transform-style:preserve-3d;}
.benefit::after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-65px;top:-65px;transition:transform .7s ease;}
.benefit:hover::after{transform:rotate(80deg) scale(1.15);}
.benefit i{transition:transform .65s cubic-bezier(.2,.8,.2,1);}
.benefit:hover i{transform:rotate(12deg) translateY(-3px) scale(1.08);}
.control-center{background:linear-gradient(135deg,#06152f,#0a326b 55%,#06152f);color:#fff;position:relative;overflow:hidden;}
.control-center::before,.control-center::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(53,224,208,.12);pointer-events:none;}
.control-center::before{width:480px;height:480px;right:-220px;top:-220px;animation:spinSlow 22s linear infinite;}
.control-center::after{width:300px;height:300px;left:-170px;bottom:-170px;animation:spinSlow 18s linear infinite reverse;}
.control-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:stretch;position:relative;z-index:2;}
.control-copy{display:flex;flex-direction:column;justify-content:center;}
.control-copy .section-title{color:#fff;max-width:500px;}
.control-copy p{color:#bdd1ea;font-size:14px;font-weight:600;margin:18px 0 22px;max-width:500px;}
.control-pills{display:flex;flex-wrap:wrap;gap:8px;}
.control-pill{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:100px;background:rgba(255,255,255,.05);font-size:10px;font-weight:900;color:#d9eaff;transition:.35s ease;}
.control-pill:hover{transform:translateY(-3px);background:rgba(53,224,208,.1);border-color:rgba(53,224,208,.35);}
.machine-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:0 25px 70px rgba(0,0,0,.25);backdrop-filter:blur(10px);}
.machine-cell{position:relative;padding:17px 15px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);overflow:hidden;transform-style:preserve-3d;transition:transform .45s ease,background .35s ease,border-color .35s ease;}
.machine-cell:hover{transform:translateY(-5px) rotateX(2deg) rotateY(-2deg);background:rgba(255,255,255,.09);border-color:rgba(53,224,208,.28);}
.machine-cell-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:900;color:#b7cae1;}
.machine-cell strong{display:block;font-size:22px;line-height:1;margin:16px 0 6px;}
.machine-cell small{color:#8fa8c7;font-size:9px;font-weight:800;}
.machine-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.5);animation:statusRing 1.8s infinite;}
.machine-cell.busy .machine-dot{background:#ffd36a;animation:pulse 1.3s infinite;}
.machine-cell.busy strong{color:#ffd36a;}
.machine-cell.available strong{color:#69f4e5;}
.machine-ring{width:58px;height:58px;border-radius:50%;margin:8px 0 2px;background:conic-gradient(var(--aqua) 0 72%,rgba(255,255,255,.08) 72% 100%);display:grid;place-items:center;}
.machine-ring::after{content:"";width:42px;height:42px;border-radius:50%;background:#0a2856;}
.machine-cell:nth-child(2) .machine-ring{background:conic-gradient(var(--electric) 0 44%,rgba(255,255,255,.08) 44% 100%);}
.machine-cell:nth-child(3) .machine-ring{background:conic-gradient(var(--aqua) 0 91%,rgba(255,255,255,.08) 91% 100%);}
.bento-section{background:var(--soft2);}
.bento-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:230px 230px;gap:13px;}
.bento-card{position:relative;overflow:hidden;border-radius:22px;isolation:isolate;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;}
.bento-card.large{grid-row:1/3;}
.bento-card img{height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.bento-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,21,47,.88));z-index:1;}
.bento-info{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;color:#fff;transform:translateY(8px);transition:transform .5s ease;}
.bento-info span{font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#73eee0;}
.bento-info h3{font-family:"DM Serif Display",serif;font-size:27px;line-height:1;margin-top:4px;}
.bento-info p{font-size:9px;color:#d2e2f3;font-weight:700;margin-top:5px;}
.bento-card:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-1deg);box-shadow:0 25px 55px rgba(6,21,47,.18);}
.bento-card:hover img{transform:scale(1.09);}
.bento-card:hover .bento-info{transform:none;}
.care-section{background:#fff;}
.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
.care-card{position:relative;min-height:220px;padding:23px;border-radius:21px;border:1px solid var(--border);background:linear-gradient(145deg,var(--white),var(--soft));overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;}
.care-card::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(40,168,255,.16),transparent 70%);transition:transform .7s ease;}
.care-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(6,21,47,.13);}
.care-card:hover::before{transform:scale(1.35);}
.care-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(18,104,232,.08);color:var(--blue);font-size:17px;margin-bottom:25px;transition:transform .55s ease;}
.care-card:hover .care-icon{transform:rotate(-8deg) scale(1.1);}
.care-card h3{font-size:17px;font-weight:900;margin-bottom:7px;}
.care-card p{color:var(--muted);font-size:10px;font-weight:700;max-width:290px;}
.care-line{position:absolute;left:23px;right:23px;bottom:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(.12);transform-origin:left;transition:transform .7s ease;}
.care-card:hover .care-line{transform:scaleX(1);}
.offer-grid,.location-grid,.newsletter-inner{position:relative;}
.offer-grid{transform-style:preserve-3d;}
.offer-grid::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.08) 50%,transparent 62%);transform:translateX(-110%);z-index:3;pointer-events:none;}
.offer-grid.offer-live::before{animation:sweep 1.6s ease .2s both;}
.map-card{transform-style:preserve-3d;}
.map-card::after{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(18,104,232,.22);border-radius:50%;left:calc(50% - 50px);top:calc(50% - 50px);animation:mapRipple 2.4s infinite;pointer-events:none;}
[data-stagger]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);}
[data-stagger].stagger-live{opacity:1;transform:none;}
@keyframes statusRing{0%{box-shadow:0 0 0 0 rgba(53,224,208,.55)}70%{box-shadow:0 0 0 8px rgba(53,224,208,0)}100%{box-shadow:0 0 0 0 rgba(53,224,208,0)}}
@keyframes stepPop{0%{transform:scale(.72)}70%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes stepHalo{0%,100%{box-shadow:0 0 0 0 rgba(18,104,232,.18)}50%{box-shadow:0 0 0 10px rgba(18,104,232,0)}}
@keyframes galleryInLeft{from{opacity:0;transform:translateX(-40px) rotateY(8deg) scale(.97)}to{opacity:1;transform:none}}
@keyframes galleryInRight{from{opacity:0;transform:translateX(40px) rotateY(-8deg) scale(.97)}to{opacity:1;transform:none}}
@keyframes wordRise{to{opacity:1;transform:none}}
@keyframes sweep{to{transform:translateX(110%)}}
@keyframes mapRipple{0%{transform:scale(.55);opacity:.65}100%{transform:scale(2.2);opacity:0}}
@media(max-width:900px){.control-grid{grid-template-columns:1fr;}.machine-board{grid-template-columns:repeat(2,1fr);}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 190px;}.bento-card.large{grid-row:1/3;}.care-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.machine-board{grid-template-columns:1fr 1fr;}.machine-cell{padding:14px 12px;}.machine-cell strong{font-size:18px;}.bento-grid{grid-template-columns:1fr;grid-template-rows:230px 180px 180px;}.bento-card.large{grid-row:auto;}.care-grid{grid-template-columns:1fr;}.care-card{min-height:190px;}}
@media(prefers-reduced-motion:reduce){.motion-mask,.depth-card,.service-mini,.capacity-card,.bento-card,.care-card,.offer-grid,.map-card,*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}}
.availability-grid{gap:48px;}
.avail-dashboard{padding:8px 0;background:transparent;border:0;border-radius:0;}
.avail-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);position:relative;}
.avail-row::before{content:"";position:absolute;left:-16px;top:16px;width:3px;height:0;border-radius:5px;background:var(--aqua);transition:height .65s ease;}
.avail-row.visible-row::before{height:calc(100% - 34px);}
.avail-top{font-size:13px;margin-bottom:10px;}
.progress{height:5px;background:rgba(255,255,255,.08);}
.price-panel{border-radius:0;padding:28px 30px;box-shadow:0 28px 70px rgba(0,0,0,.26);border-top:4px solid var(--aqua);}
.price-panel::before{width:260px;height:260px;right:-110px;top:-120px;background:radial-gradient(circle,rgba(40,168,255,.13),transparent 68%);}
.price-head{padding-bottom:17px;border-bottom:1px solid #e5ebf2;margin-bottom:4px;}
.price-head h3{font-family:"DM Serif Display",serif;font-size:27px;font-weight:400;}
.price-item{padding:18px 0;transition:padding .35s ease,background .35s ease;}
.price-item:hover{padding-left:9px;padding-right:9px;background:#f6faff;}
.price-featured{margin:5px -9px;padding:18px 9px;border-radius:0;background:linear-gradient(90deg,#edf7ff,rgba(237,247,255,.45));border-left:3px solid var(--blue);}
.price{font-size:29px;letter-spacing:-1px;}
.spaces-section{background:#f4f9ff;overflow:hidden;}
.spaces-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;}
.spaces-intro .section-title{max-width:690px;}
.spaces-intro .section-title em{font-style:normal;color:var(--blue);}
.spaces-intro-copy{max-width:320px;border-left:2px solid var(--aqua);padding-left:18px;}
.spaces-index{display:block;font-size:10px;font-weight:900;letter-spacing:2px;color:var(--blue);margin-bottom:8px;}
.spaces-intro-copy p{font-size:12px;line-height:1.7;font-weight:700;color:var(--muted);margin:0;}
.spaces-layout{display:grid;grid-template-columns:1.22fr .78fr;gap:14px;align-items:stretch;}
.space-hero-card{position:relative;min-height:455px;overflow:hidden;background:#09295b;color:#fff;isolation:isolate;}
.space-hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);}
.space-hero-card:hover img{transform:scale(1.055);}
.space-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,.02) 25%,rgba(6,21,47,.94) 100%);z-index:1;}
.space-hero-copy{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;max-width:570px;}
.space-hero-copy>span{font-size:9px;font-weight:900;letter-spacing:2px;color:#7ef4e8;}
.space-hero-copy h3{font-family:"DM Serif Display",serif;font-size:48px;line-height:.95;font-weight:400;margin:8px 0 11px;}
.space-hero-copy p{max-width:470px;font-size:12px;line-height:1.65;color:#dcecff;font-weight:700;margin:0;}
.space-corner{position:absolute;right:20px;top:20px;z-index:2;text-align:right;font-size:22px;font-weight:900;line-height:.9;color:#fff;}
.space-corner small{font-size:7px;letter-spacing:2px;color:#7ef4e8;}
.space-stack{display:grid;grid-template-rows:repeat(3,1fr);border-top:1px solid #cfdded;}
.space-row{display:grid;grid-template-columns:36px 46px 1fr 18px;gap:12px;align-items:center;padding:19px 8px 19px 0;border-bottom:1px solid #cfdded;position:relative;transition:transform .45s ease,padding .45s ease,background .45s ease;}
.space-row:hover{transform:translateX(-7px);padding-left:8px;background:#fff;box-shadow:0 16px 35px rgba(6,21,47,.07);}
.space-row-num{font-size:10px;font-weight:900;color:#7890ac;align-self:start;padding-top:4px;}
.space-row-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 10px 25px rgba(18,104,232,.08);transition:transform .5s ease,background .5s ease,color .5s ease;}
.space-row:hover .space-row-icon{transform:rotate(-8deg) scale(1.08);background:var(--blue);color:#fff;}
.space-row-copy span{font-size:8px;letter-spacing:1.6px;font-weight:900;color:var(--blue);}
.space-row-copy h3{font-size:17px;font-weight:900;margin:4px 0 4px;color:var(--navy);}
.space-row-copy p{font-size:10px;line-height:1.55;color:var(--muted);font-weight:700;margin:0;max-width:340px;}
.space-arrow{font-size:11px;color:#9bb0c8;transition:transform .4s ease,color .4s ease;}
.space-row:hover .space-arrow{transform:translate(3px,-3px);color:var(--blue);}
.space-bottom-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;margin-top:14px;background:#06152f;color:#fff;min-height:76px;}
.space-bottom-strip>div{display:flex;align-items:center;gap:13px;padding:16px 22px;border-right:1px solid rgba(255,255,255,.1);}
.space-bottom-strip strong{font-size:15px;color:#fff;}
.space-bottom-strip span{font-size:9px;color:#9fb6d4;font-weight:800;}
.space-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;color:#06152f;background:var(--aqua);font-size:10px;font-weight:900;letter-spacing:1px;transition:gap .4s ease,filter .4s ease;}
.space-cta:hover{gap:20px;filter:brightness(1.05);}
@media(max-width:900px){.spaces-intro{align-items:start;flex-direction:column;gap:18px;}.spaces-intro-copy{max-width:520px;}.spaces-layout{grid-template-columns:1fr;}.space-hero-card{min-height:400px;}}
@media(max-width:650px){.spaces-intro{margin-bottom:22px;}.space-hero-card{min-height:350px;}.space-hero-copy{left:20px;right:20px;bottom:22px;}.space-hero-copy h3{font-size:37px;}.space-row{grid-template-columns:28px 42px 1fr 14px;gap:9px;padding:16px 0;}.space-row-icon{width:42px;height:42px;}.space-row-copy h3{font-size:14px;}.space-row-copy p{font-size:9px;}.space-bottom-strip{grid-template-columns:1fr 1fr;}.space-bottom-strip>div{padding:13px 15px;}.space-cta{min-height:58px;grid-column:1/-1;}}
.motion-mask{clip-path:none;}
.bento-card img{display:block;}
.spaces-section{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 15%,rgba(40,168,255,.10),transparent 28%),
    radial-gradient(circle at 92% 82%,rgba(53,224,208,.08),transparent 25%),
    #f4f9ff;
}
.spaces-section::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-180px;top:70px;
  border:1px solid rgba(18,104,232,.10);
  border-radius:50%;
  z-index:-1;
  animation:spacesOrbit 18s linear infinite;
}
.spaces-section::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(40,168,255,.65),transparent);
  animation:spacesLine 5s ease-in-out infinite;
}
.spaces-intro{
  position:relative;
}
.spaces-intro::after{
  content:"";
  position:absolute;
  left:0;bottom:-14px;
  width:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--aqua));
  transition:width 1.2s cubic-bezier(.2,.8,.2,1);
}
.spaces-section.in-view .spaces-intro::after{width:180px;}
.spaces-intro .section-title{
  letter-spacing:-1.4px;
}
.space-hero-card{
  transform:translateZ(0);
  box-shadow:0 28px 70px rgba(6,21,47,.16);
}
.space-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(126,244,232,.20) 48%,transparent 61%);
  transform:translateX(-120%);
}
.space-hero-card:hover::before{
  animation:spaceSweep 1.15s ease forwards;
}
.space-hero-card::after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-100px;bottom:-100px;
  border:1px solid rgba(126,244,232,.45);
  border-radius:50%;
  z-index:2;
  animation:spacePulseRing 4s ease-in-out infinite;
}
.space-hero-copy h3{
  text-shadow:0 8px 28px rgba(0,0,0,.25);
}
.space-corner{
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(6,21,47,.24);
  backdrop-filter:blur(8px);
}
.space-stack{
  perspective:900px;
}
.space-row{
  overflow:hidden;
  transform-origin:right center;
}
.space-row::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:linear-gradient(var(--blue),var(--aqua));
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.space-row:hover::before,
.space-row.visible-row::before{
  transform:scaleY(1);
}
.space-row::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  left:-70%;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(40,168,255,.08),transparent);
  transform:skewX(-18deg);
}
.space-row:hover::after{
  animation:spaceRowSweep .8s ease;
}
.space-row-icon{
  position:relative;
}
.space-row-icon::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(40,168,255,.20);
  border-radius:17px;
  transform:scale(.7);
  opacity:0;
}
.space-row:hover .space-row-icon::after{
  animation:spaceIconRing .65s ease forwards;
}
.space-row-copy h3{
  transition:transform .4s ease,color .4s ease;
}
.space-row:hover .space-row-copy h3{
  transform:translateX(5px);
  color:var(--blue);
}
.space-bottom-strip{
  position:relative;
  overflow:hidden;
  box-shadow:0 22px 45px rgba(6,21,47,.16);
}
.space-bottom-strip::before{
  content:"";
  position:absolute;
  left:-25%;top:0;
  width:18%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(53,224,208,.18),transparent);
  transform:skewX(-20deg);
  animation:spaceStripLight 5s ease-in-out infinite;
}
.space-bottom-strip>div,
.space-cta{
  position:relative;
  z-index:1;
}
.space-bottom-strip strong{
  transition:transform .35s ease,color .35s ease;
}
.space-bottom-strip>div:hover strong{
  transform:translateX(5px);
  color:var(--aqua);
}
.space-cta{
  overflow:hidden;
}
.space-cta::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-100%;
  width:70%;
  background:rgba(255,255,255,.28);
  transform:skewX(-20deg);
}
.space-cta:hover::before{
  animation:spaceCtaSweep .75s ease forwards;
}
.space-cta i{
  transition:transform .4s ease;
}
.space-cta:hover i{
  transform:translateX(6px);
}
@keyframes spacesOrbit{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes spacesLine{0%,100%{opacity:.25;transform:scaleX(.35);}50%{opacity:1;transform:scaleX(1);}}
@keyframes spaceSweep{from{transform:translateX(-120%);}to{transform:translateX(180%);}}
@keyframes spacePulseRing{0%,100%{transform:scale(.72);opacity:.15;}50%{transform:scale(1);opacity:.65;}}
@keyframes spaceRowSweep{from{left:-70%;}to{left:130%;}}
@keyframes spaceIconRing{0%{transform:scale(.7);opacity:0;}45%{opacity:1;}100%{transform:scale(1.15);opacity:0;}}
@keyframes spaceStripLight{0%,55%,100%{left:-25%;}75%{left:125%;}}
@keyframes spaceCtaSweep{from{left:-100%;}to{left:140%;}}
@media(max-width:900px){.spaces-section::before{width:300px;height:300px;right:-180px;}.space-hero-card{box-shadow:0 20px 45px rgba(6,21,47,.13);}}
@media(max-width:650px){.spaces-section::before{display:none;}.spaces-intro::after{bottom:-10px;}.space-hero-card::after{width:130px;height:130px;}.space-bottom-strip{box-shadow:0 15px 32px rgba(6,21,47,.13);}}
@media(prefers-reduced-motion:reduce){.spaces-section::before,
  .spaces-section::after,
  .space-bottom-strip::before,
  .space-hero-card::before,
  .space-hero-card::after,
  .space-row::after,
  .space-row-icon::after,
  .space-cta::before{
    animation:none !important;
  }}
.availability-v2{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 35%,rgba(18,104,232,.16),transparent 30%),radial-gradient(circle at 92% 75%,rgba(53,224,208,.10),transparent 28%),#06152f;}
.availability-v2::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(40,168,255,.035) 48%,transparent 70%);pointer-events:none;}
.availability-v2 .container{position:relative;z-index:2;}
.availability-head-v2{margin-bottom:28px;}
.live-floor{display:grid;grid-template-columns:.88fr 1.22fr .72fr;gap:12px;align-items:stretch;}
.floor-status-panel,.live-machine-list,.price-panel-v2{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);backdrop-filter:blur(12px);}
.floor-status-panel{min-height:390px;padding:24px;border-radius:24px;background:linear-gradient(145deg,rgba(18,104,232,.20),rgba(255,255,255,.035));isolation:isolate;}
.floor-orbit{position:absolute;border:1px solid rgba(53,224,208,.15);border-radius:50%;pointer-events:none;}
.orbit-one{width:360px;height:360px;right:-230px;top:-185px;animation:availabilityOrbit 18s linear infinite;}
.orbit-two{width:210px;height:210px;left:-140px;bottom:-120px;border-color:rgba(40,168,255,.15);animation:availabilityOrbit 13s linear infinite reverse;}
.floor-live-tag{display:inline-flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.8px;font-weight:900;color:#9bdfff;position:relative;z-index:2;}
.floor-live-tag span{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.6);animation:statusRing 1.8s infinite;}
.floor-status-main{display:flex;align-items:center;gap:17px;margin-top:30px;position:relative;z-index:2;}
.floor-ring{width:112px;height:112px;flex:0 0 112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--aqua) 0 57%,rgba(255,255,255,.08) 57% 100%);box-shadow:0 0 45px rgba(53,224,208,.12);animation:ringBreath 3s ease-in-out infinite;}
.floor-ring::before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid rgba(53,224,208,.28);animation:ringPulse 2.5s ease-out infinite;}
.floor-ring-core{width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#082656;border:1px solid rgba(255,255,255,.08);}
.floor-ring-core strong{font-size:30px;line-height:1;color:#fff;font-weight:900;}
.floor-ring-core small{font-size:7px;letter-spacing:1.4px;color:#72eee1;font-weight:900;margin-top:4px;}
.floor-status-copy>span{font-size:8px;letter-spacing:1.5px;color:#72eee1;font-weight:900;}
.floor-status-copy h3{font-family:"DM Serif Display",serif;font-size:25px;line-height:1.02;font-weight:400;color:#fff;margin:7px 0 8px;}
.floor-status-copy p{font-size:9px;line-height:1.55;color:#b6cce5;font-weight:700;margin:0;}
.floor-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:27px;position:relative;z-index:2;}
.floor-mini-stats div{padding:11px 8px;border-top:1px solid rgba(255,255,255,.13);}
.floor-mini-stats strong{display:block;color:#fff;font-size:16px;font-weight:900;}
.floor-mini-stats span{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#7f9cbd;font-weight:900;}
.floor-scan-line{position:absolute;left:24px;right:24px;bottom:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:8px;color:#7896b8;font-weight:800;z-index:2;}
.floor-scan-line i{display:inline-block;width:45px;height:1px;vertical-align:middle;margin-right:7px;background:linear-gradient(90deg,var(--aqua),transparent);animation:scanLine 2s ease-in-out infinite;}
.live-machine-list{border-radius:24px;padding:22px 22px 15px;background:rgba(3,17,39,.62);}
.machine-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);}
.machine-list-head span{font-size:7px;letter-spacing:1.7px;color:#72eee1;font-weight:900;}
.machine-list-head h3{font-family:"DM Serif Display",serif;color:#fff;font-size:25px;font-weight:400;margin-top:4px;}
.live-clock{font-size:8px;letter-spacing:1px;font-weight:900;color:#8ea9c7;border:1px solid rgba(255,255,255,.11);padding:7px 9px;border-radius:99px;white-space:nowrap;}
.live-clock i{color:var(--aqua);margin-right:4px;animation:statusRing 1.8s infinite;}
.live-machine-row{display:grid;grid-template-columns:1.15fr .9fr auto;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);position:relative;}
.live-machine-row::after{content:"";position:absolute;left:-22px;right:-22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(53,224,208,.45),transparent);transform:scaleX(0);transition:transform .55s ease;}
.live-machine-row:hover::after{transform:scaleX(1);}
.machine-type{display:flex;align-items:center;gap:11px;min-width:0;}
.machine-type-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:var(--aqua);background:rgba(53,224,208,.08);border:1px solid rgba(53,224,208,.12);transition:transform .45s ease,background .35s ease;}
.live-machine-row:hover .machine-type-icon{transform:rotate(-7deg) scale(1.08);background:rgba(53,224,208,.14);}
.machine-type strong{display:block;color:#fff;font-size:10px;font-weight:900;}
.machine-type small{display:block;color:#7897b9;font-size:7px;font-weight:800;letter-spacing:.4px;margin-top:4px;}
.machine-meter{min-width:0;}
.meter-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:7px;font-weight:900;color:#8fa9c5;}
.meter-label span{color:#72eee1;}
.meter-track{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;}
.meter-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);}
.availability-v2 .live-machine-list.visible .meter-track span{transform:scaleX(1);}
.machine-state{font-size:7px;font-weight:900;letter-spacing:.8px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#72eee1;}
.machine-state span{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.6);animation:statusRing 1.8s infinite;}
.floor-note{display:flex;align-items:center;gap:8px;padding-top:14px;font-size:8px;color:#7897b9;font-weight:700;}
.floor-note i{color:#ffd36a;}
.floor-note strong{color:#bcd0e7;}
.price-panel-v2{border-radius:24px;padding:21px;background:#fff;color:var(--navy);box-shadow:0 24px 55px rgba(0,0,0,.23);border:0;border-top:3px solid var(--aqua);}
.price-panel-v2::before{content:"";position:absolute;width:180px;height:180px;right:-105px;top:-105px;border-radius:50%;background:radial-gradient(circle,rgba(40,168,255,.18),transparent 70%);pointer-events:none;}
.price-panel-v2 .price-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;margin-bottom:0;border-bottom:1px solid #e5ebf2;}
.price-eyebrow{display:block;font-size:7px;letter-spacing:1.5px;color:var(--blue);font-weight:900;margin-bottom:4px;}
.price-panel-v2 .price-head h3{font-size:25px;line-height:1;}
.price-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#edf7ff;color:var(--blue);font-size:13px;}
.price-panel-v2 .price-item{position:relative;padding:14px 0;}
.price-panel-v2 .price-item:hover{padding-left:6px;padding-right:6px;}
.price-panel-v2 .price-item strong{font-size:10px;}
.price-panel-v2 .price-item small{font-size:7px;}
.price-panel-v2 .price{font-size:22px;}
.price-panel-v2 .price-featured{margin:4px -7px;padding:14px 7px;background:linear-gradient(90deg,#eaf7ff,#f7fbff);border-left:3px solid var(--blue);}
.price-badge{position:absolute;right:8px;top:5px;font-size:6px;letter-spacing:1px;color:#fff;background:var(--blue);padding:4px 6px;border-radius:99px;font-weight:900;}
.price-cta-v2{width:100%;justify-content:center;margin-top:7px;padding:11px 13px;}
.availability-bottom-v2{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);}
.availability-bottom-v2 span{font-size:7px;color:#9eb6d0;font-weight:900;letter-spacing:.3px;}
.availability-bottom-v2 i{color:var(--aqua);margin-right:4px;}
.availability-bottom-v2 a{margin-left:auto;color:#fff;font-size:8px;font-weight:900;text-decoration:none;}
.availability-bottom-v2 a i{transition:transform .35s ease;}
.availability-bottom-v2 a:hover i{transform:translateX(5px);}
@keyframes availabilityOrbit{to{transform:rotate(360deg);}}
@keyframes ringBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes ringPulse{0%{transform:scale(.9);opacity:.6}100%{transform:scale(1.65);opacity:0}}
@keyframes scanLine{0%,100%{transform:scaleX(.3);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@media(max-width:1050px){.live-floor{grid-template-columns:1fr 1.25fr;}.price-panel-v2{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center;}.price-panel-v2 .price-head{grid-column:1/-1;}.price-panel-v2 .price-cta-v2{grid-column:1/-1;}}
@media(max-width:760px){.live-floor{grid-template-columns:1fr;}.price-panel-v2{grid-column:auto;display:block;}.availability-bottom-v2{flex-wrap:wrap;}.availability-bottom-v2 a{width:100%;margin-left:0;padding-top:5px;}}
@media(max-width:500px){.floor-status-panel,.live-machine-list,.price-panel-v2{border-radius:19px;}.floor-status-main{align-items:flex-start;flex-direction:column;}.floor-ring{width:98px;height:98px;flex-basis:98px;}.floor-ring::before{width:98px;height:98px;}.floor-ring-core{width:72px;height:72px;}.floor-ring-core strong{font-size:25px;}.live-machine-row{grid-template-columns:1fr auto;}.machine-meter{grid-column:1/-1;grid-row:2;}.machine-state{grid-column:2;grid-row:1;}.machine-list-head h3{font-size:22px;}}

#spinora-home2{overflow:hidden;background:var(--white)}
#spinora-home2 section{position:relative}
#spinora-home2 .container{position:relative;z-index:2}
.h2-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:900;color:var(--blue)}
.h2-kicker::before{content:"";width:26px;height:2px;background:var(--aqua);border-radius:99px}
.h2-title{font-family:"DM Serif Display",serif;font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-1.8px;color:var(--text);margin-top:10px}
.h2-copy{color:var(--muted);font-size:14px;line-height:1.75;font-weight:600}
.h2-btnline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}
.h2-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--navy);transition:.3s ease}
.h2-link:hover{color:var(--blue);transform:translateX(4px)}
.h2-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 62%,#0b3b73 100%);color:#fff;padding:76px 0 24px;min-height:720px;overflow:hidden}
.h2-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 27%,rgba(53,224,208,.16),transparent 28%),radial-gradient(circle at 10% 80%,rgba(40,168,255,.13),transparent 25%)}
.h2-hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:52px;align-items:center;min-height:610px}
.h2-hero-copy{max-width:610px}
.h2-hero-copy .h2-kicker{color:#8feee7}
.h2-hero-copy .h2-kicker::before{background:#35e0d0}
.h2-hero h1{font-family:"DM Serif Display",serif;font-size:clamp(64px,7.8vw,104px);line-height:.86;letter-spacing:-4px;margin:18px 0 25px}
.h2-hero h1 em{color:#35e0d0;font-style:italic}
.h2-hero-copy p{max-width:520px;color:#bed1e7;font-size:16px;line-height:1.75;font-weight:600}
.h2-hero-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}
.h2-meta-item{display:flex;align-items:center;gap:10px;color:#dce8f5;font-size:11px;font-weight:800}
.h2-meta-item i{color:#35e0d0}
.h2-hero-visual{height:585px;position:relative}
.h2-hero-mainimg{position:absolute;right:4%;top:25px;width:83%;height:500px;border-radius:34px 34px 120px 34px;overflow:hidden;transform:rotate(2deg);box-shadow:0 35px 90px rgba(0,0,0,.38);background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-hero-mainimg img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s cubic-bezier(.2,.8,.2,1)}
.h2-hero-visual:hover .h2-hero-mainimg img{transform:scale(1.06)}
.h2-hero-cut{position:absolute;left:0;bottom:22px;width:36%;height:205px;border:8px solid #09295b;border-radius:24px;overflow:hidden;box-shadow:0 28px 55px rgba(0,0,0,.32);background:linear-gradient(135deg,#1268e8,#35e0d0);transform:rotate(-5deg);z-index:4}
.h2-hero-cut img{width:100%;height:100%;object-fit:cover;display:block}
.h2-hero-badge{position:absolute;right:-5px;top:80px;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff;color:#06152f;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:h2Float 4s ease-in-out infinite;z-index:5}
.h2-hero-badge strong{display:block;font-size:27px;line-height:1;font-weight:900}
.h2-hero-badge span{display:block;font-size:8px;line-height:1.25;letter-spacing:1.1px;text-transform:uppercase;font-weight:900;margin-top:5px}
.h2-hero-sticker{position:absolute;left:8%;top:60px;background:#35e0d0;color:#06152f;padding:11px 15px;border-radius:99px;font-size:10px;font-weight:900;z-index:5;box-shadow:0 15px 30px rgba(0,0,0,.22);animation:h2Float 3.6s 1s ease-in-out infinite}
.h2-orb{position:absolute;border:1px solid rgba(53,224,208,.35);border-radius:50%;pointer-events:none}
.h2-orb.a{width:470px;height:470px;right:7%;top:35px;animation:h2Spin 18s linear infinite}
.h2-orb.b{width:350px;height:350px;right:20%;top:96px;border-color:rgba(40,168,255,.35);animation:h2Spin 12s linear infinite reverse}
.h2-hero-bottom{margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:flex;justify-content:center;gap:22px;color:#89a2bf;font-size:9px;font-weight:900;letter-spacing:2.5px}
.h2-hero-bottom b{display:block;width:34px;height:1px;background:#35e0d0;margin-top:5px}
.h2-strip{background:#fff;border-bottom:1px solid #dce7f3}
.h2-strip-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr)}
.h2-strip-lead,.h2-strip-item{padding:24px 22px;display:flex;align-items:center;gap:14px;border-right:1px solid #dce7f3;min-height:116px}
.h2-strip-lead{display:block;padding-left:0}
.h2-strip-lead span{font-size:9px;letter-spacing:2px;font-weight:900;color:var(--blue)}
.h2-strip-lead strong{display:block;font-family:"DM Serif Display";font-size:27px;line-height:1;margin-top:5px}
.h2-strip-item:last-child{border-right:0}
.h2-strip-item i{font-size:21px;color:var(--blue)}
.h2-strip-item b{display:block;font-size:12px}
.h2-strip-item small{display:block;color:#718198;font-size:9px;font-weight:700;margin-top:3px}
.h2-trio{background:#f5faff;padding:90px 0 102px}
.h2-trio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.h2-trio-head>div{max-width:800px}
.h2-trio-head .h2-copy{max-width:430px;margin-bottom:4px}
.h2-trio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h2-trio-card{position:relative;min-height:510px;overflow:hidden;text-decoration:none;color:#fff;background:#09295b;border-radius:22px;box-shadow:0 22px 50px rgba(6,21,47,.11);transition:.5s cubic-bezier(.2,.8,.2,1);isolation:isolate}
.h2-trio-card:hover{transform:translateY(-8px);box-shadow:0 35px 70px rgba(6,21,47,.18)}
.h2-trio-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,.02) 22%,rgba(6,21,47,.1) 42%,rgba(6,21,47,.9) 100%);z-index:1}
.h2-trio-image{position:absolute;inset:0;background:linear-gradient(135deg,#09295b,#1268e8 55%,#35e0d0);z-index:0}
.h2-trio-image img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s cubic-bezier(.2,.8,.2,1)}
.h2-trio-card:hover img{transform:scale(1.08)}
.h2-trio-no{position:absolute;top:20px;left:20px;font-size:11px;letter-spacing:2px;font-weight:900;z-index:3;color:#fff}
.h2-trio-icon{position:absolute;right:18px;top:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.46);border-radius:50%;display:grid;place-items:center;background:rgba(6,21,47,.18);backdrop-filter:blur(10px);z-index:3;transition:.4s}
.h2-trio-card:hover .h2-trio-icon{background:#1268e8;transform:rotate(45deg)}
.h2-trio-content{position:absolute;left:0;right:0;bottom:0;padding:28px 27px 30px;z-index:3}
.h2-trio-content span{font-size:9px;font-weight:900;letter-spacing:2px;color:#8feee7}
.h2-trio-content h3{font-family:"DM Serif Display";font-size:34px;line-height:.98;margin:8px 0 10px}
.h2-trio-content p{font-size:11px;line-height:1.65;color:#d8e5f3;font-weight:600;max-width:340px}
.h2-trio-content a{display:inline-flex;margin-top:17px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px}
.h2-story{background:#fff;padding:102px 0}
.h2-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:78px;align-items:center}
.h2-story-visual{height:550px;position:relative}
.h2-story-img{position:absolute;left:0;top:0;width:82%;height:490px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-story-img img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-story-visual:hover .h2-story-img img{transform:scale(1.06)}
.h2-story-note{position:absolute;right:0;bottom:20px;width:220px;padding:23px;border-radius:18px;background:#06152f;color:#fff;box-shadow:0 22px 50px rgba(6,21,47,.22)}
.h2-story-note span{font-size:8px;letter-spacing:2px;font-weight:900;color:#35e0d0}
.h2-story-note strong{display:block;font-size:12px;margin:7px 0}
.h2-story-note p{font-family:"DM Serif Display";font-size:25px;line-height:1.02}
.h2-story-mark{position:absolute;left:18px;bottom:16px;font-size:98px;line-height:.8;font-weight:900;color:#fff;opacity:.16}
.h2-steps{border-top:1px solid #d9e4f0;margin-top:30px}
.h2-step{display:grid;grid-template-columns:46px 1fr 22px;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid #d9e4f0;transition:.35s}
.h2-step:hover{padding-left:9px;background:linear-gradient(90deg,rgba(18,104,232,.04),transparent)}
.h2-step>span{font-size:11px;font-weight:900;color:var(--blue)}
.h2-step b{font-size:14px}
.h2-step p{margin-top:3px;color:#708097;font-size:11px;font-weight:600}
.h2-step i{color:var(--blue)}
.h2-machine{background:#06152f;color:#fff;padding:96px 0;overflow:hidden}
.h2-machine::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-200px;top:-160px;background:radial-gradient(circle,rgba(40,168,255,.2),transparent 67%);animation:h2Glow 4s ease-in-out infinite}
.h2-machine-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.h2-machine .h2-kicker{color:#8feee7}
.h2-machine .h2-kicker::before{background:#35e0d0}
.h2-machine h2{font-family:"DM Serif Display";font-size:clamp(48px,5.4vw,74px);line-height:.94;margin:12px 0 20px}
.h2-machine p{max-width:470px;color:#a9bed8;font-size:14px;line-height:1.75;font-weight:600}
.h2-specs{display:flex;margin-top:32px}
.h2-spec{padding:0 26px;border-left:1px solid rgba(255,255,255,.14)}
.h2-spec:first-child{padding-left:0;border-left:0}
.h2-spec strong{display:block;font-size:26px}
.h2-spec span{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#7e97b5;font-weight:900}
.h2-machine-visual{height:480px;position:relative;display:grid;place-items:center}
.h2-machine-ring{position:absolute;width:410px;height:410px;border-radius:50%;border:1px dashed rgba(53,224,208,.34);animation:h2Spin 15s linear infinite}
.h2-machine-image{position:relative;width:390px;height:330px;border-radius:34px 34px 110px 34px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 75px rgba(0,0,0,.42);background:linear-gradient(135deg,#09295b,#1268e8);z-index:2}
.h2-machine-image img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-machine-image:hover img{transform:scale(1.08)}
.h2-data{position:absolute;background:#fff;color:#06152f;padding:12px 15px;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.26);z-index:4;animation:h2Float 4s ease-in-out infinite}
.h2-data span{display:block;font-size:8px;letter-spacing:1.5px;color:#73859a;font-weight:900}
.h2-data b{font-size:12px;color:#0da57f}
.h2-data.one{left:3%;top:90px}
.h2-data.two{right:3%;bottom:68px;animation-delay:1s}
.h2-availability{background:#eaf4ff;padding:100px 0}
.h2-availability-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}
.h2-availability-head>div{max-width:700px}
.h2-floor{background:#06152f;color:#fff;border-radius:28px;padding:27px;box-shadow:0 25px 70px rgba(6,21,47,.18);overflow:hidden}
.h2-floor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px;font-weight:900;letter-spacing:1px}
.h2-floor-top b{color:#35e0d0;font-size:9px}
.h2-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e0d0;box-shadow:0 0 13px #35e0d0;margin-right:6px;animation:h2Pulse 1.5s infinite}
.h2-floor-grid{display:grid;grid-template-columns:170px 1fr 170px;gap:24px;align-items:center;padding-top:24px}
.h2-side small{display:block;color:#7289a5;font-size:8px;letter-spacing:2px;font-weight:900}
.h2-side strong{display:block;font-size:54px;line-height:1;margin:8px 0}
.h2-side span{color:#8ea5c0;font-size:9px}
.h2-side>b{display:block;margin-top:8px;color:#35e0d0;font-size:9px}
.h2-meter{height:5px;margin-top:13px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.h2-meter i{display:block;height:100%;background:linear-gradient(90deg,#1268e8,#35e0d0);border-radius:99px}
.h2-floor-map{height:235px;border:1px solid rgba(255,255,255,.08);border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.008))}
.h2-floor-map::before{content:"";position:absolute;inset:18px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%);background-size:44px 44px;opacity:.8}
.h2-maplabel{position:absolute;font-size:8px;letter-spacing:1.6px;color:#6f88a7;font-weight:900}
.h2-maplabel.w{left:18px;top:17px}
.h2-maplabel.d{right:18px;top:17px}
.h2-maplabel.f{left:50%;bottom:17px;transform:translateX(-50%)}
.h2-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#35e0d0;box-shadow:0 0 0 5px rgba(53,224,208,.08),0 0 14px rgba(53,224,208,.35);animation:h2Pulse 2s infinite}
.h2-dot.busy{background:#8fa2bc;box-shadow:none;animation:none}
.h2-dot.d1{left:18%;top:31%}
.h2-dot.d2{left:37%;top:31%}
.h2-dot.d3{left:56%;top:31%}
.h2-dot.d4{left:75%;top:31%}
.h2-dot.d5{left:18%;top:62%}
.h2-dot.d6{left:37%;top:62%}
.h2-dot.d7{left:56%;top:62%}
.h2-dot.d8{left:75%;top:62%}
.h2-pricing{background:#fff;padding:105px 0}
.h2-price-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:center}
.h2-rate-board{border-top:1px solid #dce6f0}
.h2-rate-row{display:grid;grid-template-columns:54px 1fr auto 24px;gap:18px;align-items:center;padding:22px 4px;border-bottom:1px solid #dce6f0;transition:.35s}
.h2-rate-row:hover{padding-left:12px;background:linear-gradient(90deg,rgba(18,104,232,.04),transparent)}
.h2-rate-row.featured{background:#f6faff}
.h2-rate-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:17px}
.h2-rate-icon.aqua{background:#e9fbf9;color:#0aa896}
.h2-rate-icon.lime{background:#eff6ff;color:#1268e8}
.h2-rate-copy span{display:block;font-size:8px;letter-spacing:2px;font-weight:900;color:var(--blue)}
.h2-rate-copy b{display:block;font-size:14px;margin-top:3px}
.h2-rate-copy small{display:block;color:#708097;font-size:9px;font-weight:700;margin-top:2px}
.h2-rate-row>strong{font-size:28px;letter-spacing:-1px;color:#06152f}
.h2-rate-row>i{color:var(--blue)}
.h2-rate-foot{display:flex;justify-content:space-between;gap:15px;padding-top:14px;color:#7a8b9f;font-size:9px;font-weight:700}
.h2-editorial{background:#f6faff;padding:100px 0}
.h2-editorial-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center}
.h2-editorial-art{height:540px;position:relative}
.h2-editorial-main{position:absolute;inset:0 0 35px 50px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-editorial-main img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s}
.h2-editorial-art:hover img{transform:scale(1.06)}
.h2-editorial-tag{position:absolute;left:0;bottom:0;background:#35e0d0;color:#06152f;padding:17px 18px;border-radius:18px;box-shadow:0 18px 40px rgba(6,21,47,.15);z-index:3}
.h2-editorial-tag strong{display:block;font-size:20px}
.h2-editorial-tag span{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;font-weight:900}
.h2-notes{margin-top:30px;border-top:1px solid #d7e3ef}
.h2-note-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #d7e3ef}
.h2-note-row strong{font-size:12px}
.h2-note-row span{font-size:10px;color:#72839a;font-weight:700;text-align:right}
.h2-space{min-height:620px;display:flex;align-items:center;overflow:hidden;color:#fff}
.h2-space-img{position:absolute;inset:0;background:#09295b}
.h2-space-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:1.4s}
.h2-space:hover .h2-space-img img{transform:scale(1.08)}
.h2-space::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.9) 0%,rgba(6,21,47,.58) 42%,rgba(6,21,47,.18) 72%,rgba(6,21,47,.12) 100%)}
.h2-space-copy{max-width:640px;position:relative;z-index:2}
.h2-space-copy .h2-kicker{color:#8feee7}
.h2-space-copy .h2-kicker::before{background:#35e0d0}
.h2-space-copy .h2-title{color:#fff}
.h2-space-copy p{max-width:520px;color:#c9d8e8;margin-top:19px}
.h2-space-copy .h2-link{color:#fff;margin-top:23px}
.h2-space-copy .h2-link i{color:#35e0d0}
.h2-space-index{position:absolute;right:7%;bottom:42px;z-index:2;color:#8ba4bf;font-size:9px;font-weight:900;letter-spacing:2px;line-height:2;text-align:right}
.h2-voices{background:#fff;padding:100px 0}
.h2-voices-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.h2-voices-top .h2-title{max-width:720px}
.h2-voices-top .h2-copy{max-width:400px}
.h2-quotes{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}
.h2-quote{padding:30px;background:#f6faff;border:1px solid #dde8f3;min-height:245px;position:relative;transition:.4s}
.h2-quote:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(6,21,47,.08)}
.h2-quote.featured{background:#06152f;color:#fff;border-color:#06152f;transform:translateY(18px)}
.h2-quote.featured:hover{transform:translateY(10px)}
.h2-quote-mark{font-family:"DM Serif Display";font-size:72px;line-height:.7;color:#35e0d0}
.h2-quote p{font-family:"DM Serif Display";font-size:24px;line-height:1.13;margin:18px 0 25px}
.h2-quote:not(.featured) p{font-size:19px;color:#0b1932}
.h2-quote small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;color:#71829a}
.h2-quote.featured small{color:#8fa9c3}
.h2-visit{background:#eaf4ff;padding:92px 0}
.h2-visit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.h2-visit-main{min-height:350px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-visit-main img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-visit-main:hover img{transform:scale(1.06)}
.h2-visit-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.82),rgba(6,21,47,.12))}
.h2-visit-copy{position:absolute;left:32px;bottom:31px;z-index:2;color:#fff;max-width:470px}
.h2-visit-copy .h2-kicker{color:#8feee7}
.h2-visit-copy .h2-kicker::before{background:#35e0d0}
.h2-visit-copy .h2-title{color:#fff;font-size:clamp(39px,4vw,58px)}
.h2-visit-copy p{color:#d4e1ef;margin-top:13px;font-size:12px;line-height:1.65;font-weight:600}
.h2-visit-side{border-radius:25px;background:#06152f;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.h2-contact-row{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.h2-contact-row i{width:34px;height:34px;border-radius:10px;background:rgba(53,224,208,.12);display:grid;place-items:center;color:#35e0d0}
.h2-contact-row b{font-size:11px}
.h2-contact-row span{display:block;color:#9fb5cf;font-size:10px;font-weight:700;margin-top:3px}
.h2-cta{background:#fff;padding:95px 0 105px}
.h2-cta-wrap{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:28px;background:#06152f;color:#fff;box-shadow:0 28px 65px rgba(6,21,47,.18)}
.h2-cta-copy{padding:62px}
.h2-cta-copy .h2-kicker{color:#8feee7}
.h2-cta-copy .h2-kicker::before{background:#35e0d0}
.h2-cta-copy .h2-title{color:#fff}
.h2-cta-copy p{color:#9fb5ce;max-width:440px;margin-top:18px}
.h2-cta-art{position:relative;min-height:390px;overflow:hidden;background:#09295b}
.h2-cta-art img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s}
.h2-cta-wrap:hover .h2-cta-art img{transform:scale(1.07)}
.h2-cta-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06152f 0%,rgba(6,21,47,.15) 42%,transparent 100%)}
.h2-cta-badge{position:absolute;right:25px;bottom:22px;z-index:3;background:#35e0d0;color:#06152f;padding:15px 17px;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.23)}
.h2-cta-badge strong{display:block;font-size:21px;letter-spacing:1.5px}
.h2-cta-badge span{font-size:8px;letter-spacing:1.2px;font-weight:900}
.h2-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.h2-reveal.visible{opacity:1;transform:none}
.h2-left{opacity:0;transform:translateX(-36px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.h2-left.visible{opacity:1;transform:none}
.h2-right{opacity:0;transform:translateX(36px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.h2-right.visible{opacity:1;transform:none}
@keyframes h2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes h2Spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes h2Glow{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes h2Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.12)}}
@media(max-width:1100px){.h2-hero-layout,.h2-story-grid,.h2-machine-grid,.h2-price-layout,.h2-editorial-grid{grid-template-columns:1fr}.h2-hero-layout{gap:20px;padding:44px 0 25px}.h2-hero-copy{max-width:780px}.h2-hero-visual{height:500px}.h2-story-grid,.h2-editorial-grid{gap:40px}.h2-machine-grid{gap:10px}.h2-machine-visual{order:-1}.h2-price-layout{gap:45px}.h2-visit-grid{grid-template-columns:1fr}.h2-trio-head,.h2-voices-top{align-items:flex-start;flex-direction:column}.h2-trio-head .h2-copy,.h2-voices-top .h2-copy{max-width:650px}.h2-quotes{grid-template-columns:1fr 1fr}.h2-quote.featured{transform:none}.h2-quote.featured:hover{transform:translateY(-7px)}}
@media(max-width:760px){.h2-hero{padding-top:76px}.h2-hero-layout{padding-top:40px}.h2-hero h1{font-size:60px;letter-spacing:-2.5px}.h2-hero-visual{height:395px}.h2-hero-mainimg{height:350px;width:87%;border-radius:24px 24px 70px 24px}.h2-hero-cut{height:135px;width:43%;border-width:6px}.h2-hero-badge{width:78px;height:78px;top:65px}.h2-hero-badge strong{font-size:19px}.h2-hero-sticker{top:25px;left:3%}.h2-orb{display:none}.h2-hero-bottom{gap:11px;font-size:7px}.h2-strip-grid{grid-template-columns:1fr}.h2-strip-lead,.h2-strip-item{border-right:0;border-bottom:1px solid #dce7f3}.h2-strip-lead{padding-left:0}.h2-trio,.h2-story,.h2-machine,.h2-availability,.h2-pricing,.h2-editorial,.h2-voices,.h2-visit,.h2-cta{padding-top:70px;padding-bottom:75px}.h2-trio-grid{grid-template-columns:1fr;gap:14px}.h2-trio-card{min-height:430px}.h2-story-visual,.h2-editorial-art{height:390px}.h2-story-img{height:340px;width:85%}.h2-story-note{width:175px;padding:17px}.h2-story-note p{font-size:20px}.h2-specs{gap:0}.h2-spec{padding:0 14px}.h2-spec strong{font-size:21px}.h2-machine-visual{height:350px}.h2-machine-ring{width:290px;height:290px}.h2-machine-image{width:285px;height:240px}.h2-data{padding:9px 11px}.h2-data.one{left:0}.h2-data.two{right:0}.h2-floor{padding:17px}.h2-floor-grid{grid-template-columns:1fr}.h2-floor-map{height:195px;order:-1}.h2-side{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:end}.h2-side .h2-meter{grid-column:1/-1}.h2-rate-row{grid-template-columns:46px 1fr auto;gap:12px}.h2-rate-row>i{display:none}.h2-rate-row>strong{font-size:22px}.h2-rate-foot{display:block}.h2-rate-foot b{display:block;margin-top:4px}.h2-editorial-main{left:26px;inset:auto 0 32px 26px;height:350px}.h2-editorial-tag{bottom:0;left:0}.h2-space{min-height:520px}.h2-space-copy{padding-top:70px;padding-bottom:70px}.h2-space-index{display:none}.h2-quotes{grid-template-columns:1fr}.h2-quote{min-height:210px}.h2-cta-wrap{grid-template-columns:1fr}.h2-cta-copy{padding:44px 28px}.h2-cta-art{min-height:280px}.h2-cta-badge{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.h2-reveal,.h2-left,.h2-right{transition:none!important;opacity:1!important;transform:none!important}.h2-hero *,.h2-machine *,.h2-space *,.h2-cta *,.h2-hero-visual *{animation:none!important;transition:none!important}}
.h2-playbook{position:relative;overflow:hidden;padding:92px 0 86px;background:linear-gradient(180deg,#f6fbff 0%,#ffffff 54%,#eef8ff 100%)}
.h2-playbook::before{content:"";position:absolute;inset:auto -10% 8% auto;width:34vw;height:34vw;min-width:320px;min-height:320px;border-radius:50%;background:radial-gradient(circle,rgba(40,168,255,.13),rgba(40,168,255,0) 68%);pointer-events:none}
.h2-playbook-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:end;margin-bottom:48px}
.h2-playbook-intro{max-width:590px;margin-left:auto}
.h2-playbook-line{display:flex;align-items:center;gap:15px;margin-top:24px;font-size:9px;font-weight:900;letter-spacing:2px;color:#64809b}
.h2-playbook-line span{width:68px;height:2px;background:linear-gradient(90deg,#1268e8,#35e0d0);display:block}
.h2-playbook-line em{font-style:normal}
.h2-playbook-main{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:46px;align-items:stretch}
.h2-playbook-visual{min-width:0}
.h2-playbook-main-image{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8 62%,#35e0d0);box-shadow:0 28px 70px rgba(6,21,47,.15)}
.h2-playbook-main-image img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block;transform:scale(1.03);transition:1.15s cubic-bezier(.2,.7,.2,1);filter:saturate(1.04)}
.h2-playbook-main-image:hover img{transform:scale(1.09)}
.h2-playbook-main-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,0) 44%,rgba(6,21,47,.76) 100%);pointer-events:none}
.h2-playbook-image-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}
.h2-playbook-image-overlay span{display:block;font-size:9px;font-weight:900;letter-spacing:2px;color:#8feee7;margin-bottom:8px}
.h2-playbook-image-overlay strong{font-family:"DM Serif Display",serif;font-size:38px;line-height:1.05;font-weight:400}
.h2-playbook-mini-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:16px;margin-top:16px}
.h2-playbook-mini-img{height:180px;overflow:hidden;border-radius:22px;background:#dceeff}
.h2-playbook-mini-img img{width:100%;height:100%;object-fit:cover;display:block;transition:1s ease}
.h2-playbook-mini-img:hover img{transform:scale(1.08) rotate(.5deg)}
.h2-playbook-stat{border:1px solid rgba(18,104,232,.13);border-radius:22px;background:#fff;padding:24px 25px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 40px rgba(6,21,47,.07)}
.h2-playbook-stat span{font-size:8px;font-weight:900;letter-spacing:2px;color:#1268e8}
.h2-playbook-stat strong{font-family:"DM Serif Display",serif;font-size:28px;font-weight:400;color:#06152f;margin:7px 0 8px}
.h2-playbook-stat p{margin:0;color:#678099;font-size:13px;line-height:1.75}
.h2-playbook-content{display:flex;flex-direction:column;justify-content:center}
.h2-playbook-rule{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:18px;align-items:start;padding:26px 0;border-top:1px solid rgba(6,21,47,.12);transform:translateX(0);transition:transform .35s ease,background .35s ease}
.h2-playbook-rule:first-child{border-top:0;padding-top:10px}
.h2-playbook-rule:hover{transform:translateX(6px)}
.h2-playbook-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f4ff;color:#1268e8;font-size:11px;font-weight:900;letter-spacing:1px}
.h2-playbook-rule h3{margin:0 0 7px;font-size:20px;color:#06152f;font-weight:900}
.h2-playbook-rule p{margin:0;color:#678099;font-size:13px;line-height:1.8;max-width:520px}
.h2-playbook-rule>i{font-size:13px;color:#35bfc1;margin-top:6px;opacity:.8;transition:transform .3s ease,opacity .3s ease}
.h2-playbook-rule:hover>i{transform:translate(3px,-3px);opacity:1}
.h2-playbook-guide{margin-top:20px;padding:22px 24px;border-radius:20px;background:#06152f;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 18px 42px rgba(6,21,47,.16)}
.h2-guide-label{display:block;font-size:8px;font-weight:900;letter-spacing:2px;color:#8feee7;margin-bottom:6px}
.h2-playbook-guide strong{font-size:15px;line-height:1.4}
.h2-guide-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.h2-guide-tags span{padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:1.1px;color:#d9e6f3;transition:.25s ease}
.h2-guide-tags span:hover{background:#35e0d0;color:#06152f;border-color:#35e0d0;transform:translateY(-2px)}
.h2-playbook-bottom{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:stretch;margin-top:26px}
.h2-playbook-bottom>div{padding:19px 22px;border-radius:18px;background:#fff;border:1px solid rgba(6,21,47,.09);box-shadow:0 12px 30px rgba(6,21,47,.05)}
.h2-playbook-bottom strong{display:block;font-size:23px;line-height:1;color:#1268e8;font-weight:900}
.h2-playbook-bottom span{display:block;margin-top:8px;color:#70869a;font-size:10px;font-weight:800;letter-spacing:.2px}
.h2-playbook-bottom .h2-link{align-self:center;justify-self:end;white-space:nowrap}
@media (max-width:1100px){.h2-playbook-head{grid-template-columns:1fr;gap:20px}.h2-playbook-intro{margin-left:0;max-width:720px}.h2-playbook-main{grid-template-columns:1fr;gap:34px}.h2-playbook-main-image,.h2-playbook-main-image img{min-height:460px}.h2-playbook-bottom{grid-template-columns:repeat(3,1fr)}.h2-playbook-bottom .h2-link{grid-column:1/-1;justify-self:start;margin-top:8px}}
@media (max-width:720px){.h2-playbook{padding:72px 0 68px}.h2-playbook-head{margin-bottom:34px}.h2-playbook-main-image,.h2-playbook-main-image img{min-height:390px}.h2-playbook-image-overlay{left:20px;right:20px;bottom:20px}.h2-playbook-image-overlay strong{font-size:30px}.h2-playbook-mini-grid{grid-template-columns:1fr}.h2-playbook-mini-img{height:210px}.h2-playbook-guide{align-items:flex-start;flex-direction:column}.h2-guide-tags{justify-content:flex-start}.h2-playbook-bottom{grid-template-columns:1fr}.h2-playbook-bottom .h2-link{justify-self:start}}
@media (prefers-reduced-motion:no-preference){.h2-playbook-main-image{animation:playbookFloat 6s ease-in-out infinite}.h2-playbook-stat{animation:playbookStat 4.5s ease-in-out infinite}.h2-playbook-line span{animation:playbookLine 2.8s ease-in-out infinite}}
@keyframes playbookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes playbookStat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes playbookLine{0%,100%{width:42px}50%{width:92px}}

/* Active page is highlighted by the filled nav state only; no underline rule is used. */

/* =========================================================
   SPINORA ABOUT PAGE — GENERAL STYLES
========================================================= */

:root{--about-ink:#0c2e35;--about-muted:#64797d;--about-cream:#f5f1e8;--about-soft:#eef4f0;--about-blue:#79c8dc;--about-line:rgba(12,46,53,.14);--about-deep:#062f38;}
body{background:var(--about-cream);}
.about-hero,.about-section{position:relative;overflow:hidden;}
.about-hero{padding:78px 0 88px;background:linear-gradient(180deg,#f7f2e9 0%,#eef4f0 100%);}
.about-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center;max-width:1240px;}
.about-hero-copy{max-width:560px;}
.about-hero h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(46px,5vw,74px);line-height:1.02;letter-spacing:-.03em;color:var(--about-ink);margin:18px 0 22px;}
.about-hero h1 em{font-style:normal;color:#1b7190;}
.about-hero p{font-size:18px;line-height:1.72;color:var(--about-muted);max-width:520px;margin:0 0 28px;}
.about-hero-meta{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--about-line);padding-top:20px;}
.about-hero-meta div{display:grid;gap:3px}.about-hero-meta strong{font-size:21px;color:var(--about-ink)}.about-hero-meta span{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--about-muted)}
.about-hero-visual{position:relative;min-height:560px;}.hero-photo{position:absolute;overflow:hidden;box-shadow:0 26px 70px rgba(6,47,56,.16)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}.hero-photo-main{inset:0 68px 35px 0;border-radius:40px 18px 40px 18px}.hero-photo-detail{width:39%;height:46%;right:0;bottom:0;border-radius:18px 36px 18px 36px;border:10px solid var(--about-cream)}.hero-photo:hover img{transform:scale(1.05)}
.photo-chip{position:absolute;left:22px;bottom:22px;background:rgba(6,47,56,.92);color:#fff;padding:12px 16px;border-radius:999px;font-size:12px;display:flex;gap:8px;align-items:center}.photo-chip i{color:var(--about-blue)}.hero-note{position:absolute;left:14px;top:22px;background:#fff;border:1px solid rgba(12,46,53,.12);border-radius:14px;padding:10px 13px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 32px rgba(6,47,56,.12)}.hero-note span{font-size:12px;font-weight:800;color:#1b7190}.hero-note strong{font-size:10px;letter-spacing:.11em;color:var(--about-muted)}
.about-marquee{background:var(--about-deep);color:#dff7fa;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.about-marquee-track{display:flex;align-items:center;gap:24px;white-space:nowrap;padding:15px 0;min-width:max-content;animation:aboutMarquee 26s linear infinite}.about-marquee span{font-size:11px;letter-spacing:.22em;font-weight:800}.about-marquee i{width:6px;height:6px;border-radius:50%;background:var(--about-blue);display:block}@keyframes aboutMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.about-section{padding:92px 0}.about-story{background:#f7f2e9}.about-section-head,.direction-intro,.team-head{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:end;margin-bottom:44px}.about-section-head h2,.direction-intro h2,.team-head h2,.standard-copy h2,.voices-side h2,.cta-about-copy h2,.belief-copy h2{font-family:'DM Serif Display',serif;font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:400;letter-spacing:-.02em;color:var(--about-ink);margin:10px 0 0}.about-section-head>p,.direction-intro>p,.team-head>p{font-size:17px;line-height:1.72;color:var(--about-muted);max-width:460px;justify-self:end}.history-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:stretch}.history-image{position:relative;min-height:560px;border-radius:26px;overflow:hidden}.history-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.history-image:hover img{transform:scale(1.035)}.history-stamp{position:absolute;left:22px;bottom:22px;background:rgba(6,47,56,.93);color:white;padding:17px 18px;border-radius:16px;display:grid;gap:5px}.history-stamp span{font-size:10px;letter-spacing:.16em}.history-stamp strong{font-size:30px;line-height:1;color:var(--about-blue)}.history-copy{border-left:1px solid var(--about-line);padding-left:38px;display:flex;flex-direction:column}.history-entry{display:grid;grid-template-columns:76px 1fr;gap:18px;padding:18px 0 24px;border-bottom:1px solid var(--about-line)}.history-year{font-weight:800;color:#1b7190;letter-spacing:.08em}.history-entry h3{margin:0 0 8px;font-size:22px;color:var(--about-ink)}.history-entry p{margin:0;font-size:15px;line-height:1.7;color:var(--about-muted)}.history-foot{margin-top:auto;padding-top:24px;display:grid;gap:8px}.history-foot span{font-size:11px;letter-spacing:.16em;color:#1b7190;font-weight:800}.history-foot strong{font-size:18px;color:var(--about-ink)}
.about-belief{background:var(--about-soft)}.belief-grid{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.belief-copy>p{font-size:17px;line-height:1.75;color:var(--about-muted);max-width:620px}.belief-list{margin-top:28px;border-top:1px solid var(--about-line)}.belief-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--about-line)}.belief-list span{font-size:12px;font-weight:800;color:#1b7190}.belief-list p{margin:0;font-size:15px;line-height:1.6;color:var(--about-muted)}.belief-list strong{color:var(--about-ink)}.belief-visual{position:relative;min-height:560px}.belief-visual img{width:100%;height:560px;object-fit:cover;border-radius:24px 64px 24px 64px;box-shadow:0 24px 60px rgba(6,47,56,.14)}.belief-label{position:absolute;left:22px;bottom:22px;background:#fff;padding:16px 18px;border-radius:16px;display:grid;gap:5px;box-shadow:0 15px 34px rgba(6,47,56,.14)}.belief-label strong{font-size:12px;letter-spacing:.12em;color:var(--about-ink)}.belief-label small{font-size:12px;color:var(--about-muted)}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ec7a4;box-shadow:0 0 0 0 rgba(46,199,164,.5);animation:pulse 1.8s infinite}.belief-label{grid-template-columns:auto auto;grid-template-rows:auto auto}.belief-label .pulse-dot{grid-row:1/3;margin-top:3px;margin-right:2px}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(46,199,164,0)}100%{box-shadow:0 0 0 0 rgba(46,199,164,0)}}
.about-direction{background:#f7f2e9}.direction-rail{display:grid;grid-template-columns:1fr .9fr 1fr;gap:18px;align-items:stretch}.direction-card{min-height:430px;border-radius:24px;padding:28px;position:relative;overflow:hidden}.direction-card-main{background:var(--about-deep);color:white}.direction-card-light{background:#fff;border:1px solid var(--about-line)}.direction-card-image{padding:0}.direction-card-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(6,47,56,.88);color:#fff;border-radius:16px;padding:14px 15px;display:grid;gap:4px}.image-caption span{font-size:10px;letter-spacing:.16em}.image-caption strong{font-size:15px}.direction-num{font-size:12px;font-weight:800;color:#8bcfe0}.direction-symbol{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;margin:34px 0 22px;font-size:17px}.direction-card h3{font-size:30px;margin:0 0 14px}.direction-card p{font-size:16px;line-height:1.7;opacity:.88;margin:0}.direction-line{height:1px;background:rgba(255,255,255,.18);margin:40px 0 12px}.direction-card>span{font-size:11px;letter-spacing:.13em;color:#a6cbd1}.value-tags{position:absolute;left:28px;bottom:28px;display:flex;gap:8px;flex-wrap:wrap}.value-tags span{font-size:10px;letter-spacing:.12em;border:1px solid var(--about-line);padding:8px 10px;border-radius:999px;color:#1b7190}
.about-team{background:#fff}.team-head{margin-bottom:38px}.team-grid-about{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{background:#f4f1e8;border:1px solid rgba(12,46,53,.12);overflow:hidden;box-shadow:0 12px 30px rgba(6,47,56,.07);transition:transform .45s ease,box-shadow .45s ease}.team-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(6,47,56,.14)}.team-card-a{border-radius:28px 10px 28px 10px}.team-card-b{border-radius:10px 28px 10px 28px}.team-card-c{border-radius:10px 28px 28px 10px}.team-card-d{border-radius:28px 10px 10px 28px}.team-photo{height:310px;position:relative;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.team-card:hover .team-photo img{transform:scale(1.05)}.team-index{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1b7190;font-size:11px;font-weight:800}.team-info{padding:18px}.team-info h3{margin:0;font-size:21px;color:var(--about-ink)}.team-info span{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1b7190;font-weight:800}.team-info p{font-size:14px;line-height:1.6;color:var(--about-muted);margin:13px 0 0}
.about-standard{background:var(--about-deep);color:#fff}.standard-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.standard-image{position:relative;height:560px;border-radius:26px;overflow:hidden}.standard-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.standard-image:hover img{transform:scale(1.04)}.standard-overlay{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(6,47,56,.9);border:1px solid rgba(255,255,255,.1);padding:16px 18px;border-radius:16px;display:grid;gap:5px}.standard-overlay span{font-size:10px;letter-spacing:.15em;color:#9fdcea}.standard-overlay strong{font-size:18px}.standard-copy h2{color:#fff}.standard-copy .section-kicker{color:#86cfdf}.standard-row{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.standard-row>span{font-size:12px;font-weight:800;color:#83d0df}.standard-row h3{font-size:19px;margin:0 0 5px}.standard-row p{margin:0;color:#c7dcdf;line-height:1.65;font-size:15px}
.about-voices{background:#f0f4ef}.voices-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.voices-side h2{max-width:480px}.voice-stat{margin-top:28px;display:flex;align-items:end;gap:10px}.voice-stat strong{font-size:48px;color:#1b7190;line-height:.9}.voice-stat span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--about-muted)}.voice-feature{background:#fff;border:1px solid var(--about-line);border-radius:28px;padding:42px;box-shadow:0 20px 55px rgba(6,47,56,.08);position:relative;overflow:hidden}.quote-mark{font-family:'DM Serif Display',serif;font-size:78px;line-height:.5;color:#81cadb}.voice-feature blockquote{font-family:'DM Serif Display',serif;font-size:32px;line-height:1.24;color:var(--about-ink);margin:24px 0 34px;max-width:730px}.voice-person{display:flex;align-items:center;gap:12px}.voice-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--about-deep);color:white;font-size:12px;font-weight:800}.voice-person strong{display:block;color:var(--about-ink)}.voice-person span{display:block;font-size:12px;color:var(--about-muted);margin-top:3px}.voice-track{position:absolute;right:28px;bottom:28px;display:flex;gap:6px}.voice-track span{width:26px;height:3px;background:#d8e2df;border-radius:2px}.voice-track .active{background:#1b7190}
.about-cta{background:#e7f0ec}.cta-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.cta-about-copy>p{font-size:17px;line-height:1.7;color:var(--about-muted);max-width:520px;margin-bottom:28px}.cta-about-image{height:430px;position:relative;border-radius:28px 12px 28px 12px;overflow:hidden}.cta-about-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.cta-about-image:hover img{transform:scale(1.04)}.cta-tag{position:absolute;left:18px;bottom:18px;background:#fff;padding:13px 15px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;font-weight:800;color:var(--about-ink)}.cta-tag i{color:#1b7190}
.about-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.about-reveal.delay-1{transition-delay:.12s}.about-reveal.delay-2{transition-delay:.2s}.about-reveal.delay-3{transition-delay:.28s}.about-reveal.visible{opacity:1;transform:none}

/* SPINORA machine images — match the same deep-blue / aqua brand family. */
.hero-photo-detail,
.belief-visual{
    isolation:isolate;
    overflow:hidden;
}

.hero-photo-detail::after,
.belief-visual::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(135deg,
        rgba(6,21,47,.16) 0%,
        rgba(18,104,232,.42) 48%,
        rgba(53,224,208,.36) 100%);
    mix-blend-mode:color;
    opacity:.88;
}

.hero-photo-detail::before,
.belief-visual::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(6,21,47,.06),rgba(18,104,232,.10));
    mix-blend-mode:multiply;
}

.hero-photo-detail img,
.belief-visual img{
    filter:saturate(1.18) contrast(1.06) brightness(.96);
    transform:scale(1.01);
}

.hero-photo-detail .machine-color-chip,
.belief-visual .belief-label{
    position:relative;
    z-index:4;
}

.hero-photo-detail .machine-color-chip{
    background:linear-gradient(135deg,#1268e8,#35e0d0)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.35)!important;
    box-shadow:0 12px 28px rgba(18,104,232,.28);
}

.belief-visual .belief-label{
    background:rgba(6,21,47,.88)!important;
    color:#fff!important;
    border:1px solid rgba(53,224,208,.45)!important;
}

/* Home 2 hero palette applied to About Hero */
.about-hero{
  background:linear-gradient(135deg,#06152F 0%,#09295B 58%,#1268E8 150%) !important;
  color:#fff !important;
}
.about-hero h1{
  color:#fff !important;
}
.about-hero h1 em{
  color:#35E0D0 !important;
}
.about-hero p{
  color:#d7eaff !important;
}
.about-hero-meta{
  border-top-color:rgba(53,224,208,.28) !important;
}
.about-hero-meta strong{
  color:#fff !important;
}
.about-hero-meta span{
  color:#b8d5ee !important;
}
.hero-kicker{
  color:#35E0D0 !important;
}
.hero-kicker span{
  background:#35E0D0 !important;
}
.about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 22%,rgba(40,168,255,.18),transparent 28%),
    radial-gradient(circle at 20% 85%,rgba(53,224,208,.10),transparent 24%);
  pointer-events:none;
}
.about-hero > .container{position:relative;z-index:2;}
.hero-note{
  background:rgba(6,21,47,.86) !important;
  color:#fff !important;
  border-color:rgba(53,224,208,.25) !important;
}
.photo-chip{
  background:rgba(6,21,47,.9) !important;
  color:#fff !important;
  border-color:rgba(53,224,208,.25) !important;
}

/* Mission + Vision must use the exact same box color family */
.direction-card-main,
.direction-card-light{
  background:var(--about-deep) !important;
  color:#fff !important;
  border:1px solid rgba(53,224,208,.18) !important;
}
.direction-card-light h3,
.direction-card-light p,
.direction-card-light .direction-symbol,
.direction-card-light .direction-num{
  color:#fff !important;
}
.direction-card-light .direction-symbol{
  border-color:rgba(53,224,208,.55) !important;
}
.direction-card-light .value-tags span{
  color:#cceff1 !important;
  border-color:rgba(53,224,208,.28) !important;
  background:rgba(53,224,208,.06) !important;
}
.direction-card-light .direction-num{
  color:#8bcfe0 !important;
}

/* Keep the central image unchanged; only surrounding cards share color. */
@media(max-width:980px){.about-hero-grid,.history-layout,.belief-grid,.standard-layout,.voices-wrap,.cta-about-grid{grid-template-columns:1fr}.about-hero-copy{max-width:720px}.about-hero-visual{min-height:500px}.history-image,.belief-visual img,.belief-visual,.standard-image{height:500px;min-height:500px}.direction-rail{grid-template-columns:1fr 1fr}.direction-card-image{grid-column:1/-1;min-height:360px}.team-grid-about{grid-template-columns:1fr 1fr}.about-section-head,.direction-intro,.team-head{grid-template-columns:1fr}.about-section-head>p,.direction-intro>p,.team-head>p{justify-self:start}.voices-wrap{gap:34px}}
@media(max-width:640px){.about-hero{padding:56px 0 60px}.about-hero-grid{gap:34px}.about-hero h1{font-size:44px}.about-hero p{font-size:16px}.about-hero-visual{min-height:380px}.hero-photo-main{right:32px;bottom:22px;border-radius:26px 12px 26px 12px}.hero-photo-detail{width:42%;height:45%;border-width:7px;border-radius:12px 24px 12px 24px}.hero-note{left:0;top:12px}.about-section{padding:64px 0}.about-section-head h2,.direction-intro h2,.team-head h2,.belief-copy h2,.standard-copy h2,.voices-side h2,.cta-about-copy h2{font-size:36px}.history-image,.belief-visual img,.belief-visual,.standard-image{height:380px;min-height:380px}.history-copy{padding-left:0;border-left:0;border-top:1px solid var(--about-line);padding-top:12px}.history-entry{grid-template-columns:58px 1fr}.direction-rail{grid-template-columns:1fr}.direction-card-image{grid-column:auto;min-height:330px;height:330px}.team-grid-about{grid-template-columns:1fr}.team-photo{height:330px}.standard-layout,.cta-about-grid{gap:30px}.voice-feature{padding:30px 24px}.voice-feature blockquote{font-size:25px}.cta-about-image{height:320px}.about-hero-meta{gap:18px}.photo-chip{font-size:10px}.about-marquee-track{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){.about-marquee-track{animation:none}.about-reveal{opacity:1;transform:none}.hero-photo img,.history-image img,.belief-visual img,.team-photo img,.standard-image img,.cta-about-image img{transition:none}}



/* =========================================================
   SPINORA — NO INLINE STYLE HELPERS
========================================================= */
.copy-muted-blue{color:#9fb6d4!important;}
.kicker-aqua{color:#a9fff4!important;}
.kicker-mint{color:#72eee0!important;}
.kicker-cyan{color:#65e9ff!important;}
.meter-fill-60{width:60%!important;}
.meter-fill-50{width:50%!important;}
.meter-fill-67{width:67%!important;}
.flow-copy{margin-top:18px!important;max-width:510px;}
.price-copy{margin-top:18px!important;max-width:460px;}
.notes-copy{margin-top:18px!important;max-width:500px;}
.back-top-link{color:#fff!important;}
.h2-meter-fill-72{width:72%!important;}
.h2-meter-fill-58{width:58%!important;}



/* =========================================================
   SPINORA CONTACT PAGE — PAGE-SPECIFIC STYLES
========================================================= */
.contact-page{
  --contact-blue:#1268e8;
  --contact-sky:#28a8ff;
  --contact-aqua:#35e0d0;
  --contact-navy:#06152f;
  --contact-soft:#edf5ff;
  --contact-line:rgba(6,21,47,.12);
  background:var(--off-white,#f6fbff);
  color:var(--text,#12344a);
}

.contact-hero{
  position:relative;
  padding:clamp(118px,13vw,170px) 0 76px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 12%, rgba(40,168,255,.18), transparent 34%),
    linear-gradient(180deg,#f6fbff 0%,#edf5ff 100%);
}
.contact-hero::after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-150px;bottom:-170px;
  border:1px solid rgba(18,104,232,.18);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(53,224,208,.06),0 0 0 140px rgba(18,104,232,.035);
  pointer-events:none;
}
.contact-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(34px,6vw,86px);
  align-items:center;
}
.contact-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--contact-blue);margin-bottom:18px;
}
.contact-eyebrow::before{content:"";width:36px;height:2px;background:linear-gradient(90deg,var(--contact-blue),var(--contact-aqua));border-radius:2px}
.contact-hero-copy h1{
  margin:0;
  font-family:"DM Serif Display",serif;
  font-weight:400;
  font-size:clamp(48px,6vw,82px);
  line-height:.98;
  letter-spacing:-.035em;
  color:var(--contact-navy);
}
.contact-hero-copy h1 em{font-style:normal;color:var(--contact-blue)}
.contact-hero-copy p{
  max-width:650px;margin:22px 0 28px;
  color:#587089;font-size:16px;line-height:1.8;
}
.contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact-mini-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.contact-mini-pills span{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(18,104,232,.14);
  border-radius:999px;background:rgba(255,255,255,.75);font-size:12px;font-weight:800;color:#365875;
  backdrop-filter:blur(10px);
}
.contact-mini-pills i{color:var(--contact-blue)}
.contact-hero-media{position:relative;min-height:470px}
.contact-hero-image{
  position:absolute;inset:0 22px 0 0;border-radius:38px 38px 22px 38px;overflow:hidden;
  box-shadow:0 30px 70px rgba(6,21,47,.16);transform:rotate(1.2deg);
  border:1px solid rgba(255,255,255,.8);
}
.contact-hero-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .9s ease}
.contact-hero-media:hover .contact-hero-image img{transform:scale(1.08)}
.contact-image-note{
  position:absolute;left:-18px;bottom:26px;padding:16px 18px;border-radius:18px;
  background:var(--contact-navy);color:#fff;box-shadow:0 18px 40px rgba(6,21,47,.22);
  display:flex;align-items:center;gap:12px;animation:contactFloat 5s ease-in-out infinite;
}
.contact-image-note strong{font-size:18px}.contact-image-note span{font-size:11px;color:#bcd6ff;text-transform:uppercase;letter-spacing:.11em}
@keyframes contactFloat{50%{transform:translateY(-8px)}}

.contact-info-section{padding:76px 0;background:#fff}
.contact-section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}
.contact-section-head .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--contact-blue)}
.contact-section-head h2{margin:6px 0 0;font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,52px);font-weight:400;color:var(--contact-navy)}
.contact-section-head p{max-width:520px;margin:0;color:#61788e;line-height:1.75;font-size:14px}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-info-card{
  position:relative;padding:26px;border:1px solid rgba(18,104,232,.11);border-radius:24px;background:linear-gradient(145deg,#fff,#f4f9ff);
  box-shadow:0 15px 36px rgba(6,21,47,.06);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.contact-info-card::after{content:"";position:absolute;width:100px;height:100px;right:-45px;bottom:-45px;border-radius:50%;background:rgba(53,224,208,.11)}
.contact-info-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(6,21,47,.1);border-color:rgba(18,104,232,.22)}
.contact-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f3ff,#dffcf9);color:var(--contact-blue);font-size:18px;margin-bottom:16px}
.contact-info-card h3{margin:0 0 8px;font-size:18px;color:var(--contact-navy)}
.contact-info-card p,.contact-info-card a{margin:0;color:#62798f;line-height:1.65;font-size:14px;text-decoration:none}
.contact-info-card a:hover{color:var(--contact-blue)}
.contact-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.contact-meta span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4c6a84;padding:7px 9px;border-radius:999px;background:#edf5ff}

.contact-form-section{padding:82px 0;background:#eef6ff}
.contact-form-shell{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.34fr);border-radius:32px;overflow:hidden;box-shadow:0 26px 70px rgba(6,21,47,.12);background:#fff}
.contact-form-copy{padding:46px;background:linear-gradient(160deg,var(--contact-navy),#0c2b5f 65%,#0c4975)}
.contact-form-copy .kicker{color:#77dcff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.contact-form-copy h2{margin:10px 0 16px;color:#fff;font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(38px,4vw,54px);line-height:1}
.contact-form-copy p{margin:0;color:#c7d8ef;font-size:14px;line-height:1.75}
.contact-form-list{display:grid;gap:10px;margin-top:26px}
.contact-form-list div{display:flex;gap:10px;align-items:center;color:#e9f4ff;font-size:13px}.contact-form-list i{color:var(--contact-aqua)}
.contact-form{padding:42px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#48627a;margin-bottom:8px}
.form-control{width:100%;border:1px solid #d7e2ee;background:#f9fcff;color:#17334f;border-radius:14px;padding:14px 14px;font:inherit;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.form-control:focus{border-color:var(--contact-blue);background:#fff;box-shadow:0 0 0 4px rgba(18,104,232,.1)}
textarea.form-control{min-height:142px;resize:vertical}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}.form-foot small{font-size:11px;color:#72869a;line-height:1.5}
.contact-submit{border:0;border-radius:14px;padding:13px 18px;cursor:pointer;background:linear-gradient(135deg,var(--contact-blue),#0f8be9);color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:10px;box-shadow:0 12px 26px rgba(18,104,232,.24);transition:transform .25s ease,box-shadow .25s ease}
.contact-submit:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(18,104,232,.3)}
.form-message{display:none;margin-top:12px;padding:10px 12px;border-radius:11px;background:#e8fbf4;color:#0c795d;font-size:12px;font-weight:800}.form-message.show{display:block}

.contact-map-section{padding:78px 0;background:#fff}
.contact-map-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:20px;align-items:stretch}
.contact-map{min-height:500px;border-radius:28px;overflow:hidden;border:1px solid rgba(18,104,232,.14);box-shadow:0 20px 50px rgba(6,21,47,.08);position:relative;background:#d9e9f2}
.contact-map iframe{width:100%;height:100%;min-height:500px;border:0;display:block;filter:saturate(.85) contrast(.98)}
.contact-map-overlay{position:absolute;left:20px;top:20px;padding:13px 15px;background:rgba(6,21,47,.92);color:#fff;border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 12px 25px rgba(6,21,47,.18)}
.contact-map-overlay small{display:block;color:#9ecfff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.contact-map-overlay strong{display:block;margin-top:4px;font-size:14px}
.contact-location-card{border-radius:28px;padding:34px;background:linear-gradient(160deg,var(--contact-navy),#0d386c);color:#fff;box-shadow:0 20px 50px rgba(6,21,47,.15);display:flex;flex-direction:column;justify-content:space-between}
.contact-location-card .kicker{color:#79d9ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.contact-location-card h3{font-family:"DM Serif Display",serif;font-size:36px;font-weight:400;line-height:1;margin:8px 0 16px}.contact-location-card p{color:#c6d8ec;line-height:1.7;font-size:14px}
.location-list{display:grid;gap:15px;margin-top:24px}.location-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.location-item i{width:34px;height:34px;border-radius:11px;background:rgba(53,224,208,.1);display:grid;place-items:center;color:var(--contact-aqua)}.location-item strong{display:block;font-size:12px;color:#fff}.location-item span{display:block;font-size:12px;color:#b6cbe2;line-height:1.5;margin-top:2px}
.location-btn{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 15px;background:#fff;color:var(--contact-navy);text-decoration:none;font-weight:800;font-size:12px}

.contact-help-section{padding:72px 0;background:#edf5ff}
.contact-help-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}
.contact-help-copy h2{margin:6px 0 12px;font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,48px);font-weight:400;color:var(--contact-navy)}
.contact-help-copy p{margin:0;color:#61778d;font-size:14px;line-height:1.75}
.faq-list{display:grid;gap:10px}.faq-item{border:1px solid rgba(18,104,232,.13);border-radius:16px;background:#fff;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;padding:17px 18px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:15px;font:inherit;font-weight:800;color:#173652;cursor:pointer}.faq-q i{transition:transform .25s ease;color:var(--contact-blue)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 18px;color:#61778d;font-size:13px;line-height:1.7}.faq-item.open .faq-a{max-height:160px;padding-bottom:17px}.faq-item.open .faq-q i{transform:rotate(180deg)}

.contact-support-section{padding:70px 0;background:#fff}
.contact-support-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:24px;align-items:stretch}
.contact-support-copy{padding:40px;border-radius:28px;background:linear-gradient(145deg,#f4fbff,#e7f5ff);border:1px solid rgba(18,104,232,.12)}
.contact-support-copy .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--contact-blue);font-weight:800}.contact-support-copy h2{font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,48px);font-weight:400;color:var(--contact-navy);margin:8px 0 13px}.contact-support-copy p{max-width:600px;color:#61778d;font-size:14px;line-height:1.75}
.support-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.support-tags span{padding:9px 11px;border-radius:999px;background:#fff;border:1px solid rgba(18,104,232,.11);font-size:11px;font-weight:800;color:#48637e}
.contact-support-card{position:relative;overflow:hidden;border-radius:28px;padding:34px;background:var(--contact-navy);color:#fff;box-shadow:0 18px 44px rgba(6,21,47,.14)}
.contact-support-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-70px;background:rgba(40,168,255,.18)}
.contact-support-card .kicker{color:#7ce0ff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.contact-support-card h3{font-family:"DM Serif Display",serif;font-size:40px;font-weight:400;margin:8px 0 14px}.support-phone{font-size:22px;font-weight:800}.support-note{font-size:12px;color:#bcd0e7;line-height:1.6;margin-top:8px}.support-call{display:inline-flex;margin-top:22px;align-items:center;gap:9px;padding:12px 14px;border-radius:13px;background:linear-gradient(135deg,var(--contact-blue),#0d8eea);color:#fff;text-decoration:none;font-weight:800;font-size:12px}

.contact-final{position:relative;padding:88px 0;overflow:hidden;background:var(--contact-navy);color:#fff}.contact-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(40,168,255,.16),transparent 36%),radial-gradient(circle at 80% 70%,rgba(53,224,208,.12),transparent 32%)}
.contact-final-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-final .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7cdfff;font-weight:800}.contact-final h2{font-family:"DM Serif Display",serif;font-size:clamp(40px,5vw,66px);font-weight:400;line-height:1;margin:7px 0 12px}.contact-final p{margin:0;color:#bfd2e7;max-width:580px;line-height:1.75;font-size:14px}.contact-final-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-final .btn-secondary{display:inline-flex;align-items:center;gap:9px;border-radius:13px;padding:13px 17px;background:#fff;color:var(--contact-navy);font-weight:800;text-decoration:none}

@media(max-width:1000px){
  .contact-hero-grid,.contact-form-shell,.contact-map-grid,.contact-help-grid,.contact-support-shell{grid-template-columns:1fr}
  .contact-hero-media{min-height:420px}.contact-info-grid{grid-template-columns:1fr 1fr}
  .contact-support-copy{padding:32px}.contact-final-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
  .contact-hero{padding-top:100px}.contact-hero-image{inset:0;border-radius:26px;transform:none}.contact-hero-media{min-height:340px}.contact-image-note{left:14px;bottom:18px}
  .contact-section-head{flex-direction:column;align-items:flex-start}.contact-info-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:26px}.contact-form-copy{padding:30px}.contact-map iframe{min-height:380px}.contact-map{min-height:380px}.contact-location-card{padding:28px}.contact-help-section,.contact-support-section{padding:58px 0}.contact-final{padding:66px 0}
}
@media(prefers-reduced-motion:reduce){.contact-image-note{animation:none}.contact-hero-image img{transition:none}.contact-info-card{transition:none}.contact-submit{transition:none}}

/* =========================================================
   SPINORA CONTACT — LIGHT / DARK THEME CORRECTION
   Keep the Contact page's existing visual design. Only fix
   theme scoping so Light mode never inherits Dark-mode text/
   background rules, while Dark mode keeps the SPINORA navy/
   blue palette used by Home 1, Home 2 and About.
========================================================= */

/* ---------- LIGHT MODE: explicit, readable palette ---------- */
body:not(.dark) .contact-page{
  background:#f6faff !important;
  color:#0b1932 !important;
}
body:not(.dark) .contact-hero{
  background:
    radial-gradient(circle at 80% 12%, rgba(40,168,255,.18), transparent 34%),
    linear-gradient(180deg,#f6fbff 0%,#edf5ff 100%) !important;
}
body:not(.dark) .contact-hero-copy h1,
body:not(.dark) .contact-section-head h2,
body:not(.dark) .contact-help-copy h2,
body:not(.dark) .contact-support-copy h2{
  color:#06152f !important;
}
body:not(.dark) .contact-hero-copy p,
body:not(.dark) .contact-section-head p,
body:not(.dark) .contact-info-card p,
body:not(.dark) .contact-info-card a,
body:not(.dark) .contact-help-copy p,
body:not(.dark) .contact-support-copy p{
  color:#61778d !important;
}
body:not(.dark) .contact-mini-pills span{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(18,104,232,.14) !important;
  color:#365875 !important;
}
body:not(.dark) .contact-info-section,
body:not(.dark) .contact-map-section,
body:not(.dark) .contact-support-section{
  background:#ffffff !important;
}
body:not(.dark) .contact-info-card{
  background:linear-gradient(145deg,#ffffff,#f4f9ff) !important;
  border-color:rgba(18,104,232,.11) !important;
  box-shadow:0 15px 36px rgba(6,21,47,.06) !important;
}
body:not(.dark) .contact-info-card h3{
  color:#06152f !important;
}
body:not(.dark) .contact-meta span{
  background:#edf5ff !important;
  color:#4c6a84 !important;
}
body:not(.dark) .contact-form-section,
body:not(.dark) .contact-help-section{
  background:#edf5ff !important;
}
body:not(.dark) .contact-form-shell{
  background:#ffffff !important;
}
body:not(.dark) .contact-form{
  background:transparent !important;
}
body:not(.dark) .form-group label{
  color:#48627a !important;
}
body:not(.dark) .form-control{
  background:#f9fcff !important;
  color:#17334f !important;
  border-color:#d7e2ee !important;
}
body:not(.dark) .form-control:focus{
  background:#ffffff !important;
}
body:not(.dark) .form-control::placeholder{
  color:#7890a6 !important;
}
body:not(.dark) .form-foot small{
  color:#72869a !important;
}
body:not(.dark) .faq-item{
  background:#ffffff !important;
  border-color:rgba(18,104,232,.13) !important;
}
body:not(.dark) .faq-q{
  color:#173652 !important;
}
body:not(.dark) .faq-a{
  color:#61778d !important;
}
body:not(.dark) .contact-support-copy{
  background:linear-gradient(145deg,#f4fbff,#e7f5ff) !important;
  border-color:rgba(18,104,232,.12) !important;
}
body:not(.dark) .support-tags span{
  background:#ffffff !important;
  color:#48637e !important;
  border-color:rgba(18,104,232,.11) !important;
}

/* ---------- DARK MODE: same SPINORA deep navy / blue family ---------- */
body.dark .contact-page{
  background:#06152f !important;
  color:#eef6ff !important;
}
body.dark .contact-hero{
  background:linear-gradient(180deg,#06152f 0%,#09295b 100%) !important;
}
body.dark .contact-hero-copy h1,
body.dark .contact-section-head h2,
body.dark .contact-help-copy h2,
body.dark .contact-support-copy h2{
  color:#f4f9ff !important;
}
body.dark .contact-hero-copy p,
body.dark .contact-section-head p,
body.dark .contact-info-card p,
body.dark .contact-info-card a,
body.dark .contact-help-copy p,
body.dark .contact-support-copy p{
  color:#bfd0e5 !important;
}
body.dark .contact-mini-pills span{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.1) !important;
  color:#d4e2f2 !important;
}
body.dark .contact-info-section,
body.dark .contact-map-section,
body.dark .contact-support-section{
  background:#071a38 !important;
}
body.dark .contact-info-card{
  background:linear-gradient(145deg,#0d2d59,#0a2448) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:none !important;
}
body.dark .contact-info-card h3{
  color:#f4f9ff !important;
}
body.dark .contact-meta span{
  background:rgba(40,168,255,.08) !important;
  color:#b9d6f4 !important;
}
body.dark .contact-form-section,
body.dark .contact-help-section{
  background:#09295b !important;
}
body.dark .contact-form-shell{
  background:#071a38 !important;
}
body.dark .contact-form{
  background:transparent !important;
}
body.dark .form-group label{
  color:#bdd0e4 !important;
}
body.dark .form-control{
  background:#0b2850 !important;
  color:#eef6ff !important;
  border-color:rgba(255,255,255,.12) !important;
}
body.dark .form-control:focus{
  background:#0e315e !important;
}
body.dark .form-control::placeholder{
  color:#8ca4bd !important;
}
body.dark .form-foot small{
  color:#9db2c8 !important;
}
body.dark .faq-item{
  background:#0b2850 !important;
  border-color:rgba(255,255,255,.1) !important;
}
body.dark .faq-q{
  color:#edf6ff !important;
}
body.dark .faq-a{
  color:#bed0e2 !important;
}
body.dark .contact-support-copy{
  background:linear-gradient(145deg,#0b2850,#0d315d) !important;
  border-color:rgba(255,255,255,.1) !important;
}
body.dark .support-tags span{
  background:rgba(255,255,255,.05) !important;
  color:#c7d8eb !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Header + footer stay on the same shared SPINORA theme in both modes. */
body:not(.dark) .site-header{background:rgba(255,255,255,.97) !important;}
body.dark .site-header{background:rgba(6,21,47,.97) !important;}
body:not(.dark) .footer{background:#06152f !important;color:#fff !important;}
body.dark .footer{background:#030c1d !important;color:#fff !important;}

/* Responsive safety for the Contact page */
@media (max-width: 1100px){
  .contact-hero-grid{grid-template-columns:1fr 1fr !important;}
  .contact-hero-copy h1{font-size:clamp(46px,5.2vw,68px) !important;}
}
@media (max-width: 900px){
  .contact-hero-grid,
  .contact-form-shell,
  .contact-map-grid,
  .contact-help-grid,
  .contact-support-shell{grid-template-columns:1fr !important;}
  .contact-hero-media{min-height:420px !important;}
}
@media (max-width: 700px){
  .contact-hero{padding-top:104px !important;}
  .contact-hero-copy h1{font-size:clamp(40px,11vw,58px) !important;}
  .contact-hero-copy p{font-size:15px !important;}
  .contact-info-grid{grid-template-columns:1fr !important;}
  .form-row{grid-template-columns:1fr !important;}
  .contact-form{padding:26px !important;}
  .contact-form-copy{padding:30px !important;}
  .contact-map iframe,.contact-map{min-height:380px !important;}
  .contact-location-card{padding:28px !important;}
  .contact-final-inner{flex-direction:column !important;align-items:flex-start !important;}
}
@media (max-width: 480px){
  .contact-hero-media{min-height:310px !important;}
  .contact-image-note{left:12px !important;bottom:16px !important;}
  .contact-section-head h2,
  .contact-help-copy h2,
  .contact-support-copy h2{font-size:clamp(32px,10vw,44px) !important;}
  .contact-final{padding:60px 0 !important;}
}

/* RTL */
html[dir="rtl"] .contact-hero-grid,html[dir="rtl"] .contact-form-shell,html[dir="rtl"] .contact-map-grid,html[dir="rtl"] .contact-help-grid,html[dir="rtl"] .contact-support-shell,html[dir="rtl"] .contact-final-inner{direction:rtl}
html[dir="rtl"] .contact-image-note{left:auto;right:-18px}
html[dir="rtl"] .contact-map-overlay{left:auto;right:20px}
html[dir="rtl"] .contact-final-actions{justify-content:flex-start}
html[dir="rtl"] .faq-q{text-align:right}
html[dir="rtl"] .form-foot{flex-direction:row-reverse}


/* SPINORA CONTACT — LIGHT MODE VISIBILITY GUARD */
body:not(.dark) .contact-page{background:#f6fbff;color:#173652;}
body:not(.dark) .contact-page h1,
body:not(.dark) .contact-page h2,
body:not(.dark) .contact-page h3,
body:not(.dark) .contact-page label,
body:not(.dark) .contact-page .faq-q{color:#06152f;}
body:not(.dark) .contact-page p,
body:not(.dark) .contact-page .section-description,
body:not(.dark) .contact-page .contact-info-card p,
body:not(.dark) .contact-page .contact-help-copy p,
body:not(.dark) .contact-page .contact-support-copy p{color:#587089;}
body:not(.dark) .contact-page .contact-info-section,
body:not(.dark) .contact-page .contact-map-section,
body:not(.dark) .contact-page .contact-support-section{background:#fff;}
body:not(.dark) .contact-page .contact-form-section,
body:not(.dark) .contact-page .contact-help-section{background:#eef6ff;}
body:not(.dark) .contact-page .form-control{background:#f9fcff;color:#17334f;border-color:#d7e2ee;}
body:not(.dark) .contact-page .form-control::placeholder{color:#7890a6;}


/* ===== PRICING.HTML PAGE CSS ===== */
/* =========================================================
   SPINORA — DARK MODE
========================================================= */
body.dark{
    --white:#08172f;
    --soft:#0d2347;
    --soft2:#091b37;
    --text:#f5f9ff;
    --muted:#b9c8dd;
    --border:rgba(255,255,255,.11);
    --shadow:0 20px 55px rgba(0,0,0,.3);
    --shadow2:0 12px 35px rgba(40,168,255,.16);
    background:#07162f;
}
.dark .site-header{
    background:rgba(6,21,47,.97);
    border-color:rgba(255,255,255,.08);
}
.dark .price-panel{
    background:#fff;
    color:var(--navy);
}
.dark .story,
.dark .services,
.dark .technology,
.dark .experience,
.dark .location,
.dark .stats-section{
    background:#08172f;
}
.dark .how,
.dark .choose,
.dark .offer-section{
    background:#0d2347;
}
.dark .service-mini,
.dark .location-card,
.dark .tech-item{
    background:#0d2347;
}
.dark .story-small{
    border-color:#08172f;
}
.dark .story-point i,
.dark .choose-float,
.dark .address-row i{
    background:#10294f;
    color:#63c8ff;
}
.dark .big-stat{
    border-color:rgba(255,255,255,.1);
}
.dark .nav-dropdown{
    background:#0b1f40;
}
.dark .nav-dropdown a:hover{
    background:#10294f;
}
.dark .icon-btn{
    background:#0b1f40;
    color:#fff;
}
.dark .newsletter{
    background:#030c1d;
}

.dark .h2-strip,.dark .h2-pricing,.dark .h2-voices,.dark .h2-cta{background:#071a34;color:#fff}
.dark .h2-title{color:#fff}
.dark .h2-copy{color:#a9bfd7}
.dark .h2-strip{border-color:#17385e}
.dark .h2-strip-lead,.dark .h2-strip-item{border-color:#17385e}
.dark .h2-strip-item small,.dark .h2-step p,.dark .h2-rate-copy small{color:#91aac5}
.dark .h2-trio,.dark .h2-editorial,.dark .h2-availability,.dark .h2-visit{background:#071a34}
.dark .h2-story{background:#071a34}
.dark .h2-step,.dark .h2-rate-row,.dark .h2-notes,.dark .h2-note-row{border-color:#17385e}
.dark .h2-rate-row.featured{background:#0a2348}
.dark .h2-rate-row>strong{color:#fff}
.dark .h2-quote{background:#0a2348;border-color:#17385e;color:#fff}
.dark .h2-quote:not(.featured) p{color:#fff}
.dark .h2-quote small{color:#91aac5}

@media(max-width:760px){.dark .h2-strip-lead,.dark .h2-strip-item{border-color:#17385e}}
.dark .h2-playbook{background:linear-gradient(180deg,#071a34 0%,#06152f 55%,#09295b 100%)}
.dark .h2-playbook-rule{border-color:rgba(255,255,255,.12)}
.dark .h2-playbook-rule h3,.dark .h2-playbook-stat strong{color:#fff}
.dark .h2-playbook-rule p,.dark .h2-playbook-stat p{color:#a7bed4}
.dark .h2-playbook-stat,.dark .h2-playbook-bottom>div{background:#0b2344;border-color:rgba(255,255,255,.1);color:#fff}
.dark .h2-playbook-bottom span{color:#a7bed4}
.dark .h2-playbook-num{background:#0d376b;color:#79d6ff}
.dark .h2-playbook-mini-img{background:#09295b}


/* =========================================================
   HOME 1 — FULL DARK MODE COVERAGE
   Keeps every light section readable and consistent.
========================================================= */
.dark .story,
.dark .services,
.dark .how,
.dark .technology,
.dark .stats-section,
.dark .choose,
.dark .experience,
.dark .spaces-section,
.dark .care-section,
.dark .offer-section,
.dark .location{
    background:#08172f;
    color:#f5f9ff;
}
.dark .story,
.dark .technology,
.dark .experience,
.dark .location{
    background-image:
      radial-gradient(circle at 12% 10%,rgba(40,168,255,.055),transparent 24%),
      radial-gradient(circle at 88% 90%,rgba(53,224,208,.045),transparent 24%);
}
.dark .how,
.dark .choose,
.dark .offer-section{
    background-image:
      linear-gradient(115deg,rgba(18,104,232,.055),transparent 38%),
      radial-gradient(circle at 85% 15%,rgba(53,224,208,.065),transparent 22%);
}
.dark .spaces-section{
    background:#091b37;
}
.dark .care-card,
.dark .service-mini,
.dark .location-card,
.dark .tech-item,
.dark .space-row,
.dark .benefit,
.dark .big-stat{
    background:#0d2347;
    color:#f5f9ff;
    border-color:rgba(255,255,255,.10);
}
.dark .step-number,
.dark .choose-float,
.dark .experience-image .image-label,
.dark .address-row i,
.dark .space-row-icon{
    background:#10294f;
    color:#79d6ff;
    border-color:rgba(255,255,255,.10);
}
.dark .space-row:hover{
    background:#10294f;
}
.dark .care-section .section-copy,
.dark .spaces-intro-copy p,
.dark .care-card p,
.dark .location-card .section-copy,
.dark .tech-copy > p,
.dark .editorial-row p,
.dark .big-stat span,
.dark .address-row span{
    color:#a9bfd7;
}
.dark .benefit p{
    color:#d4e8fb;
}
.dark .capacity,
.dark .control-center{
    color:#fff;
}
.dark .newsletter-form{
    background:#10294f;
    border:1px solid rgba(255,255,255,.10);
}
.dark .newsletter-form input{
    background:transparent;
    color:#fff;
}
.dark .newsletter-form input::placeholder{
    color:#91aac5;
}
.dark .price-panel-v2{
    background:#0d2347;
    color:#fff;
    border:1px solid rgba(255,255,255,.10);
}
.dark .price-panel-v2 *{
    color:inherit;
}
.dark .story-small,
.dark .big-stat{
    border-color:rgba(255,255,255,.10);
}

/* =========================================================
   SPINORA ABOUT PAGE — DARK MODE
========================================================= */
body.dark .about-hero{background:linear-gradient(180deg,#062f38 0%,#073942 100%)}body.dark .about-hero h1,body.dark .about-section-head h2,body.dark .direction-intro h2,body.dark .team-head h2,body.dark .belief-copy h2,body.dark .standard-copy h2,body.dark .voices-side h2,body.dark .cta-about-copy h2,body.dark .history-entry h3,body.dark .history-foot strong,body.dark .team-info h3,body.dark .voice-feature blockquote{color:#f4fbfa}body.dark .about-story,body.dark .about-direction{background:#073942}body.dark .about-team{background:#062f38}body.dark .about-belief,body.dark .about-voices,body.dark .about-cta{background:#073942}body.dark .about-hero p,body.dark .about-section-head>p,body.dark .direction-intro>p,body.dark .team-head>p,body.dark .history-entry p,body.dark .belief-copy>p,body.dark .belief-list p,body.dark .standard-row p,body.dark .cta-about-copy>p{color:#c5d8da}body.dark .history-copy{border-color:rgba(220,245,247,.14)}body.dark .history-entry{border-color:rgba(220,245,247,.14)}body.dark .team-card,body.dark .voice-feature{background:#0a4650;border-color:rgba(220,245,247,.14)}body.dark .direction-card-light{background:#0a4650;border-color:rgba(220,245,247,.14)}body.dark .belief-label,body.dark .photo-chip,body.dark .hero-note,body.dark .cta-tag{background:#062f38;color:#f4fbfa}body.dark .belief-list,body.dark .belief-list>div,body.dark .standard-row{border-color:rgba(220,245,247,.14)}body.dark .belief-list strong{color:#f4fbfa}body.dark .about-section{border-color:rgba(220,245,247,.08)}


/* =========================================================
   SPINORA ABOUT PAGE - SAME DARK NAVY FAMILY AS HOME 1 / HOME 2
========================================================= */
body.dark .about-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 58%,#1268e8 145%) !important;color:#fff !important;}
body.dark .about-story,
body.dark .about-team,
body.dark .about-voices{background:#06152f !important;color:#f5f9ff !important;}
body.dark .about-belief,
body.dark .about-direction,
body.dark .about-cta{background:#09295b !important;color:#f5f9ff !important;}
body.dark .about-standard{background:#06152f !important;color:#fff !important;}
body.dark .about-hero h1,
body.dark .about-section-head h2,
body.dark .direction-intro h2,
body.dark .team-head h2,
body.dark .belief-copy h2,
body.dark .standard-copy h2,
body.dark .voices-side h2,
body.dark .cta-about-copy h2,
body.dark .history-entry h3,
body.dark .history-foot strong,
body.dark .team-info h3,
body.dark .voice-feature blockquote{color:#f5f9ff !important;}
body.dark .about-hero p,
body.dark .about-section-head>p,
body.dark .direction-intro>p,
body.dark .team-head>p,
body.dark .history-entry p,
body.dark .belief-copy>p,
body.dark .belief-list p,
body.dark .standard-row p,
body.dark .cta-about-copy>p{color:#a9bfd7 !important;}
body.dark .about-hero h1 em,
body.dark .about-hero .hero-kicker,
body.dark .about-section .section-kicker,
body.dark .history-year,
body.dark .history-foot span,
body.dark .belief-list span,
body.dark .team-info span,
body.dark .voice-stat strong{color:#28a8ff !important;}
body.dark .about-hero-meta{border-color:rgba(53,224,208,.20) !important;}
body.dark .about-hero-meta strong{color:#fff !important;}
body.dark .about-hero-meta span{color:#91aac5 !important;}
body.dark .history-copy,
body.dark .history-entry,
body.dark .belief-list,
body.dark .belief-list>div,
body.dark .standard-row{border-color:rgba(255,255,255,.10) !important;}
body.dark .team-card,
body.dark .voice-feature{background:#09295b !important;border-color:rgba(255,255,255,.10) !important;color:#fff !important;}
body.dark .direction-card-main,
body.dark .direction-card-light{background:#09295b !important;border-color:rgba(40,168,255,.22) !important;color:#fff !important;}
body.dark .direction-card-light h3,
body.dark .direction-card-light p,
body.dark .direction-card-light .direction-symbol,
body.dark .direction-card-light .direction-num{color:#fff !important;}
body.dark .direction-card-light .direction-symbol{border-color:rgba(53,224,208,.50) !important;}
body.dark .direction-card-light .value-tags span{color:#b8d5ee !important;border-color:rgba(40,168,255,.25) !important;background:rgba(18,104,232,.10) !important;}
body.dark .belief-label,
body.dark .photo-chip,
body.dark .hero-note,
body.dark .cta-tag{background:#09295b !important;color:#fff !important;border-color:rgba(40,168,255,.22) !important;}
body.dark .belief-label small{color:#a9bfd7 !important;}
body.dark .team-index{background:#06152f !important;color:#79d6ff !important;}
body.dark .voice-person strong{color:#fff !important;}
body.dark .voice-person span{color:#91aac5 !important;}
body.dark .quote-mark{color:#28a8ff !important;}




/* ===== PRICING.HTML PAGE CSS ===== */
/* =========================================================
   SPINORA — RTL
========================================================= */
html[dir="rtl"] body{
    direction:rtl;
}
html[dir="rtl"] .brand{
    flex-direction:row;
}
html[dir="rtl"] .desktop-nav{
    direction:rtl;
}
html[dir="rtl"] .header-actions{
    direction:rtl;
}
html[dir="rtl"] .nav-dropdown{
    left:auto;
    right:0;
}
html[dir="rtl"] .story-badge{
    left:auto;
    right:28px;
}
html[dir="rtl"] .tech-item:hover{
    transform:translateX(-6px);
}
html[dir="rtl"] .editorial-row:hover{
    padding-left:0;
    padding-right:8px;
}
html[dir="rtl"] .map-pin{
    transform:translate(50%,-50%);
}
html[dir="rtl"] .footer-col a:hover{
    padding-left:0;
    padding-right:4px;
}
@media(max-width:980px){html[dir="rtl"] .mobile-menu{
        right:auto;
        left:4%;
    }}

[dir="rtl"] .h2-link:hover{transform:translateX(-4px)}
[dir="rtl"] .h2-hero-sticker{left:auto;right:8%}
[dir="rtl"] .h2-hero-badge{right:auto;left:-5px}
[dir="rtl"] .h2-hero-mainimg{right:auto;left:4%}
[dir="rtl"] .h2-hero-cut{left:auto;right:0}
[dir="rtl"] .h2-story-img{left:auto;right:0}
[dir="rtl"] .h2-story-note{right:auto;left:0}
[dir="rtl"] .h2-story-mark{left:auto;right:18px}
[dir="rtl"] .h2-step:hover{padding-left:0;padding-right:9px}
[dir="rtl"] .h2-rate-row:hover{padding-left:4px;padding-right:12px}
[dir="rtl"] .h2-space-index{text-align:left;right:auto;left:7%}
[dir="rtl"] .h2-visit-copy{left:auto;right:32px}
[dir="rtl"] .h2-quote{transform-origin:top right}

@media(max-width:760px){[dir="rtl"] .h2-story-note{right:auto;left:0}[dir="rtl"] .h2-hero-sticker{left:auto;right:3%}}

/* RTL control/menu placement safeguards */
html[dir="rtl"] .header-inner{direction:rtl;}
html[dir="rtl"] .header-actions{direction:rtl;}
html[dir="rtl"] .desktop-nav{direction:rtl;}
html[dir="rtl"] .mobile-menu{right:auto;left:4%;}
html[dir="rtl"] .mobile-menu .mobile-dropdown{padding-left:0;padding-right:10px;}

/* =========================================================
   SPINORA ABOUT PAGE — RTL SAFEGUARDS
========================================================= */
html[dir="rtl"] .about-hero-grid,
html[dir="rtl"] .history-layout,
html[dir="rtl"] .belief-grid,
html[dir="rtl"] .standard-layout,
html[dir="rtl"] .voices-wrap,
html[dir="rtl"] .cta-about-grid{direction:rtl;}
html[dir="rtl"] .history-copy{border-left:0;border-right:1px solid var(--about-line);padding-left:0;padding-right:24px;}
html[dir="rtl"] .history-entry{grid-template-columns:58px 1fr;}
html[dir="rtl"] .direction-symbol{margin-left:0;margin-right:auto;}
html[dir="rtl"] .team-info{text-align:right;}
html[dir="rtl"] .about-hero-meta{justify-content:flex-start;}
@media(max-width:640px){html[dir="rtl"] .history-copy{border-right:0;padding-right:0;}html[dir="rtl"] .team-info{text-align:right;}}




/* ===== PRICING.HTML PAGE CSS ===== */

/* =====================================================
   SPINORA PRICING — SHARED HEADER/FOOTER LOCK + VISIBILITY
===================================================== */
.site-header{position:sticky !important;top:0 !important;z-index:5000 !important;}
.mobile-menu{z-index:5500 !important;}
.footer{position:relative;z-index:2;}
/* Pricing page content rail */
.pricing-hero,.sp-price-rail,.sp-price-flow,.sp-price-included,.sp-price-calc,.sp-price-final{position:relative;z-index:1;}
/* No pricing section should hide its readable text */
.pricing-page,.pricing-page h1,.pricing-page h2,.pricing-page h3,.pricing-page h4,.pricing-page p,.pricing-page span,.pricing-page li,.pricing-page a{opacity:1;}
@media(max-width:760px){
  .site-header{height:auto !important;min-height:70px !important;}
}


/* ===== LOCATION.HTML PAGE CSS ===== */
/* =========================================================
   SPINORA — SHARED STYLES
   Home 1 base + Home 2 page styles
========================================================= */
:root{
    --navy:#06152f;
    --navy2:#09295b;
    --blue:#1268e8;
    --electric:#28a8ff;
    --aqua:#35e0d0;
    --white:#ffffff;
    --soft:#eaf4ff;
    --soft2:#f6faff;
    --text:#0b1932;
    --muted:#53627a;
    --border:rgba(11,25,50,.12);
    --shadow:0 20px 55px rgba(6,21,47,.12);
    --shadow2:0 12px 35px rgba(18,104,232,.18);
    --radius:24px;
    --radius-sm:16px;
    --transition:.35s cubic-bezier(.2,.8,.2,1);
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
html{
    scroll-behavior:smooth;
}
body{
    font-family:"Manrope",sans-serif;
    color:var(--text);
    background:var(--white);
    overflow-x:hidden;
    line-height:1.6;
    transition:background .3s ease,color .3s ease;
}
img{
    display:block;
    width:100%;
}
a{
    color:inherit;
    text-decoration:none;
}
button,
input{
    font:inherit;
}
button{
    cursor:pointer;
}
.container{
    width:min(1240px,92%);
    margin:auto;
}
.section{
    position:relative;
    padding:72px 0;
    overflow:hidden;
}
.section.compact{
    padding:62px 0;
}
.section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:38px;
}
.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    color:var(--blue);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
}
.section-kicker::before{
    content:"";
    width:28px;
    height:3px;
    background:linear-gradient(90deg,var(--blue),var(--aqua));
    border-radius:10px;
}
.section-title{
    font-family:"DM Serif Display",serif;
    font-size:clamp(36px,4vw,58px);
    line-height:1;
    letter-spacing:-1.5px;
}
.section-copy{
    max-width:500px;
    color:var(--muted);
    font-size:15px;
    font-weight:600;
}
.btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 21px;
    border-radius:12px;
    border:1px solid transparent;
    font-size:13px;
    font-weight:900;
    overflow:hidden;
    transition:var(--transition);
    white-space:nowrap;
}
.btn::after{
    content:"";
    position:absolute;
    top:-80%;
    left:-30%;
    width:25%;
    height:260%;
    background:rgba(255,255,255,.32);
    transform:rotate(25deg);
    transition:.7s;
}
.btn:hover::after{
    left:120%;
}
.btn-primary{
    background:linear-gradient(135deg,var(--blue),var(--electric));
    color:#fff;
    box-shadow:0 12px 30px rgba(18,104,232,.25);
}
.btn-primary:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 38px rgba(18,104,232,.35);
}
.btn-light{
    background:var(--white);
    color:var(--navy);
    border-color:var(--border);
}
.btn-light:hover{
    transform:translateY(-3px);
}
.btn-outline{
    border-color:rgba(255,255,255,.3);
    color:#fff;
    background:transparent;
}
.btn-outline:hover{
    background:#fff;
    color:var(--navy);
}
.tag{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border-radius:100px;
    background:rgba(18,104,232,.08);
    color:var(--blue);
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.7px;
}
.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:84px;
    z-index:1000;
    background:rgba(255,255,255,.97);
    border-bottom:1px solid rgba(6,21,47,.08);
    box-shadow:0 8px 30px rgba(6,21,47,.07);
    backdrop-filter:blur(14px);
}
.header-inner{
    height:100%;
    display:grid;
    grid-template-columns:220px 1fr 220px;
    align-items:center;
    gap:20px;
}
.brand{
    display:flex;
    align-items:center;
    gap:11px;
    font-weight:900;
}
.brand-mark{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    font-size:21px;
    font-weight:900;
    background:linear-gradient(135deg,var(--navy),var(--blue));
    box-shadow:0 8px 20px rgba(18,104,232,.22);
}
.brand-name{
    font-size:22px;
    letter-spacing:1.5px;
}
.desktop-nav{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:4px;
}
.nav-item{
    position:relative;
}
.nav-link{
    display:flex;
    align-items:center;
    gap:6px;
    padding:10px 11px;
    border-radius:10px;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
    transition:var(--transition);
}
.nav-link:hover,
.nav-link.active{
    color:var(--blue);
    background:rgba(18,104,232,.08);
}
.nav-dropdown{
    position:absolute;
    top:calc(100% + 12px);
    left:0;
    min-width:200px;
    padding:9px;
    border-radius:16px;
    background:var(--white);
    border:1px solid var(--border);
    box-shadow:var(--shadow);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:var(--transition);
}
.nav-item:hover .nav-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.nav-dropdown a{
    display:block;
    padding:10px 12px;
    border-radius:9px;
    font-size:12px;
    font-weight:800;
}
.nav-dropdown a:hover{
    background:var(--soft);
    color:var(--blue);
}
.header-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}
.icon-btn{
    width:38px;
    height:38px;
    border:1px solid var(--border);
    background:var(--white);
    color:var(--text);
    border-radius:10px;
    display:grid;
    place-items:center;
    transition:var(--transition);
}
.icon-btn:hover{
    transform:translateY(-2px);
    border-color:var(--blue);
    color:var(--blue);
}
.login-btn{
    padding:11px 17px;
    border-radius:10px;
    background:var(--navy);
    color:#fff;
    font-size:12px;
    font-weight:900;
    margin-left:3px;
    transition:var(--transition);
}
.login-btn:hover{
    background:var(--blue);
    transform:translateY(-2px);
}
.hamburger{
    display:none;
}
.mobile-menu{
    display:none;
}
.hero{
    padding-top:84px;
    min-height:680px;
    background:
        radial-gradient(circle at 75% 35%,rgba(40,168,255,.18),transparent 27%),
        linear-gradient(135deg,#06152f 0%,#09295b 52%,#06152f 100%);
    color:#fff;
    position:relative;
    overflow:hidden;
}
.hero::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    border:1px solid rgba(53,224,208,.12);
    right:-180px;
    top:100px;
    animation:spinSlow 18s linear infinite;
}
.hero::after{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    border-radius:50%;
    border:1px solid rgba(40,168,255,.12);
    right:-100px;
    top:180px;
    animation:spinSlow 14s linear infinite reverse;
}
.hero-grid{
    min-height:596px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:45px;
    position:relative;
    z-index:2;
}
.hero-content{
    max-width:630px;
}
.hero-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 12px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:100px;
    background:rgba(255,255,255,.06);
    font-size:11px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:20px;
    animation:fadeUp .7s both;
}
.hero-kicker span{
    width:7px;
    height:7px;
    background:var(--aqua);
    border-radius:50%;
    box-shadow:0 0 14px var(--aqua);
    animation:pulse 1.6s infinite;
}
.hero h1{
    font-family:"DM Serif Display",serif;
    font-size:clamp(52px,6vw,86px);
    line-height:.94;
    letter-spacing:-3px;
    margin-bottom:23px;
    animation:fadeUp .8s .1s both;
}
.hero h1 em{
    color:var(--electric);
    font-style:normal;
}
.hero-copy{
    max-width:530px;
    color:#c7d8ee;
    font-size:16px;
    font-weight:600;
    margin-bottom:27px;
    animation:fadeUp .8s .2s both;
}
.hero-buttons{
    display:flex;
    gap:11px;
    flex-wrap:wrap;
    animation:fadeUp .8s .3s both;
}
.hero-stats{
    display:flex;
    gap:35px;
    margin-top:36px;
    animation:fadeUp .8s .4s both;
}
.hero-stat strong{
    display:block;
    font-size:23px;
    font-weight:900;
}
.hero-stat span{
    color:#9eb5d4;
    font-size:10px;
    font-weight:900;
    letter-spacing:1px;
}
.hero-visual{
    height:510px;
    position:relative;
    display:grid;
    place-items:center;
}
.machine-glow{
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(40,168,255,.25),transparent 65%);
    animation:glowPulse 3s ease-in-out infinite;
}
.machine{
    width:300px;
    height:390px;
    border-radius:32px;
    background:linear-gradient(145deg,#edf5ff,#7d96b5);
    border:8px solid #dce8f6;
    box-shadow:
        inset 0 0 0 4px rgba(255,255,255,.5),
        0 30px 70px rgba(0,0,0,.3);
    position:relative;
    z-index:2;
    animation:machineFloat 4s ease-in-out infinite;
}
.machine-top{
    height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 24px;
}
.machine-brand{
    font-size:10px;
    font-weight:900;
    color:#19385d;
    letter-spacing:1px;
}
.machine-screen{
    width:58px;
    height:22px;
    border-radius:6px;
    background:#102844;
    color:#55e5ff;
    display:grid;
    place-items:center;
    font-size:8px;
    font-weight:900;
}
.machine-door{
    width:210px;
    height:210px;
    border-radius:50%;
    margin:12px auto;
    background:
        radial-gradient(circle at 48% 46%,#d5f6ff 0 16%,#143456 17% 30%,#07182e 31% 64%,#203f63 65% 71%,#07182e 72%);
    border:10px solid #bccce0;
    box-shadow:
        inset 0 0 30px rgba(0,0,0,.65),
        0 8px 20px rgba(0,0,0,.22);
    position:relative;
    overflow:hidden;
}
.drum{
    position:absolute;
    inset:31px;
    border-radius:50%;
    border:1px dashed rgba(255,255,255,.3);
    animation:drumSpin 6s linear infinite;
}
.cloth{
    position:absolute;
    width:45px;
    height:22px;
    border-radius:50%;
    background:var(--electric);
    left:78px;
    top:86px;
    transform:rotate(-20deg);
    box-shadow:0 0 12px rgba(40,168,255,.5);
}
.cloth.two{
    width:55px;
    background:#fff;
    left:92px;
    top:110px;
    transform:rotate(25deg);
}
.machine-controls{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:19px;
}
.machine-knob{
    width:30px;
    height:30px;
    border-radius:50%;
    background:#b7c8dc;
    box-shadow:inset 0 2px 3px rgba(0,0,0,.25);
}
.machine-bar{
    width:70px;
    height:9px;
    border-radius:10px;
    background:#b7c8dc;
    margin-top:10px;
}
.float-card{
    position:absolute;
    z-index:5;
    padding:14px 16px;
    border-radius:15px;
    background:rgba(255,255,255,.96);
    color:var(--navy);
    box-shadow:0 18px 40px rgba(0,0,0,.2);
    min-width:145px;
}
.float-card.one{
    top:95px;
    right:5px;
    animation:floatCard 4s ease-in-out infinite;
}
.float-card.two{
    bottom:90px;
    left:0;
    animation:floatCard 4s 1s ease-in-out infinite;
}
.float-card small{
    display:block;
    font-size:9px;
    font-weight:900;
    color:#6d7d92;
    text-transform:uppercase;
}
.float-card strong{
    font-size:20px;
    font-weight:900;
}
.float-card .live{
    color:#14b98c;
}
.marquee{
    background:var(--blue);
    color:#fff;
    overflow:hidden;
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}
.marquee-track{
    display:flex;
    width:max-content;
    animation:marquee 28s linear infinite;
}
.marquee-item{
    padding:15px 28px;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.5px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:20px;
}
.marquee-item::after{
    content:"✦";
    color:var(--aqua);
}
.story{
    background:var(--soft2);
}
.story-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:50px;
    align-items:center;
}
.story-images{
    position:relative;
    min-height:430px;
}
.story-main{
    position:absolute;
    width:75%;
    height:350px;
    left:0;
    top:20px;
    object-fit:cover;
    border-radius:28px;
    box-shadow:var(--shadow);
}
.story-small{
    position:absolute;
    width:45%;
    height:190px;
    right:0;
    bottom:0;
    object-fit:cover;
    border:8px solid var(--soft2);
    border-radius:23px;
    box-shadow:var(--shadow);
}
.story-badge{
    position:absolute;
    left:28px;
    bottom:35px;
    padding:16px 18px;
    background:var(--blue);
    color:#fff;
    border-radius:16px;
    box-shadow:0 15px 35px rgba(18,104,232,.25);
}
.story-badge strong{
    display:block;
    font-size:28px;
    line-height:1;
}
.story-badge span{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
}
.story-content .section-title{
    max-width:560px;
}
.story-content p{
    color:var(--muted);
    font-size:15px;
    font-weight:600;
    margin:20px 0 25px;
}
.story-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:13px;
}
.story-point{
    display:flex;
    align-items:center;
    gap:11px;
    font-size:12px;
    font-weight:900;
}
.story-point i{
    width:32px;
    height:32px;
    border-radius:9px;
    background:#fff;
    color:var(--blue);
    display:grid;
    place-items:center;
    box-shadow:0 5px 15px rgba(6,21,47,.08);
}
.availability{
    background:var(--navy);
    color:#fff;
}
.availability-grid{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:35px;
    align-items:center;
}
.availability .section-kicker{
    color:var(--aqua);
}
.availability .section-title{
    color:#fff;
}
.avail-dashboard{
    margin-top:27px;
    padding:22px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:20px;
    background:rgba(255,255,255,.04);
}
.avail-row{
    padding:14px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
}
.avail-row:last-child{
    border-bottom:0;
}
.avail-top{
    display:flex;
    justify-content:space-between;
    gap:15px;
    font-size:12px;
    font-weight:900;
    margin-bottom:8px;
}
.avail-status{
    color:var(--aqua);
}
.progress{
    height:7px;
    background:rgba(255,255,255,.09);
    border-radius:20px;
    overflow:hidden;
}
.progress span{
    display:block;
    height:100%;
    width:0;
    background:linear-gradient(90deg,var(--blue),var(--aqua));
    border-radius:20px;
    transition:width 1.5s cubic-bezier(.2,.8,.2,1);
}
.price-panel{
    background:#fff;
    color:var(--navy);
    border-radius:25px;
    padding:25px;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    position:relative;
    overflow:hidden;
}
.price-panel::before{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    border-radius:50%;
    background:rgba(40,168,255,.08);
    right:-50px;
    top:-50px;
}
.price-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}
.price-head h3{
    font-size:21px;
    font-weight:900;
}
.price-head span{
    padding:6px 9px;
    border-radius:100px;
    background:#e7fff9;
    color:#008b70;
    font-size:9px;
    font-weight:900;
}
.price-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #e5ebf2;
}
.price-item:last-of-type{
    border-bottom:0;
}
.price-item strong{
    display:block;
    font-size:14px;
}
.price-item small{
    color:#708097;
    font-size:10px;
    font-weight:700;
}
.price{
    font-size:24px;
    font-weight:900;
}
.price-featured{
    padding:15px;
    border-radius:15px;
    background:#edf7ff;
    margin:4px -5px;
}
.price-featured .price{
    color:var(--blue);
}
.price-panel .btn{
    width:100%;
    margin-top:12px;
}
.services{
    background:#fff;
}
.services-layout{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:22px;
}
.service-feature{
    position:relative;
    min-height:420px;
    border-radius:27px;
    overflow:hidden;
}
.service-feature img{
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.service-feature:hover img{
    transform:scale(1.06);
}
.service-overlay{
    position:absolute;
    inset:auto 0 0;
    padding:28px;
    background:linear-gradient(transparent,rgba(6,21,47,.94));
    color:#fff;
}
.service-overlay h3{
    font-family:"DM Serif Display",serif;
    font-size:37px;
    line-height:1;
    margin:7px 0 9px;
}
.service-overlay p{
    color:#d9e8f9;
    font-size:12px;
    font-weight:600;
    max-width:430px;
}
.service-stack{
    display:grid;
    gap:22px;
}
.service-mini{
    display:grid;
    grid-template-columns:150px 1fr;
    min-height:199px;
    border-radius:22px;
    overflow:hidden;
    background:var(--soft2);
    border:1px solid var(--border);
}
.service-mini img{
    height:100%;
    object-fit:cover;
}
.service-mini-content{
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.service-mini h3{
    font-size:19px;
    font-weight:900;
    margin:7px 0;
}
.service-mini p{
    color:var(--muted);
    font-size:11px;
    font-weight:600;
}
.how{
    background:var(--soft);
}
.how-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:45px;
    align-items:center;
}
.process-visual{
    position:relative;
    height:350px;
    border-radius:26px;
    overflow:hidden;
}
.process-visual img{
    height:100%;
    object-fit:cover;
}
.machine-ui{
    position:absolute;
    right:18px;
    bottom:18px;
    background:rgba(6,21,47,.94);
    color:#fff;
    width:205px;
    padding:17px;
    border-radius:17px;
    box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.machine-ui-top{
    display:flex;
    justify-content:space-between;
    font-size:9px;
    font-weight:900;
    color:#91a9c8;
}
.machine-ui strong{
    display:block;
    font-size:28px;
    margin:8px 0 2px;
}
.machine-ui small{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
}
.steps{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px;
}
.steps::before{
    content:"";
    position:absolute;
    left:25px;
    right:25px;
    top:25px;
    height:2px;
    background:#c8dbef;
}
.step{
    position:relative;
    z-index:2;
}
.step-number{
    width:50px;
    height:50px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff;
    border:2px solid #cfe0f1;
    color:var(--blue);
    font-size:12px;
    font-weight:900;
    margin-bottom:14px;
    transition:var(--transition);
}
.step:hover .step-number{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
    transform:scale(1.08);
}
.step h3{
    font-size:14px;
    font-weight:900;
    margin-bottom:5px;
}
.step p{
    color:var(--muted);
    font-size:10px;
    font-weight:600;
}
.technology{
    background:#fff;
}
.tech-grid{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:45px;
    align-items:center;
}
.tech-copy .section-title{
    max-width:480px;
}
.tech-copy > p{
    color:var(--muted);
    font-size:14px;
    font-weight:600;
    margin:18px 0 23px;
}
.tech-list{
    display:grid;
    gap:10px;
}
.tech-item{
    display:flex;
    align-items:center;
    gap:13px;
    padding:13px;
    border:1px solid var(--border);
    border-radius:13px;
    background:var(--soft2);
    transition:var(--transition);
}
.tech-item:hover{
    transform:translateX(6px);
    border-color:rgba(18,104,232,.3);
}
.tech-icon{
    width:38px;
    height:38px;
    border-radius:10px;
    display:grid;
    place-items:center;
    color:var(--blue);
    background:rgba(18,104,232,.08);
}
.tech-item strong{
    display:block;
    font-size:12px;
}
.tech-item span{
    color:var(--muted);
    font-size:9px;
    font-weight:700;
}
.tech-gallery{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:190px 190px;
    gap:13px;
}
.tech-gallery img{
    height:100%;
    object-fit:cover;
    border-radius:20px;
    transition:transform .7s ease;
}
.tech-gallery img:hover{
    transform:scale(1.04);
}
.tech-gallery img:first-child{
    grid-row:1/3;
}
.capacity{
    background:var(--navy2);
    color:#fff;
}
.capacity-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:30px;
}
.capacity-head .section-title{
    max-width:600px;
}
.capacity-track{
    display:grid;
    grid-template-columns:1.3fr .85fr .85fr;
    gap:14px;
}
.capacity-card{
    position:relative;
    height:330px;
    border-radius:22px;
    overflow:hidden;
}
.capacity-card img{
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.capacity-card:hover img{
    transform:scale(1.07);
}
.capacity-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(transparent 40%,rgba(6,21,47,.95));
}
.capacity-info{
    position:absolute;
    left:20px;
    right:20px;
    bottom:19px;
    z-index:2;
}
.capacity-info span{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
}
.capacity-info h3{
    font-family:"DM Serif Display",serif;
    font-size:29px;
    line-height:1;
    margin-top:5px;
}
.capacity-info p{
    color:#bdd1ea;
    font-size:10px;
    font-weight:600;
    margin-top:5px;
}
.stats-section{
    background:#fff;
    padding:0;
}
.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-left:1px solid var(--border);
}
.big-stat{
    padding:34px 25px;
    border-right:1px solid var(--border);
    text-align:center;
}
.big-stat strong{
    display:block;
    color:var(--blue);
    font-size:38px;
    line-height:1;
    font-weight:900;
}
.big-stat span{
    display:block;
    color:var(--muted);
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:8px;
}
.choose{
    background:var(--soft2);
}
.choose-grid{
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:50px;
    align-items:center;
}
.editorial-list{
    margin-top:25px;
}
.editorial-row{
    display:grid;
    grid-template-columns:55px 1fr auto;
    align-items:center;
    gap:14px;
    padding:18px 0;
    border-bottom:1px solid var(--border);
    transition:var(--transition);
}
.editorial-row:hover{
    padding-left:8px;
}
.editorial-num{
    color:var(--blue);
    font-size:12px;
    font-weight:900;
}
.editorial-row h3{
    font-size:15px;
    font-weight:900;
}
.editorial-row p{
    color:var(--muted);
    font-size:10px;
    font-weight:600;
}
.editorial-row i{
    color:var(--blue);
}
.choose-image{
    height:430px;
    position:relative;
    border-radius:27px;
    overflow:hidden;
}
.choose-image img{
    height:100%;
    object-fit:cover;
}
.choose-float{
    position:absolute;
    left:18px;
    bottom:18px;
    padding:17px;
    background:#fff;
    color:var(--navy);
    border-radius:16px;
    box-shadow:var(--shadow);
}
.choose-float strong{
    font-size:24px;
    display:block;
}
.choose-float span{
    font-size:9px;
    font-weight:900;
    color:#607087;
}
.experience{
    background:#fff;
}
.experience-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:35px;
    align-items:stretch;
}
.experience-image{
    min-height:400px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
}
.experience-image img{
    height:100%;
    object-fit:cover;
}
.experience-image .image-label{
    position:absolute;
    left:18px;
    top:18px;
    padding:8px 11px;
    border-radius:100px;
    background:#fff;
    color:var(--navy);
    font-size:9px;
    font-weight:900;
}
.experience-content{
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.stars{
    color:#18a6e8;
    letter-spacing:4px;
    font-size:18px;
    margin-bottom:13px;
}
.quote{
    font-family:"DM Serif Display",serif;
    font-size:clamp(32px,4vw,53px);
    line-height:1.03;
    margin-bottom:20px;
}
.person{
    display:flex;
    align-items:center;
    gap:12px;
}
.person-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover;
}
.person strong{
    display:block;
    font-size:12px;
}
.person span{
    color:var(--muted);
    font-size:9px;
    font-weight:700;
}
.offer-box{
    margin-top:25px;
    padding:18px;
    border-radius:18px;
    background:linear-gradient(135deg,var(--navy),var(--navy2));
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.offer-box small{
    color:var(--aqua);
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
}
.offer-box strong{
    display:block;
    font-size:21px;
    margin-top:4px;
}
.benefits{
    background:var(--blue);
    color:#fff;
}
.benefit-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.benefit{
    padding:23px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.06);
    border-radius:18px;
    transition:var(--transition);
}
.benefit:hover{
    transform:translateY(-6px);
    background:rgba(255,255,255,.1);
}
.benefit i{
    width:40px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#fff;
    color:var(--blue);
    margin-bottom:17px;
}
.benefit h3{
    font-size:14px;
    font-weight:900;
    margin-bottom:6px;
}
.benefit p{
    color:#d9edff;
    font-size:10px;
    font-weight:600;
}
.offer-section{
    background:var(--soft);
}
.offer-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-radius:28px;
    overflow:hidden;
    background:var(--navy);
    color:#fff;
    box-shadow:var(--shadow);
}
.offer-content{
    padding:45px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.offer-content .section-title{
    font-size:52px;
}
.offer-content p{
    color:#c0d3ea;
    font-size:13px;
    font-weight:600;
    margin:16px 0 23px;
    max-width:470px;
}
.offer-price{
    display:flex;
    align-items:baseline;
    gap:7px;
    margin-bottom:22px;
}
.offer-price strong{
    font-size:56px;
    line-height:1;
}
.offer-price span{
    color:#a7bad3;
    font-size:11px;
    font-weight:800;
}
.offer-image{
    min-height:370px;
    position:relative;
}
.offer-image img{
    height:100%;
    object-fit:cover;
}
.offer-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,var(--navy),transparent 50%);
}
.location{
    background:#fff;
}
.location-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:25px;
}
.map-card{
    min-height:390px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
    background:
        linear-gradient(135deg,rgba(234,244,255,.95),rgba(207,229,249,.9)),
        repeating-linear-gradient(45deg,transparent 0 20px,rgba(18,104,232,.07) 20px 22px);
}
.map-lines{
    position:absolute;
    inset:0;
    background:
        linear-gradient(25deg,transparent 47%,rgba(18,104,232,.22) 48% 49%,transparent 50%),
        linear-gradient(115deg,transparent 43%,rgba(53,224,208,.3) 44% 45%,transparent 46%),
        linear-gradient(165deg,transparent 60%,rgba(18,104,232,.15) 61% 62%,transparent 63%);
}
.map-road{
    position:absolute;
    width:120%;
    height:35px;
    background:#fff;
    transform:rotate(-18deg);
    top:48%;
    left:-10%;
    box-shadow:0 0 10px rgba(6,21,47,.05);
}
.map-road.two{
    transform:rotate(37deg);
    top:25%;
}
.map-pin{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:58px;
    height:58px;
    border-radius:50%;
    background:var(--blue);
    color:#fff;
    display:grid;
    place-items:center;
    box-shadow:0 0 0 12px rgba(18,104,232,.15),0 15px 35px rgba(18,104,232,.35);
    animation:pinPulse 2s infinite;
}
.location-card{
    padding:35px;
    border:1px solid var(--border);
    border-radius:25px;
    background:var(--soft2);
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.location-card .section-title{
    font-size:47px;
}
.address{
    display:grid;
    gap:13px;
    margin:22px 0;
}
.address-row{
    display:flex;
    gap:12px;
    align-items:flex-start;
}
.address-row i{
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#fff;
    color:var(--blue);
    flex-shrink:0;
}
.address-row strong{
    display:block;
    font-size:12px;
}
.address-row span{
    color:var(--muted);
    font-size:10px;
    font-weight:700;
}
.newsletter{
    background:var(--navy);
    color:#fff;
    padding:45px 0;
}
.newsletter-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}
.newsletter h2{
    font-family:"DM Serif Display",serif;
    font-size:42px;
    line-height:1;
}
.newsletter p{
    color:#aebfd7;
    font-size:11px;
    font-weight:600;
    margin-top:7px;
}
.newsletter-form{
    display:flex;
    width:min(440px,100%);
    background:#fff;
    padding:5px;
    border-radius:13px;
}
.newsletter-form input{
    flex:1;
    min-width:0;
    border:0;
    outline:0;
    padding:11px 12px;
    color:var(--navy);
    font-size:12px;
    font-weight:700;
}
.newsletter-form button{
    border:0;
    border-radius:9px;
    padding:0 17px;
    background:var(--blue);
    color:#fff;
    font-size:11px;
    font-weight:900;
}
.footer{
    background:#030d20;
    color:#fff;
    padding:68px 0 22px;
}
.footer-top{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1.2fr;
    gap:45px;
    padding-bottom:48px;
    border-bottom:1px solid rgba(255,255,255,.1);
}
.footer-brand .brand-name{
    font-size:27px;
}
.footer-brand p{
    color:#9fb1ca;
    font-size:12px;
    font-weight:600;
    max-width:330px;
    margin:17px 0 22px;
}
.footer-socials{
    display:flex;
    gap:8px;
}
.footer-socials a{
    width:39px;
    height:39px;
    display:grid;
    place-items:center;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.13);
    color:#b8c8dc;
    transition:var(--transition);
}
.footer-socials a:hover{
    background:var(--blue);
    color:#fff;
    border-color:var(--blue);
    transform:translateY(-4px);
}
.footer-col h3{
    font-size:13px;
    font-weight:900;
    margin-bottom:17px;
    color:#fff;
}
.footer-col ul{
    list-style:none;
    display:grid;
    gap:10px;
}
.footer-col li,
.footer-col a{
    color:#94a9c5;
    font-size:11px;
    font-weight:700;
    transition:var(--transition);
}
.footer-col a:hover{
    color:#fff;
    padding-left:4px;
}
.footer-contact{
    display:grid;
    gap:13px;
}
.footer-contact-row{
    display:flex;
    gap:10px;
    align-items:flex-start;
}
.footer-contact-row i{
    color:var(--aqua);
    margin-top:3px;
}
.footer-contact-row span{
    color:#9aacc5;
    font-size:11px;
    font-weight:700;
}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding-top:21px;
}
.footer-bottom p{
    color:#6f829e;
    font-size:10px;
    font-weight:700;
}
.footer-links{
    display:flex;
    gap:17px;
}
.footer-links a{
    color:#8194af;
    font-size:10px;
    font-weight:800;
}
.footer-links a:hover{
    color:#fff;
}
.footer{
    position:relative;
    overflow:hidden;
    padding:78px 0 24px;
    background:
        radial-gradient(circle at 12% 15%, rgba(40,168,255,.13), transparent 28%),
        radial-gradient(circle at 88% 78%, rgba(53,224,208,.09), transparent 30%),
        #030d20;
}
.footer::before{
    content:"";
    position:absolute;
    top:0;
    left:-20%;
    width:55%;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--aqua), var(--blue), transparent);
    animation:footerBeam 7s linear infinite;
}
.footer::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    right:-120px;
    bottom:-150px;
    border-radius:50%;
    border:1px solid rgba(53,224,208,.08);
    box-shadow:0 0 80px rgba(18,104,232,.08);
    pointer-events:none;
}
.footer-top{
    position:relative;
    z-index:1;
    grid-template-columns:1.55fr .9fr 1fr 1.25fr;
    gap:48px;
    padding-bottom:52px;
    border-bottom:1px solid rgba(255,255,255,.12);
}
.footer-brand .brand{
    display:inline-flex;
    margin-bottom:3px;
}
.footer-brand .brand-name{
    font-size:30px;
    font-weight:950;
    letter-spacing:2px;
}
.footer-brand p{
    color:#a9bad0;
    font-size:13px;
    line-height:1.8;
    font-weight:700;
    max-width:350px;
    margin:18px 0 25px;
}
.footer-socials{gap:10px;}
.footer-socials a{
    width:44px;
    height:44px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.035);
    color:#d6e4f5;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.footer-socials a:hover{
    background:linear-gradient(135deg,var(--blue),var(--aqua));
    color:#fff;
    border-color:transparent;
    transform:translateY(-6px) rotate(-3deg);
    box-shadow:0 12px 28px rgba(18,104,232,.25);
}
.footer-col{position:relative;z-index:1;}
.footer-col h3{
    position:relative;
    display:inline-block;
    font-size:14px;
    font-weight:950;
    letter-spacing:.4px;
    margin-bottom:21px;
    color:#fff;
}
.footer-col h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:27px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--aqua),var(--blue));
}
.footer-col ul{gap:13px;}
.footer-col li,
.footer-col a{
    color:#9fb2ca;
    font-size:12px;
    font-weight:800;
}
.footer-col a{
    display:inline-flex;
    align-items:center;
    gap:7px;
}
.footer-col a::before{
    content:"›";
    color:var(--aqua);
    opacity:0;
    transform:translateX(-5px);
    transition:var(--transition);
}
.footer-col a:hover{
    color:#fff;
    padding-left:0;
}
.footer-col a:hover::before{
    opacity:1;
    transform:translateX(0);
}
.footer-contact{gap:10px;}
.footer-contact-row{
    padding:11px 12px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    transition:var(--transition);
}
.footer-contact-row:hover{
    transform:translateX(4px);
    border-color:rgba(53,224,208,.24);
    background:rgba(53,224,208,.05);
}
.footer-contact-row i{
    width:18px;
    color:var(--aqua);
    font-size:13px;
}
.footer-contact-row span{
    color:#a9bad0;
    font-size:11px;
    line-height:1.55;
    font-weight:800;
}
.footer-bottom{
    position:relative;
    z-index:1;
    padding-top:24px;
}
.footer-bottom p{
    color:#8296b1;
    font-size:11px;
    font-weight:800;
}
.footer-links{gap:20px;}
.footer-links a{
    color:#8da1bb;
    font-size:11px;
    font-weight:900;
}
.footer-links a:hover{color:var(--aqua);}
@keyframes footerBeam{0%{transform:translateX(-35%);opacity:0;}12%{opacity:1;}88%{opacity:1;}100%{transform:translateX(230%);opacity:0;}}
.nav-link.active{
    position:relative;
    color:#fff;
    background:linear-gradient(135deg,rgba(18,104,232,.95),rgba(40,168,255,.82));
    box-shadow:0 8px 24px rgba(18,104,232,.22), inset 0 1px 0 rgba(255,255,255,.16);
}
@media(max-width:980px){.footer-top{grid-template-columns:1.3fr 1fr 1fr;}.footer-contact{grid-column:1 / -1;}}
@media(max-width:700px){.footer{padding:60px 0 20px;}.footer-top{grid-template-columns:1fr 1fr;gap:34px 24px;}.footer-brand,.footer-contact{grid-column:1 / -1;}.footer-brand p{font-size:12px;}.footer-bottom{align-items:flex-start;flex-direction:column;}.footer-links{flex-wrap:wrap;}}
@media(max-width:480px){.footer-top{grid-template-columns:1fr;}.footer-col,.footer-brand,.footer-contact{grid-column:auto;}.footer-brand .brand-name{font-size:27px;}}
@media(prefers-reduced-motion:reduce){.footer::before{animation:none;}}
.back-top{
    position:fixed;
    right:22px;
    bottom:22px;
    width:44px;
    height:44px;
    border:0;
    border-radius:12px;
    background:var(--blue);
    color:#fff;
    display:grid;
    place-items:center;
    z-index:900;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:var(--transition);
    box-shadow:0 12px 30px rgba(18,104,232,.3);
}
.back-top.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.reveal{
    opacity:0;
    transform:translateY(35px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);
}
.reveal-left{
    opacity:0;
    transform:translateX(-40px);
    transition:opacity .8s ease,transform .8s ease;
}
.reveal-right{
    opacity:0;
    transform:translateX(40px);
    transition:opacity .8s ease,transform .8s ease;
}
.reveal.visible,
.reveal-left.visible,
.reveal-right.visible{
    opacity:1;
    transform:none;
}
@keyframes fadeUp{from{
        opacity:0;
        transform:translateY(25px);
    }to{
        opacity:1;
        transform:none;
    }}
@keyframes machineFloat{0%,100%{transform:translateY(0) rotateY(-2deg);}50%{transform:translateY(-12px) rotateY(2deg);}}
@keyframes drumSpin{to{transform:rotate(360deg);}}
@keyframes glowPulse{0%,100%{transform:scale(.95);opacity:.7;}50%{transform:scale(1.08);opacity:1;}}
@keyframes floatCard{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.6;}}
@keyframes pinPulse{0%,100%{box-shadow:0 0 0 12px rgba(18,104,232,.15),0 15px 35px rgba(18,104,232,.35);}50%{box-shadow:0 0 0 21px rgba(18,104,232,.03),0 15px 35px rgba(18,104,232,.35);}}
@keyframes spinSlow{to{transform:rotate(360deg);}}
@keyframes marquee{to{transform:translateX(-50%);}}
@media(max-width:1150px){.header-inner{
        grid-template-columns:190px 1fr 190px;
    }.nav-link{
        padding:9px 7px;
        font-size:11px;
    }.hero h1{
        font-size:68px;
    }.section-title{
        font-size:48px;
    }}
@media(max-width:980px){.site-header{
        height:76px;
    }.header-inner{
        display:flex;
        justify-content:space-between;
    }.desktop-nav{
        display:none;
    }.header-actions{
        gap:6px;
    }.login-btn{
        display:none;
    }.hamburger{
        display:grid;
    }.mobile-menu{
        position:fixed;
        top:87px;
        right:4%;
        width:min(290px,88%);
        padding:10px;
        background:var(--white);
        border:1px solid var(--border);
        border-radius:18px;
        box-shadow:var(--shadow);
        z-index:999;
        display:block;
        opacity:0;
        visibility:hidden;
        transform:translateY(-10px) scale(.98);
        transition:var(--transition);
    }.mobile-menu.open{
        opacity:1;
        visibility:visible;
        transform:none;
    }.mobile-menu a,
    .mobile-menu button{
        width:100%;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:12px;
        border:0;
        background:transparent;
        color:var(--text);
        border-radius:10px;
        font-size:12px;
        font-weight:900;
        text-align:left;
    }.mobile-menu a:hover,
    .mobile-menu button:hover{
        background:var(--soft);
        color:var(--blue);
    }.mobile-dropdown{
        display:none;
        padding-left:10px;
    }.mobile-dropdown.open{
        display:block;
    }.mobile-dropdown a{
        font-size:11px;
    }.mobile-login{
        margin-top:7px;
        justify-content:center!important;
        background:var(--blue)!important;
        color:#fff!important;
    }.hero{
        min-height:auto;
    }.hero-grid{
        min-height:auto;
        padding:75px 0 65px;
        grid-template-columns:1fr;
    }.hero-content{
        text-align:center;
        margin:auto;
    }.hero-copy{
        margin-left:auto;
        margin-right:auto;
    }.hero-buttons,
    .hero-stats{
        justify-content:center;
    }.hero-visual{
        height:470px;
    }.story-grid,
    .availability-grid,
    .how-grid,
    .tech-grid,
    .choose-grid,
    .experience-grid{
        grid-template-columns:1fr;
    }.story-images{
        min-height:390px;
    }.tech-gallery{
        max-width:700px;
        width:100%;
        margin:auto;
    }.choose-image{
        max-width:650px;
        width:100%;
        margin:auto;
    }.experience-image{
        max-width:650px;
        width:100%;
        margin:auto;
    }.services-layout{
        grid-template-columns:1fr;
    }.service-feature{
        min-height:390px;
    }.capacity-track{
        grid-template-columns:1fr 1fr;
    }.capacity-card:first-child{
        grid-column:1/3;
    }.offer-grid{
        grid-template-columns:1fr;
    }.offer-image{
        min-height:300px;
    }.offer-image::after{
        background:linear-gradient(0deg,var(--navy),transparent 60%);
    }.location-grid{
        grid-template-columns:1fr;
    }.map-card{
        min-height:330px;
    }.footer-top{
        grid-template-columns:1.5fr 1fr 1fr;
    }.footer-contact{
        grid-column:1/-1;
    }.newsletter-inner{
        flex-direction:column;
        align-items:flex-start;
    }.newsletter-form{
        width:100%;
        max-width:600px;
    }}
@media(max-width:680px){.container{
        width:min(94%,1240px);
    }.section{
        padding:52px 0;
    }.section-head{
        display:block;
        margin-bottom:27px;
    }.section-copy{
        margin-top:14px;
    }.brand-name{
        font-size:19px;
    }.brand-mark{
        width:38px;
        height:38px;
    }.header-actions .icon-btn{
        width:34px;
        height:34px;
    }.hero-grid{
        padding:55px 0 45px;
    }.hero h1{
        font-size:48px;
        letter-spacing:-1.7px;
    }.hero-copy{
        font-size:13px;
    }.hero-stats{
        gap:20px;
        flex-wrap:wrap;
    }.hero-stat strong{
        font-size:19px;
    }.hero-visual{
        height:390px;
    }.machine{
        width:235px;
        height:310px;
        border-radius:27px;
    }.machine-door{
        width:165px;
        height:165px;
        border-width:8px;
    }.cloth{
        left:58px;
        top:65px;
    }.cloth.two{
        left:70px;
        top:85px;
    }.float-card{
        min-width:118px;
        padding:10px;
    }.float-card.one{
        right:0;
        top:50px;
    }.float-card.two{
        left:0;
        bottom:45px;
    }.story-images{
        min-height:320px;
    }.story-main{
        height:270px;
    }.story-small{
        height:140px;
    }.story-points{
        grid-template-columns:1fr;
    }.avail-dashboard{
        padding:16px;
    }.price-panel{
        padding:20px;
    }.service-feature{
        min-height:330px;
    }.service-overlay{
        padding:21px;
    }.service-overlay h3{
        font-size:31px;
    }.service-mini{
        grid-template-columns:110px 1fr;
        min-height:160px;
    }.process-visual{
        height:300px;
    }.steps{
        grid-template-columns:1fr 1fr;
        gap:20px;
    }.steps::before{
        display:none;
    }.tech-gallery{
        grid-template-columns:1fr 1fr;
        grid-template-rows:170px 170px;
    }.tech-gallery img:first-child{
        grid-row:auto;
    }.capacity-track{
        grid-template-columns:1fr;
    }.capacity-card,
    .capacity-card:first-child{
        grid-column:auto;
        height:260px;
    }.stats-grid{
        grid-template-columns:1fr 1fr;
    }.big-stat{
        padding:26px 12px;
    }.big-stat strong{
        font-size:30px;
    }.editorial-row{
        grid-template-columns:42px 1fr 20px;
    }.quote{
        font-size:38px;
    }.offer-box{
        align-items:flex-start;
        flex-direction:column;
    }.offer-content{
        padding:30px 23px;
    }.offer-content .section-title{
        font-size:43px;
    }.offer-image{
        min-height:240px;
    }.location-card{
        padding:25px;
    }.location-card .section-title{
        font-size:40px;
    }.newsletter h2{
        font-size:34px;
    }.newsletter-form{
        flex-direction:column;
        gap:5px;
        background:transparent;
        padding:0;
    }.newsletter-form input{
        min-height:45px;
        border-radius:9px;
    }.newsletter-form button{
        min-height:45px;
    }.footer{
        padding-top:50px;
    }.footer-top{
        grid-template-columns:1fr 1fr;
        gap:30px;
    }.footer-brand{
        grid-column:1/-1;
    }.footer-contact{
        grid-column:1/-1;
    }.footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }.footer-links{
        flex-wrap:wrap;
    }}
@media(max-width:420px){.header-actions{
        gap:4px;
    }.header-actions .icon-btn{
        width:31px;
        height:31px;
        font-size:11px;
    }.hero h1{
        font-size:43px;
    }.hero-buttons{
        flex-direction:column;
    }.hero-buttons .btn{
        width:100%;
    }.machine{
        width:215px;
        height:290px;
    }.machine-door{
        width:150px;
        height:150px;
    }.float-card{
        transform:scale(.88);
    }.story-images{
        min-height:280px;
    }.story-main{
        height:230px;
    }.story-small{
        height:125px;
    }.footer-top{
        grid-template-columns:1fr;
    }.footer-brand,
    .footer-contact{
        grid-column:auto;
    }}
.story,.technology,.experience,.location{background-image:radial-gradient(circle at 12% 10%,rgba(40,168,255,.055),transparent 24%),radial-gradient(circle at 88% 90%,rgba(53,224,208,.045),transparent 24%);}
.how,.choose,.offer-section{background-image:linear-gradient(115deg,rgba(18,104,232,.035),transparent 38%),radial-gradient(circle at 85% 15%,rgba(53,224,208,.055),transparent 22%);}
.motion-mask{overflow:hidden;clip-path:inset(0 100% 0 0);transition:clip-path 1.05s cubic-bezier(.16,1,.3,1),transform 1.05s cubic-bezier(.16,1,.3,1);}
.motion-mask.visible{clip-path:inset(0 0 0 0);transform:none;}
.depth-card{transform-style:preserve-3d;will-change:transform;transition:box-shadow .35s ease,border-color .35s ease;}
.depth-card:hover{box-shadow:0 28px 70px rgba(6,21,47,.18);}
.avail-row{position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1),background .35s ease;padding-left:10px;padding-right:10px;border-radius:12px;}
.avail-row::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);transform:translateX(-110%);transition:transform 1s ease;}
.avail-row.visible-row{transform:translateX(0);}
.avail-row.visible-row::after{transform:translateX(0);}
.avail-status{position:relative;}
.avail-status::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);margin-right:6px;box-shadow:0 0 0 0 rgba(53,224,208,.55);animation:statusRing 1.8s infinite;}
.service-feature,.service-mini{perspective:900px;}
.service-feature::before,.service-mini::before{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.2) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none;}
.service-feature:hover::before,.service-mini:hover::before{transform:translateX(120%);}
.service-mini{position:relative;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;}
.service-mini:hover{transform:translateX(7px) rotateX(1deg);box-shadow:0 18px 40px rgba(6,21,47,.11);}
.service-mini:nth-child(2):hover{transform:translateX(7px) rotateY(-1deg);}
.steps::after{content:"";position:absolute;left:25px;top:25px;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--aqua));z-index:1;transition:width 1.4s cubic-bezier(.2,.8,.2,1);}
.steps.line-live::after{width:calc(100% - 50px);}
.step-number{position:relative;z-index:3;box-shadow:0 0 0 0 rgba(18,104,232,.15);}
.step.step-live .step-number{animation:stepPop .7s cubic-bezier(.2,.8,.2,1),stepHalo 1.8s .7s infinite;}
.tech-gallery{perspective:1000px;}
.tech-gallery img{will-change:transform;}
.tech-gallery img:nth-child(1){transform-origin:center left;}
.tech-gallery img:nth-child(2){transform-origin:right center;}
.tech-gallery img:nth-child(3){transform-origin:left center;}
.tech-gallery.tech-live img:nth-child(1){animation:galleryInLeft 1s both;}
.tech-gallery.tech-live img:nth-child(2){animation:galleryInRight 1s .14s both;}
.tech-gallery.tech-live img:nth-child(3){animation:galleryInRight 1s .28s both;}
.capacity-card{transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;}
.capacity-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg);box-shadow:0 28px 60px rgba(0,0,0,.28);}
.capacity-card:nth-child(2):hover{transform:translateY(-8px) rotateX(2deg) rotateY(2deg);}
.capacity-card:nth-child(3):hover{transform:translateY(-8px) rotateX(-2deg) rotateY(2deg);}
.big-stat{position:relative;overflow:hidden;}
.big-stat::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.big-stat.stat-live::before{transform:scaleX(1);}
.big-stat strong{filter:blur(5px);transform:translateY(8px);transition:filter .7s ease,transform .7s ease;}
.big-stat.stat-live strong{filter:blur(0);transform:none;}
.editorial-row{position:relative;overflow:hidden;}
.editorial-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue),var(--aqua));transform:scaleY(0);transform-origin:top;transition:transform .55s ease;}
.editorial-row:hover::before{transform:scaleY(1);}
.editorial-num{transition:transform .55s ease,color .35s ease;}
.editorial-row:hover .editorial-num{transform:translateX(5px) scale(1.08);color:var(--aqua);}
.experience-image{transform-style:preserve-3d;}
.experience-image::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,104,232,.16),transparent 35%,rgba(53,224,208,.08));mix-blend-mode:screen;pointer-events:none;}
.quote{overflow:hidden;}
.quote .quote-word{display:inline-block;opacity:0;transform:translateY(30px) rotateX(-18deg);transform-origin:bottom;}
.quote.quote-live .quote-word{animation:wordRise .65s cubic-bezier(.2,.8,.2,1) forwards;}
.benefit{position:relative;overflow:hidden;transform-style:preserve-3d;}
.benefit::after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-65px;top:-65px;transition:transform .7s ease;}
.benefit:hover::after{transform:rotate(80deg) scale(1.15);}
.benefit i{transition:transform .65s cubic-bezier(.2,.8,.2,1);}
.benefit:hover i{transform:rotate(12deg) translateY(-3px) scale(1.08);}
.control-center{background:linear-gradient(135deg,#06152f,#0a326b 55%,#06152f);color:#fff;position:relative;overflow:hidden;}
.control-center::before,.control-center::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(53,224,208,.12);pointer-events:none;}
.control-center::before{width:480px;height:480px;right:-220px;top:-220px;animation:spinSlow 22s linear infinite;}
.control-center::after{width:300px;height:300px;left:-170px;bottom:-170px;animation:spinSlow 18s linear infinite reverse;}
.control-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:stretch;position:relative;z-index:2;}
.control-copy{display:flex;flex-direction:column;justify-content:center;}
.control-copy .section-title{color:#fff;max-width:500px;}
.control-copy p{color:#bdd1ea;font-size:14px;font-weight:600;margin:18px 0 22px;max-width:500px;}
.control-pills{display:flex;flex-wrap:wrap;gap:8px;}
.control-pill{padding:9px 12px;border:1px solid rgba(255,255,255,.13);border-radius:100px;background:rgba(255,255,255,.05);font-size:10px;font-weight:900;color:#d9eaff;transition:.35s ease;}
.control-pill:hover{transform:translateY(-3px);background:rgba(53,224,208,.1);border-color:rgba(53,224,208,.35);}
.machine-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:0 25px 70px rgba(0,0,0,.25);backdrop-filter:blur(10px);}
.machine-cell{position:relative;padding:17px 15px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);overflow:hidden;transform-style:preserve-3d;transition:transform .45s ease,background .35s ease,border-color .35s ease;}
.machine-cell:hover{transform:translateY(-5px) rotateX(2deg) rotateY(-2deg);background:rgba(255,255,255,.09);border-color:rgba(53,224,208,.28);}
.machine-cell-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;font-weight:900;color:#b7cae1;}
.machine-cell strong{display:block;font-size:22px;line-height:1;margin:16px 0 6px;}
.machine-cell small{color:#8fa8c7;font-size:9px;font-weight:800;}
.machine-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.5);animation:statusRing 1.8s infinite;}
.machine-cell.busy .machine-dot{background:#ffd36a;animation:pulse 1.3s infinite;}
.machine-cell.busy strong{color:#ffd36a;}
.machine-cell.available strong{color:#69f4e5;}
.machine-ring{width:58px;height:58px;border-radius:50%;margin:8px 0 2px;background:conic-gradient(var(--aqua) 0 72%,rgba(255,255,255,.08) 72% 100%);display:grid;place-items:center;}
.machine-ring::after{content:"";width:42px;height:42px;border-radius:50%;background:#0a2856;}
.machine-cell:nth-child(2) .machine-ring{background:conic-gradient(var(--electric) 0 44%,rgba(255,255,255,.08) 44% 100%);}
.machine-cell:nth-child(3) .machine-ring{background:conic-gradient(var(--aqua) 0 91%,rgba(255,255,255,.08) 91% 100%);}
.bento-section{background:var(--soft2);}
.bento-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:230px 230px;gap:13px;}
.bento-card{position:relative;overflow:hidden;border-radius:22px;isolation:isolate;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease;}
.bento-card.large{grid-row:1/3;}
.bento-card img{height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1);}
.bento-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,21,47,.88));z-index:1;}
.bento-info{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;color:#fff;transform:translateY(8px);transition:transform .5s ease;}
.bento-info span{font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#73eee0;}
.bento-info h3{font-family:"DM Serif Display",serif;font-size:27px;line-height:1;margin-top:4px;}
.bento-info p{font-size:9px;color:#d2e2f3;font-weight:700;margin-top:5px;}
.bento-card:hover{transform:translateY(-7px) rotateX(2deg) rotateY(-1deg);box-shadow:0 25px 55px rgba(6,21,47,.18);}
.bento-card:hover img{transform:scale(1.09);}
.bento-card:hover .bento-info{transform:none;}
.care-section{background:#fff;}
.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}
.care-card{position:relative;min-height:220px;padding:23px;border-radius:21px;border:1px solid var(--border);background:linear-gradient(145deg,var(--white),var(--soft));overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease;}
.care-card::before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-80px;top:-80px;background:radial-gradient(circle,rgba(40,168,255,.16),transparent 70%);transition:transform .7s ease;}
.care-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(6,21,47,.13);}
.care-card:hover::before{transform:scale(1.35);}
.care-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(18,104,232,.08);color:var(--blue);font-size:17px;margin-bottom:25px;transition:transform .55s ease;}
.care-card:hover .care-icon{transform:rotate(-8deg) scale(1.1);}
.care-card h3{font-size:17px;font-weight:900;margin-bottom:7px;}
.care-card p{color:var(--muted);font-size:10px;font-weight:700;max-width:290px;}
.care-line{position:absolute;left:23px;right:23px;bottom:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(.12);transform-origin:left;transition:transform .7s ease;}
.care-card:hover .care-line{transform:scaleX(1);}
.offer-grid,.location-grid,.newsletter-inner{position:relative;}
.offer-grid{transform-style:preserve-3d;}
.offer-grid::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.08) 50%,transparent 62%);transform:translateX(-110%);z-index:3;pointer-events:none;}
.offer-grid.offer-live::before{animation:sweep 1.6s ease .2s both;}
.map-card{transform-style:preserve-3d;}
.map-card::after{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(18,104,232,.22);border-radius:50%;left:calc(50% - 50px);top:calc(50% - 50px);animation:mapRipple 2.4s infinite;pointer-events:none;}
[data-stagger]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);}
[data-stagger].stagger-live{opacity:1;transform:none;}
@keyframes statusRing{0%{box-shadow:0 0 0 0 rgba(53,224,208,.55)}70%{box-shadow:0 0 0 8px rgba(53,224,208,0)}100%{box-shadow:0 0 0 0 rgba(53,224,208,0)}}
@keyframes stepPop{0%{transform:scale(.72)}70%{transform:scale(1.14)}100%{transform:scale(1)}}
@keyframes stepHalo{0%,100%{box-shadow:0 0 0 0 rgba(18,104,232,.18)}50%{box-shadow:0 0 0 10px rgba(18,104,232,0)}}
@keyframes galleryInLeft{from{opacity:0;transform:translateX(-40px) rotateY(8deg) scale(.97)}to{opacity:1;transform:none}}
@keyframes galleryInRight{from{opacity:0;transform:translateX(40px) rotateY(-8deg) scale(.97)}to{opacity:1;transform:none}}
@keyframes wordRise{to{opacity:1;transform:none}}
@keyframes sweep{to{transform:translateX(110%)}}
@keyframes mapRipple{0%{transform:scale(.55);opacity:.65}100%{transform:scale(2.2);opacity:0}}
@media(max-width:900px){.control-grid{grid-template-columns:1fr;}.machine-board{grid-template-columns:repeat(2,1fr);}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 190px;}.bento-card.large{grid-row:1/3;}.care-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.machine-board{grid-template-columns:1fr 1fr;}.machine-cell{padding:14px 12px;}.machine-cell strong{font-size:18px;}.bento-grid{grid-template-columns:1fr;grid-template-rows:230px 180px 180px;}.bento-card.large{grid-row:auto;}.care-grid{grid-template-columns:1fr;}.care-card{min-height:190px;}}
@media(prefers-reduced-motion:reduce){.motion-mask,.depth-card,.service-mini,.capacity-card,.bento-card,.care-card,.offer-grid,.map-card,*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}}
.availability-grid{gap:48px;}
.avail-dashboard{padding:8px 0;background:transparent;border:0;border-radius:0;}
.avail-row{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);position:relative;}
.avail-row::before{content:"";position:absolute;left:-16px;top:16px;width:3px;height:0;border-radius:5px;background:var(--aqua);transition:height .65s ease;}
.avail-row.visible-row::before{height:calc(100% - 34px);}
.avail-top{font-size:13px;margin-bottom:10px;}
.progress{height:5px;background:rgba(255,255,255,.08);}
.price-panel{border-radius:0;padding:28px 30px;box-shadow:0 28px 70px rgba(0,0,0,.26);border-top:4px solid var(--aqua);}
.price-panel::before{width:260px;height:260px;right:-110px;top:-120px;background:radial-gradient(circle,rgba(40,168,255,.13),transparent 68%);}
.price-head{padding-bottom:17px;border-bottom:1px solid #e5ebf2;margin-bottom:4px;}
.price-head h3{font-family:"DM Serif Display",serif;font-size:27px;font-weight:400;}
.price-item{padding:18px 0;transition:padding .35s ease,background .35s ease;}
.price-item:hover{padding-left:9px;padding-right:9px;background:#f6faff;}
.price-featured{margin:5px -9px;padding:18px 9px;border-radius:0;background:linear-gradient(90deg,#edf7ff,rgba(237,247,255,.45));border-left:3px solid var(--blue);}
.price{font-size:29px;letter-spacing:-1px;}
.spaces-section{background:#f4f9ff;overflow:hidden;}
.spaces-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px;}
.spaces-intro .section-title{max-width:690px;}
.spaces-intro .section-title em{font-style:normal;color:var(--blue);}
.spaces-intro-copy{max-width:320px;border-left:2px solid var(--aqua);padding-left:18px;}
.spaces-index{display:block;font-size:10px;font-weight:900;letter-spacing:2px;color:var(--blue);margin-bottom:8px;}
.spaces-intro-copy p{font-size:12px;line-height:1.7;font-weight:700;color:var(--muted);margin:0;}
.spaces-layout{display:grid;grid-template-columns:1.22fr .78fr;gap:14px;align-items:stretch;}
.space-hero-card{position:relative;min-height:455px;overflow:hidden;background:#09295b;color:#fff;isolation:isolate;}
.space-hero-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1);}
.space-hero-card:hover img{transform:scale(1.055);}
.space-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,.02) 25%,rgba(6,21,47,.94) 100%);z-index:1;}
.space-hero-copy{position:absolute;left:30px;right:30px;bottom:28px;z-index:2;max-width:570px;}
.space-hero-copy>span{font-size:9px;font-weight:900;letter-spacing:2px;color:#7ef4e8;}
.space-hero-copy h3{font-family:"DM Serif Display",serif;font-size:48px;line-height:.95;font-weight:400;margin:8px 0 11px;}
.space-hero-copy p{max-width:470px;font-size:12px;line-height:1.65;color:#dcecff;font-weight:700;margin:0;}
.space-corner{position:absolute;right:20px;top:20px;z-index:2;text-align:right;font-size:22px;font-weight:900;line-height:.9;color:#fff;}
.space-corner small{font-size:7px;letter-spacing:2px;color:#7ef4e8;}
.space-stack{display:grid;grid-template-rows:repeat(3,1fr);border-top:1px solid #cfdded;}
.space-row{display:grid;grid-template-columns:36px 46px 1fr 18px;gap:12px;align-items:center;padding:19px 8px 19px 0;border-bottom:1px solid #cfdded;position:relative;transition:transform .45s ease,padding .45s ease,background .45s ease;}
.space-row:hover{transform:translateX(-7px);padding-left:8px;background:#fff;box-shadow:0 16px 35px rgba(6,21,47,.07);}
.space-row-num{font-size:10px;font-weight:900;color:#7890ac;align-self:start;padding-top:4px;}
.space-row-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--blue);box-shadow:0 10px 25px rgba(18,104,232,.08);transition:transform .5s ease,background .5s ease,color .5s ease;}
.space-row:hover .space-row-icon{transform:rotate(-8deg) scale(1.08);background:var(--blue);color:#fff;}
.space-row-copy span{font-size:8px;letter-spacing:1.6px;font-weight:900;color:var(--blue);}
.space-row-copy h3{font-size:17px;font-weight:900;margin:4px 0 4px;color:var(--navy);}
.space-row-copy p{font-size:10px;line-height:1.55;color:var(--muted);font-weight:700;margin:0;max-width:340px;}
.space-arrow{font-size:11px;color:#9bb0c8;transition:transform .4s ease,color .4s ease;}
.space-row:hover .space-arrow{transform:translate(3px,-3px);color:var(--blue);}
.space-bottom-strip{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr;margin-top:14px;background:#06152f;color:#fff;min-height:76px;}
.space-bottom-strip>div{display:flex;align-items:center;gap:13px;padding:16px 22px;border-right:1px solid rgba(255,255,255,.1);}
.space-bottom-strip strong{font-size:15px;color:#fff;}
.space-bottom-strip span{font-size:9px;color:#9fb6d4;font-weight:800;}
.space-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;color:#06152f;background:var(--aqua);font-size:10px;font-weight:900;letter-spacing:1px;transition:gap .4s ease,filter .4s ease;}
.space-cta:hover{gap:20px;filter:brightness(1.05);}
@media(max-width:900px){.spaces-intro{align-items:start;flex-direction:column;gap:18px;}.spaces-intro-copy{max-width:520px;}.spaces-layout{grid-template-columns:1fr;}.space-hero-card{min-height:400px;}}
@media(max-width:650px){.spaces-intro{margin-bottom:22px;}.space-hero-card{min-height:350px;}.space-hero-copy{left:20px;right:20px;bottom:22px;}.space-hero-copy h3{font-size:37px;}.space-row{grid-template-columns:28px 42px 1fr 14px;gap:9px;padding:16px 0;}.space-row-icon{width:42px;height:42px;}.space-row-copy h3{font-size:14px;}.space-row-copy p{font-size:9px;}.space-bottom-strip{grid-template-columns:1fr 1fr;}.space-bottom-strip>div{padding:13px 15px;}.space-cta{min-height:58px;grid-column:1/-1;}}
.motion-mask{clip-path:none;}
.bento-card img{display:block;}
.spaces-section{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 8% 15%,rgba(40,168,255,.10),transparent 28%),
    radial-gradient(circle at 92% 82%,rgba(53,224,208,.08),transparent 25%),
    #f4f9ff;
}
.spaces-section::before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-180px;top:70px;
  border:1px solid rgba(18,104,232,.10);
  border-radius:50%;
  z-index:-1;
  animation:spacesOrbit 18s linear infinite;
}
.spaces-section::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(40,168,255,.65),transparent);
  animation:spacesLine 5s ease-in-out infinite;
}
.spaces-intro{
  position:relative;
}
.spaces-intro::after{
  content:"";
  position:absolute;
  left:0;bottom:-14px;
  width:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--aqua));
  transition:width 1.2s cubic-bezier(.2,.8,.2,1);
}
.spaces-section.in-view .spaces-intro::after{width:180px;}
.spaces-intro .section-title{
  letter-spacing:-1.4px;
}
.space-hero-card{
  transform:translateZ(0);
  box-shadow:0 28px 70px rgba(6,21,47,.16);
}
.space-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(126,244,232,.20) 48%,transparent 61%);
  transform:translateX(-120%);
}
.space-hero-card:hover::before{
  animation:spaceSweep 1.15s ease forwards;
}
.space-hero-card::after{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:-100px;bottom:-100px;
  border:1px solid rgba(126,244,232,.45);
  border-radius:50%;
  z-index:2;
  animation:spacePulseRing 4s ease-in-out infinite;
}
.space-hero-copy h3{
  text-shadow:0 8px 28px rgba(0,0,0,.25);
}
.space-corner{
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(6,21,47,.24);
  backdrop-filter:blur(8px);
}
.space-stack{
  perspective:900px;
}
.space-row{
  overflow:hidden;
  transform-origin:right center;
}
.space-row::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:linear-gradient(var(--blue),var(--aqua));
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}
.space-row:hover::before,
.space-row.visible-row::before{
  transform:scaleY(1);
}
.space-row::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  left:-70%;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(40,168,255,.08),transparent);
  transform:skewX(-18deg);
}
.space-row:hover::after{
  animation:spaceRowSweep .8s ease;
}
.space-row-icon{
  position:relative;
}
.space-row-icon::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:1px solid rgba(40,168,255,.20);
  border-radius:17px;
  transform:scale(.7);
  opacity:0;
}
.space-row:hover .space-row-icon::after{
  animation:spaceIconRing .65s ease forwards;
}
.space-row-copy h3{
  transition:transform .4s ease,color .4s ease;
}
.space-row:hover .space-row-copy h3{
  transform:translateX(5px);
  color:var(--blue);
}
.space-bottom-strip{
  position:relative;
  overflow:hidden;
  box-shadow:0 22px 45px rgba(6,21,47,.16);
}
.space-bottom-strip::before{
  content:"";
  position:absolute;
  left:-25%;top:0;
  width:18%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(53,224,208,.18),transparent);
  transform:skewX(-20deg);
  animation:spaceStripLight 5s ease-in-out infinite;
}
.space-bottom-strip>div,
.space-cta{
  position:relative;
  z-index:1;
}
.space-bottom-strip strong{
  transition:transform .35s ease,color .35s ease;
}
.space-bottom-strip>div:hover strong{
  transform:translateX(5px);
  color:var(--aqua);
}
.space-cta{
  overflow:hidden;
}
.space-cta::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-100%;
  width:70%;
  background:rgba(255,255,255,.28);
  transform:skewX(-20deg);
}
.space-cta:hover::before{
  animation:spaceCtaSweep .75s ease forwards;
}
.space-cta i{
  transition:transform .4s ease;
}
.space-cta:hover i{
  transform:translateX(6px);
}
@keyframes spacesOrbit{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes spacesLine{0%,100%{opacity:.25;transform:scaleX(.35);}50%{opacity:1;transform:scaleX(1);}}
@keyframes spaceSweep{from{transform:translateX(-120%);}to{transform:translateX(180%);}}
@keyframes spacePulseRing{0%,100%{transform:scale(.72);opacity:.15;}50%{transform:scale(1);opacity:.65;}}
@keyframes spaceRowSweep{from{left:-70%;}to{left:130%;}}
@keyframes spaceIconRing{0%{transform:scale(.7);opacity:0;}45%{opacity:1;}100%{transform:scale(1.15);opacity:0;}}
@keyframes spaceStripLight{0%,55%,100%{left:-25%;}75%{left:125%;}}
@keyframes spaceCtaSweep{from{left:-100%;}to{left:140%;}}
@media(max-width:900px){.spaces-section::before{width:300px;height:300px;right:-180px;}.space-hero-card{box-shadow:0 20px 45px rgba(6,21,47,.13);}}
@media(max-width:650px){.spaces-section::before{display:none;}.spaces-intro::after{bottom:-10px;}.space-hero-card::after{width:130px;height:130px;}.space-bottom-strip{box-shadow:0 15px 32px rgba(6,21,47,.13);}}
@media(prefers-reduced-motion:reduce){.spaces-section::before,
  .spaces-section::after,
  .space-bottom-strip::before,
  .space-hero-card::before,
  .space-hero-card::after,
  .space-row::after,
  .space-row-icon::after,
  .space-cta::before{
    animation:none !important;
  }}
.availability-v2{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 35%,rgba(18,104,232,.16),transparent 30%),radial-gradient(circle at 92% 75%,rgba(53,224,208,.10),transparent 28%),#06152f;}
.availability-v2::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(40,168,255,.035) 48%,transparent 70%);pointer-events:none;}
.availability-v2 .container{position:relative;z-index:2;}
.availability-head-v2{margin-bottom:28px;}
.live-floor{display:grid;grid-template-columns:.88fr 1.22fr .72fr;gap:12px;align-items:stretch;}
.floor-status-panel,.live-machine-list,.price-panel-v2{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.045);backdrop-filter:blur(12px);}
.floor-status-panel{min-height:390px;padding:24px;border-radius:24px;background:linear-gradient(145deg,rgba(18,104,232,.20),rgba(255,255,255,.035));isolation:isolate;}
.floor-orbit{position:absolute;border:1px solid rgba(53,224,208,.15);border-radius:50%;pointer-events:none;}
.orbit-one{width:360px;height:360px;right:-230px;top:-185px;animation:availabilityOrbit 18s linear infinite;}
.orbit-two{width:210px;height:210px;left:-140px;bottom:-120px;border-color:rgba(40,168,255,.15);animation:availabilityOrbit 13s linear infinite reverse;}
.floor-live-tag{display:inline-flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.8px;font-weight:900;color:#9bdfff;position:relative;z-index:2;}
.floor-live-tag span{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.6);animation:statusRing 1.8s infinite;}
.floor-status-main{display:flex;align-items:center;gap:17px;margin-top:30px;position:relative;z-index:2;}
.floor-ring{width:112px;height:112px;flex:0 0 112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--aqua) 0 57%,rgba(255,255,255,.08) 57% 100%);box-shadow:0 0 45px rgba(53,224,208,.12);animation:ringBreath 3s ease-in-out infinite;}
.floor-ring::before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid rgba(53,224,208,.28);animation:ringPulse 2.5s ease-out infinite;}
.floor-ring-core{width:82px;height:82px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#082656;border:1px solid rgba(255,255,255,.08);}
.floor-ring-core strong{font-size:30px;line-height:1;color:#fff;font-weight:900;}
.floor-ring-core small{font-size:7px;letter-spacing:1.4px;color:#72eee1;font-weight:900;margin-top:4px;}
.floor-status-copy>span{font-size:8px;letter-spacing:1.5px;color:#72eee1;font-weight:900;}
.floor-status-copy h3{font-family:"DM Serif Display",serif;font-size:25px;line-height:1.02;font-weight:400;color:#fff;margin:7px 0 8px;}
.floor-status-copy p{font-size:9px;line-height:1.55;color:#b6cce5;font-weight:700;margin:0;}
.floor-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:27px;position:relative;z-index:2;}
.floor-mini-stats div{padding:11px 8px;border-top:1px solid rgba(255,255,255,.13);}
.floor-mini-stats strong{display:block;color:#fff;font-size:16px;font-weight:900;}
.floor-mini-stats span{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#7f9cbd;font-weight:900;}
.floor-scan-line{position:absolute;left:24px;right:24px;bottom:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:8px;color:#7896b8;font-weight:800;z-index:2;}
.floor-scan-line i{display:inline-block;width:45px;height:1px;vertical-align:middle;margin-right:7px;background:linear-gradient(90deg,var(--aqua),transparent);animation:scanLine 2s ease-in-out infinite;}
.live-machine-list{border-radius:24px;padding:22px 22px 15px;background:rgba(3,17,39,.62);}
.machine-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);}
.machine-list-head span{font-size:7px;letter-spacing:1.7px;color:#72eee1;font-weight:900;}
.machine-list-head h3{font-family:"DM Serif Display",serif;color:#fff;font-size:25px;font-weight:400;margin-top:4px;}
.live-clock{font-size:8px;letter-spacing:1px;font-weight:900;color:#8ea9c7;border:1px solid rgba(255,255,255,.11);padding:7px 9px;border-radius:99px;white-space:nowrap;}
.live-clock i{color:var(--aqua);margin-right:4px;animation:statusRing 1.8s infinite;}
.live-machine-row{display:grid;grid-template-columns:1.15fr .9fr auto;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);position:relative;}
.live-machine-row::after{content:"";position:absolute;left:-22px;right:-22px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(53,224,208,.45),transparent);transform:scaleX(0);transition:transform .55s ease;}
.live-machine-row:hover::after{transform:scaleX(1);}
.machine-type{display:flex;align-items:center;gap:11px;min-width:0;}
.machine-type-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:var(--aqua);background:rgba(53,224,208,.08);border:1px solid rgba(53,224,208,.12);transition:transform .45s ease,background .35s ease;}
.live-machine-row:hover .machine-type-icon{transform:rotate(-7deg) scale(1.08);background:rgba(53,224,208,.14);}
.machine-type strong{display:block;color:#fff;font-size:10px;font-weight:900;}
.machine-type small{display:block;color:#7897b9;font-size:7px;font-weight:800;letter-spacing:.4px;margin-top:4px;}
.machine-meter{min-width:0;}
.meter-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:7px;font-weight:900;color:#8fa9c5;}
.meter-label span{color:#72eee1;}
.meter-track{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;}
.meter-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:scaleX(0);transform-origin:left;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);}
.availability-v2 .live-machine-list.visible .meter-track span{transform:scaleX(1);}
.machine-state{font-size:7px;font-weight:900;letter-spacing:.8px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#72eee1;}
.machine-state span{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 rgba(53,224,208,.6);animation:statusRing 1.8s infinite;}
.floor-note{display:flex;align-items:center;gap:8px;padding-top:14px;font-size:8px;color:#7897b9;font-weight:700;}
.floor-note i{color:#ffd36a;}
.floor-note strong{color:#bcd0e7;}
.price-panel-v2{border-radius:24px;padding:21px;background:#fff;color:var(--navy);box-shadow:0 24px 55px rgba(0,0,0,.23);border:0;border-top:3px solid var(--aqua);}
.price-panel-v2::before{content:"";position:absolute;width:180px;height:180px;right:-105px;top:-105px;border-radius:50%;background:radial-gradient(circle,rgba(40,168,255,.18),transparent 70%);pointer-events:none;}
.price-panel-v2 .price-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;margin-bottom:0;border-bottom:1px solid #e5ebf2;}
.price-eyebrow{display:block;font-size:7px;letter-spacing:1.5px;color:var(--blue);font-weight:900;margin-bottom:4px;}
.price-panel-v2 .price-head h3{font-size:25px;line-height:1;}
.price-mark{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#edf7ff;color:var(--blue);font-size:13px;}
.price-panel-v2 .price-item{position:relative;padding:14px 0;}
.price-panel-v2 .price-item:hover{padding-left:6px;padding-right:6px;}
.price-panel-v2 .price-item strong{font-size:10px;}
.price-panel-v2 .price-item small{font-size:7px;}
.price-panel-v2 .price{font-size:22px;}
.price-panel-v2 .price-featured{margin:4px -7px;padding:14px 7px;background:linear-gradient(90deg,#eaf7ff,#f7fbff);border-left:3px solid var(--blue);}
.price-badge{position:absolute;right:8px;top:5px;font-size:6px;letter-spacing:1px;color:#fff;background:var(--blue);padding:4px 6px;border-radius:99px;font-weight:900;}
.price-cta-v2{width:100%;justify-content:center;margin-top:7px;padding:11px 13px;}
.availability-bottom-v2{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);}
.availability-bottom-v2 span{font-size:7px;color:#9eb6d0;font-weight:900;letter-spacing:.3px;}
.availability-bottom-v2 i{color:var(--aqua);margin-right:4px;}
.availability-bottom-v2 a{margin-left:auto;color:#fff;font-size:8px;font-weight:900;text-decoration:none;}
.availability-bottom-v2 a i{transition:transform .35s ease;}
.availability-bottom-v2 a:hover i{transform:translateX(5px);}
@keyframes availabilityOrbit{to{transform:rotate(360deg);}}
@keyframes ringBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
@keyframes ringPulse{0%{transform:scale(.9);opacity:.6}100%{transform:scale(1.65);opacity:0}}
@keyframes scanLine{0%,100%{transform:scaleX(.3);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@media(max-width:1050px){.live-floor{grid-template-columns:1fr 1.25fr;}.price-panel-v2{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center;}.price-panel-v2 .price-head{grid-column:1/-1;}.price-panel-v2 .price-cta-v2{grid-column:1/-1;}}
@media(max-width:760px){.live-floor{grid-template-columns:1fr;}.price-panel-v2{grid-column:auto;display:block;}.availability-bottom-v2{flex-wrap:wrap;}.availability-bottom-v2 a{width:100%;margin-left:0;padding-top:5px;}}
@media(max-width:500px){.floor-status-panel,.live-machine-list,.price-panel-v2{border-radius:19px;}.floor-status-main{align-items:flex-start;flex-direction:column;}.floor-ring{width:98px;height:98px;flex-basis:98px;}.floor-ring::before{width:98px;height:98px;}.floor-ring-core{width:72px;height:72px;}.floor-ring-core strong{font-size:25px;}.live-machine-row{grid-template-columns:1fr auto;}.machine-meter{grid-column:1/-1;grid-row:2;}.machine-state{grid-column:2;grid-row:1;}.machine-list-head h3{font-size:22px;}}

#spinora-home2{overflow:hidden;background:var(--white)}
#spinora-home2 section{position:relative}
#spinora-home2 .container{position:relative;z-index:2}
.h2-kicker{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;font-weight:900;color:var(--blue)}
.h2-kicker::before{content:"";width:26px;height:2px;background:var(--aqua);border-radius:99px}
.h2-title{font-family:"DM Serif Display",serif;font-size:clamp(44px,5vw,72px);line-height:.96;letter-spacing:-1.8px;color:var(--text);margin-top:10px}
.h2-copy{color:var(--muted);font-size:14px;line-height:1.75;font-weight:600}
.h2-btnline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:28px}
.h2-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:var(--navy);transition:.3s ease}
.h2-link:hover{color:var(--blue);transform:translateX(4px)}
.h2-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 62%,#0b3b73 100%);color:#fff;padding:76px 0 24px;min-height:720px;overflow:hidden}
.h2-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 27%,rgba(53,224,208,.16),transparent 28%),radial-gradient(circle at 10% 80%,rgba(40,168,255,.13),transparent 25%)}
.h2-hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:52px;align-items:center;min-height:610px}
.h2-hero-copy{max-width:610px}
.h2-hero-copy .h2-kicker{color:#8feee7}
.h2-hero-copy .h2-kicker::before{background:#35e0d0}
.h2-hero h1{font-family:"DM Serif Display",serif;font-size:clamp(64px,7.8vw,104px);line-height:.86;letter-spacing:-4px;margin:18px 0 25px}
.h2-hero h1 em{color:#35e0d0;font-style:italic}
.h2-hero-copy p{max-width:520px;color:#bed1e7;font-size:16px;line-height:1.75;font-weight:600}
.h2-hero-meta{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px}
.h2-meta-item{display:flex;align-items:center;gap:10px;color:#dce8f5;font-size:11px;font-weight:800}
.h2-meta-item i{color:#35e0d0}
.h2-hero-visual{height:585px;position:relative}
.h2-hero-mainimg{position:absolute;right:4%;top:25px;width:83%;height:500px;border-radius:34px 34px 120px 34px;overflow:hidden;transform:rotate(2deg);box-shadow:0 35px 90px rgba(0,0,0,.38);background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-hero-mainimg img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s cubic-bezier(.2,.8,.2,1)}
.h2-hero-visual:hover .h2-hero-mainimg img{transform:scale(1.06)}
.h2-hero-cut{position:absolute;left:0;bottom:22px;width:36%;height:205px;border:8px solid #09295b;border-radius:24px;overflow:hidden;box-shadow:0 28px 55px rgba(0,0,0,.32);background:linear-gradient(135deg,#1268e8,#35e0d0);transform:rotate(-5deg);z-index:4}
.h2-hero-cut img{width:100%;height:100%;object-fit:cover;display:block}
.h2-hero-badge{position:absolute;right:-5px;top:80px;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff;color:#06152f;box-shadow:0 18px 40px rgba(0,0,0,.28);animation:h2Float 4s ease-in-out infinite;z-index:5}
.h2-hero-badge strong{display:block;font-size:27px;line-height:1;font-weight:900}
.h2-hero-badge span{display:block;font-size:8px;line-height:1.25;letter-spacing:1.1px;text-transform:uppercase;font-weight:900;margin-top:5px}
.h2-hero-sticker{position:absolute;left:8%;top:60px;background:#35e0d0;color:#06152f;padding:11px 15px;border-radius:99px;font-size:10px;font-weight:900;z-index:5;box-shadow:0 15px 30px rgba(0,0,0,.22);animation:h2Float 3.6s 1s ease-in-out infinite}
.h2-orb{position:absolute;border:1px solid rgba(53,224,208,.35);border-radius:50%;pointer-events:none}
.h2-orb.a{width:470px;height:470px;right:7%;top:35px;animation:h2Spin 18s linear infinite}
.h2-orb.b{width:350px;height:350px;right:20%;top:96px;border-color:rgba(40,168,255,.35);animation:h2Spin 12s linear infinite reverse}
.h2-hero-bottom{margin-top:8px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:flex;justify-content:center;gap:22px;color:#89a2bf;font-size:9px;font-weight:900;letter-spacing:2.5px}
.h2-hero-bottom b{display:block;width:34px;height:1px;background:#35e0d0;margin-top:5px}
.h2-strip{background:#fff;border-bottom:1px solid #dce7f3}
.h2-strip-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr)}
.h2-strip-lead,.h2-strip-item{padding:24px 22px;display:flex;align-items:center;gap:14px;border-right:1px solid #dce7f3;min-height:116px}
.h2-strip-lead{display:block;padding-left:0}
.h2-strip-lead span{font-size:9px;letter-spacing:2px;font-weight:900;color:var(--blue)}
.h2-strip-lead strong{display:block;font-family:"DM Serif Display";font-size:27px;line-height:1;margin-top:5px}
.h2-strip-item:last-child{border-right:0}
.h2-strip-item i{font-size:21px;color:var(--blue)}
.h2-strip-item b{display:block;font-size:12px}
.h2-strip-item small{display:block;color:#718198;font-size:9px;font-weight:700;margin-top:3px}
.h2-trio{background:#f5faff;padding:90px 0 102px}
.h2-trio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:32px}
.h2-trio-head>div{max-width:800px}
.h2-trio-head .h2-copy{max-width:430px;margin-bottom:4px}
.h2-trio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.h2-trio-card{position:relative;min-height:510px;overflow:hidden;text-decoration:none;color:#fff;background:#09295b;border-radius:22px;box-shadow:0 22px 50px rgba(6,21,47,.11);transition:.5s cubic-bezier(.2,.8,.2,1);isolation:isolate}
.h2-trio-card:hover{transform:translateY(-8px);box-shadow:0 35px 70px rgba(6,21,47,.18)}
.h2-trio-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,.02) 22%,rgba(6,21,47,.1) 42%,rgba(6,21,47,.9) 100%);z-index:1}
.h2-trio-image{position:absolute;inset:0;background:linear-gradient(135deg,#09295b,#1268e8 55%,#35e0d0);z-index:0}
.h2-trio-image img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s cubic-bezier(.2,.8,.2,1)}
.h2-trio-card:hover img{transform:scale(1.08)}
.h2-trio-no{position:absolute;top:20px;left:20px;font-size:11px;letter-spacing:2px;font-weight:900;z-index:3;color:#fff}
.h2-trio-icon{position:absolute;right:18px;top:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.46);border-radius:50%;display:grid;place-items:center;background:rgba(6,21,47,.18);backdrop-filter:blur(10px);z-index:3;transition:.4s}
.h2-trio-card:hover .h2-trio-icon{background:#1268e8;transform:rotate(45deg)}
.h2-trio-content{position:absolute;left:0;right:0;bottom:0;padding:28px 27px 30px;z-index:3}
.h2-trio-content span{font-size:9px;font-weight:900;letter-spacing:2px;color:#8feee7}
.h2-trio-content h3{font-family:"DM Serif Display";font-size:34px;line-height:.98;margin:8px 0 10px}
.h2-trio-content p{font-size:11px;line-height:1.65;color:#d8e5f3;font-weight:600;max-width:340px}
.h2-trio-content a{display:inline-flex;margin-top:17px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:8px}
.h2-story{background:#fff;padding:102px 0}
.h2-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:78px;align-items:center}
.h2-story-visual{height:550px;position:relative}
.h2-story-img{position:absolute;left:0;top:0;width:82%;height:490px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-story-img img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-story-visual:hover .h2-story-img img{transform:scale(1.06)}
.h2-story-note{position:absolute;right:0;bottom:20px;width:220px;padding:23px;border-radius:18px;background:#06152f;color:#fff;box-shadow:0 22px 50px rgba(6,21,47,.22)}
.h2-story-note span{font-size:8px;letter-spacing:2px;font-weight:900;color:#35e0d0}
.h2-story-note strong{display:block;font-size:12px;margin:7px 0}
.h2-story-note p{font-family:"DM Serif Display";font-size:25px;line-height:1.02}
.h2-story-mark{position:absolute;left:18px;bottom:16px;font-size:98px;line-height:.8;font-weight:900;color:#fff;opacity:.16}
.h2-steps{border-top:1px solid #d9e4f0;margin-top:30px}
.h2-step{display:grid;grid-template-columns:46px 1fr 22px;gap:13px;align-items:center;padding:19px 0;border-bottom:1px solid #d9e4f0;transition:.35s}
.h2-step:hover{padding-left:9px;background:linear-gradient(90deg,rgba(18,104,232,.04),transparent)}
.h2-step>span{font-size:11px;font-weight:900;color:var(--blue)}
.h2-step b{font-size:14px}
.h2-step p{margin-top:3px;color:#708097;font-size:11px;font-weight:600}
.h2-step i{color:var(--blue)}
.h2-machine{background:#06152f;color:#fff;padding:96px 0;overflow:hidden}
.h2-machine::before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-200px;top:-160px;background:radial-gradient(circle,rgba(40,168,255,.2),transparent 67%);animation:h2Glow 4s ease-in-out infinite}
.h2-machine-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center}
.h2-machine .h2-kicker{color:#8feee7}
.h2-machine .h2-kicker::before{background:#35e0d0}
.h2-machine h2{font-family:"DM Serif Display";font-size:clamp(48px,5.4vw,74px);line-height:.94;margin:12px 0 20px}
.h2-machine p{max-width:470px;color:#a9bed8;font-size:14px;line-height:1.75;font-weight:600}
.h2-specs{display:flex;margin-top:32px}
.h2-spec{padding:0 26px;border-left:1px solid rgba(255,255,255,.14)}
.h2-spec:first-child{padding-left:0;border-left:0}
.h2-spec strong{display:block;font-size:26px}
.h2-spec span{font-size:8px;letter-spacing:1.6px;text-transform:uppercase;color:#7e97b5;font-weight:900}
.h2-machine-visual{height:480px;position:relative;display:grid;place-items:center}
.h2-machine-ring{position:absolute;width:410px;height:410px;border-radius:50%;border:1px dashed rgba(53,224,208,.34);animation:h2Spin 15s linear infinite}
.h2-machine-image{position:relative;width:390px;height:330px;border-radius:34px 34px 110px 34px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 75px rgba(0,0,0,.42);background:linear-gradient(135deg,#09295b,#1268e8);z-index:2}
.h2-machine-image img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-machine-image:hover img{transform:scale(1.08)}
.h2-data{position:absolute;background:#fff;color:#06152f;padding:12px 15px;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.26);z-index:4;animation:h2Float 4s ease-in-out infinite}
.h2-data span{display:block;font-size:8px;letter-spacing:1.5px;color:#73859a;font-weight:900}
.h2-data b{font-size:12px;color:#0da57f}
.h2-data.one{left:3%;top:90px}
.h2-data.two{right:3%;bottom:68px;animation-delay:1s}
.h2-availability{background:#eaf4ff;padding:100px 0}
.h2-availability-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:34px}
.h2-availability-head>div{max-width:700px}
.h2-floor{background:#06152f;color:#fff;border-radius:28px;padding:27px;box-shadow:0 25px 70px rgba(6,21,47,.18);overflow:hidden}
.h2-floor-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:19px;border-bottom:1px solid rgba(255,255,255,.09);font-size:11px;font-weight:900;letter-spacing:1px}
.h2-floor-top b{color:#35e0d0;font-size:9px}
.h2-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e0d0;box-shadow:0 0 13px #35e0d0;margin-right:6px;animation:h2Pulse 1.5s infinite}
.h2-floor-grid{display:grid;grid-template-columns:170px 1fr 170px;gap:24px;align-items:center;padding-top:24px}
.h2-side small{display:block;color:#7289a5;font-size:8px;letter-spacing:2px;font-weight:900}
.h2-side strong{display:block;font-size:54px;line-height:1;margin:8px 0}
.h2-side span{color:#8ea5c0;font-size:9px}
.h2-side>b{display:block;margin-top:8px;color:#35e0d0;font-size:9px}
.h2-meter{height:5px;margin-top:13px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.h2-meter i{display:block;height:100%;background:linear-gradient(90deg,#1268e8,#35e0d0);border-radius:99px}
.h2-floor-map{height:235px;border:1px solid rgba(255,255,255,.08);border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.008))}
.h2-floor-map::before{content:"";position:absolute;inset:18px;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(255,255,255,.07) 50%,transparent 51%);background-size:44px 44px;opacity:.8}
.h2-maplabel{position:absolute;font-size:8px;letter-spacing:1.6px;color:#6f88a7;font-weight:900}
.h2-maplabel.w{left:18px;top:17px}
.h2-maplabel.d{right:18px;top:17px}
.h2-maplabel.f{left:50%;bottom:17px;transform:translateX(-50%)}
.h2-dot{position:absolute;width:22px;height:22px;border-radius:50%;background:#35e0d0;box-shadow:0 0 0 5px rgba(53,224,208,.08),0 0 14px rgba(53,224,208,.35);animation:h2Pulse 2s infinite}
.h2-dot.busy{background:#8fa2bc;box-shadow:none;animation:none}
.h2-dot.d1{left:18%;top:31%}
.h2-dot.d2{left:37%;top:31%}
.h2-dot.d3{left:56%;top:31%}
.h2-dot.d4{left:75%;top:31%}
.h2-dot.d5{left:18%;top:62%}
.h2-dot.d6{left:37%;top:62%}
.h2-dot.d7{left:56%;top:62%}
.h2-dot.d8{left:75%;top:62%}
.h2-pricing{background:#fff;padding:105px 0}
.h2-price-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:center}
.h2-rate-board{border-top:1px solid #dce6f0}
.h2-rate-row{display:grid;grid-template-columns:54px 1fr auto 24px;gap:18px;align-items:center;padding:22px 4px;border-bottom:1px solid #dce6f0;transition:.35s}
.h2-rate-row:hover{padding-left:12px;background:linear-gradient(90deg,rgba(18,104,232,.04),transparent)}
.h2-rate-row.featured{background:#f6faff}
.h2-rate-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaf4ff;color:var(--blue);font-size:17px}
.h2-rate-icon.aqua{background:#e9fbf9;color:#0aa896}
.h2-rate-icon.lime{background:#eff6ff;color:#1268e8}
.h2-rate-copy span{display:block;font-size:8px;letter-spacing:2px;font-weight:900;color:var(--blue)}
.h2-rate-copy b{display:block;font-size:14px;margin-top:3px}
.h2-rate-copy small{display:block;color:#708097;font-size:9px;font-weight:700;margin-top:2px}
.h2-rate-row>strong{font-size:28px;letter-spacing:-1px;color:#06152f}
.h2-rate-row>i{color:var(--blue)}
.h2-rate-foot{display:flex;justify-content:space-between;gap:15px;padding-top:14px;color:#7a8b9f;font-size:9px;font-weight:700}
.h2-editorial{background:#f6faff;padding:100px 0}
.h2-editorial-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center}
.h2-editorial-art{height:540px;position:relative}
.h2-editorial-main{position:absolute;inset:0 0 35px 50px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-editorial-main img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s}
.h2-editorial-art:hover img{transform:scale(1.06)}
.h2-editorial-tag{position:absolute;left:0;bottom:0;background:#35e0d0;color:#06152f;padding:17px 18px;border-radius:18px;box-shadow:0 18px 40px rgba(6,21,47,.15);z-index:3}
.h2-editorial-tag strong{display:block;font-size:20px}
.h2-editorial-tag span{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;font-weight:900}
.h2-notes{margin-top:30px;border-top:1px solid #d7e3ef}
.h2-note-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #d7e3ef}
.h2-note-row strong{font-size:12px}
.h2-note-row span{font-size:10px;color:#72839a;font-weight:700;text-align:right}
.h2-space{min-height:620px;display:flex;align-items:center;overflow:hidden;color:#fff}
.h2-space-img{position:absolute;inset:0;background:#09295b}
.h2-space-img img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:1.4s}
.h2-space:hover .h2-space-img img{transform:scale(1.08)}
.h2-space::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.9) 0%,rgba(6,21,47,.58) 42%,rgba(6,21,47,.18) 72%,rgba(6,21,47,.12) 100%)}
.h2-space-copy{max-width:640px;position:relative;z-index:2}
.h2-space-copy .h2-kicker{color:#8feee7}
.h2-space-copy .h2-kicker::before{background:#35e0d0}
.h2-space-copy .h2-title{color:#fff}
.h2-space-copy p{max-width:520px;color:#c9d8e8;margin-top:19px}
.h2-space-copy .h2-link{color:#fff;margin-top:23px}
.h2-space-copy .h2-link i{color:#35e0d0}
.h2-space-index{position:absolute;right:7%;bottom:42px;z-index:2;color:#8ba4bf;font-size:9px;font-weight:900;letter-spacing:2px;line-height:2;text-align:right}
.h2-voices{background:#fff;padding:100px 0}
.h2-voices-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}
.h2-voices-top .h2-title{max-width:720px}
.h2-voices-top .h2-copy{max-width:400px}
.h2-quotes{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:16px}
.h2-quote{padding:30px;background:#f6faff;border:1px solid #dde8f3;min-height:245px;position:relative;transition:.4s}
.h2-quote:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(6,21,47,.08)}
.h2-quote.featured{background:#06152f;color:#fff;border-color:#06152f;transform:translateY(18px)}
.h2-quote.featured:hover{transform:translateY(10px)}
.h2-quote-mark{font-family:"DM Serif Display";font-size:72px;line-height:.7;color:#35e0d0}
.h2-quote p{font-family:"DM Serif Display";font-size:24px;line-height:1.13;margin:18px 0 25px}
.h2-quote:not(.featured) p{font-size:19px;color:#0b1932}
.h2-quote small{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;font-weight:900;color:#71829a}
.h2-quote.featured small{color:#8fa9c3}
.h2-visit{background:#eaf4ff;padding:92px 0}
.h2-visit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.h2-visit-main{min-height:350px;border-radius:25px;overflow:hidden;position:relative;background:linear-gradient(135deg,#09295b,#1268e8)}
.h2-visit-main img{width:100%;height:100%;object-fit:cover;display:block;transition:1.1s}
.h2-visit-main:hover img{transform:scale(1.06)}
.h2-visit-main::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.82),rgba(6,21,47,.12))}
.h2-visit-copy{position:absolute;left:32px;bottom:31px;z-index:2;color:#fff;max-width:470px}
.h2-visit-copy .h2-kicker{color:#8feee7}
.h2-visit-copy .h2-kicker::before{background:#35e0d0}
.h2-visit-copy .h2-title{color:#fff;font-size:clamp(39px,4vw,58px)}
.h2-visit-copy p{color:#d4e1ef;margin-top:13px;font-size:12px;line-height:1.65;font-weight:600}
.h2-visit-side{border-radius:25px;background:#06152f;color:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between}
.h2-contact-row{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.h2-contact-row i{width:34px;height:34px;border-radius:10px;background:rgba(53,224,208,.12);display:grid;place-items:center;color:#35e0d0}
.h2-contact-row b{font-size:11px}
.h2-contact-row span{display:block;color:#9fb5cf;font-size:10px;font-weight:700;margin-top:3px}
.h2-cta{background:#fff;padding:95px 0 105px}
.h2-cta-wrap{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:28px;background:#06152f;color:#fff;box-shadow:0 28px 65px rgba(6,21,47,.18)}
.h2-cta-copy{padding:62px}
.h2-cta-copy .h2-kicker{color:#8feee7}
.h2-cta-copy .h2-kicker::before{background:#35e0d0}
.h2-cta-copy .h2-title{color:#fff}
.h2-cta-copy p{color:#9fb5ce;max-width:440px;margin-top:18px}
.h2-cta-art{position:relative;min-height:390px;overflow:hidden;background:#09295b}
.h2-cta-art img{width:100%;height:100%;object-fit:cover;display:block;transition:1.2s}
.h2-cta-wrap:hover .h2-cta-art img{transform:scale(1.07)}
.h2-cta-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06152f 0%,rgba(6,21,47,.15) 42%,transparent 100%)}
.h2-cta-badge{position:absolute;right:25px;bottom:22px;z-index:3;background:#35e0d0;color:#06152f;padding:15px 17px;border-radius:14px;box-shadow:0 15px 35px rgba(0,0,0,.23)}
.h2-cta-badge strong{display:block;font-size:21px;letter-spacing:1.5px}
.h2-cta-badge span{font-size:8px;letter-spacing:1.2px;font-weight:900}
.h2-reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.h2-reveal.visible{opacity:1;transform:none}
.h2-left{opacity:0;transform:translateX(-36px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.h2-left.visible{opacity:1;transform:none}
.h2-right{opacity:0;transform:translateX(36px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.h2-right.visible{opacity:1;transform:none}
@keyframes h2Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes h2Spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes h2Glow{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes h2Pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.12)}}
@media(max-width:1100px){.h2-hero-layout,.h2-story-grid,.h2-machine-grid,.h2-price-layout,.h2-editorial-grid{grid-template-columns:1fr}.h2-hero-layout{gap:20px;padding:44px 0 25px}.h2-hero-copy{max-width:780px}.h2-hero-visual{height:500px}.h2-story-grid,.h2-editorial-grid{gap:40px}.h2-machine-grid{gap:10px}.h2-machine-visual{order:-1}.h2-price-layout{gap:45px}.h2-visit-grid{grid-template-columns:1fr}.h2-trio-head,.h2-voices-top{align-items:flex-start;flex-direction:column}.h2-trio-head .h2-copy,.h2-voices-top .h2-copy{max-width:650px}.h2-quotes{grid-template-columns:1fr 1fr}.h2-quote.featured{transform:none}.h2-quote.featured:hover{transform:translateY(-7px)}}
@media(max-width:760px){.h2-hero{padding-top:76px}.h2-hero-layout{padding-top:40px}.h2-hero h1{font-size:60px;letter-spacing:-2.5px}.h2-hero-visual{height:395px}.h2-hero-mainimg{height:350px;width:87%;border-radius:24px 24px 70px 24px}.h2-hero-cut{height:135px;width:43%;border-width:6px}.h2-hero-badge{width:78px;height:78px;top:65px}.h2-hero-badge strong{font-size:19px}.h2-hero-sticker{top:25px;left:3%}.h2-orb{display:none}.h2-hero-bottom{gap:11px;font-size:7px}.h2-strip-grid{grid-template-columns:1fr}.h2-strip-lead,.h2-strip-item{border-right:0;border-bottom:1px solid #dce7f3}.h2-strip-lead{padding-left:0}.h2-trio,.h2-story,.h2-machine,.h2-availability,.h2-pricing,.h2-editorial,.h2-voices,.h2-visit,.h2-cta{padding-top:70px;padding-bottom:75px}.h2-trio-grid{grid-template-columns:1fr;gap:14px}.h2-trio-card{min-height:430px}.h2-story-visual,.h2-editorial-art{height:390px}.h2-story-img{height:340px;width:85%}.h2-story-note{width:175px;padding:17px}.h2-story-note p{font-size:20px}.h2-specs{gap:0}.h2-spec{padding:0 14px}.h2-spec strong{font-size:21px}.h2-machine-visual{height:350px}.h2-machine-ring{width:290px;height:290px}.h2-machine-image{width:285px;height:240px}.h2-data{padding:9px 11px}.h2-data.one{left:0}.h2-data.two{right:0}.h2-floor{padding:17px}.h2-floor-grid{grid-template-columns:1fr}.h2-floor-map{height:195px;order:-1}.h2-side{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:end}.h2-side .h2-meter{grid-column:1/-1}.h2-rate-row{grid-template-columns:46px 1fr auto;gap:12px}.h2-rate-row>i{display:none}.h2-rate-row>strong{font-size:22px}.h2-rate-foot{display:block}.h2-rate-foot b{display:block;margin-top:4px}.h2-editorial-main{left:26px;inset:auto 0 32px 26px;height:350px}.h2-editorial-tag{bottom:0;left:0}.h2-space{min-height:520px}.h2-space-copy{padding-top:70px;padding-bottom:70px}.h2-space-index{display:none}.h2-quotes{grid-template-columns:1fr}.h2-quote{min-height:210px}.h2-cta-wrap{grid-template-columns:1fr}.h2-cta-copy{padding:44px 28px}.h2-cta-art{min-height:280px}.h2-cta-badge{right:18px;bottom:18px}}
@media(prefers-reduced-motion:reduce){.h2-reveal,.h2-left,.h2-right{transition:none!important;opacity:1!important;transform:none!important}.h2-hero *,.h2-machine *,.h2-space *,.h2-cta *,.h2-hero-visual *{animation:none!important;transition:none!important}}
.h2-playbook{position:relative;overflow:hidden;padding:92px 0 86px;background:linear-gradient(180deg,#f6fbff 0%,#ffffff 54%,#eef8ff 100%)}
.h2-playbook::before{content:"";position:absolute;inset:auto -10% 8% auto;width:34vw;height:34vw;min-width:320px;min-height:320px;border-radius:50%;background:radial-gradient(circle,rgba(40,168,255,.13),rgba(40,168,255,0) 68%);pointer-events:none}
.h2-playbook-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:60px;align-items:end;margin-bottom:48px}
.h2-playbook-intro{max-width:590px;margin-left:auto}
.h2-playbook-line{display:flex;align-items:center;gap:15px;margin-top:24px;font-size:9px;font-weight:900;letter-spacing:2px;color:#64809b}
.h2-playbook-line span{width:68px;height:2px;background:linear-gradient(90deg,#1268e8,#35e0d0);display:block}
.h2-playbook-line em{font-style:normal}
.h2-playbook-main{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:46px;align-items:stretch}
.h2-playbook-visual{min-width:0}
.h2-playbook-main-image{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#09295b,#1268e8 62%,#35e0d0);box-shadow:0 28px 70px rgba(6,21,47,.15)}
.h2-playbook-main-image img{width:100%;height:100%;min-height:520px;object-fit:cover;display:block;transform:scale(1.03);transition:1.15s cubic-bezier(.2,.7,.2,1);filter:saturate(1.04)}
.h2-playbook-main-image:hover img{transform:scale(1.09)}
.h2-playbook-main-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,21,47,0) 44%,rgba(6,21,47,.76) 100%);pointer-events:none}
.h2-playbook-image-overlay{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}
.h2-playbook-image-overlay span{display:block;font-size:9px;font-weight:900;letter-spacing:2px;color:#8feee7;margin-bottom:8px}
.h2-playbook-image-overlay strong{font-family:"DM Serif Display",serif;font-size:38px;line-height:1.05;font-weight:400}
.h2-playbook-mini-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:16px;margin-top:16px}
.h2-playbook-mini-img{height:180px;overflow:hidden;border-radius:22px;background:#dceeff}
.h2-playbook-mini-img img{width:100%;height:100%;object-fit:cover;display:block;transition:1s ease}
.h2-playbook-mini-img:hover img{transform:scale(1.08) rotate(.5deg)}
.h2-playbook-stat{border:1px solid rgba(18,104,232,.13);border-radius:22px;background:#fff;padding:24px 25px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 16px 40px rgba(6,21,47,.07)}
.h2-playbook-stat span{font-size:8px;font-weight:900;letter-spacing:2px;color:#1268e8}
.h2-playbook-stat strong{font-family:"DM Serif Display",serif;font-size:28px;font-weight:400;color:#06152f;margin:7px 0 8px}
.h2-playbook-stat p{margin:0;color:#678099;font-size:13px;line-height:1.75}
.h2-playbook-content{display:flex;flex-direction:column;justify-content:center}
.h2-playbook-rule{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:18px;align-items:start;padding:26px 0;border-top:1px solid rgba(6,21,47,.12);transform:translateX(0);transition:transform .35s ease,background .35s ease}
.h2-playbook-rule:first-child{border-top:0;padding-top:10px}
.h2-playbook-rule:hover{transform:translateX(6px)}
.h2-playbook-num{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f4ff;color:#1268e8;font-size:11px;font-weight:900;letter-spacing:1px}
.h2-playbook-rule h3{margin:0 0 7px;font-size:20px;color:#06152f;font-weight:900}
.h2-playbook-rule p{margin:0;color:#678099;font-size:13px;line-height:1.8;max-width:520px}
.h2-playbook-rule>i{font-size:13px;color:#35bfc1;margin-top:6px;opacity:.8;transition:transform .3s ease,opacity .3s ease}
.h2-playbook-rule:hover>i{transform:translate(3px,-3px);opacity:1}
.h2-playbook-guide{margin-top:20px;padding:22px 24px;border-radius:20px;background:#06152f;color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 18px 42px rgba(6,21,47,.16)}
.h2-guide-label{display:block;font-size:8px;font-weight:900;letter-spacing:2px;color:#8feee7;margin-bottom:6px}
.h2-playbook-guide strong{font-size:15px;line-height:1.4}
.h2-guide-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.h2-guide-tags span{padding:9px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:1.1px;color:#d9e6f3;transition:.25s ease}
.h2-guide-tags span:hover{background:#35e0d0;color:#06152f;border-color:#35e0d0;transform:translateY(-2px)}
.h2-playbook-bottom{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:14px;align-items:stretch;margin-top:26px}
.h2-playbook-bottom>div{padding:19px 22px;border-radius:18px;background:#fff;border:1px solid rgba(6,21,47,.09);box-shadow:0 12px 30px rgba(6,21,47,.05)}
.h2-playbook-bottom strong{display:block;font-size:23px;line-height:1;color:#1268e8;font-weight:900}
.h2-playbook-bottom span{display:block;margin-top:8px;color:#70869a;font-size:10px;font-weight:800;letter-spacing:.2px}
.h2-playbook-bottom .h2-link{align-self:center;justify-self:end;white-space:nowrap}
@media (max-width:1100px){.h2-playbook-head{grid-template-columns:1fr;gap:20px}.h2-playbook-intro{margin-left:0;max-width:720px}.h2-playbook-main{grid-template-columns:1fr;gap:34px}.h2-playbook-main-image,.h2-playbook-main-image img{min-height:460px}.h2-playbook-bottom{grid-template-columns:repeat(3,1fr)}.h2-playbook-bottom .h2-link{grid-column:1/-1;justify-self:start;margin-top:8px}}
@media (max-width:720px){.h2-playbook{padding:72px 0 68px}.h2-playbook-head{margin-bottom:34px}.h2-playbook-main-image,.h2-playbook-main-image img{min-height:390px}.h2-playbook-image-overlay{left:20px;right:20px;bottom:20px}.h2-playbook-image-overlay strong{font-size:30px}.h2-playbook-mini-grid{grid-template-columns:1fr}.h2-playbook-mini-img{height:210px}.h2-playbook-guide{align-items:flex-start;flex-direction:column}.h2-guide-tags{justify-content:flex-start}.h2-playbook-bottom{grid-template-columns:1fr}.h2-playbook-bottom .h2-link{justify-self:start}}
@media (prefers-reduced-motion:no-preference){.h2-playbook-main-image{animation:playbookFloat 6s ease-in-out infinite}.h2-playbook-stat{animation:playbookStat 4.5s ease-in-out infinite}.h2-playbook-line span{animation:playbookLine 2.8s ease-in-out infinite}}
@keyframes playbookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes playbookStat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes playbookLine{0%,100%{width:42px}50%{width:92px}}

/* Active page is highlighted by the filled nav state only; no underline rule is used. */

/* =========================================================
   SPINORA ABOUT PAGE — GENERAL STYLES
========================================================= */

:root{--about-ink:#0c2e35;--about-muted:#64797d;--about-cream:#f5f1e8;--about-soft:#eef4f0;--about-blue:#79c8dc;--about-line:rgba(12,46,53,.14);--about-deep:#062f38;}
body{background:var(--about-cream);}
.about-hero,.about-section{position:relative;overflow:hidden;}
.about-hero{padding:78px 0 88px;background:linear-gradient(180deg,#f7f2e9 0%,#eef4f0 100%);}
.about-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center;max-width:1240px;}
.about-hero-copy{max-width:560px;}
.about-hero h1{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(46px,5vw,74px);line-height:1.02;letter-spacing:-.03em;color:var(--about-ink);margin:18px 0 22px;}
.about-hero h1 em{font-style:normal;color:#1b7190;}
.about-hero p{font-size:18px;line-height:1.72;color:var(--about-muted);max-width:520px;margin:0 0 28px;}
.about-hero-meta{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--about-line);padding-top:20px;}
.about-hero-meta div{display:grid;gap:3px}.about-hero-meta strong{font-size:21px;color:var(--about-ink)}.about-hero-meta span{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--about-muted)}
.about-hero-visual{position:relative;min-height:560px;}.hero-photo{position:absolute;overflow:hidden;box-shadow:0 26px 70px rgba(6,47,56,.16)}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s ease}.hero-photo-main{inset:0 68px 35px 0;border-radius:40px 18px 40px 18px}.hero-photo-detail{width:39%;height:46%;right:0;bottom:0;border-radius:18px 36px 18px 36px;border:10px solid var(--about-cream)}.hero-photo:hover img{transform:scale(1.05)}
.photo-chip{position:absolute;left:22px;bottom:22px;background:rgba(6,47,56,.92);color:#fff;padding:12px 16px;border-radius:999px;font-size:12px;display:flex;gap:8px;align-items:center}.photo-chip i{color:var(--about-blue)}.hero-note{position:absolute;left:14px;top:22px;background:#fff;border:1px solid rgba(12,46,53,.12);border-radius:14px;padding:10px 13px;display:flex;gap:10px;align-items:center;box-shadow:0 12px 32px rgba(6,47,56,.12)}.hero-note span{font-size:12px;font-weight:800;color:#1b7190}.hero-note strong{font-size:10px;letter-spacing:.11em;color:var(--about-muted)}
.about-marquee{background:var(--about-deep);color:#dff7fa;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.about-marquee-track{display:flex;align-items:center;gap:24px;white-space:nowrap;padding:15px 0;min-width:max-content;animation:aboutMarquee 26s linear infinite}.about-marquee span{font-size:11px;letter-spacing:.22em;font-weight:800}.about-marquee i{width:6px;height:6px;border-radius:50%;background:var(--about-blue);display:block}@keyframes aboutMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.about-section{padding:92px 0}.about-story{background:#f7f2e9}.about-section-head,.direction-intro,.team-head{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:end;margin-bottom:44px}.about-section-head h2,.direction-intro h2,.team-head h2,.standard-copy h2,.voices-side h2,.cta-about-copy h2,.belief-copy h2{font-family:'DM Serif Display',serif;font-size:clamp(34px,4vw,52px);line-height:1.08;font-weight:400;letter-spacing:-.02em;color:var(--about-ink);margin:10px 0 0}.about-section-head>p,.direction-intro>p,.team-head>p{font-size:17px;line-height:1.72;color:var(--about-muted);max-width:460px;justify-self:end}.history-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:54px;align-items:stretch}.history-image{position:relative;min-height:560px;border-radius:26px;overflow:hidden}.history-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.history-image:hover img{transform:scale(1.035)}.history-stamp{position:absolute;left:22px;bottom:22px;background:rgba(6,47,56,.93);color:white;padding:17px 18px;border-radius:16px;display:grid;gap:5px}.history-stamp span{font-size:10px;letter-spacing:.16em}.history-stamp strong{font-size:30px;line-height:1;color:var(--about-blue)}.history-copy{border-left:1px solid var(--about-line);padding-left:38px;display:flex;flex-direction:column}.history-entry{display:grid;grid-template-columns:76px 1fr;gap:18px;padding:18px 0 24px;border-bottom:1px solid var(--about-line)}.history-year{font-weight:800;color:#1b7190;letter-spacing:.08em}.history-entry h3{margin:0 0 8px;font-size:22px;color:var(--about-ink)}.history-entry p{margin:0;font-size:15px;line-height:1.7;color:var(--about-muted)}.history-foot{margin-top:auto;padding-top:24px;display:grid;gap:8px}.history-foot span{font-size:11px;letter-spacing:.16em;color:#1b7190;font-weight:800}.history-foot strong{font-size:18px;color:var(--about-ink)}
.about-belief{background:var(--about-soft)}.belief-grid{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center}.belief-copy>p{font-size:17px;line-height:1.75;color:var(--about-muted);max-width:620px}.belief-list{margin-top:28px;border-top:1px solid var(--about-line)}.belief-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--about-line)}.belief-list span{font-size:12px;font-weight:800;color:#1b7190}.belief-list p{margin:0;font-size:15px;line-height:1.6;color:var(--about-muted)}.belief-list strong{color:var(--about-ink)}.belief-visual{position:relative;min-height:560px}.belief-visual img{width:100%;height:560px;object-fit:cover;border-radius:24px 64px 24px 64px;box-shadow:0 24px 60px rgba(6,47,56,.14)}.belief-label{position:absolute;left:22px;bottom:22px;background:#fff;padding:16px 18px;border-radius:16px;display:grid;gap:5px;box-shadow:0 15px 34px rgba(6,47,56,.14)}.belief-label strong{font-size:12px;letter-spacing:.12em;color:var(--about-ink)}.belief-label small{font-size:12px;color:var(--about-muted)}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#2ec7a4;box-shadow:0 0 0 0 rgba(46,199,164,.5);animation:pulse 1.8s infinite}.belief-label{grid-template-columns:auto auto;grid-template-rows:auto auto}.belief-label .pulse-dot{grid-row:1/3;margin-top:3px;margin-right:2px}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(46,199,164,0)}100%{box-shadow:0 0 0 0 rgba(46,199,164,0)}}
.about-direction{background:#f7f2e9}.direction-rail{display:grid;grid-template-columns:1fr .9fr 1fr;gap:18px;align-items:stretch}.direction-card{min-height:430px;border-radius:24px;padding:28px;position:relative;overflow:hidden}.direction-card-main{background:var(--about-deep);color:white}.direction-card-light{background:#fff;border:1px solid var(--about-line)}.direction-card-image{padding:0}.direction-card-image img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(6,47,56,.88);color:#fff;border-radius:16px;padding:14px 15px;display:grid;gap:4px}.image-caption span{font-size:10px;letter-spacing:.16em}.image-caption strong{font-size:15px}.direction-num{font-size:12px;font-weight:800;color:#8bcfe0}.direction-symbol{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid currentColor;margin:34px 0 22px;font-size:17px}.direction-card h3{font-size:30px;margin:0 0 14px}.direction-card p{font-size:16px;line-height:1.7;opacity:.88;margin:0}.direction-line{height:1px;background:rgba(255,255,255,.18);margin:40px 0 12px}.direction-card>span{font-size:11px;letter-spacing:.13em;color:#a6cbd1}.value-tags{position:absolute;left:28px;bottom:28px;display:flex;gap:8px;flex-wrap:wrap}.value-tags span{font-size:10px;letter-spacing:.12em;border:1px solid var(--about-line);padding:8px 10px;border-radius:999px;color:#1b7190}
.about-team{background:#fff}.team-head{margin-bottom:38px}.team-grid-about{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.team-card{background:#f4f1e8;border:1px solid rgba(12,46,53,.12);overflow:hidden;box-shadow:0 12px 30px rgba(6,47,56,.07);transition:transform .45s ease,box-shadow .45s ease}.team-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(6,47,56,.14)}.team-card-a{border-radius:28px 10px 28px 10px}.team-card-b{border-radius:10px 28px 10px 28px}.team-card-c{border-radius:10px 28px 28px 10px}.team-card-d{border-radius:28px 10px 10px 28px}.team-photo{height:310px;position:relative;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.team-card:hover .team-photo img{transform:scale(1.05)}.team-index{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1b7190;font-size:11px;font-weight:800}.team-info{padding:18px}.team-info h3{margin:0;font-size:21px;color:var(--about-ink)}.team-info span{display:block;margin-top:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#1b7190;font-weight:800}.team-info p{font-size:14px;line-height:1.6;color:var(--about-muted);margin:13px 0 0}
.about-standard{background:var(--about-deep);color:#fff}.standard-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.standard-image{position:relative;height:560px;border-radius:26px;overflow:hidden}.standard-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.standard-image:hover img{transform:scale(1.04)}.standard-overlay{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(6,47,56,.9);border:1px solid rgba(255,255,255,.1);padding:16px 18px;border-radius:16px;display:grid;gap:5px}.standard-overlay span{font-size:10px;letter-spacing:.15em;color:#9fdcea}.standard-overlay strong{font-size:18px}.standard-copy h2{color:#fff}.standard-copy .section-kicker{color:#86cfdf}.standard-row{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}.standard-row>span{font-size:12px;font-weight:800;color:#83d0df}.standard-row h3{font-size:19px;margin:0 0 5px}.standard-row p{margin:0;color:#c7dcdf;line-height:1.65;font-size:15px}
.about-voices{background:#f0f4ef}.voices-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.voices-side h2{max-width:480px}.voice-stat{margin-top:28px;display:flex;align-items:end;gap:10px}.voice-stat strong{font-size:48px;color:#1b7190;line-height:.9}.voice-stat span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--about-muted)}.voice-feature{background:#fff;border:1px solid var(--about-line);border-radius:28px;padding:42px;box-shadow:0 20px 55px rgba(6,47,56,.08);position:relative;overflow:hidden}.quote-mark{font-family:'DM Serif Display',serif;font-size:78px;line-height:.5;color:#81cadb}.voice-feature blockquote{font-family:'DM Serif Display',serif;font-size:32px;line-height:1.24;color:var(--about-ink);margin:24px 0 34px;max-width:730px}.voice-person{display:flex;align-items:center;gap:12px}.voice-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--about-deep);color:white;font-size:12px;font-weight:800}.voice-person strong{display:block;color:var(--about-ink)}.voice-person span{display:block;font-size:12px;color:var(--about-muted);margin-top:3px}.voice-track{position:absolute;right:28px;bottom:28px;display:flex;gap:6px}.voice-track span{width:26px;height:3px;background:#d8e2df;border-radius:2px}.voice-track .active{background:#1b7190}
.about-cta{background:#e7f0ec}.cta-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.cta-about-copy>p{font-size:17px;line-height:1.7;color:var(--about-muted);max-width:520px;margin-bottom:28px}.cta-about-image{height:430px;position:relative;border-radius:28px 12px 28px 12px;overflow:hidden}.cta-about-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.cta-about-image:hover img{transform:scale(1.04)}.cta-tag{position:absolute;left:18px;bottom:18px;background:#fff;padding:13px 15px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;font-weight:800;color:var(--about-ink)}.cta-tag i{color:#1b7190}
.about-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.about-reveal.delay-1{transition-delay:.12s}.about-reveal.delay-2{transition-delay:.2s}.about-reveal.delay-3{transition-delay:.28s}.about-reveal.visible{opacity:1;transform:none}

/* SPINORA machine images — match the same deep-blue / aqua brand family. */
.hero-photo-detail,
.belief-visual{
    isolation:isolate;
    overflow:hidden;
}

.hero-photo-detail::after,
.belief-visual::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:
      linear-gradient(135deg,
        rgba(6,21,47,.16) 0%,
        rgba(18,104,232,.42) 48%,
        rgba(53,224,208,.36) 100%);
    mix-blend-mode:color;
    opacity:.88;
}

.hero-photo-detail::before,
.belief-visual::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(6,21,47,.06),rgba(18,104,232,.10));
    mix-blend-mode:multiply;
}

.hero-photo-detail img,
.belief-visual img{
    filter:saturate(1.18) contrast(1.06) brightness(.96);
    transform:scale(1.01);
}

.hero-photo-detail .machine-color-chip,
.belief-visual .belief-label{
    position:relative;
    z-index:4;
}

.hero-photo-detail .machine-color-chip{
    background:linear-gradient(135deg,#1268e8,#35e0d0)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.35)!important;
    box-shadow:0 12px 28px rgba(18,104,232,.28);
}

.belief-visual .belief-label{
    background:rgba(6,21,47,.88)!important;
    color:#fff!important;
    border:1px solid rgba(53,224,208,.45)!important;
}

/* Home 2 hero palette applied to About Hero */
.about-hero{
  background:linear-gradient(135deg,#06152F 0%,#09295B 58%,#1268E8 150%) !important;
  color:#fff !important;
}
.about-hero h1{
  color:#fff !important;
}
.about-hero h1 em{
  color:#35E0D0 !important;
}
.about-hero p{
  color:#d7eaff !important;
}
.about-hero-meta{
  border-top-color:rgba(53,224,208,.28) !important;
}
.about-hero-meta strong{
  color:#fff !important;
}
.about-hero-meta span{
  color:#b8d5ee !important;
}
.hero-kicker{
  color:#35E0D0 !important;
}
.hero-kicker span{
  background:#35E0D0 !important;
}
.about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 22%,rgba(40,168,255,.18),transparent 28%),
    radial-gradient(circle at 20% 85%,rgba(53,224,208,.10),transparent 24%);
  pointer-events:none;
}
.about-hero > .container{position:relative;z-index:2;}
.hero-note{
  background:rgba(6,21,47,.86) !important;
  color:#fff !important;
  border-color:rgba(53,224,208,.25) !important;
}
.photo-chip{
  background:rgba(6,21,47,.9) !important;
  color:#fff !important;
  border-color:rgba(53,224,208,.25) !important;
}

/* Mission + Vision must use the exact same box color family */
.direction-card-main,
.direction-card-light{
  background:var(--about-deep) !important;
  color:#fff !important;
  border:1px solid rgba(53,224,208,.18) !important;
}
.direction-card-light h3,
.direction-card-light p,
.direction-card-light .direction-symbol,
.direction-card-light .direction-num{
  color:#fff !important;
}
.direction-card-light .direction-symbol{
  border-color:rgba(53,224,208,.55) !important;
}
.direction-card-light .value-tags span{
  color:#cceff1 !important;
  border-color:rgba(53,224,208,.28) !important;
  background:rgba(53,224,208,.06) !important;
}
.direction-card-light .direction-num{
  color:#8bcfe0 !important;
}

/* Keep the central image unchanged; only surrounding cards share color. */
@media(max-width:980px){.about-hero-grid,.history-layout,.belief-grid,.standard-layout,.voices-wrap,.cta-about-grid{grid-template-columns:1fr}.about-hero-copy{max-width:720px}.about-hero-visual{min-height:500px}.history-image,.belief-visual img,.belief-visual,.standard-image{height:500px;min-height:500px}.direction-rail{grid-template-columns:1fr 1fr}.direction-card-image{grid-column:1/-1;min-height:360px}.team-grid-about{grid-template-columns:1fr 1fr}.about-section-head,.direction-intro,.team-head{grid-template-columns:1fr}.about-section-head>p,.direction-intro>p,.team-head>p{justify-self:start}.voices-wrap{gap:34px}}
@media(max-width:640px){.about-hero{padding:56px 0 60px}.about-hero-grid{gap:34px}.about-hero h1{font-size:44px}.about-hero p{font-size:16px}.about-hero-visual{min-height:380px}.hero-photo-main{right:32px;bottom:22px;border-radius:26px 12px 26px 12px}.hero-photo-detail{width:42%;height:45%;border-width:7px;border-radius:12px 24px 12px 24px}.hero-note{left:0;top:12px}.about-section{padding:64px 0}.about-section-head h2,.direction-intro h2,.team-head h2,.belief-copy h2,.standard-copy h2,.voices-side h2,.cta-about-copy h2{font-size:36px}.history-image,.belief-visual img,.belief-visual,.standard-image{height:380px;min-height:380px}.history-copy{padding-left:0;border-left:0;border-top:1px solid var(--about-line);padding-top:12px}.history-entry{grid-template-columns:58px 1fr}.direction-rail{grid-template-columns:1fr}.direction-card-image{grid-column:auto;min-height:330px;height:330px}.team-grid-about{grid-template-columns:1fr}.team-photo{height:330px}.standard-layout,.cta-about-grid{gap:30px}.voice-feature{padding:30px 24px}.voice-feature blockquote{font-size:25px}.cta-about-image{height:320px}.about-hero-meta{gap:18px}.photo-chip{font-size:10px}.about-marquee-track{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){.about-marquee-track{animation:none}.about-reveal{opacity:1;transform:none}.hero-photo img,.history-image img,.belief-visual img,.team-photo img,.standard-image img,.cta-about-image img{transition:none}}



/* =========================================================
   SPINORA — NO INLINE STYLE HELPERS
========================================================= */
.copy-muted-blue{color:#9fb6d4!important;}
.kicker-aqua{color:#a9fff4!important;}
.kicker-mint{color:#72eee0!important;}
.kicker-cyan{color:#65e9ff!important;}
.meter-fill-60{width:60%!important;}
.meter-fill-50{width:50%!important;}
.meter-fill-67{width:67%!important;}
.flow-copy{margin-top:18px!important;max-width:510px;}
.price-copy{margin-top:18px!important;max-width:460px;}
.notes-copy{margin-top:18px!important;max-width:500px;}
.back-top-link{color:#fff!important;}
.h2-meter-fill-72{width:72%!important;}
.h2-meter-fill-58{width:58%!important;}



/* =========================================================
   SPINORA CONTACT PAGE — PAGE-SPECIFIC STYLES
========================================================= */
.contact-page{
  --contact-blue:#1268e8;
  --contact-sky:#28a8ff;
  --contact-aqua:#35e0d0;
  --contact-navy:#06152f;
  --contact-soft:#edf5ff;
  --contact-line:rgba(6,21,47,.12);
  background:var(--off-white,#f6fbff);
  color:var(--text,#12344a);
}

.contact-hero{
  position:relative;
  padding:clamp(118px,13vw,170px) 0 76px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 12%, rgba(40,168,255,.18), transparent 34%),
    linear-gradient(180deg,#f6fbff 0%,#edf5ff 100%);
}
.contact-hero::after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  right:-150px;bottom:-170px;
  border:1px solid rgba(18,104,232,.18);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(53,224,208,.06),0 0 0 140px rgba(18,104,232,.035);
  pointer-events:none;
}
.contact-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  gap:clamp(34px,6vw,86px);
  align-items:center;
}
.contact-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--contact-blue);margin-bottom:18px;
}
.contact-eyebrow::before{content:"";width:36px;height:2px;background:linear-gradient(90deg,var(--contact-blue),var(--contact-aqua));border-radius:2px}
.contact-hero-copy h1{
  margin:0;
  font-family:"DM Serif Display",serif;
  font-weight:400;
  font-size:clamp(48px,6vw,82px);
  line-height:.98;
  letter-spacing:-.035em;
  color:var(--contact-navy);
}
.contact-hero-copy h1 em{font-style:normal;color:var(--contact-blue)}
.contact-hero-copy p{
  max-width:650px;margin:22px 0 28px;
  color:#587089;font-size:16px;line-height:1.8;
}
.contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.contact-mini-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.contact-mini-pills span{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(18,104,232,.14);
  border-radius:999px;background:rgba(255,255,255,.75);font-size:12px;font-weight:800;color:#365875;
  backdrop-filter:blur(10px);
}
.contact-mini-pills i{color:var(--contact-blue)}
.contact-hero-media{position:relative;min-height:470px}
.contact-hero-image{
  position:absolute;inset:0 22px 0 0;border-radius:38px 38px 22px 38px;overflow:hidden;
  box-shadow:0 30px 70px rgba(6,21,47,.16);transform:rotate(1.2deg);
  border:1px solid rgba(255,255,255,.8);
}
.contact-hero-image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform .9s ease}
.contact-hero-media:hover .contact-hero-image img{transform:scale(1.08)}
.contact-image-note{
  position:absolute;left:-18px;bottom:26px;padding:16px 18px;border-radius:18px;
  background:var(--contact-navy);color:#fff;box-shadow:0 18px 40px rgba(6,21,47,.22);
  display:flex;align-items:center;gap:12px;animation:contactFloat 5s ease-in-out infinite;
}
.contact-image-note strong{font-size:18px}.contact-image-note span{font-size:11px;color:#bcd6ff;text-transform:uppercase;letter-spacing:.11em}
@keyframes contactFloat{50%{transform:translateY(-8px)}}

.contact-info-section{padding:76px 0;background:#fff}
.contact-section-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}
.contact-section-head .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--contact-blue)}
.contact-section-head h2{margin:6px 0 0;font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,52px);font-weight:400;color:var(--contact-navy)}
.contact-section-head p{max-width:520px;margin:0;color:#61788e;line-height:1.75;font-size:14px}
.contact-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-info-card{
  position:relative;padding:26px;border:1px solid rgba(18,104,232,.11);border-radius:24px;background:linear-gradient(145deg,#fff,#f4f9ff);
  box-shadow:0 15px 36px rgba(6,21,47,.06);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.contact-info-card::after{content:"";position:absolute;width:100px;height:100px;right:-45px;bottom:-45px;border-radius:50%;background:rgba(53,224,208,.11)}
.contact-info-card:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(6,21,47,.1);border-color:rgba(18,104,232,.22)}
.contact-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e8f3ff,#dffcf9);color:var(--contact-blue);font-size:18px;margin-bottom:16px}
.contact-info-card h3{margin:0 0 8px;font-size:18px;color:var(--contact-navy)}
.contact-info-card p,.contact-info-card a{margin:0;color:#62798f;line-height:1.65;font-size:14px;text-decoration:none}
.contact-info-card a:hover{color:var(--contact-blue)}
.contact-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.contact-meta span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#4c6a84;padding:7px 9px;border-radius:999px;background:#edf5ff}

.contact-form-section{padding:82px 0;background:#eef6ff}
.contact-form-shell{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.34fr);border-radius:32px;overflow:hidden;box-shadow:0 26px 70px rgba(6,21,47,.12);background:#fff}
.contact-form-copy{padding:46px;background:linear-gradient(160deg,var(--contact-navy),#0c2b5f 65%,#0c4975)}
.contact-form-copy .kicker{color:#77dcff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.contact-form-copy h2{margin:10px 0 16px;color:#fff;font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(38px,4vw,54px);line-height:1}
.contact-form-copy p{margin:0;color:#c7d8ef;font-size:14px;line-height:1.75}
.contact-form-list{display:grid;gap:10px;margin-top:26px}
.contact-form-list div{display:flex;gap:10px;align-items:center;color:#e9f4ff;font-size:13px}.contact-form-list i{color:var(--contact-aqua)}
.contact-form{padding:42px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#48627a;margin-bottom:8px}
.form-control{width:100%;border:1px solid #d7e2ee;background:#f9fcff;color:#17334f;border-radius:14px;padding:14px 14px;font:inherit;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.form-control:focus{border-color:var(--contact-blue);background:#fff;box-shadow:0 0 0 4px rgba(18,104,232,.1)}
textarea.form-control{min-height:142px;resize:vertical}
.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px}.form-foot small{font-size:11px;color:#72869a;line-height:1.5}
.contact-submit{border:0;border-radius:14px;padding:13px 18px;cursor:pointer;background:linear-gradient(135deg,var(--contact-blue),#0f8be9);color:#fff;font-weight:800;display:inline-flex;align-items:center;gap:10px;box-shadow:0 12px 26px rgba(18,104,232,.24);transition:transform .25s ease,box-shadow .25s ease}
.contact-submit:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(18,104,232,.3)}
.form-message{display:none;margin-top:12px;padding:10px 12px;border-radius:11px;background:#e8fbf4;color:#0c795d;font-size:12px;font-weight:800}.form-message.show{display:block}

.contact-map-section{padding:78px 0;background:#fff}
.contact-map-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:20px;align-items:stretch}
.contact-map{min-height:500px;border-radius:28px;overflow:hidden;border:1px solid rgba(18,104,232,.14);box-shadow:0 20px 50px rgba(6,21,47,.08);position:relative;background:#d9e9f2}
.contact-map iframe{width:100%;height:100%;min-height:500px;border:0;display:block;filter:saturate(.85) contrast(.98)}
.contact-map-overlay{position:absolute;left:20px;top:20px;padding:13px 15px;background:rgba(6,21,47,.92);color:#fff;border-radius:15px;backdrop-filter:blur(10px);box-shadow:0 12px 25px rgba(6,21,47,.18)}
.contact-map-overlay small{display:block;color:#9ecfff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.contact-map-overlay strong{display:block;margin-top:4px;font-size:14px}
.contact-location-card{border-radius:28px;padding:34px;background:linear-gradient(160deg,var(--contact-navy),#0d386c);color:#fff;box-shadow:0 20px 50px rgba(6,21,47,.15);display:flex;flex-direction:column;justify-content:space-between}
.contact-location-card .kicker{color:#79d9ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.contact-location-card h3{font-family:"DM Serif Display",serif;font-size:36px;font-weight:400;line-height:1;margin:8px 0 16px}.contact-location-card p{color:#c6d8ec;line-height:1.7;font-size:14px}
.location-list{display:grid;gap:15px;margin-top:24px}.location-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.location-item i{width:34px;height:34px;border-radius:11px;background:rgba(53,224,208,.1);display:grid;place-items:center;color:var(--contact-aqua)}.location-item strong{display:block;font-size:12px;color:#fff}.location-item span{display:block;font-size:12px;color:#b6cbe2;line-height:1.5;margin-top:2px}
.location-btn{margin-top:24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:12px 15px;background:#fff;color:var(--contact-navy);text-decoration:none;font-weight:800;font-size:12px}

.contact-help-section{padding:72px 0;background:#edf5ff}
.contact-help-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}
.contact-help-copy h2{margin:6px 0 12px;font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,48px);font-weight:400;color:var(--contact-navy)}
.contact-help-copy p{margin:0;color:#61778d;font-size:14px;line-height:1.75}
.faq-list{display:grid;gap:10px}.faq-item{border:1px solid rgba(18,104,232,.13);border-radius:16px;background:#fff;overflow:hidden}.faq-q{width:100%;border:0;background:transparent;padding:17px 18px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:15px;font:inherit;font-weight:800;color:#173652;cursor:pointer}.faq-q i{transition:transform .25s ease;color:var(--contact-blue)}.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 18px;color:#61778d;font-size:13px;line-height:1.7}.faq-item.open .faq-a{max-height:160px;padding-bottom:17px}.faq-item.open .faq-q i{transform:rotate(180deg)}

.contact-support-section{padding:70px 0;background:#fff}
.contact-support-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);gap:24px;align-items:stretch}
.contact-support-copy{padding:40px;border-radius:28px;background:linear-gradient(145deg,#f4fbff,#e7f5ff);border:1px solid rgba(18,104,232,.12)}
.contact-support-copy .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--contact-blue);font-weight:800}.contact-support-copy h2{font-family:"DM Serif Display",serif;font-size:clamp(34px,4vw,48px);font-weight:400;color:var(--contact-navy);margin:8px 0 13px}.contact-support-copy p{max-width:600px;color:#61778d;font-size:14px;line-height:1.75}
.support-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.support-tags span{padding:9px 11px;border-radius:999px;background:#fff;border:1px solid rgba(18,104,232,.11);font-size:11px;font-weight:800;color:#48637e}
.contact-support-card{position:relative;overflow:hidden;border-radius:28px;padding:34px;background:var(--contact-navy);color:#fff;box-shadow:0 18px 44px rgba(6,21,47,.14)}
.contact-support-card::before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-70px;background:rgba(40,168,255,.18)}
.contact-support-card .kicker{color:#7ce0ff;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}.contact-support-card h3{font-family:"DM Serif Display",serif;font-size:40px;font-weight:400;margin:8px 0 14px}.support-phone{font-size:22px;font-weight:800}.support-note{font-size:12px;color:#bcd0e7;line-height:1.6;margin-top:8px}.support-call{display:inline-flex;margin-top:22px;align-items:center;gap:9px;padding:12px 14px;border-radius:13px;background:linear-gradient(135deg,var(--contact-blue),#0d8eea);color:#fff;text-decoration:none;font-weight:800;font-size:12px}

.contact-final{position:relative;padding:88px 0;overflow:hidden;background:var(--contact-navy);color:#fff}.contact-final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(40,168,255,.16),transparent 36%),radial-gradient(circle at 80% 70%,rgba(53,224,208,.12),transparent 32%)}
.contact-final-inner{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:30px}.contact-final .kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7cdfff;font-weight:800}.contact-final h2{font-family:"DM Serif Display",serif;font-size:clamp(40px,5vw,66px);font-weight:400;line-height:1;margin:7px 0 12px}.contact-final p{margin:0;color:#bfd2e7;max-width:580px;line-height:1.75;font-size:14px}.contact-final-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-final .btn-secondary{display:inline-flex;align-items:center;gap:9px;border-radius:13px;padding:13px 17px;background:#fff;color:var(--contact-navy);font-weight:800;text-decoration:none}

@media(max-width:1000px){
  .contact-hero-grid,.contact-form-shell,.contact-map-grid,.contact-help-grid,.contact-support-shell{grid-template-columns:1fr}
  .contact-hero-media{min-height:420px}.contact-info-grid{grid-template-columns:1fr 1fr}
  .contact-support-copy{padding:32px}.contact-final-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:700px){
  .contact-hero{padding-top:100px}.contact-hero-image{inset:0;border-radius:26px;transform:none}.contact-hero-media{min-height:340px}.contact-image-note{left:14px;bottom:18px}
  .contact-section-head{flex-direction:column;align-items:flex-start}.contact-info-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:26px}.contact-form-copy{padding:30px}.contact-map iframe{min-height:380px}.contact-map{min-height:380px}.contact-location-card{padding:28px}.contact-help-section,.contact-support-section{padding:58px 0}.contact-final{padding:66px 0}
}
@media(prefers-reduced-motion:reduce){.contact-image-note{animation:none}.contact-hero-image img{transition:none}.contact-info-card{transition:none}.contact-submit{transition:none}}

/* =========================================================
   SPINORA CONTACT — LIGHT / DARK THEME CORRECTION
   Keep the Contact page's existing visual design. Only fix
   theme scoping so Light mode never inherits Dark-mode text/
   background rules, while Dark mode keeps the SPINORA navy/
   blue palette used by Home 1, Home 2 and About.
========================================================= */

/* ---------- LIGHT MODE: explicit, readable palette ---------- */
body:not(.dark) .contact-page{
  background:#f6faff !important;
  color:#0b1932 !important;
}
body:not(.dark) .contact-hero{
  background:
    radial-gradient(circle at 80% 12%, rgba(40,168,255,.18), transparent 34%),
    linear-gradient(180deg,#f6fbff 0%,#edf5ff 100%) !important;
}
body:not(.dark) .contact-hero-copy h1,
body:not(.dark) .contact-section-head h2,
body:not(.dark) .contact-help-copy h2,
body:not(.dark) .contact-support-copy h2{
  color:#06152f !important;
}
body:not(.dark) .contact-hero-copy p,
body:not(.dark) .contact-section-head p,
body:not(.dark) .contact-info-card p,
body:not(.dark) .contact-info-card a,
body:not(.dark) .contact-help-copy p,
body:not(.dark) .contact-support-copy p{
  color:#61778d !important;
}
body:not(.dark) .contact-mini-pills span{
  background:rgba(255,255,255,.78) !important;
  border-color:rgba(18,104,232,.14) !important;
  color:#365875 !important;
}
body:not(.dark) .contact-info-section,
body:not(.dark) .contact-map-section,
body:not(.dark) .contact-support-section{
  background:#ffffff !important;
}
body:not(.dark) .contact-info-card{
  background:linear-gradient(145deg,#ffffff,#f4f9ff) !important;
  border-color:rgba(18,104,232,.11) !important;
  box-shadow:0 15px 36px rgba(6,21,47,.06) !important;
}
body:not(.dark) .contact-info-card h3{
  color:#06152f !important;
}
body:not(.dark) .contact-meta span{
  background:#edf5ff !important;
  color:#4c6a84 !important;
}
body:not(.dark) .contact-form-section,
body:not(.dark) .contact-help-section{
  background:#edf5ff !important;
}
body:not(.dark) .contact-form-shell{
  background:#ffffff !important;
}
body:not(.dark) .contact-form{
  background:transparent !important;
}
body:not(.dark) .form-group label{
  color:#48627a !important;
}
body:not(.dark) .form-control{
  background:#f9fcff !important;
  color:#17334f !important;
  border-color:#d7e2ee !important;
}
body:not(.dark) .form-control:focus{
  background:#ffffff !important;
}
body:not(.dark) .form-control::placeholder{
  color:#7890a6 !important;
}
body:not(.dark) .form-foot small{
  color:#72869a !important;
}
body:not(.dark) .faq-item{
  background:#ffffff !important;
  border-color:rgba(18,104,232,.13) !important;
}
body:not(.dark) .faq-q{
  color:#173652 !important;
}
body:not(.dark) .faq-a{
  color:#61778d !important;
}
body:not(.dark) .contact-support-copy{
  background:linear-gradient(145deg,#f4fbff,#e7f5ff) !important;
  border-color:rgba(18,104,232,.12) !important;
}
body:not(.dark) .support-tags span{
  background:#ffffff !important;
  color:#48637e !important;
  border-color:rgba(18,104,232,.11) !important;
}

/* ---------- DARK MODE: same SPINORA deep navy / blue family ---------- */
body.dark .contact-page{
  background:#06152f !important;
  color:#eef6ff !important;
}
body.dark .contact-hero{
  background:linear-gradient(180deg,#06152f 0%,#09295b 100%) !important;
}
body.dark .contact-hero-copy h1,
body.dark .contact-section-head h2,
body.dark .contact-help-copy h2,
body.dark .contact-support-copy h2{
  color:#f4f9ff !important;
}
body.dark .contact-hero-copy p,
body.dark .contact-section-head p,
body.dark .contact-info-card p,
body.dark .contact-info-card a,
body.dark .contact-help-copy p,
body.dark .contact-support-copy p{
  color:#bfd0e5 !important;
}
body.dark .contact-mini-pills span{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.1) !important;
  color:#d4e2f2 !important;
}
body.dark .contact-info-section,
body.dark .contact-map-section,
body.dark .contact-support-section{
  background:#071a38 !important;
}
body.dark .contact-info-card{
  background:linear-gradient(145deg,#0d2d59,#0a2448) !important;
  border-color:rgba(255,255,255,.09) !important;
  box-shadow:none !important;
}
body.dark .contact-info-card h3{
  color:#f4f9ff !important;
}
body.dark .contact-meta span{
  background:rgba(40,168,255,.08) !important;
  color:#b9d6f4 !important;
}
body.dark .contact-form-section,
body.dark .contact-help-section{
  background:#09295b !important;
}
body.dark .contact-form-shell{
  background:#071a38 !important;
}
body.dark .contact-form{
  background:transparent !important;
}
body.dark .form-group label{
  color:#bdd0e4 !important;
}
body.dark .form-control{
  background:#0b2850 !important;
  color:#eef6ff !important;
  border-color:rgba(255,255,255,.12) !important;
}
body.dark .form-control:focus{
  background:#0e315e !important;
}
body.dark .form-control::placeholder{
  color:#8ca4bd !important;
}
body.dark .form-foot small{
  color:#9db2c8 !important;
}
body.dark .faq-item{
  background:#0b2850 !important;
  border-color:rgba(255,255,255,.1) !important;
}
body.dark .faq-q{
  color:#edf6ff !important;
}
body.dark .faq-a{
  color:#bed0e2 !important;
}
body.dark .contact-support-copy{
  background:linear-gradient(145deg,#0b2850,#0d315d) !important;
  border-color:rgba(255,255,255,.1) !important;
}
body.dark .support-tags span{
  background:rgba(255,255,255,.05) !important;
  color:#c7d8eb !important;
  border-color:rgba(255,255,255,.08) !important;
}

/* Header + footer stay on the same shared SPINORA theme in both modes. */
body:not(.dark) .site-header{background:rgba(255,255,255,.97) !important;}
body.dark .site-header{background:rgba(6,21,47,.97) !important;}
body:not(.dark) .footer{background:#06152f !important;color:#fff !important;}
body.dark .footer{background:#030c1d !important;color:#fff !important;}

/* Responsive safety for the Contact page */
@media (max-width: 1100px){
  .contact-hero-grid{grid-template-columns:1fr 1fr !important;}
  .contact-hero-copy h1{font-size:clamp(46px,5.2vw,68px) !important;}
}
@media (max-width: 900px){
  .contact-hero-grid,
  .contact-form-shell,
  .contact-map-grid,
  .contact-help-grid,
  .contact-support-shell{grid-template-columns:1fr !important;}
  .contact-hero-media{min-height:420px !important;}
}
@media (max-width: 700px){
  .contact-hero{padding-top:104px !important;}
  .contact-hero-copy h1{font-size:clamp(40px,11vw,58px) !important;}
  .contact-hero-copy p{font-size:15px !important;}
  .contact-info-grid{grid-template-columns:1fr !important;}
  .form-row{grid-template-columns:1fr !important;}
  .contact-form{padding:26px !important;}
  .contact-form-copy{padding:30px !important;}
  .contact-map iframe,.contact-map{min-height:380px !important;}
  .contact-location-card{padding:28px !important;}
  .contact-final-inner{flex-direction:column !important;align-items:flex-start !important;}
}
@media (max-width: 480px){
  .contact-hero-media{min-height:310px !important;}
  .contact-image-note{left:12px !important;bottom:16px !important;}
  .contact-section-head h2,
  .contact-help-copy h2,
  .contact-support-copy h2{font-size:clamp(32px,10vw,44px) !important;}
  .contact-final{padding:60px 0 !important;}
}

/* RTL */
html[dir="rtl"] .contact-hero-grid,html[dir="rtl"] .contact-form-shell,html[dir="rtl"] .contact-map-grid,html[dir="rtl"] .contact-help-grid,html[dir="rtl"] .contact-support-shell,html[dir="rtl"] .contact-final-inner{direction:rtl}
html[dir="rtl"] .contact-image-note{left:auto;right:-18px}
html[dir="rtl"] .contact-map-overlay{left:auto;right:20px}
html[dir="rtl"] .contact-final-actions{justify-content:flex-start}
html[dir="rtl"] .faq-q{text-align:right}
html[dir="rtl"] .form-foot{flex-direction:row-reverse}


/* SPINORA CONTACT — LIGHT MODE VISIBILITY GUARD */
body:not(.dark) .contact-page{background:#f6fbff;color:#173652;}
body:not(.dark) .contact-page h1,
body:not(.dark) .contact-page h2,
body:not(.dark) .contact-page h3,
body:not(.dark) .contact-page label,
body:not(.dark) .contact-page .faq-q{color:#06152f;}
body:not(.dark) .contact-page p,
body:not(.dark) .contact-page .section-description,
body:not(.dark) .contact-page .contact-info-card p,
body:not(.dark) .contact-page .contact-help-copy p,
body:not(.dark) .contact-page .contact-support-copy p{color:#587089;}
body:not(.dark) .contact-page .contact-info-section,
body:not(.dark) .contact-page .contact-map-section,
body:not(.dark) .contact-page .contact-support-section{background:#fff;}
body:not(.dark) .contact-page .contact-form-section,
body:not(.dark) .contact-page .contact-help-section{background:#eef6ff;}
body:not(.dark) .contact-page .form-control{background:#f9fcff;color:#17334f;border-color:#d7e2ee;}
body:not(.dark) .contact-page .form-control::placeholder{color:#7890a6;}

/* =========================================================
   SPINORA — DARK MODE
========================================================= */
body.dark{
    --white:#08172f;
    --soft:#0d2347;
    --soft2:#091b37;
    --text:#f5f9ff;
    --muted:#b9c8dd;
    --border:rgba(255,255,255,.11);
    --shadow:0 20px 55px rgba(0,0,0,.3);
    --shadow2:0 12px 35px rgba(40,168,255,.16);
    background:#07162f;
}
.dark .site-header{
    background:rgba(6,21,47,.97);
    border-color:rgba(255,255,255,.08);
}
.dark .price-panel{
    background:#fff;
    color:var(--navy);
}
.dark .story,
.dark .services,
.dark .technology,
.dark .experience,
.dark .location,
.dark .stats-section{
    background:#08172f;
}
.dark .how,
.dark .choose,
.dark .offer-section{
    background:#0d2347;
}
.dark .service-mini,
.dark .location-card,
.dark .tech-item{
    background:#0d2347;
}
.dark .story-small{
    border-color:#08172f;
}
.dark .story-point i,
.dark .choose-float,
.dark .address-row i{
    background:#10294f;
    color:#63c8ff;
}
.dark .big-stat{
    border-color:rgba(255,255,255,.1);
}
.dark .nav-dropdown{
    background:#0b1f40;
}
.dark .nav-dropdown a:hover{
    background:#10294f;
}
.dark .icon-btn{
    background:#0b1f40;
    color:#fff;
}
.dark .newsletter{
    background:#030c1d;
}

.dark .h2-strip,.dark .h2-pricing,.dark .h2-voices,.dark .h2-cta{background:#071a34;color:#fff}
.dark .h2-title{color:#fff}
.dark .h2-copy{color:#a9bfd7}
.dark .h2-strip{border-color:#17385e}
.dark .h2-strip-lead,.dark .h2-strip-item{border-color:#17385e}
.dark .h2-strip-item small,.dark .h2-step p,.dark .h2-rate-copy small{color:#91aac5}
.dark .h2-trio,.dark .h2-editorial,.dark .h2-availability,.dark .h2-visit{background:#071a34}
.dark .h2-story{background:#071a34}
.dark .h2-step,.dark .h2-rate-row,.dark .h2-notes,.dark .h2-note-row{border-color:#17385e}
.dark .h2-rate-row.featured{background:#0a2348}
.dark .h2-rate-row>strong{color:#fff}
.dark .h2-quote{background:#0a2348;border-color:#17385e;color:#fff}
.dark .h2-quote:not(.featured) p{color:#fff}
.dark .h2-quote small{color:#91aac5}

@media(max-width:760px){.dark .h2-strip-lead,.dark .h2-strip-item{border-color:#17385e}}
.dark .h2-playbook{background:linear-gradient(180deg,#071a34 0%,#06152f 55%,#09295b 100%)}
.dark .h2-playbook-rule{border-color:rgba(255,255,255,.12)}
.dark .h2-playbook-rule h3,.dark .h2-playbook-stat strong{color:#fff}
.dark .h2-playbook-rule p,.dark .h2-playbook-stat p{color:#a7bed4}
.dark .h2-playbook-stat,.dark .h2-playbook-bottom>div{background:#0b2344;border-color:rgba(255,255,255,.1);color:#fff}
.dark .h2-playbook-bottom span{color:#a7bed4}
.dark .h2-playbook-num{background:#0d376b;color:#79d6ff}
.dark .h2-playbook-mini-img{background:#09295b}


/* =========================================================
   HOME 1 — FULL DARK MODE COVERAGE
   Keeps every light section readable and consistent.
========================================================= */
.dark .story,
.dark .services,
.dark .how,
.dark .technology,
.dark .stats-section,
.dark .choose,
.dark .experience,
.dark .spaces-section,
.dark .care-section,
.dark .offer-section,
.dark .location{
    background:#08172f;
    color:#f5f9ff;
}
.dark .story,
.dark .technology,
.dark .experience,
.dark .location{
    background-image:
      radial-gradient(circle at 12% 10%,rgba(40,168,255,.055),transparent 24%),
      radial-gradient(circle at 88% 90%,rgba(53,224,208,.045),transparent 24%);
}
.dark .how,
.dark .choose,
.dark .offer-section{
    background-image:
      linear-gradient(115deg,rgba(18,104,232,.055),transparent 38%),
      radial-gradient(circle at 85% 15%,rgba(53,224,208,.065),transparent 22%);
}
.dark .spaces-section{
    background:#091b37;
}
.dark .care-card,
.dark .service-mini,
.dark .location-card,
.dark .tech-item,
.dark .space-row,
.dark .benefit,
.dark .big-stat{
    background:#0d2347;
    color:#f5f9ff;
    border-color:rgba(255,255,255,.10);
}
.dark .step-number,
.dark .choose-float,
.dark .experience-image .image-label,
.dark .address-row i,
.dark .space-row-icon{
    background:#10294f;
    color:#79d6ff;
    border-color:rgba(255,255,255,.10);
}
.dark .space-row:hover{
    background:#10294f;
}
.dark .care-section .section-copy,
.dark .spaces-intro-copy p,
.dark .care-card p,
.dark .location-card .section-copy,
.dark .tech-copy > p,
.dark .editorial-row p,
.dark .big-stat span,
.dark .address-row span{
    color:#a9bfd7;
}
.dark .benefit p{
    color:#d4e8fb;
}
.dark .capacity,
.dark .control-center{
    color:#fff;
}
.dark .newsletter-form{
    background:#10294f;
    border:1px solid rgba(255,255,255,.10);
}
.dark .newsletter-form input{
    background:transparent;
    color:#fff;
}
.dark .newsletter-form input::placeholder{
    color:#91aac5;
}
.dark .price-panel-v2{
    background:#0d2347;
    color:#fff;
    border:1px solid rgba(255,255,255,.10);
}
.dark .price-panel-v2 *{
    color:inherit;
}
.dark .story-small,
.dark .big-stat{
    border-color:rgba(255,255,255,.10);
}

/* =========================================================
   SPINORA ABOUT PAGE — DARK MODE
========================================================= */
body.dark .about-hero{background:linear-gradient(180deg,#062f38 0%,#073942 100%)}body.dark .about-hero h1,body.dark .about-section-head h2,body.dark .direction-intro h2,body.dark .team-head h2,body.dark .belief-copy h2,body.dark .standard-copy h2,body.dark .voices-side h2,body.dark .cta-about-copy h2,body.dark .history-entry h3,body.dark .history-foot strong,body.dark .team-info h3,body.dark .voice-feature blockquote{color:#f4fbfa}body.dark .about-story,body.dark .about-direction{background:#073942}body.dark .about-team{background:#062f38}body.dark .about-belief,body.dark .about-voices,body.dark .about-cta{background:#073942}body.dark .about-hero p,body.dark .about-section-head>p,body.dark .direction-intro>p,body.dark .team-head>p,body.dark .history-entry p,body.dark .belief-copy>p,body.dark .belief-list p,body.dark .standard-row p,body.dark .cta-about-copy>p{color:#c5d8da}body.dark .history-copy{border-color:rgba(220,245,247,.14)}body.dark .history-entry{border-color:rgba(220,245,247,.14)}body.dark .team-card,body.dark .voice-feature{background:#0a4650;border-color:rgba(220,245,247,.14)}body.dark .direction-card-light{background:#0a4650;border-color:rgba(220,245,247,.14)}body.dark .belief-label,body.dark .photo-chip,body.dark .hero-note,body.dark .cta-tag{background:#062f38;color:#f4fbfa}body.dark .belief-list,body.dark .belief-list>div,body.dark .standard-row{border-color:rgba(220,245,247,.14)}body.dark .belief-list strong{color:#f4fbfa}body.dark .about-section{border-color:rgba(220,245,247,.08)}


/* =========================================================
   SPINORA ABOUT PAGE - SAME DARK NAVY FAMILY AS HOME 1 / HOME 2
========================================================= */
body.dark .about-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 58%,#1268e8 145%) !important;color:#fff !important;}
body.dark .about-story,
body.dark .about-team,
body.dark .about-voices{background:#06152f !important;color:#f5f9ff !important;}
body.dark .about-belief,
body.dark .about-direction,
body.dark .about-cta{background:#09295b !important;color:#f5f9ff !important;}
body.dark .about-standard{background:#06152f !important;color:#fff !important;}
body.dark .about-hero h1,
body.dark .about-section-head h2,
body.dark .direction-intro h2,
body.dark .team-head h2,
body.dark .belief-copy h2,
body.dark .standard-copy h2,
body.dark .voices-side h2,
body.dark .cta-about-copy h2,
body.dark .history-entry h3,
body.dark .history-foot strong,
body.dark .team-info h3,
body.dark .voice-feature blockquote{color:#f5f9ff !important;}
body.dark .about-hero p,
body.dark .about-section-head>p,
body.dark .direction-intro>p,
body.dark .team-head>p,
body.dark .history-entry p,
body.dark .belief-copy>p,
body.dark .belief-list p,
body.dark .standard-row p,
body.dark .cta-about-copy>p{color:#a9bfd7 !important;}
body.dark .about-hero h1 em,
body.dark .about-hero .hero-kicker,
body.dark .about-section .section-kicker,
body.dark .history-year,
body.dark .history-foot span,
body.dark .belief-list span,
body.dark .team-info span,
body.dark .voice-stat strong{color:#28a8ff !important;}
body.dark .about-hero-meta{border-color:rgba(53,224,208,.20) !important;}
body.dark .about-hero-meta strong{color:#fff !important;}
body.dark .about-hero-meta span{color:#91aac5 !important;}
body.dark .history-copy,
body.dark .history-entry,
body.dark .belief-list,
body.dark .belief-list>div,
body.dark .standard-row{border-color:rgba(255,255,255,.10) !important;}
body.dark .team-card,
body.dark .voice-feature{background:#09295b !important;border-color:rgba(255,255,255,.10) !important;color:#fff !important;}
body.dark .direction-card-main,
body.dark .direction-card-light{background:#09295b !important;border-color:rgba(40,168,255,.22) !important;color:#fff !important;}
body.dark .direction-card-light h3,
body.dark .direction-card-light p,
body.dark .direction-card-light .direction-symbol,
body.dark .direction-card-light .direction-num{color:#fff !important;}
body.dark .direction-card-light .direction-symbol{border-color:rgba(53,224,208,.50) !important;}
body.dark .direction-card-light .value-tags span{color:#b8d5ee !important;border-color:rgba(40,168,255,.25) !important;background:rgba(18,104,232,.10) !important;}
body.dark .belief-label,
body.dark .photo-chip,
body.dark .hero-note,
body.dark .cta-tag{background:#09295b !important;color:#fff !important;border-color:rgba(40,168,255,.22) !important;}
body.dark .belief-label small{color:#a9bfd7 !important;}
body.dark .team-index{background:#06152f !important;color:#79d6ff !important;}
body.dark .voice-person strong{color:#fff !important;}
body.dark .voice-person span{color:#91aac5 !important;}
body.dark .quote-mark{color:#28a8ff !important;}



/* =========================================================
   SPINORA — RTL
========================================================= */
html[dir="rtl"] body{
    direction:rtl;
}
html[dir="rtl"] .brand{
    flex-direction:row;
}
html[dir="rtl"] .desktop-nav{
    direction:rtl;
}
html[dir="rtl"] .header-actions{
    direction:rtl;
}
html[dir="rtl"] .nav-dropdown{
    left:auto;
    right:0;
}
html[dir="rtl"] .story-badge{
    left:auto;
    right:28px;
}
html[dir="rtl"] .tech-item:hover{
    transform:translateX(-6px);
}
html[dir="rtl"] .editorial-row:hover{
    padding-left:0;
    padding-right:8px;
}
html[dir="rtl"] .map-pin{
    transform:translate(50%,-50%);
}
html[dir="rtl"] .footer-col a:hover{
    padding-left:0;
    padding-right:4px;
}
@media(max-width:980px){html[dir="rtl"] .mobile-menu{
        right:auto;
        left:4%;
    }}

[dir="rtl"] .h2-link:hover{transform:translateX(-4px)}
[dir="rtl"] .h2-hero-sticker{left:auto;right:8%}
[dir="rtl"] .h2-hero-badge{right:auto;left:-5px}
[dir="rtl"] .h2-hero-mainimg{right:auto;left:4%}
[dir="rtl"] .h2-hero-cut{left:auto;right:0}
[dir="rtl"] .h2-story-img{left:auto;right:0}
[dir="rtl"] .h2-story-note{right:auto;left:0}
[dir="rtl"] .h2-story-mark{left:auto;right:18px}
[dir="rtl"] .h2-step:hover{padding-left:0;padding-right:9px}
[dir="rtl"] .h2-rate-row:hover{padding-left:4px;padding-right:12px}
[dir="rtl"] .h2-space-index{text-align:left;right:auto;left:7%}
[dir="rtl"] .h2-visit-copy{left:auto;right:32px}
[dir="rtl"] .h2-quote{transform-origin:top right}

@media(max-width:760px){[dir="rtl"] .h2-story-note{right:auto;left:0}[dir="rtl"] .h2-hero-sticker{left:auto;right:3%}}

/* RTL control/menu placement safeguards */
html[dir="rtl"] .header-inner{direction:rtl;}
html[dir="rtl"] .header-actions{direction:rtl;}
html[dir="rtl"] .desktop-nav{direction:rtl;}
html[dir="rtl"] .mobile-menu{right:auto;left:4%;}
html[dir="rtl"] .mobile-menu .mobile-dropdown{padding-left:0;padding-right:10px;}

/* =========================================================
   SPINORA ABOUT PAGE — RTL SAFEGUARDS
========================================================= */
html[dir="rtl"] .about-hero-grid,
html[dir="rtl"] .history-layout,
html[dir="rtl"] .belief-grid,
html[dir="rtl"] .standard-layout,
html[dir="rtl"] .voices-wrap,
html[dir="rtl"] .cta-about-grid{direction:rtl;}
html[dir="rtl"] .history-copy{border-left:0;border-right:1px solid var(--about-line);padding-left:0;padding-right:24px;}
html[dir="rtl"] .history-entry{grid-template-columns:58px 1fr;}
html[dir="rtl"] .direction-symbol{margin-left:0;margin-right:auto;}
html[dir="rtl"] .team-info{text-align:right;}
html[dir="rtl"] .about-hero-meta{justify-content:flex-start;}
@media(max-width:640px){html[dir="rtl"] .history-copy{border-right:0;padding-right:0;}html[dir="rtl"] .team-info{text-align:right;}}




/* =========================================================
   SPINORA LOCATION — FINAL POLISHED DESIGN
   Same shared header/footer, compact equal rhythm, richer visuals
========================================================= */
:root{
  --loc-navy:#06152F;
  --loc-navy-2:#0A2856;
  --loc-blue:#1268E8;
  --loc-electric:#28A8FF;
  --loc-aqua:#35E0D0;
  --loc-soft:#EAF4FF;
  --loc-ink:#0A2147;
  --loc-muted:#61738C;
  --loc-line:rgba(6,21,47,.12);
  --loc-white:#fff;
}
html{scroll-behavior:smooth;}
body{overflow-x:hidden;}
.loc-section{padding:clamp(60px,5.3vw,76px) 0;position:relative;}
.loc-label{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--loc-blue);}
.loc-label::before{content:"";width:26px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--loc-blue),var(--loc-aqua));}
.loc-section-head{display:flex;justify-content:space-between;gap:44px;align-items:end;margin-bottom:30px;}
.loc-section-head h2{font-family:"DM Serif Display",serif;font-size:clamp(34px,4.2vw,56px);line-height:1;letter-spacing:-1.6px;color:var(--loc-ink);margin-top:10px;}
.loc-section-head p{max-width:500px;color:var(--loc-muted);line-height:1.75;font-size:14px;}
/* Hero */
.loc-hero{padding-top:clamp(50px,4.8vw,70px);background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);overflow:hidden;}
.loc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.96fr);gap:56px;align-items:center;min-height:560px;}
.loc-kicker{display:flex;align-items:center;gap:10px;color:var(--loc-blue);font-size:11px;font-weight:900;letter-spacing:.19em;}
.loc-kicker span{width:28px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--loc-blue),var(--loc-aqua));}
.loc-hero-copy h1{font-family:"DM Serif Display",serif;font-size:clamp(48px,5.6vw,78px);line-height:.97;letter-spacing:-2.5px;color:var(--loc-ink);margin:18px 0;max-width:720px;}
.loc-hero-copy h1 em{font-style:italic;color:var(--loc-blue);}
.loc-lead{font-size:15px;line-height:1.8;color:var(--loc-muted);max-width:620px;}
.loc-search{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid rgba(18,104,232,.13);border-radius:15px;padding:8px 8px 8px 16px;box-shadow:0 15px 38px rgba(6,21,47,.09);}
.loc-search i{color:var(--loc-blue);}
.loc-search input{border:0;outline:0;background:transparent;color:var(--loc-ink);font:700 13px Manrope,sans-serif;min-width:0;padding:10px 4px;}
.loc-search input::placeholder{color:#8797aa;}
.loc-search button{border:0;border-radius:11px;padding:12px 18px;background:linear-gradient(135deg,var(--loc-blue),var(--loc-electric));color:#fff;font:900 12px Manrope,sans-serif;cursor:pointer;box-shadow:0 10px 22px rgba(18,104,232,.2);transition:.3s ease;}
.loc-search button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(18,104,232,.27);}
.loc-quick-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;}
.loc-quick-row button{border:1px solid rgba(18,104,232,.17);background:rgba(255,255,255,.72);color:#365071;border-radius:999px;padding:8px 11px;font:800 11px Manrope,sans-serif;cursor:pointer;transition:.25s ease;}
.loc-quick-row button:hover{background:var(--loc-blue);border-color:var(--loc-blue);color:#fff;transform:translateY(-2px);}
.loc-microstats{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--loc-line);}
.loc-microstats div{display:flex;flex-direction:column;gap:4px;}
.loc-microstats strong{font-size:17px;color:var(--loc-ink);font-weight:900;}
.loc-microstats span{font-size:10px;color:var(--loc-muted);letter-spacing:.04em;}
.loc-hero-visual{position:relative;min-height:515px;}
.loc-photo-main{position:absolute;inset:20px 18px 28px 36px;border-radius:30px;overflow:hidden;box-shadow:0 30px 70px rgba(6,21,47,.20);transform:rotate(1.2deg);}
.loc-photo-main img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);}
.loc-hero-visual:hover .loc-photo-main img{transform:scale(1.06);}
.loc-photo-badge{position:absolute;left:18px;bottom:18px;background:rgba(6,21,47,.85);backdrop-filter:blur(12px);color:#fff;border:1px solid rgba(255,255,255,.14);padding:10px 13px;border-radius:11px;font:900 10px Manrope,sans-serif;letter-spacing:.08em;}
.loc-photo-badge i{color:var(--loc-aqua);margin-right:7px;}
.loc-photo-small{position:absolute;width:170px;height:210px;right:-2px;top:52px;border-radius:22px;overflow:hidden;border:7px solid #f8fbff;box-shadow:0 22px 40px rgba(6,21,47,.20);transform:rotate(5deg);}
.loc-photo-small img{width:100%;height:100%;object-fit:cover;}
.loc-route-tag{position:absolute;bottom:8px;right:14px;background:#fff;padding:12px 14px;border-radius:12px;color:#24415f;font-size:10px;font-weight:900;letter-spacing:.09em;box-shadow:0 15px 30px rgba(6,21,47,.14);}
.loc-route-tag span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--loc-aqua);margin-right:7px;animation:pulse 1.8s infinite;}
.loc-orbit{position:absolute;border:1px solid rgba(18,104,232,.13);border-radius:50%;pointer-events:none;}
.orbit-one{width:170px;height:170px;right:-20px;bottom:62px;animation:orbitFloat 7s ease-in-out infinite;}
.orbit-two{width:100px;height:100px;left:2px;top:8px;animation:orbitFloat 5s ease-in-out infinite reverse;}
/* Network */
.loc-network-section{background:#fff;}
.loc-network-rows{border-top:1px solid var(--loc-line);}
.loc-network-row{width:100%;display:grid;grid-template-columns:54px 1.1fr 1.45fr 130px 28px;align-items:center;gap:18px;padding:18px 0;border:0;border-bottom:1px solid var(--loc-line);background:transparent;text-align:left;cursor:pointer;color:var(--loc-ink);transition:.35s ease;}
.loc-network-row:hover{padding-inline:12px;background:#f4f9ff;box-shadow:0 10px 28px rgba(6,21,47,.05);transform:translateY(-2px);}
.loc-city-index{font-size:10px;color:#90a0b4;font-weight:900;letter-spacing:.1em;}
.loc-city-name{font:400 clamp(24px,2.7vw,35px) "DM Serif Display",serif;}
.loc-city-areas{font-size:12px;color:var(--loc-muted);}
.loc-city-count{font-size:11px;color:var(--loc-blue);font-weight:900;text-align:right;}
.loc-network-row > i{color:var(--loc-blue);transition:.3s ease;}
.loc-network-row:hover > i{transform:translateX(5px);}
/* Map */
.loc-map-section{background:linear-gradient(180deg,#eef6ff 0%,#f7fbff 100%);}
.loc-map-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:20px;align-items:stretch;}
.loc-map-panel{display:flex;flex-direction:column;}
.loc-map-surface{position:relative;min-height:520px;background:linear-gradient(145deg,#d8ebff,#eaf7ff);border:1px solid rgba(18,104,232,.13);border-radius:26px;overflow:hidden;box-shadow:0 20px 50px rgba(6,21,47,.09);}
.loc-map-surface::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,104,232,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(18,104,232,.06) 1px,transparent 1px);background-size:34px 34px;opacity:.55;}
.loc-map-surface img{position:absolute;width:86%;left:7%;top:7%;height:86%;object-fit:contain;opacity:.47;filter:sepia(.12) saturate(.9) hue-rotate(166deg) drop-shadow(0 16px 25px rgba(6,21,47,.10));}
.loc-map-label{position:absolute;left:20px;top:18px;background:rgba(255,255,255,.86);padding:9px 12px;border-radius:10px;color:var(--loc-ink);font-size:9px;font-weight:900;letter-spacing:.16em;backdrop-filter:blur(8px);}
.loc-marker{position:absolute;display:flex;align-items:center;gap:7px;transform:translate(-50%,-50%);cursor:pointer;z-index:3;}
.loc-marker span{width:16px;height:16px;border-radius:50%;background:var(--loc-blue);box-shadow:0 0 0 0 rgba(18,104,232,.35);animation:markerPulse 2.1s infinite;}
.loc-marker b{font-size:9px;color:var(--loc-ink);background:rgba(255,255,255,.9);padding:5px 7px;border-radius:8px;box-shadow:0 6px 18px rgba(6,21,47,.08);}
.m-ny{right:17%;top:30%;}.m-la{left:13%;top:55%;}.m-ch{left:56%;top:39%;}.m-hou{left:57%;top:63%;}
.loc-marker.active span{background:var(--loc-aqua);transform:scale(1.3);}
.loc-marker:hover span{transform:scale(1.35);}
.loc-map-legend{display:flex;gap:20px;flex-wrap:wrap;padding:12px 2px 0;color:var(--loc-muted);font-size:10px;font-weight:800;}
.loc-map-legend span{display:inline-flex;align-items:center;gap:7px;}
.loc-map-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;}
.open-dot{background:var(--loc-blue)}.pulse-dot{background:var(--loc-aqua);box-shadow:0 0 0 5px rgba(53,224,208,.16)}.soon-dot{background:#9fb1c6}
.loc-spotlight{background:#fff;border:1px solid var(--loc-line);border-radius:26px;overflow:hidden;box-shadow:0 20px 50px rgba(6,21,47,.08);display:grid;grid-template-rows:245px 1fr;}
.loc-spotlight-media img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease;}
.loc-spotlight:hover .loc-spotlight-media img{transform:scale(1.05);}
.loc-spotlight-body{padding:22px 24px 24px;display:flex;flex-direction:column;}
.loc-mini-status{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:900;letter-spacing:.14em;color:#177c68;}
.loc-mini-status i{width:7px;height:7px;border-radius:50%;background:#35d5ae;box-shadow:0 0 0 5px rgba(53,213,174,.12);}
.loc-spotlight-body h3{font:400 32px/1.05 "DM Serif Display",serif;color:var(--loc-ink);margin:13px 0 7px;}
.loc-spotlight-body p{font-size:12px;line-height:1.7;color:var(--loc-muted);margin:0;}
.loc-spotlight-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0 18px;padding-top:18px;border-top:1px solid var(--loc-line);border-bottom:1px solid var(--loc-line);padding-bottom:18px;}
.loc-spotlight-meta span{display:flex;flex-direction:column;gap:3px;}
.loc-spotlight-meta strong{font-size:15px;color:var(--loc-ink);font-weight:900;}
.loc-spotlight-meta small{font-size:9px;color:var(--loc-muted);}
.loc-spotlight-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;}
.loc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 15px;border-radius:11px;font-size:11px;font-weight:900;text-decoration:none;border:1px solid transparent;transition:.3s ease;cursor:pointer;}
.loc-btn-primary{background:linear-gradient(135deg,var(--loc-blue),var(--loc-electric));color:#fff;box-shadow:0 12px 25px rgba(18,104,232,.22);}
.loc-btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(18,104,232,.28);}
.loc-btn-light{background:#f0f6fd;border-color:rgba(18,104,232,.10);color:var(--loc-ink);}
.loc-btn-light:hover{background:#e4f0ff;transform:translateY(-2px);}
.loc-btn-outline{background:transparent;border-color:rgba(255,255,255,.23);color:#fff;}
.loc-btn-outline:hover{background:#fff;color:var(--loc-navy);}
/* Route */
.loc-route-section{background:#fff;}
.loc-route-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center;padding:34px 0 4px;}
.loc-route-copy h2{font:400 clamp(34px,4.1vw,54px)/1.02 "DM Serif Display",serif;color:var(--loc-ink);margin:10px 0 14px;}
.loc-route-copy p{max-width:430px;font-size:14px;line-height:1.8;color:var(--loc-muted);}
.loc-route-list{border-top:1px solid var(--loc-line);}
.loc-route-item{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--loc-line);text-decoration:none;color:var(--loc-ink);transition:.35s ease;}
.loc-route-item:hover{padding-inline:10px;background:#f4f9ff;transform:translateX(5px);}
.route-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f3ff,#f3fbff);color:var(--loc-blue);font-size:15px;transition:.35s ease;}
.loc-route-item:hover .route-icon{transform:rotate(-6deg) scale(1.07);background:var(--loc-blue);color:#fff;}
.loc-route-item div{display:flex;flex-direction:column;gap:4px;}
.loc-route-item strong{font-size:14px;font-weight:900;}
.loc-route-item small{font-size:11px;color:var(--loc-muted);line-height:1.5;}
.loc-route-item > i{color:var(--loc-blue);transition:.3s ease;}.loc-route-item:hover > i{transform:translateX(4px);}
/* CTA */
.loc-cta-section{background:linear-gradient(180deg,#eef6ff 0%,#f7fbff 100%);}
.loc-cta{display:grid;grid-template-columns:.82fr 1.18fr;min-height:300px;background:var(--loc-navy);border-radius:26px;overflow:hidden;box-shadow:0 24px 60px rgba(6,21,47,.18);}
.loc-cta-image{position:relative;overflow:hidden;}
.loc-cta-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.05),rgba(6,21,47,.4));}
.loc-cta-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease;}.loc-cta:hover .loc-cta-image img{transform:scale(1.07);}
.loc-cta-copy{padding:38px 44px;display:flex;flex-direction:column;justify-content:center;}
.loc-cta-copy .loc-label{color:var(--loc-aqua);}.loc-cta-copy .loc-label::before{background:linear-gradient(90deg,var(--loc-aqua),#7ad9ff);}
.loc-cta-copy h2{font:400 clamp(34px,4vw,52px)/1 "DM Serif Display",serif;color:#fff;margin:11px 0 10px;max-width:620px;}
.loc-cta-copy p{color:#bdcce0;font-size:14px;line-height:1.75;max-width:570px;}
.loc-cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
/* Reveal + motion */
.loc-reveal{opacity:0;transform:translateY(24px);filter:blur(2px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1),filter .75s ease;}
.loc-reveal.visible{opacity:1;transform:none;filter:none;}
.delay-1{transition-delay:.12s!important}.delay-2{transition-delay:.22s!important}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(53,224,208,.18)}50%{box-shadow:0 0 0 8px rgba(53,224,208,0)}}
@keyframes markerPulse{0%,100%{box-shadow:0 0 0 0 rgba(18,104,232,.28)}50%{box-shadow:0 0 0 9px rgba(18,104,232,0)}}
@keyframes orbitFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(12deg)}}
/* Dark mode */
body.dark .loc-hero{background:linear-gradient(180deg,#06152f 0%,#0a234a 100%);}
body.dark .loc-hero-copy h1,.dark .loc-section-head h2,.dark .loc-route-copy h2{color:#f4f9ff!important;}
body.dark .loc-lead,.dark .loc-section-head p,.dark .loc-route-copy p,.dark .loc-city-areas,.dark .loc-city-index,.dark .loc-microstats span{color:#b9c9dc;}
body.dark .loc-microstats strong,.dark .loc-city-name,.dark .loc-city-count,.dark .loc-spotlight-body h3,.dark .loc-spotlight-meta strong,.dark .loc-route-item strong{color:#f4f9ff;}
body.dark .loc-network-section,body.dark .loc-route-section{background:#081a33;}
body.dark .loc-map-section,body.dark .loc-cta-section{background:linear-gradient(180deg,#07182d 0%,#09233f 100%);}
body.dark .loc-search{background:#0e2748;border-color:rgba(126,194,255,.14);}.dark .loc-search input{color:#fff}.dark .loc-search input::placeholder{color:#93a9c2;}
body.dark .loc-quick-row button{background:#0e2748;border-color:rgba(126,194,255,.14);color:#c7d7e9;}
body.dark .loc-quick-row button:hover{background:var(--loc-blue);color:#fff;}
body.dark .loc-microstats{border-top-color:rgba(255,255,255,.11);}
body.dark .loc-network-rows{border-color:rgba(255,255,255,.12);}.dark .loc-network-row{border-color:rgba(255,255,255,.10);color:#f7fbff}.dark .loc-network-row:hover{background:#0d2747;}
body.dark .loc-map-surface{background:linear-gradient(145deg,#0f2947,#112f54);border-color:rgba(112,187,255,.13);}.dark .loc-map-surface::before{background-image:linear-gradient(rgba(122,197,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(122,197,255,.07) 1px,transparent 1px);}.dark .loc-map-surface img{filter:invert(1) sepia(.2) saturate(.6) hue-rotate(165deg);opacity:.37;}.dark .loc-map-label{background:rgba(6,21,47,.78);color:#fff;}
body.dark .loc-map-legend,.dark .loc-spotlight-body p,.dark .loc-spotlight-meta small,.dark .loc-route-item small{color:#9fb3cb;}
body.dark .loc-spotlight{background:#0d2340;border-color:rgba(255,255,255,.10);}.dark .loc-spotlight-meta{border-color:rgba(255,255,255,.10);}.dark .loc-route-item{border-color:rgba(255,255,255,.10);}.dark .loc-route-item:hover{background:#0d2747;}
body.dark .route-icon{background:#102b4d;color:#78c6ff;}.dark .loc-btn-light{background:#173452;color:#fff;border-color:rgba(255,255,255,.1);}
body.dark .loc-photo-badge{background:rgba(5,16,33,.88);}.dark .loc-route-tag{background:#0d2340;color:#d7e5f2;}.dark .loc-photo-small{border-color:#0b1d36;}
/* Responsive */
@media(max-width:980px){
  .loc-hero-grid{grid-template-columns:1fr;gap:34px;min-height:0;}.loc-hero-visual{min-height:470px;}.loc-photo-main{inset:12px 90px 22px 18px;}.loc-photo-small{right:5px;top:28px;}.loc-section-head{align-items:start;flex-direction:column;gap:16px;}.loc-map-grid{grid-template-columns:1fr;}.loc-route-wrap,.loc-cta{grid-template-columns:1fr;}.loc-cta-image{min-height:250px;}.loc-cta-copy{padding:34px;}
}
@media(max-width:760px){
  .loc-section{padding:56px 0;}.loc-hero{padding-top:42px;}.loc-hero-copy h1{font-size:48px;}.loc-search{grid-template-columns:auto 1fr;}.loc-search button{grid-column:1/-1;width:100%;}.loc-microstats{gap:14px;}.loc-hero-visual{min-height:390px;}.loc-photo-main{inset:10px 56px 20px 6px;border-radius:24px;}.loc-photo-small{width:135px;height:170px;right:-1px;top:24px;border-width:6px;}.loc-route-tag{right:4px;bottom:0;font-size:8px;}.loc-network-row{grid-template-columns:34px 1fr 24px;gap:8px;padding:16px 0;}.loc-city-areas,.loc-city-count{grid-column:2;}.loc-city-count{text-align:left;margin-top:2px;}.loc-network-row > i{grid-column:3;grid-row:1/4;}.loc-map-surface{min-height:380px;}.loc-spotlight{grid-template-rows:205px 1fr;}.loc-spotlight-body{padding:18px;}.loc-spotlight-body h3{font-size:28px;}.loc-spotlight-meta{grid-template-columns:1fr 1fr;}.loc-spotlight-meta span:last-child{grid-column:1/-1;}.loc-route-copy h2{font-size:40px;}.loc-cta-copy h2{font-size:40px;}.loc-cta-actions .loc-btn{width:100%;}
}
@media(prefers-reduced-motion:reduce){.loc-reveal{opacity:1;transform:none;filter:none;transition:none}.loc-photo-main img,.loc-photo-small img,.loc-orbit,.loc-marker span,.loc-route-tag span{animation:none!important;transition:none!important;}}


/* =========================================================
   SPINORA FINAL SHARED BEHAVIOUR / LAYOUT
========================================================= */
html{overflow-x:hidden;}
body{overflow-x:clip;}
.site-header{position:sticky!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:5000!important;}
.header-inner{min-height:84px;}
.nav-caret{font-size:15px;line-height:1;font-weight:900;display:inline-block;transform:translateY(-1px);}
.mobile-menu{z-index:5500!important;}
.mobile-menu .mobile-dropdown{display:none;}
.mobile-menu .mobile-dropdown.open{display:block;}
.mobile-menu .mobile-dropdown a{display:block;}
.back-top{position:fixed!important;right:22px;bottom:22px;z-index:4500;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);background:linear-gradient(135deg,var(--blue),var(--electric));color:#fff;box-shadow:0 12px 32px rgba(18,104,232,.25);transition:.3s ease;}
.back-top.show{opacity:1;visibility:visible;transform:translateY(0);}
.back-top:hover{transform:translateY(-4px);}
body[data-page="pricing"] .site-header,body[data-page="location"] .site-header{position:sticky!important;}
/* Auth top bar: Back to Home far left, controls far right; RTL reverses them. */
.auth-page{min-height:100vh;background:var(--soft2);color:var(--text);}
.auth-header{position:sticky;top:0;z-index:5000;height:78px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px);}
.auth-header-inner{width:min(1240px,92%);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;direction:ltr;}
.auth-back{font-size:12px;font-weight:900;color:var(--blue);padding:9px 14px;border-radius:10px;background:rgba(18,104,232,.07);}
.auth-actions{display:flex;gap:8px;align-items:center;}
.auth-main{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:42px 16px;}
.auth-wrap{width:min(1040px,100%);display:grid;grid-template-columns:1fr 1.05fr;background:var(--white);border:1px solid var(--border);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(6,21,47,.14);}
.auth-visual{min-height:620px;background:linear-gradient(135deg,#06152f,#09295b 55%,#1268e8);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;}
.auth-visual h1{position:relative;z-index:2;font-family:"DM Serif Display",serif;font-size:clamp(42px,5vw,70px);line-height:.98;margin:12px 0;}
.auth-visual p{position:relative;z-index:2;color:#c9d9ec;max-width:430px;font-size:14px;}
.auth-form-panel{padding:48px;display:flex;flex-direction:column;justify-content:center;}
.auth-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--blue);margin-bottom:10px;}
.auth-form-panel h2{font-family:"DM Serif Display",serif;font-size:46px;line-height:1;margin-bottom:10px;}
.auth-intro{color:var(--muted);font-size:14px;margin-bottom:26px;}
.auth-field{margin-bottom:16px;}.auth-field label{display:block;font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:7px;}.auth-field input{width:100%;padding:13px 14px;border:1px solid var(--border);background:var(--soft2);color:var(--text);border-radius:11px;outline:none;}
.auth-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;font-size:12px;}.auth-row label{display:flex;gap:7px;align-items:center;color:var(--muted);}.auth-row a,.auth-switch a{color:var(--blue);font-weight:800;}.auth-submit{width:100%;justify-content:center;}.auth-switch{margin-top:18px;text-align:center;font-size:12px;color:var(--muted);}.auth-message{min-height:18px;margin-top:8px;color:#12a982;font-size:12px;font-weight:800;}
@media(max-width:900px){.site-header{height:78px!important}.auth-wrap{grid-template-columns:1fr}.auth-visual{min-height:280px;padding:32px}.auth-form-panel{padding:32px 24px 36px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.back-top{right:14px;bottom:14px}.auth-header{height:70px}.auth-header-inner{width:calc(100% - 24px)}.auth-back{font-size:10px;padding:8px 10px}.auth-actions .icon-btn{width:34px;height:34px}.auth-main{min-height:calc(100vh - 70px);padding:24px 12px}}
html[dir="rtl"] .auth-header-inner{direction:rtl;}.site-header .header-inner{direction:ltr!important;}html[dir="rtl"] .site-header .header-inner{direction:rtl!important;}
html[dir="rtl"] .auth-field input{text-align:right;}html[dir="rtl"] .auth-row{direction:rtl;}html[dir="rtl"] .auth-back{order:2;}html[dir="rtl"] .auth-actions{order:1;}
/* Explicit page text visibility for light/dark transitions. */
body[data-page="pricing"] h1,body[data-page="pricing"] h2,body[data-page="pricing"] h3,body[data-page="pricing"] p,body[data-page="pricing"] span,
body[data-page="location"] h1,body[data-page="location"] h2,body[data-page="location"] h3,body[data-page="location"] p,body[data-page="location"] span{visibility:visible;}


/* =========================================================
   SPINORA AUTH — FINAL MOBILE + RTL POLISH
   Login/Register use a dedicated compact header and responsive card.
========================================================= */
.auth-header{position:sticky!important;top:0!important;z-index:6000!important;width:100%!important;height:78px!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--border)!important;backdrop-filter:blur(14px);}
.auth-header-inner{width:min(1240px,calc(100% - 36px))!important;height:100%!important;margin-inline:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;direction:ltr!important;}
.auth-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;}
.auth-brand{display:inline-flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important;color:var(--text)!important;flex:0 0 auto;}
.auth-brand .brand-mark{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:linear-gradient(135deg,var(--blue),var(--electric))!important;color:#fff!important;font-weight:900!important;font-size:21px!important;box-shadow:5px 5px 0 rgba(53,224,208,.55)!important;}
.auth-brand .brand-name{font-size:19px!important;font-weight:900!important;letter-spacing:.02em!important;color:var(--text)!important;}
.auth-back{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;font-size:12px!important;font-weight:900!important;color:var(--blue)!important;padding:9px 13px!important;border-radius:10px!important;background:rgba(18,104,232,.07)!important;text-decoration:none!important;transition:.25s ease!important;}
.auth-back:hover{transform:translateY(-2px);background:rgba(18,104,232,.12)!important;}
.auth-actions{display:flex!important;gap:8px!important;align-items:center!important;flex:0 0 auto!important;}
.auth-actions .icon-btn{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid var(--border)!important;background:var(--white)!important;color:var(--text)!important;border-radius:10px!important;}
.auth-main{min-height:calc(100vh - 78px)!important;display:grid!important;place-items:center!important;padding:34px 16px 44px!important;}
.auth-wrap{width:min(1040px,100%)!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;background:var(--white)!important;border:1px solid var(--border)!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 28px 80px rgba(6,21,47,.14)!important;}
.auth-visual{min-height:580px!important;padding:46px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;background:linear-gradient(135deg,#06152f 0%,#09295b 58%,#1268e8 100%)!important;color:#fff!important;position:relative!important;overflow:hidden!important;}
.auth-visual::before{content:"";position:absolute!important;width:320px!important;height:320px!important;border:1px solid rgba(53,224,208,.22)!important;border-radius:50%!important;right:-120px!important;top:-80px!important;animation:authOrbit 14s linear infinite!important;}
.auth-visual::after{content:"";position:absolute!important;inset:auto -90px -140px auto!important;width:300px!important;height:300px!important;background:radial-gradient(circle,rgba(53,224,208,.18),transparent 68%)!important;animation:authGlow 5s ease-in-out infinite!important;}
.auth-form-panel{padding:48px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;background:var(--white)!important;}
.auth-form-panel h2{color:var(--text)!important;}
.auth-intro,.auth-row label,.auth-switch{color:var(--muted)!important;}
.auth-field input{min-height:48px!important;box-sizing:border-box!important;}
.auth-submit{min-height:48px!important;}
@keyframes authOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes authGlow{0%,100%{transform:translate3d(0,0,0);opacity:.7}50%{transform:translate3d(-20px,-15px,0);opacity:1}}

html[dir="rtl"] .auth-header-inner{direction:rtl!important;}
html[dir="rtl"] .auth-left{direction:rtl!important;}
html[dir="rtl"] .auth-actions{direction:rtl!important;}
html[dir="rtl"] .auth-wrap{direction:rtl!important;}
html[dir="rtl"] .auth-form-panel,html[dir="rtl"] .auth-visual{text-align:right!important;}
html[dir="rtl"] .auth-back{transform:none!important;}
html[dir="rtl"] .auth-back:hover{transform:translateY(-2px)!important;}
html[dir="rtl"] .auth-brand{direction:rtl!important;}
html[dir="rtl"] .auth-brand .brand-mark{order:2!important;}
html[dir="rtl"] .auth-brand .brand-name{order:1!important;}
html[dir="rtl"] .auth-field input{text-align:right!important;direction:rtl!important;}
html[dir="rtl"] .auth-row{direction:rtl!important;}

@media(max-width:900px){
  .auth-main{padding:24px 12px 36px!important;align-items:start!important;}
  .auth-wrap{grid-template-columns:1fr!important;border-radius:24px!important;}
  .auth-visual{min-height:220px!important;padding:28px 26px!important;}
  .auth-visual h1{font-size:42px!important;max-width:480px!important;}
  .auth-form-panel{padding:32px 26px 34px!important;}
}
@media(max-width:600px){
  .auth-header{height:68px!important;}
  .auth-header-inner{width:calc(100% - 20px)!important;gap:8px!important;}
  .auth-left{gap:7px!important;min-width:0!important;}
  .auth-brand .brand-mark{width:34px!important;height:34px!important;border-radius:10px!important;font-size:18px!important;box-shadow:4px 4px 0 rgba(53,224,208,.55)!important;}
  .auth-brand .brand-name{font-size:15px!important;}
  .auth-back{font-size:10px!important;padding:8px 9px!important;border-radius:9px!important;}
  .auth-actions{gap:5px!important;}
  .auth-actions .icon-btn{width:34px!important;height:34px!important;border-radius:9px!important;font-size:12px!important;}
  .auth-main{min-height:calc(100vh - 68px)!important;padding:16px 10px 28px!important;}
  .auth-wrap{width:100%!important;border-radius:20px!important;box-shadow:0 20px 50px rgba(6,21,47,.12)!important;}
  .auth-visual{min-height:164px!important;padding:22px 20px!important;}
  .auth-visual h1{font-size:34px!important;line-height:1!important;margin:8px 0!important;}
  .auth-visual p{font-size:12px!important;line-height:1.55!important;max-width:340px!important;}
  .auth-form-panel{padding:26px 20px 28px!important;}
  .auth-form-panel h2{font-size:38px!important;}
  .auth-intro{font-size:13px!important;line-height:1.6!important;margin-bottom:20px!important;}
  .auth-field{margin-bottom:13px!important;}
  .auth-field label{font-size:10px!important;margin-bottom:6px!important;}
  .auth-field input{min-height:46px!important;padding:12px 13px!important;border-radius:10px!important;font-size:13px!important;}
  .auth-row{flex-wrap:wrap!important;font-size:11px!important;margin-bottom:14px!important;}
  .auth-submit{min-height:46px!important;font-size:13px!important;}
  .auth-switch{font-size:11px!important;margin-top:14px!important;line-height:1.5!important;}
  html[dir="rtl"] .auth-header-inner{direction:rtl!important;}
  html[dir="rtl"] .auth-left{flex-direction:row-reverse!important;}
  html[dir="rtl"] .auth-brand{flex-direction:row-reverse!important;}
}
@media(max-width:380px){
  .auth-brand .brand-name{display:none!important;}
  .auth-back{padding-inline:7px!important;}
  .auth-visual{min-height:150px!important;padding:20px 18px!important;}
  .auth-visual h1{font-size:31px!important;}
  .auth-form-panel{padding:22px 16px 26px!important;}
  .auth-form-panel h2{font-size:34px!important;}
}

/* =========================================================
   SPINORA AUTH — CLEAN SINGLE CARD / MOBILE FIRST
   Login + Register intentionally use one focused card instead
   of a split image + form layout on smaller screens.
========================================================= */
.auth-main{
  min-height:calc(100vh - 78px)!important;
  display:grid!important;
  place-items:center!important;
  padding:42px 16px 56px!important;
  background:var(--soft2)!important;
}
.auth-wrap{
  position:relative!important;
  width:min(560px,100%)!important;
  display:block!important;
  background:var(--white)!important;
  border:1px solid var(--border)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  box-shadow:0 28px 80px rgba(6,21,47,.14)!important;
}
.auth-wrap::before{
  content:"";
  display:block;
  height:6px;
  background:linear-gradient(90deg,#1268E8,#28A8FF,#35E0D0);
}
.auth-visual{
  display:none!important;
}
.auth-form-panel{
  width:100%!important;
  box-sizing:border-box!important;
  padding:46px 44px 42px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  background:var(--white)!important;
}
.auth-form-panel h2{
  color:var(--text)!important;
  font-size:clamp(40px,5vw,54px)!important;
  margin-bottom:10px!important;
}
.auth-intro{color:var(--muted)!important}
.auth-field input{
  background:var(--soft2)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
.auth-field input::placeholder{color:#8ca0b8!important;opacity:1!important}
.auth-submit{min-height:48px!important}
.auth-switch{color:var(--muted)!important}
.auth-kicker{color:var(--blue)!important}

/* Auth header: exact left/right utility placement */
.auth-header{position:sticky!important;top:0!important;z-index:6000!important}
.auth-header-inner{width:min(1240px,calc(100% - 36px))!important}
.auth-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.auth-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}

/* RTL mirrors the auth header and the single card content. */
html[dir="rtl"] .auth-header-inner{direction:rtl!important}
html[dir="rtl"] .auth-left{direction:rtl!important}
html[dir="rtl"] .auth-actions{direction:rtl!important}
html[dir="rtl"] .auth-form-panel{text-align:right!important}
html[dir="rtl"] .auth-row{direction:rtl!important}
html[dir="rtl"] .auth-field input{text-align:right!important;direction:rtl!important}

@media(max-width:900px){
  .auth-main{min-height:calc(100vh - 72px)!important;padding:26px 16px 42px!important}
  .auth-wrap{width:min(560px,100%)!important;border-radius:24px!important}
  .auth-form-panel{padding:38px 32px 36px!important}
}

@media(max-width:600px){
  .auth-header{height:68px!important}
  .auth-header-inner{width:calc(100% - 20px)!important;gap:8px!important}
  .auth-brand .brand-mark{width:34px!important;height:34px!important;border-radius:10px!important;font-size:18px!important}
  .auth-brand .brand-name{font-size:15px!important}
  .auth-back{font-size:10px!important;padding:8px 9px!important;border-radius:9px!important}
  .auth-actions{gap:5px!important}
  .auth-actions .icon-btn{width:34px!important;height:34px!important;border-radius:9px!important;font-size:12px!important}
  .auth-main{min-height:calc(100vh - 68px)!important;padding:20px 12px 34px!important;align-items:start!important}
  .auth-wrap{width:100%!important;max-width:520px!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(6,21,47,.12)!important}
  .auth-wrap::before{height:5px}
  .auth-form-panel{padding:30px 20px 30px!important}
  .auth-form-panel h2{font-size:38px!important;line-height:1!important}
  .auth-intro{font-size:13px!important;line-height:1.6!important;margin-bottom:20px!important}
  .auth-field{margin-bottom:14px!important}
  .auth-field label{font-size:10px!important;margin-bottom:6px!important}
  .auth-field input{min-height:46px!important;padding:12px 13px!important;border-radius:10px!important;font-size:13px!important}
  .auth-row{font-size:11px!important;margin-bottom:15px!important}
  .auth-submit{min-height:46px!important;font-size:13px!important}
  .auth-switch{font-size:11px!important;margin-top:14px!important;line-height:1.5!important}
  html[dir="rtl"] .auth-left{flex-direction:row-reverse!important}
  html[dir="rtl"] .auth-brand{flex-direction:row-reverse!important}
}

/* =========================================================
   SPINORA AUTH — FINAL MOBILE HEADER + SINGLE CARD OVERRIDE
   Match the approved public-page header scale and keep the
   login/register page clean on every screen size.
========================================================= */
.auth-page{min-height:100vh!important;overflow-x:clip!important;}
.auth-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:86px!important;
  z-index:10000!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--border)!important;
  backdrop-filter:blur(14px)!important;
}
.auth-header-inner{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  height:100%!important;
  margin-inline:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  direction:ltr!important;
}
.auth-left{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-width:0!important;
  flex:0 1 auto!important;
}
.auth-brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  text-decoration:none!important;
  color:var(--text)!important;
  flex:0 0 auto!important;
}
.auth-brand .brand-mark{
  width:42px!important;
  height:42px!important;
  border-radius:12px!important;
  font-size:22px!important;
  box-shadow:6px 6px 0 rgba(53,224,208,.55)!important;
}
.auth-brand .brand-name{
  font-size:20px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.auth-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  font-size:12px!important;
  font-weight:900!important;
  padding:10px 14px!important;
  border-radius:10px!important;
}
.auth-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
}
.auth-actions .icon-btn{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
}
.auth-main{
  min-height:calc(100dvh - 86px)!important;
  display:grid!important;
  place-items:center!important;
  padding:34px 16px 46px!important;
  box-sizing:border-box!important;
}
.auth-wrap{
  width:min(560px,100%)!important;
  max-width:560px!important;
  display:block!important;
  margin-inline:auto!important;
  border-radius:26px!important;
}
.auth-visual{display:none!important;}
.auth-form-panel{
  width:100%!important;
  box-sizing:border-box!important;
  padding:44px 42px 40px!important;
  text-align:left!important;
}
.auth-form-panel h2{
  font-size:clamp(38px,5vw,52px)!important;
  line-height:1!important;
}
.auth-intro{font-size:14px!important;line-height:1.7!important;}
.auth-field input{min-height:50px!important;font-size:14px!important;}
.auth-submit{min-height:50px!important;}

html[dir="rtl"] .auth-header-inner{direction:rtl!important;}
html[dir="rtl"] .auth-left{
  direction:rtl!important;
  flex-direction:row!important;
}
html[dir="rtl"] .auth-actions{direction:rtl!important;}
html[dir="rtl"] .auth-brand{
  direction:rtl!important;
  flex-direction:row!important;
}
html[dir="rtl"] .auth-form-panel{text-align:right!important;}
html[dir="rtl"] .auth-field input{text-align:right!important;direction:rtl!important;}
html[dir="rtl"] .auth-row{direction:rtl!important;}

@media(max-width:900px){
  .auth-main{
    min-height:calc(100dvh - 78px)!important;
    padding:24px 16px 40px!important;
  }
}

@media(max-width:600px){
  .auth-header{height:78px!important;}
  .auth-header-inner{
    width:calc(100% - 24px)!important;
    gap:10px!important;
  }
  .auth-left{gap:10px!important;}
  .auth-brand{gap:8px!important;}
  .auth-brand .brand-mark{
    width:38px!important;
    height:38px!important;
    border-radius:11px!important;
    font-size:20px!important;
    box-shadow:5px 5px 0 rgba(53,224,208,.55)!important;
  }
  .auth-brand .brand-name{font-size:18px!important;}
  .auth-back{
    font-size:11px!important;
    padding:9px 11px!important;
    border-radius:9px!important;
  }
  .auth-actions{gap:6px!important;}
  .auth-actions .icon-btn{
    width:38px!important;
    height:38px!important;
    border-radius:10px!important;
  }
  .auth-main{
    min-height:calc(100dvh - 78px)!important;
    padding:22px 12px 34px!important;
    align-items:center!important;
  }
  .auth-wrap{
    width:100%!important;
    max-width:520px!important;
    border-radius:22px!important;
  }
  .auth-form-panel{
    padding:34px 24px 34px!important;
  }
  .auth-form-panel h2{
    font-size:40px!important;
  }
  .auth-intro{
    font-size:13px!important;
    margin-bottom:22px!important;
  }
  .auth-field{margin-bottom:15px!important;}
  .auth-field label{font-size:10px!important;margin-bottom:7px!important;}
  .auth-field input{
    min-height:48px!important;
    padding:12px 13px!important;
    font-size:13px!important;
  }
  .auth-row{
    font-size:11px!important;
    margin-bottom:16px!important;
  }
  .auth-submit{min-height:48px!important;font-size:13px!important;}
  .auth-switch{font-size:11px!important;margin-top:16px!important;}
}

@media(max-width:390px){
  .auth-header-inner{width:calc(100% - 18px)!important;}
  .auth-brand .brand-mark{width:36px!important;height:36px!important;font-size:19px!important;}
  .auth-brand .brand-name{font-size:17px!important;}
  .auth-back{font-size:10px!important;padding:8px 9px!important;}
  .auth-actions .icon-btn{width:36px!important;height:36px!important;}
  .auth-form-panel{padding:30px 20px 30px!important;}
  .auth-form-panel h2{font-size:36px!important;}
}


/* =========================================================
   SPINORA AUTH MOBILE — VIEWPORT + HEADER SCALE FIX
   The auth pages must use the same visual scale on mobile as
   the main SPINORA pages. Keep one centered card and a full-size
   utility header. No global scaling/zoom.
========================================================= */
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body.auth-page{ width:100%; min-width:0; }
.auth-header{ min-width:0; }
.auth-header-inner{ width:min(1240px,calc(100% - 32px)) !important; }
.auth-main{ width:100%; box-sizing:border-box; }

@media(max-width:600px){
  .auth-header{height:78px !important;}
  .auth-header-inner{width:calc(100% - 24px) !important;min-height:78px !important;}
  .auth-brand .brand-mark{width:40px !important;height:40px !important;font-size:20px !important;}
  .auth-brand .brand-name{font-size:18px !important;display:inline !important;}
  .auth-back{font-size:11px !important;padding:9px 11px !important;}
  .auth-actions .icon-btn{width:38px !important;height:38px !important;font-size:12px !important;}
  .auth-main{min-height:calc(100svh - 78px) !important;padding:28px 12px 36px !important;}
  .auth-wrap{width:min(520px,100%) !important;max-width:520px !important;}
  .auth-form-panel{padding:34px 22px 32px !important;}
}
@media(max-width:390px){
  .auth-header-inner{width:calc(100% - 16px) !important;}
  .auth-left{gap:8px !important;}
  .auth-brand{gap:7px !important;}
  .auth-brand .brand-mark{width:38px !important;height:38px !important;}
  .auth-brand .brand-name{font-size:17px !important;}
  .auth-back{font-size:10px !important;padding:8px 9px !important;}
  .auth-actions{gap:5px !important;}
  .auth-actions .icon-btn{width:36px !important;height:36px !important;}
  .auth-form-panel{padding:30px 18px 28px !important;}
  .auth-form-panel h2{font-size:36px !important;}
}

/* Auth header mirrors cleanly in RTL. */
html[dir="rtl"] .auth-header-inner{direction:rtl !important;}
html[dir="rtl"] .auth-left{order:2 !important;direction:rtl !important;}
html[dir="rtl"] .auth-actions{order:1 !important;direction:rtl !important;}
html[dir="ltr"] .auth-left{order:1 !important;}
html[dir="ltr"] .auth-actions{order:2 !important;}


/* =========================================================
   SPINORA AUTH — FINAL FIXED UTILITY HEADER + BRAND BOX
   Logo/name are intentionally outside the utility header.
========================================================= */
.auth-page{background:#f4f8ff;min-height:100vh;overflow-x:clip;}
.auth-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:86px!important;
  z-index:10000!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(6,21,47,.10)!important;
  box-shadow:0 10px 32px rgba(6,21,47,.08)!important;
  backdrop-filter:blur(16px)!important;
}
.auth-header-inner{
  width:min(1500px,calc(100% - 60px))!important;
  max-width:1500px!important;
  height:100%!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  direction:ltr!important;
}
.auth-left{display:flex!important;align-items:center!important;gap:0!important;min-width:0!important;order:1!important;}
.auth-actions{display:flex!important;align-items:center!important;gap:8px!important;order:2!important;}
.auth-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border-radius:11px!important;
  background:#06152f!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:.3s ease!important;
}
.auth-back:hover{background:#1268E8!important;transform:translateY(-2px)!important;}
.auth-actions .icon-btn{
  width:42px!important;height:42px!important;border-radius:11px!important;
}
.auth-main{
  width:100%!important;
  min-height:100vh!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  padding:124px 22px 48px!important;
}
.auth-page-stack{
  width:min(560px,100%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:16px!important;
}
.auth-brand-card{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:10px 14px!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid rgba(18,104,232,.18)!important;
  box-shadow:0 14px 36px rgba(6,21,47,.10), 6px 6px 0 rgba(53,224,208,.22)!important;
  text-decoration:none!important;
  color:#06152f!important;
  transition:.35s ease!important;
}
.auth-brand-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(6,21,47,.14),6px 6px 0 rgba(53,224,208,.26)!important;}
.auth-brand-card .brand-mark{
  width:42px!important;height:42px!important;border-radius:12px!important;
  background:linear-gradient(135deg,#06152f,#1268E8)!important;
  color:#fff!important;display:grid!important;place-items:center!important;
  font-size:22px!important;font-weight:900!important;box-shadow:none!important;
}
.auth-brand-card .brand-name{font-size:21px!important;font-weight:900!important;letter-spacing:.05em!important;color:#06152f!important;}
.auth-wrap{
  width:100%!important;max-width:560px!important;margin:0!important;border-radius:24px!important;
}
.auth-visual{display:none!important;}
.auth-form-panel{width:100%!important;box-sizing:border-box!important;padding:44px 42px 40px!important;}
.auth-form-panel h2{font-size:clamp(38px,5vw,52px)!important;line-height:1!important;}

body.dark.auth-page{background:#06152f!important;color:#f5f9ff!important;}
body.dark .auth-header{background:rgba(6,21,47,.97)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 10px 32px rgba(0,0,0,.28)!important;}
body.dark .auth-brand-card{background:#09295b!important;border-color:rgba(40,168,255,.28)!important;box-shadow:0 16px 40px rgba(0,0,0,.30),6px 6px 0 rgba(53,224,208,.14)!important;}
body.dark .auth-brand-card .brand-name{color:#fff!important;}
body.dark .auth-back{background:#0b2347!important;color:#fff!important;}
body.dark .auth-back:hover{background:#1268E8!important;}
body.dark .auth-wrap{background:#09295b!important;border-color:rgba(255,255,255,.12)!important;}
body.dark .auth-form-panel h2,body.dark .auth-field label{color:#fff!important;}
body.dark .auth-intro,body.dark .auth-row label,body.dark .auth-switch{color:#b9c9dc!important;}
body.dark .auth-field input{background:#0b2347!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;}

html[dir="rtl"] .auth-header-inner{direction:rtl!important;}
/* In RTL the flex direction itself reverses the header: controls move left, Back to Home moves right. */
html[dir="rtl"] .auth-left,
html[dir="rtl"] .auth-actions{order:initial!important;}
html[dir="rtl"] .auth-left{margin-left:0!important;margin-right:auto!important;}
html[dir="rtl"] .auth-actions{margin-right:0!important;margin-left:auto!important;}
html[dir="rtl"] .auth-page-stack{align-items:flex-end!important;}
html[dir="rtl"] .auth-back{direction:rtl!important;}
html[dir="rtl"] .auth-form-panel{text-align:right!important;}
html[dir="rtl"] .auth-field input{text-align:right!important;direction:rtl!important;}
html[dir="rtl"] .auth-row{direction:rtl!important;}

@media(max-width:900px){
  .auth-header{height:78px!important;}
  .auth-header-inner{width:calc(100% - 32px)!important;}
  .auth-main{padding:112px 16px 40px!important;}
}
@media(max-width:600px){
  .auth-header{height:78px!important;}
  .auth-header-inner{width:calc(100% - 24px)!important;}
  .auth-back{min-height:40px!important;padding:9px 13px!important;font-size:11px!important;}
  .auth-actions{gap:6px!important;}
  .auth-actions .icon-btn{width:38px!important;height:38px!important;font-size:12px!important;}
  .auth-main{min-height:100vh!important;padding:104px 12px 34px!important;}
  .auth-page-stack{width:min(520px,100%)!important;gap:14px!important;}
  .auth-brand-card{padding:9px 12px!important;border-radius:14px!important;}
  .auth-brand-card .brand-mark{width:38px!important;height:38px!important;font-size:20px!important;}
  .auth-brand-card .brand-name{font-size:18px!important;}
  .auth-wrap{max-width:520px!important;border-radius:20px!important;}
  .auth-form-panel{padding:32px 22px 30px!important;}
  .auth-form-panel h2{font-size:38px!important;}
}
@media(max-width:390px){
  .auth-header-inner{width:calc(100% - 16px)!important;}
  .auth-main{padding-top:102px!important;}
  .auth-brand-card .brand-mark{width:36px!important;height:36px!important;font-size:19px!important;}
  .auth-brand-card .brand-name{font-size:17px!important;}
  .auth-back{font-size:10px!important;padding:8px 10px!important;}
  .auth-actions .icon-btn{width:36px!important;height:36px!important;}
  .auth-form-panel{padding:28px 18px 26px!important;}
  .auth-form-panel h2{font-size:36px!important;}
}


/* FINAL AUTH RTL POSITION FIX */
html[dir="rtl"] .auth-header-inner{direction:rtl!important;display:flex!important;}
html[dir="rtl"] .auth-left{order:initial!important;margin-left:0!important;margin-right:auto!important;}
html[dir="rtl"] .auth-actions{order:initial!important;margin-left:0!important;margin-right:auto!important;}
html[dir="rtl"] .auth-back{direction:rtl!important;}



/* =========================================================
   SPINORA — HOME 1 SHARED HEADER / FOOTER SYSTEM
   Applied to every page so navigation, theme, RTL and mobile
   behavior stay identical to Home 1.
========================================================= */
:root{
  --navy:#06152f;
  --navy2:#09295b;
  --blue:#1268e8;
  --electric:#28a8ff;
  --aqua:#35e0d0;
  --white:#fff;
  --soft:#eaf4ff;
  --soft2:#f6faff;
  --text:#0b1932;
  --muted:#53627a;
  --border:rgba(11,25,50,.12);
  --shadow:0 20px 55px rgba(6,21,47,.12);
  --transition:.35s cubic-bezier(.2,.8,.2,1);
  --sky:#1268e8;
  --sky-2:#28a8ff;
  --sky-light:#eaf4ff;
  --royal:#1268e8;
  --deep:#06152f;
  --deep-2:#09295b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
.site-header{
  position:fixed!important;
  top:0!important;left:0!important;
  width:100%!important;height:84px!important;
  z-index:10000!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(6,21,47,.08)!important;
  box-shadow:0 8px 30px rgba(6,21,47,.07)!important;
  backdrop-filter:blur(14px)!important;
}
.header-inner{
  width:min(1240px,92%)!important;
  height:100%!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:220px 1fr 220px!important;
  align-items:center!important;
  gap:20px!important;
}
.site-header .brand{
  display:flex!important;align-items:center!important;gap:11px!important;
  font-weight:900!important;text-decoration:none!important;color:var(--text)!important;
}
.site-header .brand-mark{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;color:#fff!important;font-size:21px!important;font-weight:900!important;
  background:linear-gradient(135deg,#06152f,#1268e8)!important;
  box-shadow:0 8px 20px rgba(18,104,232,.22)!important;
}
.site-header .brand-name{font-size:22px!important;letter-spacing:1.5px!important}
.desktop-nav{
  display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;
}
.desktop-nav .nav-item{position:relative!important}
.desktop-nav .nav-link{
  display:flex!important;align-items:center!important;gap:6px!important;
  padding:10px 11px!important;border-radius:10px!important;
  font-size:13px!important;font-weight:900!important;white-space:nowrap!important;
  color:var(--text)!important;text-decoration:none!important;transition:var(--transition)!important;
}
.desktop-nav .nav-link:hover,
.desktop-nav .nav-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(18,104,232,.95),rgba(40,168,255,.82))!important;
  box-shadow:0 8px 24px rgba(18,104,232,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.desktop-nav .nav-dropdown{
  position:absolute!important;top:calc(100% + 12px)!important;left:0!important;
  min-width:220px!important;padding:9px!important;border-radius:16px!important;
  background:#fff!important;border:1px solid var(--border)!important;box-shadow:var(--shadow)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;
  transition:var(--transition)!important;z-index:10002!important;
}
.desktop-nav .nav-item:hover .nav-dropdown,
.desktop-nav .nav-item:focus-within .nav-dropdown{
  opacity:1!important;visibility:visible!important;transform:translateY(0)!important;
}
.desktop-nav .nav-dropdown a{
  display:block!important;padding:10px 12px!important;border-radius:9px!important;
  font-size:12px!important;font-weight:800!important;color:var(--text)!important;text-decoration:none!important;
}
.desktop-nav .nav-dropdown a:hover,
.desktop-nav .nav-dropdown a.active{
  background:var(--soft)!important;color:var(--blue)!important;
}
.header-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
}
.site-header .icon-btn{
  width:38px!important;height:38px!important;border:1px solid var(--border)!important;
  background:#fff!important;color:var(--text)!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;transition:var(--transition)!important;
}
.site-header .icon-btn:hover{transform:translateY(-2px)!important;border-color:var(--blue)!important;color:var(--blue)!important}
.site-header .login-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:11px 17px!important;border-radius:10px!important;background:var(--navy)!important;color:#fff!important;
  font-size:12px!important;font-weight:900!important;margin-left:3px!important;text-decoration:none!important;
  transition:var(--transition)!important;
}
.site-header .login-btn:hover{background:var(--blue)!important;transform:translateY(-2px)!important}
.site-header .login-btn.active{background:linear-gradient(135deg,#1268e8,#28a8ff)!important;box-shadow:0 8px 24px rgba(18,104,232,.22)!important}
.site-header .hamburger{display:none!important}
.mobile-menu{
  position:fixed!important;top:96px!important;right:4%!important;
  width:min(300px,88%)!important;padding:10px!important;
  background:#fff!important;border:1px solid var(--border)!important;border-radius:18px!important;
  box-shadow:var(--shadow)!important;z-index:9999!important;
  display:block!important;opacity:0!important;visibility:hidden!important;
  transform:translateY(-10px) scale(.98)!important;transition:var(--transition)!important;
}
.mobile-menu.open{opacity:1!important;visibility:visible!important;transform:none!important}
.mobile-menu a,.mobile-menu button{
  width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:12px!important;border:0!important;background:transparent!important;color:var(--text)!important;
  border-radius:10px!important;font-size:12px!important;font-weight:900!important;text-align:left!important;
  text-decoration:none!important;cursor:pointer!important;
}
.mobile-menu a:hover,.mobile-menu button:hover{background:var(--soft)!important;color:var(--blue)!important}
.mobile-menu a.active,.mobile-menu button.active{
  background:linear-gradient(135deg,rgba(18,104,232,.96),rgba(40,168,255,.84))!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(18,104,232,.18)!important;
}
.mobile-menu .mobile-dropdown a.active{
  background:rgba(18,104,232,.10)!important;
  color:var(--blue)!important;
  box-shadow:none!important;
}
.mobile-menu .mobile-dropdown{display:none!important;padding-left:10px!important}
.mobile-menu .mobile-dropdown.open{display:block!important}
.mobile-menu .mobile-dropdown a{font-size:11px!important}
.mobile-menu .mobile-login{
  margin-top:7px!important;justify-content:center!important;
  background:var(--blue)!important;color:#fff!important;
}
.footer{
  position:relative!important;overflow:hidden!important;
  padding:78px 0 24px!important;color:#fff!important;
  background:radial-gradient(circle at 12% 15%,rgba(40,168,255,.13),transparent 28%),radial-gradient(circle at 88% 78%,rgba(53,224,208,.09),transparent 30%),#030d20!important;
}
.footer::before{
  content:""!important;position:absolute!important;top:0!important;left:-20%!important;width:55%!important;height:2px!important;
  background:linear-gradient(90deg,transparent,var(--aqua),var(--blue),transparent)!important;
  animation:spinoraFooterBeam 7s linear infinite!important;
}
.footer-top{
  position:relative!important;z-index:1!important;
  display:grid!important;grid-template-columns:1.55fr .9fr 1fr 1.25fr!important;
  gap:48px!important;padding-bottom:52px!important;border-bottom:0!important;
}
.footer-brand .brand{display:inline-flex!important;margin-bottom:3px!important;align-items:center!important;gap:11px!important;color:#fff!important}
.footer-brand .brand-mark{width:42px!important;height:42px!important}
.footer-brand .brand-name{font-size:30px!important;font-weight:950!important;letter-spacing:2px!important;color:#fff!important}
.footer-brand p{color:#a9bad0!important;font-size:13px!important;line-height:1.8!important;font-weight:700!important;max-width:350px!important;margin:18px 0 25px!important}
.footer-socials{display:flex!important;gap:10px!important}
.footer-socials a{
  width:44px!important;height:44px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.035)!important;color:#d6e4f5!important;display:grid!important;place-items:center!important;
  text-decoration:none!important;transition:var(--transition)!important;
}
.footer-socials a:hover{background:linear-gradient(135deg,var(--blue),var(--aqua))!important;color:#fff!important;border-color:transparent!important;transform:translateY(-6px) rotate(-3deg)!important}
.footer-col{position:relative!important;z-index:1!important}
.footer-col h3{font-size:14px!important;font-weight:950!important;letter-spacing:.4px!important;margin:0 0 21px!important;color:#fff!important}
.footer-col ul{list-style:none!important;display:grid!important;gap:13px!important;padding:0!important;margin:0!important}
.footer-col li,.footer-col a{color:#9fb2ca!important;font-size:12px!important;font-weight:800!important}
.footer-col a{display:inline-flex!important;align-items:center!important;gap:7px!important;text-decoration:none!important;transition:var(--transition)!important}
.footer-col a:hover{color:#fff!important}
.footer-contact{display:grid!important;gap:10px!important}
.footer-contact-row{
  padding:11px 12px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;
  background:rgba(255,255,255,.025)!important;display:flex!important;gap:10px!important;align-items:flex-start!important;
}
.footer-contact-row i{width:18px!important;color:var(--aqua)!important;margin-top:3px!important;font-size:13px!important}
.footer-contact-row span{color:#a9bad0!important;font-size:11px!important;line-height:1.55!important;font-weight:800!important}
.footer-bottom{position:relative!important;z-index:1!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;padding-top:24px!important}
.footer-bottom p{color:#8296b1!important;font-size:11px!important;font-weight:800!important;margin:0!important}
.footer-links{display:flex!important;gap:20px!important}
.footer-links a{color:#8da1bb!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important}
.footer-links a:hover{color:var(--aqua)!important}
.back-top{
  position:fixed!important;right:22px!important;bottom:22px!important;width:44px!important;height:44px!important;
  border:0!important;border-radius:12px!important;background:var(--blue)!important;color:#fff!important;
  display:grid!important;place-items:center!important;z-index:10001!important;opacity:0!important;visibility:hidden!important;
  transform:translateY(15px)!important;transition:var(--transition)!important;box-shadow:0 12px 30px rgba(18,104,232,.3)!important;
}
.back-top.show{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
body.dark .site-header{background:rgba(6,21,47,.97)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 8px 30px rgba(0,0,0,.28)!important}
body.dark .site-header .brand,body.dark .desktop-nav .nav-link{color:#fff!important}
body.dark .site-header .icon-btn{background:#09295b!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
body.dark .desktop-nav .nav-dropdown,body.dark .mobile-menu{background:#09295b!important;border-color:rgba(255,255,255,.12)!important}
body.dark .desktop-nav .nav-dropdown a,body.dark .mobile-menu a,body.dark .mobile-menu button{color:#fff!important}
body.dark .desktop-nav .nav-dropdown a:hover,body.dark .desktop-nav .nav-dropdown a.active,body.dark .mobile-menu a:hover,body.dark .mobile-menu button:hover{background:rgba(40,168,255,.12)!important;color:#55c4ff!important}
body.dark .mobile-menu a.active,body.dark .mobile-menu button.active{background:linear-gradient(135deg,#1268e8,#28a8ff)!important;color:#fff!important}
body.dark .mobile-menu .mobile-dropdown a.active{background:rgba(40,168,255,.14)!important;color:#55c4ff!important}
body.dark .site-header .login-btn{background:#1268e8!important}
body.dark .footer{background:#020a18!important}
body.dark .footer-brand .brand-name{color:#fff!important}

/* service-page variable normalization */
body{--navy:#06152f;--navy-2:#09295b;--navy-3:#1268e8;--navy-4:#28a8ff;--sky:#1268e8;--sky-2:#28a8ff;--sky-light:#eaf4ff;--royal:#1268e8;--deep:#06152f;--deep-2:#09295b}

/* Keep the content below the fixed Home 1 header on pages that do not already reserve header space. */
body[data-page="dryer"] > .hero:first-of-type,
body[data-page="dropcollect"] > .hero:first-of-type,
body[data-page="servicedetail"] > .preloader + .site-header + .mobile-menu + .hero:first-of-type{margin-top:0}

/* Auth pages use the same header/footer; avoid the old utility-header spacing. */
body.auth-page .auth-main{padding-top:120px!important;min-height:calc(100vh - 84px)!important}
body.auth-page .auth-header{display:none!important}

/* Mobile */
@media(max-width:1150px){
  .header-inner{grid-template-columns:190px 1fr 190px!important}
  .desktop-nav .nav-link{padding:9px 7px!important;font-size:11px!important}
}
@media(max-width:980px){
  .site-header{height:76px!important}
  .header-inner{display:flex!important;justify-content:space-between!important;width:min(94%,1240px)!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .login-btn{display:none!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:88px!important}
  .footer-top{grid-template-columns:1.5fr 1fr 1fr!important}
  .footer-contact{grid-column:1/-1!important}
}
@media(max-width:680px){
  .header-inner{width:94%!important}
  .site-header .brand-name{font-size:19px!important}
  .site-header .brand-mark{width:38px!important;height:38px!important}
  .site-header .icon-btn{width:34px!important;height:34px!important}
  .mobile-menu{top:86px!important;right:3%!important;width:min(310px,94%)!important}
  .footer{padding:50px 0 20px!important}
  .footer-top{grid-template-columns:1fr 1fr!important;gap:30px!important}
  .footer-brand,.footer-contact{grid-column:1/-1!important}
  .footer-bottom{flex-direction:column!important;align-items:flex-start!important}
  .footer-links{flex-wrap:wrap!important}
  body.auth-page .auth-main{padding:105px 12px 34px!important}
}
@media(max-width:480px){
  .header-actions{gap:4px!important}
  .site-header .icon-btn{width:32px!important;height:32px!important;font-size:11px!important}
  .site-header .brand-name{font-size:18px!important}
  .mobile-menu{right:2.5%!important;width:min(300px,95%)!important}
  .footer-top{grid-template-columns:1fr!important}
  .footer-brand,.footer-contact,.footer-col{grid-column:auto!important}
}
@media(max-width:390px){
  .header-inner{width:calc(100% - 16px)!important}
  .site-header .brand-mark{width:36px!important;height:36px!important}
  .site-header .brand-name{font-size:17px!important}
}
html[dir="rtl"] .site-header .header-inner{direction:rtl!important}
html[dir="rtl"] .desktop-nav{direction:rtl!important}
html[dir="rtl"] .desktop-nav .nav-dropdown{left:auto!important;right:0!important}
html[dir="rtl"] .header-actions{direction:rtl!important}
html[dir="rtl"] .mobile-menu{right:auto!important;left:3%!important;direction:rtl!important}
html[dir="rtl"] .mobile-menu a,html[dir="rtl"] .mobile-menu button{text-align:right!important}
html[dir="rtl"] .mobile-menu .mobile-dropdown{padding-left:0!important;padding-right:10px!important}
html[dir="rtl"] .footer-top,html[dir="rtl"] .footer-bottom,html[dir="rtl"] .footer-contact-row{direction:rtl!important}
html[dir="rtl"] .footer-contact-row{flex-direction:row!important}
html[dir="rtl"] .footer-links{direction:rtl!important}
@keyframes spinoraFooterBeam{0%{transform:translateX(-35%);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateX(230%);opacity:0}}
@media(prefers-reduced-motion:reduce){.footer::before{animation:none!important}}


/* SOURCE: about.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: pricing.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: contact.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: register.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: home2.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: login.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: 404.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: location.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: coming-soon.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}

/* SOURCE: index.html inline styles */
html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}


/* =========================================================
   SPINORA FINAL QA FIXES
   Canonical Home 1 header/footer + responsive system
========================================================= */

/* Canonical page shell */
html{overflow-x:hidden!important;scroll-behavior:smooth!important}
body{overflow-x:hidden!important;font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}

/* ---------- HEADER: exact Home 1 family ---------- */
.site-header{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:84px!important;
  z-index:10000!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid rgba(6,21,47,.08)!important;
  box-shadow:0 8px 30px rgba(6,21,47,.07)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.site-header .header-inner{
  width:min(1240px,92%)!important;
  height:100%!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:220px 1fr 220px!important;
  align-items:center!important;
  gap:20px!important;
  direction:ltr!important;
}
.site-header .brand{
  display:flex!important;align-items:center!important;gap:11px!important;
  color:#0b1932!important;text-decoration:none!important;font-weight:900!important;
}
.site-header .brand-mark{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  border-radius:12px!important;color:#fff!important;font-size:21px!important;font-weight:900!important;
  background:linear-gradient(135deg,#06152f,#1268e8)!important;
  box-shadow:0 8px 20px rgba(18,104,232,.22)!important;
  transform:none!important;
}
.site-header .brand-name{display:inline!important;color:#0b1932!important;font-size:22px!important;letter-spacing:1.5px!important;font-weight:900!important;opacity:1!important;visibility:visible!important}
.site-header .desktop-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:0!important}
.site-header .nav-item{position:relative!important}
.site-header .nav-link{
  display:flex!important;align-items:center!important;gap:6px!important;
  min-height:42px!important;padding:10px 11px!important;border-radius:10px!important;
  color:#0b1932!important;background:transparent!important;font-size:13px!important;font-weight:900!important;
  white-space:nowrap!important;text-decoration:none!important;transition:.25s ease!important;
}
.site-header .nav-link:hover,.site-header .nav-link.active{
  color:#fff!important;
  background:linear-gradient(135deg,#1268e8,#28a8ff)!important;
  box-shadow:0 8px 24px rgba(18,104,232,.22)!important;
}
.site-header .nav-dropdown{
  position:absolute!important;top:calc(100% + 12px)!important;left:0!important;right:auto!important;
  min-width:220px!important;padding:9px!important;border-radius:16px!important;
  background:#fff!important;border:1px solid rgba(11,25,50,.12)!important;
  box-shadow:0 20px 55px rgba(6,21,47,.12)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(8px)!important;
  transition:.25s ease!important;z-index:10002!important;
}
.site-header .nav-item:hover>.nav-dropdown,.site-header .nav-item:focus-within>.nav-dropdown{opacity:1!important;visibility:visible!important;transform:none!important}
.site-header .nav-dropdown a{
  display:block!important;padding:10px 12px!important;border-radius:9px!important;
  color:#0b1932!important;background:transparent!important;font-size:12px!important;font-weight:800!important;
}
.site-header .nav-dropdown a:hover,.site-header .nav-dropdown a.active{background:#eaf4ff!important;color:#1268e8!important}
.site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.site-header .icon-btn{
  width:38px!important;height:38px!important;border:1px solid rgba(11,25,50,.12)!important;
  background:#fff!important;color:#0b1932!important;border-radius:10px!important;
  display:grid!important;place-items:center!important;font-weight:800!important;
}
.site-header .login-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:40px!important;padding:11px 17px!important;margin-left:3px!important;
  border-radius:10px!important;background:#06152f!important;color:#fff!important;
  font-size:12px!important;font-weight:900!important;text-decoration:none!important;
}
.site-header .login-btn:hover{background:#1268e8!important;transform:translateY(-2px)!important}
.site-header .hamburger{display:none!important}

/* Every fixed header gets its own content clearance. Home 1 already has its hero rhythm. */
body[data-page="pricing"] main,
body[data-page="location"] main,
body[data-page="about"] main,
body[data-page="contact"] main,
body[data-page="selfservice"] main,
body[data-page="dryer"] main,
body[data-page="dropcollect"] main,
body[data-page="servicedetail"] main,
body.auth-page .auth-main,
body[data-page="home2"] main{
  padding-top:84px!important;
}
body[data-page="index"] main{padding-top:0!important}

/* Service pages: neutralize their legacy header/footer themes */
body[data-page="selfservice"] .site-header,
body[data-page="dryer"] .site-header,
body[data-page="dropcollect"] .site-header,
body[data-page="servicedetail"] .site-header{background:rgba(255,255,255,.97)!important}
body[data-page="selfservice"] .site-header .brand-name,
body[data-page="dryer"] .site-header .brand-name,
body[data-page="dropcollect"] .site-header .brand-name,
body[data-page="servicedetail"] .site-header .brand-name{color:#0b1932!important}
body[data-page="selfservice"] .site-header .nav-link,
body[data-page="dryer"] .site-header .nav-link,
body[data-page="dropcollect"] .site-header .nav-link,
body[data-page="servicedetail"] .site-header .nav-link{color:#0b1932!important}

/* ---------- MOBILE HEADER: same behavior on every page ---------- */
@media(max-width:980px){
  .site-header{height:76px!important}
  .site-header .header-inner{
    width:94%!important;display:flex!important;justify-content:space-between!important;
    grid-template-columns:none!important;gap:10px!important;
  }
  .site-header .desktop-nav{display:none!important}
  .site-header .header-actions{gap:6px!important}
  .site-header .login-btn{display:none!important}
  .site-header .hamburger{display:grid!important;place-items:center!important}
  .site-header .brand-name{font-size:19px!important}
  .site-header .brand-mark{width:38px!important;height:38px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
}
@media(max-width:680px){
  .site-header{height:74px!important}
  .site-header .header-inner{width:94%!important}
  .site-header .brand-name{font-size:18px!important}
  .site-header .brand-mark{width:38px!important;height:38px!important}
  .site-header .icon-btn{width:34px!important;height:34px!important}
}

.mobile-menu{
  position:fixed!important;top:96px!important;right:3%!important;left:auto!important;
  width:min(310px,94%)!important;padding:10px!important;z-index:9999!important;
  background:#fff!important;border:1px solid rgba(11,25,50,.12)!important;border-radius:18px!important;
  box-shadow:0 20px 55px rgba(6,21,47,.16)!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(-10px) scale(.98)!important;
  display:block!important;
}
.mobile-menu.open{opacity:1!important;visibility:visible!important;transform:none!important}
.mobile-menu a,.mobile-menu button{
  width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:42px!important;padding:11px 12px!important;border:0!important;border-radius:10px!important;
  background:transparent!important;color:#0b1932!important;font-size:12px!important;font-weight:900!important;
}
.mobile-menu a:hover,.mobile-menu button:hover{background:#eaf4ff!important;color:#1268e8!important}
.mobile-menu a.active,.mobile-menu button.active{background:linear-gradient(135deg,#1268e8,#28a8ff)!important;color:#fff!important;box-shadow:0 7px 18px rgba(18,104,232,.18)!important}
.mobile-menu .mobile-dropdown{display:none!important;padding-left:10px!important}
.mobile-menu .mobile-dropdown.open{display:block!important}
.mobile-menu .mobile-dropdown a{min-height:36px!important;font-size:11px!important}
.mobile-menu .mobile-dropdown a.active{background:rgba(18,104,232,.10)!important;color:#1268e8!important;box-shadow:none!important}
.mobile-menu .mobile-login{margin-top:7px!important;justify-content:center!important;background:#1268e8!important;color:#fff!important}

/* ---------- CANONICAL HOME 1 FOOTER ---------- */
.footer{
  position:relative!important;overflow:hidden!important;
  padding:78px 0 24px!important;color:#fff!important;
  background:radial-gradient(circle at 12% 15%,rgba(40,168,255,.13),transparent 28%),radial-gradient(circle at 88% 78%,rgba(53,224,208,.09),transparent 30%),#030d20!important;
  border:0!important;
}
.footer::before{display:none!important}
.footer-top{border-bottom:0!important;box-shadow:none!important}
.footer-bottom{border-top:0!important;border-bottom:0!important}
.footer .brand-name{color:#fff!important}
.footer .brand-mark{background:linear-gradient(135deg,#06152f,#1268e8)!important;color:#fff!important}
.footer-col a,.footer-links a{color:#9fb2ca!important}
.footer-col a:hover,.footer-links a:hover{color:#fff!important}
.footer-contact-row{border-color:rgba(255,255,255,.07)!important}

/* Remove legacy service footer variants if any page created one */
.footer-reference,.site-footer{display:none!important}

/* ---------- ABOUT: same Home 1 navy/aqua palette ---------- */
body[data-page="about"]{background:#f7fbff!important;color:#0b1932!important}
body[data-page="about"] .about-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 58%,#1268e8 150%)!important;color:#fff!important}
body[data-page="about"] .about-hero h1{color:#fff!important}
body[data-page="about"] .about-hero h1 em{color:#35e0d0!important}
body[data-page="about"] .about-hero p{color:#d7eaff!important}
body[data-page="about"] .about-hero-meta{border-top-color:rgba(53,224,208,.28)!important}
body[data-page="about"] .about-hero-meta strong{color:#fff!important}
body[data-page="about"] .about-hero-meta span{color:#b8d5ee!important}
body[data-page="about"] .hero-kicker{color:#35e0d0!important}
body[data-page="about"] .hero-kicker span{background:#35e0d0!important}
body[data-page="about"] .about-marquee{background:#06152f!important}
body[data-page="about"] .about-story,body[data-page="about"] .about-team,body[data-page="about"] .about-voices{background:#f7fbff!important;color:#0b1932!important}
body[data-page="about"] .about-belief,body[data-page="about"] .about-direction,body[data-page="about"] .about-cta{background:#eaf4ff!important;color:#0b1932!important}
body[data-page="about"] .about-standard{background:#06152f!important;color:#fff!important}
body[data-page="about"] .about-section-head h2,body[data-page="about"] .direction-intro h2,body[data-page="about"] .team-head h2,body[data-page="about"] .belief-copy h2,body[data-page="about"] .standard-copy h2,body[data-page="about"] .voices-side h2,body[data-page="about"] .cta-about-copy h2,body[data-page="about"] .history-entry h3,body[data-page="about"] .history-foot strong{color:#0b1932!important}
body[data-page="about"] .about-standard .standard-copy h2,body[data-page="about"] .about-standard .standard-row h3{color:#fff!important}
body[data-page="about"] .about-section-head>p,body[data-page="about"] .direction-intro>p,body[data-page="about"] .team-head>p,body[data-page="about"] .history-entry p,body[data-page="about"] .belief-copy>p,body[data-page="about"] .belief-list p,body[data-page="about"] .standard-row p,body[data-page="about"] .cta-about-copy>p{color:#53627a!important}
body[data-page="about"] .about-standard .standard-row p{color:#c7dcdf!important}
body[data-page="about"] .section-kicker,body[data-page="about"] .history-year,body[data-page="about"] .history-foot span,body[data-page="about"] .belief-list span,body[data-page="about"] .team-info span,body[data-page="about"] .voice-stat strong{color:#1268e8!important}
body[data-page="about"] .direction-card-main,body[data-page="about"] .direction-card-light{background:#06152f!important;color:#fff!important;border-color:rgba(53,224,208,.18)!important}
body[data-page="about"] .direction-card-light h3,body[data-page="about"] .direction-card-light p,body[data-page="about"] .direction-card-light .direction-symbol,body[data-page="about"] .direction-card-light .direction-num{color:#fff!important}
body[data-page="about"] .team-card,body[data-page="about"] .voice-feature{background:#fff!important;border-color:rgba(11,25,50,.12)!important;color:#0b1932!important}
body[data-page="about"] .team-info h3,body[data-page="about"] .voice-feature blockquote{color:#0b1932!important}
body[data-page="about"] .belief-label,body[data-page="about"] .photo-chip,body[data-page="about"] .hero-note,body[data-page="about"] .cta-tag{background:#06152f!important;color:#fff!important;border-color:rgba(53,224,208,.25)!important}
body[data-page="about"] .about-section .section-kicker::before{background:linear-gradient(90deg,#1268e8,#35e0d0)!important}

/* ---------- DROP HERO: no blur on first impression ---------- */
body[data-page="dropcollect"] .hero .hero-copy,
body[data-page="dropcollect"] .hero .hero-visual{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;animation:none!important}
body[data-page="dropcollect"] .hero .hero-photo{filter:none!important;opacity:1!important;transform:none!important}
body[data-page="dropcollect"] .hero .hero-photo{object-fit:cover!important}

/* ---------- SERVICE DETAIL: visible immediately ---------- */
body[data-page="servicedetail"] .preloader{display:none!important;visibility:hidden!important;opacity:0!important}
body[data-page="servicedetail"] .service-hero{position:relative!important;z-index:1!important}

/* ---------- LOGIN: no footer, clean auth height ---------- */
body.auth-page .footer{display:none!important}
body.auth-page .auth-main{min-height:calc(100vh - 84px)!important;padding-top:84px!important}

/* ---------- DARK MODE shared header/footer ---------- */
body.dark .site-header{background:rgba(6,21,47,.97)!important;border-bottom-color:rgba(255,255,255,.10)!important}
body.dark .site-header .brand-name,body.dark .site-header .nav-link{color:#fff!important}
body.dark .site-header .icon-btn{background:#09295b!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}
body.dark .site-header .login-btn{background:#1268e8!important;color:#fff!important}
body.dark .site-header .nav-dropdown,body.dark .mobile-menu{background:#09295b!important;border-color:rgba(255,255,255,.12)!important}
body.dark .site-header .nav-dropdown a,body.dark .mobile-menu a,body.dark .mobile-menu button{color:#fff!important}
body.dark .site-header .nav-dropdown a:hover,body.dark .site-header .nav-dropdown a.active,body.dark .mobile-menu a:hover,body.dark .mobile-menu button:hover{background:rgba(40,168,255,.12)!important;color:#55c4ff!important}
body.dark .mobile-menu a.active,body.dark .mobile-menu button.active{background:linear-gradient(135deg,#1268e8,#28a8ff)!important;color:#fff!important}
body.dark .mobile-menu .mobile-dropdown a.active{background:rgba(40,168,255,.14)!important;color:#55c4ff!important}
body.dark .footer{background:#030c1d!important}

/* ---------- RTL ---------- */
html[dir="rtl"] .site-header .header-inner{direction:rtl!important}
html[dir="rtl"] .desktop-nav{direction:rtl!important}
html[dir="rtl"] .site-header .nav-dropdown{left:auto!important;right:0!important}
html[dir="rtl"] .header-actions{direction:rtl!important}
html[dir="rtl"] .mobile-menu{right:auto!important;left:3%!important;direction:rtl!important}
html[dir="rtl"] .mobile-menu a,html[dir="rtl"] .mobile-menu button{text-align:right!important}
html[dir="rtl"] .mobile-menu .mobile-dropdown{padding-left:0!important;padding-right:10px!important}
html[dir="rtl"] .footer-top,html[dir="rtl"] .footer-bottom,html[dir="rtl"] .footer-contact-row{direction:rtl!important}

@media(max-width:680px){
  body[data-page="pricing"] main,body[data-page="location"] main,body[data-page="about"] main,body[data-page="contact"] main,
  body[data-page="selfservice"] main,body[data-page="dryer"] main,body[data-page="dropcollect"] main,body[data-page="servicedetail"] main,
  body.auth-page .auth-main,body[data-page="home2"] main{padding-top:74px!important}
  body[data-page="index"] main{padding-top:0!important}
  .mobile-menu{top:84px!important;right:3%!important;width:min(310px,94%)!important}
  .footer{padding:50px 0 20px!important}
}
body[data-page="dropcollect"] .hero .hero-visual img{filter:none!important;image-rendering:auto!important;opacity:1!important}
.footer hr,.footer .footer-line,.footer .separator{display:none!important}
/* About dark-mode restoration after light-palette normalization */
body.dark[data-page="about"]{background:#06152f!important;color:#f5f9ff!important}
body.dark[data-page="about"] .about-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 58%,#1268e8 145%)!important;color:#fff!important}
body.dark[data-page="about"] .about-story,body.dark[data-page="about"] .about-team,body.dark[data-page="about"] .about-voices{background:#06152f!important;color:#f5f9ff!important}
body.dark[data-page="about"] .about-belief,body.dark[data-page="about"] .about-direction,body.dark[data-page="about"] .about-cta{background:#09295b!important;color:#f5f9ff!important}
body.dark[data-page="about"] .about-standard{background:#06152f!important;color:#fff!important}
body.dark[data-page="about"] .about-section-head h2,body.dark[data-page="about"] .direction-intro h2,body.dark[data-page="about"] .team-head h2,body.dark[data-page="about"] .belief-copy h2,body.dark[data-page="about"] .standard-copy h2,body.dark[data-page="about"] .voices-side h2,body.dark[data-page="about"] .cta-about-copy h2,body.dark[data-page="about"] .history-entry h3,body.dark[data-page="about"] .history-foot strong{color:#f5f9ff!important}
body.dark[data-page="about"] .about-section-head>p,body.dark[data-page="about"] .direction-intro>p,body.dark[data-page="about"] .team-head>p,body.dark[data-page="about"] .history-entry p,body.dark[data-page="about"] .belief-copy>p,body.dark[data-page="about"] .belief-list p,body.dark[data-page="about"] .standard-row p,body.dark[data-page="about"] .cta-about-copy>p{color:#a9bfd7!important}
body.dark[data-page="about"] .section-kicker,body.dark[data-page="about"] .history-year,body.dark[data-page="about"] .history-foot span,body.dark[data-page="about"] .belief-list span,body.dark[data-page="about"] .team-info span,body.dark[data-page="about"] .voice-stat strong{color:#28a8ff!important}
body.dark[data-page="about"] .direction-card-main,body.dark[data-page="about"] .direction-card-light{background:#09295b!important;color:#fff!important;border-color:rgba(40,168,255,.22)!important}
body.dark[data-page="about"] .team-card,body.dark[data-page="about"] .voice-feature{background:#09295b!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important}
body.dark[data-page="about"] .team-info h3,body.dark[data-page="about"] .voice-feature blockquote{color:#fff!important}
body.dark[data-page="about"] .belief-label,body.dark[data-page="about"] .photo-chip,body.dark[data-page="about"] .hero-note,body.dark[data-page="about"] .cta-tag{background:#09295b!important;color:#fff!important;border-color:rgba(40,168,255,.22)!important}

/* =========================================================
   FINAL PASS — HEADER / FOOTER / BACK-TO-TOP / MOBILE
========================================================= */
.site-header,
body[data-page="pricing"] .site-header,
body[data-page="location"] .site-header,
body[data-page="dryer"] .site-header,
body[data-page="dropcollect"] .site-header,
body[data-page="selfservice"] .site-header,
body[data-page="servicedetail"] .site-header{
  position:fixed !important;
  top:0 !important;
  right:0 !important;
  left:0 !important;
  width:100% !important;
  height:84px !important;
  z-index:50000 !important;
  transform:translateZ(0) !important;
}

/* Never let page-specific service CSS replace the canonical footer. */
body[data-page="dryer"] .footer,
body[data-page="dropcollect"] .footer,
body[data-page="selfservice"] .footer,
body[data-page="servicedetail"] .footer{
  position:relative !important;
  display:block !important;
  width:100% !important;
  color:#fff !important;
  background:radial-gradient(circle at 12% 15%,rgba(40,168,255,.13),transparent 28%),radial-gradient(circle at 88% 78%,rgba(53,224,208,.09),transparent 30%),#030d20 !important;
  border:0 !important;
  box-shadow:none !important;
}
body[data-page="dryer"] .footer::before,
body[data-page="dropcollect"] .footer::before,
body[data-page="selfservice"] .footer::before,
body[data-page="servicedetail"] .footer::before{display:none !important}
body[data-page="dryer"] .footer-top,
body[data-page="dropcollect"] .footer-top,
body[data-page="selfservice"] .footer-top,
body[data-page="servicedetail"] .footer-top{border-bottom:0 !important;box-shadow:none !important}
body[data-page="dryer"] .footer-bottom,
body[data-page="dropcollect"] .footer-bottom,
body[data-page="selfservice"] .footer-bottom,
body[data-page="servicedetail"] .footer-bottom{border-top:0 !important;border-bottom:0 !important}

/* Canonical service CTA — no inline CSS required in HTML. */
.service-cta-panel{
  max-width:1240px !important;
  margin:30px auto 70px !important;
  padding:28px 6% !important;
  border-radius:20px !important;
  background:#06152f !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
}
.service-cta-title{font-size:24px !important;display:block !important;margin-bottom:6px !important}
.service-cta-copy{opacity:.82 !important}
.service-cta-link{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:12px 18px !important;border-radius:10px !important;background:#1268e8 !important;color:#fff !important;text-decoration:none !important;font-weight:800 !important;white-space:nowrap !important}
.service-cta-icon{margin-left:8px !important}

/* Home 1 back-to-top: visible after scrolling; script is now loaded after the button. */
#globalBackTop.back-top{
  position:fixed !important;
  right:22px !important;
  bottom:22px !important;
  width:48px !important;
  height:48px !important;
  z-index:60000 !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#1268e8,#28a8ff) !important;
  color:#fff !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(12px) !important;
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease !important;
}
#globalBackTop.back-top.show{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}

/* 404 / coming-soon inline-style replacements. */
.auth-standalone-wrap{display:block !important;max-width:900px !important}
.auth-status-panel{max-width:none !important;min-height:420px !important;align-items:center !important;text-align:center !important}

@media(max-width:980px){
  .site-header{height:76px !important}
  body[data-page="pricing"] main,
  body[data-page="location"] main,
  body[data-page="about"] main,
  body[data-page="contact"] main,
  body[data-page="selfservice"] main,
  body[data-page="dryer"] main,
  body[data-page="dropcollect"] main,
  body[data-page="servicedetail"] main,
  body[data-page="home2"] main,
  body.auth-page .auth-main{padding-top:76px !important}
  body[data-page="index"] main{padding-top:0 !important}
}
@media(max-width:680px){
  .site-header{height:74px !important}
  body[data-page="pricing"] main,
  body[data-page="location"] main,
  body[data-page="about"] main,
  body[data-page="contact"] main,
  body[data-page="selfservice"] main,
  body[data-page="dryer"] main,
  body[data-page="dropcollect"] main,
  body[data-page="servicedetail"] main,
  body[data-page="home2"] main,
  body.auth-page .auth-main{padding-top:74px !important}
  body[data-page="index"] main{padding-top:0 !important}
  .mobile-menu{top:84px !important}
  #globalBackTop.back-top{right:14px !important;bottom:14px !important;width:44px !important;height:44px !important}
  .service-cta-panel{margin:24px 4% 50px !important;padding:24px !important;flex-direction:column !important;align-items:flex-start !important}
  .service-cta-link{width:100% !important}
}


/* SERVICE PAGES — navy/white premium system */
.svc-page{--navy:#06152f;--navy2:#09295b;--ink:#0a1b36;--muted:#60728b;--line:#d7e0ea;--paper:#f6f9fc;--white:#fff;--soft:#eaf0f6;--darkbg:#07111f;--darkpanel:#0b1932;--darkline:rgba(255,255,255,.13);color:var(--ink);background:var(--paper)}
.svc-page section{position:relative;overflow:hidden}.svc-page .svc-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.svc-page .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--navy2)}.svc-page .eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.svc-page h1,.svc-page h2,.svc-page h3{font-family:"DM Serif Display",serif;letter-spacing:-.03em}.svc-page h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.94;margin:18px 0}.svc-page h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1;margin:12px 0 16px}.svc-page h1 em,.svc-page h2 em{font-style:normal;color:var(--navy2)}.svc-page p{color:var(--muted);line-height:1.75}.svc-page .hero-actions,.svc-page .final-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.svc-page .svc-btn,.svc-page .svc-more{display:inline-flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.svc-page .svc-btn{background:var(--navy);color:#fff;padding:14px 19px;border-radius:3px;box-shadow:0 14px 28px rgba(6,21,47,.16)}.svc-page .svc-btn:hover,.svc-page .svc-more:hover{transform:translateY(-3px)}.svc-page .svc-more{color:var(--navy);border-bottom:2px solid var(--navy2);padding-bottom:5px}.svc-page .svc-more.dark{color:var(--navy2)}.svc-page .svc-btn.outline{background:transparent;color:var(--navy);border:1px solid var(--navy);box-shadow:none}
/* subtle reveal */
.svc-page section.svc-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.svc-page section.svc-reveal.is-visible{opacity:1;transform:none}.svc-page .svc-extra .svc-reveal-item{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.svc-page .svc-extra.is-visible .svc-reveal-item{opacity:1;transform:none}
/* SELF */
.svc-self{--accent:#09295b}.svc-self .svc-hero{padding:72px 0 62px;background:linear-gradient(120deg,#fff,#f2f6fa 55%,#e7edf4)}.self-hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.self-hero .hero-copy{max-width:650px}.self-hero .hero-collage{height:420px;position:relative}.self-hero .hero-image{position:absolute;overflow:hidden;border-radius:4px;box-shadow:0 22px 50px rgba(6,21,47,.15)}.self-hero .hero-image img{width:100%;height:100%;object-fit:cover;display:block}.self-hero .hero-image.main{inset:0 70px 20px 0}.self-hero .hero-image.small{width:190px;height:190px;right:0;bottom:0;border:12px solid #fff}.self-hero .hero-badge{position:absolute;left:18px;top:28px;background:var(--navy);color:#fff;padding:17px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 25px rgba(6,21,47,.24)}.self-hero .hero-badge strong{font-size:2.1rem}.self-command{padding:70px 0;background:#fff}.command-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.command-board{background:var(--navy);color:#fff;padding:28px;box-shadow:18px 18px 0 #dce4ed}.board-top b{color:#fff}.board-top i{background:#fff}.board-lines div{border-left:2px solid #fff}.self-capacity{padding:72px 0}.capacity-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capacity-row article{padding:28px 26px 30px;border-right:1px solid var(--line);min-height:255px;transition:.3s}.capacity-row article:hover,.capacity-row article.featured{background:#edf2f7;transform:translateY(-5px)}.capacity-icon,.capacity-row a{color:var(--navy)}.self-steps{padding:72px 0;background:var(--navy);color:#fff}.self-steps .eyebrow{color:#fff}.self-steps h2{color:#fff}.step-path{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 30px;position:relative}.step-path:before{content:"";position:absolute;left:8%;right:8%;top:31px;border-top:1px dashed rgba(255,255,255,.35)}.step-path>div{text-align:center;padding:0 12px}.step-path b{width:62px;height:62px;margin:auto;display:grid;place-items:center;background:#09295b;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:relative;z-index:1}.step-path i{display:block;color:#fff;font-size:1.25rem;margin:18px 0 10px}.step-path small{display:block;color:rgba(255,255,255,.7);line-height:1.5;margin-top:5px}.self-photo-strip{padding:72px 0;background:#fff}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.photo-card{height:330px;position:relative;overflow:hidden}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card span{position:absolute;left:16px;bottom:16px;background:var(--navy);color:#fff;padding:8px 11px;font-size:.68rem;letter-spacing:.12em}.photo-copy li{border-bottom:1px solid var(--line);padding:10px 0}.photo-copy li i{color:var(--navy)}.self-price{padding:60px 0;background:#e9eef4}.price-band{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center}.price-tickets{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line)}.price-tickets div{padding:20px 16px;border-right:1px solid var(--line)}.self-final{padding:52px 0}.final-card{background:var(--navy);color:#fff;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-card h2{color:#fff}.final-card .svc-more{color:#fff}.final-card .svc-btn{background:#fff;color:var(--navy)}
.self-compare{padding:78px 0;background:#f1f4f8}.compare-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.compare-table{border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:1fr 1.2fr .8fr 1fr;gap:14px;align-items:center;padding:18px 12px;border-bottom:1px solid var(--line);background:#fff}.compare-row.active{background:var(--navy);color:#fff;transform:translateX(12px);box-shadow:-12px 12px 0 #cfd9e4}.compare-row a{color:inherit;font-weight:900;text-decoration:none}.compare-labels{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:var(--muted);background:transparent}.self-confidence{padding:76px 0;background:#fff}.confidence-grid{display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:center}.confidence-number{height:190px;border:1px solid var(--navy);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--navy)}.confidence-number span{font-size:4rem;font-family:"DM Serif Display",serif;line-height:1}.confidence-number strong{font-size:.8rem;letter-spacing:.2em}.confidence-number small{text-align:center;margin-top:8px;line-height:1.3}
/* DRYER */
.svc-dryer .svc-hero{padding:70px 0;background:#fff}.dryer-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.dryer-machine{height:410px;position:relative;background:#eef2f6;border:1px solid #d9e1ea;display:grid;place-items:center;overflow:hidden}.dryer-machine img{width:68%;height:72%;object-fit:cover;filter:saturate(.75)}.dryer-ring{position:absolute;width:310px;height:310px;border:1px solid rgba(6,21,47,.25);border-radius:50%;animation:spinRing 14s linear infinite}.dial{position:absolute;right:25px;top:25px;width:100px;height:100px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;text-align:center;z-index:2;font-size:.65rem;letter-spacing:.1em}.dial b{font-size:1.1rem}.temp-tag{position:absolute;left:24px;bottom:24px;background:#fff;border-left:4px solid var(--navy);padding:12px 16px;font-size:.65rem;letter-spacing:.1em}.temp-tag strong{font-size:.9rem}.dryer-control{padding:70px 0;background:#f1f4f8}.control-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.control-panel{background:var(--navy);color:#fff;padding:30px;box-shadow:16px 16px 0 #ccd6e1}.control-screen{border:1px solid rgba(255,255,255,.25);padding:22px}.control-screen strong{display:block;font-size:2rem;margin:6px 0}.control-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.control-dials div{padding:18px;text-align:center;border:1px solid rgba(255,255,255,.18)}.control-dials .active{background:#fff;color:var(--navy)}.control-dials i{display:block;margin-bottom:8px}.dryer-fabric{padding:72px 0;background:#fff}.fabric-map{display:grid;grid-template-columns:120px repeat(3,1fr);gap:0;border:1px solid var(--line)}.fabric-axis{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;font-weight:900;letter-spacing:.1em}.fabric-map article{padding:28px;border-right:1px solid var(--line);min-height:260px;transition:.3s}.fabric-map article:hover,.fabric-map article.mid{background:#eef2f6;transform:translateY(-5px)}.fabric-map article i{font-size:1.5rem;color:var(--navy);display:block;margin-bottom:18px}.fabric-map article span{display:block;font-size:.68rem;font-weight:900;color:var(--navy2);letter-spacing:.1em;margin:8px 0}.fabric-map article a{display:inline-block;margin-top:12px;color:var(--navy);font-weight:900;text-decoration:none}.dryer-cycle{padding:72px 0;background:var(--navy);color:#fff}.dryer-cycle h2{color:#fff}.cycle-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:35px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.cycle-stage{padding:28px 18px;border-right:1px solid rgba(255,255,255,.15)}.cycle-stage:last-child{border-right:0}.cycle-stage.active{background:#09295b}.cycle-stage b{font-size:.72rem}.cycle-stage i{display:block;font-size:1.35rem;margin:22px 0 12px}.cycle-stage small{display:block;color:rgba(255,255,255,.65);margin-top:6px}.dryer-time{padding:70px 0;background:#fff}.time-layout{display:grid;grid-template-columns:320px 1fr;gap:70px;align-items:center}.time-display{height:300px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:16px 16px 0 #d8e0e9}.time-display strong{font-size:7rem;line-height:.85;font-family:"DM Serif Display",serif}.time-display small{letter-spacing:.2em}.time-marks{display:flex;gap:7px;margin-top:18px}.time-marks i{width:34px;height:4px;background:#fff;opacity:.25}.time-marks i.active{opacity:1}.time-facts{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.time-facts span{border-left:2px solid var(--navy);padding-left:10px;font-size:.8rem}.time-facts b{display:block;font-size:1.1rem}.dryer-finish{padding:70px 0;background:#eef2f6}.finish-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.finish-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finish-list div{padding:25px 18px;border-right:1px solid var(--line)}.finish-list div:last-child{border-right:0}.finish-list b{font-size:.7rem}.finish-list strong{display:block;font-size:1.2rem;margin:12px 0 5px}.finish-list span{font-size:.78rem;color:var(--muted)}.dryer-final{padding:52px 0}.dryer-check{padding:78px 0;background:#fff}.check-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.check-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.check-list div{padding:24px 18px;border-right:1px solid var(--line)}.check-list div:last-child{border-right:0}.check-list b{font-size:.7rem}.check-list strong{display:block;margin:12px 0 6px}.check-list span{font-size:.78rem;color:var(--muted);line-height:1.5}.dryer-detail-cta{padding:74px 0;background:#f0f3f7}.detail-cta{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center}.cta-stamp{width:120px;height:120px;border:1px solid var(--navy);display:grid;place-items:center;text-align:center;font-family:"DM Serif Display",serif;font-size:2rem;color:var(--navy)}.cta-stamp small{font:900 .55rem Manrope;letter-spacing:.14em;line-height:1.2}
/* DROP */
.svc-drop .svc-hero{padding:70px 0;background:#fff}.drop-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.drop-ticket{background:var(--navy);color:#fff;padding:28px;box-shadow:18px 18px 0 #d4dce5;transform:rotate(1deg)}.ticket-top{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:14px}.ticket-line{display:grid;grid-template-columns:32px 1fr 30px;gap:10px;align-items:center;padding:20px 0;border-bottom:1px dashed rgba(255,255,255,.18)}.ticket-line.active{background:#09295b;padding-left:12px;padding-right:12px}.ticket-bottom{padding-top:16px;font-size:.68rem;letter-spacing:.12em}.drop-route{padding:72px 0;background:#eef2f6}.route-line{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;margin:35px 0}.route-line article{padding:26px;background:#fff;border:1px solid var(--line);min-height:220px}.route-line article.active{background:var(--navy);color:#fff;transform:translateY(-8px);box-shadow:0 18px 35px rgba(6,21,47,.15)}.route-line article p{font-size:.82rem}.route-line article.active p{color:rgba(255,255,255,.72)}.route-line i{font-size:1.3rem;color:var(--navy);display:block;margin:15px 0}.route-line article.active i{color:#fff}.route-arrow{text-align:center;color:var(--navy)}.drop-calendar{padding:72px 0;background:#fff}.calendar-layout{display:grid;grid-template-columns:330px 1fr;gap:65px;align-items:center}.calendar-card{background:var(--navy);color:#fff;padding:28px}.calendar-head{display:flex;justify-content:space-between;letter-spacing:.12em;font-size:.7rem}.calendar-days,.calendar-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:25px;text-align:center}.calendar-days b{font-size:.7rem;opacity:.7}.calendar-dots i{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.25;margin:auto}.calendar-dots i.active{opacity:1}.calendar-card>strong{display:block;margin-top:30px}.calendar-card>small{display:block;color:rgba(255,255,255,.65);margin-top:6px}.mini-facts{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.mini-facts span{font-size:.78rem;border-left:2px solid var(--navy);padding-left:10px}.mini-facts b{display:block;font-size:.7rem}.drop-fit{padding:72px 0;background:#f0f3f7}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fit-grid article{padding:30px;border-right:1px solid var(--line);min-height:240px}.fit-grid article:last-child{border-right:0}.fit-grid article.dark-card{background:var(--navy);color:#fff}.fit-grid article.dark-card p{color:rgba(255,255,255,.7)}.fit-grid a{display:inline-flex;gap:8px;margin-top:15px;color:inherit;font-weight:900;text-decoration:none}.drop-detail{padding:72px 0;background:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-photo{height:330px;position:relative;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.detail-photo div{position:absolute;left:15px;bottom:15px;background:var(--navy);color:#fff;padding:8px 10px;font-size:.68rem}.detail-rows{margin:25px 0}.detail-rows>div{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-rows b{font-size:.7rem;color:var(--navy)}.detail-rows strong,.detail-rows small{display:block}.detail-rows small{color:var(--muted);margin-top:4px}.drop-faq{padding:72px 0;background:#eef2f6}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-stack details{background:#fff;border-bottom:1px solid var(--line);padding:18px}.faq-stack summary{font-weight:900;cursor:pointer}.faq-stack p{margin:12px 0 0;font-size:.88rem}.drop-final{padding:52px 0}.drop-priority{padding:78px 0;background:#fff}.priority-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.priority-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.priority-cards article{padding:25px 18px;border-right:1px solid var(--line)}.priority-cards article:last-child{border-right:0}.priority-cards b{font-size:.7rem}.priority-cards strong{display:block;font-size:1.2rem;margin:13px 0 7px}.priority-cards p{font-size:.8rem}.priority-cards a{color:var(--navy);font-weight:900;text-decoration:none;font-size:.8rem}.drop-details-cta{padding:76px 0;background:#f0f3f7}.handoff-cta{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center}.handoff-art{height:120px;width:120px;border:1px solid var(--navy);display:grid;place-items:center;color:var(--navy);position:relative}.handoff-art span{font:3rem "DM Serif Display",serif}.handoff-art i{position:absolute;bottom:12px;right:12px}.svc-page .svc-btn,.svc-page .svc-more{outline:none}
/* dark mode */
.dark .svc-page{--ink:#f4f7fb;--muted:#b8c5d5;--line:rgba(255,255,255,.13);--paper:#07111f;--white:#0b1932;--soft:#0d2347}.dark .svc-page section,.dark .svc-page .self-command,.dark .svc-page .self-photo-strip,.dark .svc-page .self-confidence,.dark .svc-page .dryer-time,.dark .svc-page .drop-calendar,.dark .svc-page .drop-detail{background:var(--darkbg);color:#f4f7fb}.dark .svc-page .svc-hero,.dark .svc-page .self-capacity,.dark .svc-page .dryer-fabric{background:#09172a}.dark .svc-page .self-steps,.dark .svc-page .dryer-cycle{background:#040c18}.dark .svc-page .svc-hero{border-bottom:1px solid var(--darkline)}.dark .svc-page p{color:var(--muted)}.dark .svc-page .eyebrow,.dark .svc-page .svc-more,.dark .svc-page h1 em,.dark .svc-page h2 em,.dark .svc-page .capacity-icon,.dark .svc-page .capacity-row a,.dark .svc-page .fabric-map article i,.dark .svc-page .fabric-map article a,.dark .svc-page .mini-facts span,.dark .svc-page .priority-cards a{color:#d6e4f5}.dark .svc-page .svc-btn{background:#fff;color:#06152f}.dark .svc-page .svc-btn.outline{background:transparent;color:#fff;border-color:#fff}.dark .svc-page .hero-image.small{border-color:#09172a}.dark .svc-page .command-board,.dark .svc-page .control-panel,.dark .svc-page .drop-ticket{background:#040c18}.dark .svc-page .capacity-row article,.dark .svc-page .price-tickets,.dark .svc-page .compare-row,.dark .svc-page .route-line article,.dark .svc-page .fit-grid article,.dark .svc-page .faq-stack details,.dark .svc-page .priority-cards article,.dark .svc-page .fabric-map article{background:#0b1932;border-color:var(--darkline);color:#f4f7fb}.dark .svc-page .capacity-row article:hover,.dark .svc-page .capacity-row article.featured,.dark .svc-page .fabric-map article.mid{background:#10294f}.dark .svc-page .price-tickets div,.dark .svc-page .compare-row,.dark .svc-page .route-line article,.dark .svc-page .fit-grid article,.dark .svc-page .priority-cards article{border-color:var(--darkline)}.dark .svc-page .self-price,.dark .svc-page .self-compare,.dark .svc-page .dryer-control,.dark .svc-page .dryer-finish,.dark .svc-page .dryer-detail-cta,.dark .svc-page .drop-route,.dark .svc-page .drop-fit,.dark .svc-page .drop-faq,.dark .svc-page .drop-details-cta{background:#09172a}.dark .svc-page .compare-row.active,.dark .svc-page .route-line article.active,.dark .svc-page .fit-grid article.dark-card{background:#040c18}.dark .svc-page .compare-row.active{box-shadow:-12px 12px 0 #1a2b43}.dark .svc-page .control-panel,.dark .svc-page .time-display,.dark .svc-page .calendar-card{box-shadow:16px 16px 0 #10233f}.dark .svc-page .photo-card span,.dark .svc-page .detail-photo div{background:#040c18}.dark .svc-page .confidence-number,.dark .svc-page .cta-stamp,.dark .svc-page .handoff-art{border-color:#d6e4f5;color:#d6e4f5}
@keyframes spinRing{to{transform:rotate(360deg)}}
@media(max-width:850px){.svc-page .svc-wrap{width:min(100% - 28px,680px)}.self-hero .hero-grid,.command-grid,.photo-grid,.price-band,.compare-wrap,.confidence-grid,.dryer-hero-grid,.control-layout,.time-layout,.finish-layout,.check-layout,.detail-cta,.drop-hero-grid,.calendar-layout,.detail-grid,.faq-layout,.priority-layout,.handoff-cta{grid-template-columns:1fr}.self-hero .hero-collage{height:330px}.capacity-row,.step-path,.check-list,.priority-cards,.finish-list{grid-template-columns:1fr 1fr}.step-path:before{display:none}.price-tickets{width:100%}.final-card{display:block;padding:32px 24px}.final-actions{margin-top:24px}.fabric-map{grid-template-columns:1fr}.fabric-axis{display:none}.fabric-map article{border-right:0;border-bottom:1px solid var(--line)}.cycle-rail{grid-template-columns:1fr 1fr}.cycle-stage:nth-child(2){border-right:0}.route-line{grid-template-columns:1fr;gap:14px}.route-arrow{transform:rotate(90deg)}.route-line article{min-height:auto}.detail-cta,.handoff-cta{display:grid}.compare-row{grid-template-columns:1fr 1fr}.compare-labels{display:none}.compare-row span:nth-of-type(2){display:none}.confidence-number{height:150px}.dryer-machine{height:330px}.detail-photo{height:280px}}
@media(max-width:520px){.svc-page h1{font-size:3rem}.hero-actions{align-items:flex-start;flex-direction:column}.self-hero .hero-collage{height:270px}.self-hero .hero-image.small{width:135px;height:135px}.capacity-row,.step-path,.check-list,.priority-cards,.finish-list{grid-template-columns:1fr}.price-tickets{grid-template-columns:1fr}.price-tickets div{border-right:0;border-bottom:1px solid var(--line)}.final-actions{align-items:flex-start;flex-direction:column}.cycle-rail{grid-template-columns:1fr}.cycle-stage{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.compare-row{grid-template-columns:1fr}.compare-row span{display:block!important}.compare-row.active{transform:none;box-shadow:none}.time-display{height:240px}.dryer-machine{height:280px}.route-arrow{display:none}}
html[dir="rtl"] .self-hero .hero-image.main{right:70px;left:0}.dark .svc-page .svc-more.dark{color:#d6e4f5}


/* SERVICE PAGES — navy/white premium system */
.svc-page{--navy:#06152f;--navy2:#09295b;--ink:#0a1b36;--muted:#60728b;--line:#d7e0ea;--paper:#f6f9fc;--white:#fff;--soft:#eaf0f6;--darkbg:#07111f;--darkpanel:#0b1932;--darkline:rgba(255,255,255,.13);color:var(--ink);background:var(--paper)}
.svc-page section{position:relative;overflow:hidden}.svc-page .svc-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.svc-page .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--navy2)}.svc-page .eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.svc-page h1,.svc-page h2,.svc-page h3{font-family:"DM Serif Display",serif;letter-spacing:-.03em}.svc-page h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.94;margin:18px 0}.svc-page h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1;margin:12px 0 16px}.svc-page h1 em,.svc-page h2 em{font-style:normal;color:var(--navy2)}.svc-page p{color:var(--muted);line-height:1.75}.svc-page .hero-actions,.svc-page .final-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.svc-page .svc-btn,.svc-page .svc-more{display:inline-flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.svc-page .svc-btn{background:var(--navy);color:#fff;padding:14px 19px;border-radius:3px;box-shadow:0 14px 28px rgba(6,21,47,.16)}.svc-page .svc-btn:hover,.svc-page .svc-more:hover{transform:translateY(-3px)}.svc-page .svc-more{color:var(--navy);border-bottom:2px solid var(--navy2);padding-bottom:5px}.svc-page .svc-more.dark{color:var(--navy2)}.svc-page .svc-btn.outline{background:transparent;color:var(--navy);border:1px solid var(--navy);box-shadow:none}
/* subtle reveal */
.svc-page section.svc-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.svc-page section.svc-reveal.is-visible{opacity:1;transform:none}.svc-page .svc-extra .svc-reveal-item{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.svc-page .svc-extra.is-visible .svc-reveal-item{opacity:1;transform:none}
/* SELF */
.svc-self{--accent:#09295b}.svc-self .svc-hero{padding:72px 0 62px;background:linear-gradient(120deg,#fff,#f2f6fa 55%,#e7edf4)}.self-hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.self-hero .hero-copy{max-width:650px}.self-hero .hero-collage{height:420px;position:relative}.self-hero .hero-image{position:absolute;overflow:hidden;border-radius:4px;box-shadow:0 22px 50px rgba(6,21,47,.15)}.self-hero .hero-image img{width:100%;height:100%;object-fit:cover;display:block}.self-hero .hero-image.main{inset:0 70px 20px 0}.self-hero .hero-image.small{width:190px;height:190px;right:0;bottom:0;border:12px solid #fff}.self-hero .hero-badge{position:absolute;left:18px;top:28px;background:var(--navy);color:#fff;padding:17px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 25px rgba(6,21,47,.24)}.self-hero .hero-badge strong{font-size:2.1rem}.self-command{padding:70px 0;background:#fff}.command-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.command-board{background:var(--navy);color:#fff;padding:28px;box-shadow:18px 18px 0 #dce4ed}.board-top b{color:#fff}.board-top i{background:#fff}.board-lines div{border-left:2px solid #fff}.self-capacity{padding:72px 0}.capacity-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capacity-row article{padding:28px 26px 30px;border-right:1px solid var(--line);min-height:255px;transition:.3s}.capacity-row article:hover,.capacity-row article.featured{background:#edf2f7;transform:translateY(-5px)}.capacity-icon,.capacity-row a{color:var(--navy)}.self-steps{padding:72px 0;background:var(--navy);color:#fff}.self-steps .eyebrow{color:#fff}.self-steps h2{color:#fff}.step-path{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 30px;position:relative}.step-path:before{content:"";position:absolute;left:8%;right:8%;top:31px;border-top:1px dashed rgba(255,255,255,.35)}.step-path>div{text-align:center;padding:0 12px}.step-path b{width:62px;height:62px;margin:auto;display:grid;place-items:center;background:#09295b;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:relative;z-index:1}.step-path i{display:block;color:#fff;font-size:1.25rem;margin:18px 0 10px}.step-path small{display:block;color:rgba(255,255,255,.7);line-height:1.5;margin-top:5px}.self-photo-strip{padding:72px 0;background:#fff}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.photo-card{height:330px;position:relative;overflow:hidden}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card span{position:absolute;left:16px;bottom:16px;background:var(--navy);color:#fff;padding:8px 11px;font-size:.68rem;letter-spacing:.12em}.photo-copy li{border-bottom:1px solid var(--line);padding:10px 0}.photo-copy li i{color:var(--navy)}.self-price{padding:60px 0;background:#e9eef4}.price-band{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center}.price-tickets{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line)}.price-tickets div{padding:20px 16px;border-right:1px solid var(--line)}.self-final{padding:52px 0}.final-card{background:var(--navy);color:#fff;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-card h2{color:#fff}.final-card .svc-more{color:#fff}.final-card .svc-btn{background:#fff;color:var(--navy)}
.self-compare{padding:78px 0;background:#f1f4f8}.compare-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.compare-table{border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:1fr 1.2fr .8fr 1fr;gap:14px;align-items:center;padding:18px 12px;border-bottom:1px solid var(--line);background:#fff}.compare-row.active{background:var(--navy);color:#fff;transform:translateX(12px);box-shadow:-12px 12px 0 #cfd9e4}.compare-row a{color:inherit;font-weight:900;text-decoration:none}.compare-labels{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:var(--muted);background:transparent}.self-confidence{padding:76px 0;background:#fff}.confidence-grid{display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:center}.confidence-number{height:190px;border:1px solid var(--navy);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--navy)}.confidence-number span{font-size:4rem;font-family:"DM Serif Display",serif;line-height:1}.confidence-number strong{font-size:.8rem;letter-spacing:.2em}.confidence-number small{text-align:center;margin-top:8px;line-height:1.3}
/* DRYER */
.svc-dryer .svc-hero{padding:70px 0;background:#fff}.dryer-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.dryer-machine{height:410px;position:relative;background:#eef2f6;border:1px solid #d9e1ea;display:grid;place-items:center;overflow:hidden}.dryer-machine img{width:68%;height:72%;object-fit:cover;filter:saturate(.75)}.dryer-ring{position:absolute;width:310px;height:310px;border:1px solid rgba(6,21,47,.25);border-radius:50%;animation:spinRing 14s linear infinite}.dial{position:absolute;right:25px;top:25px;width:100px;height:100px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;text-align:center;z-index:2;font-size:.65rem;letter-spacing:.1em}.dial b{font-size:1.1rem}.temp-tag{position:absolute;left:24px;bottom:24px;background:#fff;border-left:4px solid var(--navy);padding:12px 16px;font-size:.65rem;letter-spacing:.1em}.temp-tag strong{font-size:.9rem}.dryer-control{padding:70px 0;background:#f1f4f8}.control-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.control-panel{background:var(--navy);color:#fff;padding:30px;box-shadow:16px 16px 0 #ccd6e1}.control-screen{border:1px solid rgba(255,255,255,.25);padding:22px}.control-screen strong{display:block;font-size:2rem;margin:6px 0}.control-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.control-dials div{padding:18px;text-align:center;border:1px solid rgba(255,255,255,.18)}.control-dials .active{background:#fff;color:var(--navy)}.control-dials i{display:block;margin-bottom:8px}.dryer-fabric{padding:72px 0;background:#fff}.fabric-map{display:grid;grid-template-columns:120px repeat(3,1fr);gap:0;border:1px solid var(--line)}.fabric-axis{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;font-weight:900;letter-spacing:.1em}.fabric-map article{padding:28px;border-right:1px solid var(--line);min-height:260px;transition:.3s}.fabric-map article:hover,.fabric-map article.mid{background:#eef2f6;transform:translateY(-5px)}.fabric-map article i{font-size:1.5rem;color:var(--navy);display:block;margin-bottom:18px}.fabric-map article span{display:block;font-size:.68rem;font-weight:900;color:var(--navy2);letter-spacing:.1em;margin:8px 0}.fabric-map article a{display:inline-block;margin-top:12px;color:var(--navy);font-weight:900;text-decoration:none}.dryer-cycle{padding:72px 0;background:var(--navy);color:#fff}.dryer-cycle h2{color:#fff}.cycle-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:35px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.cycle-stage{padding:28px 18px;border-right:1px solid rgba(255,255,255,.15)}.cycle-stage:last-child{border-right:0}.cycle-stage.active{background:#09295b}.cycle-stage b{font-size:.72rem}.cycle-stage i{display:block;font-size:1.35rem;margin:22px 0 12px}.cycle-stage small{display:block;color:rgba(255,255,255,.65);margin-top:6px}.dryer-time{padding:70px 0;background:#fff}.time-layout{display:grid;grid-template-columns:320px 1fr;gap:70px;align-items:center}.time-display{height:300px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:16px 16px 0 #d8e0e9}.time-display strong{font-size:7rem;line-height:.85;font-family:"DM Serif Display",serif}.time-display small{letter-spacing:.2em}.time-marks{display:flex;gap:7px;margin-top:18px}.time-marks i{width:34px;height:4px;background:#fff;opacity:.25}.time-marks i.active{opacity:1}.time-facts{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.time-facts span{border-left:2px solid var(--navy);padding-left:10px;font-size:.8rem}.time-facts b{display:block;font-size:1.1rem}.dryer-finish{padding:70px 0;background:#eef2f6}.finish-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.finish-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finish-list div{padding:25px 18px;border-right:1px solid var(--line)}.finish-list div:last-child{border-right:0}.finish-list b{font-size:.7rem}.finish-list strong{display:block;font-size:1.2rem;margin:12px 0 5px}.finish-list span{font-size:.78rem;color:var(--muted)}.dryer-final{padding:52px 0}.dryer-check{padding:78px 0;background:#fff}.check-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.check-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.check-list div{padding:24px 18px;border-right:1px solid var(--line)}.check-list div:last-child{border-right:0}.check-list b{font-size:.7rem}.check-list strong{display:block;margin:12px 0 6px}.check-list span{font-size:.78rem;color:var(--muted);line-height:1.5}.dryer-detail-cta{padding:74px 0;background:#f0f3f7}.detail-cta{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center}.cta-stamp{width:120px;height:120px;border:1px solid var(--navy);display:grid;place-items:center;text-align:center;font-family:"DM Serif Display",serif;font-size:2rem;color:var(--navy)}.cta-stamp small{font:900 .55rem Manrope;letter-spacing:.14em;line-height:1.2}
/* DROP */
.svc-drop .svc-hero{padding:70px 0;background:#fff}.drop-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.drop-ticket{background:var(--navy);color:#fff;padding:28px;box-shadow:18px 18px 0 #d4dce5;transform:rotate(1deg)}.ticket-top{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:14px}.ticket-line{display:grid;grid-template-columns:32px 1fr 30px;gap:10px;align-items:center;padding:20px 0;border-bottom:1px dashed rgba(255,255,255,.18)}.ticket-line.active{background:#09295b;padding-left:12px;padding-right:12px}.ticket-bottom{padding-top:16px;font-size:.68rem;letter-spacing:.12em}.drop-route{padding:72px 0;background:#eef2f6}.route-line{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;margin:35px 0}.route-line article{padding:26px;background:#fff;border:1px solid var(--line);min-height:220px}.route-line article.active{background:var(--navy);color:#fff;transform:translateY(-8px);box-shadow:0 18px 35px rgba(6,21,47,.15)}.route-line article p{font-size:.82rem}.route-line article.active p{color:rgba(255,255,255,.72)}.route-line i{font-size:1.3rem;color:var(--navy);display:block;margin:15px 0}.route-line article.active i{color:#fff}.route-arrow{text-align:center;color:var(--navy)}.drop-calendar{padding:72px 0;background:#fff}.calendar-layout{display:grid;grid-template-columns:330px 1fr;gap:65px;align-items:center}.calendar-card{background:var(--navy);color:#fff;padding:28px}.calendar-head{display:flex;justify-content:space-between;letter-spacing:.12em;font-size:.7rem}.calendar-days,.calendar-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:25px;text-align:center}.calendar-days b{font-size:.7rem;opacity:.7}.calendar-dots i{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.25;margin:auto}.calendar-dots i.active{opacity:1}.calendar-card>strong{display:block;margin-top:30px}.calendar-card>small{display:block;color:rgba(255,255,255,.65);margin-top:6px}.mini-facts{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.mini-facts span{font-size:.78rem;border-left:2px solid var(--navy);padding-left:10px}.mini-facts b{display:block;font-size:.7rem}.drop-fit{padding:72px 0;background:#f0f3f7}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fit-grid article{padding:30px;border-right:1px solid var(--line);min-height:240px}.fit-grid article:last-child{border-right:0}.fit-grid article.dark-card{background:var(--navy);color:#fff}.fit-grid article.dark-card p{color:rgba(255,255,255,.7)}.fit-grid a{display:inline-flex;gap:8px;margin-top:15px;color:inherit;font-weight:900;text-decoration:none}.drop-detail{padding:72px 0;background:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-photo{height:330px;position:relative;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.detail-photo div{position:absolute;left:15px;bottom:15px;background:var(--navy);color:#fff;padding:8px 10px;font-size:.68rem}.detail-rows{margin:25px 0}.detail-rows>div{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-rows b{font-size:.7rem;color:var(--navy)}.detail-rows strong,.detail-rows small{display:block}.detail-rows small{color:var(--muted);margin-top:4px}.drop-faq{padding:72px 0;background:#eef2f6}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-stack details{background:#fff;border-bottom:1px solid var(--line);padding:18px}.faq-stack summary{font-weight:900;cursor:pointer}.faq-stack p{margin:12px 0 0;font-size:.88rem}.drop-final{padding:52px 0}.drop-priority{padding:78px 0;background:#fff}.priority-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.priority-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.priority-cards article{padding:25px 18px;border-right:1px solid var(--line)}.priority-cards article:last-child{border-right:0}.priority-cards b{font-size:.7rem}.priority-cards strong{display:block;font-size:1.2rem;margin:13px 0 7px}.priority-cards p{font-size:.8rem}.priority-cards a{color:var(--navy);font-weight:900;text-decoration:none;font-size:.8rem}.drop-details-cta{padding:76px 0;background:#f0f3f7}.handoff-cta{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center}.handoff-art{height:120px;width:120px;border:1px solid var(--navy);display:grid;place-items:center;color:var(--navy);position:relative}.handoff-art span{font:3rem "DM Serif Display",serif}.handoff-art i{position:absolute;bottom:12px;right:12px}.svc-page .svc-btn,.svc-page .svc-more{outline:none}
/* dark mode */
.dark .svc-page{--ink:#f4f7fb;--muted:#b8c5d5;--line:rgba(255,255,255,.13);--paper:#07111f;--white:#0b1932;--soft:#0d2347}.dark .svc-page section,.dark .svc-page .self-command,.dark .svc-page .self-photo-strip,.dark .svc-page .self-confidence,.dark .svc-page .dryer-time,.dark .svc-page .drop-calendar,.dark .svc-page .drop-detail{background:var(--darkbg);color:#f4f7fb}.dark .svc-page .svc-hero,.dark .svc-page .self-capacity,.dark .svc-page .dryer-fabric{background:#09172a}.dark .svc-page .self-steps,.dark .svc-page .dryer-cycle{background:#040c18}.dark .svc-page .svc-hero{border-bottom:1px solid var(--darkline)}.dark .svc-page p{color:var(--muted)}.dark .svc-page .eyebrow,.dark .svc-page .svc-more,.dark .svc-page h1 em,.dark .svc-page h2 em,.dark .svc-page .capacity-icon,.dark .svc-page .capacity-row a,.dark .svc-page .fabric-map article i,.dark .svc-page .fabric-map article a,.dark .svc-page .mini-facts span,.dark .svc-page .priority-cards a{color:#d6e4f5}.dark .svc-page .svc-btn{background:#fff;color:#06152f}.dark .svc-page .svc-btn.outline{background:transparent;color:#fff;border-color:#fff}.dark .svc-page .hero-image.small{border-color:#09172a}.dark .svc-page .command-board,.dark .svc-page .control-panel,.dark .svc-page .drop-ticket{background:#040c18}.dark .svc-page .capacity-row article,.dark .svc-page .price-tickets,.dark .svc-page .compare-row,.dark .svc-page .route-line article,.dark .svc-page .fit-grid article,.dark .svc-page .faq-stack details,.dark .svc-page .priority-cards article,.dark .svc-page .fabric-map article{background:#0b1932;border-color:var(--darkline);color:#f4f7fb}.dark .svc-page .capacity-row article:hover,.dark .svc-page .capacity-row article.featured,.dark .svc-page .fabric-map article.mid{background:#10294f}.dark .svc-page .price-tickets div,.dark .svc-page .compare-row,.dark .svc-page .route-line article,.dark .svc-page .fit-grid article,.dark .svc-page .priority-cards article{border-color:var(--darkline)}.dark .svc-page .self-price,.dark .svc-page .self-compare,.dark .svc-page .dryer-control,.dark .svc-page .dryer-finish,.dark .svc-page .dryer-detail-cta,.dark .svc-page .drop-route,.dark .svc-page .drop-fit,.dark .svc-page .drop-faq,.dark .svc-page .drop-details-cta{background:#09172a}.dark .svc-page .compare-row.active,.dark .svc-page .route-line article.active,.dark .svc-page .fit-grid article.dark-card{background:#040c18}.dark .svc-page .compare-row.active{box-shadow:-12px 12px 0 #1a2b43}.dark .svc-page .control-panel,.dark .svc-page .time-display,.dark .svc-page .calendar-card{box-shadow:16px 16px 0 #10233f}.dark .svc-page .photo-card span,.dark .svc-page .detail-photo div{background:#040c18}.dark .svc-page .confidence-number,.dark .svc-page .cta-stamp,.dark .svc-page .handoff-art{border-color:#d6e4f5;color:#d6e4f5}
@keyframes spinRing{to{transform:rotate(360deg)}}
@media(max-width:850px){.svc-page .svc-wrap{width:min(100% - 28px,680px)}.self-hero .hero-grid,.command-grid,.photo-grid,.price-band,.compare-wrap,.confidence-grid,.dryer-hero-grid,.control-layout,.time-layout,.finish-layout,.check-layout,.detail-cta,.drop-hero-grid,.calendar-layout,.detail-grid,.faq-layout,.priority-layout,.handoff-cta{grid-template-columns:1fr}.self-hero .hero-collage{height:330px}.capacity-row,.step-path,.check-list,.priority-cards,.finish-list{grid-template-columns:1fr 1fr}.step-path:before{display:none}.price-tickets{width:100%}.final-card{display:block;padding:32px 24px}.final-actions{margin-top:24px}.fabric-map{grid-template-columns:1fr}.fabric-axis{display:none}.fabric-map article{border-right:0;border-bottom:1px solid var(--line)}.cycle-rail{grid-template-columns:1fr 1fr}.cycle-stage:nth-child(2){border-right:0}.route-line{grid-template-columns:1fr;gap:14px}.route-arrow{transform:rotate(90deg)}.route-line article{min-height:auto}.detail-cta,.handoff-cta{display:grid}.compare-row{grid-template-columns:1fr 1fr}.compare-labels{display:none}.compare-row span:nth-of-type(2){display:none}.confidence-number{height:150px}.dryer-machine{height:330px}.detail-photo{height:280px}}
@media(max-width:520px){.svc-page h1{font-size:3rem}.hero-actions{align-items:flex-start;flex-direction:column}.self-hero .hero-collage{height:270px}.self-hero .hero-image.small{width:135px;height:135px}.capacity-row,.step-path,.check-list,.priority-cards,.finish-list{grid-template-columns:1fr}.price-tickets{grid-template-columns:1fr}.price-tickets div{border-right:0;border-bottom:1px solid var(--line)}.final-actions{align-items:flex-start;flex-direction:column}.cycle-rail{grid-template-columns:1fr}.cycle-stage{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.compare-row{grid-template-columns:1fr}.compare-row span{display:block!important}.compare-row.active{transform:none;box-shadow:none}.time-display{height:240px}.dryer-machine{height:280px}.route-arrow{display:none}}
html[dir="rtl"] .self-hero .hero-image.main{right:70px;left:0}.dark .svc-page .svc-more.dark{color:#d6e4f5}


/* SERVICE PAGES — navy/white premium system */
.svc-page{--navy:#06152f;--navy2:#09295b;--ink:#0a1b36;--muted:#60728b;--line:#d7e0ea;--paper:#f6f9fc;--white:#fff;--soft:#eaf0f6;--darkbg:#07111f;--darkpanel:#0b1932;--darkline:rgba(255,255,255,.13);color:var(--ink);background:var(--paper)}
.svc-page section{position:relative;overflow:hidden}.svc-page .svc-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.svc-page .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--navy2)}.svc-page .eyebrow:before{content:"";width:25px;height:2px;background:currentColor}.svc-page h1,.svc-page h2,.svc-page h3{font-family:"DM Serif Display",serif;letter-spacing:-.03em}.svc-page h1{font-size:clamp(3rem,6vw,5.5rem);line-height:.94;margin:18px 0}.svc-page h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1;margin:12px 0 16px}.svc-page h1 em,.svc-page h2 em{font-style:normal;color:var(--navy2)}.svc-page p{color:var(--muted);line-height:1.75}.svc-page .hero-actions,.svc-page .final-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.svc-page .svc-btn,.svc-page .svc-more{display:inline-flex;align-items:center;gap:10px;font-weight:900;text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.svc-page .svc-btn{background:var(--navy);color:#fff;padding:14px 19px;border-radius:3px;box-shadow:0 14px 28px rgba(6,21,47,.16)}.svc-page .svc-btn:hover,.svc-page .svc-more:hover{transform:translateY(-3px)}.svc-page .svc-more{color:var(--navy);border-bottom:2px solid var(--navy2);padding-bottom:5px}.svc-page .svc-more.dark{color:var(--navy2)}.svc-page .svc-btn.outline{background:transparent;color:var(--navy);border:1px solid var(--navy);box-shadow:none}
/* subtle reveal */
.svc-page section.svc-reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.svc-page section.svc-reveal.is-visible{opacity:1;transform:none}.svc-page .svc-extra .svc-reveal-item{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.svc-page .svc-extra.is-visible .svc-reveal-item{opacity:1;transform:none}
/* SELF */
.svc-self{--accent:#09295b}.svc-self .svc-hero{padding:72px 0 62px;background:linear-gradient(120deg,#fff,#f2f6fa 55%,#e7edf4)}.self-hero .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.self-hero .hero-copy{max-width:650px}.self-hero .hero-collage{height:420px;position:relative}.self-hero .hero-image{position:absolute;overflow:hidden;border-radius:4px;box-shadow:0 22px 50px rgba(6,21,47,.15)}.self-hero .hero-image img{width:100%;height:100%;object-fit:cover;display:block}.self-hero .hero-image.main{inset:0 70px 20px 0}.self-hero .hero-image.small{width:190px;height:190px;right:0;bottom:0;border:12px solid #fff}.self-hero .hero-badge{position:absolute;left:18px;top:28px;background:var(--navy);color:#fff;padding:17px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 14px 25px rgba(6,21,47,.24)}.self-hero .hero-badge strong{font-size:2.1rem}.self-command{padding:70px 0;background:#fff}.command-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.command-board{background:var(--navy);color:#fff;padding:28px;box-shadow:18px 18px 0 #dce4ed}.board-top b{color:#fff}.board-top i{background:#fff}.board-lines div{border-left:2px solid #fff}.self-capacity{padding:72px 0}.capacity-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.capacity-row article{padding:28px 26px 30px;border-right:1px solid var(--line);min-height:255px;transition:.3s}.capacity-row article:hover,.capacity-row article.featured{background:#edf2f7;transform:translateY(-5px)}.capacity-icon,.capacity-row a{color:var(--navy)}.self-steps{padding:72px 0;background:var(--navy);color:#fff}.self-steps .eyebrow{color:#fff}.self-steps h2{color:#fff}.step-path{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0 30px;position:relative}.step-path:before{content:"";position:absolute;left:8%;right:8%;top:31px;border-top:1px dashed rgba(255,255,255,.35)}.step-path>div{text-align:center;padding:0 12px}.step-path b{width:62px;height:62px;margin:auto;display:grid;place-items:center;background:#09295b;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:relative;z-index:1}.step-path i{display:block;color:#fff;font-size:1.25rem;margin:18px 0 10px}.step-path small{display:block;color:rgba(255,255,255,.7);line-height:1.5;margin-top:5px}.self-photo-strip{padding:72px 0;background:#fff}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.photo-card{height:330px;position:relative;overflow:hidden}.photo-card img{width:100%;height:100%;object-fit:cover}.photo-card span{position:absolute;left:16px;bottom:16px;background:var(--navy);color:#fff;padding:8px 11px;font-size:.68rem;letter-spacing:.12em}.photo-copy li{border-bottom:1px solid var(--line);padding:10px 0}.photo-copy li i{color:var(--navy)}.self-price{padding:60px 0;background:#e9eef4}.price-band{display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center}.price-tickets{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line)}.price-tickets div{padding:20px 16px;border-right:1px solid var(--line)}.self-final{padding:52px 0}.final-card{background:var(--navy);color:#fff;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:30px}.final-card h2{color:#fff}.final-card .svc-more{color:#fff}.final-card .svc-btn{background:#fff;color:var(--navy)}
.self-compare{padding:78px 0;background:#f1f4f8}.compare-wrap{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:start}.compare-table{border-top:1px solid var(--line)}.compare-row{display:grid;grid-template-columns:1fr 1.2fr .8fr 1fr;gap:14px;align-items:center;padding:18px 12px;border-bottom:1px solid var(--line);background:#fff}.compare-row.active{background:var(--navy);color:#fff;transform:translateX(12px);box-shadow:-12px 12px 0 #cfd9e4}.compare-row a{color:inherit;font-weight:900;text-decoration:none}.compare-labels{font-size:.68rem;letter-spacing:.12em;font-weight:900;color:var(--muted);background:transparent}.self-confidence{padding:76px 0;background:#fff}.confidence-grid{display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:center}.confidence-number{height:190px;border:1px solid var(--navy);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--navy)}.confidence-number span{font-size:4rem;font-family:"DM Serif Display",serif;line-height:1}.confidence-number strong{font-size:.8rem;letter-spacing:.2em}.confidence-number small{text-align:center;margin-top:8px;line-height:1.3}
/* DRYER */
.svc-dryer .svc-hero{padding:70px 0;background:#fff}.dryer-hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.dryer-machine{height:410px;position:relative;background:#eef2f6;border:1px solid #d9e1ea;display:grid;place-items:center;overflow:hidden}.dryer-machine img{width:68%;height:72%;object-fit:cover;filter:saturate(.75)}.dryer-ring{position:absolute;width:310px;height:310px;border:1px solid rgba(6,21,47,.25);border-radius:50%;animation:spinRing 14s linear infinite}.dial{position:absolute;right:25px;top:25px;width:100px;height:100px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;text-align:center;z-index:2;font-size:.65rem;letter-spacing:.1em}.dial b{font-size:1.1rem}.temp-tag{position:absolute;left:24px;bottom:24px;background:#fff;border-left:4px solid var(--navy);padding:12px 16px;font-size:.65rem;letter-spacing:.1em}.temp-tag strong{font-size:.9rem}.dryer-control{padding:70px 0;background:#f1f4f8}.control-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.control-panel{background:var(--navy);color:#fff;padding:30px;box-shadow:16px 16px 0 #ccd6e1}.control-screen{border:1px solid rgba(255,255,255,.25);padding:22px}.control-screen strong{display:block;font-size:2rem;margin:6px 0}.control-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.control-dials div{padding:18px;text-align:center;border:1px solid rgba(255,255,255,.18)}.control-dials .active{background:#fff;color:var(--navy)}.control-dials i{display:block;margin-bottom:8px}.dryer-fabric{padding:72px 0;background:#fff}.fabric-map{display:grid;grid-template-columns:120px repeat(3,1fr);gap:0;border:1px solid var(--line)}.fabric-axis{padding:20px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;font-weight:900;letter-spacing:.1em}.fabric-map article{padding:28px;border-right:1px solid var(--line);min-height:260px;transition:.3s}.fabric-map article:hover,.fabric-map article.mid{background:#eef2f6;transform:translateY(-5px)}.fabric-map article i{font-size:1.5rem;color:var(--navy);display:block;margin-bottom:18px}.fabric-map article span{display:block;font-size:.68rem;font-weight:900;color:var(--navy2);letter-spacing:.1em;margin:8px 0}.fabric-map article a{display:inline-block;margin-top:12px;color:var(--navy);font-weight:900;text-decoration:none}.dryer-cycle{padding:72px 0;background:var(--navy);color:#fff}.dryer-cycle h2{color:#fff}.cycle-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:35px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.cycle-stage{padding:28px 18px;border-right:1px solid rgba(255,255,255,.15)}.cycle-stage:last-child{border-right:0}.cycle-stage.active{background:#09295b}.cycle-stage b{font-size:.72rem}.cycle-stage i{display:block;font-size:1.35rem;margin:22px 0 12px}.cycle-stage small{display:block;color:rgba(255,255,255,.65);margin-top:6px}.dryer-time{padding:70px 0;background:#fff}.time-layout{display:grid;grid-template-columns:320px 1fr;gap:70px;align-items:center}.time-display{height:300px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:16px 16px 0 #d8e0e9}.time-display strong{font-size:7rem;line-height:.85;font-family:"DM Serif Display",serif}.time-display small{letter-spacing:.2em}.time-marks{display:flex;gap:7px;margin-top:18px}.time-marks i{width:34px;height:4px;background:#fff;opacity:.25}.time-marks i.active{opacity:1}.time-facts{display:flex;gap:18px;flex-wrap:wrap;margin:20px 0}.time-facts span{border-left:2px solid var(--navy);padding-left:10px;font-size:.8rem}.time-facts b{display:block;font-size:1.1rem}.dryer-finish{padding:70px 0;background:#eef2f6}.finish-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.finish-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.finish-list div{padding:25px 18px;border-right:1px solid var(--line)}.finish-list div:last-child{border-right:0}.finish-list b{font-size:.7rem}.finish-list strong{display:block;font-size:1.2rem;margin:12px 0 5px}.finish-list span{font-size:.78rem;color:var(--muted)}.dryer-final{padding:52px 0}.dryer-check{padding:78px 0;background:#fff}.check-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.check-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.check-list div{padding:24px 18px;border-right:1px solid var(--line)}.check-list div:last-child{border-right:0}.check-list b{font-size:.7rem}.check-list strong{display:block;margin:12px 0 6px}.check-list span{font-size:.78rem;color:var(--muted);line-height:1.5}.dryer-detail-cta{padding:74px 0;background:#f0f3f7}.detail-cta{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center}.cta-stamp{width:120px;height:120px;border:1px solid var(--navy);display:grid;place-items:center;text-align:center;font-family:"DM Serif Display",serif;font-size:2rem;color:var(--navy)}.cta-stamp small{font:900 .55rem Manrope;letter-spacing:.14em;line-height:1.2}
/* DROP */
.svc-drop .svc-hero{padding:70px 0;background:#fff}.drop-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.drop-ticket{background:var(--navy);color:#fff;padding:28px;box-shadow:18px 18px 0 #d4dce5;transform:rotate(1deg)}.ticket-top{display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:14px}.ticket-line{display:grid;grid-template-columns:32px 1fr 30px;gap:10px;align-items:center;padding:20px 0;border-bottom:1px dashed rgba(255,255,255,.18)}.ticket-line.active{background:#09295b;padding-left:12px;padding-right:12px}.ticket-bottom{padding-top:16px;font-size:.68rem;letter-spacing:.12em}.drop-route{padding:72px 0;background:#eef2f6}.route-line{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center;margin:35px 0}.route-line article{padding:26px;background:#fff;border:1px solid var(--line);min-height:220px}.route-line article.active{background:var(--navy);color:#fff;transform:translateY(-8px);box-shadow:0 18px 35px rgba(6,21,47,.15)}.route-line article p{font-size:.82rem}.route-line article.active p{color:rgba(255,255,255,.72)}.route-line i{font-size:1.3rem;color:var(--navy);display:block;margin:15px 0}.route-line article.active i{color:#fff}.route-arrow{text-align:center;color:var(--navy)}.drop-calendar{padding:72px 0;background:#fff}.calendar-layout{display:grid;grid-template-columns:330px 1fr;gap:65px;align-items:center}.calendar-card{background:var(--navy);color:#fff;padding:28px}.calendar-head{display:flex;justify-content:space-between;letter-spacing:.12em;font-size:.7rem}.calendar-days,.calendar-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:25px;text-align:center}.calendar-days b{font-size:.7rem;opacity:.7}.calendar-dots i{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.25;margin:auto}.calendar-dots i.active{opacity:1}.calendar-card>strong{display:block;margin-top:30px}.calendar-card>small{display:block;color:rgba(255,255,255,.65);margin-top:6px}.mini-facts{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.mini-facts span{font-size:.78rem;border-left:2px solid var(--navy);padding-left:10px}.mini-facts b{display:block;font-size:.7rem}.drop-fit{padding:72px 0;background:#f0f3f7}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fit-grid article{padding:30px;border-right:1px solid var(--line);min-height:240px}.fit-grid article:last-child{border-right:0}.fit-grid article.dark-card{background:var(--navy);color:#fff}.fit-grid article.dark-card p{color:rgba(255,255,255,.7)}.fit-grid a{display:inline-flex;gap:8px;margin-top:15px;color:inherit;font-weight:900;text-decoration:none}.drop-detail{padding:72px 0;background:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-photo{height:330px;position:relative;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}.detail-photo div{position:absolute;left:15px;bottom:15px;background:var(--navy);color:#fff;padding:8px 10px;font-size:.68rem}.detail-rows{margin:25px 0}.detail-rows>div{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-rows b{font-size:.7rem;color:var(--navy)}.detail-rows strong,.detail-rows small{display:block}.detail-rows small{color:var(--muted);margin-top:4px}.drop-faq{padding:72px 0;background:#eef2f6}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-stack details{background:#fff;border-bottom:1px solid var(--line);padding:18px}.faq-stack summary{font-weight:900;cursor:pointer}.faq-stack p{margin:12px 0 0;font-size:.88rem}.drop-final{padding:52px 0}.drop-priority{padding:78px 0;background:#fff}.priority-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.priority-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.priority-cards article{padding:25px 18px;border-right:1px solid var(--line)}.priority-cards article:last-child{border-right:0}.priority-cards b{font-size:.7rem}.priority-cards strong{display:block;font-size:1.2rem;margin:13px 0 7px}.priority-cards p{font-size:.8rem}.priority-cards a{color:var(--navy);font-weight:900;text-decoration:none;font-size:.8rem}.drop-details-cta{padding:76px 0;background:#f0f3f7}.handoff-cta{display:grid;grid-template-columns:130px 1fr auto;gap:35px;align-items:center}.handoff-art{height:120px;width:120px;border:1px solid var(--navy);display:grid;place-items:center;color:var(--navy);position:relative}.handoff-art span{font:3rem "DM Serif Display",serif}.handoff-art i{position:absolute;bottom:12px;right:12px}.svc-page .svc-btn,.svc-page .svc-more{outline:none}
/* dark mode */
.dark .svc-page{--ink:#f4f7fb;--muted:#b8c5d5;--line:rgba(255,255,255,.13);--paper:#07111f;--white:#0b1932;--soft:#0d2347}.dark .svc-page section,.dark .svc-page .self-command,.dark .svc-page .self-photo-strip,.dark .svc-page .self-confidence,.dark .svc-page .dryer-time,.dark .svc-page .drop-calendar,.dark .svc-page .drop-detail{background:var(--darkbg);color:#f4f7fb}.dark .svc-page .svc-hero,.dark .svc-page .self-capacity,.dark .svc-page .dryer-fabric{background:#09172a}.dark .svc-page .self-steps,.dark .svc-page .dryer-cycle{background:#040c18}.dark .svc-page .svc-hero{border-bottom:1px solid var(--darkline)}.dark .svc-page p{color:var(--muted)}.dark .svc-page .eyebrow,.dark .svc-page .svc-more,.dark .svc-page h1 em,.dark .svc-page h2 em,.dark .svc-page .capacity-icon,.dark .svc-page .capacity-row a,.dark .svc-page .fabric-map article i,.dark .svc-page .fabric-map article a,.dark .svc-page .mini-facts span,.dark .svc-page .priority-cards a{color:#d6e4f5}.dark .svc-page .svc-btn{background:#fff;color:#06152f}.dark .svc-page .svc-btn.outline{background:transparent;color:#fff;border-color:#fff}.dark .svc-page .hero-image.small{border-color:#09172a}.dark .svc-page .command-board,.dark .svc-page .control-panel,.dark .svc-page .drop-ticket{background:#040c18}.dark .svc-page .capacity-row article,.dark .svc-page .price-tickets,.dark .svc-page .compare-row,.dark .svc-page .route-line article,.dark .svc-page .fit-grid article,.dark .svc-page .faq-stack details,.dark .svc-page .priority-cards article,.dark .svc-page .fabric-map article{background:#0b1932;border-color:var(--darkline);color:#f4f7fb}.dark .svc-page .capacity-row article:hover,.dark .svc-page .capacity-row article.featured,.dark .svc-page .fabric-map article.mid{background:#10294f}.dark .svc-page .price-tickets div,.dark .svc-page .compare-row,.dark .svc-page .route-line article,.dark .svc-page .fit-grid article,.dark .svc-page .priority-cards article{border-color:var(--darkline)}.dark .svc-page .self-price,.dark .svc-page .self-compare,.dark .svc-page .dryer-control,.dark .svc-page .dryer-finish,.dark .svc-page .dryer-detail-cta,.dark .svc-page .drop-route,.dark .svc-page .drop-fit,.dark .svc-page .drop-faq,.dark .svc-page .drop-details-cta{background:#09172a}.dark .svc-page .compare-row.active,.dark .svc-page .route-line article.active,.dark .svc-page .fit-grid article.dark-card{background:#040c18}.dark .svc-page .compare-row.active{box-shadow:-12px 12px 0 #1a2b43}.dark .svc-page .control-panel,.dark .svc-page .time-display,.dark .svc-page .calendar-card{box-shadow:16px 16px 0 #10233f}.dark .svc-page .photo-card span,.dark .svc-page .detail-photo div{background:#040c18}.dark .svc-page .confidence-number,.dark .svc-page .cta-stamp,.dark .svc-page .handoff-art{border-color:#d6e4f5;color:#d6e4f5}
@keyframes spinRing{to{transform:rotate(360deg)}}
@media(max-width:850px){.svc-page .svc-wrap{width:min(100% - 28px,680px)}.self-hero .hero-grid,.command-grid,.photo-grid,.price-band,.compare-wrap,.confidence-grid,.dryer-hero-grid,.control-layout,.time-layout,.finish-layout,.check-layout,.detail-cta,.drop-hero-grid,.calendar-layout,.detail-grid,.faq-layout,.priority-layout,.handoff-cta{grid-template-columns:1fr}.self-hero .hero-collage{height:330px}.capacity-row,.step-path,.check-list,.priority-cards,.finish-list{grid-template-columns:1fr 1fr}.step-path:before{display:none}.price-tickets{width:100%}.final-card{display:block;padding:32px 24px}.final-actions{margin-top:24px}.fabric-map{grid-template-columns:1fr}.fabric-axis{display:none}.fabric-map article{border-right:0;border-bottom:1px solid var(--line)}.cycle-rail{grid-template-columns:1fr 1fr}.cycle-stage:nth-child(2){border-right:0}.route-line{grid-template-columns:1fr;gap:14px}.route-arrow{transform:rotate(90deg)}.route-line article{min-height:auto}.detail-cta,.handoff-cta{display:grid}.compare-row{grid-template-columns:1fr 1fr}.compare-labels{display:none}.compare-row span:nth-of-type(2){display:none}.confidence-number{height:150px}.dryer-machine{height:330px}.detail-photo{height:280px}}
@media(max-width:520px){.svc-page h1{font-size:3rem}.hero-actions{align-items:flex-start;flex-direction:column}.self-hero .hero-collage{height:270px}.self-hero .hero-image.small{width:135px;height:135px}.capacity-row,.step-path,.check-list,.priority-cards,.finish-list{grid-template-columns:1fr}.price-tickets{grid-template-columns:1fr}.price-tickets div{border-right:0;border-bottom:1px solid var(--line)}.final-actions{align-items:flex-start;flex-direction:column}.cycle-rail{grid-template-columns:1fr}.cycle-stage{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.compare-row{grid-template-columns:1fr}.compare-row span{display:block!important}.compare-row.active{transform:none;box-shadow:none}.time-display{height:240px}.dryer-machine{height:280px}.route-arrow{display:none}}
html[dir="rtl"] .self-hero .hero-image.main{right:70px;left:0}.dark .svc-page .svc-more.dark{color:#d6e4f5}


/* =========================================================
   SPINORA NAVY DESIGN SYSTEM
========================================================= */

:root{
    --bg:#f5f7fa;
    --white:#ffffff;
    --surface:#ffffff;
    --surface-2:#eef2f6;
    --surface-3:#e4eaf1;

    --navy:#17365d;
    --navy-dark:#0d2745;
    --navy-deep:#0a1e35;
    --navy-soft:#dfe8f2;
    --blue:#315a86;
    --blue-light:#edf3f8;

    --text:#182536;
    --muted:#667487;

    --border:#d8e0e8;

    --success:#2b8060;
    --warning:#b47a25;
    --danger:#b54d4d;

    --shadow:0 18px 50px rgba(15,39,69,.10);
    --shadow-small:0 8px 25px rgba(15,39,69,.08);

    --radius:22px;
    --radius-small:13px;

    --header-height:78px;

    --ease:.3s ease;
}

body.dark{
    --bg:#0b1420;
    --white:#121e2b;
    --surface:#121e2b;
    --surface-2:#192839;
    --surface-3:#203449;

    --navy:#6f99c4;
    --navy-dark:#507da9;
    --navy-deep:#07111c;
    --navy-soft:#24394f;
    --blue:#83a9cf;
    --blue-light:#1d2d3e;

    --text:#edf3f8;
    --muted:#aab8c7;

    --border:#2a3a4c;

    --success:#55bd91;
    --warning:#dfad5b;
    --danger:#e07878;

    --shadow:0 18px 50px rgba(0,0,0,.27);
    --shadow-small:0 8px 25px rgba(0,0,0,.22);
}


/* =========================================================
   RESET
========================================================= */

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:"DM Sans",sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.65;
    overflow-x:hidden;

    transition:
        background .3s ease,
        color .3s ease;
}

body.menu-open{
    overflow:hidden;
}

a{
    color:inherit;
    text-decoration:none;
}

button,
input,
textarea,
select{
    font:inherit;
}

button{
    border:0;
    cursor:pointer;
}

img{
    max-width:100%;
    display:block;
}

.container{
    width:min(1180px,calc(100% - 40px));
    margin:auto;
}


/* =========================================================
   PRELOADER
========================================================= */

.preloader{
    position:fixed;
    inset:0;

    display:grid;
    place-items:center;

    background:var(--surface);

    z-index:9999;

    transition:.5s ease;
}

.preloader.hide{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.loader{
    width:50px;
    height:50px;

    border:4px solid var(--navy-soft);
    border-top-color:var(--navy);

    border-radius:50%;

    animation:spin .8s linear infinite;
}

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


/* =========================================================
   HEADER
========================================================= */

.header{
    position:sticky;
    top:0;
    z-index:1000;

    height:var(--header-height);

    background:rgba(255,255,255,.96);

    border-bottom:1px solid var(--border);

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    transition:
        box-shadow .3s ease,
        background .3s ease;
}

body.dark .header{
    background:rgba(11,20,32,.96);
}

.header.scrolled{
    box-shadow:0 8px 30px rgba(15,39,69,.10);
}

.header-inner{
    height:100%;

    display:flex;
    align-items:center;

    gap:25px;
}


/* =========================================================
   LOGO
========================================================= */

.logo{
    display:flex;
    align-items:center;
    gap:11px;

    flex-shrink:0;
}

.logo-mark{
    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:var(--navy);
    color:#fff;

    box-shadow:0 8px 20px rgba(23,54,93,.20);

    font-size:17px;
}

.logo-text{
    display:flex;
    flex-direction:column;

    line-height:1;
}

.logo-name{
    font-family:"Playfair Display",serif;

    font-size:23px;
    font-weight:700;

    letter-spacing:.08em;
}

.logo-sub{
    margin-top:4px;

    color:var(--muted);

    font-size:8px;
    font-weight:700;

    letter-spacing:.18em;
    text-transform:uppercase;
}


/* =========================================================
   DESKTOP NAV
========================================================= */

.nav{
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:3px;
}

.nav-item{
    position:relative;
}

.nav-link{
    height:42px;

    padding:0 13px;

    display:flex;
    align-items:center;
    gap:8px;

    border-radius:10px;

    background:transparent;
    color:var(--text);

    font-size:14px;
    font-weight:600;

    transition:var(--ease);
}

.nav-link:hover,
.nav-link.active{
    background:var(--navy-soft);
    color:var(--navy);
}

.dropdown-arrow{
    width:7px;
    height:7px;

    border-right:2px solid currentColor;
    border-bottom:2px solid currentColor;

    transform:rotate(45deg);

    margin-top:-4px;

    transition:.25s ease;
}

.nav-item:hover .dropdown-arrow,
.nav-item.open .dropdown-arrow{
    transform:rotate(225deg);
    margin-top:4px;
}


/* =========================================================
   DROPDOWN
========================================================= */

.dropdown-menu{
    position:absolute;

    top:calc(100% + 10px);
    left:0;

    min-width:220px;

    padding:9px;

    background:var(--surface);

    border:1px solid var(--border);
    border-radius:15px;

    box-shadow:var(--shadow);

    opacity:0;
    visibility:hidden;

    transform:translateY(8px);

    transition:.25s ease;
}

.nav-item:hover .dropdown-menu,
.nav-item.open .dropdown-menu{
    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.dropdown-link{
    display:flex;
    align-items:center;
    gap:11px;

    padding:11px 12px;

    border-radius:9px;

    color:var(--text);

    font-size:13px;
    font-weight:600;

    transition:.25s ease;
}

.dropdown-link i{
    width:20px;
    color:var(--navy);
}

.dropdown-link:hover,
.dropdown-link.active{
    background:var(--navy-soft);
    color:var(--navy);
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.header-actions{
    display:flex;
    align-items:center;
    gap:8px;

    flex-shrink:0;
}

.icon-btn{
    width:39px;
    height:39px;

    display:grid;
    place-items:center;

    border:1px solid var(--border);
    border-radius:10px;

    background:var(--surface);
    color:var(--text);

    transition:var(--ease);
}

.icon-btn:hover{
    background:var(--navy-soft);
    color:var(--navy);

    transform:translateY(-2px);
}

.login-btn{
    height:40px;

    padding:0 17px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    border-radius:10px;

    background:var(--navy);
    color:#fff;

    font-size:13px;
    font-weight:700;

    transition:var(--ease);
}

.login-btn:hover{
    background:var(--navy-dark);

    transform:translateY(-2px);

    box-shadow:0 9px 22px rgba(23,54,93,.22);
}

.mobile-toggle{
    display:none;

    width:41px;
    height:41px;

    align-items:center;
    justify-content:center;

    border:1px solid var(--border);
    border-radius:10px;

    background:var(--surface);
    color:var(--text);
}


/* =========================================================
   MOBILE PANEL
========================================================= */

.mobile-panel{
    position:fixed;

    top:calc(var(--header-height) + 9px);
    left:18px;

    width:min(315px,calc(100vw - 36px));

    max-height:calc(100vh - var(--header-height) - 28px);

    overflow:auto;

    padding:11px;

    background:var(--surface);

    border:1px solid var(--border);
    border-radius:17px;

    box-shadow:var(--shadow);

    opacity:0;
    visibility:hidden;

    transform:translateY(-10px);

    transition:.25s ease;

    z-index:1500;
}

body.rtl .mobile-panel{
    left:auto;
    right:18px;
}

.mobile-panel.open{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.mobile-link{
    width:100%;

    min-height:46px;

    padding:0 13px;

    display:flex;
    align-items:center;
    gap:11px;

    border-radius:10px;

    background:transparent;
    color:var(--text);

    font-size:14px;
    font-weight:600;

    text-align:left;

    transition:.25s ease;
}

.mobile-link:hover,
.mobile-link.active{
    background:var(--navy-soft);
    color:var(--navy);
}

.mobile-link i{
    width:20px;
    color:var(--navy);
}

.mobile-sub{
    display:none;

    padding:3px 0 6px 30px;
}

body.rtl .mobile-sub{
    padding:3px 30px 6px 0;
}

.mobile-sub.open{
    display:block;
}

.mobile-sub a{
    display:flex;
    align-items:center;
    gap:9px;

    padding:9px 10px;

    border-radius:9px;

    color:var(--muted);

    font-size:13px;
}

.mobile-sub a:hover{
    background:var(--navy-soft);
    color:var(--navy);
}


/* =========================================================
   BREADCRUMB
========================================================= */

.breadcrumb-section{
    padding:19px 0 0;
}

.breadcrumb{
    display:flex;
    align-items:center;
    gap:9px;

    color:var(--muted);

    font-size:12px;
    font-weight:600;
}

.breadcrumb i{
    font-size:8px;
    opacity:.65;
}

.breadcrumb .current{
    color:var(--navy);
}


/* =========================================================
   HERO
========================================================= */

.service-hero{
    padding:36px 0 60px;
}

.service-hero-grid{
    display:grid;
    grid-template-columns:1.02fr .98fr;

    gap:50px;

    align-items:center;
}

.service-copy{
    animation:heroUp .8s ease both;
}

.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px;

    padding:7px 12px;

    border:1px solid var(--border);
    border-radius:999px;

    background:var(--surface);

    color:var(--navy);

    font-size:10px;
    font-weight:800;

    letter-spacing:.12em;
    text-transform:uppercase;
}

.eyebrow-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:var(--navy);

    box-shadow:
        0 0 0 5px var(--navy-soft);
}

.service-title{
    margin-top:20px;

    font-family:"Playfair Display",serif;

    font-size:clamp(43px,5.5vw,72px);

    line-height:1.02;

    letter-spacing:-.04em;
}

.service-title span{
    color:var(--navy);
}

.service-description{
    max-width:650px;

    margin-top:20px;

    color:var(--muted);

    font-size:15px;

    line-height:1.85;
}

.service-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;

    margin-top:28px;
}

.primary-btn,
.secondary-btn{
    min-height:48px;

    padding:0 18px;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    border-radius:10px;

    font-size:13px;
    font-weight:800;

    transition:var(--ease);
}

.primary-btn{
    background:var(--navy);
    color:#fff;
}

.primary-btn:hover{
    background:var(--navy-dark);

    transform:translateY(-3px);

    box-shadow:
        0 12px 25px rgba(23,54,93,.22);
}

.secondary-btn{
    background:var(--surface);

    border:1px solid var(--border);

    color:var(--text);
}

.secondary-btn:hover{
    border-color:var(--navy);

    color:var(--navy);

    transform:translateY(-3px);
}

.hero-note{
    margin-top:19px;

    display:flex;
    align-items:center;
    gap:9px;

    color:var(--muted);

    font-size:12px;
}

.hero-note i{
    color:var(--success);
}


/* =========================================================
   HERO VISUAL
========================================================= */

.service-visual{
    position:relative;

    min-height:470px;

    overflow:hidden;

    border-radius:27px;

    background:var(--navy);

    box-shadow:var(--shadow);

    animation:heroRight .9s ease both;
}

.service-visual img{
    width:100%;
    height:100%;
    min-height:470px;

    object-fit:cover;
}

.visual-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(10,30,53,.02) 15%,
            rgba(10,30,53,.78) 100%
        );
}

.visual-info{
    position:absolute;

    left:24px;
    right:24px;
    bottom:23px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:15px;
}

.visual-info h3{
    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:27px;
}

.visual-info p{
    margin-top:3px;

    color:rgba(255,255,255,.75);

    font-size:11px;
}

.status-pill{
    display:flex;
    align-items:center;
    gap:8px;

    padding:9px 12px;

    border-radius:999px;

    background:rgba(255,255,255,.95);

    color:#245a43;

    font-size:10px;
    font-weight:800;

    white-space:nowrap;
}

.status-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#2e996b;

    box-shadow:0 0 0 4px #d9f0e5;
}


/* =========================================================
   QUICK FACTS
========================================================= */

.quick-facts{
    padding:0 0 72px;
}

.facts-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);

    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}

.fact{
    min-height:125px;

    padding:23px;

    display:flex;
    align-items:center;
    gap:15px;

    border-right:1px solid var(--border);
}

.fact:last-child{
    border-right:0;
}

.fact-icon{
    width:47px;
    height:47px;

    flex-shrink:0;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:var(--navy-soft);
    color:var(--navy);

    font-size:17px;
}

.fact strong{
    display:block;
    font-size:15px;
}

.fact span{
    display:block;

    margin-top:3px;

    color:var(--muted);

    font-size:11px;
}


/* =========================================================
   GENERAL SECTIONS
========================================================= */

.section-kicker{
    color:var(--navy);

    font-size:10px;
    font-weight:800;

    letter-spacing:.14em;

    text-transform:uppercase;
}

.section-title{
    margin-top:9px;

    font-family:"Playfair Display",serif;

    font-size:clamp(32px,4vw,48px);

    line-height:1.1;

    letter-spacing:-.025em;
}

.section-description{
    margin-top:13px;

    color:var(--muted);

    font-size:14px;

    line-height:1.8;
}

.section-heading{
    max-width:650px;
    margin-bottom:44px;
}


/* =========================================================
   PROCESS
========================================================= */

.process-section{
    padding:88px 0;

    background:var(--surface);

    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}

.process-line{
    position:relative;

    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.process-line::before{
    content:"";

    position:absolute;

    top:30px;
    left:10%;
    right:10%;

    height:1px;

    background:var(--border);
}

.process-step{
    position:relative;

    padding:0 20px;

    text-align:center;
}

.process-number{
    width:60px;
    height:60px;

    margin:0 auto 18px;

    position:relative;
    z-index:2;

    display:grid;
    place-items:center;

    border:1px solid var(--border);
    border-radius:50%;

    background:var(--surface);

    color:var(--navy);

    font-size:14px;
    font-weight:800;

    transition:.3s ease;
}

.process-step:hover .process-number{
    background:var(--navy);
    border-color:var(--navy);

    color:#fff;

    transform:translateY(-5px);

    box-shadow:
        0 10px 24px rgba(23,54,93,.20);
}

.process-step h3{
    font-size:16px;
}

.process-step p{
    margin-top:7px;

    color:var(--muted);

    font-size:12px;

    line-height:1.7;
}


/* =========================================================
   DETAILS
========================================================= */

.details-section{
    padding:92px 0;
}

.details-grid{
    display:grid;

    grid-template-columns:.8fr 1.2fr;

    gap:65px;

    align-items:start;
}

.details-intro{
    position:sticky;
    top:108px;
}

.details-label{
    color:var(--navy);

    font-size:10px;
    font-weight:800;

    letter-spacing:.14em;
}

.details-intro h2{
    margin-top:10px;

    font-family:"Playfair Display",serif;

    font-size:42px;

    line-height:1.1;
}

.details-intro p{
    margin-top:16px;

    color:var(--muted);

    font-size:14px;

    line-height:1.85;
}

.detail-list{
    border-top:1px solid var(--border);
}

.detail-item{
    padding:25px 0;

    display:grid;
    grid-template-columns:52px 1fr;

    gap:17px;

    border-bottom:1px solid var(--border);
}

.detail-icon{
    width:45px;
    height:45px;

    display:grid;
    place-items:center;

    border-radius:11px;

    background:var(--navy-soft);
    color:var(--navy);
}

.detail-item h3{
    font-size:16px;
}

.detail-item p{
    margin-top:6px;

    color:var(--muted);

    font-size:13px;

    line-height:1.75;
}


/* =========================================================
   NAVY FEATURE SECTION
========================================================= */

.included-section{
    padding:88px 0;

    background:var(--navy);

    color:#fff;
}

body.dark .included-section{
    background:#13283e;
}

.included-layout{
    display:grid;

    grid-template-columns:.78fr 1.22fr;

    gap:60px;

    align-items:center;
}

.included-heading .section-kicker{
    color:#a9c5df;
}

.included-heading .section-title{
    color:#fff;
}

.included-heading .section-description{
    color:rgba(255,255,255,.70);
}

.included-list{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:13px;
}

.included-item{
    min-height:88px;

    padding:17px;

    display:flex;
    align-items:center;

    gap:13px;

    border:1px solid rgba(255,255,255,.13);

    border-radius:14px;

    background:rgba(255,255,255,.055);

    transition:.3s ease;
}

.included-item:hover{
    background:rgba(255,255,255,.10);

    transform:translateY(-4px);
}

.included-item i{
    width:39px;
    height:39px;

    flex-shrink:0;

    display:grid;
    place-items:center;

    border-radius:10px;

    background:rgba(169,197,223,.13);

    color:#a9c5df;
}

.included-item strong{
    display:block;

    font-size:13px;
}

.included-item span{
    display:block;

    margin-top:3px;

    color:rgba(255,255,255,.55);

    font-size:10px;
}


/* =========================================================
   AVAILABILITY
========================================================= */

.availability-section{
    padding:92px 0;
}

.availability-head{
    margin-bottom:35px;

    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    gap:25px;
}

.availability-note{
    display:flex;
    align-items:center;
    gap:8px;

    color:var(--muted);

    font-size:12px;
}

.live-dot{
    width:7px;
    height:7px;

    border-radius:50%;

    background:#2d996b;

    box-shadow:
        0 0 0 5px rgba(45,153,107,.12);

    animation:pulse 1.8s infinite;
}

@keyframes pulse{

    0%,100%{
        box-shadow:
            0 0 0 4px rgba(45,153,107,.13);
    }

    50%{
        box-shadow:
            0 0 0 9px rgba(45,153,107,.02);
    }
}

.machine-table{
    overflow:hidden;

    border:1px solid var(--border);

    border-radius:17px;

    background:var(--surface);

    box-shadow:var(--shadow-small);
}

.machine-row{
    min-height:72px;

    display:grid;

    grid-template-columns:1.1fr .9fr .9fr .7fr;

    align-items:center;

    border-bottom:1px solid var(--border);
}

.machine-row:last-child{
    border-bottom:0;
}

.machine-row > div{
    padding:15px 20px;
}

.machine-head{
    background:var(--surface-2);

    color:var(--muted);

    font-size:10px;
    font-weight:800;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.machine-name{
    display:flex;
    align-items:center;
    gap:11px;

    font-size:13px;
    font-weight:700;
}

.machine-name i{
    width:32px;
    height:32px;

    display:grid;
    place-items:center;

    border-radius:9px;

    background:var(--navy-soft);
    color:var(--navy);
}

.machine-status{
    display:inline-flex;
    align-items:center;
    gap:6px;

    font-size:11px;
    font-weight:700;
}

.machine-status.available{
    color:var(--success);
}

.machine-status.busy{
    color:var(--warning);
}

.status-small-dot{
    width:6px;
    height:6px;

    border-radius:50%;

    background:currentColor;
}

.price{
    color:var(--navy);

    font-weight:800;
}


/* =========================================================
   PRICING
========================================================= */

.pricing-section{
    padding:76px 0;
}

.pricing-box{
    padding:40px;

    display:grid;

    grid-template-columns:1fr auto;

    gap:35px;

    align-items:center;

    background:var(--surface);

    border:1px solid var(--border);

    border-radius:23px;

    box-shadow:var(--shadow);
}

.pricing-copy h2{
    margin-top:6px;

    font-family:"Playfair Display",serif;

    font-size:38px;
}

.pricing-copy p{
    margin-top:8px;

    color:var(--muted);

    font-size:13px;
}

.price-options{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.price-chip{
    min-width:112px;

    padding:15px;

    text-align:center;

    border:1px solid var(--border);

    border-radius:12px;

    background:var(--surface-2);
}

.price-chip small{
    display:block;

    color:var(--muted);

    font-size:10px;
}

.price-chip strong{
    display:block;

    margin-top:3px;

    color:var(--navy);

    font-size:19px;
}


/* =========================================================
   FAQ
========================================================= */

.faq-section{
    padding:88px 0;

    background:var(--surface);

    border-top:1px solid var(--border);
}

.faq-grid{
    display:grid;

    grid-template-columns:.72fr 1.28fr;

    gap:70px;
}

.faq-list{
    border-top:1px solid var(--border);
}

.faq-item{
    border-bottom:1px solid var(--border);
}

.faq-question{
    width:100%;

    min-height:68px;

    padding:0;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:15px;

    background:transparent;

    color:var(--text);

    text-align:left;

    font-size:14px;
    font-weight:700;
}

.faq-question i{
    width:28px;
    height:28px;

    flex-shrink:0;

    display:grid;
    place-items:center;

    border:1px solid var(--border);

    border-radius:8px;

    color:var(--navy);

    transition:.25s ease;
}

.faq-item.open .faq-question i{
    transform:rotate(45deg);

    background:var(--navy-soft);
}

.faq-answer{
    max-height:0;
    overflow:hidden;

    transition:max-height .35s ease;
}

.faq-answer p{
    padding:0 35px 18px 0;

    color:var(--muted);

    font-size:13px;

    line-height:1.8;
}


/* =========================================================
   CTA
========================================================= */

.cta-section{
    padding:76px 0;
}

.cta-box{
    position:relative;

    overflow:hidden;

    padding:53px;

    border-radius:27px;

    background:
        linear-gradient(
            120deg,
            var(--navy-deep),
            var(--navy)
        );

    color:#fff;

    box-shadow:var(--shadow);
}

.cta-box::before{
    content:"";

    position:absolute;

    width:340px;
    height:340px;

    right:-120px;
    top:-190px;

    border:55px solid rgba(255,255,255,.055);

    border-radius:50%;
}

.cta-box::after{
    content:"";

    position:absolute;

    width:220px;
    height:220px;

    left:-110px;
    bottom:-135px;

    border:35px solid rgba(255,255,255,.045);

    border-radius:50%;
}

.cta-content{
    position:relative;
    z-index:2;

    max-width:760px;
}

.cta-content h2{
    font-family:"Playfair Display",serif;

    font-size:clamp(32px,4vw,50px);

    line-height:1.1;
}

.cta-content p{
    margin-top:12px;

    max-width:620px;

    color:rgba(255,255,255,.72);

    font-size:14px;
}

.cta-actions{
    margin-top:25px;

    display:flex;
    flex-wrap:wrap;

    gap:10px;
}

.cta-actions .primary-btn{
    background:#fff;
    color:var(--navy-dark);
}

.cta-actions .primary-btn:hover{
    background:#eef3f8;
}

.cta-actions .secondary-btn{
    background:transparent;

    border-color:rgba(255,255,255,.32);

    color:#fff;
}


/* =========================================================
   FOOTER
========================================================= */

.footer{
    padding:60px 0 22px;

    background:var(--navy-deep);

    color:#fff;
}

.footer-grid{
    display:grid;

    grid-template-columns:1.25fr .75fr .9fr .95fr;

    gap:40px;

    padding-bottom:40px;

    border-bottom:1px solid rgba(255,255,255,.11);
}

.footer-brand .logo-name{
    color:#fff;
}

.footer-brand .logo-sub{
    color:rgba(255,255,255,.48);
}

.footer-brand p{
    max-width:330px;

    margin-top:17px;

    color:rgba(255,255,255,.60);

    font-size:12px;

    line-height:1.8;
}

.footer-title{
    margin-bottom:15px;

    color:#fff;

    font-size:13px;
    font-weight:800;
}

.footer-links{
    display:grid;
    gap:9px;
}

.footer-links a{
    color:rgba(255,255,255,.57);

    font-size:12px;

    transition:.25s ease;
}

.footer-links a:hover{
    color:#fff;
    transform:translateX(3px);
}

.contact-item{
    margin-bottom:12px;

    display:flex;
    align-items:flex-start;

    gap:10px;

    color:rgba(255,255,255,.58);

    font-size:12px;
}

.contact-item i{
    width:20px;

    color:#9ebbd7;

    margin-top:3px;
}

.footer-bottom{
    padding-top:19px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    color:rgba(255,255,255,.43);

    font-size:10px;
}

.socials{
    display:flex;
    gap:7px;
}

.social{
    width:31px;
    height:31px;

    display:grid;
    place-items:center;

    border:1px solid rgba(255,255,255,.14);

    border-radius:9px;

    color:rgba(255,255,255,.60);

    transition:.25s ease;
}

.social:hover{
    background:var(--navy);

    border-color:var(--navy);

    color:#fff;
}


/* =========================================================
   BACK TOP
========================================================= */

.back-top{
    position:fixed;

    right:22px;
    bottom:22px;

    width:46px;
    height:46px;

    display:grid;
    place-items:center;

    border-radius:12px;

    background:var(--navy);
    color:#fff;

    box-shadow:
        0 12px 25px rgba(15,39,69,.25);

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:.3s ease;

    z-index:900;
}

.back-top.show{
    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.back-top:hover{
    background:var(--navy-dark);

    transform:translateY(-4px);
}


/* =========================================================
   REVEAL ANIMATION
========================================================= */

.reveal{
    opacity:0;

    transform:translateY(30px);

    transition:
        opacity .75s ease,
        transform .75s ease;
}

.reveal.show{
    opacity:1;
    transform:translateY(0);
}

@keyframes heroUp{

    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@keyframes heroRight{

    from{
        opacity:0;
        transform:translateX(35px);
    }

    to{
        opacity:1;
        transform:translateX(0);
    }

}


/* =========================================================
   RTL
========================================================= */

body.rtl .header-inner{
    direction:rtl;
}

body.rtl .nav{
    direction:rtl;
}

body.rtl .dropdown-menu{
    left:auto;
    right:0;
}

body.rtl .service-hero-grid,
body.rtl .details-grid,
body.rtl .included-layout,
body.rtl .faq-grid{
    direction:rtl;
}

body.rtl .visual-info{
    direction:rtl;
}

body.rtl .machine-row{
    direction:rtl;
}

body.rtl .detail-item{
    direction:rtl;
}

body.rtl .breadcrumb{
    direction:rtl;
}

body.rtl .footer-grid,
body.rtl .footer-bottom{
    direction:rtl;
}

body.rtl .mobile-panel{
    direction:rtl;
}

body.rtl .service-copy,
body.rtl .details-intro,
body.rtl .included-heading,
body.rtl .pricing-copy,
body.rtl .cta-content{
    text-align:right;
}

body.rtl .faq-question{
    text-align:right;
}

body.rtl .faq-answer p{
    padding:
        0
        0
        18px
        35px;
}

body.rtl .fact{
    border-right:0;
    border-left:1px solid var(--border);
}

body.rtl .fact:last-child{
    border-left:0;
}

body.rtl .footer-links a:hover{
    transform:translateX(-3px);
}

body.rtl .back-top{
    right:auto;
    left:22px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1100px){

    .nav-link{
        padding:0 9px;
        font-size:13px;
    }

    .header-inner{
        gap:12px;
    }

    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


@media(max-width:900px){

    :root{
        --header-height:70px;
    }

    .nav{
        display:none;
    }

    .mobile-toggle{
        display:flex;
    }

    .header-actions{
        margin-left:auto;
    }

    body.rtl .header-actions{
        margin-left:0;
        margin-right:auto;
    }

    .service-hero-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .service-visual,
    .service-visual img{
        min-height:400px;
    }

    .facts-row{
        grid-template-columns:repeat(2,1fr);
    }

    .fact:nth-child(2){
        border-right:0;
    }

    .fact:nth-child(-n+2){
        border-bottom:1px solid var(--border);
    }

    body.rtl .fact:nth-child(2){
        border-left:0;
    }

    .process-line{
        grid-template-columns:repeat(2,1fr);
        gap:38px 10px;
    }

    .process-line::before{
        display:none;
    }

    .details-grid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .details-intro{
        position:static;
    }

    .included-layout{
        grid-template-columns:1fr;
        gap:38px;
    }

    .faq-grid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .pricing-box{
        grid-template-columns:1fr;
    }

}


@media(max-width:600px){

    .container{
        width:calc(100% - 28px);
    }

    .logo-mark{
        width:38px;
        height:38px;
    }

    .logo-name{
        font-size:20px;
    }

    .logo-sub{
        font-size:7px;
    }

    .header-actions{
        gap:5px;
    }

    .icon-btn{
        width:36px;
        height:36px;
    }

    .login-btn{
        width:39px;
        padding:0;
    }

    .login-btn span{
        display:none;
    }

    .breadcrumb-section{
        padding-top:15px;
    }

    .service-hero{
        padding:27px 0 45px;
    }

    .service-title{
        font-size:43px;
    }

    .service-description{
        font-size:14px;
    }

    .service-visual,
    .service-visual img{
        min-height:320px;
    }

    .visual-info{
        left:17px;
        right:17px;
        bottom:17px;
    }

    .visual-info h3{
        font-size:22px;
    }

    .status-pill{
        padding:8px 9px;
        font-size:9px;
    }

    .quick-facts{
        padding-bottom:50px;
    }

    .facts-row{
        grid-template-columns:1fr;
    }

    .fact,
    body.rtl .fact{
        min-height:92px;

        border-right:0;
        border-left:0;

        border-bottom:1px solid var(--border);
    }

    .fact:last-child{
        border-bottom:0;
    }

    .process-section,
    .details-section,
    .availability-section,
    .faq-section{
        padding:65px 0;
    }

    .section-title{
        font-size:34px;
    }

    .process-line{
        grid-template-columns:1fr;
        gap:24px;
    }

    .process-step{
        display:grid;

        grid-template-columns:60px 1fr;

        gap:15px;

        align-items:start;

        text-align:left;
    }

    body.rtl .process-step{
        text-align:right;
    }

    .process-number{
        margin:0;
        grid-row:span 2;
    }

    .process-step p{
        margin-top:0;
    }

    .included-list{
        grid-template-columns:1fr;
    }

    .availability-head{
        flex-direction:column;
        align-items:flex-start;
    }

    .machine-table{
        overflow-x:auto;
    }

    .machine-row{
        min-width:650px;
    }

    .pricing-box{
        padding:28px 22px;
    }

    .pricing-copy h2{
        font-size:32px;
    }

    .price-options{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }

    .price-chip{
        min-width:0;
    }

    .cta-box{
        padding:35px 25px;
    }

    .cta-content h2{
        font-size:35px;
    }

    .footer{
        padding-top:45px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .back-top{
        right:15px;
        bottom:15px;
    }

    body.rtl .back-top{
        right:auto;
        left:15px;
    }

}


@media(prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important;
    }

    .reveal{
        opacity:1;
        transform:none;
    }

}




html,body{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{color:#0b1932!important;background:#f7fbff}
body.dark{background:#06152f!important;color:#f3f7ff!important}
h1,h2,h3,h4,.serif,.display-title{font-family:"DM Serif Display",Georgia,serif}
a{transition:all .25s ease}
.service-detail-cta{font-family:"Manrope",sans-serif}
@media(max-width:820px){
  .site-header{height:74px!important}
  .header-inner{width:92%!important;grid-template-columns:1fr auto!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .header-actions{gap:6px!important}
  .site-header .icon-btn{width:36px!important;height:36px!important}
  .site-header .login-btn{padding:10px 12px!important}
  .site-header .hamburger{display:grid!important}
  .mobile-menu{top:84px!important;right:4%!important;width:min(310px,92%)!important}
  .service-detail-cta{margin:24px 4% 50px!important;padding:24px!important;flex-direction:column!important;align-items:flex-start!important}
  .service-detail-cta a{width:100%!important}
}



/* =========================================================
   SERVICE RECONSTRUCTION — DISTINCT 7-SECTION PAGES
   Scoped so Home 1 / Home 2 / About / Pricing / Location / Contact remain unchanged.
========================================================= */
.service-redesign{--svc-navy:#071a3a;--svc-navy-2:#0b2855;--svc-ink:#10203b;--svc-muted:#66748a;--svc-line:#d9e1eb;--svc-paper:#fff;--svc-soft:#f4f7fb;--svc-white:#fff;--svc-shadow:0 24px 70px rgba(7,26,58,.13);background:var(--svc-paper);color:var(--svc-ink);font-family:'Manrope',sans-serif;overflow-x:hidden}
.service-redesign .svc-main{background:var(--svc-paper)}
.service-redesign .site-header{z-index:1000}
.service-redesign .svc-shell{width:min(1240px,calc(100% - 48px));margin:auto}
.service-redesign .svc-hero{min-height:calc(100vh - 88px);display:flex;align-items:center;background:linear-gradient(135deg,#fff 0%,#f4f7fb 65%,#edf2f8 100%);position:relative;overflow:hidden}
.service-redesign .svc-hero:before{content:"";position:absolute;inset:auto -10% -45% auto;width:620px;height:620px;border:1px solid rgba(7,26,58,.09);border-radius:50%;box-shadow:0 0 0 90px rgba(7,26,58,.025),0 0 0 180px rgba(7,26,58,.018)}
.service-redesign .svc-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center;padding:74px 0}
.service-redesign .svc-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--svc-navy);text-transform:uppercase}
.service-redesign .svc-kicker:before{content:"";width:32px;height:2px;background:var(--svc-navy)}
.service-redesign h1,.service-redesign h2,.service-redesign h3{font-family:'DM Serif Display',serif;color:var(--svc-navy);margin:0}
.service-redesign h1{font-size:clamp(54px,6.5vw,94px);line-height:.92;letter-spacing:-.04em;margin:20px 0 24px;max-width:780px}
.service-redesign h1 em,.service-redesign h2 em{font-style:italic;font-weight:400}
.service-redesign h2{font-size:clamp(38px,4.4vw,64px);line-height:1;letter-spacing:-.035em}
.service-redesign h3{font-size:28px;line-height:1.08}
.service-redesign p{color:var(--svc-muted);line-height:1.75;font-size:16px}
.service-redesign .svc-hero-copy>p{font-size:18px;max-width:650px}
.service-redesign .svc-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}
.service-redesign .svc-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;text-decoration:none;font-size:13px;font-weight:900;letter-spacing:.04em;transition:.3s ease;border:1px solid transparent}
.service-redesign .svc-btn-primary{background:var(--svc-navy);color:#fff;box-shadow:0 15px 35px rgba(7,26,58,.22)}
.service-redesign .svc-btn-primary:hover{background:var(--svc-navy-2);transform:translateY(-3px)}
.service-redesign .svc-btn-outline{border-color:var(--svc-navy);color:var(--svc-navy);background:transparent}
.service-redesign .svc-btn-outline:hover{background:var(--svc-navy);color:#fff;transform:translateY(-3px)}
.service-redesign .svc-btn-light{background:#fff;color:var(--svc-navy);box-shadow:0 15px 35px rgba(0,0,0,.18)}
.service-redesign .svc-btn-light:hover{transform:translateY(-3px)}
.service-redesign .svc-text-link,.service-redesign .svc-inline-cta{color:var(--svc-navy);font-size:13px;font-weight:900;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid rgba(7,26,58,.25);padding-bottom:6px}
.service-redesign .svc-text-link:hover,.service-redesign .svc-inline-cta:hover{gap:15px}
.service-redesign .svc-hero-numbers{display:flex;gap:38px;margin-top:54px;border-top:1px solid var(--svc-line);padding-top:22px}
.service-redesign .svc-hero-numbers div{display:flex;flex-direction:column;gap:4px}
.service-redesign .svc-hero-numbers strong{font-size:20px;color:var(--svc-navy)}
.service-redesign .svc-hero-numbers span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#8793a5}
.service-redesign .svc-hero-media{position:relative;height:600px;overflow:hidden;background:var(--svc-navy);box-shadow:var(--svc-shadow)}
.service-redesign .svc-hero-media img,.service-redesign .svc-split-photo img,.service-redesign .svc-machine-photo img,.service-redesign .detail-hero-image img,.service-redesign .detail-feature-image img,.service-redesign .drop-hero-photo img,.service-redesign .drop-counter-image img,.service-redesign .drop-care-photo img,.service-redesign .dryer-hero-art img,.service-redesign .dryer-fabric-photo img{width:100%;height:100%;object-fit:cover;display:block}
.service-redesign .svc-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,58,0) 50%,rgba(7,26,58,.72))}
.service-redesign .svc-media-label{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff;display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.35);padding-top:14px}.service-redesign .svc-media-label span{font-size:10px;letter-spacing:.18em}.service-redesign .svc-media-label strong{font-size:18px}.service-redesign .svc-media-index{position:absolute;top:24px;right:24px;z-index:2;color:#fff;font-size:12px;line-height:1.2;letter-spacing:.12em;font-weight:900;text-align:right}
.service-redesign .svc-section{padding:100px 0;position:relative}.service-redesign .svc-section:nth-child(even){background:var(--svc-soft)}
.service-redesign .svc-section-editorial{padding-top:115px}.service-redesign .svc-editorial-grid{display:grid;grid-template-columns:70px 1.05fr .95fr;gap:45px;align-items:center}.service-redesign .svc-section-no{font-size:13px;font-weight:900;letter-spacing:.2em;color:#8a96a7;writing-mode:vertical-rl;transform:rotate(180deg)}
.service-redesign .svc-editorial-image{height:530px;position:relative;overflow:hidden}.service-redesign .svc-editorial-image img{width:100%;height:100%;object-fit:cover}.service-redesign .svc-image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(7,26,58,.88));color:#fff;padding:70px 24px 20px;font-size:13px;font-weight:700}.service-redesign .svc-editorial-copy{padding-right:20px}.service-redesign .svc-editorial-copy h2{margin:18px 0 22px}.service-redesign .svc-rule-list{margin-top:34px;border-top:1px solid var(--svc-line)}.service-redesign .svc-rule-list div{display:grid;grid-template-columns:50px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--svc-line);font-size:14px;font-weight:800}.service-redesign .svc-rule-list b{color:#8793a5}
.service-redesign .svc-section-heading{max-width:800px;margin-bottom:45px}.service-redesign .svc-section-heading h2{margin:16px 0}.service-redesign .svc-section-heading p{max-width:670px}
.service-redesign .svc-machine-stage{display:grid;grid-template-columns:1fr .82fr .82fr;gap:20px;align-items:stretch}.service-redesign .svc-machine-photo{margin:0;position:relative;height:450px;overflow:hidden;background:var(--svc-navy)}.service-redesign .svc-machine-photo.tall{height:520px}.service-redesign .svc-machine-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,58,.85))}.service-redesign .svc-machine-photo figcaption{position:absolute;bottom:18px;left:18px;right:18px;color:#fff;z-index:1;font-size:14px;font-weight:800;display:flex;gap:12px}.service-redesign .svc-machine-photo figcaption span{opacity:.55}.service-redesign .svc-machine-copy{padding:38px 20px;display:flex;flex-direction:column;justify-content:center}.service-redesign .svc-machine-copy h3{margin:20px 0 14px}.service-redesign .svc-measure{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:900;color:var(--svc-navy)}.service-redesign .svc-measure i{height:1px;background:var(--svc-navy);flex:1}
.service-redesign .svc-flow-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.service-redesign .svc-timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--svc-line)}.service-redesign .svc-time-item{padding:28px 24px 20px 0;border-right:1px solid var(--svc-line);position:relative}.service-redesign .svc-time-item:not(:first-child){padding-left:24px}.service-redesign .svc-time-item:last-child{border-right:0}.service-redesign .svc-time-item span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#8b97a7}.service-redesign .svc-time-item h3{margin:26px 0 10px}.service-redesign .svc-time-item p{margin:0;font-size:14px}
.service-redesign .svc-split-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:560px}.service-redesign .svc-split-copy{padding:35px 55px 35px 0;display:flex;flex-direction:column;justify-content:center}.service-redesign .svc-split-copy h2{margin:18px 0}.service-redesign .svc-split-photo{min-height:560px;position:relative;overflow:hidden}.service-redesign .svc-photo-note{position:absolute;left:22px;bottom:20px;color:#fff;background:var(--svc-navy);padding:10px 14px;font-size:10px;letter-spacing:.15em;font-weight:900}.service-redesign .svc-stat-line{border-top:1px solid var(--svc-line);border-bottom:1px solid var(--svc-line);padding:20px 0;margin:28px 0;display:flex;gap:18px;align-items:center}.service-redesign .svc-stat-line strong{font-size:26px;color:var(--svc-navy)}.service-redesign .svc-stat-line span{font-size:13px;color:var(--svc-muted)}
.service-redesign .svc-price-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.service-redesign .svc-price-intro h2{margin:18px 0}.service-redesign .svc-price-table{border-top:2px solid var(--svc-navy)}.service-redesign .svc-price-table>div{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:22px 0;border-bottom:1px solid var(--svc-line);align-items:end}.service-redesign .svc-price-table span{font-size:12px;font-weight:900;letter-spacing:.12em;color:var(--svc-navy)}.service-redesign .svc-price-table strong{font-size:34px;font-family:'DM Serif Display',serif;color:var(--svc-navy);grid-row:1/3;grid-column:2}.service-redesign .svc-price-table small{font-size:11px;color:#8b97a7;margin-top:6px}
.service-redesign .svc-section-cta{background:var(--svc-navy)!important;color:#fff;padding:78px 0}.service-redesign .svc-cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.service-redesign .svc-cta-wrap h2{color:#fff;margin:16px 0 10px}.service-redesign .svc-cta-wrap p{color:#c6d1e0;margin:0;max-width:680px}.service-redesign .svc-cta-wrap .svc-kicker{color:#fff}.service-redesign .svc-cta-wrap .svc-kicker:before{background:#fff}
/* Dryer: a different visual language — technical, circular and linear. */
.service-dryer .svc-hero{background:#071a3a;color:#fff}.service-dryer .svc-hero:before{border-color:rgba(255,255,255,.1);box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.015)}.service-dryer h1,.service-dryer h2,.service-dryer h3{color:#fff}.service-dryer p{color:#c6d1e0}.service-dryer .svc-kicker,.service-dryer .svc-hero-numbers strong,.service-dryer .svc-text-link{color:#fff}.service-dryer .svc-kicker:before{background:#fff}.service-dryer .svc-text-link{border-color:rgba(255,255,255,.3)}.service-dryer .svc-hero-grid{grid-template-columns:.92fr 1.08fr}.service-dryer .dryer-hero-art{height:600px;position:relative;overflow:hidden}.service-dryer .dryer-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,58,.65),transparent 50%,rgba(7,26,58,.15))}.service-dryer .dryer-dial{position:absolute;z-index:2;left:25px;bottom:25px;width:140px;height:140px;border-radius:50%;background:#fff;color:var(--svc-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 50px rgba(0,0,0,.3)}.service-dryer .dryer-dial span{font-size:9px;font-weight:900;letter-spacing:.15em}.service-dryer .dryer-dial strong{font-family:'DM Serif Display',serif;font-size:42px;line-height:1}.service-dryer .dryer-dial i{width:50px;height:2px;background:var(--svc-navy);margin-top:8px}.service-dryer .dryer-status{position:absolute;right:22px;top:22px;z-index:2;color:#fff;border-left:1px solid rgba(255,255,255,.35);padding-left:14px;display:flex;flex-direction:column}.service-dryer .dryer-status small{font-size:9px;letter-spacing:.18em}.service-dryer .dryer-status b{font-size:28px}.service-dryer .dryer-status span{font-size:9px;letter-spacing:.16em}.service-dryer .dryer-control{background:#fff!important}.service-dryer .dryer-control-grid{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.service-dryer .dryer-gauge{display:flex;flex-direction:column;align-items:center}.service-dryer .gauge-ring{width:min(390px,75vw);height:min(390px,75vw);border:1px solid var(--svc-line);border-radius:50%;display:grid;place-items:center;position:relative}.service-dryer .gauge-ring:before,.service-dryer .gauge-ring:after{content:"";position:absolute;border:1px solid var(--svc-line);border-radius:50%}.service-dryer .gauge-ring:before{inset:28px}.service-dryer .gauge-ring:after{inset:80px}.service-dryer .gauge-ring>div{text-align:center;z-index:1}.service-dryer .gauge-ring small{display:block;font-size:9px;letter-spacing:.18em;font-weight:900}.service-dryer .gauge-ring strong{display:block;font-family:'DM Serif Display',serif;font-size:76px;line-height:1;color:var(--svc-navy)}.service-dryer .gauge-ring span{font-size:12px;color:#7c899b}.service-dryer .gauge-scale{width:min(390px,75vw);display:flex;justify-content:space-between;margin-top:20px;font-size:10px;font-weight:900;color:#7c899b}.service-dryer .gauge-scale i{flex:1;height:1px;background:var(--svc-line);margin:5px 10px 0}.service-dryer .dryer-fabric{background:#f4f7fb!important}.service-dryer .dryer-fabric-grid{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.service-dryer .dryer-fabric-photo{height:560px;position:relative;overflow:hidden}.service-dryer .dryer-fabric-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,58,.82))}.service-dryer .dryer-fabric-photo span{position:absolute;z-index:1;left:22px;bottom:20px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.16em}.service-dryer .dryer-fabric-copy h2{margin:18px 0}.service-dryer .dryer-notes{margin-top:32px;border-top:1px solid var(--svc-line)}.service-dryer .dryer-notes p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:16px 0;border-bottom:1px solid var(--svc-line);font-size:12px}.service-dryer .dryer-notes strong{color:var(--svc-navy)}.service-dryer .dryer-notes span{text-align:right}.service-dryer .dryer-timeline{background:#fff!important}.service-dryer .dryer-rail{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--svc-line)}.service-dryer .dryer-rail-item{padding:30px;border-right:1px solid var(--svc-line);border-top:4px solid var(--svc-navy);min-height:220px}.service-dryer .dryer-rail-item b{font-size:11px;color:#8a96a7;letter-spacing:.14em}.service-dryer .dryer-rail-item strong{display:block;font-family:'DM Serif Display',serif;font-size:30px;color:var(--svc-navy);margin:35px 0 8px}.service-dryer .dryer-rail-item span{font-size:13px;color:var(--svc-muted);line-height:1.6}.service-dryer .dryer-capacity{background:var(--svc-navy)!important;color:#fff}.service-dryer .dryer-capacity-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:80px;align-items:center}.service-dryer .dryer-capacity-number{border-right:1px solid rgba(255,255,255,.18);padding-right:50px}.service-dryer .dryer-capacity-number span{font-size:11px;letter-spacing:.18em}.service-dryer .dryer-capacity-number strong{font-family:'DM Serif Display',serif;font-size:170px;line-height:.8;display:block;margin:25px 0 10px}.service-dryer .dryer-capacity-number small{letter-spacing:.16em}.service-dryer .dryer-capacity-copy h2{color:#fff;margin-bottom:18px}.service-dryer .dryer-capacity-copy p{color:#c6d1e0}.service-dryer .dryer-rule{display:flex;gap:14px;align-items:center;margin:30px 0;color:#fff;font-size:13px}.service-dryer .dryer-rule i{width:45px;height:2px;background:#fff}.service-dryer .dryer-capacity .svc-btn-outline{border-color:#fff;color:#fff}.service-dryer .dryer-capacity .svc-btn-outline:hover{background:#fff;color:var(--svc-navy)}.service-dryer .dryer-benefits{background:#fff!important}.service-dryer .dryer-benefits-wrap{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.service-dryer .dryer-benefit-lines>div{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:22px 0;border-bottom:1px solid var(--svc-line)}.service-dryer .dryer-benefit-lines span{font-size:11px;color:#8a96a7}.service-dryer .dryer-benefit-lines strong{font-size:16px;color:var(--svc-navy)}.service-dryer .dryer-benefit-lines p{grid-column:2;margin:0;font-size:13px}.service-dryer .dryer-cta{background:#071a3a!important}
/* Drop & Collect: route / editorial visual language. */
.service-drop .svc-hero{background:#f4f7fb}.service-drop .drop-hero-grid{grid-template-columns:1fr .92fr}.service-drop .drop-hero-photo{height:590px;position:relative;overflow:hidden;background:var(--svc-navy)}.service-drop .drop-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,26,58,.85))}.service-drop .drop-tag{position:absolute;left:22px;bottom:22px;z-index:2;color:#fff;font-size:10px;letter-spacing:.17em;font-weight:900}.service-drop .drop-stamp{position:absolute;right:22px;top:22px;z-index:2;background:#fff;color:var(--svc-navy);width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.18)}.service-drop .drop-stamp span{font-size:8px;letter-spacing:.15em}.service-drop .drop-stamp strong{font-family:'DM Serif Display',serif;font-size:24px;line-height:.9;margin-top:8px}.service-drop .drop-journey{background:#fff!important}.service-drop .drop-route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;border-top:1px solid var(--svc-line);border-bottom:1px solid var(--svc-line)}.service-drop .drop-stop{padding:34px 18px 32px 0}.service-drop .drop-stop span{font-size:10px;font-weight:900;color:#8b97a7}.service-drop .drop-stop b{display:block;color:var(--svc-navy);font-size:16px;margin:20px 0 7px;letter-spacing:.08em}.service-drop .drop-stop small{color:var(--svc-muted);font-size:12px;line-height:1.6}.service-drop .drop-route>i{color:#9aa5b4}.service-drop .drop-counter{background:#f4f7fb!important}.service-drop .drop-counter-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.service-drop .drop-counter-image{height:540px;position:relative;overflow:hidden}.service-drop .drop-counter-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,58,.85))}.service-drop .drop-counter-image span{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff;font-size:10px;letter-spacing:.17em;font-weight:900}.service-drop .drop-counter-copy h2{margin:18px 0}.service-drop .drop-detail-lines{margin:28px 0;border-top:1px solid var(--svc-line)}.service-drop .drop-detail-lines div{padding:15px 0;border-bottom:1px solid var(--svc-line);display:grid;grid-template-columns:110px 1fr;gap:15px}.service-drop .drop-detail-lines b{font-size:10px;letter-spacing:.13em;color:var(--svc-navy)}.service-drop .drop-detail-lines span{font-size:13px;color:var(--svc-muted)}.service-drop .drop-windows{background:#fff!important}.service-drop .drop-windows-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.service-drop .drop-windows h2{margin:18px 0}.service-drop .drop-schedule{border-top:2px solid var(--svc-navy)}.service-drop .drop-schedule div{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid var(--svc-line)}.service-drop .drop-schedule span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#8a96a7}.service-drop .drop-schedule strong{font-family:'DM Serif Display',serif;font-size:28px;color:var(--svc-navy)}.service-drop .drop-schedule small{font-size:11px;color:var(--svc-muted)}.service-drop .drop-care{background:#f4f7fb!important}.service-drop .drop-care-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.service-drop .drop-care-copy h2{margin:18px 0}.service-drop .drop-care-stat{border-top:1px solid var(--svc-line);border-bottom:1px solid var(--svc-line);padding:20px 0;margin:30px 0;display:flex;gap:18px;align-items:center}.service-drop .drop-care-stat strong{font-family:'DM Serif Display',serif;font-size:50px;color:var(--svc-navy)}.service-drop .drop-care-stat span{font-size:13px;color:var(--svc-muted)}.service-drop .drop-care-photo{height:510px;position:relative;overflow:hidden}.service-drop .drop-care-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,26,58,.8))}.service-drop .drop-care-photo div{position:absolute;z-index:1;bottom:20px;left:20px;color:#fff;font-size:10px;letter-spacing:.16em;font-weight:900}.service-drop .drop-check{background:#fff!important}.service-drop .drop-check-head{margin-bottom:35px}.service-drop .drop-checklist{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;border-top:2px solid var(--svc-navy)}.service-drop .drop-checklist p{margin:0;padding:20px 0;border-bottom:1px solid var(--svc-line);font-size:14px;color:var(--svc-ink);display:flex;gap:18px;align-items:center}.service-drop .drop-checklist span{font-size:10px;font-weight:900;color:#8a96a7}.service-drop .drop-cta{background:#071a3a!important}
/* Shared service-detail redesign */
.service-detail-page .detail-hero{background:linear-gradient(135deg,#fff,#f4f7fb);padding:85px 0}.service-detail-page .detail-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.service-detail-page .detail-hero-copy h1{margin-top:20px}.service-detail-page .detail-hero-image{height:560px;position:relative;overflow:hidden;background:var(--svc-navy)}.service-detail-page .detail-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,26,58,.84))}.service-detail-page .detail-hero-caption{position:absolute;z-index:1;left:25px;right:25px;bottom:24px;color:#fff;border-top:1px solid rgba(255,255,255,.35);padding-top:13px;display:flex;justify-content:space-between;gap:20px;align-items:end}.service-detail-page .detail-hero-caption span{font-size:10px;letter-spacing:.15em}.service-detail-page .detail-hero-caption strong{font-size:15px}.service-detail-page .detail-section{padding:100px 0}.service-detail-page .detail-section:nth-child(even){background:#f4f7fb}.service-detail-page .detail-heading{max-width:750px;margin-bottom:42px}.service-detail-page .detail-heading h2{margin-top:18px}.service-detail-page .detail-fact-rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--svc-navy);border-bottom:1px solid var(--svc-line)}.service-detail-page .detail-fact-rail>div{padding:28px 22px 25px 0;border-right:1px solid var(--svc-line)}.service-detail-page .detail-fact-rail>div:not(:first-child){padding-left:22px}.service-detail-page .detail-fact-rail>div:last-child{border-right:0}.service-detail-page .detail-fact-rail span,.service-detail-page .detail-steps b{font-size:10px;color:#8a96a7;font-weight:900;letter-spacing:.15em}.service-detail-page .detail-fact-rail strong{display:block;color:var(--svc-navy);font-size:17px;margin:28px 0 8px}.service-detail-page .detail-fact-rail p{font-size:13px;margin:0}.service-detail-page .detail-process{background:#fff!important}.service-detail-page .detail-process-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.service-detail-page .detail-process h2{margin:18px 0}.service-detail-page .detail-steps{border-top:1px solid var(--svc-line)}.service-detail-page .detail-steps>div{display:grid;grid-template-columns:45px 1fr 1.5fr;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid var(--svc-line)}.service-detail-page .detail-steps h3{font-size:24px}.service-detail-page .detail-steps p{margin:0;font-size:13px}.service-detail-page .detail-feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.service-detail-page .detail-feature-image{height:540px;overflow:hidden}.service-detail-page .detail-feature-copy h2{margin:18px 0}.service-detail-page .detail-feature-list{margin-top:30px;border-top:1px solid var(--svc-line)}.service-detail-page .detail-feature-list p{margin:0;padding:15px 0;border-bottom:1px solid var(--svc-line);display:flex;justify-content:space-between;gap:20px}.service-detail-page .detail-feature-list b{color:var(--svc-navy);font-size:13px}.service-detail-page .detail-feature-list span{font-size:12px}.service-detail-page .detail-included-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.service-detail-page .detail-included-grid h2{margin:18px 0}.service-detail-page .detail-included-list{border-top:2px solid var(--svc-navy)}.service-detail-page .detail-included-list div{display:flex;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid var(--svc-line)}.service-detail-page .detail-included-list span{font-size:10px;color:#8a96a7}.service-detail-page .detail-included-list strong{font-size:15px;color:var(--svc-navy)}.service-detail-page .detail-note{background:#fff!important}.service-detail-page .detail-note-grid{display:grid;grid-template-columns:.35fr 1fr auto;gap:50px;align-items:center}.service-detail-page .detail-note-mark{font-family:'DM Serif Display',serif;font-size:44px;color:var(--svc-navy);letter-spacing:.05em}.service-detail-page .detail-note h2{margin:18px 0 10px}.service-detail-page .detail-final{background:var(--svc-navy)!important;color:#fff}.service-detail-page .detail-final-wrap{text-align:center;max-width:850px}.service-detail-page .detail-final h2{color:#fff;margin:16px 0 12px}.service-detail-page .detail-final p{color:#c6d1e0;max-width:680px;margin:0 auto 28px}.service-detail-page .detail-final .svc-kicker{color:#fff}.service-detail-page .detail-final .svc-kicker:before{background:#fff}
/* Motion */
.service-redesign .svc-animate{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform .85s cubic-bezier(.2,.75,.2,1)}
.service-redesign .svc-animate.in-view{opacity:1;transform:none}.service-redesign .svc-animate:nth-child(2){transition-delay:.08s}.service-redesign .svc-animate:nth-child(3){transition-delay:.16s}.service-redesign .svc-animate:nth-child(4){transition-delay:.24s}
.service-redesign .svc-hero-media,.service-redesign .dryer-hero-art,.service-redesign .drop-hero-photo{animation:svcFloatIn 1s cubic-bezier(.16,1,.3,1) both}.service-redesign .svc-hero-media img,.service-redesign .dryer-hero-art img,.service-redesign .drop-hero-photo img{animation:svcImageReveal 1.35s cubic-bezier(.16,1,.3,1) both}.service-redesign .dryer-dial{animation:svcSpinIn 1.1s cubic-bezier(.16,1,.3,1) .25s both}.service-redesign .dryer-gauge{animation:svcFloatIn 1s cubic-bezier(.16,1,.3,1) both}.service-redesign .drop-stamp{animation:svcPop .9s cubic-bezier(.16,1,.3,1) .35s both}.service-redesign .svc-machine-photo img,.service-redesign .svc-split-photo img,.service-redesign .drop-counter-image img,.service-redesign .drop-care-photo img,.service-redesign .dryer-fabric-photo img,.service-redesign .detail-feature-image img,.service-redesign .detail-hero-image img{transition:transform 1s cubic-bezier(.2,.75,.2,1)}.service-redesign .svc-machine-photo:hover img,.service-redesign .svc-split-photo:hover img,.service-redesign .drop-counter-image:hover img,.service-redesign .drop-care-photo:hover img,.service-redesign .dryer-fabric-photo:hover img,.service-redesign .detail-feature-image:hover img,.service-redesign .detail-hero-image:hover img{transform:scale(1.055)}
@keyframes svcFloatIn{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes svcImageReveal{from{transform:scale(1.08);filter:blur(5px)}to{transform:scale(1);filter:blur(0)}}@keyframes svcSpinIn{from{opacity:0;transform:rotate(-45deg) scale(.75)}to{opacity:1;transform:none}}@keyframes svcPop{from{opacity:0;transform:scale(.6) rotate(-18deg)}to{opacity:1;transform:none}}
@media(max-width:980px){.service-redesign .svc-shell{width:min(100% - 32px,760px)}.service-redesign .svc-hero-grid,.service-redesign .dryer-hero-grid,.service-redesign .drop-hero-grid,.service-redesign .detail-hero-grid,.service-redesign .dryer-control-grid,.service-redesign .dryer-fabric-grid,.service-redesign .dryer-capacity-grid,.service-redesign .dryer-benefits-wrap,.service-redesign .drop-counter-grid,.service-redesign .drop-windows-grid,.service-redesign .drop-care-grid,.service-redesign .detail-process-grid,.service-redesign .detail-feature-grid,.service-redesign .detail-included-grid{grid-template-columns:1fr;gap:45px}.service-redesign .svc-hero{min-height:auto}.service-redesign .svc-hero-media,.service-dryer .dryer-hero-art,.service-drop .drop-hero-photo,.service-detail-page .detail-hero-image{height:500px}.service-redesign .svc-editorial-grid{grid-template-columns:40px 1fr}.service-redesign .svc-editorial-copy{grid-column:2}.service-redesign .svc-machine-stage{grid-template-columns:1fr 1fr}.service-redesign .svc-machine-copy{grid-column:1/-1;grid-row:2;padding:20px 0}.service-redesign .svc-machine-photo.tall{height:450px}.service-redesign .svc-timeline,.service-dryer .dryer-rail,.service-detail-page .detail-fact-rail{grid-template-columns:1fr 1fr}.service-redesign .svc-time-item:nth-child(2){border-right:0}.service-redesign .svc-time-item:nth-child(n+3){border-top:1px solid var(--svc-line)}.service-redesign .svc-price-layout{grid-template-columns:1fr;gap:40px}.service-redesign .svc-cta-wrap{align-items:flex-start;flex-direction:column}.service-dryer .dryer-capacity-number{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:0 0 30px}.service-dryer .dryer-capacity-number strong{font-size:120px}.service-drop .drop-route{grid-template-columns:1fr;gap:0}.service-drop .drop-route>i{display:none}.service-drop .drop-stop{border-bottom:1px solid var(--svc-line);padding:18px 0}.service-drop .drop-checklist{grid-template-columns:1fr}.service-detail-page .detail-note-grid{grid-template-columns:1fr;gap:25px}.service-detail-page .detail-note-mark{font-size:32px}}
@media(max-width:640px){.service-redesign .svc-shell{width:calc(100% - 24px)}.service-redesign .svc-hero-grid{padding:58px 0}.service-redesign h1{font-size:clamp(46px,14vw,68px)}.service-redesign h2{font-size:38px}.service-redesign .svc-hero-copy>p{font-size:16px}.service-redesign .svc-hero-numbers{gap:15px;justify-content:space-between}.service-redesign .svc-hero-numbers strong{font-size:16px}.service-redesign .svc-hero-numbers span{font-size:8px}.service-redesign .svc-section{padding:72px 0}.service-redesign .svc-editorial-grid{display:block}.service-redesign .svc-section-no{display:none}.service-redesign .svc-editorial-image{height:370px;margin-bottom:35px}.service-redesign .svc-editorial-copy{padding:0}.service-redesign .svc-machine-stage{display:block}.service-redesign .svc-machine-photo,.service-redesign .svc-machine-photo.tall{height:360px;margin-bottom:16px}.service-redesign .svc-machine-copy{padding:25px 0 35px}.service-redesign .svc-flow-head{display:block}.service-redesign .svc-timeline,.service-dryer .dryer-rail,.service-detail-page .detail-fact-rail{grid-template-columns:1fr}.service-redesign .svc-time-item,.service-redesign .svc-time-item:not(:first-child),.service-dryer .dryer-rail-item,.service-detail-page .detail-fact-rail>div,.service-detail-page .detail-fact-rail>div:not(:first-child){border-right:0;border-bottom:1px solid var(--svc-line);padding:22px 0}.service-redesign .svc-split-grid{display:block;min-height:0}.service-redesign .svc-split-copy{padding:0 0 35px}.service-redesign .svc-split-photo{min-height:390px}.service-redesign .svc-price-table>div{grid-template-columns:1fr auto}.service-redesign .svc-price-table strong{font-size:28px}.service-dryer .dryer-hero-art,.service-drop .drop-hero-photo,.service-detail-page .detail-hero-image{height:380px}.service-dryer .dryer-dial{width:105px;height:105px}.service-dryer .dryer-dial strong{font-size:32px}.service-dryer .gauge-ring{width:290px;height:290px}.service-dryer .gauge-scale{width:290px}.service-dryer .dryer-fabric-photo,.service-dryer .dryer-capacity-number{height:auto}.service-dryer .dryer-capacity-number strong{font-size:100px}.service-dryer .dryer-notes p,.service-drop .drop-schedule div,.service-detail-page .detail-feature-list p{display:block}.service-dryer .dryer-notes span,.service-drop .drop-schedule small,.service-detail-page .detail-feature-list span{display:block;text-align:left;margin-top:5px}.service-drop .drop-counter-image,.service-drop .drop-care-photo,.service-detail-page .detail-feature-image{height:380px}.service-drop .drop-schedule strong{font-size:23px}.service-drop .drop-checklist p{font-size:13px}.service-detail-page .detail-steps>div{grid-template-columns:35px 1fr}.service-detail-page .detail-steps p{grid-column:2}.service-detail-page .detail-hero-caption{display:block}.service-detail-page .detail-hero-caption strong{display:block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.service-redesign *,.service-redesign *:before,.service-redesign *:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* =========================================================
   SERVICE FINAL FIX — visible first paint + navy/white motion
   Scoped to service pages only. Existing non-service pages unchanged.
========================================================= */
.service-redesign{
  --svc-navy:#071b3b;
  --svc-navy-2:#0b2a56;
  --svc-ink:#0b1932;
  --svc-muted:#5e6d82;
  --svc-line:#d7e0ea;
  --svc-paper:#ffffff;
  --svc-soft:#f3f6fa;
  --svc-white:#ffffff;
  --svc-shadow:0 24px 70px rgba(7,27,59,.14);
  background:#fff;
  color:var(--svc-ink);
}
.service-redesign .svc-main{background:#fff}
.service-redesign .svc-kicker{color:var(--svc-navy)}
.service-redesign .svc-kicker:before{background:var(--svc-navy)}
.service-redesign h1,.service-redesign h2,.service-redesign h3{color:var(--svc-navy)}
.service-redesign .svc-btn-primary{background:var(--svc-navy);box-shadow:0 16px 34px rgba(7,27,59,.20)}
.service-redesign .svc-btn-primary:hover{background:var(--svc-navy-2)}
.service-redesign .svc-btn-outline{border-color:var(--svc-navy);color:var(--svc-navy)}
.service-redesign .svc-btn-outline:hover{background:var(--svc-navy);color:#fff}
.service-redesign .svc-text-link,.service-redesign .svc-inline-cta{color:var(--svc-navy);border-color:rgba(7,27,59,.25)}
.service-redesign .svc-hero{background:linear-gradient(135deg,#fff 0%,#f5f7fa 70%,#edf2f7 100%)}
.service-redesign .svc-section:nth-child(even){background:#f3f6fa}
.service-redesign .svc-hero-media{background:var(--svc-navy)}
.service-redesign .svc-price-table{border-top-color:var(--svc-navy)}
.service-redesign .svc-price-table span,.service-redesign .svc-price-table strong,.service-redesign .svc-stat-line strong{color:var(--svc-navy)}
.service-redesign .svc-section-cta{background:var(--svc-navy)!important}
.service-redesign .svc-section-cta h2{color:#fff}
.service-redesign .svc-section-cta p{color:#cbd6e5}
.service-redesign .svc-section-cta .svc-kicker{color:#fff}
.service-redesign .svc-section-cta .svc-kicker:before{background:#fff}
.service-redesign .detail-final{background:var(--svc-navy)!important}
.service-redesign .detail-final h2{color:#fff}
.service-redesign .detail-final p{color:#cbd6e5}
.service-redesign .detail-final .svc-kicker{color:#fff}
.service-redesign .detail-final .svc-kicker:before{background:#fff}
.service-redesign .svc-animate{
  opacity:1!important;
  transform:none!important;
  animation:svcRevealFinal .8s cubic-bezier(.16,1,.3,1) both;
}
.service-redesign .svc-animate:nth-child(2){animation-delay:.10s}
.service-redesign .svc-animate:nth-child(3){animation-delay:.18s}
.service-redesign .svc-animate:nth-child(4){animation-delay:.26s}
@keyframes svcRevealFinal{
  from{opacity:0;transform:translateY(28px) scale(.985)}
  to{opacity:1;transform:none}
}
.service-redesign .svc-hero-media img,
.service-redesign .dryer-hero-art img,
.service-redesign .drop-hero-photo img,
.service-redesign .detail-hero-image img{animation:svcImageFinal 1.15s cubic-bezier(.16,1,.3,1) both}
@keyframes svcImageFinal{from{transform:scale(1.08);filter:blur(4px)}to{transform:scale(1);filter:blur(0)}}
.service-redesign .svc-machine-photo:hover img,
.service-redesign .svc-split-photo:hover img,
.service-redesign .drop-counter-image:hover img,
.service-redesign .drop-care-photo:hover img,
.service-redesign .dryer-fabric-photo:hover img,
.service-redesign .detail-feature-image:hover img,
.service-redesign .detail-hero-image:hover img{transform:scale(1.06)}
@media(prefers-reduced-motion:reduce){.service-redesign .svc-animate,.service-redesign .svc-hero-media img,.service-redesign .dryer-hero-art img,.service-redesign .drop-hero-photo img,.service-redesign .detail-hero-image img{animation:none!important;transform:none!important;opacity:1!important}}

/* =========================================================
   PREMIUM SERVICE REBUILD — NAVY / WHITE, 7 DISTINCT SECTIONS
   Added without altering Home 1 base styles.
========================================================= */
.premium-service{--ps-navy:#06152f;--ps-navy2:#09295b;--ps-blue:#1268e8;--ps-paper:#f7f9fc;--ps-soft:#edf3f9;--ps-ink:#0a1932;--ps-muted:#5d6d84;--ps-line:#d9e2ec;background:#fff;color:var(--ps-ink)}
.premium-service .ps-main{padding-top:84px;overflow:hidden}.premium-service .ps-section{position:relative;overflow:hidden;padding:76px 0}.premium-service .ps-wrap{width:min(1240px,92%);margin:auto}.premium-service .ps-section h1,.premium-service .ps-section h2{font-family:"DM Serif Display",serif;letter-spacing:-1.8px;line-height:.98}.premium-service .ps-section h1{font-size:clamp(52px,6.5vw,88px);margin:16px 0 22px}.premium-service .ps-section h2{font-size:clamp(38px,4.3vw,64px);margin:10px 0 18px}.premium-service .ps-section p{font-size:15px;line-height:1.8;color:var(--ps-muted)}
.premium-service .ps-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:2px;color:var(--ps-blue);text-transform:uppercase}.premium-service .ps-eyebrow:before{content:"";width:28px;height:3px;background:var(--ps-navy);border-radius:99px}.premium-service .ps-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.premium-service .ps-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;background:var(--ps-navy);color:#fff;font-size:12px;font-weight:900;border-radius:10px;transition:.35s ease;box-shadow:0 12px 25px rgba(6,21,47,.14)}.premium-service .ps-btn:hover{transform:translateY(-4px);background:var(--ps-blue)}.premium-service .ps-btn-light{background:#fff;color:var(--ps-navy);box-shadow:none}.premium-service .ps-text-link{display:inline-flex;align-items:center;gap:9px;color:var(--ps-navy);font-size:12px;font-weight:900;border-bottom:2px solid var(--ps-navy);padding-bottom:5px;transition:.3s ease}.premium-service .ps-text-link:hover{transform:translateX(5px);color:var(--ps-blue);border-color:var(--ps-blue)}
.premium-service .ps-reveal{opacity:0;transform:translateY(36px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}.premium-service .ps-reveal[data-anim="left"]{transform:translateX(-46px)}.premium-service .ps-reveal[data-anim="right"]{transform:translateX(46px)}.premium-service .ps-reveal[data-anim="zoom"]{transform:scale(.92) translateY(18px)}.premium-service .ps-reveal.is-in{opacity:1;transform:none}.premium-service [data-ps] .ps-reveal:nth-child(2){transition-delay:.08s}.premium-service [data-ps] .ps-reveal:nth-child(3){transition-delay:.16s}.premium-service [data-ps] .ps-reveal:nth-child(4){transition-delay:.24s}
/* SELF — editorial / machine-floor language */
.ps-self-hero{background:linear-gradient(135deg,#06152f 0%,#09295b 100%);color:#fff;min-height:620px}.ps-self-hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-150px;top:50px;animation:psOrbit 18s linear infinite}.ps-self-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;min-height:535px}.ps-self-hero .ps-eyebrow{color:#9bbce3}.ps-self-hero .ps-eyebrow:before{background:#fff}.ps-self-hero h1{color:#fff}.ps-self-hero h1 em{color:#7fc9ff;font-style:normal}.ps-self-hero p{color:#c5d7eb;max-width:580px}.ps-self-hero .ps-text-link{color:#fff;border-color:#fff}.ps-micro-stats{display:flex;gap:28px;margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}.ps-micro-stats span{font-size:10px;color:#9eb6d0;text-transform:uppercase;letter-spacing:1px}.ps-micro-stats b{display:block;color:#fff;font-size:20px;letter-spacing:0;margin-bottom:3px}.ps-self-photo{height:455px;position:relative;z-index:2}.ps-self-photo img{width:82%;height:100%;object-fit:cover;margin-left:auto;box-shadow:25px 25px 0 rgba(255,255,255,.08);filter:saturate(.88)}.ps-photo-tag{position:absolute;left:0;bottom:35px;background:#fff;color:var(--ps-navy);padding:17px 20px;min-width:190px;box-shadow:0 18px 40px rgba(0,0,0,.22)}.ps-photo-tag strong{display:block;font-size:10px;letter-spacing:1.5px}.ps-photo-tag span{font-size:11px;color:#63748a}.ps-photo-number{position:absolute;right:3%;top:25px;color:#fff;font-family:"DM Serif Display";font-size:100px;line-height:1;opacity:.12}
.ps-self-editorial{background:#fff}.ps-editorial-grid{display:grid;grid-template-columns:70px .95fr 1.05fr;gap:40px;align-items:center}.ps-side-number{font-size:11px;font-weight:900;letter-spacing:2px;color:#8392a7;writing-mode:vertical-rl}.ps-editorial-image{height:410px;position:relative}.ps-editorial-image img{width:100%;height:100%;object-fit:cover}.ps-editorial-image span{position:absolute;bottom:0;left:0;background:var(--ps-navy);color:#fff;padding:11px 14px;font-size:9px;font-weight:900;letter-spacing:1.4px}.ps-editorial-copy{padding:10px 0 10px 25px}.ps-rule-list{margin:28px 0 24px;border-top:1px solid var(--ps-line)}.ps-rule-list div{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--ps-line);font-size:13px;font-weight:800}.ps-rule-list b{font-size:10px;color:var(--ps-blue);width:28px}.ps-rule-list span{color:var(--ps-ink)}
.ps-self-capacity{background:var(--ps-paper)}.ps-section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:36px}.ps-section-head>p{max-width:430px}.ps-capacity-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ps-navy);border-bottom:1px solid var(--ps-navy)}.ps-capacity-item{position:relative;padding:30px 25px 34px;border-right:1px solid var(--ps-line);min-height:230px;transition:.4s ease}.ps-capacity-item:last-child{border-right:0}.ps-capacity-item:hover,.ps-capacity-item.featured{background:#fff;transform:translateY(-7px);box-shadow:0 22px 40px rgba(6,21,47,.08)}.ps-capacity-item span{font-size:9px;letter-spacing:2px;font-weight:900;color:var(--ps-blue)}.ps-capacity-item strong{display:block;font-family:"DM Serif Display";font-size:44px;color:var(--ps-navy);margin:8px 0}.ps-capacity-item p{max-width:250px}.ps-capacity-item>b{position:absolute;right:22px;bottom:18px;font-size:10px;color:#93a2b5}
.ps-self-flow,.ps-dryer-cycle{background:var(--ps-navy);color:#fff}.ps-self-flow .ps-eyebrow,.ps-dryer-cycle .ps-eyebrow{color:#9fc8f2}.ps-self-flow .ps-eyebrow:before,.ps-dryer-cycle .ps-eyebrow:before{background:#fff}.ps-self-flow h2,.ps-dryer-cycle h2{color:#fff}.ps-flow-head{max-width:650px}.ps-flow-head p{color:#a9bdd4!important}.ps-flow-rail{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:45px}.ps-flow-rail:before{content:"";position:absolute;left:8%;right:8%;top:34px;border-top:1px dashed rgba(255,255,255,.35)}.ps-flow-step{text-align:center;position:relative}.ps-flow-step i{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#09295b;border:1px solid rgba(255,255,255,.18);font-size:20px;position:relative;z-index:2;transition:.4s}.ps-flow-step:hover i{transform:translateY(-8px) rotate(8deg);background:#fff;color:var(--ps-navy)}.ps-flow-step b{display:block;font-size:9px;letter-spacing:1.5px;color:#79bfff;margin-top:16px}.ps-flow-step strong{display:block;font-family:"DM Serif Display";font-size:28px;margin-top:5px}.ps-flow-step span{display:block;color:#a9bdd4;font-size:11px;margin-top:3px}
.ps-self-image{background:#fff}.ps-image-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.ps-image-story.reverse{grid-template-columns:1.1fr .9fr}.ps-image-story.reverse .ps-image-story-copy{order:2}.ps-image-story.reverse .ps-image-window{order:1}.ps-image-story-copy{padding:10px 0}.ps-stat-row{display:flex;gap:26px;margin:28px 0}.ps-stat-row span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#6d7c91}.ps-stat-row b{display:block;font-size:19px;color:var(--ps-navy);letter-spacing:0}.ps-image-window{height:410px;position:relative;overflow:hidden}.ps-image-window.tall{height:480px}.ps-image-window img{width:100%;height:100%;object-fit:cover;transition:1.2s}.ps-image-window:hover img{transform:scale(1.06)}.ps-image-caption{position:absolute;bottom:0;left:0;background:#fff;color:var(--ps-navy);padding:12px 16px;font-size:9px;font-weight:900;letter-spacing:1.3px}
.ps-self-pricing{background:#edf3f9}.ps-pricing-strip{display:grid;grid-template-columns:.9fr 1.5fr;gap:60px;align-items:center}.ps-price-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ps-navy);border-bottom:1px solid var(--ps-navy)}.ps-price-list>div{padding:22px 18px;border-right:1px solid #d4deea}.ps-price-list>div.active{background:#fff}.ps-price-list span{display:block;font-size:9px;font-weight:900;letter-spacing:1.2px;color:#73839a}.ps-price-list strong{display:block;font-family:"DM Serif Display";font-size:34px;color:var(--ps-navy);margin:4px 0}.ps-price-list small{font-size:9px;color:#8493a6}.ps-price-list>a{grid-column:1/-1;padding:15px 18px;border-top:1px solid #d4deea}
.ps-final-band{background:var(--ps-navy);color:#fff;padding:40px 48px;display:flex;align-items:center;justify-content:space-between;gap:35px}.ps-final-band h2{color:#fff;margin-bottom:8px}.ps-final-band p{color:#b8cbe0!important}.ps-final-band .ps-eyebrow{color:#8fb9e9}.ps-final-band .ps-eyebrow:before{background:#fff}
/* DRYER — technical / temperature / time */
.ps-dryer-hero{background:#fff}.ps-dryer-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;min-height:535px}.ps-dryer-copy h1 em{font-style:normal;color:var(--ps-blue)}.ps-dryer-visual{height:470px;position:relative;overflow:hidden;background:#e9eff5}.ps-dryer-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.72)}.ps-dryer-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,47,.22),transparent 55%)}.ps-dial{position:absolute;right:30px;top:30px;width:125px;height:125px;border-radius:50%;background:var(--ps-navy);color:#fff;display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 18px 35px rgba(6,21,47,.25);z-index:2;animation:psFloat 4s ease-in-out infinite}.ps-dial span{font-size:8px;letter-spacing:2px}.ps-dial strong{font-family:"DM Serif Display";font-size:30px}.ps-dial i{width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:0 -42px 0 #fff,0 42px 0 #fff;position:absolute}.ps-temp{position:absolute;bottom:0;left:0;background:#fff;padding:15px 20px;z-index:2;font-size:11px;font-weight:900;color:var(--ps-navy)}.ps-temp small{display:block;color:#77869b;font-weight:700;font-size:9px}
.ps-dryer-spectrum{background:var(--ps-paper)}.ps-spectrum-head{max-width:720px}.ps-spectrum{margin-top:40px}.ps-spectrum-axis{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#75859a}.ps-spectrum-track{height:12px;background:linear-gradient(90deg,#cbd9e8,#7896b9,#06152f);margin:18px 0 24px;position:relative}.ps-spectrum-track i{position:absolute;left:var(--p);top:50%;width:18px;height:18px;background:#fff;border:4px solid var(--ps-navy);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 5px 15px rgba(6,21,47,.15)}.ps-spectrum-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.ps-spectrum-notes span{font-size:11px;color:#708096}.ps-spectrum-notes b{display:block;color:var(--ps-navy);font-size:14px}
.ps-two-column{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.ps-dryer-photo{height:420px;position:relative;overflow:hidden}.ps-dryer-photo img{width:100%;height:100%;object-fit:cover}.ps-dryer-photo span{position:absolute;bottom:0;left:0;background:var(--ps-navy);color:#fff;padding:12px 15px;font-size:9px;font-weight:900;letter-spacing:1.2px}.ps-quote-line{border-left:3px solid var(--ps-navy);padding:10px 0 10px 17px;margin:28px 0;color:var(--ps-navy);font-family:"DM Serif Display";font-size:22px;line-height:1.2}
.ps-cycle-top{max-width:620px}.ps-cycle-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.22);margin-top:42px}.ps-cycle-node{padding:28px 20px;border-right:1px solid rgba(255,255,255,.13);min-height:185px}.ps-cycle-node:last-child{border-right:0}.ps-cycle-node b{font-size:9px;color:#7fc1ff;letter-spacing:1.5px}.ps-cycle-node strong{display:block;font-family:"DM Serif Display";font-size:30px;margin:18px 0 7px}.ps-cycle-node span{font-size:11px;color:#a7bdd5}
.ps-dryer-time{background:#fff}.ps-time-grid{display:grid;grid-template-columns:330px 1fr;gap:75px;align-items:center}.ps-time-display{height:320px;background:var(--ps-navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:18px 18px 0 #dce5ee}.ps-time-display small{font-size:9px;letter-spacing:2px;color:#9db6d2}.ps-time-display strong{font-family:"DM Serif Display";font-size:120px;line-height:.85}.ps-time-display>span{font-size:10px;letter-spacing:2px}.ps-ticks{display:flex;gap:6px;margin-top:18px}.ps-ticks i{width:28px;height:4px;background:#fff;opacity:.2}.ps-ticks i.on{opacity:1}.ps-time-facts{display:flex;gap:24px;margin:25px 0}.ps-time-facts span{font-size:9px;color:#718197;text-transform:uppercase}.ps-time-facts b{display:block;font-size:16px;color:var(--ps-navy);letter-spacing:0}
.ps-dryer-photo-band{background:#edf3f9}.ps-photo-band{display:grid;grid-template-columns:1.15fr .85fr;min-height:350px;align-items:stretch}.ps-band-main{width:100%;height:100%;min-height:350px;object-fit:cover}.ps-band-copy{padding:55px 45px;background:#fff;display:flex;flex-direction:column;justify-content:center}.ps-band-copy h2{font-size:46px}
/* DROP — service journey / ticket / windows */
.ps-drop-hero{background:var(--ps-paper)}.ps-drop-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;min-height:535px}.ps-drop-copy h1 em{font-style:normal;color:var(--ps-blue)}.ps-drop-collage{height:470px;position:relative}.ps-drop-collage img{position:absolute;object-fit:cover;box-shadow:0 25px 55px rgba(6,21,47,.15)}.ps-drop-collage .back{width:72%;height:82%;right:0;top:0}.ps-drop-collage .front{width:52%;height:54%;left:0;bottom:0;border:10px solid var(--ps-paper)}.ps-drop-stamp{position:absolute;right:9%;bottom:12%;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--ps-navy);color:#fff;font-size:11px;font-weight:900;line-height:1.25;letter-spacing:1px;transform:rotate(-9deg);animation:psFloat 4s ease-in-out infinite}
.ps-drop-ticket{background:#fff}.ps-ticket-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.ps-ticket{border-top:7px solid var(--ps-navy);padding:22px 25px;background:#f5f8fb;position:relative}.ps-ticket:before,.ps-ticket:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:-14px}.ps-ticket:before{left:-10px}.ps-ticket:after{right:-10px}.ps-ticket-top{display:flex;justify-content:space-between;border-bottom:1px dashed #bfcbd9;padding-bottom:15px;font-size:9px;font-weight:900;letter-spacing:1px}.ps-ticket-top b{color:var(--ps-blue)}.ps-ticket-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #dbe3ec;font-size:11px}.ps-ticket-row span{color:#8190a4;font-size:9px;font-weight:900;letter-spacing:1.2px}.ps-ticket-row strong{color:var(--ps-navy)}.ps-ticket-bar{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:10px;align-items:center;margin-top:20px;font-size:8px;font-weight:900;color:#76869b}.ps-ticket-bar i{width:9px;height:9px;border-radius:50%;background:var(--ps-blue);box-shadow:0 0 0 5px rgba(18,104,232,.08)}
.ps-drop-flow{background:var(--ps-navy);color:#fff}.ps-drop-flow .ps-eyebrow{color:#9fc8f2}.ps-drop-flow .ps-eyebrow:before{background:#fff}.ps-drop-flow h2{color:#fff}.ps-journey{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-top:1px solid rgba(255,255,255,.2)}.ps-journey-step{position:relative;padding:28px 20px;border-right:1px solid rgba(255,255,255,.14);min-height:190px}.ps-journey-step:last-child{border-right:0}.ps-journey-step>span{font-size:9px;color:#7fc1ff;font-weight:900;letter-spacing:1.5px}.ps-journey-step i{display:block;font-size:24px;margin:22px 0 12px}.ps-journey-step b{font-family:"DM Serif Display";font-size:28px}.ps-journey-step small{display:block;color:#a9bdd4;font-size:11px;margin-top:4px}
.ps-drop-window{background:#fff}.ps-window-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ps-navy);border-bottom:1px solid var(--ps-navy)}.ps-window-line>div{padding:26px 20px;border-right:1px solid var(--ps-line);transition:.35s}.ps-window-line>div:last-child{border-right:0}.ps-window-line>div.active,.ps-window-line>div:hover{background:var(--ps-navy);color:#fff}.ps-window-line span{font-size:9px;letter-spacing:1.5px;font-weight:900;color:var(--ps-blue)}.ps-window-line>div.active span{color:#9fc8f2}.ps-window-line strong{display:block;font-family:"DM Serif Display";font-size:28px;margin:8px 0}.ps-window-line small{font-size:10px;color:#73839a}.ps-window-line>div.active small{color:#b4c9df}
.ps-drop-quote{background:#edf3f9}.ps-quote-layout{display:grid;grid-template-columns:180px 1fr;gap:50px;align-items:center}.ps-quote-mark{font-family:"DM Serif Display";font-size:170px;color:var(--ps-navy);line-height:.7}.ps-drop-quote h2{max-width:800px}
/* DETAIL — common, polished and aligned */
.ps-detail-hero{background:linear-gradient(135deg,#06152f,#09295b);color:#fff}.ps-detail-hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:65px;align-items:center;min-height:530px}.ps-detail-copy .ps-eyebrow{color:#9fc8f2}.ps-detail-copy .ps-eyebrow:before{background:#fff}.ps-detail-copy h1{color:#fff}.ps-detail-copy h1 em{color:#7fc9ff;font-style:normal}.ps-detail-copy p{color:#c4d6ea;max-width:600px}.ps-detail-copy .ps-text-link{color:#fff;border-color:#fff}.ps-detail-visual{height:430px;position:relative}.ps-detail-visual img{width:100%;height:100%;object-fit:cover;box-shadow:22px 22px 0 rgba(255,255,255,.08)}.ps-detail-label{position:absolute;bottom:0;left:0;background:#fff;color:var(--ps-navy);padding:12px 15px;font-size:9px;font-weight:900;letter-spacing:1.4px}.ps-detail-facts{background:#fff}.ps-detail-fact-intro{max-width:700px}.ps-detail-facts-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ps-navy);border-bottom:1px solid var(--ps-navy);margin-top:35px}.ps-detail-facts-line div{padding:25px 18px;border-right:1px solid var(--ps-line)}.ps-detail-facts-line div:last-child{border-right:0}.ps-detail-facts-line b{display:block;font-family:"DM Serif Display";font-size:30px;color:var(--ps-navy)}.ps-detail-facts-line span{font-size:9px;color:#73839a;font-weight:900;letter-spacing:1px;text-transform:uppercase}.ps-detail-guide{background:var(--ps-paper)}.ps-detail-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ps-guide-image{height:430px;overflow:hidden}.ps-guide-image img{width:100%;height:100%;object-fit:cover}.ps-guide-list{margin-top:25px;border-top:1px solid var(--ps-line)}.ps-guide-list div{display:flex;gap:18px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ps-line);font-size:12px;font-weight:800}.ps-guide-list b{font-size:9px;color:var(--ps-blue);width:25px}.ps-detail-process{background:#fff}.ps-detail-process-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid var(--ps-navy);border-bottom:1px solid var(--ps-navy)}.ps-detail-process-line div{padding:25px 18px;border-right:1px solid var(--ps-line)}.ps-detail-process-line div:last-child{border-right:0}.ps-detail-process-line b{font-size:9px;color:var(--ps-blue)}.ps-detail-process-line strong{display:block;font-family:"DM Serif Display";font-size:28px;margin:14px 0 4px}.ps-detail-process-line span{font-size:10px;color:#73839a}.ps-detail-image{background:#edf3f9}.ps-detail-image-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.ps-detail-photo{height:420px;position:relative;overflow:hidden}.ps-detail-photo img{width:100%;height:100%;object-fit:cover}.ps-detail-photo span{position:absolute;bottom:0;left:0;background:#fff;color:var(--ps-navy);padding:12px 15px;font-size:9px;font-weight:900;letter-spacing:1.2px}.ps-detail-check{background:#fff}.ps-check-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ps-navy);border-bottom:1px solid var(--ps-navy);margin-top:35px}.ps-check-list div{padding:25px 18px;border-right:1px solid var(--ps-line);display:flex;align-items:center;gap:12px;font-size:11px;font-weight:900}.ps-check-list div:last-child{border-right:0}.ps-check-list i{color:var(--ps-blue)}
/* subtle motion */
@keyframes psOrbit{to{transform:rotate(360deg)}}@keyframes psFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
/* dark mode — same navy family, no green replacement */
body.dark .premium-service{background:#06152f;color:#f4f8ff;--ps-paper:#081b38;--ps-soft:#0b2347;--ps-ink:#f4f8ff;--ps-muted:#b2c4da;--ps-line:rgba(255,255,255,.12)}
body.dark .premium-service .ps-self-hero,body.dark .premium-service .ps-drop-flow,body.dark .premium-service .ps-dryer-cycle,body.dark .premium-service .ps-detail-hero{background:linear-gradient(135deg,#030c1d,#061b3e)}
body.dark .premium-service .ps-self-editorial,body.dark .premium-service .ps-dryer-hero,body.dark .premium-service .ps-detail-facts,body.dark .premium-service .ps-detail-process,body.dark .premium-service .ps-detail-check,body.dark .premium-service .ps-drop-ticket,body.dark .premium-service .ps-drop-window,body.dark .premium-service .ps-dryer-time{background:#06152f;color:#f4f8ff}
body.dark .premium-service .ps-self-capacity,body.dark .premium-service .ps-dryer-spectrum,body.dark .premium-service .ps-dryer-photo-band,body.dark .premium-service .ps-drop-hero,body.dark .premium-service .ps-drop-quote,body.dark .premium-service .ps-detail-guide,body.dark .premium-service .ps-detail-image{background:#081b38;color:#f4f8ff}
body.dark .premium-service .ps-capacity-item:hover,body.dark .premium-service .ps-capacity-item.featured,body.dark .premium-service .ps-price-list>div.active,body.dark .premium-service .ps-band-copy,body.dark .premium-service .ps-photo-tag,body.dark .premium-service .ps-temp,body.dark .premium-service .ps-detail-label,body.dark .premium-service .ps-detail-photo span{background:#0b2347;color:#fff}
body.dark .premium-service .ps-capacity-item strong,body.dark .premium-service .ps-stat-row b,body.dark .premium-service .ps-price-list strong,body.dark .premium-service .ps-rule-list span,body.dark .premium-service .ps-text-link,body.dark .premium-service .ps-window-line strong,body.dark .premium-service .ps-quote-mark,body.dark .premium-service .ps-ticket-row strong,body.dark .premium-service .ps-detail-facts-line b{color:#fff}
body.dark .premium-service .ps-text-link{border-color:#8fc8ff}.dark .premium-service .ps-price-list>div,.dark .premium-service .ps-window-line>div.active{border-color:rgba(255,255,255,.12)}
body.dark .premium-service .ps-ticket{background:#0b2347;border-color:#8fc8ff}.dark .premium-service .ps-ticket:before,.dark .premium-service .ps-ticket:after{background:#06152f}.dark .premium-service .ps-ticket-row{border-color:rgba(255,255,255,.12)}
body.dark .premium-service .ps-btn{background:#fff;color:#06152f}.dark .premium-service .ps-btn:hover{background:#1268e8;color:#fff}.dark .premium-service .ps-final-band{background:#030c1d}
@media(max-width:900px){.premium-service .ps-self-hero-grid,.premium-service .ps-dryer-hero-grid,.premium-service .ps-drop-hero-grid,.premium-service .ps-detail-hero-grid,.premium-service .ps-editorial-grid,.premium-service .ps-image-story,.premium-service .ps-image-story.reverse,.premium-service .ps-two-column,.premium-service .ps-ticket-layout,.premium-service .ps-detail-guide-grid,.premium-service .ps-detail-image-grid,.premium-service .ps-pricing-strip,.premium-service .ps-time-grid,.premium-service .ps-photo-band{grid-template-columns:1fr;gap:34px}.premium-service .ps-side-number{display:none}.premium-service .ps-editorial-copy,.premium-service .ps-image-story-copy{padding:0}.premium-service .ps-self-photo{height:380px}.premium-service .ps-capacity-line,.premium-service .ps-flow-rail,.premium-service .ps-cycle-line,.premium-service .ps-journey,.premium-service .ps-detail-process-line,.premium-service .ps-check-list{grid-template-columns:repeat(2,1fr)}.premium-service .ps-capacity-item:nth-child(2),.premium-service .ps-flow-step:nth-child(2),.premium-service .ps-cycle-node:nth-child(2),.premium-service .ps-journey-step:nth-child(2),.premium-service .ps-detail-process-line div:nth-child(2),.premium-service .ps-check-list div:nth-child(2){border-right:0}.premium-service .ps-capacity-line{border-bottom:0}.premium-service .ps-capacity-item{border-bottom:1px solid var(--ps-line)}.premium-service .ps-detail-facts-line,.premium-service .ps-spectrum-notes,.premium-service .ps-window-line,.premium-service .ps-price-list{grid-template-columns:1fr 1fr}.premium-service .ps-price-list>a{grid-column:1/-1}.premium-service .ps-final-band{padding:34px;flex-direction:column;align-items:flex-start}.premium-service .ps-drop-collage{height:390px}.premium-service .ps-photo-band{display:grid}.premium-service .ps-band-copy{padding:38px}.premium-service .ps-detail-visual{height:390px}}
@media(max-width:760px){.premium-service .ps-main{padding-top:76px}.premium-service .ps-section{padding:58px 0}.premium-service .ps-section h1{font-size:clamp(44px,13vw,68px)}.premium-service .ps-section h2{font-size:clamp(34px,9vw,48px)}.premium-service .ps-self-hero-grid,.premium-service .ps-dryer-hero-grid,.premium-service .ps-drop-hero-grid{min-height:0}.premium-service .ps-self-photo,.premium-service .ps-dryer-visual,.premium-service .ps-drop-collage,.premium-service .ps-detail-visual{height:330px}.premium-service .ps-self-photo img{width:90%}.premium-service .ps-photo-tag{left:0;bottom:18px}.premium-service .ps-micro-stats{gap:15px;flex-wrap:wrap}.premium-service .ps-section-head{display:block}.premium-service .ps-section-head>p{margin-top:15px}.premium-service .ps-capacity-line,.premium-service .ps-flow-rail,.premium-service .ps-cycle-line,.premium-service .ps-journey,.premium-service .ps-detail-process-line,.premium-service .ps-check-list,.premium-service .ps-detail-facts-line,.premium-service .ps-spectrum-notes,.premium-service .ps-window-line,.premium-service .ps-price-list{grid-template-columns:1fr}.premium-service .ps-flow-rail:before{display:none}.premium-service .ps-capacity-item,.premium-service .ps-flow-step,.premium-service .ps-cycle-node,.premium-service .ps-journey-step,.premium-service .ps-detail-process-line div,.premium-service .ps-check-list div,.premium-service .ps-detail-facts-line div,.premium-service .ps-window-line>div,.premium-service .ps-price-list>div{border-right:0!important;border-bottom:1px solid var(--ps-line)}.premium-service .ps-flow-step,.premium-service .ps-cycle-node,.premium-service .ps-journey-step{padding:22px 8px}.premium-service .ps-image-window,.premium-service .ps-image-window.tall,.premium-service .ps-guide-image,.premium-service .ps-detail-photo,.premium-service .ps-dryer-photo{height:300px}.premium-service .ps-stat-row,.premium-service .ps-time-facts{gap:15px;flex-wrap:wrap}.premium-service .ps-time-display{height:260px;box-shadow:12px 12px 0 #dce5ee}.premium-service .ps-time-display strong{font-size:92px}.premium-service .ps-ticket-bar{grid-template-columns:1fr 1fr}.premium-service .ps-ticket-bar i{display:none}.premium-service .ps-quote-layout{grid-template-columns:70px 1fr;gap:20px}.premium-service .ps-quote-mark{font-size:90px}.premium-service .ps-final-band{padding:28px 24px}.premium-service .ps-final-band h2{font-size:38px}.premium-service .ps-band-copy{padding:30px 24px}.premium-service .ps-self-pricing{padding-bottom:10px}}

/* FINAL LOGIN HEADER — intentionally contains no site navigation */
.auth-page .auth-header{position:sticky;top:0;z-index:6000;width:100%;height:76px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}
.auth-page .auth-header-inner{width:min(1240px,calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;direction:ltr}
.auth-page .auth-back{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;text-decoration:none;color:var(--blue);font-size:12px;font-weight:900;padding:10px 14px;border-radius:10px;background:rgba(18,104,232,.07);transition:.25s ease}
.auth-page .auth-back:hover{transform:translateY(-2px);background:rgba(18,104,232,.13)}
.auth-page .auth-actions{display:flex;align-items:center;gap:8px;direction:ltr}
.auth-page .auth-actions .icon-btn{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);background:var(--white);color:var(--text);border-radius:10px;cursor:pointer}
@media(max-width:600px){.auth-page .auth-header{height:68px}.auth-page .auth-header-inner{width:calc(100% - 20px);gap:8px}.auth-page .auth-back{font-size:10px;padding:8px 10px}.auth-page .auth-actions{gap:5px}.auth-page .auth-actions .icon-btn{width:34px;height:34px;border-radius:9px;font-size:11px}}

/* FINAL LOGIN HEADER OVERRIDE — sticky, minimal, responsive */
body.auth-page .auth-header{
  display:block !important;
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  width:100% !important;
  height:76px !important;
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid var(--border) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}
body.auth-page .auth-header-inner{
  width:min(1240px,calc(100% - 32px)) !important;
  height:100% !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  direction:ltr !important;
}
body.auth-page .auth-back{
  order:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
body.auth-page .auth-actions{
  order:2 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
body.auth-page .auth-main{
  min-height:calc(100svh - 76px) !important;
  padding-top:34px !important;
}
html[dir="rtl"] body.auth-page .auth-header-inner{
  direction:rtl !important;
}
html[dir="rtl"] body.auth-page .auth-back{
  order:2 !important;
}
html[dir="rtl"] body.auth-page .auth-actions{
  order:1 !important;
}
html[dir="rtl"] body.auth-page .auth-back i{
  transform:rotate(180deg) !important;
}
@media(max-width:600px){
  body.auth-page .auth-header{height:68px !important;}
  body.auth-page .auth-header-inner{width:calc(100% - 18px) !important;gap:8px !important;}
  body.auth-page .auth-back{font-size:10px !important;padding:8px 10px !important;}
  body.auth-page .auth-actions{gap:5px !important;}
  body.auth-page .auth-actions .icon-btn{width:34px !important;height:34px !important;border-radius:9px !important;}
  body.auth-page .auth-main{min-height:calc(100svh - 68px) !important;padding:24px 10px 32px !important;}
}

/* =========================================================
   LOGIN HEADER — FINAL STICKY + RELIABLE RTL POSITIONING
   Keep the header in normal document flow so sticky works in
   every browser, including pages with horizontal clipping.
========================================================= */
body.auth-page{
  overflow-x:clip !important;
}
body.auth-page .auth-header{
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
  display:block !important;
  width:100% !important;
  height:76px !important;
  flex:none !important;
}
body.auth-page .auth-header-inner{
  direction:ltr !important;
  position:relative !important;
  width:min(1240px,calc(100% - 32px)) !important;
  height:100% !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
body.auth-page .auth-back{
  order:0 !important;
  margin-right:auto !important;
  margin-left:0 !important;
}
body.auth-page .auth-actions{
  order:0 !important;
  margin-left:auto !important;
  margin-right:0 !important;
}
/* RTL: Back Home moves to the right, controls move to the left. */
html[dir="rtl"] body.auth-page .auth-header-inner{
  direction:ltr !important;
}
html[dir="rtl"] body.auth-page .auth-back{
  order:0 !important;
  margin-left:auto !important;
  margin-right:0 !important;
  direction:rtl !important;
}
html[dir="rtl"] body.auth-page .auth-actions{
  order:0 !important;
  margin-right:auto !important;
  margin-left:0 !important;
  direction:rtl !important;
}
html[dir="rtl"] body.auth-page .auth-back i{
  transform:rotate(180deg) !important;
}
@media(max-width:600px){
  body.auth-page .auth-header{height:68px !important;}
  body.auth-page .auth-header-inner{width:calc(100% - 18px) !important;}
}


/* HOME 1 — FIXED VISIBILITY FOR STATS / LIVE MACHINE BOARD */
.stats-section .big-stat strong{
    filter:none !important;
    transform:none !important;
}
.machine-board-fixed{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    animation:home1BoardIn .85s cubic-bezier(.2,.8,.2,1) both;
}
.machine-board-fixed .machine-cell{
    animation:home1CellIn .65s cubic-bezier(.2,.8,.2,1) both;
}
.machine-board-fixed .machine-cell:nth-child(1){animation-delay:.08s}
.machine-board-fixed .machine-cell:nth-child(2){animation-delay:.16s}
.machine-board-fixed .machine-cell:nth-child(3){animation-delay:.24s}
.machine-board-fixed .machine-cell:nth-child(4){animation-delay:.32s}
.machine-board-fixed .machine-cell:nth-child(5){animation-delay:.40s}
.machine-board-fixed .machine-cell:nth-child(6){animation-delay:.48s}
@keyframes home1BoardIn{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}
@keyframes home1CellIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.h2-link {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
    position: relative;
    z-index: 99;
}
/* CONTACT PAGE - TEXT VISIBILITY FIX */
.contact-page,
.contact-hero {
    color: #ffffff !important;
}

.contact-page h1,
.contact-page h2,
.contact-page h3,
.contact-hero h1,
.contact-hero h2,
.contact-hero h3 {
    color: #ffffff !important;
    opacity: 1 !important;
}

.contact-page p,
.contact-hero p {
    color: #dbe8f7 !important;
    opacity: 1 !important;
}

.contact-page .eyebrow,
.contact-hero .eyebrow {
    color: #55d7e6 !important;
    opacity: 1 !important;
}

.contact-page a,
.contact-hero a {
    opacity: 1 !important;
}