/* ALPLINE readable CSS bundle. Source order preserved; edit original files and rebuild. */

/* Source: app.css */
:root{
--night:#07110c;
--forest:#102219;
--leaf:#243b2b;
--gold:#e9b949;
--gold2:#ffd978;
--cream:#f4f0e5;
--ink:#152219;
--muted:#69736c;
--line:#d8d3c5;
--green:#3da76a;
--orange:#f08c37}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;
background:var(--cream);
color:var(--ink);
font-family:'DM Sans',sans-serif}
.grain{
position:fixed;
inset:0;
pointer-events:none;
opacity:.025;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
z-index:99}
h1,h2,h3{
font-family:'Playfair Display',serif}
h1{
font-size:clamp(54px,7vw,112px);
line-height:.93;
letter-spacing:-.055em;
margin:.12em 0}
h2{
font-size:clamp(40px,5vw,72px);
line-height:1;
margin:.15em 0}
h1 em,h2 em{
color:var(--gold);
font-weight:600}
.eyebrow{
font-size:10px;
font-weight:700;
letter-spacing:.24em;
color:var(--gold2)}
.eyebrow.dark{
color:#7d6a2b}
.topbar{
height:86px;
padding:0 5vw;
display:flex;
align-items:center;
justify-content:space-between;
background:#0a150f;
color:white;
border-bottom:1px solid #ffffff18;
position:sticky;
top:0;
z-index:20}
.brand{
display:flex;
align-items:center;
gap:12px;
color:white;
text-decoration:none}
.brand>span:last-child{
display:grid}
.brand b{
font-family:'Playfair Display',serif;
font-size:21px;
letter-spacing:.16em}
.brand small{
font-size:6px;
letter-spacing:.25em;
color:#9ca79f}
.crest{
width:50px;
height:50px;
border:1px solid var(--gold);
border-radius:50%;
display:grid;
place-items:center;
color:var(--gold);
font:25px 'Playfair Display',serif}
.topbar nav{
display:flex;
align-items:center;
gap:22px}
.topbar nav a,.topbar nav button{
color:#c6cec8;
background:none;
border:0;
text-decoration:none;
font:700 9px 'DM Sans';
letter-spacing:.08em;
cursor:pointer}
.topbar nav form{
margin:0}
.flash{
padding:14px 5vw;
font-size:12px}
.flash.success{
background:#dff4e7;
color:#155b32}
.flash.error{
background:#ffe3df;
color:#8c271c}
.hero{
min-height:780px;
padding:110px 7vw;
display:grid;
grid-template-columns:1.05fr .95fr;
gap:70px;
align-items:center;
background:radial-gradient(circle at 75% 40%,#314f3744,transparent 29%),linear-gradient(135deg,#07110c,#14271b);
color:white}
.hero>div>p:not(.eyebrow){
max-width:660px;
color:#aab5ad;
font-size:16px;
line-height:1.75}
.actions{
display:flex;
gap:12px;
margin-top:35px}
.btn{
min-height:50px;
padding:0 24px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid transparent;
text-decoration:none;
font-size:9px;
font-weight:700;
letter-spacing:.13em;
cursor:pointer}
.btn.gold{
background:var(--gold);
color:var(--night)}
.btn.ghost{
border-color:#ffffff38;
color:white}
.btn.dark{
background:var(--night);
color:white}
.hero-orbit{
width:min(520px,90vw);
aspect-ratio:1;
margin:auto;
display:grid;
place-items:center;
position:relative}
.orbit{
position:absolute;
border:1px solid #e9b94955;
border-radius:50%;
animation:spin 22s linear infinite}
.orbit.one{
inset:10%}
.orbit.two{
inset:23%;
animation-direction:reverse;
animation-duration:14s}
.core{
width:150px;
height:150px;
display:grid;
place-items:center;
align-content:center;
border-radius:50%;
background:var(--gold);
color:var(--night);
box-shadow:0 0 90px #e9b94944}
.core b{
font:60px 'Playfair Display',serif}
.core span{
font-size:8px;
letter-spacing:.3em}
.hero-orbit>i{
position:absolute;
padding:11px 14px;
background:#15271c;
border:1px solid #ffffff1c;
color:#d3dcd5;
font-style:normal;
font-size:8px;
letter-spacing:.1em}
.hero-orbit>i:nth-of-type(1){
top:12%;
left:0}
.hero-orbit>i:nth-of-type(2){
right:-3%;
top:42%}
.hero-orbit>i:nth-of-type(3){
bottom:13%;
left:8%}
.product-section,.dashboard>section,.plan,.trust{
padding:95px 6vw}
.product-section>h2{
margin-bottom:45px}
.product-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
border:1px solid var(--line)}
.product-grid article{
padding:18px;
border-right:1px solid var(--line);
background:#faf8f1}
.product-grid article:last-child{
border:0}
.product-image{
height:250px;
display:grid;
place-items:center;
background:#eeeadd;
overflow:hidden}
.product-image img{
width:100%;
height:100%;
object-fit:contain;
mix-blend-mode:multiply}
.product-image span{
text-align:center;
font:24px 'Playfair Display';
color:#8a6c24}
.product-grid article>small{
display:block;
margin-top:18px;
color:#8b917f;
font-size:7px;
letter-spacing:.12em}
.product-grid h3{
min-height:50px;
font-size:21px}
.product-grid article>b{
color:#7b6427}
.product-grid p{
color:var(--muted);
font-size:9px;
line-height:1.6}
.plan{
background:var(--night);
color:white}
.story-grid{
margin-top:50px;
display:grid;
grid-template-columns:repeat(4,1fr)}
.story-grid article{
min-height:250px;
padding:30px;
border:1px solid #ffffff18}
.story-grid span{
color:var(--gold);
font-size:9px}
.story-grid h3{
margin-top:55px;
font-size:24px}
.story-grid p{
color:#96a299;
font-size:11px;
line-height:1.7}
.formula{
margin-top:30px;
padding:25px;
display:flex;
justify-content:center;
gap:20px;
align-items:center;
flex-wrap:wrap;
background:#15271c}
.formula b{
font:18px 'Playfair Display';
color:white}
.formula i{
color:#718077}
.formula strong{
padding:10px 15px;
background:var(--gold);
color:var(--night);
font:22px 'Playfair Display'}
.trust{
display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center}
.trust em{
color:#877025}
.trust>div{
display:grid;
grid-template-columns:1fr 1fr}
.trust span{
padding:22px;
border:1px solid var(--line);
font-size:11px}
.login-shell{
min-height:calc(100vh - 86px);
padding:7vw;
display:grid;
grid-template-columns:1fr 430px;
gap:10vw;
align-items:center;
background:linear-gradient(135deg,#08120c,#1d3424);
color:white}
.login-shell section p:not(.eyebrow){
max-width:620px;
color:#aab5ad;
line-height:1.7}
.login-card{
padding:40px;
display:grid;
gap:18px;
background:#f6f2e7;
color:var(--ink);
box-shadow:0 35px 90px #0007}
.login-card h2{
font-size:37px}
.login-card label{
display:grid;
gap:8px;
font-size:9px;
font-weight:700;
letter-spacing:.08em}
.login-card input{
height:48px;
padding:0 12px;
border:1px solid var(--line);
background:white}
.login-card .check{
display:flex;
align-items:center;
letter-spacing:0;
font-weight:400}
.login-card .check input{
width:16px;
height:16px}
.login-card small{
color:var(--muted);
font-size:8px;
line-height:1.5}
.dashboard{
background:#f0ede3;
min-height:100vh}
.dash-head{
display:flex;
justify-content:space-between;
gap:40px;
align-items:end;
background:linear-gradient(135deg,#07110c,#1a3020);
color:white}
.dash-head h1{
font-size:clamp(52px,7vw,95px)}
.dash-head>div>p:not(.eyebrow){
color:#9eaaa1}
.identity{
min-width:260px;
padding:25px;
border:1px solid #ffffff20;
display:grid;
gap:8px}
.identity small{
font-size:7px;
color:#88948b}
.identity b{
font-family:'Playfair Display';
font-size:22px}
.status{
width:max-content;
padding:5px 8px;
border-radius:20px;
font-size:7px;
font-weight:700;
letter-spacing:.1em}
.status.active{
background:#d5f5e0;
color:#187843}
.status.pending{
background:#ffe6c7;
color:#9e5010}
.metrics{
padding-top:0!important;
display:grid;
grid-template-columns:repeat(4,1fr);
background:var(--night)}
.metrics article{
padding:28px;
border:1px solid #ffffff17;
color:white;
display:grid}
.metrics small{
font-size:7px;
color:#758379;
letter-spacing:.12em}
.metrics b{
margin:12px 0;
color:var(--gold2);
font:30px 'Playfair Display'}
.metrics span{
font-size:8px;
color:#869389}
.admin-radar{
display:grid;
grid-template-columns:.8fr 1.2fr;
align-items:center;
background:#213727;
color:white}
.admin-radar em{
color:var(--gold2)}
.radar-grid{
display:grid;
grid-template-columns:1fr 1fr}
.radar-grid span{
padding:25px;
border:1px solid #ffffff1a;
display:grid}
.radar-grid small{
color:#8f9b92;
font-size:8px}
.radar-grid b{
margin-top:8px;
color:var(--gold2);
font:27px 'Playfair Display'}
.section-title{
display:flex;
justify-content:space-between;
align-items:end;
gap:30px}
.feature-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:40px}
.feature-grid article{
min-height:210px;
padding:25px;
border:1px solid var(--line);
background:#f9f7ef}
.feature-grid article:nth-child(3n){
background:#e5dcc4}
.feature-grid span{
font-size:8px;
color:#8c7b46}
.feature-grid h3{
margin-top:42px;
font-size:21px}
.feature-grid p{
color:var(--muted);
font-size:10px;
line-height:1.6}
.reward-section{
display:grid;
grid-template-columns:.7fr 1.3fr;
gap:60px;
background:var(--night);
color:white}
.reward-section>div:first-child p:not(.eyebrow){
color:#8e9a91;
line-height:1.7}
.reward-track{
display:grid;
grid-template-columns:repeat(3,1fr);
align-items:center}
.reward-track article{
min-height:200px;
padding:25px;
display:grid;
align-content:center;
border:1px solid #ffffff18;
position:relative}
.reward-track i{
width:22px;
height:22px;
border-radius:50%;
display:block;
margin-bottom:25px}
.reward-track b{
font:20px 'Playfair Display'}
.reward-track span{
margin-top:12px;
font-size:25px;
font-weight:700}
.reward-track small{
margin-top:7px;
color:#8e9a91;
font-size:8px}
.reward-track .achieved{
background:#173d27}
.reward-track .achieved i{
background:var(--green);
box-shadow:0 0 0 8px #3da76a22}
.reward-track .next{
background:#3f2617;
border-color:#f08c3766}
.reward-track .next i{
background:var(--orange);
box-shadow:0 0 0 8px #f08c3722}
.reward-track .locked{
opacity:.45}
.reward-track .locked i{
border:2px solid #879087}
.mini-products{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px}
.mini-products article{
padding:12px;
display:flex;
gap:12px;
align-items:center;
background:white;
border:1px solid var(--line)}
.mini-products img{
width:60px;
height:75px;
object-fit:contain}
.mini-products div{
display:grid;
gap:4px}
.mini-products b{
font:15px 'Playfair Display'}
.mini-products span{
font-size:9px}
.mini-products small{
font-size:7px;
color:var(--muted)}
.assist-button{
position:fixed;
right:25px;
bottom:22px;
padding:14px 18px;
border:0;
background:var(--gold);
color:var(--night);
font-weight:700;
box-shadow:0 10px 40px #0004;
cursor:pointer}
.assist{
width:350px;
max-width:calc(100vw - 30px);
position:fixed;
right:25px;
bottom:75px;
display:none;
background:white;
border:1px solid var(--line);
box-shadow:0 25px 70px #0005;
z-index:30}
.assist.open{
display:block}
.assist header{
padding:15px;
display:flex;
justify-content:space-between;
background:var(--night);
color:white}
.assist header button{
background:none;
border:0;
color:white;
font-size:20px}
.assist>div{
height:260px;
padding:15px;
overflow-y:auto;
font-size:11px;
line-height:1.6}
.assist form{
display:flex;
border-top:1px solid var(--line)}
.assist input{
min-width:0;
flex:1;
padding:14px;
border:0}
.assist form button{
border:0;
background:var(--gold);
padding:0 18px}
.admin-page .dash-head{
align-items:center}
.guardrails{
padding-top:20px!important;
padding-bottom:20px!important;
display:grid;
grid-template-columns:repeat(4,1fr);
background:#132219}
.guardrails article{
padding:22px;
display:grid;
border:1px solid #ffffff17}
.guardrails b{
color:var(--gold2);
font:30px 'Playfair Display'}
.guardrails span{
font-size:7px;
color:#87938a;
letter-spacing:.12em}
.control-card{
margin:35px 6vw;
padding:40px;
background:#faf8f1;
border:1px solid var(--line)}
.table-wrap{
overflow:auto}
.control-card table{
width:100%;
border-collapse:collapse;
margin-top:30px;
font-size:10px}
.control-card th,.control-card td{
padding:14px;
text-align:left;
border-bottom:1px solid var(--line)}
.control-card th{
font-size:7px;
letter-spacing:.12em;
color:#6c756e}
.notice{
padding:15px;
background:#ece4cc;
color:#625728;
font-size:9px}
.policy-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
margin-top:30px}
.policy-grid span{
padding:20px;
border:1px solid var(--line);
font-size:10px}
footer{
padding:50px 6vw;
display:grid;
grid-template-columns:1fr 1fr;
gap:15px;
background:#050b07;
color:#919c94}
footer b{
color:var(--gold2);
font:22px 'Playfair Display'}
footer span{
justify-self:end}
footer small{
grid-column:1/3;
color:#5e6961;
font-size:8px}
@keyframes spin{
to{
transform:rotate(360deg)}
}

@media(max-width:1000px){
.hero,.login-shell,.reward-section,.admin-radar,.trust{
grid-template-columns:1fr}
.product-grid{
grid-template-columns:repeat(3,1fr)}
.feature-grid{
grid-template-columns:repeat(3,1fr)}
.mini-products{
grid-template-columns:repeat(2,1fr)}
.story-grid{
grid-template-columns:1fr 1fr}
.hero-orbit{
max-width:480px}
.login-shell{
padding-top:80px}
.login-card{
max-width:500px}
.reward-track{
grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
.topbar{
height:72px;
padding:0 18px}
.topbar nav a:not(:last-of-type){
display:none}
.brand>span:last-child{
display:none}
.hero,.product-section,.dashboard>section,.plan,.trust{
padding:70px 20px}
.hero{
min-height:auto}
.hero-orbit{
transform:scale(.82);
margin-top:-40px;
margin-bottom:-40px}
.product-grid,.feature-grid,.metrics,.guardrails{
grid-template-columns:1fr 1fr}
.product-image{
height:220px}
.story-grid,.reward-track,.policy-grid{
grid-template-columns:1fr}
.dash-head{
display:grid}
.identity{
min-width:0}
.section-title{
align-items:flex-start;
flex-direction:column}
.mini-products{
grid-template-columns:1fr}
.control-card{
margin:20px;
padding:20px}
.login-shell{
padding:60px 20px}
.login-card{
padding:25px}
.trust>div{
grid-template-columns:1fr}
.admin-page .dash-head{
align-items:start}
.footer{
padding:35px 20px}
}

.login-card select{
height:48px;
padding:0 12px;
border:1px solid var(--line);
background:white}
.form-two{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px}
.terms-check{
line-height:1.5}
.terms-check input{
flex:0 0 auto}
.legal-chips{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:25px}
.legal-chips span{
padding:9px 12px;
border:1px solid #ffffff2b;
color:#d4ddd6;
font-size:8px;
letter-spacing:.06em}
.kyc-form{
display:grid;
gap:18px}
.kyc-form label{
display:grid;
gap:8px;
font-size:9px;
font-weight:700;
letter-spacing:.08em}
.kyc-identity{
margin-top:30px;
max-width:360px}
.state-panel{
padding:20px;
border:1px solid var(--line);
background:#eee7d5}
.state-panel b{
font:24px 'Playfair Display'}
.state-panel p{
font-size:10px!important;
line-height:1.7!important;
color:var(--muted)!important}
.success-state{
background:#dff4e7}
.reject-state{
background:#ffe3df}
.status.suspended,.status.closed{
background:#ffe3df;
color:#8c271c}
.activation-strip{
display:flex;
justify-content:space-between;
gap:30px;
align-items:center;
padding-top:36px!important;
padding-bottom:36px!important;
background:#eadfbd}
.activation-strip h2{
font-size:32px}
.activation-strip p{
color:var(--muted);
font-size:10px}
.control-card td{
vertical-align:top}
.control-card td small{
color:var(--muted)}
.member-actions{
display:grid;
gap:8px;
min-width:210px}
.member-actions form{
display:flex;
gap:6px}
.member-actions input{
min-width:130px;
padding:9px;
border:1px solid var(--line)}
.member-actions .btn{
min-height:36px;
padding:0 12px}
.pager{
margin-top:22px;
display:flex;
align-items:center;
justify-content:center;
gap:15px;
font-size:9px}

@media(max-width:700px){
.activation-strip{
align-items:flex-start;
flex-direction:column}
.form-two{
grid-template-columns:1fr}
}

.command-menu{
position:relative;
color:#c6cec8;
font-size:9px;
font-weight:700;
letter-spacing:.08em}
.command-menu summary{
list-style:none;
cursor:pointer;
padding:12px;
border:1px solid #ffffff22}
.command-menu summary::-webkit-details-marker{
display:none}
.command-menu>div{
position:absolute;
right:0;
top:42px;
width:250px;
padding:10px;
display:grid;
grid-template-columns:1fr 1fr;
background:#132219;
border:1px solid #ffffff22;
box-shadow:0 20px 60px #0009}
.command-menu>div a{
padding:12px;
border-bottom:1px solid #ffffff12}
.site-footer{
padding:55px 6vw;
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:35px;
background:#050b07;
color:#919c94}
.site-footer>div{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:9px}
.site-footer b{
color:var(--gold2);
font:22px 'Playfair Display'}
.site-footer strong{
font-size:8px;
letter-spacing:.18em;
color:#d9c271}
.site-footer a,.site-footer span,.site-footer p{
color:#87938a;
text-decoration:none;
font-size:9px;
line-height:1.6}
.site-footer small{
grid-column:1/-1;
padding-top:20px;
border-top:1px solid #ffffff12;
color:#5e6961;
font-size:8px}
.compact{
min-height:34px;
padding:0 12px}
.shop-form{
background:#f0ede3}
.shop-products{
padding:55px 6vw;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px}
.shop-products article{
padding:16px;
background:#faf8f1;
border:1px solid var(--line)}
.shop-products h3{
min-height:52px}
.shop-products p{
font-size:10px;
line-height:1.7}
.shop-products label,.checkout-fields label,.inline-action label,.filter-bar label,.setting-form label{
display:grid;
gap:7px;
font-size:8px;
font-weight:700}
.shop-products input,.checkout-fields input,.checkout-fields select,.checkout-fields textarea,.inline-action input,.inline-action textarea,.return-form select,.return-form textarea,.filter-bar select,.setting-form input,.control-card input,.control-card select,.control-card textarea{
min-height:42px;
padding:10px;
border:1px solid var(--line);
background:white}
.checkout-card{
margin:0 6vw 55px;
padding:45px;
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:55px;
background:#15271c;
color:white}
.checkout-card p{
color:#aab5ad;
font-size:10px;
line-height:1.7}
.checkout-fields{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px}
.checkout-fields .wide{
grid-column:1/-1}
.checkout-fields textarea{
min-height:95px}
.inline-action,.filter-bar,.payout-actions{
margin-top:22px;
display:flex;
align-items:end;
gap:10px;
flex-wrap:wrap}
.return-form{
margin-top:25px;
padding:22px;
display:grid;
gap:10px;
background:#eee7d5}
.return-form textarea{
min-height:100px}
.journey-list{
display:grid;
gap:1px;
background:var(--line)}
.journey-list article{
padding:18px;
background:white}
.journey-list span{
font-size:8px;
color:var(--muted)}
.journey-list b{
display:block;
margin-top:6px}
.journey-list p{
font-size:10px}
.level-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:8px;
margin-top:25px}
.level-grid article{
padding:20px;
display:grid;
background:#eee7d5;
border:1px solid var(--line)}
.level-grid small{
font-size:7px;
letter-spacing:.1em}
.level-grid b{
margin:9px 0;
font:27px 'Playfair Display'}
.level-grid span{
font-size:8px;
color:var(--muted)}
.game-stage{
display:grid!important;
grid-template-columns:.7fr 1.3fr;
gap:70px;
align-items:center}
.game-orb{
width:260px;
aspect-ratio:1;
border-radius:50%;
display:grid;
place-items:center;
align-content:center;
background:radial-gradient(circle,#ffd978,#e9b949 55%,#8e6c1f);
box-shadow:0 25px 80px #9f742b55}
.game-orb span{
font-size:65px}
.game-orb b{
text-align:center;
font:24px 'Playfair Display'}
.conversation-thread{
display:grid;
gap:10px}
.conversation-thread article{
max-width:75%;
padding:16px;
background:#eee7d5}
.conversation-thread article.staff,.conversation-thread article.ai{
margin-left:auto;
background:#dff4e7}
.conversation-thread small{
font-size:7px;
color:var(--muted)}
.conversation-thread p{
font-size:11px;
line-height:1.7}
.setting-form{
display:flex;
gap:6px}
.payout-actions form{
margin:0}

@media(max-width:1050px){
.shop-products{
grid-template-columns:repeat(3,1fr)}
.checkout-card,.game-stage{
grid-template-columns:1fr}
.site-footer{
grid-template-columns:1fr 1fr}
.site-footer small{
grid-column:1/-1}
.level-grid{
grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
.topbar nav>a{
display:none}
.topbar nav>a:last-of-type{
display:block}
.command-menu>div{
position:fixed;
top:72px;
right:10px;
width:min(320px,calc(100vw - 20px))}
.shop-products{
padding:30px 20px;
grid-template-columns:1fr 1fr}
.checkout-card{
margin:0;
padding:35px 20px}
.checkout-fields{
grid-template-columns:1fr}
.checkout-fields .wide{
grid-column:auto}
.site-footer{
grid-template-columns:1fr;
padding:45px 20px}
.level-grid{
grid-template-columns:1fr 1fr}
.game-orb{
width:220px}
.conversation-thread article{
max-width:95%}
}

.site-footer span{
justify-self:auto}

.language-toggle{
border:1px solid rgba(243,200,95,.45);
background:transparent;
color:#f3c85f;
border-radius:999px;
padding:.55rem .8rem;
font-weight:800;
cursor:pointer}


/* V1.1 precision interface: readable, sharp and purpose-led. */
:root{
--night:#07140f;
--forest:#0b2c20;
--leaf:#174c38;
--gold:#d9a62e;
--gold2:#f4ce68;
--cream:#f7f6f1;
--ink:#14241d;
--muted:#596760;
--line:#d9ded8;
--surface:#fff;
--danger:#9b2c2c;
--success:#147447}

html{
font-size:16px}
body{
background:var(--cream);
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif,Arial,sans-serif;
font-size:15px;
line-height:1.6;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility}
h1,h2,h3,.brand b,.identity b,.metrics b,.site-footer b{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif,Georgia,serif;
font-weight:400}
h1{
font-size:clamp(44px,5.6vw,82px);
line-height:1.02;
letter-spacing:-.035em}
h2{
font-size:clamp(31px,3.6vw,52px);
line-height:1.08;
letter-spacing:-.02em}
.eyebrow,.section-kicker{
font-size:12px;
font-weight:800;
letter-spacing:.18em}
.btn{
min-height:48px;
padding:0 22px;
border-radius:4px;
font-size:12px;
font-weight:800;
letter-spacing:.07em}
.btn.outline{
border-color:#aab5ad;
background:white;
color:var(--forest)}

.site-header{
position:sticky;
top:0;
z-index:50;
background:white;
box-shadow:0 2px 14px #10221918}
.utility-bar{
min-height:42px;
padding:0 5.8vw;
display:flex;
align-items:center;
justify-content:space-between;
background:#10241c;
color:white}
.utility-bar nav{
display:flex;
gap:28px;
align-items:center}
.utility-bar a,.utility-bar span{
color:#f2f5f2;
text-decoration:none;
font-size:12px;
font-weight:650}
.main-header{
min-height:92px;
padding:0 5.8vw;
display:flex;
align-items:center;
gap:36px;
background:#fff}
.main-header .brand{
min-width:245px;
color:var(--forest)}
.brand b{
font-size:27px;
letter-spacing:.1em}
.brand small{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:8px;
color:#5d6c64;
letter-spacing:.21em}
.crest{
width:58px;
height:58px;
border:0}
.primary-nav{
display:flex;
align-items:center;
gap:25px;
flex:1}
.primary-nav a{
padding:33px 0 29px;
color:#20312a;
text-decoration:none;
font-size:13px;
font-weight:700;
border-bottom:3px solid transparent}
.primary-nav a:hover{
color:var(--forest);
border-bottom-color:var(--gold)}
.primary-nav .admin-link{
color:#8b6412}
.header-actions{
display:flex;
align-items:center;
gap:12px}
.header-search{
height:44px;
display:flex;
border:1px solid #aeb8b1;
background:#fff}
.header-search input{
width:170px;
border:0;
padding:0 13px;
font:500 13px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.header-search button{
width:43px;
border:0;
background:white;
font-size:23px}
.header-join{
min-height:44px;
padding:0 18px;
display:flex;
align-items:center;
background:var(--forest);
color:white;
text-decoration:none;
font-size:12px;
font-weight:800}
.account-menu{
position:relative}
.account-menu summary{
min-width:96px;
padding:12px 14px;
border:1px solid var(--line);
list-style:none;
cursor:pointer;
font-size:12px;
font-weight:800}
.account-menu>div{
position:absolute;
right:0;
top:48px;
width:220px;
padding:10px;
display:grid;
background:white;
border:1px solid var(--line);
box-shadow:0 20px 50px #0b241a25}
.account-menu a,.account-menu button{
padding:12px;
color:var(--ink);
background:white;
border:0;
border-bottom:1px solid #edf0ed;
text-align:left;
text-decoration:none;
font:650 13px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
cursor:pointer}
.language-toggle{
font-size:12px}
.flash{
padding:14px 6vw;
font-size:14px;
font-weight:700}

.site-footer{
padding:64px 6vw 30px;
grid-template-columns:1.5fr repeat(3,1fr);
gap:42px;
background:#10211b;
color:#dce4df}
.site-footer>div{
gap:12px}
.site-footer .footer-brand{
padding-right:40px}
.footer-brand .crest{
width:68px;
height:68px}
.site-footer b{
font-size:25px;
color:white}
.site-footer strong{
font-size:12px;
color:var(--gold2)}
.site-footer a,.site-footer span,.site-footer p{
font-size:13px;
color:#c1cbc5;
line-height:1.55}
.footer-legal{
grid-column:1/-1;
padding-top:26px;
display:grid!important;
grid-template-columns:1fr 2fr 1fr;
gap:25px;
border-top:1px solid #ffffff1c}
.site-footer small{
font-size:11px;
line-height:1.6;
color:#8fa097}

.registration-page{
min-height:calc(100vh - 134px);
display:grid;
grid-template-columns:minmax(360px,.85fr) minmax(620px,1.15fr);
background:linear-gradient(135deg,#07140f,#174633)}
.registration-intro{
padding:90px 6vw;
color:white;
display:flex;
flex-direction:column;
justify-content:center}
.registration-intro h1{
font-size:clamp(47px,5vw,74px)}
.registration-intro>p:not(.eyebrow){
max-width:600px;
color:#c1cec6;
font-size:16px}
.registration-promise{
margin-top:30px;
display:flex;
flex-wrap:wrap;
gap:9px}
.registration-promise span{
padding:9px 12px;
border:1px solid #ffffff30;
font-size:12px;
font-weight:650}
.registration-workspace{
background:#fff;
padding:55px clamp(28px,5vw,76px)}
.registration-steps{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-bottom:48px;
border-bottom:1px solid var(--line)}
.registration-steps button{
padding:0 5px 18px;
display:flex;
align-items:center;
gap:9px;
border:0;
border-bottom:3px solid transparent;
background:white;
color:#87928b;
font:700 12px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.registration-steps b{
width:28px;
height:28px;
display:grid;
place-items:center;
border:1px solid #aab4ae;
border-radius:50%}
.registration-steps .active{
color:var(--forest);
border-bottom-color:var(--gold)}
.registration-steps .active b,.registration-steps .done b{
background:var(--forest);
border-color:var(--forest);
color:white}
.registration-panel{
display:none}
.registration-panel.active{
display:block}
.registration-panel h2{
font-size:38px;
margin-bottom:28px}
.section-kicker{
color:#9a711c}
.choice-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:15px}
.choice-card{
position:relative;
cursor:pointer}
.choice-card input{
position:absolute;
opacity:0}
.choice-card span{
min-height:170px;
padding:28px;
display:flex;
flex-direction:column;
gap:12px;
border:2px solid var(--line);
background:#fbfcfa}
.choice-card strong{
font:27px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.choice-card small{
font-size:14px;
color:var(--muted)}
.choice-card input:checked+span{
border-color:var(--forest);
box-shadow:inset 0 0 0 3px #d9a62e;
background:#f4f8f5}
.sponsor-modes{
display:flex;
gap:12px;
margin-bottom:22px}
.sponsor-modes label{
padding:15px 18px;
border:1px solid var(--line);
font-size:14px;
font-weight:700}
.sponsor-entry label,.placement-fields label,.form-grid label{
display:grid;
gap:8px;
font-size:13px;
font-weight:800}
.verify-field{
display:grid;
grid-template-columns:1fr auto}
.verify-field input,.placement-fields input,.placement-fields select,.form-grid input{
min-height:52px;
padding:0 14px;
border:1px solid #aeb9b2;
background:white;
font:500 14px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.verify-field button{
padding:0 22px;
border:0;
background:var(--forest);
color:white;
font-weight:800}
.sponsor-result{
margin-top:10px;
padding:15px;
display:grid;
gap:3px;
background:#f1f3f1;
color:var(--muted);
font-size:13px}
.sponsor-result strong{
font-size:17px;
color:var(--ink)}
.sponsor-result span,.sponsor-result small{
font-size:12px}
.sponsor-result.success{
background:#e2f5e9;
color:#176a42}
.sponsor-result.error{
background:#fae8e8;
color:#8d2525}
.placement-fields,.form-grid{
margin-top:20px;
display:grid;
grid-template-columns:1fr 1fr;
gap:16px}
.placement-fields small{
font-weight:500;
color:var(--muted)}
.assistance-note{
padding:22px;
border-left:5px solid var(--gold);
background:#fff5d9}
.assistance-note strong{
font-size:18px}
.assistance-note p{
margin-bottom:0;
color:var(--muted)}
.form-grid .wide{
grid-column:1/-1}
.form-actions{
margin-top:35px;
display:flex;
align-items:center;
justify-content:space-between}
.review-grid{
display:grid;
grid-template-columns:1fr 1fr;
border:1px solid var(--line)}
.review-grid article{
padding:22px;
display:grid;
gap:8px;
border:1px solid var(--line)}
.review-grid small{
font-size:11px;
color:var(--muted);
font-weight:800}
.review-grid strong{
font-size:15px}
.terms-row{
margin-top:24px;
display:flex;
gap:12px;
align-items:flex-start;
font-size:13px}
.terms-row input{
width:18px;
height:18px;
flex:0 0 auto}
.legal-note{
margin-top:18px;
padding:15px;
background:#eef2ef;
color:#43544b;
font-size:12px}

.public-page{
background:white}
.public-hero{
min-height:440px;
padding:80px 7vw;
display:flex;
align-items:center;
justify-content:space-between;
gap:70px;
background:linear-gradient(120deg,#0b2b1e,#1c5a41);
color:white}
.public-hero>div{
max-width:820px}
.public-hero p:not(.eyebrow){
max-width:720px;
color:#d1ddd6;
font-size:17px}
.compact-hero{
min-height:360px}
.catalog-search{
min-width:360px;
display:flex;
background:white}
.catalog-search input{
min-width:0;
flex:1;
padding:16px;
border:0;
font:500 14px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.catalog-search button{
padding:0 22px;
border:0;
background:var(--gold);
font-weight:800}
.catalog-grid{
padding:70px 6vw;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px}
.catalog-grid article{
padding:20px;
border:1px solid var(--line);
background:#fff}
.catalog-image{
height:260px;
display:grid;
place-items:center;
background:#f4f5f2}
.catalog-image img{
width:100%;
height:100%;
object-fit:contain}
.catalog-grid article>small{
display:block;
margin-top:18px;
font-size:11px;
color:var(--muted)}
.catalog-grid h2{
min-height:66px;
font-size:28px}
.catalog-price{
font-size:17px;
font-weight:800}
.catalog-grid dl{
font-size:12px}
.catalog-grid dl div{
padding:9px 0;
border-top:1px solid var(--line)}
.catalog-grid dt{
color:var(--muted)}
.catalog-grid dd{
margin:2px 0}
.disclosure-band,.launch-gate{
padding:30px 7vw;
display:flex;
gap:30px;
align-items:center;
background:#f2e6c6}
.disclosure-band b,.launch-gate strong{
font-size:17px}
.editorial-grid{
padding:75px 7vw;
display:grid;
grid-template-columns:repeat(3,1fr)}
.editorial-grid article{
padding:35px;
border:1px solid var(--line)}
.editorial-grid span{
color:#a77b1d;
font-weight:800}
.editorial-grid h2{
font-size:34px}
.editorial-grid p{
color:var(--muted)}
.process-grid{
padding:70px 7vw;
display:grid;
gap:1px;
background:var(--line)}
.process-grid article{
padding:28px;
display:grid;
grid-template-columns:60px 1fr;
gap:22px;
background:white}
.process-grid article>b{
width:50px;
height:50px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--forest);
color:white}
.process-grid h2{
font-size:28px}
.process-grid p{
color:var(--muted)}
.policy-directory{
padding:70px 7vw;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
background:#f7f6f1}
.policy-directory article{
padding:28px;
background:white;
border:1px solid var(--line)}
.policy-directory h2{
font-size:26px}
.policy-directory p{
min-height:70px;
color:var(--muted)}
.policy-directory span{
font-size:11px;
color:#9b6f12;
font-weight:800}

@media(max-width:1250px){
.main-header{
flex-wrap:wrap;
padding-top:12px;
padding-bottom:12px}
.primary-nav{
order:3;
width:100%;
justify-content:center}
.primary-nav a{
padding:10px}
.registration-page{
grid-template-columns:1fr}
.registration-intro{
padding-top:65px;
padding-bottom:65px}
.catalog-grid{
grid-template-columns:repeat(3,1fr)}
}

@media(max-width:800px){
.utility-bar nav:first-child,.header-search{
display:none}
.main-header{
gap:12px}
.main-header .brand{
min-width:0}
.primary-nav{
overflow:auto;
justify-content:flex-start;
white-space:nowrap}
.header-actions{
margin-left:auto}
.site-footer{
grid-template-columns:1fr 1fr}
.footer-legal{
grid-template-columns:1fr}
.registration-workspace{
padding:38px 20px}
.choice-grid,.placement-fields,.form-grid,.review-grid{
grid-template-columns:1fr}
.form-grid .wide{
grid-column:auto}
.registration-steps span{
display:none}
.catalog-grid,.policy-directory,.editorial-grid{
grid-template-columns:1fr 1fr}
.public-hero{
padding:55px 22px;
display:grid}
.catalog-search{
min-width:0}
.disclosure-band,.launch-gate{
align-items:flex-start;
flex-direction:column}
}

@media(max-width:520px){
.utility-bar{
padding:0 16px}
.utility-bar nav:last-child a:first-child{
display:none}
.main-header{
padding:10px 16px}
.brand small{
display:none}
.crest{
width:47px;
height:47px}
.header-join,.language-toggle{
display:none}
.site-footer,.catalog-grid,.policy-directory,.editorial-grid{
grid-template-columns:1fr}
.site-footer .footer-brand{
padding-right:0}
.registration-intro{
padding:55px 22px}
.registration-intro h1{
font-size:45px}
.registration-steps{
margin-bottom:30px}
.sponsor-modes{
display:grid}
.choice-card span{
min-height:140px}
.public-hero h1{
font-size:44px}
.catalog-grid{
padding:40px 18px}
.catalog-image{
height:240px}
}


.network-page{
min-height:100vh;
background:#f4f5f1}
.network-head{
padding:70px 6vw;
display:grid;
grid-template-columns:1.25fr .75fr;
gap:70px;
align-items:center;
background:linear-gradient(120deg,#07140f,#194b36);
color:white}
.network-head p:not(.eyebrow){
max-width:800px;
color:#c3d1c8;
font-size:16px}
.network-identity{
padding:28px;
display:grid;
gap:7px;
border:1px solid #ffffff30;
background:#0b2118}
.network-identity small{
font-size:11px;
color:#f2c961}
.network-identity b{
font:31px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
overflow-wrap:anywhere}
.network-identity span{
width:max-content;
padding:5px 10px;
background:#dff5e6;
color:#176a42;
font-size:11px;
font-weight:800}
.network-identity p{
margin-bottom:0;
font-size:12px!important}
.placement-alert{
padding:25px 6vw;
display:flex;
align-items:center;
justify-content:space-between;
gap:25px;
background:#fff0c9}
.placement-alert strong{
font-size:18px}
.placement-alert p{
margin:2px 0;
color:#665a39}
.network-metrics{
padding:0 6vw;
display:grid;
grid-template-columns:repeat(4,1fr);
background:#10241c}
.network-metrics article{
padding:28px;
display:grid;
gap:8px;
border-right:1px solid #ffffff19;
color:white}
.network-metrics small{
font-size:11px;
color:#aab9b0}
.network-metrics b{
font:32px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
color:#f3cf6d}
.network-metrics span{
font-size:12px;
color:#aab9b0}
.invite-card{
margin:45px 6vw;
padding:35px;
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
background:white;
border:1px solid var(--line)}
.invite-card h2{
font-size:34px}
.invite-card p{
color:var(--muted)}
.invite-copy{
display:flex}
.invite-copy input{
min-width:0;
flex:1;
padding:14px;
border:1px solid #aab5ad;
font:500 13px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.invite-copy button{
padding:0 20px;
border:0;
background:var(--forest);
color:white;
font-weight:800}
.tree-section,.team-section,.income-trace{
margin:45px 6vw;
padding:40px;
background:white;
border:1px solid var(--line)}
.tree-section .section-title p,.team-section .section-title p{
color:var(--muted)}
.genealogy-scroll{
margin-top:35px;
overflow:auto;
padding:20px 0 30px}
.genealogy-tree{
min-width:900px;
text-align:center}
.genealogy-tree ul{
padding-top:24px;
position:relative;
display:flex;
justify-content:center;
margin:0}
.genealogy-tree li{
list-style:none;
position:relative;
padding:24px 7px 0;
flex:1}
.genealogy-tree li:before,.genealogy-tree li:after{
content:'';
position:absolute;
top:0;
right:50%;
width:50%;
height:24px;
border-top:1px solid #9eaaa3}
.genealogy-tree li:after{
right:auto;
left:50%;
border-left:1px solid #9eaaa3}
.genealogy-tree li:only-child:before,.genealogy-tree li:only-child:after{
display:none}
.genealogy-tree li:only-child{
padding-top:0}
.genealogy-tree li:first-child:before,.genealogy-tree li:last-child:after{
border:0}
.genealogy-tree li:last-child:before{
border-right:1px solid #9eaaa3;
border-radius:0 5px 0 0}
.genealogy-tree li:first-child:after{
border-radius:5px 0 0}
.genealogy-tree ul ul:before{
content:'';
position:absolute;
top:0;
left:50%;
height:24px;
border-left:1px solid #9eaaa3}
.tree-member{
min-width:145px;
min-height:112px;
padding:14px;
display:inline-grid;
gap:3px;
align-content:center;
border:2px solid #1d6549;
border-radius:8px;
background:#f6faf7;
box-shadow:0 7px 18px #183a2c12}
.tree-member.pending{
border-color:#d4a52b;
background:#fff8e4}
.tree-member.empty{
border:1px dashed #aab5ad;
background:#fafbfa;
color:#7b8880;
box-shadow:none}
.tree-leg{
font-size:9px;
font-weight:800;
color:#9b7119}
.tree-member b{
font-size:11px}
.tree-member strong{
font-size:12px}
.tree-member small{
font-size:9px;
color:#647169}
.team-filter{
display:flex;
gap:8px}
.team-filter input,.team-filter select{
min-height:45px;
padding:0 12px;
border:1px solid #aab5ad}
.team-filter button{
padding:0 18px;
border:0;
background:var(--forest);
color:white;
font-weight:800}
.level-strip{
margin:28px 0;
display:grid;
grid-template-columns:repeat(15,1fr);
overflow:auto}
.level-strip article{
min-width:80px;
padding:15px;
display:grid;
border:1px solid var(--line);
background:#f4f5f1}
.level-strip small{
font-size:10px;
color:#8b691c;
font-weight:800}
.level-strip b{
font:24px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.level-strip span{
font-size:9px;
color:var(--muted)}
.team-section table,.income-trace table{
width:100%;
border-collapse:collapse}
.team-section th,.team-section td,.income-trace th,.income-trace td{
padding:14px;
text-align:left;
border-bottom:1px solid var(--line);
font-size:12px}
.team-section th,.income-trace th{
font-size:10px;
letter-spacing:.08em;
color:#68756d}

@media(max-width:850px){
.network-head,.invite-card{
grid-template-columns:1fr}
.network-metrics{
grid-template-columns:1fr 1fr}
.tree-section,.team-section,.income-trace{
margin:25px 18px;
padding:22px}
.team-section .section-title{
align-items:stretch}
.team-filter{
width:100%;
display:grid}
.placement-alert{
align-items:flex-start;
flex-direction:column}
}
@media(max-width:520px){
.network-head{
padding:55px 20px}
.network-metrics{
grid-template-columns:1fr 1fr}
.network-metrics article{
padding:18px}
.network-metrics b{
font-size:25px}
.invite-card{
margin:24px 18px;
padding:22px}
.invite-copy{
display:grid}
.invite-copy button{
min-height:44px}
}


/* V1.1 member workspace and legal launch gate */
.member-workspace{
background:#f4f5f1}
.workspace-grid{
padding-top:42px!important;
padding-bottom:42px!important;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:14px}
.workspace-card{
min-height:300px;
padding:28px;
display:flex;
flex-direction:column;
background:white;
border:1px solid var(--line);
box-shadow:0 12px 30px #17392b0a}
.workspace-card>span{
font-size:12px;
font-weight:800;
color:#9a711c}
.workspace-card>small{
margin-top:28px;
font-size:11px;
font-weight:800;
letter-spacing:.1em;
color:#68756d}
.workspace-card h3{
margin:8px 0 14px;
font:30px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
overflow-wrap:anywhere}
.workspace-card p{
flex:1;
color:var(--muted);
font-size:13px}
.workspace-card>a{
color:#0c5c40;
text-decoration:none;
font-size:13px;
font-weight:800}
.workspace-card dl{
flex:1;
margin:0}
.workspace-card dl div{
padding:10px 0;
border-top:1px solid var(--line)}
.workspace-card dt{
font-size:10px;
color:#758179}
.workspace-card dd{
margin:2px 0;
font-size:12px;
font-weight:800;
overflow-wrap:anywhere}
.team-snapshot{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:60px;
align-items:center;
background:linear-gradient(120deg,#07140f,#174c38);
color:white}
.team-snapshot p:not(.eyebrow){
max-width:650px;
color:#c2d0c7}
.team-numbers{
display:grid;
grid-template-columns:1fr 1fr}
.team-numbers article{
min-height:150px;
padding:25px;
display:grid;
align-content:center;
border:1px solid #ffffff20}
.team-numbers small,.team-numbers span{
font-size:11px;
color:#b1beb6}
.team-numbers b{
font:36px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
color:var(--gold2)}
.activation-strip.warning{
background:#fff0c9}
.launch-readiness{
margin:35px 6vw;
padding:30px 35px;
display:flex;
align-items:center;
justify-content:space-between;
gap:35px;
border:1px solid var(--line)}
.launch-readiness.blocked{
background:#fff0dc;
border-left:7px solid #c96b1a}
.launch-readiness.ready{
background:#e2f4e8;
border-left:7px solid #17804b}
.launch-readiness h2{
font-size:32px}
.launch-readiness p{
max-width:1000px;
color:#536159;
font-size:13px}
.admin-filter{
margin-top:25px;
display:grid;
grid-template-columns:2fr 1fr 1fr auto auto;
gap:12px;
align-items:end}
.admin-filter label,.placement-box label{
display:grid;
gap:7px;
font-size:12px;
font-weight:800}
.admin-filter input,.admin-filter select,.placement-box input,.placement-box select{
min-height:46px;
padding:9px 12px;
border:1px solid #aeb8b1;
background:white;
font:500 13px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.notice.success{
background:#def4e6;
color:#17683f}
.notice.danger{
background:#fae2e2;
color:#8c2828}
.role-chip{
display:inline-block;
margin-top:8px;
padding:4px 7px;
background:#e8ede9;
color:#425249;
font-size:9px!important;
font-weight:800}
.placement-box{
min-width:270px;
margin-bottom:12px;
padding:12px;
border:1px solid #d8c58f;
background:#fff8e4}
.placement-box summary{
cursor:pointer;
font-size:11px;
font-weight:800;
color:#6f5310}
.placement-box form{
margin-top:12px;
display:grid;
gap:10px}
.member-table td{
min-width:145px}
.member-table td:last-child{
min-width:300px}

@media(max-width:1150px){
.workspace-grid{
grid-template-columns:1fr 1fr}
.admin-filter{
grid-template-columns:1fr 1fr}
.admin-filter .btn{
min-height:46px}
}

@media(max-width:760px){
.workspace-grid{
grid-template-columns:1fr;
padding-left:18px!important;
padding-right:18px!important}
.team-snapshot{
grid-template-columns:1fr}
.launch-readiness{
margin:20px;
padding:25px;
align-items:flex-start;
flex-direction:column}
.admin-filter{
grid-template-columns:1fr}
.member-table td:last-child{
min-width:280px}
}

.complaint-form{
display:grid;
grid-template-columns:2fr 1fr;
gap:14px}
.complaint-form label{
display:grid;
gap:7px;
font-size:12px;
font-weight:800}
.complaint-form .wide{
grid-column:1/-1}
.complaint-form input,.complaint-form select,.complaint-form textarea{
min-height:48px;
padding:12px;
border:1px solid #aeb8b1;
background:white;
font:500 13px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.complaint-form textarea{
min-height:130px}
@media(max-width:700px){
.complaint-form{
grid-template-columns:1fr}
.complaint-form .wide{
grid-column:auto}
}



/* Source: admin.css */
.import-form{
margin:25px 0;
display:flex;
gap:12px;
align-items:center;
flex-wrap:wrap}
.import-form input{
padding:14px;
border:1px solid #d8d3c5;
background:white}

.crest{
padding:2px;
overflow:hidden}
.crest img{
width:100%;
height:100%;
object-fit:contain;
display:block}

.journal-form{
margin-top:25px;
display:grid;
grid-template-columns:1fr 2fr 1fr 1fr 1fr auto;
gap:10px;
align-items:end}
.journal-form label{
display:grid;
gap:7px;
font-size:8px;
font-weight:700}
.journal-form input,.journal-form select{
height:45px;
padding:0 10px;
border:1px solid #d8d3c5;
background:white}
@media(max-width:900px){
.journal-form{
grid-template-columns:1fr 1fr}
}


.admin-console{
min-height:100vh;
background:#f4f5f1}
.admin-console-head{
padding:70px 6vw;
display:grid;
grid-template-columns:1.2fr .8fr;
gap:70px;
align-items:center;
background:linear-gradient(120deg,#07140f,#194c37);
color:white}
.admin-console-head p:not(.eyebrow){
max-width:760px;
color:#c3d1c8;
font-size:16px}
.root-id-card{
padding:30px;
border:1px solid #ffffff2f;
background:#0c2118}
.root-id-card small{
font-size:11px;
letter-spacing:.14em;
color:#f0c85e}
.root-id-card strong{
display:block;
margin:12px 0;
font:30px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
overflow-wrap:anywhere}
.root-id-card p{
font-size:12px!important}
.root-id-card a{
color:white;
font-size:12px;
font-weight:800}
.admin-kpis{
padding:0 6vw;
display:grid;
grid-template-columns:repeat(8,1fr);
background:#10241c}
.admin-kpis article{
padding:24px 18px;
display:grid;
gap:10px;
border-right:1px solid #ffffff19;
color:white}
.admin-kpis small{
font-size:11px;
color:#aebdb4}
.admin-kpis b{
font:28px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
color:#f3cf6d}
.admin-kpis .warning{
background:#4b3713}
.admin-kpis .danger{
background:#542424}
.admin-kpis .success{
background:#153e2b}
.admin-modules{
padding:75px 6vw}
.module-grid{
margin-top:35px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:15px}
.module-grid>a{
min-height:250px;
padding:27px;
display:flex;
flex-direction:column;
border:1px solid #d9ded8;
background:white;
color:#14241d;
text-decoration:none;
transition:.2s ease}
.module-grid>a:hover{
transform:translateY(-4px);
border-color:#d4a62f;
box-shadow:0 18px 45px #17392b18}
.module-grid span{
font-size:12px;
font-weight:800;
color:#9a721b}
.module-grid h3{
margin:35px 0 10px;
font:28px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.module-grid p{
flex:1;
color:#5b6961;
font-size:13px}
.module-grid b{
font-size:11px;
color:#0b5138}
.recent-ids{
padding:0 6vw 80px}
.recent-ids table{
width:100%;
margin:25px 0;
border-collapse:collapse;
background:white}
.recent-ids th,.recent-ids td{
padding:16px;
text-align:left;
border-bottom:1px solid #e2e6e2;
font-size:13px}
.recent-ids th{
font-size:11px;
color:#67746d;
letter-spacing:.08em}
.admin-page .control-card,.admin-console .control-card{
font-size:14px}
.control-card table{
font-size:13px}
.control-card th{
font-size:11px}
.control-card td small{
font-size:11px}
.member-actions .btn{
font-size:11px}
.journal-form label{
font-size:12px}
.setting-form label,.filter-bar label{
font-size:12px}

@media(max-width:1200px){
.admin-kpis{
grid-template-columns:repeat(4,1fr)}
.module-grid{
grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
.admin-console-head{
grid-template-columns:1fr}
.module-grid{
grid-template-columns:1fr 1fr}
.admin-kpis{
grid-template-columns:1fr 1fr}
.recent-ids{
padding-left:20px;
padding-right:20px}
}
@media(max-width:520px){
.module-grid{
grid-template-columns:1fr}
.admin-console-head{
padding:55px 20px}
.admin-modules{
padding:55px 20px}
}



/* Source: alpline-v2.css */
:root{
--alp-charcoal:#292929;
--alp-ink:#202124;
--alp-muted:#62676d;
--alp-gold:#b48a2c;
--alp-gold-dark:#745817;
--alp-olive:#676633;
--alp-sage:#eef4df;
--alp-blush:#fff2ee;
--alp-sky:#edf6f8;
--alp-lilac:#f3edf7;
--alp-border:#e3e4e5;
--alp-canvas:#f6f7f8;
--alp-white:#fff;
--alp-danger:#9f2f2f;
--alp-success:#14744a;
--alp-sidebar:#202523}

*{
box-sizing:border-box}
html{
font-size:16px}
body{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
color:var(--alp-ink);
font-size:16px;
line-height:1.55;
-webkit-font-smoothing:antialiased}
.grain{
display:none}
button,input,select,textarea{
font:inherit}
a{
color:inherit}


+/* V2.4 — signed update, visual change preview and time-reverse control */
.update-centre{
max-width:1480px}
.update-hero{
position:relative;
overflow:hidden;
display:grid;
grid-template-columns:1.35fr .65fr;
align-items:center;
min-height:390px;
padding:54px;
border-radius:34px;
background:radial-gradient(circle at 82% 30%,rgba(223,185,75,.25),transparent 28%),linear-gradient(135deg,#062a21,#0b5d43 62%,#0b352a);
color:#fff;
box-shadow:0 24px 70px rgba(5,45,33,.25)}
.update-hero:after{
content:"";
position:absolute;
inset:18px;
border:1px solid rgba(255,255,255,.13);
border-radius:24px;
pointer-events:none}
.update-hero h1{
font-size:clamp(3rem,6vw,6.2rem);
line-height:.86;
margin:.3rem 0 1.2rem;
letter-spacing:-.065em}
.update-hero h1 em{
color:#e0bb55;
font-style:normal}
.update-hero p{
max-width:740px;
font-size:1.1rem;
color:#d9eee7}
.update-badges{
display:flex;
flex-wrap:wrap;
gap:9px;
margin-top:22px}
.update-badges span{
padding:8px 12px;
border:1px solid #ffffff35;
border-radius:999px;
font-size:.7rem;
font-weight:900;
letter-spacing:.1em}
.reverse-orbit{
display:grid;
place-items:center}
.orbit-ring,.reverse-face{
aspect-ratio:1;
border-radius:50%;
display:grid;
place-items:center;
text-align:center}
.orbit-ring{
width:min(285px,28vw);
min-width:210px;
background:conic-gradient(from 30deg,#e4bd53,#0d7958,#dfeee8,#0d7958,#e4bd53);
box-shadow:0 0 0 12px #ffffff0c,0 24px 50px #001b1499;
position:relative}
.orbit-ring:before{
content:"";
position:absolute;
inset:15px;
border-radius:50%;
background:#082d24;
border:1px solid #ffffff25}
.orbit-ring>*{
position:relative;
z-index:1;
grid-column:1;
grid-row:1}
.orbit-ring span{
font-size:4rem;
transform:translateY(-54px);
color:#e5bd50}
.orbit-ring b{
font-size:1.55rem;
line-height:1;
letter-spacing:.12em}
.orbit-ring small{
transform:translateY(60px);
color:#bad6cc}
.health-console{
display:grid;
grid-template-columns:.65fr 1.35fr;
gap:26px;
align-items:center;
margin:24px 0;
padding:25px 30px;
border-radius:22px;
background:#fff;
border:1px solid #dce9e4;
box-shadow:0 12px 36px #0a4e3911}
.health-console.ready{
border-left:7px solid #12815b}
.health-console.blocked{
border-left:7px solid #c83c35}
.health-console h2{
margin:.2rem 0}
.health-pills{
display:flex;
gap:9px;
flex-wrap:wrap;
justify-content:flex-end}
.health-pills span{
display:flex;
align-items:center;
gap:7px;
padding:8px 11px;
border-radius:999px;
background:#f3f7f5;
font-size:.76rem;
font-weight:800}
.health-pills i{
width:9px;
height:9px;
border-radius:50%}
.health-pills .pass i{
background:#0baf72;
box-shadow:0 0 0 4px #0baf7217}
.health-pills .fail i{
background:#d4483e}
.update-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:22px}
.emergency-card{
background:linear-gradient(145deg,#fffdf6,#f7f1df)!important;
border-color:#e4c878!important}
.signed-preview{
margin:26px 0;
padding:32px;
border-radius:28px;
background:#fff;
border:1px solid #d9e8e2;
box-shadow:0 20px 60px #093e2d13}
.preview-head{
display:flex;
justify-content:space-between;
gap:25px;
align-items:center}
.release-arrow{
display:flex;
align-items:center;
gap:14px;
padding:14px 18px;
border-radius:16px;
background:#f1f7f4}
.release-arrow span{
color:#6b7e77}
.release-arrow b{
color:#bd9024;
font-size:1.8rem}
.release-arrow strong{
color:#07573f}
.change-kpis{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px;
margin:24px 0}
.change-kpis article{
padding:17px;
border-radius:17px;
background:#f4f8f6;
border:1px solid #e4ece8}
.change-kpis small{
display:block;
font-size:.67rem;
font-weight:900;
color:#668077}
.change-kpis b{
font-size:1.55rem;
color:#123c31}
.change-kpis .added{
background:#e9f8f1}
.change-kpis .modified{
background:#fff4d9}
.release-notes{
padding:20px 24px;
border-left:5px solid #d5aa3b;
background:#fffaf0;
border-radius:12px}
.file-change-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
margin:20px 0}
.file-change-grid details{
padding:15px;
border:1px solid #dbe8e3;
border-radius:16px}
.file-change-grid summary{
font-weight:900;
cursor:pointer}
.file-change-grid details div{
display:flex;
flex-direction:column;
gap:5px;
max-height:250px;
overflow:auto;
margin-top:12px}
.file-change-grid code{
padding:6px 8px;
background:#f4f7f6;
border-radius:6px;
font-size:.74rem}
.install-confirm{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px;
padding-top:22px;
border-top:1px solid #e4ece8}
.install-action{
padding:22px;
border-radius:20px;
background:#082f25;
color:#e7f6f0}
.mini-orbit{
width:55px;
height:55px;
border-radius:50%;
display:grid;
place-items:center;
background:conic-gradient(#d5aa3b,#149069,#d5aa3b);
font-size:1.6rem}
.rollback-stage{
display:grid;
grid-template-columns:290px 1fr;
align-items:center;
gap:35px;
margin:30px 0;
padding:34px;
border-radius:30px;
background:linear-gradient(145deg,#f7fbf9,#e9f4ef);
border:1px solid #cee1d9}
.reverse-control{
display:grid;
place-items:center}
.reverse-face{
width:220px;
background:conic-gradient(#c89927 0 28%,#0b6b4d 28% 82%,#e8f2ee 82%);
box-shadow:inset 0 0 0 15px #eef7f3,0 18px 45px #09523c30;
color:#fff;
position:relative}
.reverse-face:before{
content:"";
position:absolute;
inset:28px;
border-radius:50%;
background:#07392c}
.reverse-face>*{
position:relative;
z-index:1;
grid-column:1;
grid-row:1}
.reverse-face span{
font-size:3.2rem;
transform:translateY(-49px);
color:#e8bf52}
.reverse-face b{
line-height:1.05;
letter-spacing:.12em}
.reverse-face small{
transform:translateY(50px)}
.rollback-fields{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px}
.reverse-btn{
border:0;
background:linear-gradient(90deg,#8e6510,#0c7352);
color:#fff;
border-radius:999px;
padding:14px 22px;
font-weight:900;
letter-spacing:.06em}
.hash-line{
display:block;
color:#7b8d87;
margin-top:5px}
.update-centre form label{
font-weight:800}
.update-centre form input[type=file],.update-centre form input[type=password],.update-centre form input[name=confirmation]{
width:100%;
margin-top:7px;
padding:12px 13px;
border:1px solid #bfcfc9;
border-radius:11px;
background:#fff;
font:inherit}

@media(max-width:900px){
.update-hero{
grid-template-columns:1fr;
padding:34px}
.reverse-orbit{
margin-top:24px}
.orbit-ring{
width:220px}
.health-console,.update-grid,.install-confirm,.rollback-stage{
grid-template-columns:1fr}
.health-pills{
justify-content:flex-start}
.change-kpis{
grid-template-columns:repeat(2,1fr)}
.file-change-grid,.rollback-fields{
grid-template-columns:1fr}
.preview-head{
align-items:flex-start;
flex-direction:column}
.reverse-control{
order:2}
}


/* Public two-level commerce header */
.public-body{
margin:0;
background:#fff}
.public-body .site-header{
position:sticky;
top:0;
z-index:100;
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,.12)}

.public-body .utility-bar{
height:42px;
padding:0 clamp(24px,5.5vw,105px);
display:flex;
align-items:center;
justify-content:space-between;
background:var(--alp-charcoal);
color:#fff}

.public-body .utility-bar nav{
display:flex;
align-items:center;
gap:34px}
.public-body .utility-bar a,.public-body .utility-bar span{
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:600;
letter-spacing:0}
.public-body .utility-bar a:hover{
text-decoration:underline}

.public-body .main-header{
min-height:94px;
padding:0 clamp(24px,5.5vw,105px);
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:36px;
background:#fff}

.public-body .brand{
display:flex;
align-items:center;
gap:12px;
color:#171918;
text-decoration:none;
min-width:235px}
.public-body .brand .crest{
width:58px;
height:58px;
border:0}
.public-body .brand b{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:24px;
font-weight:800;
letter-spacing:.09em}
.public-body .brand small{
font-size:10px;
font-weight:700;
letter-spacing:.18em;
color:#777}

.public-body .primary-nav{
display:flex;
align-items:center;
gap:28px}
.public-body .primary-nav a{
padding:34px 0;
color:#2b2d2c;
text-decoration:none;
font-size:14px;
font-weight:700;
white-space:nowrap;
border-bottom:3px solid transparent}
.public-body .primary-nav a:hover{
border-color:var(--alp-gold)}
.public-body .primary-nav .admin-link{
color:var(--alp-gold-dark)}

.public-body .header-actions{
display:flex;
align-items:center;
gap:12px}
.public-body .header-search{
width:270px;
height:44px;
display:flex;
border:1px solid #888;
border-radius:3px;
background:#fff}
.public-body .header-search input{
width:100%;
min-width:0;
padding:0 14px;
border:0;
font-size:14px;
outline:0}
.public-body .header-search button{
width:48px;
border:0;
background:#fff;
font-size:26px}
.public-body .header-join,.public-body .language-toggle{
height:44px;
padding:0 16px;
display:inline-flex;
align-items:center;
border-radius:3px;
text-decoration:none;
font-size:13px;
font-weight:800}
.public-body .header-join{
background:var(--alp-charcoal);
color:#fff}
.public-body .language-toggle{
border:1px solid #999;
background:#fff;
color:#222}
.public-body .account-menu{
position:relative}
.public-body .account-menu summary{
cursor:pointer;
font-size:14px;
font-weight:700}
.public-body .account-menu>div{
position:absolute;
right:0;
top:38px;
width:220px;
padding:10px;
display:grid;
gap:3px;
background:#fff;
border:1px solid var(--alp-border);
box-shadow:0 16px 38px #0002}
.public-body .account-menu a,.public-body .account-menu button{
width:100%;
padding:10px;
border:0;
background:#fff;
text-align:left;
text-decoration:none;
font-size:13px}
.public-body .account-menu a:hover,.public-body .account-menu button:hover{
background:#f1f2f2}


/* Amway-inspired, Alpline-owned product-first home */
.commerce-home{
background:#fff}
.retail-hero{
max-width:1680px;
min-height:520px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr;
background:var(--alp-blush);
overflow:hidden}
.retail-hero__visual{
min-height:520px;
position:relative;
display:grid;
place-items:center;
background:linear-gradient(145deg,#f3eee7,#e4ddd1);
overflow:hidden}
.retail-hero__visual:before{
content:'';
width:430px;
height:430px;
position:absolute;
border-radius:50%;
background:#fff8;
box-shadow:0 0 90px #fff}
.retail-hero__visual img{
width:min(420px,68%);
height:440px;
position:relative;
z-index:2;
object-fit:contain;
filter:drop-shadow(0 24px 24px rgba(53,38,24,.18))}
.hero-halo{
width:500px;
height:500px;
position:absolute;
border:1px solid #bf9b6477;
border-radius:50%}
.hero-seal{
width:96px;
height:96px;
position:absolute;
right:8%;
bottom:9%;
z-index:3;
display:grid;
place-items:center;
border-radius:50%;
background:var(--alp-charcoal);
color:#fff;
text-align:center;
font-size:11px;
font-weight:800;
letter-spacing:.13em;
line-height:1.4}
.retail-hero__copy{
padding:clamp(55px,6vw,100px);
display:flex;
flex-direction:column;
justify-content:center}
.retail-kicker,.retail-section header>p,.business-banner>div>p{
margin:0 0 18px;
color:#a1532c;
font-size:15px;
font-weight:700}
.retail-hero h1{
margin:0 0 22px;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:clamp(42px,4.1vw,64px);
font-weight:800;
line-height:1.08;
letter-spacing:-.035em}
.retail-hero__copy>p:not(.retail-kicker){
max-width:650px;
margin:0;
color:#4e5154;
font-size:18px;
line-height:1.7}
.retail-hero__copy>small{
margin-top:30px;
color:#6f7072;
font-size:12px}
.retail-actions{
margin-top:30px;
display:flex;
gap:12px;
flex-wrap:wrap}
.retail-btn{
min-height:52px;
padding:0 30px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:26px;
text-decoration:none;
font-size:13px;
font-weight:800;
letter-spacing:.03em}
.retail-btn.primary{
background:var(--alp-charcoal);
color:#fff}
.retail-btn.secondary{
border:1px solid #555;
background:transparent}
.retail-btn.light{
border:1px solid #fff;
color:#fff}
.dot-nav{
height:42px;
display:flex;
align-items:center;
justify-content:center;
gap:10px}
.dot-nav i{
width:66px;
height:5px;
border-radius:4px;
background:#dedede}
.dot-nav i.active{
background:#262626}

.retail-section{
max-width:1680px;
margin:0 auto;
padding:64px clamp(26px,6vw,110px)}
.retail-section header{
position:relative;
text-align:center}
.retail-section header>p{
margin-bottom:7px;
color:var(--alp-gold-dark);
font-size:12px;
letter-spacing:.11em}
.retail-section h2{
margin:0;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:44px;
font-weight:700;
line-height:1.2;
letter-spacing:-.025em}
.retail-section header>a{
position:absolute;
right:0;
bottom:7px;
color:#333;
font-size:14px;
font-weight:700}
.category-row{
margin-top:50px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:35px}
.category-row>a{
display:grid;
grid-template-columns:1fr auto;
align-items:center;
color:#1f2020;
text-decoration:none}
.category-disc{
grid-column:1/-1;
width:190px;
height:190px;
margin:auto auto 22px;
display:grid;
place-items:center;
border-radius:50%;
overflow:hidden}
.category-disc img{
width:82%;
height:82%;
object-fit:contain;
mix-blend-mode:multiply;
transition:.25s}
.category-row>a:hover img{
transform:scale(1.07)}
.category-disc.peach{
background:#fff0e9}
.category-disc.rose{
background:#fae9ec}
.category-disc.lilac{
background:#f3eaf7}
.category-disc.mint{
background:#eaf4e2}
.category-row b{
font-size:14px;
font-weight:800;
text-align:center}
.category-row i{
font-size:26px;
font-style:normal}

.top-products{
border-top:1px solid #f0f0f0}
.retail-product-grid{
margin-top:45px;
display:grid;
grid-template-columns:repeat(5,1fr);
border-top:1px solid var(--alp-border);
border-bottom:1px solid var(--alp-border)}
.retail-product-grid article{
min-width:0;
padding:24px;
border-right:1px solid var(--alp-border)}
.retail-product-grid article:last-child{
border:0}
.retail-product-image{
height:280px;
display:grid;
place-items:center;
background:linear-gradient(#fff,#fafafa)}
.retail-product-image img{
max-width:100%;
width:100%;
height:100%;
object-fit:contain;
transition:.25s}
.retail-product-grid article:hover img{
transform:translateY(-6px)}
.retail-product-image span{
font-size:22px;
font-weight:800;
color:#aaa}
.retail-product-grid small{
display:block;
margin-top:20px;
color:#777;
font-size:11px;
font-weight:700;
letter-spacing:.05em}
.retail-product-grid h3{
min-height:54px;
margin:8px 0 5px;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:19px;
font-weight:700;
line-height:1.35}
.retail-product-grid p{
margin:0 0 18px;
font-size:16px;
font-weight:700}
.retail-product-grid article>a{
font-size:12px;
font-weight:800}

.confidence-row{
max-width:1500px;
margin:55px auto 75px;
padding:0 25px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px}
.confidence-row article{
text-align:center;
padding:25px}
.confidence-row span{
width:88px;
height:88px;
margin:0 auto 22px;
display:grid;
place-items:center;
border-radius:50%;
background:#f5efdc;
font-size:38px;
color:#4a4a37}
.confidence-row h3{
margin:0 0 15px;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:25px;
font-weight:800}
.confidence-row p{
max-width:300px;
margin:auto;
color:#4f5356;
font-size:15px;
line-height:1.6}

.business-banner{
max-width:1450px;
margin:20px auto 80px;
padding:70px 8%;
display:grid;
grid-template-columns:1.3fr .7fr;
gap:80px;
align-items:center;
background:linear-gradient(120deg,#2c302d,#4b4d3c);
color:#fff}
.business-banner h2{
margin:0 0 20px;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:52px;
font-weight:800;
line-height:1.12}
.business-banner>div>span{
color:#e2e6e3;
font-size:17px}
.business-banner aside{
padding:35px;
display:grid;
gap:12px;
background:#fff;
color:#242424}
.business-banner aside b{
font-size:28px}
.business-banner aside i{
font-style:normal;
color:#666;
font-size:13px}
.business-banner aside strong{
padding:15px;
background:var(--alp-sage);
font-size:30px}
.catalogue-banner{
max-width:1450px;
margin:0 auto 80px;
padding:42px 55px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
background:var(--alp-sage)}
.catalogue-banner small{
color:#566827;
font-weight:800;
letter-spacing:.1em}
.catalogue-banner h2{
margin:8px 0 4px;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:34px}
.catalogue-banner p{
margin:0;
color:#5b6255}
.catalogue-banner>a{
font-size:16px;
font-weight:800;
text-decoration:none}


/* Public footer */
.public-body .site-footer{
padding:60px clamp(25px,6vw,110px) 30px;
display:grid;
grid-template-columns:1.5fr repeat(3,1fr);
gap:45px;
background:var(--alp-charcoal);
color:#fff}
.public-body .site-footer>div{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px}
.public-body .site-footer .footer-brand{
padding-right:55px}
.public-body .site-footer .footer-brand .crest{
width:64px;
height:64px;
background:#fff}
.public-body .site-footer b{
color:#fff;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:20px;
font-weight:800}
.public-body .site-footer strong{
color:#fff;
font-size:13px;
letter-spacing:.06em}
.public-body .site-footer a,.public-body .site-footer span,.public-body .site-footer p{
color:#fff;
text-decoration:none;
font-size:13px;
line-height:1.55}
.public-body .site-footer a:hover{
text-decoration:underline}
.public-body .site-footer .footer-legal{
grid-column:1/-1;
padding-top:25px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
border-top:1px solid #ffffff45}
.public-body .site-footer>small{
grid-column:1/-1;
padding-top:20px;
border-top:1px solid #ffffff25;
color:#d0d0d0;
font-size:11px}


/* Login and registration: readable, familiar, trustworthy */
.public-body .login-shell{
min-height:650px;
padding:70px max(30px,8vw);
grid-template-columns:1fr minmax(430px,520px);
gap:8vw;
background:linear-gradient(120deg,#f4f0e4,#edf4e6);
color:#202124}
.public-body .login-shell h1{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:58px;
font-weight:800;
line-height:1.1;
letter-spacing:-.04em}
.public-body .login-shell h1 em{
color:var(--alp-gold-dark);
font-style:normal}
.public-body .login-shell section>p:not(.eyebrow){
font-size:17px;
color:#555f59}
.public-body .login-card{
padding:42px;
gap:20px;
background:#fff;
color:#202124;
border:1px solid var(--alp-border);
box-shadow:0 25px 70px #2535231c}
.public-body .login-card h2{
margin:0 0 8px;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:34px}
.public-body .login-card label{
gap:8px;
font-size:13px;
font-weight:700;
letter-spacing:0}
.public-body .login-card input,.public-body .login-card select{
height:52px;
padding:0 15px;
border:1px solid #a6aaad;
border-radius:2px;
font-size:15px}
.public-body .login-card .btn{
min-height:50px;
font-size:12px}
.public-body .login-card small{
font-size:12px;
line-height:1.55}
.public-body .registration-page{
background:#f7f7f6}
.public-body .registration-intro{
background:linear-gradient(130deg,#30332e,#676747);
color:#fff}
.public-body .registration-intro h1{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:56px;
font-weight:800;
line-height:1.12}
.public-body .registration-intro p{
font-size:16px}
.public-body .registration-workspace{
font-size:15px}
.public-body .registration-panel h2{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:34px}
.public-body .choice-card strong{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:22px}
.public-body .choice-card small,.public-body .sponsor-result,.public-body .assistance-note p,.public-body .terms-row,.public-body .legal-note{
font-size:13px}
.public-body .sponsor-entry label,.public-body .placement-fields label,.public-body .form-grid label{
font-size:13px}
.public-body .verify-field input,.public-body .placement-fields input,.public-body .placement-fields select,.public-body .form-grid input{
font-size:15px}


/* Dedicated member/admin application shell */
.portal-body{
margin:0;
background:var(--alp-canvas);
font-size:16px;
color:#202124}
.portal-shell{
min-height:100vh}
.portal-sidebar{
width:282px;
height:100vh;
position:fixed;
left:0;
top:0;
z-index:60;
padding:24px 18px;
overflow-y:auto;
background:var(--alp-sidebar);
color:#fff}
.portal-brand{
height:70px;
margin-bottom:24px;
padding:8px 10px;
display:flex;
align-items:center;
gap:12px;
color:#fff;
text-decoration:none}
.portal-brand img{
width:52px;
height:52px;
object-fit:contain;
border-radius:50%;
background:#fff}
.portal-brand span{
display:grid}
.portal-brand b{
font-size:20px;
letter-spacing:.11em}
.portal-brand small{
color:#c7cec9;
font-size:10px;
letter-spacing:.12em;
font-weight:700}
.portal-nav-label{
margin:22px 13px 8px;
color:#aab4ae;
font-size:11px;
font-weight:800;
letter-spacing:.12em}
.portal-nav{
display:grid;
gap:4px}
.portal-nav a{
min-height:46px;
padding:8px 12px;
display:flex;
align-items:center;
gap:12px;
border-radius:6px;
color:#dbe1dd;
text-decoration:none;
font-size:14px;
font-weight:600}
.portal-nav a i{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:5px;
background:#ffffff0d;
color:#e1bd63;
font-style:normal;
font-size:15px}
.portal-nav a:hover{
background:#ffffff0d}
.portal-nav a.active{
background:#fff;
color:#222}
.portal-nav a.active i{
background:#f0e3bc;
color:#684f15}
.portal-public-link{
min-height:44px;
margin-top:25px;
padding:12px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid #ffffff33;
border-radius:4px;
color:#fff;
text-decoration:none;
font-size:12px;
font-weight:800}
.portal-public-link.secondary{
margin-top:8px}
.portal-stage{
min-height:100vh;
margin-left:282px}
.portal-topbar{
height:76px;
position:sticky;
top:0;
z-index:50;
padding:0 32px;
display:flex;
align-items:center;
gap:18px;
background:#fff;
border-bottom:1px solid var(--alp-border)}
.portal-topbar>div:nth-child(2){
display:grid}
.portal-topbar small{
color:#74797d;
font-size:11px;
font-weight:800;
letter-spacing:.08em}
.portal-topbar b{
font-size:17px}
.sidebar-toggle{
display:none;
border:0;
background:#eee;
font-size:22px}
.portal-top-actions{
margin-left:auto;
display:flex;
align-items:center;
gap:25px}
.portal-top-actions>a,.portal-top-actions summary{
color:#333;
text-decoration:none;
font-size:14px;
font-weight:700;
cursor:pointer}
.portal-top-actions details{
position:relative}
.portal-top-actions details form{
position:absolute;
right:0;
top:30px;
width:140px;
padding:7px;
background:#fff;
border:1px solid var(--alp-border);
box-shadow:0 12px 30px #0002}
.portal-top-actions details button{
width:100%;
padding:9px;
border:0;
background:#eee}
.portal-content{
padding:30px}
.portal-content>main{
min-height:calc(100vh - 136px);
background:transparent}
.portal-content .dashboard>section,.portal-content .plan,.portal-content .trust{
padding:34px}
.portal-content .dash-head,.portal-content .admin-console-head,.portal-content .network-head{
min-height:240px;
padding:38px 42px;
display:grid;
grid-template-columns:1fr auto;
gap:40px;
align-items:center;
border-radius:10px;
background:linear-gradient(120deg,#323733,#565946);
color:#fff}
.portal-content .dash-head h1,.portal-content .admin-console-head h1,.portal-content .network-head h1{
margin:5px 0 12px;
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:42px;
font-weight:800;
line-height:1.1;
letter-spacing:-.03em}
.portal-content .dash-head h1 em,.portal-content .admin-console-head h1 em,.portal-content .network-head h1 em{
color:#f0cf79;
font-style:normal}
.portal-content .dash-head p:not(.eyebrow),.portal-content .admin-console-head p:not(.eyebrow),.portal-content .network-head p:not(.eyebrow){
max-width:800px;
color:#e1e5e2;
font-size:16px}
.portal-content .identity,.portal-content .root-id-card,.portal-content .network-identity{
min-width:275px;
padding:24px;
border:1px solid #ffffff38;
border-radius:6px;
background:#1c211e}
.portal-content .identity small,.portal-content .root-id-card small{
font-size:11px}
.portal-content .identity b,.portal-content .root-id-card strong{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:21px;
font-weight:800}
.portal-content .eyebrow{
font-size:11px;
font-weight:800;
letter-spacing:.12em}
.portal-content h2{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:30px;
font-weight:800;
line-height:1.2;
letter-spacing:-.02em}
.portal-content h3{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.portal-content p{
font-size:15px}
.portal-content .btn{
min-height:44px;
padding:0 18px;
border-radius:4px;
font-size:12px;
font-weight:800}
.portal-content .btn.ghost{
border-color:#aaa;
color:#222}
.portal-content .admin-kpis,.portal-content .metrics,.portal-content .guardrails,.portal-content .network-metrics{
margin-top:18px;
padding:0;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
background:transparent}
.portal-content .admin-kpis article,.portal-content .metrics article,.portal-content .guardrails article,.portal-content .network-metrics article{
min-height:112px;
padding:20px;
border:1px solid var(--alp-border);
border-radius:7px;
background:#fff;
color:#222}
.portal-content .admin-kpis small,.portal-content .metrics small,.portal-content .guardrails span,.portal-content .network-metrics small{
color:#6c7270;
font-size:12px;
font-weight:800}
.portal-content .admin-kpis b,.portal-content .metrics b,.portal-content .guardrails b,.portal-content .network-metrics b{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:28px;
font-weight:800;
color:#282d2a}
.portal-content .admin-kpis .warning{
background:#fff6dc}
.portal-content .admin-kpis .danger{
background:#ffeded}
.portal-content .admin-kpis .success{
background:#e9f7ef}
.portal-content .launch-readiness{
margin:18px 0;
padding:25px 28px;
border-radius:7px}
.portal-content .admin-modules{
padding:45px 0}
.portal-content .module-grid{
grid-template-columns:repeat(3,1fr);
gap:14px}
.portal-content .module-grid>a{
min-height:210px;
padding:24px;
border-radius:7px;
box-shadow:0 7px 24px #1b26200a}
.portal-content .module-grid h3{
margin:26px 0 10px;
font-size:20px;
font-weight:800}
.portal-content .module-grid p{
font-size:14px}
.portal-content .recent-ids{
padding:0 0 50px}
.portal-content .control-card,.portal-content .tree-section,.portal-content .team-section,.portal-content .income-trace,.portal-content .invite-card{
margin:18px 0;
padding:28px;
border:1px solid var(--alp-border);
border-radius:8px;
background:#fff}
.portal-content .control-card table,.portal-content .recent-ids table,.portal-content .team-section table,.portal-content .income-trace table{
width:100%;
font-size:14px}
.portal-content .control-card th,.portal-content .recent-ids th,.portal-content .team-section th,.portal-content .income-trace th{
font-size:11px;
font-weight:800}
.portal-content .control-card td,.portal-content .recent-ids td,.portal-content .team-section td,.portal-content .income-trace td{
font-size:14px;
line-height:1.5}
.portal-content .control-card td small{
font-size:12px}
.portal-content label,.portal-content .journal-form label,.portal-content .setting-form label,.portal-content .filter-bar label,.portal-content .admin-filter label{
font-size:13px;
font-weight:700}
.portal-content input,.portal-content select,.portal-content textarea{
font-size:14px}
.portal-content .workspace-grid{
padding:18px 0!important;
grid-template-columns:repeat(4,1fr)}
.portal-content .workspace-card{
min-height:245px;
padding:23px;
border-radius:7px}
.portal-content .workspace-card h3{
font-size:23px;
font-weight:800}
.portal-content .workspace-card p,.portal-content .workspace-card>a{
font-size:14px}
.portal-content .workspace-card dt{
font-size:11px}
.portal-content .workspace-card dd{
font-size:13px}
.portal-content .team-snapshot,.portal-content .admin-radar,.portal-content .reward-section{
margin-top:18px;
border-radius:8px}
.portal-content .team-snapshot{
grid-template-columns:1fr 1fr}
.portal-content .catalog-mini{
padding:34px 0}
.portal-content .reward-section{
grid-template-columns:.7fr 1.3fr}
.portal-content .reward-track b{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:16px}
.portal-content .mini-products{
grid-template-columns:repeat(4,1fr)}
.portal-content .mini-products b{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-size:14px}
.portal-content .mini-products span{
font-size:13px}
.portal-content .mini-products small{
font-size:11px}
.portal-content .admin-filter{
grid-template-columns:2fr 1fr 1fr auto auto}
.portal-content .journal-form{
grid-template-columns:1fr 2fr 1fr 1fr 1fr auto}
.portal-content .notice{
font-size:14px}
.portal-content .status{
font-size:11px}
.portal-content .member-table td{
min-width:150px}
.portal-content .member-actions .btn{
font-size:11px}
.portal-content .level-strip small{
font-size:11px}
.portal-content .level-strip span{
font-size:10px}
.portal-content .team-section th,.portal-content .income-trace th{
font-size:11px}
.portal-content .team-section td,.portal-content .income-trace td{
font-size:13px}


@media(max-width:1280px){
.public-body .main-header{
grid-template-columns:auto 1fr}
.public-body .header-actions{
grid-column:1/-1;
justify-content:flex-end;
padding-bottom:12px}
.public-body .primary-nav{
justify-content:flex-end}
.retail-product-grid{
grid-template-columns:repeat(3,1fr)}
.retail-product-grid article:nth-child(3){
border-right:0}
.portal-content .module-grid{
grid-template-columns:repeat(2,1fr)}
.portal-content .workspace-grid{
grid-template-columns:1fr 1fr}
}

@media(max-width:980px){
.public-body .utility-bar nav:first-child a:nth-child(n+2){
display:none}
.public-body .main-header{
display:flex;
flex-wrap:wrap;
gap:18px}
.public-body .primary-nav{
order:3;
width:100%;
overflow:auto;
justify-content:flex-start}
.public-body .primary-nav a{
padding:12px 0}
.public-body .header-actions{
margin-left:auto;
padding:0}
.public-body .header-search{
display:none}
.retail-hero{
grid-template-columns:1fr}
.retail-hero__visual{
min-height:420px}
.retail-hero__copy{
padding:55px}
.category-row,.confidence-row{
grid-template-columns:1fr 1fr}
.business-banner{
grid-template-columns:1fr}
.public-body .site-footer{
grid-template-columns:1fr 1fr}
.portal-sidebar{
transform:translateX(-100%);
transition:.25s}
.sidebar-open .portal-sidebar{
transform:translateX(0);
box-shadow:20px 0 45px #0003}
.portal-stage{
margin-left:0}
.sidebar-toggle{
display:block}
.portal-content .admin-kpis,.portal-content .metrics,.portal-content .guardrails,.portal-content .network-metrics{
grid-template-columns:1fr 1fr}
.portal-content .dash-head,.portal-content .admin-console-head,.portal-content .network-head{
grid-template-columns:1fr}
.portal-content .identity,.portal-content .root-id-card{
min-width:0}
.portal-content .team-snapshot,.portal-content .admin-radar,.portal-content .reward-section{
grid-template-columns:1fr}
.portal-content .journal-form,.portal-content .admin-filter{
grid-template-columns:1fr 1fr}
}

@media(max-width:650px){
html{
font-size:15px}
.public-body .utility-bar{
height:36px;
padding:0 15px}
.public-body .utility-bar a,.public-body .utility-bar span{
font-size:11px}
.public-body .utility-bar nav{
gap:15px}
.public-body .main-header{
min-height:76px;
padding:10px 15px}
.public-body .brand{
min-width:0}
.public-body .brand .crest{
width:46px;
height:46px}
.public-body .brand b{
font-size:18px}
.public-body .brand small{
display:none}
.public-body .header-join{
height:40px;
padding:0 11px;
font-size:11px}
.public-body .language-toggle{
display:none}
.public-body .primary-nav{
gap:19px}
.public-body .primary-nav a{
font-size:12px}
.retail-hero__visual{
min-height:335px}
.retail-hero__visual img{
height:305px}
.retail-hero__visual:before,.hero-halo{
width:300px;
height:300px}
.hero-seal{
width:74px;
height:74px;
font-size:9px}
.retail-hero__copy{
padding:38px 22px}
.retail-hero h1{
font-size:38px}
.retail-hero__copy>p:not(.retail-kicker){
font-size:16px}
.retail-btn{
width:100%;
min-height:48px}
.retail-section{
padding:48px 20px}
.retail-section h2{
font-size:34px}
.retail-section header>a{
position:static;
display:block;
margin-top:14px}
.category-row{
gap:28px 14px}
.category-disc{
width:130px;
height:130px}
.category-row b{
font-size:11px}
.retail-product-grid{
grid-template-columns:1fr 1fr}
.retail-product-grid article{
padding:15px}
.retail-product-grid article:nth-child(2n){
border-right:0}
.retail-product-image{
height:205px}
.retail-product-grid h3{
font-size:16px}
.confidence-row{
grid-template-columns:1fr;
padding:0 18px}
.business-banner{
margin:20px 18px 55px;
padding:38px 24px;
gap:35px}
.business-banner h2{
font-size:37px}
.catalogue-banner{
margin:0 18px 55px;
padding:30px;
display:grid}
.catalogue-banner h2{
font-size:28px}
.public-body .site-footer{
grid-template-columns:1fr;
padding:45px 24px}
.public-body .site-footer .footer-brand{
padding-right:0}
.public-body .site-footer .footer-legal{
grid-template-columns:1fr}
.public-body .login-shell{
padding:45px 18px;
grid-template-columns:1fr}
.public-body .login-shell h1{
font-size:40px}
.public-body .login-card{
padding:28px 22px}
.public-body .registration-intro h1{
font-size:40px}
.portal-topbar{
padding:0 16px}
.portal-topbar>div:nth-child(2) small{
display:none}
.portal-top-actions>a{
display:none}
.portal-top-actions{
gap:10px}
.portal-content{
padding:16px}
.portal-content .dash-head,.portal-content .admin-console-head,.portal-content .network-head{
padding:28px 22px}
.portal-content .dash-head h1,.portal-content .admin-console-head h1,.portal-content .network-head h1{
font-size:33px}
.portal-content .admin-kpis,.portal-content .metrics,.portal-content .guardrails,.portal-content .network-metrics{
grid-template-columns:1fr 1fr}
.portal-content .module-grid,.portal-content .workspace-grid{
grid-template-columns:1fr}
.portal-content .control-card,.portal-content .tree-section,.portal-content .team-section,.portal-content .income-trace,.portal-content .invite-card{
padding:20px}
.portal-content .journal-form,.portal-content .admin-filter{
grid-template-columns:1fr}
.portal-content .mini-products{
grid-template-columns:1fr}
.portal-content .reward-track{
grid-template-columns:1fr}
}


/* V2.1 polished commerce and live operations layer */
html{
font-size:17px}
.public-body,.portal-body{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
text-rendering:optimizeLegibility}
.public-body .site-header{
border-bottom:1px solid #dedede;
box-shadow:0 3px 16px rgba(25,32,28,.13)}

.public-body .utility-bar{
background:#282a29}
.public-body .utility-bar a{
font-size:14px}
.public-body .main-header{
min-height:100px}
.public-body .brand b{
font-size:26px}
.public-body .primary-nav a{
font-size:15px}
.public-body .header-search input{
font-size:15px}
.retail-hero{
box-shadow:inset 0 0 0 1px #eee}
.retail-hero__visual{
background:radial-gradient(circle at 50% 45%,#fff 0,#f5f1e9 42%,#e8ddce 100%)}
.retail-hero__visual img,.retail-product-image img,.category-disc img,.mini-products img{
image-rendering:auto;
filter:drop-shadow(0 18px 22px rgba(39,28,18,.12))}
.retail-product-image{
background:radial-gradient(circle at 50% 48%,#fff 0,#fbfbfa 65%,#f1f2ef 100%)}

.portal-sidebar{
background:linear-gradient(180deg,#17201c 0,#242a27 100%);
box-shadow:8px 0 30px rgba(26,35,30,.12)}
.portal-brand{
margin-bottom:10px}
.portal-brand img{
box-shadow:0 0 0 3px #ffffff12,0 8px 22px #0004}
.live-data-badge{
margin:4px 10px 20px;
padding:9px 11px;
display:flex;
align-items:center;
gap:9px;
border:1px solid #ffffff1c;
border-radius:22px;
background:#ffffff0a;
color:#cbe9d8;
font-size:10px;
font-weight:800;
letter-spacing:.11em}
.live-data-badge i,.live-summary>div i{
width:8px;
height:8px;
border-radius:50%;
background:#3bd67e;
box-shadow:0 0 0 5px #3bd67e1f,0 0 14px #3bd67e}
.portal-nav a{
font-size:14px}
.portal-nav a.active{
box-shadow:0 8px 22px #0003}
.portal-topbar{
box-shadow:0 4px 17px #1f292309}
.portal-content{
max-width:1800px;
margin:auto;
padding:34px}
.portal-content .dash-head,.portal-content .admin-console-head,.portal-content .network-head{
position:relative;
overflow:hidden;
background:radial-gradient(circle at 89% 10%,#d4b65a33,transparent 30%),linear-gradient(120deg,#18251f,#4d5142);
box-shadow:0 18px 44px rgba(31,43,36,.18)}
.portal-content .dash-head:after,.portal-content .admin-console-head:after,.portal-content .network-head:after{
content:'';
width:330px;
height:330px;
position:absolute;
right:-125px;
bottom:-190px;
border:1px solid #e9ca7655;
border-radius:50%;
box-shadow:0 0 0 38px #ffffff05}
.portal-content .dash-head>* ,.portal-content .admin-console-head>* ,.portal-content .network-head>*{
position:relative;
z-index:1}
.portal-content .dash-head h1,.portal-content .admin-console-head h1,.portal-content .network-head h1{
font-size:46px}
.portal-content p{
font-size:15px;
line-height:1.7}
.portal-content .workspace-card,.portal-content .module-grid>a,.portal-content .control-card,.portal-content .tree-section,.portal-content .team-section,.portal-content .income-trace{
box-shadow:0 10px 30px rgba(32,45,38,.07);
border-color:#dfe4e0}
.portal-content .workspace-card:hover,.portal-content .module-grid>a:hover{
transform:translateY(-4px);
box-shadow:0 18px 42px rgba(32,45,38,.13)}

.live-summary{
margin-top:0!important;
padding:0!important;
display:grid;
grid-template-columns:1.35fr repeat(4,1fr);
overflow:hidden;
border:1px solid #d9dfda;
border-radius:8px;
background:#fff;
box-shadow:0 10px 28px #1c2c240d}
.live-summary>div,.live-summary article{
min-height:88px;
padding:18px 20px;
display:grid;
align-content:center;
border-right:1px solid #e3e6e4}
.live-summary>div{
display:flex;
align-items:center;
gap:12px;
background:#1f2b25;
color:#e5efe9}
.live-summary>div span{
font-size:11px;
font-weight:800;
letter-spacing:.1em}
.live-summary article small{
font-size:10px;
font-weight:800;
color:#757c78}
.live-summary article b{
font-size:22px;
color:#232a26}

.network-root-search{
min-width:360px;
padding:25px;
display:grid;
gap:14px;
border:1px solid #ffffff38;
border-radius:8px;
background:#18211d}
.network-root-search label{
display:grid;
gap:8px;
color:#f0d587}
.network-root-search input{
min-height:50px;
padding:0 15px;
border:1px solid #ffffff40;
border-radius:4px;
background:#fff;
color:#222;
font-weight:800;
text-transform:uppercase}
.metric-id{
font-size:20px!important}
.tree-legend{
display:flex;
gap:8px;
flex-wrap:wrap}
.tree-legend span{
padding:7px 10px;
border-radius:20px;
font-size:10px;
font-weight:800}
.tree-legend .active{
background:#dff5e7;
color:#11683d}
.tree-legend .pending{
background:#fff0c9;
color:#7d5610}
.tree-legend .empty{
background:#edf0ee;
color:#647068}
.genealogy-scroll{
padding:38px 20px 45px;
background:linear-gradient(180deg,#fbfcfb,#f4f7f5);
border:1px solid #e2e7e3;
border-radius:8px}
.genealogy-tree{
min-width:1080px}
.tree-member{
min-width:174px;
min-height:126px;
padding:16px;
border-radius:12px;
background:linear-gradient(145deg,#fff,#edf7f1);
box-shadow:0 12px 27px #17392b17}
.tree-member b{
font-size:13px}
.tree-member strong{
font-size:13px}
.tree-member small{
font-size:10px}
.tree-leg{
font-size:10px}
.tree-member.empty{
background:#fff}
.level-strip article.has-team{
background:#eaf6ee;
border-color:#9bc6aa}

.report-filter{
display:flex;
align-items:end;
gap:14px;
flex-wrap:wrap}
.report-filter label{
display:grid;
gap:7px}
.report-filter input{
min-height:46px;
padding:0 13px;
border:1px solid #acb5af;
border-radius:4px}
.report-kpis{
margin:18px 0;
display:grid;
grid-template-columns:repeat(6,1fr);
gap:12px}
.report-kpis article{
min-height:125px;
padding:20px;
display:grid;
align-content:center;
border:1px solid #dfe4e0;
border-radius:8px;
background:linear-gradient(145deg,#fff,#f6f8f6);
box-shadow:0 9px 25px #1f30270b}
.report-kpis small,.report-kpis span{
font-size:10px;
color:#6d7671}
.report-kpis small{
font-weight:800;
letter-spacing:.06em}
.report-kpis b{
margin:8px 0;
font-size:25px}
.report-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.report-grid .control-card{
margin:0 0 18px}
.safety-banner{
margin:18px 0;
padding:24px 28px;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
border-left:6px solid #20a460;
border-radius:8px;
background:#e7f7ed}
.safety-banner strong{
font-size:15px}
.safety-banner p{
margin:3px 0 0}
.safety-actions{
display:flex;
gap:10px}
.integrity-grid{
margin:25px 0;
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px}
.integrity-grid article{
padding:18px;
border:1px solid #dce3de;
border-radius:6px;
background:#f7f9f7}
.integrity-grid small{
display:block;
font-size:9px;
color:#69736d}
.integrity-grid b{
font-size:24px}
.anchor-list{
margin:20px 0}
.anchor-list div{
padding:13px 0;
display:grid;
grid-template-columns:1fr 1.2fr;
gap:14px;
border-bottom:1px solid #e2e6e3}
.anchor-list dt{
font-size:10px;
font-weight:800;
color:#707a74}
.anchor-list dd{
margin:0;
font-size:13px;
font-weight:700;
overflow-wrap:anywhere}
.safety-list{
padding-left:22px}
.safety-list li{
margin:10px 0;
font-size:14px}
.data-safety-centre code{
font-size:11px;
overflow-wrap:anywhere}

@media(max-width:1180px){
.live-summary{
grid-template-columns:1fr 1fr}
.live-summary>div{
grid-column:1/-1}
.report-kpis{
grid-template-columns:repeat(3,1fr)}
.integrity-grid{
grid-template-columns:repeat(3,1fr)}
}

@media(max-width:800px){
html{
font-size:16px}
.portal-content{
padding:18px}
.portal-content .dash-head h1,.portal-content .admin-console-head h1,.portal-content .network-head h1{
font-size:36px}
.network-root-search{
min-width:0}
.report-grid{
grid-template-columns:1fr}
.safety-banner{
align-items:flex-start;
flex-direction:column}
.report-kpis{
grid-template-columns:1fr 1fr}
.integrity-grid{
grid-template-columns:1fr 1fr}
}

@media(max-width:520px){
.live-summary{
grid-template-columns:1fr}
.live-summary>div{
grid-column:auto}
.live-summary>div,.live-summary article{
border-right:0;
border-bottom:1px solid #e3e6e4}
.report-kpis{
grid-template-columns:1fr}
.integrity-grid{
grid-template-columns:1fr}
.safety-actions{
width:100%;
display:grid}
.tree-member{
min-width:155px}
.portal-content p{
font-size:14px}
}


/* V2.2 all-functions launchpad and full 50-position branch explorer */
.function-launchpad,.full-branch-section{
margin-top:20px!important;
padding:32px!important;
border:1px solid #dce3de;
border-radius:10px;
background:#fff;
box-shadow:0 12px 34px rgba(28,44,35,.08)}
.function-launchpad .section-title,.full-branch-section .section-title{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:25px}
.function-launchpad .section-title p,.full-branch-section .section-title p{
margin-bottom:0;
color:#65716a}
.function-grid{
margin-top:24px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px}
.function-grid>a{
min-height:105px;
padding:18px;
display:flex;
align-items:center;
gap:14px;
border:1px solid #dfe5e1;
border-radius:8px;
background:linear-gradient(145deg,#fff,#f6f8f6);
color:#202824;
text-decoration:none;
transition:.2s}
.function-grid>a:hover{
transform:translateY(-3px);
border-color:#c6a54b;
box-shadow:0 13px 28px #172b2114}
.function-grid>a.featured{
background:linear-gradient(135deg,#173d2e,#2c6049);
color:#fff;
border-color:#2c6049}
.function-grid>a>i{
width:44px;
height:44px;
flex:0 0 44px;
display:grid;
place-items:center;
border-radius:50%;
background:#efe4bf;
color:#644d17;
font-style:normal;
font-size:20px}
.function-grid>a.featured>i{
background:#f0cf70}
.function-grid span{
display:grid;
gap:4px}
.function-grid b{
font-size:14px}
.function-grid small{
color:#707a74;
font-size:10px;
line-height:1.4}
.function-grid .featured small{
color:#cfe1d7}
.branch-total{
min-width:150px;
padding:15px 18px;
display:grid;
border-radius:8px;
background:#18251f;
color:#fff}
.branch-total b{
font-size:28px;
color:#f0cf70}
.branch-total span{
font-size:10px}
.branch-root{
width:min(460px,90%);
margin:28px auto 20px;
padding:18px;
display:grid;
gap:4px;
text-align:center;
border:2px solid #c8a545;
border-radius:9px;
background:#1d2d25;
color:#fff}
.branch-root small{
color:#e5c96f;
font-size:10px;
font-weight:800;
letter-spacing:.12em}
.branch-root b{
font-size:22px}
.branch-root span{
font-size:11px;
color:#cad7d0}
.branch-columns{
position:relative;
display:grid;
grid-template-columns:1fr 1fr;
gap:28px}
.branch-columns:before{
content:'';
position:absolute;
top:-20px;
left:25%;
right:25%;
border-top:2px solid #b6a060}
.branch-column{
min-width:0;
border:1px solid #dce3df;
border-radius:10px;
overflow:hidden;
background:#f8faf8}
.branch-column header{
padding:16px 20px;
display:flex;
align-items:center;
justify-content:space-between;
background:#1d372b;
color:#fff}
.branch-column header span{
font-size:12px;
font-weight:900;
letter-spacing:.1em}
.branch-column header b{
color:#f0cf70;
font-size:12px}
.branch-list{
max-height:720px;
padding:12px;
overflow:auto}
.branch-list>a{
position:relative;
min-height:62px;
margin-bottom:9px;
padding:9px 12px;
display:grid;
grid-template-columns:38px 1fr auto;
gap:11px;
align-items:center;
border:1px solid #dfe5e1;
border-radius:7px;
background:#fff;
color:#243029;
text-decoration:none}
.branch-list>a:after{
content:'';
width:1px;
height:10px;
position:absolute;
left:30px;
bottom:-10px;
background:#b9c5bd}
.branch-list>a:last-child:after{
display:none}
.branch-list>a>i{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:#ecf3ee;
color:#2f684d;
font-style:normal;
font-size:10px;
font-weight:900}
.branch-list>a>span{
display:grid;
gap:2px}
.branch-list>a>span b{
font-size:12px}
.branch-list>a>span small{
color:#6b7770;
font-size:10px}
.branch-list>a>em{
font-style:normal;
font-size:8px}
.branch-empty{
padding:30px;
text-align:center;
color:#758179;
font-size:12px}
.admin-quick-launch{
margin:18px 0;
padding:0!important;
display:grid;
grid-template-columns:1.35fr repeat(4,1fr);
gap:10px}
.admin-quick-launch>a{
min-height:92px;
padding:16px;
display:flex;
align-items:center;
gap:12px;
border:1px solid #dbe2dd;
border-radius:8px;
background:#fff;
color:#263029;
text-decoration:none}
.admin-quick-launch>a.primary{
background:#173d2e;
color:#fff}
.admin-quick-launch i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:#efe4bf;
color:#70551b;
font-style:normal}
.admin-quick-launch span{
display:grid;
gap:3px}
.admin-quick-launch b{
font-size:11px}
.admin-quick-launch small{
color:#707a74;
font-size:9px}
.admin-quick-launch .primary small{
color:#cfe1d7}

@media(max-width:1180px){
.function-grid{
grid-template-columns:1fr 1fr}
.admin-quick-launch{
grid-template-columns:1fr 1fr 1fr}
.admin-quick-launch .primary{
grid-column:span 2}
}

@media(max-width:760px){
.function-launchpad,.full-branch-section{
padding:20px!important}
.function-grid,.branch-columns,.admin-quick-launch{
grid-template-columns:1fr}
.function-launchpad .section-title,.full-branch-section .section-title{
align-items:flex-start;
flex-direction:column}
.admin-quick-launch .primary{
grid-column:auto}
.branch-columns:before{
display:none}
.branch-list{
max-height:520px}
}


/* V2.3 Alpline-owned role workspaces, safe member preview and signature genealogy */
.seller-portal .portal-sidebar{
background:radial-gradient(circle at 20% 0,#2f6049 0,transparent 34%),linear-gradient(180deg,#071d14,#14241d 70%,#0b1712)}
.customer-portal .portal-sidebar{
background:radial-gradient(circle at 15% 0,#66582d 0,transparent 30%),linear-gradient(180deg,#202522,#151a17)}

.portal-nav-group{
border-radius:7px;
color:#dbe1dd}
.portal-nav-group summary{
min-height:46px;
padding:8px 12px;
display:grid;
grid-template-columns:28px 1fr auto;
align-items:center;
gap:12px;
border-radius:7px;
cursor:pointer;
list-style:none;
font-size:14px;
font-weight:600}
.portal-nav-group summary::-webkit-details-marker{
display:none}
.portal-nav-group summary:hover,.portal-nav-group[open] summary{
background:#ffffff0d}
.portal-nav-group summary i{
width:28px;
height:28px;
display:grid;
place-items:center;
border-radius:5px;
background:#ffffff0d;
color:#e1bd63;
font-style:normal}
.portal-nav-group summary b{
color:#aab7af;
font-size:12px}
.portal-nav-group>a{
min-height:38px!important;
margin-left:40px!important;
padding:7px 10px!important;
border-left:1px solid #ffffff25!important;
border-radius:0!important;
font-size:12px!important}
.portal-nav-group>a.active{
border-left-color:#e4c363!important;
background:#ffffff12!important;
color:#f4d77f!important;
box-shadow:none!important}

.esc-back{
min-height:36px;
padding:0 10px;
display:flex;
align-items:center;
gap:6px;
border:1px solid #dce1de;
border-radius:6px;
background:#f6f8f6;
color:#334039;
font-size:12px;
font-weight:800;
cursor:pointer}
.esc-back kbd{
padding:2px 5px;
border:1px solid #ccd3ce;
border-bottom-width:2px;
border-radius:3px;
background:#fff;
font:8px 'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
color:#6a746e}

.impersonation-banner{
min-height:54px;
position:fixed;
left:282px;
right:0;
top:0;
z-index:90;
padding:8px 24px;
display:flex;
align-items:center;
justify-content:center;
gap:24px;
background:#fff1bf;
color:#473407;
border-bottom:1px solid #d5ad31;
box-shadow:0 5px 18px #0002}
.impersonation-banner span{
font-size:12px}
.impersonation-banner button{
padding:9px 14px;
border:0;
border-radius:5px;
background:#382d0e;
color:#fff;
font-size:10px;
font-weight:900;
cursor:pointer}
.impersonation-banner+aside+.portal-stage{
padding-top:54px}
.impersonation-banner+aside+.portal-stage .portal-topbar{
top:54px}
.password-reset-box,.member-preview-form{
margin-top:9px;
padding:9px;
border:1px solid #dce2de;
border-radius:6px;
background:#f7f9f7}
.password-reset-box summary{
cursor:pointer;
font-size:10px;
font-weight:900;
color:#6f571c}
.password-reset-box form{
margin-top:10px;
display:grid;
gap:8px}
.password-reset-box label{
display:grid;
gap:4px}
.password-reset-box input{
min-height:40px;
padding:8px;
border:1px solid #abb7af}
.password-reset-box small,.member-preview-form small{
display:block;
margin-top:5px;
font-size:9px;
color:#6c746f}
.member-preview-form .btn{
width:100%}

.power-presets{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px}
.power-presets article{
padding:18px;
display:grid;
gap:6px;
border:1px solid #dce3de;
border-top:4px solid #c6a549;
border-radius:8px;
background:#fff}
.power-presets b{
font-size:11px}
.power-presets span{
color:#68736d;
font-size:9px;
line-height:1.5}
.staff-controls{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap}
.staff-controls form{
display:flex;
align-items:center;
gap:6px}
.staff-controls select{
min-height:38px}

.continuity-vault{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.continuity-vault>article,.restore-preview{
padding:30px;
border:1px solid #d7e1da;
border-radius:11px;
background:linear-gradient(145deg,#fff,#f4f8f5);
box-shadow:0 12px 34px #15271e0d}
.continuity-vault h2,.restore-preview h2{
margin:5px 0 10px}
.continuity-vault p{
color:#5e6963}
.continuity-vault form{
margin:18px 0;
display:grid;
gap:10px}
.continuity-vault label,.restore-preview label{
display:grid;
gap:7px}
.continuity-vault input,.restore-preview input{
min-height:46px;
padding:10px;
border:1px solid #aebbb3;
background:#fff}
.continuity-vault>article:first-child{
border-top:5px solid #1c9255}
.continuity-vault>article:last-child{
border-top:5px solid #c5a343}
.continuity-vault small,.restore-preview small{
color:#69736d;
font-size:10px}
.restore-preview{
display:grid;
grid-template-columns:1fr 340px;
gap:24px;
border-left:6px solid #c5a343}
.restore-counts{
max-height:250px;
margin-top:18px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:7px;
overflow:auto}
.restore-counts span{
padding:10px;
display:grid;
border:1px solid #dfe5e1;
border-radius:5px;
background:#fff}
.restore-counts small{
font-size:7px}
.restore-counts b{
font-size:15px}
.restore-preview form{
display:grid;
align-content:center;
gap:10px}

.command-kicker{
margin:0 0 9px;
color:#f2ce6f;
font-size:10px;
font-weight:900;
letter-spacing:.16em}
.command-kicker.dark{
color:#80631d}
.command-actions{
margin-top:25px;
display:flex;
gap:10px;
flex-wrap:wrap}
.command-btn{
min-height:45px;
padding:0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:6px;
text-decoration:none;
font-size:11px;
font-weight:900;
letter-spacing:.04em}
.command-btn.gold{
background:#f0ca66;
color:#18241e}
.command-btn.glass{
border:1px solid #ffffff50;
background:#ffffff0c;
color:#fff}

.seller-command,.customer-command,.business-report{
display:grid;
gap:18px}
.seller-hero,.customer-hero,.report-hero{
min-height:300px;
padding:46px;
display:grid;
grid-template-columns:1fr auto;
gap:45px;
align-items:center;
overflow:hidden;
position:relative;
border-radius:14px;
background:radial-gradient(circle at 84% 10%,#f0c75f2d 0,transparent 28%),linear-gradient(130deg,#071d14,#214a36 62%,#5f5534);
color:#fff;
box-shadow:0 24px 58px #15271e26}
.seller-hero:after,.customer-hero:after,.report-hero:after{
content:'';
width:360px;
height:360px;
position:absolute;
right:-145px;
bottom:-230px;
border:1px solid #efd27655;
border-radius:50%;
box-shadow:0 0 0 46px #ffffff06,0 0 0 92px #ffffff03}
.seller-hero>*,.customer-hero>*,.report-hero>*{
position:relative;
z-index:1}
.seller-hero h1,.customer-hero h1,.report-hero h1{
margin:0 0 13px;
font-size:clamp(38px,4vw,59px);
line-height:1.05;
letter-spacing:-.045em}
.customer-hero h1 em,.report-hero h1 em{
color:#f0cf74;
font-style:normal}
.seller-welcome>p:not(.command-kicker),.customer-hero>div>p:not(.command-kicker),.report-hero>div>p:not(.command-kicker){
max-width:720px;
margin:0;
color:#d8e5dd}
.seller-badges{
margin-top:25px;
display:flex;
gap:8px;
flex-wrap:wrap}
.seller-badges span{
padding:7px 10px;
border:1px solid #ffffff25;
border-radius:30px;
background:#ffffff0c;
font-size:9px;
font-weight:900;
letter-spacing:.06em}
.seller-badges i{
width:7px;
height:7px;
display:inline-block;
margin-right:5px;
border-radius:50%;
background:#45db82;
box-shadow:0 0 10px #45db82}
.seller-id,.customer-hero aside,.report-hero aside{
min-width:300px;
padding:26px;
display:grid;
gap:7px;
border:1px solid #ffffff35;
border-radius:10px;
background:#06140e99;
backdrop-filter:blur(8px)}
.seller-id>small,.customer-hero aside>small,.report-hero aside>small{
font-size:9px;
font-weight:900;
letter-spacing:.13em;
color:#e9ce7a}
.seller-id>b,.customer-hero aside>b,.report-hero aside>b{
font-size:25px;
overflow-wrap:anywhere}
.seller-id dl{
margin:14px 0 0}
.seller-id dl>div{
padding:8px 0;
display:flex;
justify-content:space-between;
gap:15px;
border-top:1px solid #ffffff1e}
.seller-id dt{
font-size:9px;
color:#aabbb1}
.seller-id dd{
margin:0;
font-size:11px;
font-weight:800}
.customer-hero aside p{
margin:12px 0 0;
color:#dbe5df}
.customer-hero aside strong{
color:#f0ce70;
font-size:24px}

.sale-only-banner{
min-height:82px;
padding:18px 24px;
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:16px;
border:1px solid #b9ddc5;
border-left:6px solid #1d9c57;
border-radius:10px;
background:linear-gradient(90deg,#e9f8ee,#fff)}
.sale-only-banner>i{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:50%;
background:#1c8c51;
color:#fff;
font-style:normal}
.sale-only-banner b{
font-size:11px;
letter-spacing:.08em}
.sale-only-banner p{
margin:2px 0 0!important;
color:#58655e;
font-size:12px!important}
.sale-only-banner a{
color:#1c5a3d;
font-size:10px;
font-weight:900}

.seller-kpis{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px}
.seller-kpis article,.customer-kpis article,.income-total-grid article{
min-height:132px;
padding:21px;
display:grid;
align-content:center;
border:1px solid #dce4df;
border-radius:10px;
background:linear-gradient(145deg,#fff,#f7f9f7);
box-shadow:0 10px 28px #17271f0c}
.seller-kpis article.accent{
background:linear-gradient(145deg,#173f2e,#265d45);
color:#fff;
border-color:#265d45}
.seller-kpis small,.customer-kpis small,.income-total-grid small{
color:#737d77;
font-size:9px;
font-weight:900;
letter-spacing:.08em}
.seller-kpis .accent small{
color:#c9ddd1}
.seller-kpis b,.customer-kpis b,.income-total-grid b{
margin:7px 0;
font-size:26px}
.seller-kpis a{
color:#8a6716;
text-decoration:none;
font-size:10px;
font-weight:800}
.seller-kpis .accent a{
color:#f1d37d}
.seller-kpis span,.customer-kpis span{
color:#747d78;
font-size:10px}
.seller-layout{
display:grid;
grid-template-columns:1.35fr .65fr;
gap:18px}
.command-panel,.customer-panel{
padding:29px;
border:1px solid #dde4df;
border-radius:12px;
background:#fff;
box-shadow:0 13px 36px #182a210e}
.command-panel>header,.customer-panel>header{
margin-bottom:22px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px}
.command-panel h2,.customer-panel h2{
margin:0;
font-size:26px}
.command-panel header>a,.customer-panel header>a{
color:#6f5516;
text-decoration:none;
font-size:10px;
font-weight:900}
.level-chart{
height:255px;
padding:16px 5px 0;
display:grid;
grid-template-columns:repeat(15,1fr);
gap:6px;
border-bottom:1px solid #cfd8d2;
background:repeating-linear-gradient(to top,#f1f4f2 0,#f1f4f2 1px,transparent 1px,transparent 52px)}
.level-chart>div{
height:100%;
display:grid;
grid-template-rows:1fr auto auto;
gap:4px;
align-items:end;
text-align:center}
.level-chart>div>span{
width:70%;
min-height:5px;
margin:auto;
position:relative;
overflow:hidden;
border-radius:5px 5px 0 0;
background:#dbc77e}
.level-chart>div>span i{
width:100%;
position:absolute;
left:0;
bottom:0;
background:linear-gradient(#39b66f,#1f7049)}
.level-chart b{
font-size:9px}
.level-chart small{
font-size:8px;
color:#758078}
.chart-legend{
margin-top:14px;
display:flex;
gap:18px;
font-size:9px}
.chart-legend i{
width:9px;
height:9px;
margin-right:5px;
display:inline-block}
.chart-legend i.total{
background:#dbc77e}
.chart-legend i.active{
background:#2b9860}
.business-balance{
display:grid;
align-content:start}
.balance-ring{
--a:50;
width:185px;
height:185px;
margin:12px auto 20px;
display:grid;
place-items:center;
border-radius:50%;
background:conic-gradient(#2e9862 0 calc(var(--a)*1%),#d7b852 calc(var(--a)*1%) 100%);
position:relative}
.balance-ring:before{
content:'';
width:130px;
height:130px;
position:absolute;
border-radius:50%;
background:#fff}
.balance-ring>span{
position:relative;
z-index:1;
display:grid;
text-align:center}
.balance-ring small{
font-size:8px;
color:#777}
.balance-ring b{
font-size:24px}
.balance-lines{
display:grid;
gap:8px}
.balance-lines div{
padding:11px 13px;
display:flex;
justify-content:space-between;
border-radius:6px;
background:#f3f6f4}
.balance-lines span{
font-size:9px;
font-weight:900}
.balance-lines b{
font-size:12px}
.quick-command{
padding:32px}
.command-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px}
.command-grid>a{
min-height:110px;
padding:16px;
display:flex;
align-items:center;
gap:12px;
border:1px solid #dde4df;
border-radius:9px;
background:#f8faf8;
color:#253029;
text-decoration:none;
transition:.2s}
.command-grid>a:hover{
transform:translateY(-3px);
border-color:#c4a54a;
box-shadow:0 12px 25px #1a2b2214}
.command-grid>a.primary{
background:linear-gradient(145deg,#163e2c,#2a694b);
color:#fff;
border:0}
.command-grid>a>i{
width:39px;
height:39px;
flex:0 0 39px;
display:grid;
place-items:center;
border-radius:50%;
background:#eadba9;
color:#604b19;
font-style:normal}
.command-grid span{
display:grid;
gap:3px}
.command-grid b{
font-size:11px}
.command-grid small{
color:#748078;
font-size:8px;
line-height:1.4}
.command-grid .primary small{
color:#cbded2}
.income-mix,.business-feed,.customer-orders{
display:grid}
.income-mix>div,.business-feed>a,.business-feed>div,.customer-orders>a{
min-height:64px;
padding:10px 0;
display:flex;
align-items:center;
gap:12px;
border-bottom:1px solid #e5e9e6;
color:#28322c;
text-decoration:none}
.income-mix>div>span,.business-feed span,.customer-orders span{
display:grid}
.income-mix b,.business-feed b,.customer-orders b{
font-size:11px}
.income-mix small,.business-feed small,.customer-orders small{
font-size:9px;
color:#7a837e}
.income-mix strong,.business-feed strong,.customer-orders strong{
margin-left:auto;
font-size:12px}
.business-feed>*>i{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:#edf3ef;
color:#286247;
font-style:normal}
.empty-state{
display:grid!important;
padding:25px!important;
text-align:center}
.customer-promise{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px}
.customer-promise article{
padding:17px;
display:flex;
align-items:center;
gap:12px;
border:1px solid #dce3df;
border-radius:9px;
background:#fff}
.customer-promise i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:#f0e4bc;
color:#64501d;
font-style:normal}
.customer-promise span{
display:grid}
.customer-promise b{
font-size:11px}
.customer-promise small{
font-size:8px;
color:#747e78}
.customer-kpis{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px}
.customer-grid{
display:grid;
grid-template-columns:1.35fr .65fr;
gap:18px}
.customer-products{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px}
.customer-products>a{
min-width:0;
padding:12px;
display:grid;
border:1px solid #e2e6e3;
border-radius:8px;
color:#29322d;
text-decoration:none}
.customer-products img{
width:100%;
height:150px;
object-fit:contain}
.customer-products span{
display:grid;
gap:4px}
.customer-products small{
font-size:8px;
color:#7a817d}
.customer-products b{
font-size:11px}
.customer-products strong{
color:#765b19;
font-size:14px}
.customer-orders em{
margin-left:auto;
padding:4px 7px;
border-radius:15px;
background:#eef2ef;
font-size:8px;
font-style:normal}
.business-report .report-hero{
min-height:255px}
.income-total-grid{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:10px}
.level-table{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:7px}
.level-table div{
padding:12px;
display:grid;
grid-template-columns:auto 1fr auto;
gap:8px;
border-radius:6px;
background:#f4f7f5}
.level-table b{
font-size:10px;
color:#74591a}
.level-table span,.level-table strong{
font-size:9px}
.level-table strong{
color:#1e7950}

.alpline-genealogy{
overflow:hidden;
background:linear-gradient(180deg,#fff,#f6faf7)!important}
.alpline-genealogy .section-title{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px}
.tree-legend .leg-a{
background:#e4f5eb;
color:#14744a}
.tree-legend .leg-b{
background:#fff2cf;
color:#826317}
.genealogy-toolbar{
margin:23px 0 0;
padding:10px 12px;
display:flex;
align-items:center;
gap:12px;
border-radius:8px;
background:#13251c;
color:#d8e4dc}
.genealogy-toolbar button,.genealogy-toolbar a{
padding:8px 11px;
border:1px solid #ffffff2e;
border-radius:5px;
background:#ffffff0b;
color:#f0cf72;
text-decoration:none;
font-size:9px;
font-weight:900}
.genealogy-toolbar span{
margin-left:auto;
font-size:9px;
color:#aebdb4}
.alpline-genealogy .genealogy-scroll{
background:radial-gradient(circle at 50% 0,#e7f2eb 0,transparent 36%),repeating-linear-gradient(0deg,#ffffff 0,#ffffff 39px,#f4f7f5 40px)}
.alpline-genealogy .tree-member{
min-width:180px;
min-height:158px;
position:relative;
padding:14px 14px 16px;
border:1px solid #b9c9bf;
border-top:4px solid #347b58;
background:#fff;
box-shadow:0 15px 30px #19362818;
transition:.2s}
.alpline-genealogy .tree-member:hover{
transform:translateY(-4px);
box-shadow:0 20px 36px #17382a26}
.alpline-genealogy .tree-member.leg-a{
border-top-color:#1b9a5d}
.alpline-genealogy .tree-member.leg-b{
border-top-color:#d4a92f}
.alpline-genealogy .tree-member.root-node{
border-top-color:#efe0a5;
background:linear-gradient(145deg,#132c20,#2e5c46);
color:#fff}
.tree-avatar{
width:44px;
height:44px;
margin:2px auto 5px;
display:grid;
place-items:center;
border-radius:50%;
background:linear-gradient(145deg,#e5f3ea,#bfd7c7);
color:#1e5d3e;
font-style:normal;
font-size:16px;
font-weight:900;
box-shadow:0 0 0 4px #edf4ef}
.root-node .tree-avatar{
background:linear-gradient(145deg,#f5d77b,#b88b26);
color:#17231d;
box-shadow:0 0 0 4px #ffffff20}
.tree-member.empty .tree-avatar{
background:#f2f4f2;
color:#95a099;
box-shadow:none}
.tree-member small .status-dot{
width:6px;
height:6px;
margin-right:4px;
display:inline-block;
border-radius:50%;
background:#22a463}
.tree-member.pending small .status-dot{
background:#d6a62d}
.tree-compact .genealogy-tree{
transform:scale(.78);
transform-origin:top center;
margin-bottom:-18%}
.tree-compact .genealogy-scroll{
max-height:720px}
.alpline-genealogy .genealogy-tree li:before,.alpline-genealogy .genealogy-tree li:after,.alpline-genealogy .genealogy-tree ul ul:before{
border-color:#668e78;
border-width:2px}

@media(max-width:1320px){
.seller-kpis{
grid-template-columns:repeat(2,1fr)}
.command-grid{
grid-template-columns:repeat(3,1fr)}
.customer-kpis{
grid-template-columns:repeat(3,1fr)}
.income-total-grid{
grid-template-columns:repeat(3,1fr)}
.power-presets{
grid-template-columns:repeat(3,1fr)}
}

@media(max-width:980px){
.impersonation-banner{
left:0}
.seller-hero,.customer-hero,.report-hero,.seller-layout,.customer-grid,.continuity-vault,.restore-preview{
grid-template-columns:1fr}
.seller-id,.customer-hero aside,.report-hero aside{
min-width:0}
.customer-promise{
grid-template-columns:1fr 1fr}
.customer-products{
grid-template-columns:1fr 1fr}
.alpline-genealogy .section-title{
align-items:flex-start;
flex-direction:column}
.restore-counts{
grid-template-columns:repeat(2,1fr)}
}

@media(max-width:650px){
.impersonation-banner{
position:relative;
min-height:0;
flex-direction:column;
align-items:stretch;
padding:10px 16px;
gap:6px}
.impersonation-banner+aside+.portal-stage{
padding-top:0}
.impersonation-banner+aside+.portal-stage .portal-topbar{
top:0}
.seller-hero,.customer-hero,.report-hero{
padding:30px 22px}
.seller-hero h1,.customer-hero h1,.report-hero h1{
font-size:36px}
.seller-kpis,.customer-kpis,.customer-promise,.income-total-grid{
grid-template-columns:1fr 1fr}
.command-grid{
grid-template-columns:1fr}
.level-chart{
overflow-x:auto;
grid-template-columns:repeat(15,34px)}
.quick-command,.command-panel,.customer-panel{
padding:20px}
.sale-only-banner{
grid-template-columns:auto 1fr}
.sale-only-banner a{
grid-column:1/-1}
.genealogy-toolbar{
align-items:stretch;
flex-direction:column}
.genealogy-toolbar span{
margin-left:0}
.level-table{
grid-template-columns:1fr}
.customer-products img{
height:120px}
}

@media(max-width:430px){
.seller-kpis,.customer-kpis,.customer-promise,.income-total-grid,.customer-products,.power-presets{
grid-template-columns:1fr}
.seller-badges{
display:grid}
.command-actions{
display:grid}
.command-btn{
width:100%}
}


/* V2.3 corporate typography and commerce operations */
body,.public-body,.portal-body{
font-family:'Segoe UI Variable','Segoe UI',Roboto,Helvetica,Arial,sans-serif;
font-weight:400;
letter-spacing:0}
.portal-content h1,.portal-content h2,.portal-content h3,.public-body h1,.public-body h2,.public-body h3{
font-family:inherit;
font-weight:750;
letter-spacing:-.025em}
.portal-nav a,.portal-nav-group summary{
font-weight:600}
.portal-content p,.portal-content td,.portal-content input,.portal-content select,.portal-content textarea{
letter-spacing:.002em}

.profile-doc-actions{
margin-top:20px;
display:flex;
gap:9px;
flex-wrap:wrap}
.wallet-pair{
min-width:380px;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px}
.wallet-pair article{
padding:18px;
display:grid;
gap:4px;
border:1px solid #ffffff30;
border-radius:9px;
background:#07170f99}
.wallet-pair small{
color:#d9bd6d;
font-size:8px;
font-weight:900;
letter-spacing:.1em}
.wallet-pair b{
font-size:22px}
.wallet-pair span{
color:#bfd0c5;
font-size:8px}
.wallet-action-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.wallet-action-grid form{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px}
.wallet-action-grid label{
display:grid;
gap:6px}
.wallet-action-grid label:first-child{
grid-column:1/-1}
.wallet-action-grid input,.wallet-action-grid select{
min-height:45px;
padding:9px;
border:1px solid #aeb9b2;
background:#fff}
.wallet-action-grid .notice{
grid-column:1/-1}
.beneficiary-note{
margin-top:24px;
padding:17px;
display:grid;
gap:5px;
border-left:4px solid #c9a23b;
background:#fff8dd;
color:#26352d}
.beneficiary-note b{
font-size:10px;
letter-spacing:.08em}
.beneficiary-note span{
font-size:11px;
line-height:1.55}
.order-ownership{
margin:18px 0;
display:grid;
grid-template-columns:1fr 1fr;
gap:10px}
.order-ownership span,.dispatch-tracker>div{
padding:15px;
display:grid;
gap:4px;
border:1px solid #dce3df;
border-radius:7px;
background:#f5f8f6}
.order-ownership small,.dispatch-tracker small{
color:#758078;
font-size:8px;
font-weight:900}
.order-ownership b,.dispatch-tracker b{
font-size:12px}
.dispatch-tracker{
margin:18px 0;
padding:16px;
display:flex;
align-items:center;
gap:10px;
border:1px solid #d8c278;
border-radius:9px;
background:#fffaf0}
.dispatch-tracker>div{
flex:1}
.dispatch-form{
min-width:260px;
display:grid!important;
gap:6px}
.dispatch-form input,.dispatch-form select{
min-height:37px;
padding:7px;
border:1px solid #adb8b1;
background:#fff}
.dispatch-form .btn{
width:100%}

@media(max-width:760px){
.wallet-pair,.wallet-action-grid,.order-ownership{
grid-template-columns:1fr}
.wallet-pair{
min-width:0}
.dispatch-tracker{
align-items:stretch;
flex-direction:column}
.wallet-action-grid form{
grid-template-columns:1fr}
.wallet-action-grid label:first-child{
grid-column:auto}
}


/* V2.3 identity, agreement and focused account actions */
.registration-panel .form-grid textarea,.profile-form textarea{
min-height:92px;
padding:13px 15px;
resize:vertical;
border:1px solid #a6aaad;
border-radius:2px;
background:#fff}
.registration-panel .form-grid small,.profile-form label small{
display:block;
color:#69716c;
font-size:10px;
font-weight:500;
line-height:1.4}
.registration-panel .terms-row a{
color:#5e4813;
font-weight:800}

.legal-centre{
min-height:100vh;
padding:45px max(24px,6vw);
display:grid;
gap:18px;
background:#f4f6f4}
.legal-hero{
min-height:250px;
padding:42px;
display:grid;
grid-template-columns:1fr auto;
align-items:center;
gap:35px;
border-radius:14px;
background:radial-gradient(circle at 90% 0,#d9b85d35,transparent 28%),linear-gradient(130deg,#0b2518,#31533f);
color:#fff}
.legal-hero h1{
margin:4px 0 13px;
font-size:clamp(38px,4vw,60px);
line-height:1.04}
.legal-hero h1 em{
color:#f0cf74;
font-style:normal}
.legal-hero p:not(.eyebrow){
max-width:760px;
margin:0;
color:#d8e5dd}
.legal-hero aside{
min-width:280px;
padding:25px;
display:grid;
gap:8px;
border:1px solid #ffffff35;
border-radius:10px;
background:#06140e99}
.legal-hero aside small{
color:#e9ce7a;
font-size:9px;
font-weight:900}
.legal-hero aside b{
font-size:20px}
.legal-hero aside span{
font-size:10px;
font-weight:800}
.legal-document{
max-width:1160px;
width:100%;
margin:auto;
padding:45px 55px;
border:1px solid #dce2de;
border-radius:12px;
background:#fff;
box-shadow:0 20px 55px #16261e12}
.legal-document h2{
margin:15px 0 25px;
font-size:32px}
.legal-document ol{
padding-left:24px;
display:grid;
gap:15px}
.legal-document li{
padding-left:8px;
color:#39433e;
line-height:1.7}
.agreement-party{
padding:17px 20px;
display:grid;
border-left:5px solid #c7a54a;
background:#f8f5ea}
.agreement-party span{
font-size:9px;
font-weight:900;
letter-spacing:.12em;
color:#80631d}
.agreement-party b{
font-size:20px}
.agreement-party small{
color:#69726d}
.legal-disclaimer{
margin-top:28px;
padding:18px;
border-radius:7px;
background:#fff6dc;
color:#5b4a19;
font-size:12px}
.terms-accept{
margin-top:25px;
padding:20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border:1px solid #b9dac6;
background:#eef8f1}
.terms-accepted{
margin-top:25px;
padding:18px;
border-left:5px solid #1e9557;
background:#eaf8ef;
color:#1d5c3c;
font-weight:700}

.profile-centre{
display:grid;
grid-template-columns:minmax(280px,.65fr) minmax(520px,1.35fr);
gap:18px}
.profile-intro,.profile-form{
padding:34px;
border:1px solid #dce3df;
border-radius:12px;
background:#fff;
box-shadow:0 14px 40px #15271e0d}
.profile-intro{
align-self:start;
background:radial-gradient(circle at 100% 0,#d6b95838,transparent 32%),linear-gradient(145deg,#102b1e,#325a43);
color:#fff}
.profile-intro h1{
margin:4px 0 14px;
font-size:42px;
line-height:1.08}
.profile-intro h1 em{
color:#efcf77;
font-style:normal}
.profile-intro>p:not(.eyebrow){
color:#dbe7df}
.profile-intro .identity{
min-width:0!important;
margin-top:24px}
.privacy-promise{
margin-top:22px;
padding:15px;
display:grid;
gap:4px;
border:1px solid #ffffff25;
background:#ffffff0c}
.privacy-promise b{
font-size:11px}
.privacy-promise span{
color:#c9d8ce;
font-size:9px}
.profile-form h2{
margin:0 0 18px}
.profile-form h2:not(:first-child){
margin-top:30px;
padding-top:25px;
border-top:1px solid #e2e7e4}
.profile-form .form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:13px}
.profile-form label{
display:grid;
gap:6px;
color:#39443e;
font-size:12px;
font-weight:700}
.profile-form label.wide{
grid-column:1/-1}
.profile-form input{
min-height:48px;
padding:10px 13px;
border:1px solid #aeb8b2;
background:#fff}
.profile-form>.btn{
margin-top:16px}

.action-centre[hidden]{
display:none}
.modal-open{
overflow:hidden}
.action-centre{
position:fixed;
inset:0;
z-index:220;
padding:24px;
display:grid;
place-items:center;
background:#08140d99;
backdrop-filter:blur(7px)}
.action-centre-card{
width:min(650px,100%);
max-height:90vh;
padding:34px;
position:relative;
overflow:auto;
border:1px solid #d4c17d;
border-radius:15px;
background:linear-gradient(145deg,#fff,#f6f9f6);
box-shadow:0 35px 100px #0007}
.action-centre-card h2{
margin:0 0 8px;
font-size:32px}
.action-centre-card>p:not(.command-kicker){
margin:0;
color:#68736d}
.action-close{
width:38px;
height:38px;
position:absolute;
right:17px;
top:17px;
border:0;
border-radius:50%;
background:#e8ece9;
color:#26322b;
font-size:25px;
cursor:pointer}
.action-list{
margin:23px 0;
display:grid;
gap:9px}
.action-list a{
min-height:72px;
padding:12px 14px;
display:flex;
align-items:center;
gap:13px;
border:1px solid #dce4df;
border-radius:9px;
background:#fff;
color:#29352e;
text-decoration:none}
.action-list a>i{
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:50%;
background:#e9ddb2;
color:#684f16;
font-style:normal;
font-weight:900}
.action-list span{
display:grid}
.action-list b{
font-size:12px}
.action-list small{
color:#727c76;
font-size:9px}
.action-list em{
margin-left:auto;
color:#715716;
font-size:9px;
font-style:normal;
font-weight:900}
.action-reopen{
position:fixed;
right:22px;
bottom:22px;
z-index:110;
min-height:42px;
padding:0 15px;
border:1px solid #d5b956;
border-radius:24px;
background:#173f2d;
color:#fff;
box-shadow:0 10px 30px #11271b40;
font-size:9px;
font-weight:900;
cursor:pointer}
.action-reopen b{
margin-left:5px;
padding:3px 7px;
border-radius:20px;
background:#e7c963;
color:#192a20}

@media(max-width:900px){
.legal-hero,.profile-centre{
grid-template-columns:1fr}
.legal-hero aside{
min-width:0}
.legal-document{
padding:30px}
.profile-form .form-grid{
grid-template-columns:1fr}
.profile-form label.wide{
grid-column:auto}
}

@media(max-width:560px){
.legal-centre{
padding:18px}
.legal-hero,.legal-document,.profile-intro,.profile-form,.action-centre-card{
padding:24px}
.terms-accept{
align-items:stretch;
flex-direction:column}
.action-centre{
padding:12px}
.action-centre-card h2{
font-size:27px}
.action-reopen{
right:12px;
bottom:12px}
}


/* Photo-first shop: designed for customers who do not use product tables */
.shop-command .shop-form{
background:transparent}
.shop-toolbar{
position:sticky;
top:76px;
z-index:35;
padding:14px 18px;
display:grid;
grid-template-columns:minmax(230px,1fr) auto;
gap:16px;
align-items:center;
border:1px solid #dce4df;
border-radius:10px;
background:#fff;
box-shadow:0 14px 35px #17291f18}
.shop-toolbar label{
display:grid;
gap:5px;
color:#6b756f;
font-size:9px;
font-weight:900;
letter-spacing:.08em}
.shop-toolbar input{
min-height:45px;
padding:10px 14px;
border:1px solid #abb6af;
border-radius:5px;
font-size:14px}
.live-cart{
display:flex;
align-items:center;
gap:18px}
.live-cart span{
min-width:110px;
display:grid}
.live-cart small{
color:#738078;
font-size:8px;
font-weight:900}
.live-cart b{
font-size:15px}
.live-cart a{
min-height:42px;
padding:0 17px;
display:inline-flex;
align-items:center;
border-radius:22px;
background:#173e2c;
color:#fff;
text-decoration:none;
font-size:9px;
font-weight:900}
.photo-shop{
padding:26px 0!important;
grid-template-columns:repeat(4,1fr)!important;
gap:15px!important}
.photo-shop article{
padding:17px!important;
display:flex;
flex-direction:column;
border:1px solid #dfe5e1!important;
border-radius:11px!important;
background:#fff!important;
box-shadow:0 10px 28px #14261d0d;
transition:.2s}
.photo-shop article:hover{
transform:translateY(-4px);
border-color:#cbb05a!important;
box-shadow:0 18px 38px #14261d18}
.photo-shop .product-image{
height:230px!important;
border-radius:8px;
background:linear-gradient(#fff,#f6f8f6)}
.photo-shop .product-image img{
width:100%;
height:100%;
object-fit:contain}
.photo-shop>article>small{
margin-top:14px;
color:#7d867f;
font-size:9px;
font-weight:800;
letter-spacing:.06em}
.photo-shop h3{
min-height:48px;
margin:6px 0!important;
font-size:16px;
line-height:1.4}
.photo-shop p{
margin:8px 0 14px!important;
color:#6d7771;
font-size:10px!important}
.photo-shop p span{
color:#347152;
font-weight:800}
.product-price{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px}
.product-price strong{
font-size:23px;
color:#1c3b2b}
.product-price span{
padding:4px 7px;
border-radius:15px;
background:#f2e8c6;
color:#6b5214;
font-size:8px;
font-weight:900}
.product-add{
min-height:46px;
margin-top:auto;
border:1px solid #1b5b3e;
border-radius:7px;
background:#fff;
color:#164b34;
font-size:11px;
font-weight:900;
cursor:pointer}
.product-add:hover{
background:#173f2d;
color:#fff}
.quantity-stepper{
min-height:46px;
margin-top:auto;
display:grid;
grid-template-columns:46px 1fr 46px;
border:1px solid #1a5c3e;
border-radius:7px;
overflow:hidden}
.quantity-stepper[hidden]{
display:none}
.quantity-stepper button{
border:0;
background:#173f2d;
color:#fff;
font-size:22px;
cursor:pointer}
.quantity-stepper input{
width:100%;
min-width:0;
border:0!important;
text-align:center;
font-size:16px;
font-weight:900;
-moz-appearance:textfield}
.quantity-stepper input::-webkit-inner-spin-button{
appearance:none}
.beneficiary-verify{
margin-top:16px;
padding:15px;
display:flex;
align-items:center;
gap:12px;
border:1px solid #c6d4cb;
border-radius:8px;
background:#f5f8f6}
.beneficiary-verify>i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:#e9ddb2;
color:#624c17;
font-style:normal;
font-weight:900}
.beneficiary-verify span{
display:grid}
.beneficiary-verify b{
font-size:11px}
.beneficiary-verify small{
color:#6d7871;
font-size:9px}
.order-review[hidden]{
display:none}
.order-review{
position:fixed;
inset:0;
z-index:230;
padding:20px;
display:grid;
place-items:center;
background:#07130caa;
backdrop-filter:blur(7px)}
.order-review>section{
width:min(720px,100%);
padding:36px;
position:relative;
border:1px solid #d4bd6e;
border-radius:16px;
background:#fff;
color:#253129;
box-shadow:0 35px 100px #0008}
.order-review h2{
margin:0 0 10px;
font-size:31px}
.order-review .review-grid{
margin:23px 0;
grid-template-columns:repeat(4,1fr)}
.order-review .review-grid article{
min-width:0}
.order-review .review-grid b{
overflow-wrap:anywhere}
.review-actions{
display:flex;
justify-content:flex-end;
gap:9px}
.kyc-review-actions{
margin:22px 0;
display:flex;
gap:9px;
flex-wrap:wrap}

@media(max-width:1200px){
.photo-shop{
grid-template-columns:repeat(3,1fr)!important}
.shop-toolbar{
grid-template-columns:1fr}
.live-cart{
justify-content:space-between}
}

@media(max-width:760px){
.shop-toolbar{
top:65px}
.photo-shop{
grid-template-columns:repeat(2,1fr)!important}
.photo-shop .product-image{
height:180px!important}
.live-cart{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px}
.live-cart a{
grid-column:1/-1;
justify-content:center}
.order-review .review-grid{
grid-template-columns:1fr 1fr}
.review-actions{
display:grid}
}

@media(max-width:470px){
.photo-shop{
grid-template-columns:1fr!important}
.photo-shop .product-image{
height:260px!important}
.live-cart{
grid-template-columns:1fr 1fr}
.live-cart span:nth-child(3){
display:none}
}


/* V2.3 visual lock: one premium order language across desktop and mobile */
.delivery-choice{
margin:0;
padding:0;
border:0;
display:grid;
grid-template-columns:1fr 1fr;
gap:12px}
.delivery-choice legend{
grid-column:1/-1;
margin-bottom:7px;
color:#28332d;
font-size:13px;
font-weight:800}
.delivery-choice label{
min-height:94px;
padding:16px;
display:flex!important;
align-items:flex-start;
gap:12px;
border:1px solid #cbd4ce;
border-radius:10px;
background:#fff;
cursor:pointer;
transition:.18s}
.delivery-choice label:has(input:checked){
border:2px solid #1c5b3f;
background:linear-gradient(145deg,#f1f8f3,#fff9e6);
box-shadow:0 12px 28px #173f2d17}
.delivery-choice input{
width:20px;
height:20px;
margin:2px 0 0;
accent-color:#1c5b3f}
.delivery-choice span{
display:grid;
gap:4px}
.delivery-choice b{
color:#173f2d;
font-size:13px;
letter-spacing:.03em}
.delivery-choice small{
color:#66716b;
font-size:11px;
line-height:1.45}
.wallet-only{
min-height:94px;
padding:16px;
display:grid;
align-content:center;
gap:3px;
border:1px solid #d7c171;
border-radius:10px;
background:linear-gradient(135deg,#193e2e,#2f5c45);
color:#fff}
.wallet-only small{
color:#f0d98c;
font-size:9px;
font-weight:900;
letter-spacing:.09em}
.wallet-only b{
font-size:18px}
.wallet-only span{
color:#dfe9e3;
font-size:10px}
.shop-command .checkout-card{
border-radius:14px!important;
box-shadow:0 20px 55px #15302112}
.shop-command .checkout-fields input,.shop-command .checkout-fields textarea{
border:1px solid #aeb9b2;
border-radius:7px;
background:#fff}
.shop-command .checkout-fields input:focus,.shop-command .checkout-fields textarea:focus{
border-color:#1c5b3f;
outline:3px solid #1c5b3f18}
.shop-command .order-review .review-grid{
grid-template-columns:repeat(5,1fr)}

@media(max-width:760px){
.delivery-choice{
grid-template-columns:1fr}
.shop-command .order-review .review-grid{
grid-template-columns:1fr 1fr}
.wallet-only{
min-height:82px}
}


.team-command .team-summary{
margin:18px 0;
padding:0!important;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
background:transparent!important}
.team-command .team-summary article{
min-height:116px;
padding:21px;
display:grid;
align-content:center;
border:1px solid #dce4df;
border-radius:10px;
background:#fff;
box-shadow:0 10px 28px #1430210b}
.team-command .team-summary small{
color:#6a746e;
font-size:10px;
font-weight:900;
letter-spacing:.07em}
.team-command .team-summary b{
color:#193d2c;
font-size:28px}
.referral-centre{
display:grid;
grid-template-columns:1fr minmax(340px,.8fr);
gap:30px;
align-items:center}
.referral-centre h2{
margin:4px 0}
.referral-centre p{
color:#68716c}
.referral-centre .invite-copy{
display:grid;
grid-template-columns:1fr auto;
gap:8px}
.referral-centre .invite-copy input{
grid-column:1/-1;
min-height:49px;
padding:12px;
border:1px solid #a9b5ae;
border-radius:7px}
.referral-centre .invite-copy button,.referral-centre .invite-copy a{
min-height:44px;
padding:0 15px;
display:flex;
align-items:center;
justify-content:center;
border:0;
border-radius:6px;
background:#193e2d;
color:#fff;
text-decoration:none;
font-size:10px;
font-weight:900}
.referral-centre .invite-copy a{
background:#b99435}
.business-levels article strong{
display:block;
margin-top:5px;
color:#1e5b3e;
font-size:10px}
.team-command table td{
white-space:nowrap}
.team-command table td:nth-child(3){
white-space:normal;
min-width:160px}

@media(max-width:900px){
.team-command .team-summary{
grid-template-columns:1fr 1fr}
.referral-centre{
grid-template-columns:1fr}
}


.focus-tree .genealogy-scroll{
padding:48px 20px 55px;
overflow-x:auto}
.focus-tree .genealogy-tree{
min-width:720px;
max-width:980px;
margin:auto}
.focus-tree .tree-member{
min-width:210px;
min-height:174px}
.tree-drill{
min-height:30px;
margin-top:9px;
padding:6px 9px;
display:flex;
align-items:center;
justify-content:center;
border-radius:5px;
background:#193e2d;
color:#f0d780!important;
text-decoration:none;
font-size:9px;
font-weight:900}
.focus-tree .genealogy-toolbar a:first-child{
background:#f2d573;
color:#193124}
.focus-tree .genealogy-tree>ul>li>ul>li{
min-width:310px}
.focus-tree .tree-member.empty{
border-style:dashed;
background:linear-gradient(145deg,#fff,#f5f7f5)}

@media(max-width:760px){
.focus-tree .genealogy-tree{
min-width:640px}
.focus-tree .tree-member{
min-width:180px}
.focus-tree .genealogy-tree>ul>li>ul>li{
min-width:270px}
}


.downline-level-groups{
margin-top:22px;
display:grid;
gap:11px}
.downline-level-groups details{
border:1px solid #d8e1db;
border-radius:9px;
background:#fff;
overflow:hidden}
.downline-level-groups summary{
min-height:72px;
padding:14px 18px;
display:grid;
grid-template-columns:1fr auto auto;
gap:18px;
align-items:center;
cursor:pointer;
background:linear-gradient(90deg,#f5f9f6,#fffaf0);
list-style:none}
.downline-level-groups summary::-webkit-details-marker{
display:none}
.downline-level-groups summary span{
display:grid}
.downline-level-groups summary b{
color:#173e2c;
font-size:15px}
.downline-level-groups summary small{
color:#6a756e;
font-size:10px}
.downline-level-groups summary strong{
color:#8a6b1c;
font-size:14px}
.downline-level-groups summary i{
font-style:normal;
font-size:18px;
transition:.2s}
.downline-level-groups details[open] summary i{
transform:rotate(180deg)}
.downline-level-groups .table-wrap{
border-top:1px solid #e3e8e5}
.downline-level-groups table{
margin:0}



/* Source: portal-premium.css */
/* Alpline 2.4.1 premium portal layer: fast, local-font, cache-versioned. */
:root {

    --ap-ink: #10251d;

    --ap-forest: #0b3d2d;

    --ap-forest-2: #13543f;

    --ap-emerald: #177a58;

    --ap-gold: #d6ae4a;

    --ap-gold-soft: #f3e4b8;

    --ap-canvas: #f3f6f4;

    --ap-card: #ffffff;

    --ap-line: #dce5df;

    --ap-muted: #66736d;

    --ap-danger: #b9423b;

    --ap-warning: #a36d11;

    --ap-success: #16734e;

    --ap-shadow: 0 16px 44px rgba(19, 51, 38, .09);

}


.portal-body,
.portal-body button,
.portal-body input,
.portal-body select,
.portal-body textarea {

    font-family: Aptos, "Segoe UI Variable", "Segoe UI", Arial, sans-serif !important;

}


.portal-body {

    background: var(--ap-canvas);

    color: var(--ap-ink);

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 0;

    -webkit-font-smoothing: antialiased;

    text-rendering: optimizeLegibility;

}


.portal-body h1,
.portal-body h2,
.portal-body h3,
.portal-body h4,
.portal-body em,
.portal-body strong,
.portal-body b {

    font-family: inherit !important;

}


.portal-body h1,
.portal-body h2,
.portal-body h3 {

    font-style: normal;

    letter-spacing: -.025em;

}


.portal-sidebar {

    width: 292px;

    padding: 22px 18px;

    background:
        radial-gradient(circle at 15% 0, rgba(66, 142, 106, .28), transparent 25%),
        linear-gradient(180deg, #071b14 0%, #0d281e 58%, #081711 100%);

    border-right: 1px solid rgba(255, 255, 255, .06);

    box-shadow: 12px 0 38px rgba(13, 35, 27, .16);

}


.portal-brand {

    height: 72px;

    margin: 0 3px 14px;

    padding: 7px 8px;

}


.portal-brand img {

    width: 54px;

    height: 54px;

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

    box-shadow: 0 10px 28px rgba(0, 0, 0, .28);

}


.portal-brand b {

    font-size: 20px;

    font-weight: 800;

    letter-spacing: .14em;

}


.portal-brand small {

    margin-top: 2px;

    color: #c8d7d0;

    font-size: 9px;

    letter-spacing: .17em;

}


.live-data-badge {

    margin: 4px 7px 20px;

    padding: 9px 12px;

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

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

    color: #d8eee4;

}


.portal-nav-label {

    margin: 21px 12px 8px;

    color: #91a89d;

    font-size: 10px;

    letter-spacing: .15em;

}


.portal-nav {

    gap: 4px;

}


.portal-nav a,
.portal-nav-group summary {

    min-height: 46px;

    padding: 8px 11px;

    border-radius: 9px;

    color: #e2e9e5;

    font-size: 14px;

    font-weight: 600;

    transition: background .18s ease, color .18s ease, transform .18s ease;

}


.portal-nav a:hover,
.portal-nav-group summary:hover {

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

    transform: translateX(2px);

}


.portal-nav a.active {

    background: linear-gradient(135deg, #f8fbf9, #edf4f0);

    color: #12271f;

    box-shadow: 0 10px 25px rgba(0, 0, 0, .22);

}


.portal-nav a i,
.portal-nav-group summary i {

    width: 30px;

    height: 30px;

    border-radius: 8px;

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

    color: #e7c96f;

}


.portal-stage {

    margin-left: 292px;

}


.portal-topbar {

    height: 80px;

    padding: 0 34px;

    gap: 15px;

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

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

    box-shadow: 0 6px 22px rgba(25, 51, 40, .045);

    backdrop-filter: blur(14px);

}


.topbar-identity {

    display: grid;

    gap: 2px;

    padding-left: 3px;

}


.topbar-identity small {

    color: #7d8a84;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .12em;

}


.topbar-identity b {

    color: #17251f;

    font-size: 17px;

    font-weight: 750;

}


.esc-back {

    min-height: 37px;

    border-color: #d1dbd5;

    border-radius: 9px;

    background: #f8faf9;

}


.portal-top-actions {

    gap: 24px;

}


.portal-top-actions > a,
.portal-top-actions summary {

    color: #263b32;

    font-size: 13px;

    font-weight: 700;

}


.portal-content {

    max-width: 1760px;

    margin: 0 auto;

    padding: 32px;

}


.portal-content > main {

    min-height: calc(100vh - 144px);

}


.portal-content .admin-console-head,
.portal-content .dash-head,
.portal-content .network-head,
.update-hero {

    position: relative;

    overflow: hidden;

    min-height: 285px;

    padding: 44px 46px;

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

    border-radius: 22px;

    background:
        radial-gradient(circle at 92% 8%, rgba(235, 203, 105, .24), transparent 28%),
        linear-gradient(128deg, #09281e 0%, #13523d 58%, #1d654d 100%);

    color: #fff;

    box-shadow: 0 22px 55px rgba(13, 55, 41, .18);

}


.portal-content .admin-console-head::after,
.portal-content .dash-head::after,
.portal-content .network-head::after,
.update-hero::after {

    content: "";

    position: absolute;

    width: 360px;

    height: 360px;

    right: -150px;

    bottom: -230px;

    border: 1px solid rgba(242, 213, 122, .3);

    border-radius: 50%;

    box-shadow: 0 0 0 45px rgba(255, 255, 255, .025), 0 0 0 92px rgba(255, 255, 255, .018);

    pointer-events: none;

}


.portal-content .admin-console-head > *,
.portal-content .dash-head > *,
.portal-content .network-head > *,
.update-hero > * {

    position: relative;

    z-index: 1;

}


.portal-content .admin-console-head h1,
.portal-content .dash-head h1,
.portal-content .network-head h1,
.update-hero h1 {

    margin: 7px 0 15px;

    color: #fff;

    font-size: clamp(38px, 4.2vw, 58px);

    font-weight: 780;

    line-height: 1.02;

    letter-spacing: -.045em;

}


.portal-content .admin-console-head h1 em,
.portal-content .dash-head h1 em,
.portal-content .network-head h1 em,
.update-hero h1 em {

    color: #f1d47e;

    font-style: normal;

    font-weight: 780;

}


.portal-content .eyebrow {

    margin: 0;

    color: #f0d17b;

    font-size: 10px;

    font-weight: 850;

    letter-spacing: .17em;

}


.portal-content .eyebrow.dark {

    color: #94701b;

}


.portal-content .admin-console-head p:not(.eyebrow),
.portal-content .dash-head p:not(.eyebrow),
.portal-content .network-head p:not(.eyebrow),
.update-hero p:not(.eyebrow) {

    max-width: 720px;

    margin: 0;

    color: #d9e8e1;

    font-size: 16px;

    line-height: 1.7;

}


.portal-content .root-id-card,
.portal-content .identity,
.portal-content .network-identity {

    min-width: 315px;

    padding: 25px;

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

    border-radius: 14px;

    background: rgba(4, 25, 18, .72);

    box-shadow: 0 14px 35px rgba(1, 20, 14, .23);

}


.portal-content .root-id-card strong {

    margin: 11px 0;

    color: #fff;

    font-size: 26px;

    font-weight: 800;

}


.portal-content .root-id-card p {

    color: #c8dad2 !important;

    font-size: 12px !important;

}


.portal-content .root-id-card a {

    color: #f3d47b;

    text-decoration: none;

}


.admin-quick-launch {

    margin: 18px 0;

    padding: 0 !important;

    display: grid;

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

    gap: 11px;

}


.admin-quick-launch > a {

    min-height: 96px;

    padding: 17px;

    display: flex;

    align-items: center;

    gap: 12px;

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

    border-radius: 13px;

    background: #fff;

    color: var(--ap-ink);

    text-decoration: none;

    box-shadow: 0 8px 24px rgba(22, 55, 41, .055);

    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;

}


.admin-quick-launch > a:hover {

    transform: translateY(-3px);

    border-color: #ceb460;

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

}


.admin-quick-launch > a.primary {

    border-color: #195a43;

    background: linear-gradient(135deg, #0c3628, #176047);

    color: #fff;

}


.admin-quick-launch i {

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    display: grid;

    place-items: center;

    border-radius: 12px;

    background: #f4e7be;

    color: #745816;

    font-style: normal;

    font-size: 18px;

}


.admin-quick-launch span {

    display: grid;

    gap: 4px;

}


.admin-quick-launch b {

    font-size: 11px;

    font-weight: 850;

    letter-spacing: .04em;

}


.admin-quick-launch small {

    color: #6f7b75;

    font-size: 10px;

    line-height: 1.35;

}


.admin-quick-launch .primary small {

    color: #cde3d9;

}


.portal-content .admin-kpis,
.portal-content .metrics,
.portal-content .guardrails,
.portal-content .network-metrics {

    margin-top: 0;

    padding: 0;

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;

    background: transparent;

}


.portal-content .admin-kpis article,
.portal-content .metrics article,
.portal-content .guardrails article,
.portal-content .network-metrics article {

    min-height: 116px;

    padding: 21px;

    display: grid;

    align-content: center;

    gap: 8px;

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

    border-radius: 13px;

    background: #fff;

    color: var(--ap-ink);

    box-shadow: 0 8px 25px rgba(22, 55, 41, .05);

}


.portal-content .admin-kpis small,
.portal-content .metrics small,
.portal-content .guardrails span,
.portal-content .network-metrics small {

    color: #6e7a74;

    font-size: 11px;

    font-weight: 750;

}


.portal-content .admin-kpis b,
.portal-content .metrics b,
.portal-content .guardrails b,
.portal-content .network-metrics b {

    color: #183128;

    font-size: 30px;

    font-weight: 780;

}


.portal-content .admin-kpis .structure {

    border-color: #d8c47e;

    background: #fffbef;

}


.portal-content .admin-kpis .warning {
 background: #fff8e6;
 }

.portal-content .admin-kpis .danger {
 background: #fff0ef;
 }

.portal-content .admin-kpis .success {
 background: #edf9f2;
 }


.portal-content .launch-readiness {

    margin: 18px 0;

    padding: 27px 30px;

    border-radius: 14px;

}


.portal-content .admin-modules {

    padding: 48px 0;

}


.portal-content h2 {

    color: #163027;

    font-size: clamp(27px, 3vw, 38px);

    font-weight: 770;

    line-height: 1.15;

}


.portal-content .module-grid {

    margin-top: 26px;

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 14px;

}


.portal-content .module-grid > a {

    min-height: 205px;

    padding: 24px;

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

    border-radius: 15px;

    background: linear-gradient(145deg, #fff, #f9fbfa);

    box-shadow: 0 10px 30px rgba(21, 52, 40, .055);

}


.portal-content .module-grid h3 {

    margin: 25px 0 9px;

    color: #173128;

    font-size: 20px;

    font-weight: 760;

}


.portal-content .module-grid p {

    color: #68756e;

    font-size: 13px;

    line-height: 1.55;

}


.portal-content .module-grid b {

    color: #126247;

    font-size: 10px;

}


.portal-content .control-card,
.portal-content .tree-section,
.portal-content .team-section,
.portal-content .income-trace,
.portal-content .invite-card,
.portal-content .recent-ids {

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

    border-radius: 16px;

    background: #fff;

    box-shadow: 0 12px 34px rgba(21, 52, 40, .06);

}


.portal-content .recent-ids {

    padding: 30px;

}


.portal-content table {

    width: 100%;

    border-collapse: separate;

    border-spacing: 0;

}


.portal-content th {

    color: #68766f;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .07em;

}


.portal-content td {

    color: #263b32;

    font-size: 13px;

}


.portal-content th,
.portal-content td {

    padding: 14px 13px;

    border-bottom: 1px solid #e5ebe7;

}


/* Secure update centre */
.update-centre {

    max-width: 1480px;

    margin: 0 auto;

}


.update-hero {

    display: grid;

    grid-template-columns: minmax(0, 1.3fr) minmax(230px, .7fr);

    align-items: center;

    min-height: 360px;

}


.update-hero h1 {

    font-size: clamp(42px, 5vw, 66px);

}


.update-badges {

    margin-top: 23px;

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}


.update-badges span {

    padding: 8px 11px;

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

    border-radius: 999px;

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

    color: #eef7f3;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: .08em;

}


.reverse-orbit,
.reverse-control {

    display: grid;

    place-items: center;

}


.orbit-ring,
.reverse-face {

    aspect-ratio: 1;

    display: grid;

    place-items: center;

    text-align: center;

    border-radius: 50%;

    position: relative;

}


.orbit-ring {

    width: min(260px, 25vw);

    min-width: 210px;

    background: conic-gradient(from 25deg, #efcf73, #218565, #e7f1ed, #218565, #efcf73);

    box-shadow: 0 0 0 10px rgba(255, 255, 255, .07), 0 25px 55px rgba(0, 20, 14, .45);

}


.orbit-ring::before {

    content: "";

    position: absolute;

    inset: 14px;

    border-radius: 50%;

    background: #0a3327;

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

}


.orbit-ring > *,
.reverse-face > * {

    position: relative;

    z-index: 1;

    grid-column: 1;

    grid-row: 1;

}


.orbit-ring span {

    transform: translateY(-51px);

    color: #f0cf70;

    font-size: 48px;

}


.orbit-ring b {

    color: #fff;

    font-size: 20px;

    font-weight: 850;

    line-height: 1.05;

    letter-spacing: .1em;

}


.orbit-ring small {

    transform: translateY(54px);

    color: #bcd7cc;

    font-size: 11px;

}


.health-console {

    margin: 20px 0;

    padding: 25px 28px;

    display: grid;

    grid-template-columns: minmax(250px, .65fr) minmax(0, 1.35fr);

    align-items: center;

    gap: 24px;

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

    border-left: 6px solid var(--ap-success);

    border-radius: 16px;

    background: #fff;

    box-shadow: 0 10px 30px rgba(18, 55, 41, .06);

}


.health-console.blocked {
 border-left-color: var(--ap-danger);
 }

.health-console h2 {
 margin: 4px 0 0;
 font-size: 27px;
 }


.health-pills {

    display: flex;

    justify-content: flex-end;

    flex-wrap: wrap;

    gap: 8px;

}


.health-pills span {

    padding: 8px 11px;

    display: flex;

    align-items: center;

    gap: 7px;

    border: 1px solid #e0e8e3;

    border-radius: 999px;

    background: #f7faf8;

    color: #42564d;

    font-size: 11px;

    font-weight: 750;

}


.health-pills i {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #15a66e;

    box-shadow: 0 0 0 4px rgba(21, 166, 110, .12);

}


.health-pills .fail i {
 background: #d44c42;
 }


.update-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 18px;

}


.update-grid .control-card {

    margin: 0;

    padding: 28px;

}


.update-grid .control-card h2 {

    margin: 9px 0 12px;

    font-size: 29px;

}


.update-grid .control-card p {

    color: var(--ap-muted);

    font-size: 14px;

    line-height: 1.65;

}


.emergency-card {

    border-color: #e2cb88 !important;

    background: linear-gradient(145deg, #fffdf6, #faf4e2) !important;

}


.update-centre form {

    display: grid;

    gap: 13px;

}


.update-centre form label {

    display: grid;

    gap: 7px;

    color: #34483f;

    font-size: 12px;

    font-weight: 750;

}


.update-centre form input[type="file"],
.update-centre form input[type="password"],
.update-centre form input[name="confirmation"] {

    width: 100%;

    min-height: 48px;

    margin: 0;

    padding: 11px 13px;

    border: 1px solid #bac9c1;

    border-radius: 10px;

    background: #fff;

    color: #1d342a;

    font-size: 13px;

}


.update-centre .btn {

    min-height: 47px;

    border-radius: 10px;

    font-size: 11px;

}


.signed-preview {

    margin: 20px 0;

    padding: 30px;

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

    border-radius: 18px;

    background: #fff;

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

}


.preview-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

}


.release-arrow {

    padding: 13px 16px;

    display: flex;

    align-items: center;

    gap: 13px;

    border-radius: 12px;

    background: #eef6f2;

}


.release-arrow b {
 color: #af821c;
 font-size: 24px;
 }

.release-arrow strong {
 color: #0a6245;
 }


.change-kpis {

    margin: 22px 0;

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 10px;

}


.change-kpis article {

    padding: 17px;

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

    border-radius: 12px;

    background: #f7faf8;

}


.change-kpis small {

    display: block;

    color: #6b7a73;

    font-size: 9px;

    font-weight: 850;

}


.change-kpis b {

    display: block;

    margin-top: 7px;

    color: #163d30;

    font-size: 23px;

}


.file-change-grid,
.install-confirm {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 14px;

}


.file-change-grid {
 margin: 20px 0;
 }


.file-change-grid details {

    padding: 16px;

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

    border-radius: 12px;

}


.file-change-grid summary {
 cursor: pointer;
 font-weight: 800;
 }


.file-change-grid details > div {

    max-height: 240px;

    margin-top: 12px;

    display: grid;

    gap: 5px;

    overflow: auto;

}


.file-change-grid code {

    padding: 6px 8px;

    border-radius: 6px;

    background: #f2f6f4;

    font-size: 11px;

}


.install-confirm {

    padding-top: 22px;

    border-top: 1px solid var(--ap-line);

}


.install-action {

    padding: 22px;

    border-radius: 14px;

    background: #0a3428;

    color: #eaf6f1;

}


.rollback-stage {

    margin: 22px 0;

    padding: 32px;

    display: grid;

    grid-template-columns: 255px 1fr;

    align-items: center;

    gap: 34px;

    border: 1px solid #d2e2da;

    border-radius: 20px;

    background: linear-gradient(145deg, #f9fcfa, #eaf5f0);

}


.reverse-face {

    width: 205px;

    background: conic-gradient(#d3aa3e 0 28%, #137557 28% 82%, #e8f2ee 82%);

    color: #fff;

    box-shadow: inset 0 0 0 14px #eff7f3, 0 18px 42px rgba(12, 79, 57, .22);

}


.reverse-face::before {

    content: "";

    position: absolute;

    inset: 27px;

    border-radius: 50%;

    background: #0a3a2c;

}


.reverse-face span {

    transform: translateY(-45px);

    color: #f0cc69;

    font-size: 42px;

}


.reverse-face b {

    font-size: 15px;

    font-weight: 850;

    line-height: 1.06;

    letter-spacing: .09em;

}


.reverse-face small {

    transform: translateY(46px);

    color: #d1e6dd;

    font-size: 9px;

}


.rollback-fields {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

}


.reverse-btn {

    width: max-content;

    min-height: 46px;

    padding: 0 20px;

    border: 0;

    border-radius: 999px !important;

    background: linear-gradient(100deg, #a37716, #116d50) !important;

    color: #fff !important;

}


@media (max-width: 1180px) {

    .admin-quick-launch {
 grid-template-columns: repeat(3, minmax(0, 1fr));
 }

    .admin-quick-launch > a.primary {
 grid-column: span 2;
 }

    .portal-content .module-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

}


@media (max-width: 980px) {

    .portal-sidebar {
 transform: translateX(-100%);
 }

    .sidebar-open .portal-sidebar {
 transform: translateX(0);
 }

    .portal-stage {
 margin-left: 0;
 }

    .sidebar-toggle {
 display: block;
 }

    .portal-content .admin-console-head,
    .portal-content .dash-head,
    .portal-content .network-head,
    .update-hero,
    .health-console,
    .rollback-stage {
 grid-template-columns: 1fr;
 }

    .reverse-orbit {
 margin-top: 24px;
 }

    .health-pills {
 justify-content: flex-start;
 }

    .portal-content .admin-kpis,
    .portal-content .metrics,
    .portal-content .guardrails,
    .portal-content .network-metrics {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }

}


@media (max-width: 700px) {

    .portal-topbar {
 height: 72px;
 padding: 0 15px;
 }

    .topbar-identity small {
 display: none;
 }

    .topbar-identity b {
 font-size: 14px;
 }

    .portal-content {
 padding: 16px;
 }

    .portal-content .admin-console-head,
    .portal-content .dash-head,
    .portal-content .network-head,
    .update-hero {
 min-height: 0;
 padding: 30px 23px;
 border-radius: 16px;
 }

    .portal-content .admin-console-head h1,
    .portal-content .dash-head h1,
    .portal-content .network-head h1,
    .update-hero h1 {
 font-size: 36px;
 }

    .portal-content .root-id-card,
    .portal-content .identity,
    .portal-content .network-identity {
 min-width: 0;
 }

    .admin-quick-launch,
    .portal-content .module-grid,
    .update-grid,
    .change-kpis,
    .file-change-grid,
    .install-confirm,
    .rollback-fields {
 grid-template-columns: 1fr;
 }

    .admin-quick-launch > a.primary {
 grid-column: auto;
 }

    .change-kpis {
 grid-template-columns: 1fr 1fr;
 }

    .rollback-stage {
 padding: 24px 20px;
 }

}


@media (max-width: 430px) {

    .portal-content .admin-kpis,
    .portal-content .metrics,
    .portal-content .guardrails,
    .portal-content .network-metrics,
    .change-kpis {
 grid-template-columns: 1fr;
 }

    .esc-back kbd {
 display: none;
 }

}


/* Alpline 2.5 final operations readiness and print-safe invoice. */
.readiness-page {
 max-width: 1540px;
 margin: 0 auto;
 }

.readiness-hero {
 min-height: 330px;
 padding: 48px;
 display: grid;
 grid-template-columns: 1fr auto;
 gap: 48px;
 align-items: center;
 border-radius: 18px;
 color: #fff;
 background: radial-gradient(circle at 84% 15%, rgba(225,190,91,.22), transparent 28%), linear-gradient(125deg,#08281d,#174b38 58%,#263d31);
 box-shadow: var(--ap-shadow);
 }

.readiness-hero h1 {
 margin: 8px 0 18px;
 font-size: clamp(42px,5vw,72px);
 line-height: .98;
 }

.readiness-hero h1 em {
 color: #f1cf72;
 font-style: normal;
 }

.readiness-hero p:not(.eyebrow) {
 max-width: 760px;
 color: #d7e4dd;
 font-size: 16px;
 line-height: 1.7;
 }

.readiness-score {
 min-width: 210px;
 display: grid;
 place-items: center;
 gap: 14px;
 }

.readiness-score>span {
 width: 170px;
 height: 170px;
 display: grid;
 place-items: center;
 border-radius: 50%;
 background: radial-gradient(circle closest-side,#102d22 77%,transparent 79% 99%), conic-gradient(#e1b84f var(--score),rgba(255,255,255,.16) 0);
 }

.readiness-score b {
 font-size: 40px;
 color: #fff;
 }

.readiness-score small {
 color: #dce8e2;
 font-weight: 800;
 letter-spacing: .09em;
 }

.readiness-note {
 margin: 16px 0;
 padding: 18px 22px;
 display: grid;
 grid-template-columns: auto 1fr auto;
 gap: 20px;
 align-items: center;
 border: 1px solid #cbdcd2;
 border-radius: 10px;
 background: #ecf7f1;
 }

.readiness-note b {
 color: #126b4b;
 font-size: 12px;
 letter-spacing: .08em;
 }

.readiness-note span {
 color: #43554c;
 }

.readiness-note a {
 color: #0e583f;
 font-size: 12px;
 font-weight: 800;
 text-decoration: none;
 }

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

.readiness-grid article {
 min-height: 245px;
 padding: 25px;
 display: flex;
 flex-direction: column;
 border: 1px solid var(--ap-line);
 border-radius: 12px;
 background: #fff;
 box-shadow: 0 8px 30px rgba(14,51,37,.05);
 }

.readiness-grid article.ready {
 border-top: 4px solid #16805a;
 }

.readiness-grid article.attention {
 border-top: 4px solid #c17e16;
 background: #fffaf0;
 }

.readiness-grid header {
 display: flex;
 align-items: center;
 justify-content: space-between;
 }

.readiness-grid header span {
 color: #9b7b2a;
 font-size: 12px;
 font-weight: 900;
 }

.readiness-grid header b {
 padding: 5px 8px;
 border-radius: 999px;
 color: #116b4b;
 background: #e5f5ed;
 font-size: 10px;
 letter-spacing: .08em;
 }

.readiness-grid h2 {
 margin: 25px 0 10px;
 font-size: 24px;
 }

.readiness-grid p {
 flex: 1;
 margin: 0 0 18px;
 color: var(--ap-muted);
 line-height: 1.6;
 }

.readiness-grid small {
 color: #8b702a;
 font-weight: 800;
 letter-spacing: .07em;
 }

.readiness-grid a {
 margin-top: 16px;
 color: #0d5c42;
 font-size: 12px;
 font-weight: 900;
 text-decoration: none;
 }

.readiness-boundary {
 margin-top: 18px;
 padding: 38px;
 display: grid;
 grid-template-columns: .75fr 1.25fr;
 gap: 45px;
 border-radius: 14px;
 background: #f1ead7;
 }

.readiness-boundary h2 {
 margin: 8px 0;
 }

.readiness-boundary p {
 margin: 0;
 color: #4c554f;
 line-height: 1.85;
 }

.invoice-page .dash-head .btn {
 width: max-content;
 margin-top: 18px;
 }

.level-performance-grid {
 display: grid;
 grid-template-columns: repeat(5,minmax(0,1fr));
 gap: 10px;
 }

.level-performance-grid article {
 min-height: 145px;
 padding: 17px;
 display: grid;
 align-content: start;
 gap: 8px;
 border: 1px solid var(--ap-line);
 border-radius: 10px;
 background: #f7f9f7;
 overflow: hidden;
 }

.level-performance-grid article.has-business {
 background: linear-gradient(145deg,#fff,#edf8f2);
 border-color: #b9daca;
 }

.level-performance-grid header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 }

.level-performance-grid header b {
 color: #b18727;
 font-size: 18px;
 }

.level-performance-grid header span,.level-performance-grid small {
 color: var(--ap-muted);
 font-size: 11px;
 }

.level-performance-grid strong {
 margin-top: 7px;
 color: #0f5f43;
 font-size: 20px;
 }

.level-performance-grid i {
 height: 5px;
 margin-top: 5px;
 position: relative;
 border-radius: 5px;
 background: #dce6e0;
 overflow: hidden;
 }

.level-performance-grid i:after {
 content: '';
 width: var(--fill);
 position: absolute;
 inset: 0 auto 0 0;
 background: linear-gradient(90deg,#14805a,#e0b64c);
 }

.performance-columns {
 display: grid;
 grid-template-columns: 1.35fr .65fr;
 gap: 16px;
 }

.income-total-list {
 display: grid;
 gap: 8px;
 }

.income-total-list span {
 padding: 14px 0;
 display: flex;
 justify-content: space-between;
 gap: 20px;
 border-bottom: 1px solid var(--ap-line);
 }

.income-total-list small {
 color: var(--ap-muted);
 }

.income-total-list b {
 color: #116849;
 }

.directory-filter {
 display: grid;
 grid-template-columns: 1fr 1.5fr .75fr .75fr auto;
 gap: 12px;
 align-items: end;
 }

.directory-filter label {
 display: grid;
 gap: 7px;
 }

.directory-filter input,.directory-filter select {
 min-height: 44px;
 }

.privacy-alert {
 margin-top: 18px;
 padding: 17px;
 display: flex;
 align-items: center;
 gap: 16px;
 border-radius: 9px;
 background: #fff2d5;
 border-left: 5px solid #d0a139;
 }

.privacy-alert b {
 color: #75540c;
 font-size: 12px;
 letter-spacing: .06em;
 }

.privacy-alert span {
 flex: 1;
 color: #665b44;
 }


@media (max-width: 1050px) {
 .readiness-grid {
 grid-template-columns: repeat(2,minmax(0,1fr));
 }
 }

@media (max-width: 1100px) {
 .level-performance-grid {
 grid-template-columns: repeat(3,minmax(0,1fr));
 }
 .directory-filter {
 grid-template-columns: 1fr 1fr;
 }
 }

@media (max-width: 700px) {
 .readiness-hero,.readiness-boundary,.performance-columns {
 grid-template-columns: 1fr;
 padding: 28px 22px;
 }
 .readiness-score {
 justify-self: center;
 }
 .readiness-note,.readiness-grid,.level-performance-grid,.directory-filter {
 grid-template-columns: 1fr;
 }
 .privacy-alert {
 align-items: flex-start;
 flex-direction: column;
 }
 }


@media print {

    .portal-sidebar,.portal-topbar,.impersonation-banner,.no-print,.assist-button,.assist {
 display: none !important;
 }

    .portal-stage {
 margin: 0 !important;
 }

    .portal-content {
 padding: 0 !important;
 }

    .invoice-page {
 background: #fff !important;
 color: #111 !important;
 }

    .invoice-page .dash-head {
 min-height: 0 !important;
 padding: 25px !important;
 border: 2px solid #183e2f;
 background: #fff !important;
 color: #111 !important;
 break-inside: avoid;
 }

    .invoice-page .dash-head p,.invoice-page .dash-head .eyebrow {
 color: #333 !important;
 }

    .invoice-page .identity {
 border: 1px solid #999 !important;
 background: #fff !important;
 color: #111 !important;
 }

    .invoice-page .control-card {
 margin: 15px 0 !important;
 padding: 22px !important;
 border: 1px solid #aaa !important;
 box-shadow: none !important;
 break-inside: avoid;
 }

    @page {
 size: A4;
 margin: 14mm;
 }

}


/* V2.5 VIP glass update studio */
.master-action-grid{
margin:20px 0;
display:grid;
gap:15px}
.master-action{
position:relative;
padding:25px 26px 25px 88px;
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);
align-items:center;
gap:24px;
border:1px solid #d6e4de;
border-radius:18px;
background:linear-gradient(125deg,rgba(255,255,255,.96),rgba(241,249,245,.9));
box-shadow:0 14px 38px rgba(10,62,44,.08);
overflow:hidden}
.master-action:before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:7px;
background:#16845e}
.master-action.restore-action:before{
background:#d6a72d}
.master-action.update-action:before{
background:#182f27}
.action-number{
position:absolute;
left:24px;
top:26px;
width:43px;
height:43px;
display:grid;
place-items:center;
border-radius:50%;
background:#073f30;
color:#efd070;
font-weight:900}
.master-action h2{
margin:4px 0 8px;
font-size:27px}
.master-action p{
margin:0;
color:#52665d;
line-height:1.65}
.master-action details{
margin-top:13px;
padding:10px 13px;
border:1px solid #d9e5df;
border-radius:10px;
background:rgba(255,255,255,.75)}
.master-action summary{
cursor:pointer;
color:#0c6247;
font-weight:850}
.master-action ul{
margin:10px 0 2px;
padding-left:20px;
color:#455a51;
line-height:1.7}
.master-action form{
display:grid;
gap:11px}
.master-action form label{
display:grid;
gap:6px;
font-size:12px;
font-weight:800}
.master-action input{
width:100%;
min-height:46px;
padding:11px;
border:1px solid #bacac2;
border-radius:9px;
background:#fff}
.master-action>a.btn{
justify-self:stretch;
text-align:center}
.verified-restore{
border:2px solid #2c9d72}
.safety-master-hero{
background:radial-gradient(circle at 82% 20%,rgba(230,190,78,.2),transparent 25%),linear-gradient(135deg,#063a2b,#116b4e)!important}

.simple-success-card{
margin:20px 0;
padding:24px;
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:20px;
border:1px solid #94d7bb;
border-radius:20px;
background:linear-gradient(135deg,rgba(235,253,245,.94),rgba(255,251,237,.92));
box-shadow:0 18px 48px rgba(7,79,53,.12)}

.simple-success-card h2{
margin:3px 0 7px}
.simple-success-card code{
display:inline-block;
margin-top:7px;
padding:8px 10px;
border-radius:8px;
background:#fff}
.simple-success-actions{
display:grid;
gap:9px}
.upload-vip{
border-top:5px solid #0c7554!important}

.glass-workflow{
margin:22px 0;
padding:18px;
display:grid;
grid-template-columns:repeat(9,auto);
align-items:center;
justify-content:space-between;
gap:8px;
border:1px solid rgba(255,255,255,.82);
border-radius:20px;
background:linear-gradient(120deg,rgba(242,251,247,.82),rgba(255,249,229,.7));
box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(13,75,54,.1);
backdrop-filter:blur(18px)}

.glass-workflow>div{
min-width:108px;
padding:13px;
display:grid;
place-items:center;
gap:3px;
border:1px solid rgba(185,213,201,.8);
border-radius:15px;
background:rgba(255,255,255,.72)}
.glass-workflow i{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:50%;
background:#dfeae5;
color:#37584b;
font-style:normal}
.glass-workflow b{
font-size:12px}
.glass-workflow small{
font-size:8px;
font-weight:900;
letter-spacing:.08em;
color:#6a7d74}
.glass-workflow .done i,.glass-workflow .ready i{
background:linear-gradient(135deg,#0c8d62,#e2b640);
color:#fff}
.glass-workflow>span{
color:#bd922a;
font-size:22px}

.vip-safety-strip{
margin:12px 0 4px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px}
.vip-safety-strip span{
padding:13px;
display:grid;
grid-template-columns:auto 1fr;
align-items:center;
gap:2px 8px;
border:1px solid #cfe4da;
border-radius:12px;
background:#f2fbf6}
.vip-safety-strip i{
grid-row:1/3;
width:27px;
height:27px;
display:grid;
place-items:center;
border-radius:50%;
background:#11875f;
color:#fff;
font-style:normal}
.vip-safety-strip b{
font-size:12px}
.vip-safety-strip small{
color:#11875f;
font-size:9px;
font-weight:900;
letter-spacing:.08em}

.simple-check{
margin-top:5px;
padding:13px;
display:grid!important;
grid-template-columns:auto 1fr;
align-items:start;
border:1px solid #d8e5df;
border-radius:10px;
background:#f8fbf9}
.simple-check input{
width:18px;
height:18px;
margin:0;
accent-color:#087652}
.simple-install .install-action h3{
margin:12px 0 3px;
color:#fff}
.simple-install .install-action p{
color:#d6ebe3}

@media(max-width:900px){
.master-action{
padding:76px 20px 22px;
grid-template-columns:1fr}
.simple-success-card{
grid-template-columns:1fr}
.glass-workflow{
grid-template-columns:1fr}
.glass-workflow>span{
transform:rotate(90deg);
text-align:center}
.vip-safety-strip{
grid-template-columns:1fr 1fr}
}


/* Complete function guide: plain-language operating book inside Super Admin. */
.function-guide-page{
max-width:1540px;
margin:0 auto}
.guide-group{
margin-top:18px}
.guide-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px}
.guide-grid article{
min-height:285px;
padding:24px;
display:flex;
flex-direction:column;
border:1px solid #d4e1db;
border-radius:16px;
background:linear-gradient(145deg,#fff,#f3f8f5);
box-shadow:0 12px 32px rgba(9,63,44,.06)}
.guide-grid article:before{
content:"";
width:42px;
height:4px;
margin-bottom:19px;
border-radius:5px;
background:linear-gradient(90deg,#07815b,#ddb03a)}
.guide-grid h3{
margin:0 0 10px;
color:#092e23;
font-size:21px}
.guide-grid p{
flex:1;
margin:0 0 16px;
color:#53645d;
line-height:1.7}
.guide-grid details{
margin-bottom:17px;
padding:11px 13px;
border:1px solid #d8e5df;
border-radius:10px;
background:rgba(255,255,255,.8)}
.guide-grid summary{
cursor:pointer;
color:#8a6a17;
font-size:11px;
font-weight:900;
letter-spacing:.07em}
.guide-grid details span{
display:block;
margin-top:9px;
color:#40544b;
font-size:13px;
line-height:1.55}
.guide-grid .btn{
margin-top:auto;
width:max-content}

@media(max-width:1100px){
.guide-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.guide-grid{
grid-template-columns:1fr}
.guide-grid article{
min-height:0}
.vip-safety-strip{
grid-template-columns:1fr}
}


/* V2.5 Income Plan Master: current-vs-revision and rupee trace. */
.plan-master-page{
max-width:1580px;
margin:0 auto}
.plan-master-hero{
background:radial-gradient(circle at 82% 18%,rgba(226,184,67,.22),transparent 27%),linear-gradient(125deg,#062f24,#0d6349 60%,#173e31)!important}
.plan-share-actions{
margin-top:22px;
display:flex;
gap:10px;
flex-wrap:wrap}
.plan-share-actions .outline{
color:#fff;
border-color:rgba(255,255,255,.5)}
.plan-total-pill,.calculation-lock{
padding:9px 13px;
border:1px solid #cde0d6;
border-radius:999px;
color:#116547;
background:#eef9f3;
font-size:10px;
font-weight:900;
letter-spacing:.08em}
.income-map-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px}
.income-map-grid article{
min-height:190px;
padding:20px;
display:flex;
flex-direction:column;
border:1px solid #d5e2dc;
border-radius:14px;
background:linear-gradient(145deg,#fff,#f2f8f5)}
.income-map-grid article>small{
color:#9b7723;
font-size:10px;
font-weight:900;
letter-spacing:.07em}
.income-map-grid h3{
margin:12px 0 8px}
.income-map-grid p{
flex:1;
color:#53655d}
.income-map-grid p b{
font-size:27px;
color:#08714f}
.income-map-grid .status{
margin-top:auto;
width:max-content}
.mini-level-rates{
flex:1;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:5px}
.mini-level-rates span{
padding:6px 7px;
border-radius:7px;
background:#edf4f0;
color:#63736c;
font-size:10px}
.mini-level-rates b{
display:block;
color:#0d6749;
font-size:12px}
.calculator-inputs{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr)) auto;
gap:10px;
align-items:end}
.calculator-inputs label{
display:grid;
gap:6px;
font-size:11px;
font-weight:850}
.calculator-inputs input{
min-height:46px;
padding:10px;
border:1px solid #b8cbc1;
border-radius:9px}
.calculation-ledger{
margin-top:18px;
border:1px solid #cfddd6;
border-radius:16px;
overflow:hidden;
background:rgba(255,255,255,.88)}
.calculation-head,.calculation-line{
display:grid;
grid-template-columns:1.1fr .8fr 1.6fr .55fr;
gap:12px;
align-items:center}
.calculation-head{
padding:12px 16px;
color:#dcb241;
background:#0a392b;
font-size:10px;
font-weight:900;
letter-spacing:.07em}
.calculation-line{
padding:13px 16px;
border-bottom:1px solid #e0e8e4}
.calculation-line:last-child{
border-bottom:0}
.calculation-line>span{
display:grid;
gap:3px}
.calculation-line small{
color:#708078;
font-size:10px}
.calculation-line code{
color:#114f3c;
font-weight:800}
.calculation-line>span:last-child b{
color:#0a7652;
font-size:17px;
text-align:right}
.calculation-totals{
margin-top:12px;
padding:18px;
display:grid;
grid-template-columns:auto auto 1fr;
gap:25px;
align-items:center;
border-radius:14px;
background:linear-gradient(120deg,#eaf8f1,#fff7dc)}
.calculation-totals span{
display:grid}
.calculation-totals small{
color:#7d6a38;
font-size:9px;
font-weight:900}
.calculation-totals b{
font-size:23px;
color:#0a6849}
.calculation-totals p{
margin:0;
color:#56665f;
line-height:1.55}
.plan-compare-table td>small{
display:block;
margin-top:4px;
color:#76847e}
.plan-compare-table input[type=number]{
min-width:125px;
padding:9px;
border:1px solid #b9cac2;
border-radius:8px}
.switch-control{
display:inline-flex}
.switch-control input{
position:absolute;
opacity:0}
.switch-control span{
width:50px;
height:26px;
position:relative;
border-radius:20px;
background:#cad5d0;
transition:.2s}
.switch-control span:after{
content:"";
width:20px;
height:20px;
position:absolute;
left:3px;
top:3px;
border-radius:50%;
background:#fff;
box-shadow:0 2px 6px #0003;
transition:.2s}
.switch-control input:checked+span{
background:#12805a}
.switch-control input:checked+span:after{
transform:translateX(24px)}
.revision-save-bar{
margin:16px 0;
padding:18px 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
border:1px solid #cfdfd7;
border-radius:14px;
background:#eff8f3}
.revision-save-bar div{
display:grid;
gap:5px}
.revision-save-bar b{
color:#0c5e44}
.revision-save-bar span{
color:#5f7168;
font-size:12px}

@media(max-width:1100px){
.income-map-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
.calculator-inputs{
grid-template-columns:repeat(2,minmax(0,1fr))}
.calculator-inputs .btn{
grid-column:span 2}
.calculation-head,.calculation-line{
grid-template-columns:1fr 1fr}
.calculation-totals{
grid-template-columns:1fr 1fr}
.calculation-totals p{
grid-column:1/-1}
}
@media(max-width:700px){
.income-map-grid,.calculator-inputs,.calculation-head,.calculation-line,.calculation-totals{
grid-template-columns:1fr}
.calculator-inputs .btn,.calculation-totals p{
grid-column:auto}
.calculation-head{
display:none}
.calculation-line>span:last-child b{
text-align:left}
.revision-save-bar{
align-items:stretch;
flex-direction:column}
}


.payout-reconciliation{
margin:16px 0;
padding:22px 25px;
display:grid;
grid-template-columns:1.5fr repeat(5,minmax(105px,.5fr));
gap:12px;
align-items:center;
border:1px solid #bddbcd;
border-left:7px solid #13815b;
border-radius:16px;
background:linear-gradient(120deg,#eaf8f1,#fff)}
.payout-reconciliation.attention{
border-left-color:#bd3b2b;
background:#fff0ed}
.payout-reconciliation h2{
margin:4px 0}
.payout-reconciliation>span{
padding:12px;
display:grid;
border-radius:10px;
background:rgba(255,255,255,.8)}
.payout-reconciliation small{
color:#75857e;
font-size:9px;
font-weight:900}
.payout-reconciliation b{
color:#0c6247;
font-size:18px}
.formula-proof{
min-width:260px;
padding:9px 11px;
border:1px solid #d4e2db;
border-radius:9px;
background:#f5faf7}
.formula-proof summary{
cursor:pointer;
color:#0b6648;
font-size:11px;
font-weight:900}
.formula-proof code,.formula-proof span,.formula-proof small{
display:block;
margin-top:7px;
white-space:normal}
.formula-proof code{
color:#765a17;
font-weight:800}
.formula-proof span{
font-size:11px;
color:#465950}
.formula-proof small{
color:#78857f;
font-size:9px}

@media(max-width:1100px){
.payout-reconciliation{
grid-template-columns:repeat(3,1fr)}
.payout-reconciliation>div{
grid-column:1/-1}
}
@media(max-width:700px){
.payout-reconciliation{
grid-template-columns:1fr}
.payout-reconciliation>div{
grid-column:auto}
}


/* Super Admin 101 company-position login vault. */
.company-vault-page{
max-width:1580px;
margin:0 auto}
.company-vault-hero{
background:radial-gradient(circle at 82% 18%,rgba(230,192,73,.24),transparent 28%),linear-gradient(125deg,#062f24,#0e664b 62%,#193f32)!important}
.vault-provision{
display:grid;
grid-template-columns:1fr 1fr;
gap:42px;
align-items:start;
border-top:5px solid #d6aa34}
.vault-provision h2{
font-size:32px}
.vault-provision p{
color:#52665d;
line-height:1.7}
.vault-provision form{
display:grid;
gap:12px}
.vault-provision label{
display:grid;
gap:7px;
font-size:12px;
font-weight:850}
.vault-provision input[type=password],.vault-provision input[type=text]{
width:100%;
min-height:47px;
padding:11px 13px;
border:1px solid #b7c9c0;
border-radius:9px;
background:#fff}
.password-peek{
display:grid;
grid-template-columns:1fr auto}
.password-peek input{
border-radius:9px 0 0 9px!important}
.password-peek button,.copy-mini{
border:0;
background:#0b4e3a;
color:#fff;
font-weight:900;
cursor:pointer}
.password-peek button{
padding:0 15px;
border-radius:0 9px 9px 0}
.vault-provision .approve{
padding:13px;
display:grid;
grid-template-columns:auto 1fr;
align-items:start;
border:1px solid #d3e1da;
border-radius:10px;
background:#f4f9f6}
.vault-provision .approve input{
margin-top:3px}
.company-vault-table td>small{
display:block;
margin-top:4px;
color:#72827a}
.company-vault-table code{
display:inline-block;
padding:7px 9px;
border-radius:7px;
background:#edf5f1;
color:#0a5b41;
font-weight:800}
.copy-mini{
margin-left:6px;
padding:7px 9px;
border-radius:7px;
font-size:9px}
.company-vault-table form{
margin:0}

@media(max-width:850px){
.vault-provision{
grid-template-columns:1fr;
gap:20px}
}


/* Matching eligibility and rank rulebook. */
.matching-steps{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:11px}
.matching-steps article{
min-height:205px;
padding:20px;
border:1px solid #d5e3dc;
border-radius:14px;
background:linear-gradient(145deg,#fff,#f0f8f4)}
.matching-steps article>b{
width:35px;
height:35px;
display:grid;
place-items:center;
border-radius:50%;
background:#0b674a;
color:#f1cb65}
.matching-steps h3{
margin:18px 0 8px;
font-size:17px}
.matching-steps p{
margin:0;
color:#576a61;
font-size:12px;
line-height:1.65}
.matching-steps code{
color:#0b6448;
font-weight:850}
.matching-rank-table{
margin-top:18px}
.matching-example{
margin-top:15px;
padding:19px 22px;
display:grid;
grid-template-columns:auto 1fr auto 1fr;
gap:14px;
align-items:center;
border:1px solid #d6c176;
border-radius:14px;
background:linear-gradient(120deg,#fff8dc,#edf8f2)}
.matching-example>b{
color:#896614;
font-size:11px;
letter-spacing:.08em}
.matching-example code{
padding:9px 12px;
border-radius:8px;
background:#0a4736;
color:#fff;
font-weight:900}
.matching-example span{
color:#4d6157;
font-size:12px;
line-height:1.55}

@media(max-width:1150px){
.matching-steps{
grid-template-columns:repeat(3,minmax(0,1fr))}
.matching-example{
grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
.matching-steps,.matching-example{
grid-template-columns:1fr}
.matching-steps article{
min-height:0}
}


/* V2.5.2 public experience repair: compact luxury hero and fixed-size catalogue cards. */
.public-body{
background:#f5f7f5;
color:#10271f;
font-family:"Segoe UI Variable","Aptos","Segoe UI",Arial,sans-serif}

.public-body .site-header{
background:rgba(255,255,255,.97);
box-shadow:0 7px 30px rgba(13,45,33,.08);
backdrop-filter:blur(15px)}

.public-body .utility-bar{
min-height:36px;
padding-inline:max(30px,calc((100vw - 1540px)/2));
background:#10251d}

.public-body .utility-bar a{
font-size:12px;
opacity:.92}

.public-body .main-header{
min-height:88px;
padding-inline:max(30px,calc((100vw - 1540px)/2));
gap:28px}

.public-body .brand{
min-width:300px}
.public-body .brand .crest{
width:58px;
height:58px}
.public-body .brand b{
font-size:25px}
.public-body .brand small{
font-size:9px}

.public-body .primary-nav{
gap:25px}
.public-body .primary-nav a{
padding:29px 0 25px;
font-size:14px}

.public-body .header-search{
height:46px;
border-radius:9px;
overflow:hidden}
.public-body .header-search input{
width:220px}
.public-body .header-join,.public-body .language-toggle{
border-radius:9px}

.commerce-home{
padding:26px 22px 0;
background:linear-gradient(180deg,#f4f7f5 0,#fff 24%)}

.commerce-home .retail-hero{
max-width:1540px;
min-height:490px;
margin:0 auto;
border:1px solid #dce6e1;
border-radius:28px;
grid-template-columns:.93fr 1.07fr;
background:linear-gradient(135deg,#fff8f4,#f6ebe6);
box-shadow:0 26px 75px rgba(16,50,37,.12)}

.commerce-home .retail-hero__visual{
min-height:490px;
background:radial-gradient(circle at 50% 45%,#fff 0,#f5f0e8 45%,#e9dfd2 100%)}

.commerce-home .retail-hero__visual:before{
width:360px;
height:360px}
.commerce-home .hero-halo{
width:405px;
height:405px;
border-color:#b9915557}

.commerce-home .retail-hero__visual img{
width:min(335px,62%);
height:360px}

.commerce-home .visual-label{
position:absolute;
left:38px;
top:35px;
z-index:3;
color:#8b6d2a;
font-size:10px;
font-weight:900;
letter-spacing:.16em}

.commerce-home .hero-seal{
width:82px;
height:82px;
right:8%;
bottom:8%;
background:#073f30;
box-shadow:0 14px 35px rgba(7,63,48,.22)}

.commerce-home .retail-hero__copy{
padding:55px clamp(42px,5vw,78px)}

.commerce-home .retail-kicker{
margin-bottom:17px;
color:#a8771e;
font-size:11px;
font-weight:900;
letter-spacing:.14em}

.commerce-home .retail-hero h1{
max-width:700px;
margin-bottom:20px;
color:#14261f;
font-size:clamp(43px,4.2vw,68px);
font-weight:790;
line-height:.98;
letter-spacing:-.047em}

.commerce-home .retail-hero h1 em{
color:#0d6a4d;
font-style:normal}

.commerce-home .retail-hero__copy>p:not(.retail-kicker){
max-width:610px;
color:#53645d;
font-size:16px;
line-height:1.65}

.commerce-home .retail-actions{
margin-top:26px}
.commerce-home .retail-btn{
min-height:48px;
padding:0 25px;
border-radius:999px;
font-size:11px;
letter-spacing:.07em}
.commerce-home .retail-btn.primary{
background:#073f30}
.commerce-home .retail-btn.secondary{
border-color:#8d9a94;
color:#263a31}

.hero-trust{
margin-top:28px;
padding-top:20px;
display:flex;
gap:25px;
flex-wrap:wrap;
border-top:1px solid #e0d8d0}
.hero-trust span{
display:flex;
align-items:center;
gap:8px;
color:#52625b;
font-size:10px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.05em}
.hero-trust b{
width:25px;
height:25px;
display:grid;
place-items:center;
border-radius:50%;
background:#e4f2eb;
color:#0b6549;
font-size:8px}

.commerce-home .retail-section{
max-width:1460px;
padding:62px 38px}
.commerce-home .retail-section h2{
font-size:39px}
.commerce-home .category-row{
gap:25px}
.commerce-home .category-disc{
width:165px;
height:165px}
.commerce-home .retail-product-grid{
gap:13px;
border:0}
.commerce-home .retail-product-grid article{
padding:16px;
border:1px solid #e0e7e3!important;
border-radius:15px;
background:#fff;
box-shadow:0 10px 30px rgba(13,53,37,.05)}
.commerce-home .retail-product-image{
height:230px;
border-radius:11px;
overflow:hidden}
.commerce-home .retail-product-grid h3{
min-height:46px}

.public-body .public-page{
background:#f6f8f7}
.public-body .public-hero{
min-height:330px;
padding:58px max(32px,calc((100vw - 1420px)/2));
background:radial-gradient(circle at 82% 18%,rgba(223,178,59,.16),transparent 28%),linear-gradient(120deg,#072d22,#155d46)}

.public-body .public-hero h1{
margin:8px 0 14px;
font-size:clamp(39px,4.2vw,61px);
line-height:1}
.public-body .public-hero h1 em{
color:#efcc70;
font-style:normal}
.public-body .public-hero p:not(.eyebrow){
font-size:15px;
line-height:1.65}
.public-body .catalog-search{
min-width:340px;
border-radius:10px;
overflow:hidden;
box-shadow:0 18px 45px rgba(1,24,16,.25)}

.catalogue-heading{
max-width:1300px;
margin:0 auto;
padding:43px 24px 20px;
display:flex;
align-items:end;
justify-content:space-between;
gap:20px}
.catalogue-heading p{
margin:0 0 5px;
color:#a37a1f;
font-size:10px;
font-weight:900;
letter-spacing:.12em}
.catalogue-heading h2{
margin:0;
color:#193128;
font-size:30px;
letter-spacing:-.025em}
.catalogue-heading>a{
padding:9px 14px;
border:1px solid #cbd8d1;
border-radius:999px;
color:#0a6448;
text-decoration:none;
font-size:9px;
font-weight:900;
letter-spacing:.08em}

.public-body .catalog-grid{
max-width:1300px;
margin:0 auto 58px;
padding:0 24px;
grid-template-columns:repeat(auto-fill,minmax(250px,300px));
justify-content:center;
gap:20px}

.public-body .catalog-grid article{
width:100%;
max-width:300px;
padding:14px;
border-radius:17px;
box-shadow:0 12px 38px rgba(15,53,38,.07);
transition:transform .2s,box-shadow .2s}

.public-body .catalog-grid article:hover{
transform:translateY(-4px);
box-shadow:0 20px 45px rgba(15,53,38,.13)}

.public-body .catalog-image{
height:250px!important;
padding:18px!important;
border-radius:13px!important;
background:radial-gradient(circle,#fff 0,#f7f9f7 65%,#edf2ef 100%)!important}

.public-body .catalog-image img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
background:transparent!important}

.public-body .catalog-grid article>small{
margin-top:14px;
color:#8c6e24;
font-size:9px;
font-weight:850;
letter-spacing:.08em}
.public-body .catalog-grid h2{
min-height:48px;
margin:6px 0 12px;
font-size:22px}
.public-body .catalog-price{
font-size:18px}
.public-body .catalog-grid dl{
font-size:11px}
.public-body .catalog-grid .btn{
min-height:43px;
font-size:10px;
letter-spacing:.06em}
.public-body .empty-state{
grid-column:1/-1;
padding:45px;
border:1px dashed #bdccc5;
border-radius:15px;
text-align:center;
background:#fff}

@media(max-width:1280px){
.public-body .brand{
min-width:250px}
.public-body .main-header{
padding-block:12px}
.commerce-home .retail-hero{
grid-template-columns:.9fr 1.1fr}
.commerce-home .retail-hero__copy{
padding:45px}
.commerce-home .retail-product-grid{
grid-template-columns:repeat(3,1fr)}
}

@media(max-width:980px){
.public-body .main-header{
padding:13px 22px}
.commerce-home{
padding:15px 14px 0}
.commerce-home .retail-hero{
grid-template-columns:1fr}
.commerce-home .retail-hero__visual{
min-height:350px}
.commerce-home .retail-hero__copy{
padding:42px 34px}
.public-body .public-hero{
min-height:300px;
padding:45px 24px}
.public-body .catalog-search{
min-width:0}
.hero-trust{
gap:15px}
}

@media(max-width:600px){
.public-body .utility-bar{
padding-inline:14px}
.commerce-home .retail-hero{
border-radius:18px}
.commerce-home .retail-hero__visual{
min-height:300px}
.commerce-home .retail-hero__visual img{
height:270px}
.commerce-home .retail-hero__visual:before,.commerce-home .hero-halo{
width:265px;
height:265px}
.commerce-home .visual-label{
left:20px;
top:18px}
.commerce-home .retail-hero__copy{
padding:34px 23px}
.commerce-home .retail-hero h1{
font-size:39px}
.hero-trust{
display:grid;
grid-template-columns:1fr 1fr}
.commerce-home .retail-section{
padding:45px 10px}
.commerce-home .retail-section h2{
font-size:32px}
.commerce-home .category-disc{
width:125px;
height:125px}
.public-body .catalogue-heading{
padding:30px 14px 16px;
align-items:flex-start;
flex-direction:column}
.public-body .catalogue-heading h2{
font-size:24px}
.public-body .catalog-grid{
padding:0 12px;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px}
.public-body .catalog-grid article{
max-width:none;
padding:9px;
border-radius:12px}
.public-body .catalog-image{
height:175px!important;
padding:8px!important}
.public-body .catalog-grid h2{
min-height:42px;
font-size:17px}
.public-body .catalog-price{
font-size:15px}
.public-body .catalog-grid dl{
display:none}
.public-body .catalog-grid .btn{
padding:0 8px;
font-size:8px}
}


/* V2.6 Product Master and production launch gates. */
.product-master-page{
max-width:1580px;
margin:0 auto}
.product-master-hero{
background:radial-gradient(circle at 84% 16%,rgba(229,187,65,.24),transparent 30%),linear-gradient(125deg,#062f24,#0d6349 62%,#173e31)!important}
.master-create{
border-top:5px solid var(--ap-gold)!important}
.master-create>summary,.product-master-card details>summary{
cursor:pointer;
list-style:none;
color:#0c6247;
font-size:11px;
font-weight:900;
letter-spacing:.07em}
.master-create>summary{
font-size:13px}
.product-master-form{
margin-top:22px;
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px}
.product-master-form.compact{
grid-template-columns:repeat(3,minmax(0,1fr))}
.product-master-form label{
display:grid;
gap:6px;
color:#52645b;
font-size:9px;
font-weight:900;
letter-spacing:.05em}
.product-master-form input,.product-master-form select,.product-master-form textarea{
width:100%;
min-height:44px;
padding:10px 11px;
border:1px solid #bdcdc5;
border-radius:9px;
background:#fff}
.product-master-form textarea{
min-height:85px}
.product-master-form .wide{
grid-column:1/-1}
.product-master-form .btn{
align-self:end}
.product-master-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px}
.product-master-card{
padding:20px;
border:1px solid #d4e1da;
border-radius:18px;
background:linear-gradient(145deg,#fff,#f4faf7);
box-shadow:0 12px 35px rgba(8,55,38,.07)}
.product-master-card.inactive{
opacity:.7}
.product-master-card>header{
display:grid;
grid-template-columns:150px 1fr;
gap:18px;
align-items:center}
.product-master-image{
height:145px;
display:grid;
place-items:center;
border-radius:13px;
background:radial-gradient(circle,#fff,#edf3ef);
overflow:hidden}
.product-master-image img{
width:100%;
height:100%;
object-fit:contain}
.product-master-image span{
color:#9a7a2e;
font-weight:900;
letter-spacing:.12em}
.product-master-card header small{
color:#9b7621;
font-size:9px;
font-weight:900;
letter-spacing:.08em}
.product-master-card h2{
margin:6px 0;
font-size:25px}
.product-master-card header p{
margin:0 0 10px;
color:#64736c;
font-size:11px}
.product-master-card header p b{
color:#0b6649;
font-size:19px}
.stock-ribbon{
margin:18px 0;
display:grid;
grid-template-columns:repeat(3,1fr);
border:1px solid #d8e4de;
border-radius:12px;
overflow:hidden}
.stock-ribbon span{
padding:12px;
display:grid;
gap:4px;
background:#fff;
border-right:1px solid #e2e9e5}
.stock-ribbon span:last-child{
border:0}
.stock-ribbon small{
color:#7b8982;
font-size:8px;
font-weight:900}
.stock-ribbon b{
color:#0b5c43;
font-size:14px}
.product-master-card details{
padding:13px 0;
border-top:1px solid #dfe7e3}
.claim-control{
margin-top:12px;
display:grid;
grid-template-columns:.7fr 1.3fr auto;
gap:9px}
.claim-control>*{
min-height:42px;
padding:9px;
border:1px solid #c0d0c8;
border-radius:8px}
.batch-list{
margin-top:12px;
display:grid;
gap:7px}
.batch-list span{
padding:10px 12px;
display:flex;
justify-content:space-between;
gap:15px;
border-radius:9px;
background:#fff}
.batch-list small{
color:#6b7b73}
.batch-list em{
color:#7c8982;
font-size:11px}
.readiness-gates{
margin-top:18px!important}
.launch-gate-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px}
.launch-gate-grid article{
min-height:90px;
padding:15px;
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:12px;
border:1px solid #d6e2dc;
border-radius:12px;
background:#f8fbf9}
.launch-gate-grid article.attention{
border-color:#e5cf8f;
background:#fff9e9}
.launch-gate-grid i{
width:35px;
height:35px;
display:grid;
place-items:center;
border-radius:50%;
background:#15815b;
color:#fff;
font-style:normal;
font-weight:900}
.launch-gate-grid .attention i{
background:#c58d22}
.launch-gate-grid span{
display:grid;
gap:4px}
.launch-gate-grid b{
color:#17382d;
font-size:11px}
.launch-gate-grid small{
color:#65766e;
font-size:10px;
line-height:1.45}
.launch-gate-grid a{
color:#0b684a;
text-decoration:none;
font-size:9px;
font-weight:900}

@media(max-width:1100px){
.product-master-form{
grid-template-columns:repeat(2,minmax(0,1fr))}
.product-master-grid{
grid-template-columns:1fr}
}

@media(max-width:700px){
.product-master-form,.product-master-form.compact,.launch-gate-grid{
grid-template-columns:1fr}
.product-master-card>header{
grid-template-columns:105px 1fr}
.product-master-image{
height:110px}
.stock-ribbon{
grid-template-columns:1fr}
.stock-ribbon span{
border-right:0;
border-bottom:1px solid #e2e9e5}
.claim-control{
grid-template-columns:1fr}
}


/* Final visual repair: glass lab, genealogy, pagination, catalogue and theme studio. */
.glass-panel{
border:1px solid rgba(255,255,255,.72);
background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(236,247,241,.74));
box-shadow:0 22px 60px rgba(7,59,42,.13),inset 0 1px rgba(255,255,255,.9);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px)}

.alp-pager{
margin:28px 0 5px;
display:flex;
align-items:center;
justify-content:center;
gap:18px}
.alp-pager>a{
min-width:125px;
padding:11px 15px;
border:1px solid #cbdad3;
border-radius:999px;
background:#fff;
color:#0a5d43;
text-align:center;
text-decoration:none;
font-size:10px;
font-weight:900}
.alp-pager>a:not(.disabled):hover{
background:#0b6046;
color:#fff}
.alp-pager>a.disabled{
opacity:.38;
pointer-events:none}
.alp-pager>span{
padding:10px 17px;
border-radius:999px;
background:#edf5f1;
color:#455b51;
font-size:10px}
.alp-pager>span b{
color:#0b6548;
font-size:14px}
.alp-pager small{
color:#7d8b84}
.pager svg,.pagination svg,nav[role=navigation] svg{
width:18px!important;
height:18px!important;
max-width:18px!important}
.pager nav[role=navigation]>div{
display:flex!important;
align-items:center;
gap:10px}

.admin-network-page .tree-section{
margin:22px 0;
padding:28px;
border:1px solid #d7e4dd;
border-radius:18px;
background:linear-gradient(145deg,#fff,#eef7f2);
overflow:hidden}
.admin-network-page .genealogy-scroll{
margin-top:22px;
padding:34px 22px 52px;
overflow:auto;
border:1px solid #dbe6e0;
border-radius:15px;
background:radial-gradient(circle at 50% 0,#e2f2e9,transparent 35%),#fff}
.admin-network-page .genealogy-tree{
width:max-content;
min-width:100%;
margin:auto}
.admin-network-page .genealogy-tree ul{
padding-top:42px;
position:relative;
display:flex;
justify-content:center;
margin:0}
.admin-network-page .genealogy-tree>ul{
padding-top:0}
.admin-network-page .genealogy-tree li{
min-width:230px;
padding:42px 12px 0;
position:relative;
list-style:none;
text-align:center}
.admin-network-page .genealogy-tree>ul>li{
padding-top:0}
.admin-network-page .genealogy-tree li:before,.admin-network-page .genealogy-tree li:after{
content:"";
position:absolute;
top:0;
right:50%;
width:50%;
height:42px;
border-top:2px solid #87a697}
.admin-network-page .genealogy-tree li:after{
right:auto;
left:50%;
border-left:2px solid #87a697}
.admin-network-page .genealogy-tree li:only-child:before,.admin-network-page .genealogy-tree li:only-child:after,.admin-network-page .genealogy-tree>ul>li:before,.admin-network-page .genealogy-tree>ul>li:after{
display:none}
.admin-network-page .genealogy-tree li:first-child:before,.admin-network-page .genealogy-tree li:last-child:after{
border:0}
.admin-network-page .genealogy-tree li:last-child:before{
border-right:2px solid #87a697;
border-radius:0 8px 0 0}
.admin-network-page .genealogy-tree li:first-child:after{
border-radius:8px 0 0 0}
.admin-network-page .genealogy-tree ul ul:before{
content:"";
position:absolute;
top:0;
left:50%;
height:42px;
border-left:2px solid #87a697}
.admin-network-page .tree-member{
width:210px;
min-width:210px;
min-height:174px;
margin:auto;
padding:15px;
border:1px solid #b9cec3;
border-top:5px solid #16805a;
border-radius:14px;
background:#fff;
box-shadow:0 12px 30px rgba(8,60,42,.12)}
.admin-network-page .tree-member.root-node{
border-top-color:var(--ap-gold);
background:linear-gradient(145deg,var(--ap-deep),color-mix(in srgb,var(--ap-deep) 75%,#fff));
color:#fff}
.admin-network-page .tree-member.empty{
border-style:dashed;
border-top-color:#b6c4bd;
background:#f8faf9}
.admin-network-page .tree-drill{
margin-top:10px}

.public-body .primary-nav a.active{
border-color:var(--alp-gold);
color:var(--alp-gold-dark)}
.public-breadcrumb{
margin-bottom:18px;
display:flex;
gap:10px;
align-items:center;
font-size:12px}
.public-breadcrumb a{
color:#8b681c;
font-weight:800}
.public-body .catalog-grid{
max-width:1540px;
margin:0 auto 65px;
padding:0 28px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
gap:18px;
border:0}
.public-body .catalog-grid article{
min-width:0;
padding:18px;
display:flex;
flex-direction:column;
border:1px solid #dde4e0;
border-radius:15px;
background:#fff;
box-shadow:0 10px 28px rgba(25,48,37,.07);
overflow:hidden}
.public-body .catalog-image{
height:285px;
padding:14px;
display:grid;
place-items:center;
overflow:hidden;
border-radius:11px;
background:linear-gradient(145deg,#fafbf9,#f0f4f1)}
.public-body .catalog-image img{
width:100%;
height:100%;
display:block;
object-fit:contain;
object-position:center;
background:#fff}
.public-body .product-placeholder{
width:100%;
height:100%;
display:grid;
place-content:center;
gap:8px;
text-align:center;
border:1px dashed #c7d6ce;
border-radius:10px;
color:#0d5b43;
font-size:22px;
font-weight:900;
letter-spacing:.13em}
.public-body .product-placeholder small{
color:#7e8b85;
font-size:10px;
letter-spacing:.04em}
.public-body .catalog-grid article>small{
margin-top:15px}
.public-body .catalog-grid h2{
min-height:58px;
margin:5px 0 15px;
font-size:25px;
line-height:1.15}
.public-body .catalog-price{
margin:0 0 12px;
font-size:20px}
.public-body .catalog-grid dl{
flex:1;
margin:0 0 15px}
.public-body .catalog-grid .btn{
width:100%;
border-radius:999px}

.income-lab-page{
max-width:1580px;
margin:auto}
.lab-hero{
min-height:390px;
padding:52px;
display:grid;
grid-template-columns:1fr auto;
gap:40px;
align-items:center;
border-radius:26px;
background:radial-gradient(circle at 82% 20%,rgba(238,199,86,.22),transparent 28%),linear-gradient(125deg,var(--ap-deep),color-mix(in srgb,var(--ap-deep) 65%,#3b795f));
color:#fff;
overflow:hidden}
.lab-hero h1{
margin:8px 0 18px;
font-size:clamp(48px,6vw,84px);
line-height:.9}
.lab-hero h1 em{
color:var(--ap-gold);
font-style:normal}
.lab-hero p:not(.eyebrow){
max-width:760px;
color:#d9ebe3}
.lab-orb{
width:230px;
height:230px;
display:grid;
place-content:center;
text-align:center;
border-radius:50%;
background:radial-gradient(circle,var(--ap-deep) 0 48%,transparent 49%),conic-gradient(var(--ap-gold),#4bb692,var(--ap-gold));
box-shadow:0 0 0 13px #ffffff12,0 25px 55px #001b1490}
.lab-orb span{
color:var(--ap-gold);
font-size:34px}
.lab-orb b{
font-size:28px}
.lab-orb small{
max-width:140px;
color:#cde1d8;
font-size:8px;
letter-spacing:.1em}
.lab-console{
margin:20px 0;
padding:24px;
display:grid;
grid-template-columns:1fr auto;
gap:25px;
align-items:end;
border-radius:18px}
.lab-console form{
display:grid;
grid-template-columns:1fr 1fr auto;
gap:12px;
align-items:end}
.lab-console label{
display:grid;
gap:7px;
font-size:10px;
font-weight:900}
.lab-console input{
min-height:47px;
padding:11px;
border:1px solid #b9cdc3;
border-radius:9px}
.lab-lock{
display:flex;
align-items:center;
gap:11px}
.lab-lock i{
width:39px;
height:39px;
display:grid;
place-items:center;
border-radius:50%;
background:#16855f;
color:#fff;
font-style:normal}
.lab-lock span{
display:grid}
.lab-lock small{
color:#60736a}
.lab-identity{
margin:18px 0;
padding:18px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px;
border-radius:16px}
.lab-identity>div{
padding:15px;
border-radius:11px;
background:#ffffffaa}
.lab-identity small{
display:block;
color:#708078;
font-size:9px}
.lab-identity b{
display:block;
color:#0a5b42;
font-size:21px}
.lab-identity span{
font-size:10px;
color:#5d6e66}
.lab-tree-card{
margin-left:0!important;
margin-right:0!important}
.lab-flow{
display:grid;
justify-items:center;
gap:15px}
.sale-node{
min-width:260px;
padding:20px;
display:grid;
text-align:center;
border-radius:15px;
background:var(--ap-deep);
color:#fff}
.sale-node strong{
color:var(--ap-gold);
font-size:24px}
.flow-arrow{
font-size:34px;
color:#b18926}
.recipient-grid{
width:100%;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
gap:12px}
.recipient-grid article{
padding:18px;
display:grid;
border:1px solid #cfe0d7;
border-top:4px solid #14815b;
border-radius:12px;
background:#fff}
.recipient-grid article>b{
color:#0b6c4c;
font-size:23px}
.lab-ledger td{
vertical-align:middle!important}
.lab-ledger td>small{
display:block}
.lab-ledger code{
white-space:normal;
color:#0b5b42;
font-size:11px}
.lab-ledger tr.blocked{
background:#fff4ed}
.lab-paths{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.lab-paths>article{
padding:24px;
border-radius:18px}
.lab-paths h2{
margin:5px 0 18px}
.lab-paths article>div{
padding:10px 0;
display:flex;
align-items:center;
gap:12px;
border-bottom:1px solid #dce6e1}
.lab-paths i{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--ap-deep);
color:var(--ap-gold);
font-style:normal;
font-size:10px;
font-weight:900}
.lab-paths span{
display:grid}
.lab-paths small{
color:#718078}

.theme-studio{
margin:24px 6vw;
padding:35px;
display:grid;
grid-template-columns:1fr 1fr;
gap:45px;
border-radius:22px}
.theme-studio h2{
font-size:43px}
.theme-studio p{
color:#596a62}
.theme-preview{
height:90px;
margin-top:22px;
padding:18px;
display:flex;
align-items:center;
gap:10px;
border-radius:15px;
background:var(--ap-deep)}
.theme-preview i{
width:52px;
height:52px;
border-radius:12px;
background:var(--ap-gold)}
.theme-preview i:nth-child(2){
background:#fff}
.theme-preview i:nth-child(3){
background:var(--ap-canvas)}
.theme-preview span{
margin-left:auto;
color:#fff;
font-size:10px;
font-weight:900}
.theme-studio form{
display:grid;
gap:16px}
.theme-studio label{
display:grid;
gap:7px;
font-size:10px;
font-weight:900}
.theme-studio select,.theme-studio input[type=range]{
width:100%;
min-height:45px}
.theme-colours{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px}
.theme-colours input{
width:100%;
height:60px;
padding:3px;
border:1px solid #c6d5ce;
border-radius:10px;
background:#fff}

.signed-preview,.upload-vip,.emergency-card,.health-console{
backdrop-filter:blur(18px);
background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(236,247,241,.78))!important}
.glass-workflow{
position:relative;
margin:24px 0;
padding:18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:9px;
border:1px solid rgba(190,216,204,.75);
border-radius:18px;
background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(222,241,232,.54));
box-shadow:inset 0 1px #fff,0 15px 36px #0a4d3810;
overflow:auto}

@media(max-width:980px){
.lab-hero,.lab-console,.theme-studio,.lab-paths{
grid-template-columns:1fr}
.lab-orb{
width:190px;
height:190px}
.lab-console form{
grid-template-columns:1fr}
.lab-identity{
grid-template-columns:1fr 1fr}
.public-body .main-header{
grid-template-columns:1fr auto}
.public-body .primary-nav{
grid-column:1/-1;
order:3;
overflow:auto}
.admin-network-page .genealogy-tree li{
min-width:200px}
.admin-network-page .tree-member{
width:185px;
min-width:185px}
}

@media(max-width:600px){
.lab-hero{
padding:30px 22px}
.lab-identity,.theme-colours{
grid-template-columns:1fr}
.alp-pager{
gap:7px}
.alp-pager>a{
min-width:0;
padding:9px}
.alp-pager small{
display:none}
.public-body .catalog-grid{
padding:0 14px;
grid-template-columns:1fr 1fr}
.public-body .catalog-image{
height:210px}
.public-body .catalog-grid h2{
font-size:19px}
.admin-network-page .genealogy-scroll{
padding-left:8px;
padding-right:8px}
}

/* 2.6 Integration Vault */
.integration-vault-page{
padding:34px;
max-width:1560px;
margin:auto}
.vault-hero{
display:grid;
grid-template-columns:minmax(0,1fr) 280px;
align-items:center;
gap:32px;
padding:46px;
border-radius:32px;
color:#fff;
background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.12),transparent 26%),linear-gradient(125deg,#062e25,#0d5b43 68%,#3f7757);
box-shadow:0 28px 70px rgba(7,63,48,.18)}
.vault-hero h1{
font-size:clamp(3.2rem,6vw,6.3rem);
line-height:.84;
letter-spacing:-.075em;
margin:10px 0 25px}
.vault-hero h1 em{
color:var(--ap-gold);
font-style:normal}
.vault-hero p{
max-width:780px;
font-size:1.08rem;
line-height:1.75}
.vault-orbit{
width:230px;
aspect-ratio:1;
border-radius:50%;
margin:auto;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
background:rgba(3,35,28,.82);
border:18px solid rgba(255,255,255,.16);
outline:2px solid rgba(223,178,59,.55);
box-shadow:0 0 0 18px rgba(255,255,255,.06)}
.vault-orbit span,.vault-orbit small{
font-size:.72rem;
letter-spacing:.12em}
.vault-orbit b{
font-size:1.55rem;
line-height:1;
margin:10px}
.vault-status-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px;
margin:22px 0}
.vault-status-grid article{
display:grid;
grid-template-columns:auto 1fr auto;
gap:14px;
align-items:center;
padding:20px;
border:1px solid #d9e4df;
border-radius:18px;
background:rgba(255,255,255,.84);
box-shadow:0 14px 36px rgba(7,63,48,.07)}
.vault-status-grid i{
width:42px;
height:42px;
border-radius:50%;
display:grid;
place-items:center;
font-style:normal;
font-weight:900}
.vault-status-grid .ready i{
background:#dff7eb;
color:#078653}
.vault-status-grid .missing i{
background:#fff1d1;
color:#9c6a00}
.vault-status-grid h3{
margin:2px 0}
.vault-status-grid p{
margin:0;
color:#63726b;
font-size:.85rem}
.vault-status-grid article>b{
font-size:.68rem;
letter-spacing:.09em}
.vault-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px}
.vault-card{
background:rgba(255,255,255,.88);
border:1px solid #d7e3de;
border-radius:24px;
padding:27px;
box-shadow:0 18px 52px rgba(7,63,48,.08);
backdrop-filter:blur(14px)}
.vault-card>header{
display:flex;
gap:14px;
margin-bottom:20px}
.vault-card>header>span{
width:45px;
height:45px;
display:grid;
place-items:center;
border-radius:50%;
background:var(--ap-deep);
color:var(--ap-gold);
font-weight:900}
.vault-card h2{
margin:0}
.vault-card header p{
margin:4px 0;
color:#63726b}
.vault-card .form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:13px}
.vault-card label{
font-weight:800;
font-size:.83rem}
.vault-card input,.vault-card select{
width:100%;
margin-top:6px}
.vault-card .wide{
grid-column:1/-1}
.switch-line{
display:flex;
gap:9px;
align-items:center;
padding:13px;
background:#eff8f4;
border-radius:12px}
.switch-line input{
width:auto;
margin:0}
.vault-help{
margin-top:17px;
border-top:1px solid #dce5e1;
padding-top:15px}
.vault-help summary{
cursor:pointer;
font-weight:900;
color:var(--ap-deep)}
.vault-help p{
line-height:1.65}
.vault-test{
display:grid;
grid-template-columns:1fr 1fr auto;
gap:8px;
margin-top:15px}
.vault-test button{
font-weight:900;
background:#092e26;
color:#fff;
border:0;
padding:0 14px;
border-radius:9px}
.vault-test input{
min-width:0}
.registration-page [data-pan-result]{
display:block;
margin-top:7px}
.registration-page [data-pan-result]:not(:empty){
color:#53665e}

@media(max-width:980px){
.vault-hero{
grid-template-columns:1fr}
.vault-orbit{
width:190px}
.vault-status-grid,.vault-grid{
grid-template-columns:1fr}
.vault-test{
grid-template-columns:1fr}
.vault-test button{
padding:13px}
}
@media(max-width:620px){
.integration-vault-page{
padding:14px}
.vault-hero{
padding:28px 22px;
border-radius:22px}
.vault-card .form-grid{
grid-template-columns:1fr}
.vault-card .wide{
grid-column:auto}
.vault-status-grid article{
grid-template-columns:auto 1fr}
.vault-status-grid article>b{
grid-column:2}
}


/* 2.7 Matching Career 10 - public, member and admin master */
.career-public-page{
max-width:1560px;
margin:auto;
padding:34px}
.career-public-hero{
min-height:520px;
padding:58px;
display:grid;
grid-template-columns:1fr 320px;
align-items:center;
gap:45px;
border-radius:32px;
color:#fff;
background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.12),transparent 28%),linear-gradient(125deg,#062f25,#0b6549 65%,#4c7c5d);
box-shadow:0 28px 70px rgba(5,58,43,.2)}
.career-public-hero h1{
margin:12px 0 24px;
font-size:clamp(3.4rem,6.6vw,7rem);
line-height:.85;
letter-spacing:-.07em}
.career-public-hero h1 em{
color:var(--ap-gold);
font-style:normal}
.career-public-hero p:not(.eyebrow){
max-width:850px;
color:#d9eee5;
font-size:1.05rem;
line-height:1.75}
.career-public-hero .actions{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:28px}
.career-public-hero aside{
aspect-ratio:1;
display:grid;
place-content:center;
text-align:center;
border-radius:50%;
background:#052d23;
border:18px solid rgba(255,255,255,.14);
outline:2px solid #dcb23c;
box-shadow:0 0 0 18px rgba(255,255,255,.05)}
.career-public-hero aside span,.career-public-hero aside small{
font-size:.66rem;
letter-spacing:.12em}
.career-public-hero aside strong,.career-public-hero aside b{
font-size:2.35rem;
color:var(--ap-gold)}
.career-public-hero aside b{
margin-top:18px;
color:#fff}
.career-explainer{
margin:22px 0;
padding:30px;
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
align-items:center;
border-radius:24px}
.career-explainer h2{
margin:5px 0}
.career-explainer code{
display:inline-block;
padding:12px 15px;
border-radius:10px;
background:#073f30;
color:#fff}
.career-example{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
flex-wrap:wrap}
.career-example span{
padding:15px;
border:1px solid #d4e2db;
border-radius:12px;
background:#fff}
.career-example span b{
display:block;
font-size:1.3rem}
.career-example>strong{
padding:17px;
border-radius:12px;
background:var(--ap-gold);
color:#14251e}
.career-ladder-public{
margin:24px 0;
padding:38px;
border:1px solid #d7e4de;
border-radius:26px;
background:#fff}
.career-ladder-public>header{
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
align-items:end}
.career-ladder-public>header h2{
font-size:2.7rem;
margin:5px 0}
.career-ladder-public>header>p{
color:#607169}
.career-level-grid,.career-master-grid{
margin-top:25px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px}
.career-level-grid article,.career-master-grid article{
min-height:106px;
padding:15px;
display:grid;
grid-template-columns:auto 1fr auto;
gap:14px;
align-items:center;
border:1px solid #dae5df;
border-radius:15px;
background:linear-gradient(145deg,#fff,#eef7f2)}
.career-level-grid article>i,.career-master-grid article>i{
width:43px;
height:43px;
display:grid;
place-items:center;
border-radius:50%;
background:#073f30;
color:#efca68;
font-style:normal;
font-weight:900}
.career-level-grid article>span,.career-master-grid article>span{
display:grid}
.career-level-grid article span small,.career-master-grid article span small{
color:#7a671f;
font-size:.65rem;
font-weight:900}
.career-level-grid article span b,.career-master-grid article span b{
font-size:1.2rem}
.career-level-grid article span em,.career-master-grid article span em{
color:#73827b;
font-size:.58rem;
font-style:normal}
.career-level-grid article>strong,.career-master-grid article>strong{
font-size:1.35rem;
color:#07553f;
text-align:right}
.career-level-grid article>strong small,.career-master-grid article>strong small{
display:block;
color:#78877f;
font-size:.55rem}
.career-rule-strip{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px}
.career-rule-strip article{
padding:20px;
border-radius:14px;
background:#073f30;
color:#fff}
.career-rule-strip b,.career-rule-strip span{
display:block}
.career-rule-strip b{
color:#efca68;
font-size:.75rem}
.career-rule-strip span{
margin-top:5px;
color:#cde3da;
font-size:.72rem}
.career-terms{
margin:25px 0 65px;
padding:38px;
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:35px;
border-radius:24px;
background:#f4f0e4}
.career-terms h2{
font-size:2.5rem}
.career-terms li{
margin:10px 0;
line-height:1.6}
.career-command{
margin:20px 0;
padding:28px;
display:grid;
grid-template-columns:1fr 290px;
gap:25px;
border-radius:22px}
.career-command-copy h2{
font-size:2.35rem;
margin:6px 0}
.career-command-copy p{
color:#5d7168}
.career-command aside{
padding:22px;
display:grid;
align-content:center;
border-radius:16px;
background:#073f30;
color:#fff}
.career-command aside small{
color:#d9bd65}
.career-command aside b{
font-size:1.3rem}
.career-command aside span{
margin:7px 0;
color:#cfe4da}
.career-command aside strong{
color:#efca68}
.career-progress{
height:14px;
margin-top:20px;
overflow:hidden;
border-radius:999px;
background:#dbe8e2}
.career-progress i{
display:block;
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#0c805b,#e1b63e)}
.career-progress-label{
margin-top:8px;
display:flex;
justify-content:space-between;
font-size:.7rem}
.career-mini-ladder{
grid-column:1/-1;
display:grid;
grid-template-columns:repeat(10,1fr);
gap:7px}
.career-mini-ladder>span{
padding:10px 7px;
display:grid;
text-align:center;
border:1px solid #d8e4de;
border-radius:10px;
background:#fff}
.career-mini-ladder>span.done{
background:#ddf4e8;
border-color:#65b88e}
.career-mini-ladder>span.next{
background:#fff4ce;
border-color:#d9aa31}
.career-mini-ladder i{
font-style:normal;
font-size:.65rem}
.career-mini-ladder b{
font-size:.7rem}
.career-mini-ladder small{
font-size:.5rem;
color:#6d7c74}
.career-master-card{
background:radial-gradient(circle at 94% 8%,#d9b84d1f,transparent 25%),#fff}
.career-edit-title{
margin-top:28px}
.career-revision-studio input[type=text],.career-revision-studio input[type=number],.career-revision-studio input:not([type]){
min-width:150px;
padding:10px;
border:1px solid #c8d6cf;
border-radius:8px}

@media(max-width:1050px){
.career-public-hero{
grid-template-columns:1fr}
.career-public-hero aside{
width:280px}
.career-command{
grid-template-columns:1fr}
.career-mini-ladder{
grid-template-columns:repeat(5,1fr)}
.career-rule-strip{
grid-template-columns:1fr 1fr}
}

@media(max-width:700px){
.career-public-page{
padding:14px}
.career-public-hero{
padding:34px 23px}
.career-public-hero aside{
width:230px}
.career-explainer,.career-ladder-public>header,.career-terms{
grid-template-columns:1fr}
.career-level-grid,.career-master-grid{
grid-template-columns:1fr}
.career-ladder-public{
padding:24px 16px}
.career-rule-strip{
grid-template-columns:1fr}
.career-mini-ladder{
grid-template-columns:repeat(2,1fr)}
}


/* 2.7 public identity repair - premium header, product stage and footer */
.public-body .site-header{
border:0;
background:rgba(255,255,255,.96);
box-shadow:0 10px 34px rgba(4,45,32,.1);
backdrop-filter:blur(18px)}
.public-body .utility-bar{
min-height:32px;
background:linear-gradient(90deg,#052d23,#0b4e3a);
border-bottom:1px solid #ffffff17}
.public-body .utility-bar a{
font-size:11px;
letter-spacing:.015em;
color:#dcece5}
.public-body .main-header{
min-height:84px;
background:linear-gradient(180deg,#fff,#fbfdfc);
gap:30px}
.public-body .brand{
padding-right:28px;
border-right:1px solid #dce5e0}
.public-body .brand .crest{
width:55px;
height:55px;
filter:drop-shadow(0 7px 10px rgba(8,72,52,.15))}
.public-body .brand b{
color:#082d23;
letter-spacing:.11em}
.public-body .primary-nav{
gap:8px}
.public-body .primary-nav a{
margin:0;
padding:12px 15px;
border:0;
border-radius:999px;
color:#203a30;
transition:.2s}
.public-body .primary-nav a:hover,.public-body .primary-nav a.active{
background:#e9f5ef;
color:#075c43}
.public-body .primary-nav a.active{
box-shadow:inset 0 0 0 1px #b9d7c9}
.public-body .header-search{
height:46px;
overflow:hidden;
border:1px solid #c8d7d0;
border-radius:999px;
background:#f7faf8}
.public-body .header-search input,.public-body .header-search button{
background:transparent}
.public-body .header-join{
min-height:46px;
border-radius:999px;
box-shadow:0 9px 20px rgba(192,143,21,.22)}
.public-body .language-toggle{
min-width:58px;
min-height:46px;
border:1px solid #c8d7d0;
border-radius:999px;
background:#fff;
font-weight:900}
.commerce-home{
padding:24px 24px 0;
background:linear-gradient(180deg,#edf5f1 0,#fff 620px)}
.commerce-home .retail-hero{
max-width:1540px;
min-height:560px;
border:0;
border-radius:32px;
grid-template-columns:.92fr 1.08fr;
background:#fff7f3;
box-shadow:0 30px 85px rgba(8,57,42,.15)}
.commerce-home .retail-hero__visual{
min-height:560px;
background:radial-gradient(circle at 30% 20%,rgba(235,194,80,.2),transparent 25%),linear-gradient(145deg,#062d23,#0b5a42 65%,#4d795b)}
.commerce-home .retail-hero__visual:before{
width:440px;
height:440px;
background:rgba(255,255,255,.07);
box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 90px rgba(223,178,59,.12)}
.commerce-home .hero-halo{
width:500px;
height:500px;
border-color:#e9c65b42}
.commerce-home .visual-label{
left:42px;
top:36px;
color:#f2d57d;
letter-spacing:.15em}
.hero-product-card{
width:min(430px,72%);
height:440px;
position:relative;
z-index:2;
padding:22px 22px 78px;
overflow:hidden;
border:1px solid rgba(255,255,255,.7);
border-radius:26px;
background:rgba(255,255,255,.95);
box-shadow:0 32px 75px rgba(0,20,14,.34),inset 0 1px #fff}
.commerce-home .hero-product-card>img{
width:100%;
height:100%;
object-fit:contain;
filter:none;
transform:scale(1.12)}
.hero-product-card>div{
height:66px;
position:absolute;
left:0;
right:0;
bottom:0;
padding:12px 20px;
display:grid;
grid-template-columns:1fr auto;
align-items:center;
background:linear-gradient(90deg,#f8faf8,#e8f3ed);
border-top:1px solid #dce7e1}
.hero-product-card small{
grid-column:1/-1;
color:#8e711d;
font-size:8px;
font-weight:900;
letter-spacing:.12em}
.hero-product-card b{
color:#103d30;
font-size:17px}
.hero-product-card span{
color:#5c7067;
font-size:9px}
.commerce-home .hero-seal{
right:7%;
bottom:8%;
width:104px;
height:104px;
border:8px solid rgba(255,255,255,.12);
outline:1px solid #e2bd4b;
background:#082f25;
color:#f2d677;
box-shadow:0 16px 34px rgba(0,25,17,.3)}
.commerce-home .retail-hero__copy{
padding:65px clamp(48px,5vw,85px);
background:radial-gradient(circle at 95% 10%,#efc75e17,transparent 26%),#fff7f3}
.commerce-home .retail-kicker{
color:#9a6b13;
letter-spacing:.09em}
.commerce-home .retail-hero h1{
font-size:clamp(48px,4.6vw,76px);
line-height:.94}
.commerce-home .retail-actions .primary{
background:#07563f;
box-shadow:0 12px 25px rgba(5,82,59,.2)}
.commerce-home .retail-actions .secondary{
border-color:#9caaa3}
.public-body .site-footer{
position:relative;
margin-top:0;
padding:72px max(28px,calc((100vw - 1540px)/2)) 32px;
overflow:hidden;
background:radial-gradient(circle at 8% 10%,#17634855,transparent 25%),linear-gradient(125deg,#041a14,#082e24 68%,#153f31);
border-top:6px solid var(--ap-gold)}
.public-body .site-footer:after{
content:'';
width:420px;
height:420px;
position:absolute;
right:-200px;
bottom:-260px;
border:1px solid #dfb23b4a;
border-radius:50%;
box-shadow:0 0 0 55px #ffffff06}
.public-body .site-footer>div,.public-body .site-footer>small{
position:relative;
z-index:1}
.public-body .site-footer .footer-brand{
padding:0 55px 25px 0}
.public-body .site-footer .footer-brand .crest{
width:76px;
height:76px;
padding:8px;
border:1px solid #ffffff2d;
background:#fff;
border-radius:50%}
.public-body .site-footer b{
color:#fff;
font-size:24px}
.public-body .site-footer strong{
padding-bottom:9px;
color:#efcf72;
font-size:11px;
letter-spacing:.12em}
.public-body .site-footer a{
padding:5px 0;
color:#d7e7df;
border-bottom:1px solid transparent}
.public-body .site-footer a:hover{
border-bottom-color:#dfb23b;
text-decoration:none;
color:#fff}
.public-body .site-footer .footer-legal{
border-top-color:#ffffff22}
.public-body .site-footer>small{
color:#91aa9f}

@media(max-width:980px){
.public-body .brand{
padding-right:0;
border:0}
.commerce-home{
padding:14px}
.commerce-home .retail-hero__visual{
min-height:500px}
.hero-product-card{
height:390px}
.public-body .site-footer{
padding-inline:30px}
}

@media(max-width:600px){
.commerce-home{
padding:10px}
.commerce-home .retail-hero__visual{
min-height:390px}
.hero-product-card{
width:78%;
height:310px;
padding:12px 12px 62px;
border-radius:18px}
.hero-product-card>div{
height:55px;
padding:8px 12px}
.hero-product-card b{
font-size:13px}
.hero-product-card span{
display:none}
.commerce-home .hero-seal{
width:76px;
height:76px;
border-width:5px}
.commerce-home .visual-label{
left:18px;
top:17px;
font-size:8px}
.commerce-home .retail-hero__copy{
padding:38px 23px}
.public-body .utility-bar nav:last-child a:nth-child(-n+2){
display:none}
.public-body .site-footer{
padding:48px 22px 28px}
}



/* Source: career-admin-v90.css */
/*
 * Alpline Career 90
 * Small, release-specific improvements only. The main design remains in app.css.
 * Keeping this file separate makes future maintenance and rollback straightforward.
 */

.release-291 .main-header {

    border-top: 3px solid #d8ad3f;

}


/* Public homepage release marker and career summary. */
.career-90-banner {

    display: grid;

    grid-template-columns: minmax(260px, 1.15fr) minmax(320px, 1fr);

    gap: 32px;

    align-items: center;

    padding: clamp(28px, 5vw, 64px);

    background:
        radial-gradient(circle at 90% 12%, rgba(228, 188, 74, 0.24), transparent 28%),
        linear-gradient(135deg, #073f34, #0b6551);

    color: #ffffff;

}


.career-90-copy small {

    color: #f4cf6a;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 0.14em;

}


.career-90-copy h2 {

    max-width: 680px;

    margin: 10px 0 14px;

    color: #ffffff;

    font-size: clamp(30px, 4vw, 54px);

    line-height: 1.04;

}


.career-90-copy p {

    max-width: 650px;

    margin: 0 0 22px;

    color: rgba(255, 255, 255, 0.82);

    font-size: 16px;

    line-height: 1.7;

}


.career-90-copy .btn {

    background: #f2c95b;

    color: #153a31;

}


.career-90-facts {

    display: grid;

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

    gap: 12px;

}


.career-90-facts article {

    min-height: 130px;

    padding: 24px;

    border: 1px solid rgba(255, 255, 255, 0.16);

    border-radius: 18px;

    background: rgba(255, 255, 255, 0.08);

    box-shadow: inset 0 1px rgba(255, 255, 255, 0.08);

}


.career-90-facts b {

    display: block;

    color: #f4cf6a;

    font-size: 34px;

    line-height: 1;

}


.career-90-facts span {

    display: block;

    margin-top: 10px;

    color: rgba(255, 255, 255, 0.78);

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.04em;

}


.release-291 .business-banner {

    grid-template-columns: 1fr;

}


/* Keep the homepage readable even when an old theme cache was previously active. */
.release-291 .retail-hero,
.release-291 .retail-hero__visual,
.release-291 .retail-hero__copy {

    visibility: visible;

    opacity: 1;

}


.release-291 .retail-hero__visual {

    min-height: 480px;

}


/* Admin controls: readable tables and form controls without changing the layout. */
.admin-portal .admin-page .control-card {

    padding: clamp(18px, 2.4vw, 32px);

    border: 1px solid #dce7e1;

    box-shadow: 0 10px 30px rgba(7, 63, 48, 0.04);

}


.admin-portal .admin-page .table-wrap {

    max-width: 100%;

    overflow-x: auto;

    border-radius: 12px;

}


.admin-portal .admin-page table {

    font-size: 14px;

    line-height: 1.5;

}


.admin-portal .admin-page table th {

    padding: 15px 14px;

    font-size: 12px;

    letter-spacing: 0.04em;

}


.admin-portal .admin-page table td {

    padding: 15px 14px;

    vertical-align: middle;

}


.admin-portal .admin-page input:not([type="checkbox"]):not([type="hidden"]),
.admin-portal .admin-page select {

    min-height: 44px;

    max-width: 100%;

    font-size: 15px;

}


.admin-portal .admin-page .btn {

    min-height: 44px;

    font-size: 14px;

}


.admin-portal .career-budget-page table input {

    width: 130px;

}


.admin-portal .career-budget-page table select {

    min-width: 150px;

}


.admin-portal .theme-control-page table {

    width: 100%;

    min-width: 900px;

    table-layout: fixed;

}


.admin-portal .theme-control-page th:nth-child(1) {
 width: 12%;
 }

.admin-portal .theme-control-page th:nth-child(2) {
 width: 24%;
 }

.admin-portal .theme-control-page th:nth-child(3) {
 width: 10%;
 }

.admin-portal .theme-control-page th:nth-child(4) {
 width: 28%;
 }

.admin-portal .theme-control-page th:nth-child(5) {
 width: 26%;
 }


.admin-portal .theme-control-page td {

    overflow-wrap: anywhere;

}


.admin-portal .theme-control-page .setting-form {

    display: grid;

    grid-template-columns: minmax(120px, 1fr) auto;

    gap: 8px;

}


/* Legacy tree styles retained for compatibility. */
.alpline-genealogy .genealogy-scroll {

    max-width: 100%;

    overflow: auto;

    overscroll-behavior: contain;

    padding-bottom: 16px;

}


.alpline-genealogy .genealogy-tree {

    width: max-content;

    min-width: 100%;

}


.alpline-genealogy .tree-member {

    min-width: 145px;

    max-width: 195px;

}


.alpline-genealogy .tree-member.leg-a {

    border-color: #aacdbb !important;

    background: #deeee3 !important;

    color: #123d32 !important;

}


.alpline-genealogy .tree-member.leg-b {

    border-color: #176a58 !important;

    background: #075445 !important;

    color: #ffffff !important;

}


.alpline-genealogy details {

    margin-top: 8px;

    font-size: 12px;

    line-height: 1.5;

    text-align: left;

    white-space: normal;

}


.alpline-genealogy summary {

    min-height: 30px;

    cursor: pointer;

    font-weight: 700;

}


/* One-level genealogy: selected sponsor plus every direct member. */
.one-level-genealogy {

    overflow: hidden;

}


.one-level-root {

    position: relative;

    width: min(360px, 100%);

    margin: 22px auto 30px;

    padding: 19px 24px;

    border-radius: 18px;

    background: linear-gradient(145deg, #0a463b, #062f28);

    box-shadow: 0 14px 34px rgba(6, 58, 45, 0.15);

    color: #ffffff;

    text-align: center;

}


.one-level-root::after {

    position: absolute;

    bottom: -24px;

    left: 50%;

    width: 2px;

    height: 24px;

    background: #a9bdb6;

    content: "";

}


.one-level-root small,
.one-level-root span {

    display: block;

    opacity: 0.76;

    letter-spacing: 0.06em;

}


.one-level-root b {

    display: block;

    margin: 5px 0;

    color: #f5cb5c;

    font-size: 22px;

}


.one-level-flow {

    display: grid;

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

    gap: 18px;

    align-items: start;

}


.one-level-group {

    min-width: 0;

    overflow: hidden;

    border: 1px solid #cfddd7;

    border-radius: 18px;

    background: #ffffff;

}


.one-level-group > header {

    display: flex;

    gap: 12px;

    align-items: center;

    justify-content: space-between;

    padding: 15px 17px;

}


.one-level-group > header small,
.one-level-group > header b {

    display: block;

}


.one-level-group > header small {

    font-size: 11px;

    letter-spacing: 0.12em;

}


.one-level-group > header b {

    font-size: 14px;

}


.one-level-group > header span {

    font-size: 11px;

    opacity: 0.74;

}


.group-a > header {

    background: #dfeee6;

    color: #113e32;

}


.group-b > header {

    background: #075445;

    color: #ffffff;

}


.group-unplaced {

    grid-column: 1 / -1;

}


.group-unplaced > header {

    background: #fff5d8;

    color: #5f4710;

}


.one-level-members {

    display: flex;

    gap: 12px;

    overflow-x: auto;

    padding: 14px;

    overscroll-behavior-x: contain;

    scroll-snap-type: x proximity;

}


.one-level-member {

    display: grid;

    flex: 0 0 235px;

    grid-template-columns: 42px 1fr;

    gap: 11px;

    align-items: center;

    min-height: 96px;

    padding: 13px;

    border: 1px solid #dbe5e1;

    border-radius: 14px;

    background: #ffffff;

    box-shadow: 0 7px 18px rgba(17, 56, 46, 0.05);

    color: #123c32;

    text-decoration: none;

    scroll-snap-align: start;

    transition: transform 150ms ease, box-shadow 150ms ease;

}


.one-level-member:hover {

    transform: translateY(-2px);

    box-shadow: 0 12px 24px rgba(17, 56, 46, 0.1);

}


.group-a .one-level-member {

    background: #f3faf6;

}


.group-b .one-level-member {

    border-color: #237663;

    background: #0b6352;

    color: #ffffff;

}


.group-unplaced .one-level-member {

    background: #fffbef;

}


.member-avatar {

    display: grid;

    width: 42px;

    height: 42px;

    place-items: center;

    border-radius: 50%;

    background: #f1c75b;

    color: #173d33;

    font-size: 17px;

    font-weight: 900;

}


.one-level-member span:nth-child(2) {

    min-width: 0;

}


.one-level-member b,
.one-level-member strong,
.one-level-member small {

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}


.one-level-member b,
.one-level-member strong {

    color: inherit;

    font-size: 13px;

}


.one-level-member strong {

    margin: 3px 0;

}


.one-level-member small {

    font-size: 10px;

    opacity: 0.72;

}


.one-level-member em {

    grid-column: 2;

    color: inherit;

    font-size: 10px;

    font-style: normal;

    font-weight: 800;

    letter-spacing: 0.08em;

    opacity: 0.75;

}


.one-level-empty {

    width: 100%;

    padding: 20px;

    color: #6b7b75;

    font-size: 13px;

    text-align: center;

}


@media (max-width: 900px) {

    .career-90-banner {

        grid-template-columns: 1fr;

    }

}


@media (max-width: 760px) {

    .one-level-flow {

        grid-template-columns: 1fr;

    }


    .group-unplaced {

        grid-column: auto;

    }


    .one-level-member {

        flex-basis: 215px;

    }


    .one-level-group > header {

        align-items: flex-start;

        flex-direction: column;

    }

}


@media (max-width: 700px) {

    .admin-portal .admin-page table {

        min-width: 650px;

    }


    .admin-portal .admin-page .dash-head h1 {

        font-size: 34px;

    }


    .career-90-facts {

        grid-template-columns: 1fr 1fr;

    }


    .career-90-facts article {

        min-height: 110px;

        padding: 18px;

    }

}


@media (max-width: 480px) {

    .career-90-facts {

        grid-template-columns: 1fr;

    }

}



/* Source: alpline3.css */
:root{
--ap-ink:#102d25;
--ap-muted:#667770;
--ap-line:#d8e4df;
--ap-surface:#fff;
--ap-soft:#edf7f2;
--ap-alert:#b62232}

*{
box-sizing:border-box}
.public-body,.portal-body{
font-family:Inter,"Segoe UI",Arial,sans-serif;
color:var(--ap-ink)}

.site-header{
backdrop-filter:blur(18px)}
.main-header{
box-shadow:0 10px 36px rgba(16,45,37,.07)}

.retail-hero{
background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.32),transparent 38%),linear-gradient(135deg,#043f31,#0a6d50 58%,#dfb23b);
border-radius:0 0 42px 42px;
overflow:hidden}

.site-footer{
position:relative;
overflow:hidden;
background:radial-gradient(circle at 90% 10%,rgba(223,178,59,.15),transparent 28%),linear-gradient(135deg,#022b21,#074a38);
border-top:5px solid var(--ap-gold);
padding-top:70px}
.site-footer:before{
content:"ALPLINE";
position:absolute;
right:-25px;
bottom:-45px;
font-size:170px;
font-weight:900;
letter-spacing:-12px;
color:rgba(255,255,255,.025)}

.admin-console-head,.dash-head{
background:radial-gradient(circle at 90% 20%,rgba(223,178,59,.22),transparent 28%),linear-gradient(135deg,#063d30,#0d6249);
box-shadow:0 28px 70px rgba(7,63,48,.18)}

.admin-quick-launch{
grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.admin-quick-launch>a{
position:relative;
min-height:116px;
transition:.22s ease}
.admin-quick-launch>a:hover{
transform:translateY(-4px);
box-shadow:0 18px 44px rgba(16,45,37,.14)}

.data-badge{
position:absolute;
right:12px;
top:12px;
display:grid;
place-items:center;
min-width:27px;
height:27px;
padding:0 7px;
border-radius:99px;
background:var(--ap-gold);
color:#18352b;
font-size:12px;
font-style:normal;
font-weight:900}
.data-badge.critical{
background:#ffdde1;
color:#8b1624}

.insight-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:24px;
margin:24px 0}
.pulse-chart{
height:270px;
display:flex;
align-items:flex-end;
gap:14px;
padding:30px 10px 0}
.pulse-chart>div{
height:100%;
flex:1;
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
gap:8px}
.pulse-chart span{
display:block;
width:min(52px,80%);
min-height:4px;
border-radius:14px 14px 5px 5px;
background:linear-gradient(#dfb23b,#0b7657);
box-shadow:0 12px 24px rgba(11,118,87,.16)}
.pulse-chart b{
font-size:12px}
.pulse-chart small{
font-weight:800;
color:var(--ap-muted)}

.coverage-card{
overflow:hidden}
.coverage-map{
position:relative;
min-height:250px;
padding:18px;
border-radius:22px;
background:radial-gradient(circle at 40% 30%,#dff2e9,#f7fbf9 62%);
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px}
.coverage-map>.india-mark{
position:absolute;
right:16px;
top:12px;
font-size:52px;
font-weight:900;
color:rgba(7,83,62,.06)}
.coverage-map article{
position:relative;
padding:10px 12px;
border:1px solid #cfe5dc;
border-radius:12px;
background:linear-gradient(90deg,rgba(12,126,91,.18) var(--coverage),rgba(255,255,255,.84) var(--coverage));
z-index:1}
.coverage-map article b,.coverage-map article span{
display:block}
.coverage-map article span{
font-size:11px;
color:#50675e}

.coverage-tools{
display:flex;
justify-content:flex-end;
gap:6px;
margin:8px 0}
.coverage-tools button{
min-width:42px;
padding:8px;
border:1px solid #c9ddd5;
border-radius:10px;
background:#fff;
color:#07533e;
font-weight:900;
cursor:pointer}
.coverage-viewport{
overflow:auto;
min-height:250px;
border-radius:22px}
.coverage-map{
transform-origin:top left;
transition:transform .2s ease}

.allocation-head{
border-left:4px solid var(--ap-gold)}
.revision-save-bar{
position:sticky;
bottom:14px;
z-index:5;
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
padding:18px 22px;
margin:20px 0;
border-radius:16px;
background:#062f25;
color:#fff;
box-shadow:0 18px 48px rgba(0,0,0,.24)}
.revision-save-bar span{
display:block;
color:#c9ddd5;
font-size:13px}

.notification-list{
display:grid;
gap:10px}
.notification-list a{
display:grid;
gap:3px;
padding:15px;
border:1px solid var(--ap-line);
border-radius:14px;
text-decoration:none;
color:inherit}
.notification-list a:hover{
background:var(--ap-soft)}
.community-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px}
.community-grid article{
padding:12px;
border:1px solid var(--ap-line);
border-radius:18px;
background:#fff}
.community-grid img,.community-grid video{
display:block;
width:100%;
aspect-ratio:4/3;
object-fit:contain;
background:#eef3f1;
border-radius:13px}
.community-grid small{
display:block;
margin-top:12px;
color:#7a6423;
font-weight:800}
.product-rating{
display:flex;
justify-content:space-between;
gap:8px;
padding:9px 0;
color:#765c0a}
.product-actions{
display:flex;
gap:8px;
flex-wrap:wrap}
.review-box{
margin-top:12px;
padding:10px;
border:1px solid var(--ap-line);
border-radius:12px}
.review-box form{
display:grid;
gap:8px;
margin-top:10px}
.review-box label{
display:grid;
gap:4px;
font-size:12px;
font-weight:800}
.review-box input,.review-box select,.review-box textarea{
width:100%;
padding:9px;
border:1px solid var(--ap-line);
border-radius:8px}

.one-level-flow{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:16px!important;
overflow-x:auto!important;
scroll-snap-type:x proximity}
.one-level-group{
min-width:330px!important;
background:linear-gradient(145deg,#fff,#edf6f2)!important;
border:1px solid #cfe0d9!important}
.one-level-group header{
background:#0b5944!important;
color:#fff!important}
.one-level-group.group-a header,.one-level-group.group-b header{
background:#0b5944!important}
.one-level-member{
border-left:4px solid var(--ap-gold)!important}
.one-level-members{
max-height:520px;
overflow:auto;
scrollbar-color:#0b5944 #e5eee9}

.one-level-root>strong{
display:block;
margin:4px 0 1px;
font-size:18px;
color:#fff}
.one-level-root>b{
margin:1px 0 5px!important;
font-size:14px!important;
letter-spacing:.08em}
.one-level-member{
position:relative;
overflow:visible}
.one-level-member .member-identity{
min-width:0}
.one-level-member .member-identity>strong{
margin:0 0 3px;
font-size:14px}
.one-level-member .member-identity>b{
font-size:11px;
letter-spacing:.055em;
opacity:.82}
.member-business-popover{
position:absolute;
z-index:30;
left:10px;
right:10px;
top:calc(100% + 9px);
display:grid!important;
grid-template-columns:1fr 1fr;
gap:8px;
padding:14px;
border:1px solid color-mix(in srgb,var(--ap-gold) 70%,#fff);
border-radius:13px;
background:#062f28;
color:#fff;
box-shadow:0 20px 50px #071e1766;
opacity:0;
visibility:hidden;
transform:translateY(-7px);
transition:.16s ease;
pointer-events:none;
white-space:normal!important}
.member-business-popover:before{
content:"";
position:absolute;
top:-6px;
left:28px;
width:11px;
height:11px;
transform:rotate(45deg);
background:#062f28;
border-left:1px solid var(--ap-gold);
border-top:1px solid var(--ap-gold)}
.member-business-popover>strong,.member-business-popover>small{
grid-column:1/-1}
.member-business-popover>strong{
color:var(--ap-gold)!important;
font-size:10px!important;
letter-spacing:.12em}
.member-business-popover>span{
display:grid!important;
gap:1px;
min-width:0;
font-size:9px;
opacity:.8}
.member-business-popover>span>b{
display:block!important;
color:#fff!important;
font-size:13px!important}
.member-business-popover>small{
font-size:9px!important;
color:#c8d9d2;
white-space:normal!important}
.one-level-member:hover .member-business-popover,.one-level-member:focus .member-business-popover,.one-level-member:focus-visible .member-business-popover{
opacity:1;
visibility:visible;
transform:translateY(0)}
.one-level-members{
padding-bottom:165px!important;
margin-bottom:-145px}
.one-level-group{
padding-bottom:145px;
margin-bottom:-145px}
.one-level-flow{
padding-bottom:165px;
margin-bottom:-145px}

.group-a .one-level-member,.group-b .one-level-member,.group-unplaced .one-level-member{
border-color:#d5e2dc!important;
border-left-color:var(--ap-gold)!important;
background:linear-gradient(145deg,#fff,#f3f8f5)!important;
color:#123c32!important}

@media(max-width:900px){
.insight-grid{
grid-template-columns:1fr}
.site-footer{
padding-top:44px}
.coverage-map{
grid-template-columns:1fr}
.revision-save-bar{
position:static;
align-items:flex-start;
flex-direction:column}
.one-level-flow{
grid-template-columns:minmax(290px,85vw) minmax(290px,85vw)!important}
}



/* Source: alpline32.css */
/* Alpline 3.3 presentation layer. Plain CSS, no generated runtime dependency. */
:root{
--alp-ink:#062d24;
--alp-green:#075c43;
--alp-mint:#eaf5ef;
--alp-gold:#e7b62e;
--alp-paper:#fbfcf9}

.site-header{
position:sticky;
top:0;
z-index:80;
background:rgba(255,255,255,.94);
backdrop-filter:blur(18px);
box-shadow:0 12px 35px rgba(5,47,36,.08)}

.site-header .utility-bar{
min-height:42px;
padding:0 clamp(22px,4vw,70px);
background:linear-gradient(90deg,#032d23,#075c43);
border-bottom:2px solid rgba(231,182,46,.85)}

.site-header .utility-bar nav{
gap:26px}
.site-header .utility-bar a{
color:#dcece6;
font-size:.72rem;
font-weight:800;
letter-spacing:.03em}

.site-header .main-header{
min-height:94px;
padding:0 clamp(22px,4vw,70px);
gap:25px}
.site-header .brand{
gap:14px;
padding-right:30px;
border-right:1px solid #dbe6e1}
.site-header .brand .crest{
width:58px;
height:58px;
padding:4px;
border-radius:50%;
background:#fff;
box-shadow:0 8px 24px rgba(5,55,41,.16)}

.site-header .brand b{
font-size:1.62rem;
letter-spacing:.2em;
color:#07372b}
.site-header .brand small{
font-size:.58rem;
letter-spacing:.26em;
color:#806620}

.primary-nav{
padding:6px;
border-radius:999px;
background:#f3f7f5}
.primary-nav a{
padding:13px 18px;
border-radius:999px;
font-size:.9rem;
font-weight:800}
.primary-nav a:hover,.primary-nav a.active{
background:#fff;
color:#075c43;
box-shadow:0 6px 20px rgba(4,61,45,.1)}

.header-search{
border:1px solid #cbdcd4;
background:#fff;
box-shadow:inset 0 1px 0 #fff}
.header-join{
box-shadow:0 12px 28px rgba(212,158,23,.28);
transition:transform .2s}
.header-join:hover{
transform:translateY(-2px)}

.site-footer{
position:relative;
overflow:hidden;
margin-top:0;
padding:72px clamp(28px,5vw,90px) 24px;
gap:45px;
background:radial-gradient(circle at 95% 20%,rgba(231,182,46,.13),transparent 25%),linear-gradient(135deg,#02251d,#064b39);
border-top:5px solid var(--alp-gold)}

.site-footer:after{
content:"A";
position:absolute;
right:-30px;
bottom:-145px;
font:900 380px/1 sans-serif;
color:rgba(255,255,255,.025)}

.site-footer>div:not(.footer-brand):not(.footer-legal){
padding:24px;
border:1px solid rgba(255,255,255,.1);
border-radius:18px;
background:rgba(255,255,255,.035)}

.site-footer strong{
display:block;
margin-bottom:20px;
color:#f2cc62;
letter-spacing:.13em}
.site-footer a,.site-footer span{
line-height:1.8}
.site-footer a:hover{
color:#fff;
transform:translateX(3px)}

.footer-brand .crest{
display:grid;
width:80px;
height:80px;
padding:6px;
border-radius:50%;
background:#fff}
.footer-brand b{
display:block;
margin:20px 0 10px;
font-size:1.65rem}
.footer-legal{
position:relative;
z-index:1;
padding-top:24px;
border-top:1px solid rgba(255,255,255,.15)}


.registration-simple{
background:radial-gradient(circle at 15% 5%,#dff3e8,transparent 30%),#f6f9f7}
.simple-join-hero{
min-height:390px;
padding:64px clamp(25px,7vw,120px);
background:linear-gradient(125deg,#042e24,#0a674b 70%,#548260);
color:#fff}
.simple-join-hero h1{
font-size:clamp(3.4rem,7vw,7rem);
line-height:.86;
letter-spacing:-.065em}
.simple-join-hero h1 em{
color:#f2cc62;
font-style:normal}
.simple-join-hero>p:not(.eyebrow){
max-width:760px;
color:#dceee7;
font-size:1.05rem;
line-height:1.7}
.registration-promise{
display:flex;
gap:9px;
flex-wrap:wrap;
margin-top:25px}
.registration-promise span{
padding:9px 14px;
border:1px solid rgba(255,255,255,.2);
border-radius:999px;
background:rgba(255,255,255,.08);
font-size:.78rem;
font-weight:800}

.simple-join{
max-width:1120px;
margin:-50px auto 80px;
padding:0 28px;
position:relative}
.simple-join form{
padding:38px;
background:#fff;
border:1px solid #d6e4de;
border-radius:26px;
box-shadow:0 28px 70px rgba(5,56,42,.12)}
.registration-steps{
max-width:470px;
margin:0 auto 18px;
padding:8px;
background:#eaf2ee;
border-radius:999px}
.registration-steps button{
border:0;
background:transparent}
.registration-steps button.active{
color:#fff;
background:#075c43;
box-shadow:0 8px 24px rgba(4,65,47,.22)}

.join-section{
margin-bottom:20px;
padding:28px;
border:1px solid #dbe7e1;
border-radius:20px;
background:linear-gradient(145deg,#fff,#f7faf8)}
.join-section h2{
margin:4px 0 20px;
font-size:1.45rem}
.section-kicker{
margin:0;
color:#927018;
font-size:.68rem;
font-weight:900;
letter-spacing:.18em}
.compact-choice{
grid-template-columns:repeat(2,1fr)}
.choice-card span{
min-height:100px}
.sponsor-modes{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-bottom:18px}
.sponsor-modes label{
padding:13px 16px;
border:1px solid #cfe0d8;
border-radius:12px;
background:#fff}
.simple-sponsor{
display:grid;
grid-template-columns:1.6fr 1fr;
gap:16px}
.simple-sponsor .sponsor-result{
grid-column:1/-1}
.assistance-note,.kyc-after-note{
padding:16px;
border-left:4px solid #e7b62e;
background:#fff7dd;
border-radius:8px}
.password-field{
display:flex}
.password-field input{
border-radius:8px 0 0 8px}
.password-field button{
border:0;
padding:0 14px;
background:#073f30;
color:#fff;
font-weight:800}
.review-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
margin:20px 0}
.review-grid article{
padding:18px;
border:1px solid #d7e4de;
border-radius:14px}
.review-grid small,.review-grid strong{
display:block}
.review-grid small{
color:#7d8d86;
font-size:.65rem;
font-weight:900;
letter-spacing:.13em}
.review-grid strong{
margin-top:6px;
color:#073f30}


.allocation-stage,.performance-plan,.generation-stage{
margin:24px 0;
padding:clamp(28px,4vw,55px);
border:1px solid #d7e5df;
border-radius:28px;
background:linear-gradient(145deg,#fff,#eef7f2);
box-shadow:0 20px 55px rgba(5,55,41,.07)}

.allocation-stage>header{
display:flex;
align-items:end;
justify-content:space-between;
gap:20px}
.allocation-stage>header h2,.performance-plan h2,.generation-stage h2{
font-size:clamp(2rem,4vw,4rem);
line-height:.95;
letter-spacing:-.045em}
.allocation-stage>header>strong{
font-size:3rem;
color:#075c43;
text-align:right}
.allocation-stage>header>strong small{
display:block;
max-width:180px;
font-size:.57rem;
letter-spacing:.12em}
.allocation-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:13px;
margin-top:32px}
.allocation-grid article{
position:relative;
padding:20px;
border-radius:17px;
background:#fff;
border:1px solid #dce8e2}
.allocation-grid article>div{
height:5px;
margin-bottom:18px;
border-radius:10px;
background:#e5ece8}
.allocation-grid article>div span{
display:block;
width:var(--share);
height:100%;
border-radius:inherit;
background:linear-gradient(90deg,#087454,#e7b62e)}
.allocation-grid h3{
min-height:42px;
margin:7px 0}
.allocation-grid b{
font-size:1.8rem;
color:#075c43}
.allocation-grid em{
float:right;
margin-top:10px;
color:#75827c;
font-size:.67rem;
font-style:normal}
.allocation-note{
margin:22px 0 0;
color:#66736d;
font-size:.76rem}

.performance-plan{
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:45px;
background:linear-gradient(135deg,#072f25,#0a6047);
color:#fff}
.performance-copy .eyebrow{
color:#f0c954}
.performance-copy p:not(.eyebrow){
color:#d1e6dd;
line-height:1.7}
.level-rate-total{
margin-top:30px}
.level-rate-total b{
display:block;
font-size:4rem;
color:#f0c954}
.level-rate-total span{
font-size:.8rem;
letter-spacing:.1em;
text-transform:uppercase}
.level-rate-chart{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:8px}
.level-rate-chart article{
display:grid;
grid-template-columns:48px 1fr auto;
align-items:center;
gap:12px;
padding:12px;
border:1px solid rgba(255,255,255,.12);
border-radius:12px;
background:rgba(255,255,255,.06)}
.level-rate-chart i{
display:grid;
place-content:center;
width:42px;
height:42px;
border-radius:50%;
background:#fff;
color:#064633;
font-size:.7rem;
font-style:normal;
font-weight:900}
.level-rate-chart b,.level-rate-chart small{
display:block}
.level-rate-chart small{
color:#bad5ca;
font-size:.6rem}
.level-rate-chart strong{
color:#f0ca55;
font-size:1.15rem}

.generation-stage>div{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px}
.generation-stage article{
padding:25px 18px;
border-radius:18px;
background:#fff;
border-bottom:5px solid #e7b62e;
text-align:center}
.generation-stage article span,.generation-stage article b,.generation-stage article small{
display:block}
.generation-stage article b{
margin:12px 0;
font-size:2rem;
color:#075c43}

.career-command.plan-preview{
outline:2px dashed rgba(201,148,20,.45);
outline-offset:-8px}
.career-command .empty-plan{
grid-column:1/-1;
padding:22px!important;
text-align:center}
.career-command .empty-plan b,.career-command .empty-plan small{
display:block}


@media(max-width:1100px){
.primary-nav{
display:none}
.main-header .header-search{
display:none}
.allocation-grid{
grid-template-columns:repeat(2,1fr)}
.performance-plan{
grid-template-columns:1fr}
.generation-stage>div{
grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
.site-header .utility-bar{
display:none}
.site-header .main-header{
min-height:76px;
padding:0 15px}
.site-header .brand{
border:0;
padding:0}
.site-header .brand .crest{
width:45px;
height:45px}
.site-header .brand b{
font-size:1.15rem}
.site-header .brand small{
font-size:.45rem}
.header-join{
padding:12px 13px;
font-size:.72rem}
.site-footer{
grid-template-columns:1fr;
padding:50px 22px 20px}
.simple-join-hero{
padding:48px 22px 80px}
.simple-join{
padding:0 12px}
.simple-join form{
padding:16px;
border-radius:20px}
.join-section{
padding:20px 16px}
.compact-choice,.simple-sponsor,.review-grid,.allocation-grid,.level-rate-chart{
grid-template-columns:1fr}
.allocation-stage>header{
align-items:start;
flex-direction:column}
.allocation-stage>header>strong{
text-align:left}
.generation-stage>div{
grid-template-columns:repeat(2,1fr)}
}



/* Source: alpline34.css */
/* Alpline 3.4 — readable presentation layer. No generated CSS runtime. */
:root {

    --alp-forest: var(--ap-deep, #073f30);

    --alp-leaf: #0b7657;

    --alp-gold-strong: var(--ap-gold, #dfb23b);

    --alp-cream: #fff8e5;

    --alp-cloud: #f3f7f5;

    --alp-border-soft: #d7e4de;

    --alp-text: #12372e;

    --alp-muted-text: #687b74;

}


/* Portal identity: member name first, permanent ID second. */
.release-340 .topbar-identity {

    display: grid;

    gap: 2px;

}


.release-340 .topbar-identity small,
.release-340 .topbar-identity b,
.release-340 .topbar-identity span {

    display: block;

}


.release-340 .topbar-identity span {

    color: #7b886f;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: .09em;

}


.release-340 .portal-nav-group > a {

    min-height: 34px;

    padding-left: 52px;

    font-size: 12px;

}


.release-340 .portal-nav-group[open] {

    padding-bottom: 7px;

}


/* Compact one-level genealogy: all immediate Group A/B members stay visible. */
.release-340 .one-level-genealogy {

    overflow: visible;

}


.release-340 .one-level-root {

    width: min(270px, 100%);

    min-height: 92px;

    margin: 15px auto 22px;

    padding: 12px 18px;

    border: 1px solid rgba(223, 178, 59, .68);

    border-radius: 13px;

}


.release-340 .one-level-root::after {

    bottom: -16px;

    height: 16px;

}


.release-340 .one-level-root > strong {

    margin: 2px 0;

    font-size: 15px;

}


.release-340 .one-level-root > b {

    margin: 2px 0 !important;

    font-size: 12px !important;

}


.release-340 .one-level-root > small,
.release-340 .one-level-root > span {

    font-size: 9px;

}


.release-340 .one-level-flow {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;

    gap: 12px !important;

    margin: 0 !important;

    padding: 0 0 8px !important;

    overflow: visible !important;

}


.release-340 .one-level-group {

    min-width: 0 !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    border: 1px solid var(--alp-border-soft) !important;

    border-top: 3px solid var(--alp-gold-strong) !important;

    border-radius: 13px !important;

    background: #ffffff !important;

}


.release-340 .one-level-group > header,
.release-340 .one-level-group.group-a > header,
.release-340 .one-level-group.group-b > header,
.release-340 .one-level-group.group-unplaced > header {

    min-height: 47px;

    padding: 9px 12px !important;

    border-radius: 9px 9px 0 0;

    background: linear-gradient(115deg, #073d30, #145f49) !important;

    color: #ffffff !important;

}


.release-340 .one-level-group.group-b {

    border-top-color: #8fb7a6 !important;

}


.release-340 .one-level-group.group-unplaced {

    grid-column: 1 / -1;

    border-top-color: #d7c58f !important;

}


.release-340 .one-level-group > header small {

    color: #f2c961;

    font-size: 9px;

}


.release-340 .one-level-group > header b {

    font-size: 11px;

}


.release-340 .one-level-group > header span {

    font-size: 9px;

}


.release-340 .one-level-members {

    display: flex;

    align-items: flex-start;

    gap: 8px;

    max-height: 260px;

    margin: 0 !important;

    padding: 9px 9px 112px !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    scrollbar-color: var(--alp-leaf) #e5eee9;

    scrollbar-width: thin;

}


.release-340 .one-level-member,
.release-340 .group-a .one-level-member,
.release-340 .group-b .one-level-member,
.release-340 .group-unplaced .one-level-member {

    position: relative;

    display: grid;

    flex: 0 0 184px;

    grid-template-columns: 32px 1fr;

    gap: 7px;

    min-height: 67px;

    padding: 8px;

    overflow: visible;

    border: 1px solid #d9e4df !important;

    border-left: 3px solid var(--alp-gold-strong) !important;

    border-radius: 10px;

    background: linear-gradient(145deg, #ffffff, #f5f9f7) !important;

    color: var(--alp-text) !important;

    box-shadow: 0 5px 14px rgba(11, 56, 43, .06);

}


.release-340 .member-avatar {

    width: 32px;

    height: 32px;

    font-size: 12px;

}


.release-340 .one-level-member .member-identity > strong {

    margin: 0 0 2px;

    font-size: 11px;

}


.release-340 .one-level-member .member-identity > b {

    font-size: 9px;

}


.release-340 .one-level-member .member-identity > small,
.release-340 .one-level-member > em {

    font-size: 8px;

}


.release-340 .one-level-member > em {

    grid-column: 2;

}


.release-340 .member-business-popover {

    top: calc(100% + 6px);

    left: 0;

    right: auto;

    width: 230px;

    padding: 10px;

    border-radius: 10px;

}


.release-340 .genealogy-toolbar {

    gap: 7px;

    font-size: 10px;

}


/* Real India coverage surface with aggregated state markers. */
.india-coverage {

    position: relative;

    display: grid;

    grid-template-columns: minmax(300px, .95fr) minmax(260px, 1.05fr);

    gap: 18px;

    min-height: 360px;

    margin-top: 18px;

    padding: 18px;

    overflow: hidden;

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

    border-radius: 22px;

    background:
        radial-gradient(circle at 25% 20%, rgba(11, 118, 87, .11), transparent 42%),
        linear-gradient(145deg, #f9fcfa, #edf6f2);

}


.india-map-toolbar {

    position: absolute;

    top: 16px;

    right: 16px;

    z-index: 4;

    display: flex;

    gap: 5px;

}


.india-map-toolbar button {

    min-width: 38px;

    height: 34px;

    padding: 0 10px;

    border: 1px solid #c9dbd3;

    border-radius: 9px;

    background: #ffffff;

    color: var(--alp-forest);

    font-size: 11px;

    font-weight: 900;

    cursor: pointer;

}


.india-map-viewport {

    min-height: 330px;

    overflow: auto;

    border-radius: 17px;

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

}


.india-map-svg {

    display: block;

    width: 100%;

    height: 350px;

    transform-origin: 50% 45%;

    transition: transform .2s ease;

}


.india-islands {

    fill: #c9ddd4;

}


.india-marker circle {

    fill: #ffffff;

    stroke: #9db5aa;

    stroke-width: 1.4;

    transition: transform .15s ease, fill .15s ease;

}


.india-marker text {

    fill: #72847c;

    font-size: 5.4px;

    font-weight: 900;

    text-anchor: middle;

    pointer-events: none;

}


.india-marker.active circle {

    fill: #0fa66f;

    stroke: #057650;

    filter: drop-shadow(0 2px 3px rgba(4, 85, 58, .28));

}


.india-marker.active text {

    fill: #064c37;

}


.india-marker:hover circle,
.india-marker:focus circle {

    transform: scale(1.25);

    outline: none;

}


.territory-summary {

    align-self: center;

    display: grid;

    gap: 7px;

    padding-top: 40px;

}


.territory-summary article {

    display: grid;

    grid-template-columns: 10px 1fr auto;

    gap: 10px;

    align-items: center;

    padding: 10px 12px;

    border: 1px solid #dce8e2;

    border-radius: 12px;

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

}


.territory-summary article > i {

    width: 8px;

    height: 8px;

    border-radius: 50%;

    background: #11a86f;

    box-shadow: 0 0 0 5px rgba(17, 168, 111, .1);

}


.territory-summary b,
.territory-summary small {

    display: block;

}


.territory-summary b {

    font-size: 12px;

}


.territory-summary small {

    color: var(--alp-muted-text);

    font-size: 9px;

}


.territory-summary strong {

    color: var(--alp-leaf);

    font-size: 18px;

}


/* Member income centre. */
.income-centre {

    display: grid;

    gap: 20px;

}


.income-hero {

    background:
        radial-gradient(circle at 85% 15%, rgba(223, 178, 59, .22), transparent 30%),
        linear-gradient(125deg, #042e24, #0b654a);

}


.income-plan-chip {

    display: inline-flex;

    margin-top: 15px;

    padding: 8px 12px;

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

    border-radius: 999px;

    color: #e0efe9;

    font-size: 11px;

    font-weight: 800;

}


.income-report-nav {

    display: grid;

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

    gap: 10px;

}


.income-report-nav > a {

    display: grid;

    grid-template-columns: 42px 1fr auto;

    gap: 12px;

    align-items: center;

    min-height: 82px;

    padding: 13px;

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

    border-radius: 14px;

    background: #ffffff;

    color: var(--alp-text);

    text-decoration: none;

    transition: transform .15s ease, box-shadow .15s ease;

}


.income-report-nav > a:hover,
.income-report-nav > a.active {

    transform: translateY(-2px);

    border-color: #91b9a8;

    box-shadow: 0 13px 30px rgba(11, 56, 43, .1);

}


.income-report-nav > a.active {

    background: linear-gradient(120deg, #073d30, #0b654a);

    color: #ffffff;

}


.income-report-nav i {

    display: grid;

    width: 42px;

    height: 42px;

    place-items: center;

    border-radius: 12px;

    background: var(--alp-cream);

    color: #745812;

    font-size: 10px;

    font-style: normal;

    font-weight: 900;

}


.income-report-nav b,
.income-report-nav small {

    display: block;

}


.income-report-nav b {

    font-size: 13px;

}


.income-report-nav small {

    margin-top: 3px;

    color: var(--alp-muted-text);

    font-size: 9px;

}


.income-report-nav > a.active small {

    color: #bad9ce;

}


.income-report-nav strong {

    font-size: 14px;

}


.income-head-note {

    display: grid;

    grid-template-columns: 1fr auto;

    gap: 28px;

    align-items: center;

    padding: 22px 26px;

    border-left: 5px solid var(--alp-gold-strong);

    border-radius: 14px;

    background: var(--alp-cream);

}


.income-head-note h2,
.income-head-note p {

    margin: 4px 0;

}


.income-head-note > strong {

    color: var(--alp-forest);

    font-size: 30px;

    text-align: right;

}


.income-head-note > strong small {

    display: block;

    font-size: 8px;

}


.income-ledger-card td b,
.income-ledger-card td small {

    display: block;

}


.income-ledger-card td small {

    color: var(--alp-muted-text);

    font-size: 9px;

}


.income-ledger-card table {

    min-width: 1050px;

}


.income-head-note.fund {

    border-left-color: #779b8c;

    background: #edf6f2;

}


.income-head-note.reward {

    border-left-color: #c89519;

    background: linear-gradient(120deg, #fff8df, #f4ecd0);

}


.income-mix a {

    color: inherit;

    text-decoration: none;

}


/* Personalised one-page browser poster. */
.member-poster-page {

    padding: 4px;

}


.poster-toolbar {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 16px;

}


.poster-toolbar p {

    margin: 0;

    color: var(--alp-muted-text);

    font-size: 12px;

}


.career-poster {

    position: relative;

    max-width: 1500px;

    margin: auto;

    overflow: hidden;

    border: 1px solid #cfded7;

    border-radius: 26px;

    background: #f6faf8;

    box-shadow: 0 28px 70px rgba(5, 47, 36, .12);

}


.career-poster > header {

    display: grid;

    grid-template-columns: 220px 1fr auto;

    gap: 30px;

    align-items: center;

    padding: 32px;

    background:
        radial-gradient(circle at 84% 10%, rgba(223, 178, 59, .24), transparent 27%),
        linear-gradient(125deg, #032c22, #0a6248);

    color: #ffffff;

}


.poster-brand {

    display: flex;

    align-items: center;

    gap: 12px;

}


.poster-brand img {

    width: 64px;

    height: 64px;

    padding: 4px;

    border-radius: 50%;

    background: #ffffff;

}


.poster-brand span,
.poster-brand b,
.poster-brand small {

    display: block;

}


.poster-brand b {

    font-size: 21px;

    letter-spacing: .14em;

}


.poster-brand small {

    color: #d9e8e2;

    font-size: 7px;

    letter-spacing: .18em;

}


.career-poster > header h1 {

    margin: 5px 0 0;

    font-size: clamp(38px, 5vw, 68px);

    line-height: .94;

    letter-spacing: -.05em;

}


.career-poster > header h1 em {

    color: #f0ca5d;

    font-style: normal;

}


.career-poster > header aside {

    display: grid;

    min-width: 220px;

    padding: 20px;

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

    border-radius: 18px;

    background: rgba(0, 0, 0, .18);

}


.career-poster > header aside b {

    color: #f2cd65;

    font-size: 48px;

}


.career-poster > header aside strong {

    margin-top: 13px;

    font-size: 19px;

}


.poster-heads,
.poster-plan-row,
.poster-reward-row,
.career-poster > footer {

    padding: 24px 30px;

}


.poster-section-title small {

    color: #8a6b18;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: .15em;

}


.poster-section-title h2 {

    margin: 4px 0 14px;

    font-size: 24px;

}


.poster-head-grid {

    display: grid;

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

    gap: 8px;

}


.poster-head-grid > div {

    display: grid;

    grid-template-columns: 30px 1fr auto;

    gap: 9px;

    align-items: center;

    padding: 10px;

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

    border-radius: 11px;

    background: #ffffff;

}


.poster-head-grid i {

    display: grid;

    width: 29px;

    height: 29px;

    place-items: center;

    border-radius: 9px;

    background: var(--alp-cream);

    font-size: 8px;

    font-style: normal;

    font-weight: 900;

}


.poster-head-grid b,
.poster-head-grid small {

    display: block;

}


.poster-head-grid b {

    font-size: 10px;

}


.poster-head-grid small {

    color: var(--alp-muted-text);

    font-size: 8px;

}


.poster-head-grid strong {

    color: var(--alp-leaf);

    font-size: 14px;

}


.poster-plan-row {

    display: grid;

    grid-template-columns: 1.35fr .65fr;

    gap: 14px;

    background: #eaf4ef;

}


.poster-level-plan,
.poster-generation-plan {

    padding: 18px;

    border-radius: 16px;

    background: #ffffff;

}


.poster-level-bars {

    display: grid;

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

    gap: 5px;

    min-height: 120px;

    align-items: end;

}


.poster-level-bars > span {

    display: grid;

    align-content: end;

    height: var(--level-rate);

    min-height: 45px;

    padding: 5px 3px;

    border-radius: 7px 7px 3px 3px;

    background: linear-gradient(180deg, #e5ba48, #087052);

    color: #ffffff;

    text-align: center;

}


.poster-level-bars i,
.poster-level-bars b {

    font-size: 7px;

    font-style: normal;

}


.generation-orbit {

    display: grid;

    gap: 7px;

}


.generation-orbit span {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 9px 12px;

    border-radius: 999px;

    background: linear-gradient(90deg, #073d30, #0b7657);

    color: #ffffff;

}


.generation-orbit i {

    display: grid;

    width: 28px;

    height: 28px;

    place-items: center;

    border-radius: 50%;

    background: #f0c85a;

    color: #153b31;

    font-size: 9px;

    font-style: normal;

    font-weight: 900;

}


.poster-reward-row {

    display: grid;

    grid-template-columns: 1.4fr .6fr;

    gap: 16px;

}


.poster-reward-ladder {

    display: flex;

    gap: 6px;

    overflow-x: auto;

    padding-bottom: 8px;

}


.poster-reward-ladder > span {

    flex: 0 0 125px;

    display: grid;

    gap: 4px;

    min-height: 116px;

    padding: 10px;

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

    border-top: 4px solid var(--alp-gold-strong);

    border-radius: 11px;

    background: #ffffff;

}


.poster-reward-ladder i {

    color: #8d6c18;

    font-size: 9px;

    font-style: normal;

    font-weight: 900;

}


.poster-reward-ladder b {

    font-size: 10px;

}


.poster-reward-ladder small {

    color: var(--alp-muted-text);

    font-size: 7px;

}


.poster-reward-ladder strong {

    align-self: end;

    color: var(--alp-leaf);

    font-size: 12px;

}


.poster-example {

    padding: 20px;

    border-radius: 18px;

    background: linear-gradient(145deg, #073d30, #0b654a);

    color: #ffffff;

}


.poster-example > div {

    display: flex;

    justify-content: space-between;

    margin: 7px 0;

    padding: 9px 11px;

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

    border-radius: 9px;

}


.poster-example > strong {

    display: block;

    margin: 12px 0;

    padding: 11px;

    border-radius: 9px;

    background: #efc85e;

    color: #14392f;

}


.poster-example p {

    color: #cce1d8;

    font-size: 9px;

}


.career-poster > footer {

    display: grid;

    grid-template-columns: .7fr 1.3fr;

    gap: 24px;

    align-items: center;

    background: #072f25;

    color: #ffffff;

}


.poster-contact b,
.poster-contact span,
.poster-contact a {

    display: block;

}


.poster-contact b {

    margin: 4px 0;

    color: #f0c85a;

    font-size: 20px;

}


.poster-contact a {

    margin-top: 5px;

    color: #ffffff;

    font-size: 9px;

    overflow-wrap: anywhere;

}


.career-poster > footer p {

    margin: 0;

    color: #bcd3ca;

    font-size: 9px;

}


.poster-watermark {

    position: absolute;

    z-index: 7;

    top: 16px;

    left: 50%;

    padding: 7px 13px;

    transform: translateX(-50%);

    border-radius: 999px;

    background: #fff0b9;

    color: #62490c;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: .08em;

}


/* Premium public footer remains responsive to the Admin theme variables. */
.release-340 .site-footer {

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

    gap: 18px;

}


.release-340 .site-footer > div:not(.footer-brand):not(.footer-legal) {

    min-height: 230px;

    transition: transform .18s ease, background .18s ease;

}


.release-340 .site-footer > div:not(.footer-brand):not(.footer-legal):hover {

    transform: translateY(-4px);

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

}


@media (max-width: 1050px) {

    .india-coverage,
    .poster-plan-row,
    .poster-reward-row {

        grid-template-columns: 1fr;

    }


    .career-poster > header {

        grid-template-columns: 1fr auto;

    }


    .poster-brand {

        grid-column: 1 / -1;

    }


    .poster-head-grid {

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

    }


    .release-340 .site-footer {

        grid-template-columns: 1fr 1fr;

    }

}


@media (max-width: 760px) {

    .release-340 .one-level-flow {

        grid-template-columns: minmax(270px, 88vw) minmax(270px, 88vw) !important;

        overflow-x: auto !important;

    }


    .release-340 .one-level-group.group-unplaced {

        grid-column: auto;

    }


    .income-report-nav,
    .poster-head-grid,
    .career-poster > header,
    .career-poster > footer {

        grid-template-columns: 1fr;

    }


    .income-report-nav > a {

        grid-template-columns: 40px 1fr;

    }


    .income-report-nav strong {

        grid-column: 2;

    }


    .poster-level-bars {

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

    }


    .poster-toolbar {

        align-items: stretch;

        flex-direction: column;

    }


    .release-340 .site-footer {

        grid-template-columns: 1fr;

    }

}


@media print {

    .member-poster-page .poster-toolbar,
    .member-portal .portal-sidebar,
    .member-portal .portal-topbar {

        display: none !important;

    }


    .member-portal .portal-stage {

        margin: 0 !important;

    }


    .member-portal .portal-content {

        padding: 0 !important;

    }


    .career-poster {

        border: 0;

        border-radius: 0;

        box-shadow: none;

    }

}



/* Source: alpline35.css */
/* Alpline 3.5 — executive intelligence, compact genealogy and trust workflows. */
:root{
--alp-ink:#092c24;
--alp-deep:#063d30;
--alp-mint:#0e956c;
--alp-gold:#dfb23b;
--alp-soft:#eef6f2;
--alp-line:#ccddd5;
--alp-shadow:0 18px 48px rgba(5,49,38,.12)}

.release-350{
color:var(--alp-ink);
background:radial-gradient(circle at 88% 0,rgba(223,178,59,.09),transparent 25%),var(--ap-canvas,#f3f7f5)}

.release-350 .portal-content{
background:linear-gradient(145deg,rgba(255,255,255,.45),transparent 34%),var(--ap-canvas,#f3f7f5)}

.release-350 .control-card,.release-350 .command-panel,.release-350 .customer-panel{
border:1px solid rgba(8,71,54,.12);
box-shadow:0 12px 36px rgba(5,49,38,.07)}


/* Search any function — available in every workspace. */
.vip-command{
position:relative;
z-index:80;
width:min(390px,32vw)}

.vip-command>label{
height:48px;
display:flex;
align-items:center;
gap:10px;
padding:0 13px;
border:1px solid rgba(8,71,54,.18);
border-radius:14px;
background:#f8fbf9;
box-shadow:0 6px 20px rgba(5,49,38,.06)}

.vip-command>label span{
font-size:22px;
color:var(--alp-mint)}

.vip-command input{
min-width:0;
flex:1;
border:0!important;
outline:0!important;
background:transparent!important;
padding:0!important;
font:700 14px/1 var(--theme-font);
color:var(--alp-ink)}

.vip-command kbd{
border:1px solid var(--alp-line);
border-bottom-width:2px;
border-radius:6px;
padding:4px 6px;
background:#fff;
color:#64756f;
font:700 10px/1 var(--theme-font);
white-space:nowrap}

.vip-command__results{
position:absolute;
top:55px;
left:0;
right:0;
max-height:min(520px,70vh);
overflow:auto;
padding:8px;
background:#fff;
border:1px solid var(--alp-line);
border-radius:16px;
box-shadow:0 28px 60px rgba(3,36,28,.2)}

.vip-command__results a{
display:grid;
grid-template-columns:34px 1fr auto;
gap:10px;
align-items:center;
padding:11px;
border-radius:11px;
color:var(--alp-ink);
text-decoration:none}

.vip-command__results a:hover,.vip-command__results a:focus{
background:var(--alp-soft)}

.vip-command__results a>i{
width:32px;
height:32px;
display:grid;
place-items:center;
border-radius:9px;
background:var(--alp-deep);
color:#fff;
font:800 10px/1 var(--theme-font)}

.vip-command__results span{
display:grid;
gap:3px}
.vip-command__results b{
font-size:13px}
.vip-command__results small{
font-size:11px;
color:#687a73}
.vip-command__results em{
font-style:normal;
color:var(--alp-mint)}

.vip-command__results p{
margin:0;
padding:18px;
text-align:center;
color:#687a73}

.site-header .vip-command{
width:310px}
.site-header .vip-command>label{
height:50px;
background:#f4f8f6}
.site-header .vip-command kbd{
display:none}


/* Multi-national public shell. */
.release-350.site-header,.release-350 .site-header{
position:sticky;
top:0;
z-index:100;
background:rgba(255,255,255,.94);
backdrop-filter:blur(18px);
box-shadow:0 12px 36px rgba(5,49,38,.08)}

.release-350 .utility-bar{
background:linear-gradient(90deg,#032d24,#07513f);
border-bottom:2px solid var(--alp-gold)}

.release-350 .main-header{
min-height:102px}
.release-350 .brand b{
letter-spacing:.18em}
.release-350 .brand small{
letter-spacing:.2em}

.release-350 .primary-nav a{
position:relative;
padding:15px 17px;
border-radius:12px}
.release-350 .primary-nav a.active,.release-350 .primary-nav a:hover{
background:#edf6f2;
color:var(--alp-deep)}

.release-350 .primary-nav a.active:after{
content:"";
position:absolute;
left:18px;
right:18px;
bottom:7px;
height:2px;
background:var(--alp-gold)}

.release-350 .header-join{
box-shadow:0 12px 24px rgba(197,145,20,.24);
border-radius:13px}

.release-350 .site-footer{
position:relative;
overflow:hidden;
background:linear-gradient(135deg,#032d24,#07513f 68%,#0e6d52);
border-top:5px solid var(--alp-gold)}

.release-350 .site-footer:before{
content:"";
position:absolute;
right:-100px;
top:-170px;
width:420px;
height:420px;
border:1px solid rgba(255,255,255,.12);
border-radius:50%;
box-shadow:0 0 0 55px rgba(255,255,255,.03),0 0 0 110px rgba(255,255,255,.02)}

.release-350 .site-footer>*{
position:relative}
.release-350 .site-footer strong{
color:#f4cc69;
letter-spacing:.12em}
.release-350 .site-footer a:hover{
color:#fff;
transform:translateX(3px)}


/* Dashboard intelligence. */
.executive-intelligence{
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);
gap:20px;
margin:22px 0}

.executive-intelligence>article{
min-width:0;
margin:0}
.executive-intelligence .wide,.executive-intelligence__trend{
grid-column:span 1}

.intelligence-trend{
margin-top:14px;
overflow:hidden}
.intelligence-trend__legend{
display:flex;
gap:18px;
margin-bottom:4px;
font-size:12px;
font-weight:800;
color:#52665e}
.intelligence-trend__legend span{
display:flex;
align-items:center;
gap:7px}
.intelligence-trend__legend i{
width:22px;
height:4px;
border-radius:4px;
background:var(--alp-mint)}
.intelligence-trend__legend .secondary i{
background:var(--alp-gold)}

.intelligence-trend svg{
display:block;
width:100%;
height:auto;
min-height:190px;
color:var(--alp-mint);
overflow:visible}
.intelligence-trend .grid{
stroke:#dfe9e4;
stroke-width:1}
.intelligence-trend .area{
color:var(--alp-mint)}
.intelligence-trend polyline{
fill:none;
stroke-linecap:round;
stroke-linejoin:round}
.intelligence-trend .primary{
stroke:var(--alp-mint);
stroke-width:4}
.intelligence-trend .secondary{
stroke:var(--alp-gold);
stroke-width:3}
.intelligence-trend circle{
fill:#fff;
stroke-width:3}
.intelligence-trend .primary-point{
stroke:var(--alp-mint)}
.intelligence-trend .secondary-point{
stroke:var(--alp-gold)}
.intelligence-trend text{
fill:#6a7c75;
font:700 11px var(--theme-font)}

.intelligence-ring{
display:grid;
grid-template-columns:minmax(160px,210px) 1fr;
align-items:center;
gap:16px;
margin-top:10px}
.intelligence-ring svg{
width:100%;
transform:rotate(-90deg)}
.ring-track,.ring-segment{
fill:none;
stroke-width:18}
.ring-track{
stroke:#e7efeb}
.ring-segment{
stroke:var(--ring-color);
stroke-dasharray:var(--ring-length) var(--ring-gap);
stroke-dashoffset:var(--ring-offset);
stroke-linecap:butt}
.ring-label,.ring-value{
fill:var(--alp-ink);
font-family:var(--theme-font);
transform:rotate(90deg);
transform-origin:90px 90px}
.ring-label{
font-size:11px;
font-weight:700}
.ring-value{
font-size:20px;
font-weight:900}
.intelligence-ring__legend{
display:grid;
gap:7px}
.intelligence-ring__legend span{
display:grid;
grid-template-columns:10px 1fr auto;
gap:8px;
align-items:center;
padding:7px 0;
border-bottom:1px solid #e7efeb;
font-size:12px}
.intelligence-ring__legend i{
width:9px;
height:9px;
border-radius:50%}
.intelligence-ring__legend strong{
font-size:13px}

.inventory-intelligence>div{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin:22px 0}
.inventory-intelligence>div span{
padding:14px;
border-radius:13px;
background:var(--alp-soft)}
.inventory-intelligence small{
display:block;
font-size:10px;
color:#667a72}
.inventory-intelligence b{
font-size:25px}

.activity-heatmap{
margin-top:15px}
.activity-heatmap__days{
display:grid;
gap:5px}
.activity-heatmap__days>div{
display:grid;
grid-template-columns:50px 1fr;
align-items:center;
gap:8px}
.activity-heatmap__days small{
font-size:10px;
color:#60736b}
.activity-heatmap__days span{
display:grid;
grid-template-columns:repeat(12,1fr);
gap:4px}
.activity-heatmap i{
display:block;
height:16px;
border-radius:4px;
background:#e4ebe8}
.activity-heatmap .heat-1{
background:#bce8d6}
.activity-heatmap .heat-2{
background:#72c9a5}
.activity-heatmap .heat-3{
background:#2ba979}
.activity-heatmap .heat-4{
background:#087152}
.activity-heatmap footer{
display:flex;
justify-content:space-between;
align-items:center;
margin-top:7px;
font-size:9px;
color:#71817b}
.activity-heatmap footer b{
display:flex;
align-items:center;
gap:3px}
.activity-heatmap footer i{
width:10px;
height:10px}


/* Interactive India state intelligence. */
.india-intelligence{
margin-top:18px;
border:1px solid var(--alp-line);
border-radius:20px;
background:linear-gradient(145deg,#fbfdfc,#eff7f3);
overflow:hidden}

.india-intelligence__head{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
padding:17px 20px;
border-bottom:1px solid var(--alp-line)}
.india-intelligence__head>div:first-child{
display:grid;
gap:4px}
.india-intelligence__head small{
font-size:10px;
font-weight:900;
letter-spacing:.14em;
color:#8b6916}
.india-intelligence__totals{
display:flex;
gap:8px;
flex-wrap:wrap;
justify-content:flex-end}
.india-intelligence__totals span{
padding:7px 10px;
border-radius:20px;
background:#fff;
border:1px solid var(--alp-line);
font-size:10px}
.india-intelligence__totals b{
color:var(--alp-deep)}

.india-intelligence__workspace{
display:grid;
grid-template-columns:minmax(300px,1.2fr) minmax(220px,.8fr);
min-height:440px}
.india-intelligence__map-shell{
position:relative;
overflow:hidden;
border-right:1px solid var(--alp-line);
background:radial-gradient(circle at 50% 50%,#fff,#eef6f2)}
.india-map-canvas{
height:440px;
display:grid;
place-items:center;
overflow:hidden;
touch-action:none;
cursor:grab}
.india-map-canvas:active{
cursor:grabbing}
.india-admin-map{
width:85%;
height:92%;
transition:transform .15s ease;
transform-origin:center}
.india-state{
fill:#dbe6e1;
stroke:#fff;
stroke-width:1.3;
cursor:pointer;
transition:fill .2s,filter .2s}
.india-state:hover,.india-state.selected{
fill:#efc756;
filter:drop-shadow(0 4px 7px rgba(4,53,40,.25))}
.india-state.reached{
fill:color-mix(in srgb,var(--alp-mint) calc(var(--state-intensity)*72%),#b8ddce)}

.india-map-toolbar{
position:absolute;
left:14px;
top:14px;
z-index:3;
display:flex;
gap:4px;
padding:5px;
border-radius:10px;
background:#fff;
box-shadow:0 8px 20px rgba(5,49,38,.12)}
.india-map-toolbar button{
height:31px;
min-width:31px;
border:0;
border-radius:7px;
background:#edf5f1;
color:var(--alp-deep);
font-weight:900}
.india-map-toolbar button:nth-child(2){
padding:0 10px;
font-size:10px}
.india-map-legend{
position:absolute;
left:14px;
bottom:13px;
display:flex;
gap:12px;
padding:8px 10px;
border-radius:9px;
background:rgba(255,255,255,.92);
font-size:10px;
font-weight:800}
.india-map-legend span{
display:flex;
align-items:center;
gap:5px}
.india-map-legend i{
width:10px;
height:10px;
border-radius:3px;
background:#dbe6e1}
.india-map-legend .reached{
background:var(--alp-mint)}

.india-map-loading{
display:grid;
place-items:center;
gap:10px;
color:#71817b;
font-size:12px}
.india-map-loading i{
width:28px;
height:28px;
border:3px solid #d7e6df;
border-top-color:var(--alp-mint);
border-radius:50%;
animation:alp-spin .8s linear infinite}
@keyframes alp-spin{
to{
transform:rotate(360deg)}
}

.india-intelligence__detail{
padding:32px;
display:flex;
flex-direction:column;
justify-content:center;
background:linear-gradient(145deg,var(--alp-deep),#0c654e);
color:#fff}
.india-intelligence__detail small{
color:#f2c960;
font-weight:900;
letter-spacing:.14em}
.india-intelligence__detail h3{
font-size:30px;
margin:10px 0}
.india-intelligence__detail p{
color:#d8e9e2;
line-height:1.7}
.india-state-facts{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
margin-top:17px}
.india-state-facts span{
padding:12px;
border:1px solid rgba(255,255,255,.16);
border-radius:11px;
font-size:10px}
.india-state-facts b{
display:block;
font-size:19px;
color:#fff}
.territory-rank{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
padding:13px}
.territory-rank button{
display:flex;
align-items:center;
gap:8px;
text-align:left;
border:1px solid var(--alp-line);
border-radius:11px;
background:#fff;
padding:10px;
color:var(--alp-ink)}
.territory-rank button>i{
width:8px;
height:8px;
border-radius:50%;
background:var(--alp-mint)}
.territory-rank button span{
min-width:0;
flex:1;
display:grid}
.territory-rank button b{
font-size:11px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.territory-rank button small{
font-size:9px;
color:#71817b}
.territory-rank button strong{
font-size:16px}
.india-map-credit{
display:block;
padding:0 14px 13px;
color:#73847d;
font-size:9px}


/* Compact one-level genealogy: same two-lane idea, all direct members scroll. */
.release-350 .tree-section.one-level-genealogy{
padding:24px!important}
.release-350 .one-level-root{
width:min(290px,92%);
min-height:auto!important;
margin:18px auto 28px!important;
padding:15px 18px!important;
border-radius:14px!important;
box-shadow:0 12px 24px rgba(4,54,41,.12)}
.release-350 .one-level-root:after{
content:"";
position:absolute;
left:50%;
bottom:-29px;
width:1px;
height:29px;
background:#799b8f}

.release-350 .one-level-flow{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:16px!important;
align-items:start;
position:relative}
.release-350 .one-level-flow:before{
content:"";
position:absolute;
left:25%;
right:25%;
top:-17px;
height:1px;
background:#799b8f}
.release-350 .one-level-group{
min-width:0!important;
border:1px solid var(--alp-line)!important;
border-top:3px solid var(--alp-gold)!important;
border-radius:14px!important;
overflow:visible!important;
background:#fff!important}
.release-350 .one-level-group.group-unplaced{
grid-column:1/-1;
border-top-color:#97a69f!important}
.release-350 .one-level-group>header{
min-height:54px!important;
padding:11px 14px!important;
background:linear-gradient(90deg,#0b4637,#123b32)!important;
color:#fff!important}
.release-350 .one-level-members{
display:flex!important;
gap:10px!important;
padding:12px!important;
overflow-x:auto!important;
overflow-y:visible!important;
scroll-snap-type:x proximity}
.release-350 .one-level-member{
flex:0 0 235px!important;
min-height:78px!important;
padding:10px!important;
grid-template-columns:38px 1fr auto!important;
border-radius:11px!important;
scroll-snap-align:start;
position:relative}
.release-350 .member-avatar{
width:36px!important;
height:36px!important}
.release-350 .member-identity strong{
display:block;
font-size:12px!important;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.release-350 .member-identity b{
display:block;
font-size:11px!important;
margin-top:2px}
.release-350 .member-identity small{
font-size:8px!important}
.release-350 .member-business-popover{
position:absolute;
left:0;
top:calc(100% + 8px);
z-index:50;
width:260px;
padding:13px;
border-radius:12px;
background:#052f25;
color:#fff;
box-shadow:0 18px 34px rgba(0,0,0,.24);
opacity:0;
visibility:hidden;
transform:translateY(-5px);
transition:.18s}
.release-350 .one-level-member:hover .member-business-popover,.release-350 .one-level-member:focus .member-business-popover{
opacity:1;
visibility:visible;
transform:none}
.release-350 .member-business-popover>strong{
display:block;
color:#f2c960;
font-size:10px;
letter-spacing:.1em;
margin-bottom:8px}
.release-350 .member-business-popover>span{
display:flex;
justify-content:space-between;
padding:4px 0;
font-size:10px}
.release-350 .member-business-popover small{
display:block;
margin-top:7px;
color:#cce1d8}
.release-350 .tree-legend .leg-a,.release-350 .tree-legend .leg-b{
background:var(--alp-deep)!important;
color:#fff!important;
border-color:var(--alp-deep)!important}


/* Leader vault and controlled member editor. */
.leader-vault__hero,.member-editor__hero{
display:flex;
justify-content:space-between;
gap:30px;
padding:42px;
border-radius:25px;
background:radial-gradient(circle at 85% 20%,rgba(223,178,59,.24),transparent 26%),linear-gradient(135deg,#042f26,#0c654e);
color:#fff;
box-shadow:var(--alp-shadow)}
.leader-vault__hero h1,.member-editor__hero h1{
margin:8px 0;
font-size:clamp(38px,5vw,70px);
line-height:.95}
.leader-vault__hero em{
color:#f0c862}
.leader-vault__hero p,.member-editor__hero p{
max-width:760px;
color:#d5e8df;
line-height:1.7}
.leader-vault__hero aside{
min-width:230px;
padding:22px;
border:1px solid rgba(255,255,255,.18);
border-radius:18px;
display:grid;
align-content:center;
gap:6px}
.leader-vault__hero aside b{
font-size:20px}
.leader-vault__hero aside strong{
font-size:27px;
color:#f2c960}
.leader-vault__hero aside span{
margin-top:8px;
font-weight:900}
.leader-vault__metrics{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin:18px 0}
.leader-vault__metrics article{
padding:18px;
border-radius:15px;
background:#fff;
border:1px solid var(--alp-line)}
.leader-vault__metrics small{
display:block;
font-size:10px;
color:#6b7d75}
.leader-vault__metrics b{
font-size:28px}
.vault-builder{
display:flex;
justify-content:space-between;
gap:30px;
align-items:center}
.vault-builder form{
min-width:min(100%,420px);
display:grid;
gap:10px}
.vault-branches{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px}
.vault-branches>section>header{
display:flex;
justify-content:space-between;
padding:14px;
border-radius:12px 12px 0 0;
background:var(--alp-deep);
color:#fff}
.vault-position-list{
max-height:620px;
overflow:auto;
border:1px solid var(--alp-line)}
.vault-position-list-later{
display:none}

.member-editor{
max-width:1200px;
margin:auto}
.member-editor__hero{
align-items:center}
.member-editor__hero strong{
font-size:25px;
color:#f2c960}
.member-editor__form{
margin-top:18px}
.member-editor__form .form-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px}
.member-editor__form label{
display:grid;
gap:6px;
font-size:12px;
font-weight:800}
.member-editor__form input,.member-editor__form textarea,.member-editor__form select{
width:100%;
padding:13px;
border:1px solid var(--alp-line);
border-radius:10px;
background:#fff;
font:600 14px var(--theme-font)}
.member-editor__form .wide{
grid-column:1/-1}
.member-editor__form textarea{
min-height:90px}
.section-title.compact{
margin-top:26px}
.member-editor__lock{
display:flex;
gap:13px;
margin:20px 0;
padding:16px;
border-radius:13px;
background:#fff7df;
border:1px solid #efd692}
.member-editor__lock span{
font-size:24px;
color:#9b7417}
.member-editor__lock p{
margin:4px 0 0;
font-size:12px;
line-height:1.6}
.confirm-field{
max-width:520px;
margin-bottom:12px}


/* KYC trust page — clean, large and mobile friendly. */
.release-350 .kyc-shell{
max-width:1250px;
margin:0 auto;
grid-template-columns:1fr 1.05fr;
gap:24px;
padding:35px}
.release-350 .kyc-shell>section:first-child{
padding:42px;
border-radius:24px;
background:radial-gradient(circle at 85% 15%,rgba(223,178,59,.28),transparent 25%),linear-gradient(145deg,#04352a,#0b6a50);
color:#fff}
.release-350 .kyc-shell>section:first-child h1{
font-size:clamp(38px,5vw,65px);
line-height:1}
.release-350 .kyc-shell>section:first-child em{
color:#f1c75e}
.release-350 .kyc-shell>section:first-child>p{
color:#d9eae3;
line-height:1.75}
.release-350 .kyc-shell .login-card{
padding:34px;
border-radius:24px;
border:1px solid var(--alp-line);
box-shadow:var(--alp-shadow)}
.release-350 .kyc-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px}
.release-350 .kyc-form label{
display:grid;
gap:6px;
font-weight:800;
font-size:12px}
.release-350 .kyc-form label:nth-of-type(4),.release-350 .kyc-form label:nth-of-type(5),.release-350 .kyc-form .terms-check,.release-350 .kyc-form buttone{
grid-column:1/-1}
.release-350 .kyc-form input{
padding:14px;
border-radius:10px;
border:1px solid var(--alp-line)}
.release-350 .kyc-form .btn{
grid-column:1/-1}


@media(max-width:1180px){
.vip-command{
width:min(330px,30vw)}
.territory-rank{
grid-template-columns:repeat(2,1fr)}
.executive-intelligence{
grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
.portal-topbar .vip-command{
order:5;
width:100%}
.portal-topbar{
flex-wrap:wrap;
height:auto!important;
padding-block:10px!important}
.executive-intelligence,.india-intelligence__workspace,.vault-branches{
grid-template-columns:1fr}
.india-intelligence__map-shell{
border-right:0;
border-bottom:1px solid var(--alp-line)}
.leader-vault__hero,.member-editor__hero,.vault-builder{
flex-direction:column;
align-items:stretch}
.leader-vault__metrics{
grid-template-columns:1fr 1fr}
.release-350 .one-level-flow{
grid-template-columns:1fr!important}
.release-350 .one-level-flow:before,.release-350 .one-level-root:after{
display:none}
.release-350 .one-level-group.group-unplaced{
grid-column:auto}
.site-header .vip-command{
display:none}
}

@media(max-width:640px){
.executive-intelligence{
grid-template-columns:1fr}
.intelligence-ring{
grid-template-columns:1fr}
.intelligence-ring svg{
max-width:210px;
margin:auto}
.india-intelligence__head{
align-items:flex-start;
flex-direction:column}
.india-intelligence__totals{
justify-content:flex-start}
.india-map-canvas{
height:360px}
.india-intelligence__detail{
padding:24px}
.territory-rank{
grid-template-columns:1fr}
.leader-vault__hero,.member-editor__hero{
padding:26px}
.leader-vault__metrics,.member-editor__form .form-grid,.release-350 .kyc-form{
grid-template-columns:1fr}
.member-editor__form .wide{
grid-column:auto}
.release-350 .kyc-shell{
grid-template-columns:1fr;
padding:16px}
.release-350 .kyc-form label:nth-of-type(4),.release-350 .kyc-form label:nth-of-type(5),.release-350 .kyc-form .terms-check{
grid-column:auto}
}



/* Source: alpline36.css */
/* Alpline 3.6 — compact branch explorer and launch hardening. */
.release-360 .network-page{
width:min(100%,1380px);
margin:0 auto}

.release-360 .placement-branch-explorer{
margin:22px 0;
padding:24px;
border:1px solid var(--alp-line);
border-radius:22px;
background:linear-gradient(145deg,#fff,#f1f7f4);
box-shadow:0 18px 48px rgba(5,49,38,.08);
overflow:hidden}

.release-360 .branch-explorer-title{
display:flex;
justify-content:space-between;
align-items:flex-end;
gap:24px;
margin-bottom:12px}
.release-360 .branch-explorer-title h2{
margin:5px 0 3px;
font-size:clamp(25px,3vw,38px)}
.release-360 .branch-explorer-title p{
max-width:780px;
margin:0;
color:#62736c;
line-height:1.6}

.release-360 .branch-id-search{
display:flex;
align-items:flex-end;
gap:8px;
min-width:340px}
.release-360 .branch-id-search label{
display:grid;
gap:5px;
flex:1;
color:#6c7e76;
font-size:9px;
font-weight:900;
letter-spacing:.12em}
.release-360 .branch-id-search input{
height:42px;
padding:0 12px;
border:1px solid var(--alp-line);
border-radius:10px;
background:#fff;
font:800 13px var(--theme-font);
text-transform:uppercase}
.release-360 .branch-id-search button{
height:42px;
padding:0 17px;
border:0;
border-radius:10px;
background:var(--alp-deep);
color:#fff;
font-weight:900}

.release-360 .branch-toolbar{
display:flex;
gap:8px;
flex-wrap:wrap;
margin:13px 0 18px}
.release-360 .branch-toolbar a{
padding:8px 11px;
border:1px solid var(--alp-line);
border-radius:9px;
background:#fff;
color:var(--alp-deep);
font-size:10px;
font-weight:900;
text-decoration:none}

.release-360 .branch-selected-member{
position:relative;
z-index:2;
width:min(480px,96%);
margin:0 auto;
display:grid;
grid-template-columns:48px 1fr auto;
align-items:center;
gap:12px;
padding:15px 17px;
border:1px solid color-mix(in srgb,var(--alp-gold) 70%,#fff);
border-radius:14px;
background:#fff;
box-shadow:0 12px 30px rgba(5,49,38,.11)}
.release-360 .branch-selected-member>.member-avatar{
width:46px!important;
height:46px!important}
.release-360 .branch-selected-member>span:nth-child(2){
display:grid;
gap:2px}
.release-360 .branch-selected-member small{
font-size:9px;
color:#6c7d76;
font-weight:900;
letter-spacing:.08em}
.release-360 .branch-selected-member strong{
font-size:15px}
.release-360 .branch-selected-member b{
font-size:12px;
color:var(--alp-deep)}
.release-360 .branch-selected-status{
display:grid;
text-align:right;
gap:6px}
.release-360 .branch-selected-status em{
justify-self:end;
padding:5px 8px;
border-radius:7px;
background:#d9f3e7;
color:#07734f;
font:900 9px var(--theme-font);
font-style:normal}

.release-360 .branch-split-line{
position:relative;
width:50%;
height:27px;
margin:0 auto;
border-left:1px solid #7c9d91;
border-right:1px solid #7c9d91;
border-bottom:1px solid #7c9d91}
.release-360 .branch-split-line:before{
content:"";
position:absolute;
left:50%;
top:0;
height:13px;
border-left:1px solid #7c9d91}

.release-360 .placement-branch-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px}
.release-360 .placement-branch-panel{
min-width:0;
border:1px solid var(--alp-line);
border-radius:15px;
background:#fff;
overflow:hidden}
.release-360 .placement-branch-panel>header{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:13px 15px;
background:linear-gradient(100deg,#073f30,#155b47);
color:#fff;
border-top:3px solid var(--alp-gold)}
.release-360 .placement-branch-panel>header div{
display:flex;
align-items:baseline;
gap:8px}
.release-360 .placement-branch-panel>header small{
color:#f2c960;
font-size:10px;
font-weight:900;
letter-spacing:.11em}
.release-360 .placement-branch-panel>header strong{
font-size:14px;
letter-spacing:.05em}
.release-360 .placement-branch-panel>header span{
font-size:9px;
color:#d8e8e1}
.release-360 .placement-branch-panel>footer{
padding:9px 12px;
background:#fff8e6;
color:#775d1e;
font-size:9px}

.release-360 .placement-branch-list{
height:355px;
padding:8px;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:var(--alp-gold) #e9f0ed}
.release-360 .placement-branch-list::-webkit-scrollbar{
width:8px}
.release-360 .placement-branch-list::-webkit-scrollbar-track{
background:#e9f0ed}
.release-360 .placement-branch-list::-webkit-scrollbar-thumb{
background:var(--alp-gold);
border-radius:10px}

.release-360 .placement-branch-row{
position:relative;
display:grid;
grid-template-columns:26px 35px minmax(105px,1fr) 48px 68px auto 45px;
gap:8px;
align-items:center;
padding:9px 7px;
border-bottom:1px solid #e6eeea;
color:var(--alp-ink);
text-decoration:none}
.release-360 .placement-branch-row:hover,.release-360 .placement-branch-row:focus{
z-index:5;
background:#f0f7f3}
.release-360 .placement-branch-row>.member-avatar{
width:33px!important;
height:33px!important;
font-size:11px!important}
.release-360 .branch-sequence{
font-size:9px;
color:#87958f}
.release-360 .branch-member-name{
min-width:0;
display:grid;
gap:2px}
.release-360 .branch-member-name strong{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:11px}
.release-360 .branch-member-name b{
font-size:9px;
color:#416258}
.release-360 .branch-level,.release-360 .branch-bv{
display:grid;
gap:2px;
font-size:10px;
font-weight:900}
.release-360 .branch-level small,.release-360 .branch-bv small{
font-size:7px;
color:#83918c}
.release-360 .placement-branch-row>.status{
padding:4px 6px!important;
font-size:7px!important}
.release-360 .placement-branch-row>em{
font:900 8px var(--theme-font);
font-style:normal;
color:#a47b16}
.release-360 .placement-branch-row .member-business-popover{
position:absolute;
right:6px;
top:calc(100% - 2px);
z-index:50;
width:260px;
padding:13px;
border-radius:12px;
background:#052f25;
color:#fff;
box-shadow:0 18px 34px rgba(0,0,0,.24);
opacity:0;
visibility:hidden;
transform:translateY(-5px);
transition:.18s}
.release-360 .placement-branch-row:hover .member-business-popover,.release-360 .placement-branch-row:focus .member-business-popover{
opacity:1;
visibility:visible;
transform:none}
.release-360 .placement-branch-row .member-business-popover>strong{
display:block;
color:#f2c960;
font-size:10px;
letter-spacing:.1em;
margin-bottom:8px}
.release-360 .placement-branch-row .member-business-popover>span{
display:flex;
justify-content:space-between;
padding:4px 0;
font-size:10px}
.release-360 .placement-branch-row .member-business-popover small{
display:block;
margin-top:7px;
color:#cce1d8}

.release-360 .branch-empty{
height:100%;
display:grid;
place-content:center;
text-align:center;
gap:5px;
color:#75847e}
.release-360 .branch-empty b{
color:var(--alp-deep)}

.release-360 .one-level-genealogy{
margin-top:18px!important}
.release-360 .one-level-genealogy .one-level-root{
margin-top:14px!important}
.release-360 .pending-placement-strip{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
margin:18px 0;
padding:18px 22px;
border:1px solid #efd28c;
border-radius:15px;
background:#fff7df}
.release-360 .pending-placement-strip h2{
margin:3px 0;
font-size:18px}
.release-360 .pending-placement-strip>div:last-child{
display:flex;
max-width:65%;
gap:7px;
overflow-x:auto}
.release-360 .pending-placement-strip span,.release-360 .pending-placement-strip a{
flex:none;
padding:7px 9px;
border-radius:8px;
background:#fff;
color:#59481e;
font-size:9px;
text-decoration:none}

@media(max-width:1080px){
.release-360 .branch-explorer-title{
align-items:stretch;
flex-direction:column}
.release-360 .branch-id-search{
min-width:0;
width:100%}
.release-360 .placement-branch-row{
grid-template-columns:24px 34px 1fr 45px auto}
.release-360 .branch-bv,.release-360 .placement-branch-row>.status{
display:none}
}

@media(max-width:780px){
.release-360 .placement-branch-grid{
grid-template-columns:1fr}
.release-360 .branch-split-line{
display:none}
.release-360 .placement-branch-list{
height:320px}
.release-360 .branch-selected-member{
grid-template-columns:42px 1fr}
.release-360 .branch-selected-status{
grid-column:1/-1;
text-align:left}
.release-360 .branch-selected-status em{
justify-self:start}
.release-360 .pending-placement-strip{
align-items:flex-start;
flex-direction:column}
.release-360 .pending-placement-strip>div:last-child{
max-width:100%}
}


/* Complete zero-write income simulation. */
.release-360 .income-lab-page{
width:min(100%,1380px);
margin:auto}
.release-360 .income-lab-page .lab-hero{
min-height:310px;
padding:40px}
.release-360 .income-lab-page .lab-orb{
width:205px;
height:205px}
.release-360 .income-lab-page .lab-console{
grid-template-columns:1fr}
.release-360 .income-lab-page .lab-console form{
grid-template-columns:1.35fr 1fr repeat(3,.72fr) auto}
.release-360 .income-lab-page .lab-console select,.release-360 .income-lab-page .lab-console input{
width:100%;
min-height:47px;
padding:10px;
border:1px solid #b9cdc3;
border-radius:9px;
background:#fff;
font:700 12px var(--theme-font)}
.release-360 .income-lab-page .lab-lock{
justify-content:flex-end}
.release-360 .income-lab-page .lab-identity{
grid-template-columns:repeat(3,1fr)}
.release-360 .lab-method>div:last-child{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:10px}
.release-360 .lab-method article{
display:grid;
gap:6px;
padding:15px;
border:1px solid var(--alp-line);
border-radius:12px;
background:#f7fbf9}
.release-360 .lab-method article>b{
color:var(--alp-gold);
font-size:20px}
.release-360 .lab-method article>strong{
color:var(--alp-deep)}
.release-360 .lab-method article>span{
color:#667970;
font-size:10px;
line-height:1.5}
.release-360 .lab-ledger tr.reserve{
background:#fff9e9}
.release-360 .lab-ledger tr.blocked{
background:#fff3ed}
.release-360 .lab-ledger td:last-child small{
display:block;
color:#a25d33;
font-weight:800}

@media(max-width:1180px){
.release-360 .income-lab-page .lab-console form{
grid-template-columns:repeat(3,1fr)}
.release-360 .lab-method>div:last-child{
grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
.release-360 .income-lab-page .lab-console form,.release-360 .income-lab-page .lab-identity,.release-360 .lab-method>div:last-child{
grid-template-columns:1fr}
.release-360 .income-lab-page .lab-hero{
padding:28px 22px}
}



/* Source: alpline37.css */
/* Alpline 3.7 — premium compact genealogy, visual reporting and launch polish. */
.release-370{
--r37-ink:#082d24;
--r37-green:#07523e;
--r37-green-2:#147457;
--r37-gold:#e4b83f;
--r37-gold-soft:#fff3c9;
--r37-mint:#eaf5f0;
--r37-line:#ccddd5;
--r37-shadow:0 18px 48px rgba(3,48,37,.10)}

.release-370 .portal-content{
background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--ap-gold) 9%,transparent),transparent 28%),linear-gradient(145deg,#f8fbfa,#edf5f1)}

.release-370 .network-page{
width:min(100%,1420px);
margin:auto}
.release-370 .network-head,.release-370 .seller-hero,.release-370 .admin-console-head{
box-shadow:0 24px 60px rgba(2,44,34,.16)}


/* One shared genealogy surface for member and administration. */
.release-370 .genealogy-command{
margin:22px 0;
padding:clamp(18px,2.2vw,30px);
border:1px solid var(--r37-line);
border-radius:24px;
background:linear-gradient(145deg,#fff 0%,#f3f9f6 70%,#edf7f2 100%);
box-shadow:var(--r37-shadow);
overflow:hidden}

.release-370 .genealogy-command__head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:28px}
.release-370 .genealogy-command__head>div{
max-width:790px}
.release-370 .genealogy-command__head h2{
margin:5px 0 6px;
color:var(--r37-ink);
font-size:clamp(26px,3vw,42px);
letter-spacing:-.045em}
.release-370 .genealogy-command__head p:last-child{
margin:0;
color:#61756c;
line-height:1.65}

.release-370 .genealogy-command__search{
width:min(100%,350px)}
.release-370 .genealogy-command__search label{
display:grid;
gap:7px;
color:#63766e;
font-size:10px;
font-weight:900;
letter-spacing:.12em}
.release-370 .genealogy-command__search label>span{
display:grid;
grid-template-columns:1fr auto;
padding:4px;
border:1px solid #b9cfc5;
border-radius:13px;
background:#fff;
box-shadow:0 8px 20px rgba(4,56,43,.06)}
.release-370 .genealogy-command__search input{
min-width:0;
height:42px;
padding:0 12px;
border:0;
outline:0;
background:transparent;
color:var(--r37-ink);
font:800 14px var(--theme-font);
text-transform:uppercase}
.release-370 .genealogy-command__search button{
border:0;
border-radius:9px;
padding:0 17px;
background:var(--r37-ink);
color:#fff;
font-weight:900;
cursor:pointer}

.release-370 .genealogy-command__nav{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin:15px 0 20px}
.release-370 .genealogy-command__nav a,.release-370 .genealogy-command__nav span{
padding:8px 11px;
border:1px solid var(--r37-line);
border-radius:9px;
background:#fff;
color:var(--r37-ink);
font-size:9px;
font-weight:900;
letter-spacing:.04em;
text-decoration:none}
.release-370 .genealogy-command__nav a:hover{
border-color:var(--r37-gold);
background:var(--r37-gold-soft)}
.release-370 .genealogy-command__nav span{
margin-left:auto;
border:0;
background:transparent;
color:#739087}

.release-370 .genealogy-command__root{
position:relative;
z-index:2;
width:min(510px,95%);
margin:auto;
display:grid;
grid-template-columns:58px 1fr auto;
align-items:center;
gap:14px;
padding:17px 19px;
border:1px solid color-mix(in srgb,var(--r37-gold) 78%,#fff);
border-radius:17px;
background:linear-gradient(130deg,#fff,#fff9e8);
box-shadow:0 15px 34px rgba(4,48,37,.13)}

.release-370 .genealogy-avatar{
display:grid;
place-items:center;
width:54px;
height:54px;
border:4px solid #fff;
border-radius:50%;
background:linear-gradient(145deg,#f9d568,#d9a526);
box-shadow:0 0 0 1px #e3bd51;
color:#102d25;
font-size:20px;
font-weight:950}
.release-370 .genealogy-avatar.small{
width:38px;
height:38px;
border-width:3px;
font-size:13px}

.release-370 .genealogy-command__identity{
display:grid;
gap:2px;
min-width:0}
.release-370 .genealogy-command__identity small{
color:#74857e;
font-size:9px;
font-weight:900;
letter-spacing:.13em}
.release-370 .genealogy-command__identity strong{
overflow:hidden;
color:#101f1a;
font-size:17px;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .genealogy-command__identity b{
color:var(--r37-green);
font-size:13px;
letter-spacing:.025em}
.release-370 .genealogy-command__status{
display:grid;
justify-items:end;
gap:8px}
.release-370 .genealogy-command__status small{
color:#64776f;
font-size:10px;
font-weight:800}

.release-370 .genealogy-command__connector{
position:relative;
width:50%;
height:28px;
margin:auto;
border-right:1px solid #7ba092;
border-bottom:1px solid #7ba092;
border-left:1px solid #7ba092}
.release-370 .genealogy-command__connector i{
position:absolute;
left:50%;
top:0;
height:14px;
border-left:1px solid #7ba092}

.release-370 .genealogy-command__branches{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:18px}
.release-370 .genealogy-branch{
min-width:0;
border:1px solid var(--r37-line);
border-radius:17px;
background:#fff;
box-shadow:0 12px 30px rgba(5,51,40,.06);
overflow:hidden}
.release-370 .genealogy-branch__head{
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 16px;
background:linear-gradient(110deg,var(--r37-ink),var(--r37-green-2));
color:#fff;
border-top:3px solid var(--r37-gold)}
.release-370 .genealogy-branch__head>span{
display:flex;
align-items:baseline;
gap:8px}
.release-370 .genealogy-branch__head small{
color:#f6cf62;
font-size:10px;
font-weight:950;
letter-spacing:.12em}
.release-370 .genealogy-branch__head strong{
font-size:14px;
letter-spacing:.06em}
.release-370 .genealogy-branch__head>b{
font-size:20px}
.release-370 .genealogy-branch__head>b small{
margin-left:3px;
color:#cfe3da;
font-size:8px}

.release-370 .genealogy-branch__metrics{
display:grid;
grid-template-columns:repeat(4,1fr);
border-bottom:1px solid #e1ebe6;
background:#f7fbf9}
.release-370 .genealogy-branch__metrics span{
display:grid;
gap:2px;
padding:10px 8px;
text-align:center;
border-right:1px solid #e1ebe6}
.release-370 .genealogy-branch__metrics span:last-child{
border:0}
.release-370 .genealogy-branch__metrics small{
color:#7a8d84;
font-size:7px;
font-weight:900;
letter-spacing:.08em}
.release-370 .genealogy-branch__metrics b{
color:var(--r37-ink);
font-size:12px}

.release-370 .genealogy-branch__filter{
display:grid;
grid-template-columns:auto 1fr auto;
align-items:center;
gap:8px;
margin:10px 10px 3px;
padding:0 10px;
border:1px solid #d4e2dc;
border-radius:10px;
background:#f8fbfa;
color:var(--r37-green);
font-size:17px}
.release-370 .genealogy-branch__filter input{
min-width:0;
height:38px;
border:0;
outline:0;
background:transparent;
color:#203a31;
font:700 11px var(--theme-font)}
.release-370 .genealogy-branch__filter>span{
color:#84958e;
font-size:9px}
.release-370 .genealogy-branch__filter>span b{
color:var(--r37-green)}

.release-370 .genealogy-branch__list{
max-height:375px;
padding:5px 9px 8px;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:var(--r37-gold) #edf3f0}
.release-370 .genealogy-branch__list.is-empty{
height:140px}
.release-370 .genealogy-branch__list::-webkit-scrollbar{
width:7px}
.release-370 .genealogy-branch__list::-webkit-scrollbar-thumb{
border-radius:8px;
background:var(--r37-gold)}

.release-370 .genealogy-command [hidden]{
display:none!important}

.release-370 .genealogy-member-row{
position:relative;
display:grid;
grid-template-columns:26px 40px minmax(110px,1fr) 44px 72px auto 48px;
align-items:center;
gap:8px;
padding:9px 5px;
border-bottom:1px solid #e7efeb;
color:var(--r37-ink);
text-decoration:none}
.release-370 .genealogy-member-row:hover,.release-370 .genealogy-member-row:focus{
z-index:3;
border-radius:9px;
background:#edf7f2;
outline:none}
.release-370 .genealogy-member-row__number{
color:#899a93;
font-size:9px}
.release-370 .genealogy-member-row__identity{
display:grid;
gap:2px;
min-width:0}
.release-370 .genealogy-member-row__identity strong{
overflow:hidden;
font-size:11px;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .genealogy-member-row__identity>b{
color:#3b6456;
font-size:9px}
.release-370 .genealogy-member-row__metric{
display:grid;
gap:2px}
.release-370 .genealogy-member-row__metric small{
color:#84948e;
font-size:7px;
font-weight:900}
.release-370 .genealogy-member-row__metric b{
font-size:10px}
.release-370 .genealogy-member-row>.status{
padding:4px 6px!important;
font-size:7px!important}
.release-370 .genealogy-member-row>em{
color:#9a7110;
font-size:8px;
font-style:normal;
font-weight:950}

.release-370 .genealogy-business-card{
display:none;
grid-column:1/-1;
grid-template-columns:1fr 1fr;
gap:5px 16px;
margin:5px 0 2px;
padding:13px 15px;
border-radius:11px;
background:linear-gradient(125deg,#062f25,#114e3d);
color:#fff;
box-shadow:0 14px 28px rgba(3,43,33,.18)}
.release-370 .genealogy-member-row:hover>.genealogy-business-card,.release-370 .genealogy-member-row:focus>.genealogy-business-card,.release-370 .genealogy-node:hover>.genealogy-business-card,.release-370 .genealogy-node:focus>.genealogy-business-card{
display:grid}
.release-370 .genealogy-business-card>small,.release-370 .genealogy-business-card>strong,.release-370 .genealogy-business-card>b,.release-370 .genealogy-business-card>em{
grid-column:1/-1}
.release-370 .genealogy-business-card>small{
color:#f3ca5e;
font-size:8px;
font-weight:900;
letter-spacing:.1em}
.release-370 .genealogy-business-card>strong{
font-size:12px}
.release-370 .genealogy-business-card>b{
color:#cde4da;
font-size:9px}
.release-370 .genealogy-business-card>span{
display:flex;
justify-content:space-between;
gap:7px;
padding:4px 0;
border-bottom:1px solid rgba(255,255,255,.1);
font-size:9px}
.release-370 .genealogy-business-card i{
font-style:normal;
color:#c7dbd3}
.release-370 .genealogy-business-card>em{
padding-top:3px;
color:#c7dbd3;
font-size:8px;
font-style:normal}

.release-370 .genealogy-branch__empty{
height:100%;
display:grid;
place-content:center;
justify-items:center;
gap:5px;
padding:15px;
color:#71877e;
text-align:center}
.release-370 .genealogy-branch__empty i{
display:grid;
place-items:center;
width:38px;
height:38px;
border:1px dashed #aac2b8;
border-radius:50%;
font-style:normal}
.release-370 .genealogy-branch__empty b{
color:var(--r37-ink)}
.release-370 .genealogy-branch__empty span{
font-size:10px}
.release-370 .genealogy-branch__no-match{
padding:25px 12px;
color:#7a8c84;
text-align:center;
font-size:10px}
.release-370 .genealogy-branch>footer{
display:flex;
justify-content:space-between;
padding:8px 13px;
border-top:1px solid #e1ebe6;
background:#f8fbfa;
color:#73867d;
font-size:8px}
.release-370 .genealogy-branch>footer b{
color:var(--r37-green)}

.release-370 .genealogy-visual{
margin-top:22px;
padding:19px;
border:1px solid var(--r37-line);
border-radius:18px;
background:linear-gradient(145deg,#fff,#f5faf8)}
.release-370 .genealogy-visual>header{
display:flex;
align-items:end;
justify-content:space-between;
gap:16px}
.release-370 .genealogy-visual>header h3{
margin:3px 0;
color:var(--r37-ink);
font-size:clamp(18px,2vw,26px)}
.release-370 .genealogy-visual>header>span{
padding:7px 10px;
border-radius:8px;
background:var(--r37-mint);
color:var(--r37-green);
font-size:9px;
font-weight:900}
.release-370 .genealogy-visual__root{
position:relative;
z-index:2;
width:min(360px,92%);
margin:18px auto 0;
display:grid;
grid-template-columns:48px 1fr auto;
align-items:center;
gap:11px;
padding:12px 14px;
border:1px solid #d7b34d;
border-radius:14px;
background:#fff;
box-shadow:0 12px 25px rgba(4,47,36,.10)}
.release-370 .genealogy-visual__root .genealogy-avatar{
width:46px;
height:46px;
font-size:15px}
.release-370 .genealogy-visual__root>span:nth-child(2){
display:grid;
gap:1px}
.release-370 .genealogy-visual__root small{
color:#788b82;
font-size:7px;
font-weight:900}
.release-370 .genealogy-visual__root strong{
font-size:12px}
.release-370 .genealogy-visual__root b{
color:var(--r37-green);
font-size:10px}
.release-370 .genealogy-visual__root em{
padding:4px 6px;
border-radius:6px;
background:#dcf4e8;
color:#087451;
font-size:7px;
font-style:normal;
font-weight:900}

.release-370 .genealogy-visual__line{
width:50%;
height:24px;
margin:auto;
border-right:1px solid #83a398;
border-bottom:1px solid #83a398;
border-left:1px solid #83a398}
.release-370 .genealogy-visual__groups{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px}
.release-370 .genealogy-visual__group{
min-width:0;
border:1px solid #d6e4de;
border-radius:13px;
background:#fff;
overflow:visible}
.release-370 .genealogy-visual__group>header{
display:flex;
justify-content:space-between;
padding:10px 12px;
border-bottom:1px solid #dfebe6;
color:var(--r37-green);
font-size:9px;
font-weight:950}
.release-370 .genealogy-visual__group>div{
display:flex;
gap:9px;
min-height:94px;
padding:10px;
overflow-x:auto;
scrollbar-width:thin;
scrollbar-color:var(--r37-gold) #edf3f0}
.release-370 .genealogy-node{
position:relative;
flex:0 0 235px;
display:grid;
grid-template-columns:40px 1fr auto;
align-items:center;
gap:9px;
padding:10px;
border:1px solid #dce8e3;
border-radius:11px;
background:#fbfdfc;
color:var(--r37-ink);
text-decoration:none}
.release-370 .genealogy-node>span:nth-child(2){
display:grid;
gap:2px;
min-width:0}
.release-370 .genealogy-node strong{
overflow:hidden;
font-size:10px;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .genealogy-node b{
font-size:9px}
.release-370 .genealogy-node small{
color:#7c8e86;
font-size:8px}
.release-370 .genealogy-node>em{
color:#a77c13;
font-size:13px;
font-style:normal}
.release-370 .genealogy-node.is-open{
border-style:dashed;
color:#75877f}
.release-370 .genealogy-node.is-open>i{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:50%;
background:#eef4f1;
font-style:normal}
.release-370 .genealogy-node>.genealogy-business-card{
grid-column:1/-1;
min-width:210px}


/* 3.7.1 genealogy clarity: senior-led compact lists plus a classic one-level A/B tree. */
.release-370 .genealogy-command{
width:min(100%,1180px);
margin:22px auto;
padding:24px}

.release-370 .genealogy-command__head{
align-items:center}
.release-370 .genealogy-command__head>div{
max-width:680px}
.release-370 .genealogy-command__head h2{
font-size:clamp(26px,2.5vw,36px)}

.release-370 .genealogy-command__search{
width:min(100%,430px);
display:grid;
grid-template-columns:138px minmax(0,1fr);
align-items:end;
gap:10px}
.release-370 .genealogy-command__depth select{
width:100%;
height:52px;
padding:0 11px;
border:1px solid #b9cfc5;
border-radius:13px;
outline:0;
background:#fff;
color:var(--r37-ink);
font:850 12px var(--theme-font);
box-shadow:0 8px 20px rgba(4,56,43,.06);
cursor:pointer}
.release-370 .genealogy-command__depth select:focus{
border-color:var(--r37-gold);
box-shadow:0 0 0 3px rgba(228,184,63,.16)}

.release-370 .genealogy-command__root{
width:min(470px,94%);
padding:14px 17px}
.release-370 .genealogy-command__connector{
width:48%;
height:23px}
.release-370 .genealogy-command__branches{
width:min(100%,1080px);
margin:auto;
gap:16px}
.release-370 .genealogy-branch__head{
padding:12px 14px}
.release-370 .genealogy-branch__head>span{
min-width:0}
.release-370 .genealogy-branch__head strong{
max-width:245px;
overflow:hidden;
font-size:10px;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .genealogy-branch__head>b{
font-size:17px}
.release-370 .genealogy-branch__list{
max-height:330px}
.release-370 .genealogy-member-row{
padding:8px 5px}
.release-370 .genealogy-member-row__identity strong{
font-size:12px}
.release-370 .genealogy-member-row__identity>b{
font-size:10px}
.release-370 .genealogy-branch__filter i{
font-style:normal}

.release-370 .genealogy-visual{
width:min(100%,980px);
margin:22px auto 0;
padding:20px;
background-color:#fff;
background-image:linear-gradient(#edf3f0 1px,transparent 1px),linear-gradient(90deg,#edf3f0 1px,transparent 1px);
background-size:34px 34px;
overflow:visible}
.release-370 .genealogy-visual>header{
padding:0 3px 12px}
.release-370 .genealogy-visual__tree{
width:min(100%,850px);
margin:auto;
padding:5px 28px 20px}
.release-370 .genealogy-visual__root{
width:min(390px,94%);
margin:12px auto 0;
padding:15px 17px;
border-color:#d8ae37;
background:linear-gradient(135deg,#0a3b2e,#205f49);
color:#fff;
box-shadow:0 17px 35px rgba(4,47,36,.18)}
.release-370 .genealogy-visual__root small{
color:#e8c860}
.release-370 .genealogy-visual__root strong{
color:#fff;
font-size:14px}
.release-370 .genealogy-visual__root b{
color:#f6d56b;
font-size:11px}
.release-370 .genealogy-visual__root em{
background:#e4f6ec;
color:#087451}

.release-370 .genealogy-visual__line{
position:relative;
width:54%;
height:36px;
border:0;
border-bottom:1px solid #699486}
.release-370 .genealogy-visual__line i{
position:absolute;
left:50%;
top:0;
bottom:0;
border-left:1px solid #699486}
.release-370 .genealogy-visual__groups{
gap:28px}
.release-370 .genealogy-visual__group{
position:relative;
width:min(100%,310px);
justify-self:center;
border:1px solid #cbded6;
border-top:3px solid var(--r37-gold);
border-radius:15px;
background:rgba(255,255,255,.97);
box-shadow:0 13px 28px rgba(4,48,37,.08)}
.release-370 .genealogy-visual__group:before{
content:'';
position:absolute;
left:50%;
top:-17px;
height:16px;
border-left:1px solid #699486}
.release-370 .genealogy-visual__group>header{
align-items:center;
padding:10px 12px;
background:#f4f9f6}
.release-370 .genealogy-visual__group>header span{
color:#a17612;
letter-spacing:.12em}
.release-370 .genealogy-visual__group>header b{
color:#6e8179;
font-size:7px}
.release-370 .genealogy-visual__group>div{
display:block;
min-height:126px;
padding:12px;
overflow:visible}
.release-370 .genealogy-visual .genealogy-node{
width:100%;
min-height:100px;
display:grid;
grid-template-columns:46px minmax(0,1fr) auto;
gap:11px;
padding:13px;
border-color:#d5e4dd;
border-radius:12px;
background:linear-gradient(145deg,#fff,#f5faf7);
box-shadow:0 9px 20px rgba(5,52,40,.06)}
.release-370 .genealogy-visual .genealogy-node .genealogy-avatar{
width:44px;
height:44px}
.release-370 .genealogy-visual .genealogy-node strong{
font-size:13px}
.release-370 .genealogy-visual .genealogy-node b{
color:var(--r37-green);
font-size:10px}
.release-370 .genealogy-visual .genealogy-node small:first-child{
color:#ae8115;
font-weight:950;
letter-spacing:.09em}
.release-370 .genealogy-visual .genealogy-node>em{
font-size:8px;
font-weight:950}
.release-370 .genealogy-visual .genealogy-node.is-open{
display:grid;
grid-template-columns:46px 1fr;
place-content:center;
border:1px dashed #abc2b8;
background:#f8fbfa}
.release-370 .genealogy-visual .genealogy-node.is-open>i{
width:44px;
height:44px}
.release-370 .genealogy-visual .genealogy-business-card{
position:absolute;
z-index:10;
top:calc(100% + 7px);
left:0;
width:100%;
min-width:0}
.release-370 .genealogy-visual__extra{
display:block;
margin-top:8px;
color:#74877f;
font-size:8px;
text-align:center}


/* Complete one-level genealogy: every immediate placement renders in a compact scroll lane. */
.release-370 .genealogy-visual{
width:min(100%,1040px);
background:#fff;
background-image:none;
overflow:hidden}
.release-370 .genealogy-visual>header{
align-items:center}
.release-370 .genealogy-visual>header>div{
max-width:680px}
.release-370 .genealogy-visual>header p:last-child{
margin:4px 0 0;
color:#6f8179;
font-size:10px;
line-height:1.5}
.release-370 .genealogy-visual__tree{
width:min(100%,920px)}

.release-370 .genealogy-visual__groups{
align-items:start}
.release-370 .genealogy-visual__group{
width:100%;
max-width:none;
background:#fff;
overflow:hidden}
.release-370 .genealogy-visual__group>header b{
font-size:8px}
.release-370 .genealogy-visual__group>div.genealogy-visual__lane{
display:grid;
align-content:start;
gap:9px;
min-height:128px;
max-height:326px;
padding:11px;
overflow-x:hidden;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:var(--r37-gold) #edf3f0}
.release-370 .genealogy-visual__lane::-webkit-scrollbar{
width:7px}
.release-370 .genealogy-visual__lane::-webkit-scrollbar-track{
background:#edf3f0}
.release-370 .genealogy-visual__lane::-webkit-scrollbar-thumb{
border-radius:10px;
background:var(--r37-gold)}
.release-370 .genealogy-visual__lane.is-empty{
place-content:center}
.release-370 .genealogy-visual .genealogy-node{
width:100%;
min-height:88px;
background:#fff}
.release-370 .genealogy-visual .genealogy-node.is-open{
min-height:102px}
.release-370 .genealogy-visual__group>footer{
display:flex;
justify-content:space-between;
gap:12px;
padding:8px 12px;
border-top:1px solid #dfeae5;
background:#f7faf8;
color:#70837b;
font-size:8px}
.release-370 .genealogy-visual__group>footer b{
color:var(--r37-green);
letter-spacing:.06em}
.release-370 .genealogy-visual .genealogy-business-card{
position:static;
top:auto;
left:auto;
width:auto;
min-width:0}


/* Real placement reserve: compact, auditable and easy to assign later. */
.release-370 .leader-vault .vault-position-list{
max-height:520px;
border-radius:0 0 13px 13px;
scrollbar-width:thin;
scrollbar-color:var(--r37-gold) #edf3f0}
.release-370 .vault-position{
border-bottom:1px solid #e2ece7;
background:#fff}
.release-370 .vault-position:last-child{
border-bottom:0}
.release-370 .vault-position>summary{
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
align-items:center;
gap:11px;
padding:11px 13px;
list-style:none;
cursor:pointer;
transition:background .18s}
.release-370 .vault-position>summary::-webkit-details-marker{
display:none}
.release-370 .vault-position>summary:hover,.release-370 .vault-position[open]>summary{
background:#edf7f2}
.release-370 .vault-position>summary>i{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:50%;
background:var(--r37-gold-soft);
color:#8c670d;
font-size:9px;
font-style:normal;
font-weight:950}
.release-370 .vault-position>summary>span{
display:grid;
gap:2px;
min-width:0}
.release-370 .vault-position>summary>span b{
overflow:hidden;
color:var(--r37-ink);
font-size:12px;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .vault-position>summary>span small{
color:#668078;
font-size:9px;
font-weight:850}
.release-370 .vault-position>summary>em{
padding:5px 7px;
border-radius:7px;
background:#fff1cb;
color:#8a650b;
font-size:7px;
font-style:normal;
font-weight:950;
letter-spacing:.05em}
.release-370 .vault-position.claimed>summary>em{
background:#dff5e9;
color:#087451}

.release-370 .leader-vault{
width:min(100%,1400px);
margin:auto}
.release-370 .leader-vault__hero h1{
font-size:clamp(38px,4.5vw,64px)}
.release-370 .leader-vault__metrics article{
border-top:3px solid var(--r37-gold);
box-shadow:0 10px 24px rgba(4,48,37,.06)}
.release-370 .vault-position-list{
max-height:540px;
border-radius:0 0 13px 13px;
background:#f8fbfa;
scrollbar-width:thin;
scrollbar-color:var(--r37-gold) #edf3f0}
.release-370 .vault-position{
display:block;
border-bottom:1px solid #dfeae5;
background:#fff}
.release-370 .vault-position:last-child{
border-bottom:0}
.release-370 .vault-position>summary{
display:grid;
grid-template-columns:42px minmax(0,1fr) auto;
align-items:center;
gap:11px;
padding:11px 13px;
list-style:none;
cursor:pointer}
.release-370 .vault-position>summary::-webkit-details-marker{
display:none}
.release-370 .vault-position>summary:hover{
background:#eef7f2}
.release-370 .vault-position>summary>i{
display:grid;
place-items:center;
width:35px;
height:35px;
border-radius:9px;
background:var(--r37-mint);
color:var(--r37-green);
font-size:9px;
font-style:normal;
font-weight:950}
.release-370 .vault-position>summary>span{
display:grid;
gap:2px;
min-width:0}
.release-370 .vault-position>summary>span b{
overflow:hidden;
color:var(--r37-ink);
font-size:12px;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .vault-position>summary>span small{
color:#6f837a;
font-size:9px;
font-weight:800}
.release-370 .vault-position>summary>em{
padding:5px 7px;
border-radius:7px;
background:#fff1c9;
color:#8a650e;
font-size:7px;
font-style:normal;
font-weight:950;
letter-spacing:.05em}
.release-370 .vault-position.claimed>summary>em{
background:#ddf5e8;
color:#087451}
.release-370 .vault-position[open]>summary{
border-bottom:1px solid #dfeae5;
background:#f2f8f5}
.release-370 .vault-claim-form{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:11px;
padding:16px;
background:#fbfdfc}
.release-370 .vault-claim-form label{
display:grid;
gap:6px;
color:#566b62;
font-size:9px;
font-weight:900;
letter-spacing:.04em}
.release-370 .vault-claim-form input,.release-370 .vault-claim-form textarea{
width:100%;
padding:10px;
border:1px solid #c9dbd3;
border-radius:9px;
background:#fff;
color:var(--r37-ink);
font:700 12px var(--theme-font)}
.release-370 .vault-claim-form textarea{
min-height:76px;
resize:vertical}
.release-370 .vault-claim-form .wide{
grid-column:1/-1}


/* Dense executive dashboards inspired by the supplied reporting references. */
.release-370 .seller-command,.release-370 .admin-console,.release-370 .franchise-command{
width:min(100%,1480px);
margin:auto}
.release-370 .seller-kpis,.release-370 .admin-kpis{
gap:13px}
.release-370 .seller-kpis article,.release-370 .admin-kpis article{
border:1px solid #d5e3dd;
box-shadow:0 12px 25px rgba(4,48,37,.07);
transition:transform .18s,box-shadow .18s}
.release-370 .seller-kpis article:hover,.release-370 .admin-kpis article:hover{
transform:translateY(-3px);
box-shadow:0 18px 34px rgba(4,48,37,.12)}
.release-370 .executive-intelligence .control-card,.release-370 .command-panel{
border:1px solid #d4e2dc;
box-shadow:0 14px 34px rgba(4,48,37,.075)}
.release-370 .coverage-card .india-intelligence{
border-radius:16px;
background:linear-gradient(145deg,#fff,#f2f8f5)}


/* Franchise command centre. */
.release-370 .franchise-command{
padding:4px 0 30px}
.release-370 .franchise-hero{
display:grid;
grid-template-columns:1fr 320px;
gap:30px;
align-items:center;
min-height:280px;
padding:36px 42px;
border-radius:24px;
background:radial-gradient(circle at 85% 20%,rgba(230,190,76,.22),transparent 32%),linear-gradient(120deg,#062f25,#145a45);
color:#fff;
box-shadow:0 24px 55px rgba(3,44,34,.18)}
.release-370 .franchise-hero h1{
margin:7px 0;
font-size:clamp(38px,5vw,68px);
letter-spacing:-.055em}
.release-370 .franchise-hero p{
max-width:720px;
color:#d0e4db;
line-height:1.65}
.release-370 .franchise-hero__identity{
display:grid;
gap:8px;
padding:22px;
border:1px solid rgba(255,255,255,.17);
border-radius:17px;
background:rgba(2,30,23,.48)}
.release-370 .franchise-hero__identity small{
color:#edc95d;
font-size:9px;
font-weight:900;
letter-spacing:.12em}
.release-370 .franchise-hero__identity b{
font-size:25px}
.release-370 .franchise-hero__identity span{
justify-self:start}
.release-370 .franchise-kpis{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:12px;
margin:17px 0}
.release-370 .franchise-kpis article{
display:grid;
gap:5px;
padding:17px;
border:1px solid #d5e3dd;
border-radius:14px;
background:#fff;
box-shadow:0 10px 25px rgba(4,48,37,.06)}
.release-370 .franchise-kpis small{
color:#778a82;
font-size:8px;
font-weight:900;
letter-spacing:.08em}
.release-370 .franchise-kpis b{
color:var(--r37-ink);
font-size:23px}
.release-370 .franchise-kpis span{
color:#798b84;
font-size:9px}
.release-370 .franchise-intelligence{
display:grid;
grid-template-columns:1.4fr .85fr .75fr;
gap:15px}
.release-370 .franchise-stock-signal>div{
display:grid;
gap:9px;
margin:18px 0}
.release-370 .franchise-stock-signal>div span{
display:flex;
justify-content:space-between;
padding:10px;
border-radius:9px;
background:#f0f6f3}
.release-370 .franchise-stock-signal span small{
font-weight:800}
.release-370 .franchise-register{
margin-top:16px}
.release-370 .franchise-map-card{
margin-top:16px}
.release-370 .franchise-forms{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:16px}
.release-370 .franchise-forms>.control-card:only-child{
grid-column:1/-1}
.release-370 .franchise-command .journal-form{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px}
.release-370 .franchise-command .journal-form button{
align-self:end}
.release-370 .franchise-command .notice{
margin-top:12px}


/* Poster now reads as a formula, not merely decoration. */
.release-370 .career-poster{
box-shadow:0 28px 80px rgba(3,43,33,.18)}
.release-370 .poster-matching-story{
display:grid;
grid-template-columns:1.35fr .65fr;
gap:16px;
padding:22px 26px;
background:linear-gradient(130deg,#eef8f3,#fff9e8)}
.release-370 .poster-formula-flow{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:7px;
margin-top:13px;
counter-reset:formula}
.release-370 .poster-formula-flow span{
position:relative;
display:grid;
align-content:start;
gap:5px;
min-height:102px;
padding:12px;
border:1px solid #d5e4dd;
border-radius:11px;
background:#fff}
.release-370 .poster-formula-flow span:not(:last-child):after{
content:'→';
position:absolute;
right:-10px;
top:40%;
z-index:2;
color:#b08315;
font-weight:950}
.release-370 .poster-formula-flow i{
color:#ae8115;
font-size:9px;
font-style:normal;
font-weight:950;
letter-spacing:.09em}
.release-370 .poster-formula-flow b{
color:var(--r37-ink);
font-size:11px}
.release-370 .poster-formula-flow small{
color:#6f8179;
font-size:8px;
line-height:1.45}
.release-370 .poster-matching-math{
display:grid;
align-content:center;
gap:7px;
padding:18px;
border-radius:15px;
background:linear-gradient(145deg,#073b2e,#145b45);
color:#fff}
.release-370 .poster-matching-math small{
color:#f0c75a;
font-weight:900;
letter-spacing:.1em}
.release-370 .poster-matching-math h3{
margin:0;
font-size:22px}
.release-370 .poster-matching-math div{
display:flex;
justify-content:space-between;
padding:8px 0;
border-bottom:1px solid rgba(255,255,255,.13)}
.release-370 .poster-matching-math>strong{
padding:10px;
border-radius:9px;
background:#f1c85a;
color:#143027;
text-align:center}
.release-370 .poster-matching-math p{
margin:0;
color:#cfe1d9;
font-size:9px;
line-height:1.5}


/* Public shell polish without exposing the unpublished plan. */
.release-370.public-body{
background:#f7faf8}
.release-370 .site-header{
box-shadow:0 12px 35px rgba(3,44,34,.10)}
.release-370 .main-header{
background:linear-gradient(100deg,rgba(255,255,255,.98),rgba(245,251,248,.98))}
.release-370 .primary-nav a{
position:relative}
.release-370 .primary-nav a:after{
content:'';
position:absolute;
left:50%;
right:50%;
bottom:-8px;
height:2px;
background:var(--ap-gold);
transition:.18s}
.release-370 .primary-nav a:hover:after,.release-370 .primary-nav a.active:after{
left:8px;
right:8px}
.release-370 .site-footer{
background:radial-gradient(circle at 90% 5%,rgba(226,183,61,.16),transparent 25%),linear-gradient(135deg,#042a21,#0b4636)}


@media(max-width:1180px){
.release-370 .genealogy-member-row{
grid-template-columns:24px 38px minmax(100px,1fr) 42px auto 45px}
.release-370 .genealogy-member-row__metric:nth-of-type(5),.release-370 .genealogy-member-row>.status{
display:none}
.release-370 .franchise-kpis{
grid-template-columns:repeat(3,1fr)}
.release-370 .franchise-intelligence{
grid-template-columns:1fr 1fr}
.release-370 .franchise-intelligence>article:first-child{
grid-column:1/-1}
.release-370 .poster-formula-flow{
grid-template-columns:repeat(3,1fr)}
.release-370 .poster-formula-flow span:after{
display:none}
}

@media(max-width:820px){
.release-370 .genealogy-command__head{
align-items:stretch;
flex-direction:column}
.release-370 .genealogy-command__search{
width:100%}
.release-370 .genealogy-command__nav span{
width:100%;
margin:0}
.release-370 .genealogy-command__connector{
display:none}
.release-370 .genealogy-command__branches,.release-370 .genealogy-visual__groups,.release-370 .franchise-forms,.release-370 .franchise-intelligence,.release-370 .poster-matching-story{
grid-template-columns:1fr}
.release-370 .genealogy-command__branches{
margin-top:16px}
.release-370 .genealogy-visual__line{
display:none}
.release-370 .franchise-hero{
grid-template-columns:1fr;
padding:28px 24px}
.release-370 .franchise-intelligence>article:first-child{
grid-column:auto}
.release-370 .poster-formula-flow{
grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
.release-370 .genealogy-command{
padding:15px;
border-radius:17px}
.release-370 .genealogy-command__root{
grid-template-columns:48px 1fr}
.release-370 .genealogy-command__status{
grid-column:1/-1;
grid-template-columns:auto 1fr;
align-items:center;
justify-items:start}
.release-370 .genealogy-member-row{
grid-template-columns:24px 36px 1fr auto}
.release-370 .genealogy-member-row__metric,.release-370 .genealogy-member-row>.status{
display:none}
.release-370 .genealogy-business-card{
grid-template-columns:1fr}
.release-370 .genealogy-business-card>*{
grid-column:1!important}
.release-370 .genealogy-visual>header{
align-items:flex-start;
flex-direction:column}
.release-370 .genealogy-visual__root{
grid-template-columns:42px 1fr}
.release-370 .genealogy-visual__root>em{
grid-column:1/-1;
justify-self:start}
.release-370 .franchise-kpis{
grid-template-columns:1fr 1fr}
.release-370 .franchise-command .journal-form,.release-370 .poster-formula-flow{
grid-template-columns:1fr}
.release-370 .franchise-hero h1{
font-size:38px}
}


@media(max-width:820px){
.release-370 .genealogy-command__search{
grid-template-columns:140px minmax(0,1fr)}
.release-370 .genealogy-visual__tree{
padding:4px 8px 12px}
.release-370 .genealogy-visual__group:before{
display:none}
.release-370 .genealogy-visual__groups{
gap:14px}
.release-370 .genealogy-visual__group{
width:min(100%,390px)}
.release-370 .vault-claim-form{
grid-template-columns:1fr 1fr}
}

@media(max-width:560px){
.release-370 .genealogy-command__search{
grid-template-columns:1fr}
.release-370 .genealogy-command__depth select{
height:46px}
.release-370 .genealogy-branch__head strong{
max-width:145px}
.release-370 .genealogy-branch__metrics{
grid-template-columns:1fr 1fr}
.release-370 .genealogy-branch__metrics span:nth-child(2){
border-right:0}
.release-370 .genealogy-branch__metrics span:nth-child(-n+2){
border-bottom:1px solid #e1ebe6}
.release-370 .genealogy-visual{
padding:15px 10px}
.release-370 .genealogy-visual .genealogy-node{
grid-template-columns:42px minmax(0,1fr)}
.release-370 .genealogy-visual .genealogy-node>em{
grid-column:1/-1;
justify-self:end}
.release-370 .vault-claim-form{
grid-template-columns:1fr}
.release-370 .vault-position>summary{
grid-template-columns:38px minmax(0,1fr)}
.release-370 .vault-position>summary>em{
grid-column:1/-1;
justify-self:start}
}


@media print{

    @page{
size:A3 landscape;
margin:6mm}

    .release-370 .poster-matching-story{
break-inside:avoid}
.release-370 .genealogy-command__search,.release-370 .genealogy-command__nav{
display:none!important}

    .release-370 .career-poster{
width:100%;
max-width:none;
break-inside:avoid;
page-break-inside:avoid}

    .release-370 .career-poster>header{
padding:16px 20px}
.release-370 .career-poster>header h1{
font-size:38px}
.release-370 .career-poster>header aside b{
font-size:32px}

    .release-370 .poster-heads,.release-370 .poster-plan-row,.release-370 .poster-reward-row,.release-370 .poster-matching-story,.release-370 .career-poster>footer{
padding:12px 16px}

    .release-370 .poster-section-title h2{
margin-bottom:7px;
font-size:17px}
.release-370 .poster-head-grid>div{
padding:7px}
.release-370 .poster-level-bars{
min-height:85px}
.release-370 .poster-level-plan,.release-370 .poster-generation-plan{
padding:11px}
.release-370 .poster-formula-flow span{
min-height:76px;
padding:8px}
.release-370 .poster-reward-ladder>span{
min-height:88px;
padding:7px}
.release-370 .poster-example,.release-370 .poster-matching-math{
padding:12px}

}


/* 3.7.3 public launch, portal access and controlled correction suite. */
.release-370 .field-error{
display:block!important;
margin:6px 0 0;
color:#b42318!important;
font-size:11px!important;
font-weight:800!important;
line-height:1.45}

.release-370 .premium-company-header{
position:relative;
z-index:50}
.release-370 .premium-company-header .utility-bar>nav:first-child>span{
color:#f0cd68;
font-size:9px;
font-weight:900;
letter-spacing:.11em}
.release-370 .public-portal-menu{
position:relative}
.release-370 .public-portal-menu>summary{
display:flex;
align-items:center;
gap:8px;
padding:13px 17px;
border:1px solid #bdd2c9;
border-radius:10px;
background:#fff;
color:var(--r37-ink);
font-size:11px;
font-weight:950;
letter-spacing:.06em;
list-style:none;
cursor:pointer}
.release-370 .public-portal-menu>summary::-webkit-details-marker{
display:none}
.release-370 .public-portal-menu[open]>summary{
border-color:var(--r37-gold);
background:#fff9e8}
.release-370 .public-portal-menu>div{
position:absolute;
right:0;
top:calc(100% + 10px);
width:310px;
padding:12px;
border:1px solid #cbded6;
border-radius:15px;
background:#fff;
box-shadow:0 22px 55px rgba(2,39,30,.22)}
.release-370 .public-portal-menu>div>small{
display:block;
padding:6px 8px 10px;
color:#879991;
font-size:8px;
font-weight:950;
letter-spacing:.12em}
.release-370 .public-portal-menu>div>a{
display:grid;
gap:2px;
padding:11px 12px;
border-radius:10px;
color:var(--r37-ink);
text-decoration:none}
.release-370 .public-portal-menu>div>a:hover{
background:#edf7f2}
.release-370 .public-portal-menu>div>a b{
font-size:12px}
.release-370 .public-portal-menu>div>a span{
color:#72857d;
font-size:9px}


.release-370 .enterprise-signature{
width:min(1450px,calc(100% - 50px));
margin:24px auto;
display:grid;
grid-template-columns:.85fr 1.45fr;
gap:26px;
padding:34px;
border:1px solid #cbded6;
border-radius:24px;
background:radial-gradient(circle at 92% 10%,rgba(228,184,63,.16),transparent 23%),linear-gradient(135deg,#052f25,#0c533f);
color:#fff;
box-shadow:0 24px 60px rgba(3,45,34,.14)}
.release-370 .enterprise-signature__intro p,.release-370 .home-portal-suite>header p{
margin:0;
color:#e9c75c;
font-size:9px;
font-weight:950;
letter-spacing:.15em}
.release-370 .enterprise-signature__intro h2{
margin:8px 0;
color:#fff;
font-size:clamp(28px,3.4vw,48px);
letter-spacing:-.045em}
.release-370 .enterprise-signature__intro h2 em{
color:#edca64;
font-style:normal}
.release-370 .enterprise-signature__intro>span{
color:#cfe1d9;
font-size:12px;
line-height:1.7}
.release-370 .enterprise-signature__rail{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px}
.release-370 .enterprise-signature__rail article{
display:grid;
grid-template-columns:34px 1fr;
gap:3px 11px;
padding:16px;
border:1px solid rgba(255,255,255,.13);
border-radius:14px;
background:rgba(255,255,255,.06)}
.release-370 .enterprise-signature__rail i{
grid-row:1/3;
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:50%;
background:#e7bd4c;
color:#173228;
font-size:9px;
font-style:normal;
font-weight:950}
.release-370 .enterprise-signature__rail b{
font-size:12px}
.release-370 .enterprise-signature__rail span{
color:#c9ddd5;
font-size:9px;
line-height:1.45}

.release-370 .home-portal-suite{
width:min(1450px,calc(100% - 50px));
margin:24px auto;
padding:30px;
border:1px solid #d2e1db;
border-radius:23px;
background:#fff;
box-shadow:0 18px 48px rgba(4,48,37,.08)}
.release-370 .home-portal-suite>header{
display:flex;
align-items:end;
justify-content:space-between;
gap:20px;
margin-bottom:18px}
.release-370 .home-portal-suite>header h2{
margin:5px 0 0;
color:var(--r37-ink);
font-size:clamp(25px,3vw,40px)}
.release-370 .home-portal-suite>header>a{
color:var(--r37-green);
font-size:10px;
font-weight:950}
.release-370 .home-portal-suite>div{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:11px}
.release-370 .home-portal-suite>div>a{
display:grid;
grid-template-columns:44px 1fr auto;
align-items:center;
gap:12px;
min-width:0;
padding:17px;
border:1px solid #d4e3dd;
border-radius:14px;
background:linear-gradient(145deg,#fff,#f3f8f6);
color:var(--r37-ink);
text-decoration:none;
transition:.18s}
.release-370 .home-portal-suite>div>a:hover{
transform:translateY(-3px);
border-color:var(--r37-gold);
box-shadow:0 15px 28px rgba(4,48,37,.1)}
.release-370 .home-portal-suite>div>a>i{
display:grid;
place-items:center;
width:42px;
height:42px;
border-radius:12px;
background:var(--r37-ink);
color:#f1ca5c;
font-size:18px;
font-style:normal}
.release-370 .home-portal-suite>div>a>span{
display:grid;
gap:4px;
min-width:0}
.release-370 .home-portal-suite>div>a b{
font-size:13px}
.release-370 .home-portal-suite>div>a small{
color:#74867f;
font-size:9px;
line-height:1.35}
.release-370 .home-portal-suite>div>a em{
color:#a27610;
font-size:8px;
font-style:normal;
font-weight:950}


.release-370 .login-suite{
width:min(1260px,calc(100% - 40px));
min-height:680px;
margin:34px auto 55px;
display:grid;
grid-template-columns:1.15fr .72fr;
gap:32px;
align-items:center;
padding:42px;
border-radius:28px;
background:radial-gradient(circle at 10% 10%,rgba(230,187,67,.21),transparent 28%),linear-gradient(135deg,#052f25,#0e5842 64%,#174a3c);
box-shadow:0 32px 80px rgba(2,38,29,.2)}
.release-370 .login-suite__intro>h1{
margin:9px 0;
color:#fff;
font-size:clamp(42px,5.2vw,74px);
line-height:.95;
letter-spacing:-.06em}
.release-370 .login-suite__intro>h1 em{
color:#efcb62;
font-style:normal}
.release-370 .login-suite__intro>p:last-of-type{
max-width:720px;
color:#cee2d9;
line-height:1.7}
.release-370 .login-portal-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:25px}
.release-370 .login-portal-grid>a{
display:grid;
grid-template-columns:39px 1fr auto;
align-items:center;
gap:10px;
padding:13px;
border:1px solid rgba(255,255,255,.14);
border-radius:13px;
background:rgba(255,255,255,.06);
color:#fff;
text-decoration:none}
.release-370 .login-portal-grid>a:hover,.release-370 .login-portal-grid>a.active{
border-color:#efca5e;
background:rgba(238,201,94,.13)}
.release-370 .login-portal-grid i{
display:grid;
place-items:center;
width:38px;
height:38px;
border-radius:10px;
background:#edc85c;
color:#17342a;
font-style:normal}
.release-370 .login-portal-grid span{
display:grid;
gap:2px}
.release-370 .login-portal-grid b{
font-size:11px}
.release-370 .login-portal-grid small{
color:#c9ded5;
font-size:8px;
line-height:1.35}
.release-370 .login-portal-grid em{
color:#efca5e;
font-size:12px;
font-style:normal}
.release-370 .login-suite__card{
width:100%;
margin:0;
padding:30px;
border-radius:20px;
background:#fff;
box-shadow:0 20px 55px rgba(1,28,21,.23)}
.release-370 .login-suite__card>p:not(.eyebrow){
color:#73867e;
font-size:10px;
line-height:1.5}
.release-370 .secure-login-note{
display:grid;
gap:4px;
padding:12px;
margin:10px 0;
border-left:4px solid var(--r37-gold);
border-radius:9px;
background:#fff7dd}
.release-370 .secure-login-note b{
color:var(--r37-ink);
font-size:10px}
.release-370 .secure-login-note span{
color:#76683e;
font-size:9px;
line-height:1.45}
.release-370 .login-card__links{
display:flex;
justify-content:space-between;
gap:15px}
.release-370 .login-card__links a{
color:var(--r37-green);
font-size:10px;
font-weight:850}


.release-370 .registration-control-page{
width:min(100%,1380px);
margin:auto}
.release-370 .registration-gate-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:18px}
.release-370 .launch-check-list{
display:grid;
gap:8px;
margin:18px 0}
.release-370 .launch-check-list>div{
display:grid;
grid-template-columns:34px 1fr;
align-items:center;
gap:11px;
padding:11px;
border:1px solid #d7e4de;
border-radius:11px;
background:#f8fbfa}
.release-370 .launch-check-list>div.fail{
border-color:#efc8c4;
background:#fff6f4}
.release-370 .launch-check-list i{
display:grid;
place-items:center;
width:31px;
height:31px;
border-radius:50%;
background:#daf2e6;
color:#087451;
font-style:normal;
font-weight:950}
.release-370 .launch-check-list .fail i{
background:#fee3df;
color:#b42318}
.release-370 .launch-check-list span{
display:grid;
gap:3px}
.release-370 .launch-check-list b{
color:var(--r37-ink);
font-size:11px}
.release-370 .launch-check-list small{
color:#71847c;
font-size:9px;
line-height:1.4}
.release-370 .registration-control-form{
display:grid;
gap:14px}
.release-370 .registration-control-form label,.release-370 .chain-fields label{
display:grid;
gap:6px;
color:#52685f;
font-size:9px;
font-weight:900;
letter-spacing:.04em}
.release-370 .registration-control-form input,.release-370 .registration-control-form select,.release-370 .registration-control-form textarea,.release-370 .chain-fields input,.release-370 .chain-fields select,.release-370 .chain-fields textarea,.release-370 .chain-inline-control input{
width:100%;
padding:11px;
border:1px solid #c4d8cf;
border-radius:10px;
background:#fff;
color:var(--r37-ink);
font:700 12px var(--theme-font)}
.release-370 .registration-control-form textarea,.release-370 .chain-fields textarea{
min-height:100px;
resize:vertical}
.release-370 .registration-control-form label>small,.release-370 .chain-fields label>small{
color:#7a8b84;
font-size:8px;
font-weight:600;
line-height:1.45;
letter-spacing:0}


.release-370 .chain-adjustment-page{
width:min(100%,1450px);
margin:auto}
.release-370 .chain-workbench{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:18px}
.release-370 .chain-fields{
display:grid;
grid-template-columns:1fr 1fr 150px;
gap:12px}
.release-370 .chain-fields .wide{
grid-column:1/-1}
.release-370 .chain-actions{
display:flex;
justify-content:flex-end;
gap:10px;
margin-top:16px}
.release-370 .chain-actions button:disabled{
opacity:.45;
cursor:not-allowed}
.release-370 .chain-preview{
min-height:390px}
.release-370 .chain-preview-empty{
min-height:260px;
display:grid;
place-content:center;
justify-items:center;
gap:8px;
color:#788b83;
text-align:center}
.release-370 .chain-preview-empty:first-letter{
font-size:34px;
color:var(--r37-gold)}
.release-370 .chain-preview-empty span{
max-width:340px;
font-size:10px;
line-height:1.5}
.release-370 .chain-preview-route{
display:grid;
grid-template-columns:1fr auto 1fr;
align-items:center;
gap:10px;
margin:18px 0}
.release-370 .chain-preview-route>span{
display:grid;
gap:5px;
padding:13px;
border:1px solid #d4e2dc;
border-radius:11px;
background:#f7faf8}
.release-370 .chain-preview-route small,.release-370 .chain-preview-numbers small{
color:#7b8e85;
font-size:7px;
font-weight:950;
letter-spacing:.1em}
.release-370 .chain-preview-route b{
color:var(--r37-ink);
font-size:11px}
.release-370 .chain-preview-route em{
color:#a3760e;
font-size:9px;
font-style:normal;
font-weight:900}
.release-370 .chain-preview-numbers{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px}
.release-370 .chain-preview-numbers span{
display:grid;
gap:4px;
padding:11px;
border-radius:10px;
background:#edf6f2}
.release-370 .chain-preview-numbers b{
color:var(--r37-ink);
font-size:20px}
.release-370 .chain-register{
margin-top:18px}
.release-370 .chain-register td>small{
display:block;
max-width:230px;
margin-top:4px;
color:#73867e;
line-height:1.4}
.release-370 .chain-inline-control{
display:grid;
gap:6px;
min-width:180px}
.release-370 .chain-inline-control label{
display:flex;
gap:5px;
align-items:center;
color:#687c73;
font-size:8px}
.release-370 .chain-inline-control label input{
width:auto}


@media(max-width:1050px){
.release-370 .home-portal-suite>div{
grid-template-columns:1fr 1fr}
.release-370 .enterprise-signature,.release-370 .login-suite,.release-370 .registration-gate-grid,.release-370 .chain-workbench{
grid-template-columns:1fr}
.release-370 .login-suite{
padding:30px}
.release-370 .chain-fields{
grid-template-columns:1fr 1fr}
.release-370 .chain-fields label:nth-child(3){
grid-column:1/-1}
}

@media(max-width:700px){
.release-370 .premium-company-header .header-actions{
gap:6px}
.release-370 .public-portal-menu>summary{
padding:10px}
.release-370 .public-portal-menu>div{
position:fixed;
left:12px;
right:12px;
top:126px;
width:auto}
.release-370 .enterprise-signature,.release-370 .home-portal-suite{
width:calc(100% - 24px);
padding:22px}
.release-370 .enterprise-signature__rail,.release-370 .home-portal-suite>div,.release-370 .login-portal-grid,.release-370 .chain-fields{
grid-template-columns:1fr}
.release-370 .home-portal-suite>header{
align-items:flex-start;
flex-direction:column}
.release-370 .login-suite{
width:calc(100% - 24px);
padding:20px}
.release-370 .login-suite__intro>h1{
font-size:44px}
.release-370 .chain-fields label:nth-child(3){
grid-column:auto}
.release-370 .chain-preview-route{
grid-template-columns:1fr}
.release-370 .chain-preview-route>i{
transform:rotate(90deg);
justify-self:center}
}


/* 3.8 genealogy regression guard: paid-depth zero stays zero and the horizontal
   one-level lanes remain scrollable instead of being clipped by legacy rules. */
.release-370 .genealogy-command{
overflow:visible}

.release-370 .genealogy-visual,.release-370 .genealogy-visual__tree,.release-370 .genealogy-visual__groups{
display:block;
overflow:visible}

.release-370 .genealogy-visual__groups{
display:grid}

.release-370 .genealogy-visual__lane{
display:flex!important;
overflow-x:auto!important}

.release-370 .genealogy-member-row{
grid-template-columns:26px 40px minmax(110px,1fr) 44px auto 48px}

.release-370 .genealogy-business-card{
display:none!important}


/* 3.8 update authorisation: keep actions separated and explain cleanup exactly. */
.release-370 .install-action{
display:grid!important;
align-content:start;
gap:12px;
min-width:0}

.release-370 .install-action>h3,.release-370 .install-action>p,.release-370 .install-action>small{
margin:0!important}

.release-370 .install-action__facts{
margin:0;
padding-left:20px;
color:#d6ebe3;
line-height:1.6}

.release-370 .install-action__buttons{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:10px;
align-items:stretch}

.release-370 .install-action__buttons .btn{
width:100%;
min-height:52px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
white-space:normal;
text-decoration:none}

.release-370 .install-action__buttons .recovery-link{
border:1px solid #d7b649;
background:transparent;
color:#f1d46f}

@media(max-width:760px){
.release-370 .install-action__buttons{
grid-template-columns:1fr}
}


/* 3.8.1 guarded Bigship workflow. */
.release-370 .checkout-location{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
padding:18px;
border:1px solid #cbded6;
border-radius:16px;
background:#f7fbf9}
.release-370 .checkout-location label{
display:grid;
gap:6px;
color:#52685f;
font-size:10px;
font-weight:900}
.release-370 .checkout-location input{
width:100%;
padding:12px;
border:1px solid #bdd2c9;
border-radius:10px;
background:#fff;
font:700 13px var(--theme-font)}
.release-370 .checkout-location small{
grid-column:1/-1;
color:#6d8178;
line-height:1.5}

.release-370 .courier-control-page{
width:min(100%,1420px);
margin:auto}
.release-370 .courier-steps{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
margin:20px 0}
.release-370 .courier-steps>.control-card{
position:relative;
overflow:hidden}
.release-370 .courier-steps .step-number{
position:absolute;
right:20px;
top:16px;
display:grid;
place-items:center;
width:40px;
height:40px;
border-radius:50%;
background:#e7bd4c;
color:#17342a;
font-weight:950}
.release-370 .courier-rate-list{
display:grid;
gap:8px;
margin-top:14px}
.release-370 .courier-rate-list article{
display:grid;
gap:3px;
padding:12px;
border:1px solid #d6e4de;
border-radius:10px;
background:#f8fbfa}
.release-370 .courier-rate-list b{
color:var(--r37-ink)}
.release-370 .courier-rate-list span,.release-370 .courier-rate-list small{
color:#667a71;
font-size:10px}
.release-370 .courier-awb{
display:grid;
gap:5px;
padding:18px;
border-radius:14px;
background:linear-gradient(135deg,#063b2e,#126047);
color:#fff}
.release-370 .courier-awb small{
color:#edca62;
font-weight:900}
.release-370 .courier-awb b{
font-size:30px;
word-break:break-all}
.release-370 .tracking-snapshot{
display:grid;
gap:8px;
margin-top:14px;
padding:14px;
border:1px solid #d1e1da;
border-radius:12px;
background:#f7fbf9}
.release-370 .tracking-snapshot>p{
margin:0;
padding:9px 0;
border-top:1px solid #dce9e3;
color:#667a71;
font-size:10px;
line-height:1.5}
.release-370 .tracking-snapshot>small{
color:#75877f}

@media(max-width:820px){
.release-370 .courier-steps,.release-370 .checkout-location{
grid-template-columns:1fr}
.release-370 .checkout-location small{
grid-column:auto}
}


/* 3.8.2 launch desk, action inbox and low-KB upload controls. */
.release-370 .admin-quick-launch>a{
position:relative;
min-width:0}
.release-370 .admin-quick-launch>a>span{
min-width:0}
.release-370 .admin-quick-launch>a>span>b,.release-370 .admin-quick-launch>a>span>small{
overflow:hidden;
text-overflow:ellipsis}

.release-370 .admin-action-inbox{
scroll-margin-top:95px}
.release-370 .admin-action-feed{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
margin-top:18px}
.release-370 .admin-action-feed>a{
display:grid;
grid-template-columns:38px minmax(0,1fr) auto;
align-items:center;
gap:12px;
padding:13px;
border:1px solid #d5e3dd;
border-radius:12px;
background:linear-gradient(145deg,#fff,#f5faf7);
color:var(--r37-ink);
text-decoration:none}
.release-370 .admin-action-feed>a:hover{
border-color:var(--r37-gold);
box-shadow:0 12px 25px rgba(4,48,37,.09)}
.release-370 .admin-action-feed>a>i{
display:grid;
place-items:center;
width:36px;
height:36px;
border-radius:11px;
background:var(--r37-ink);
color:#f0ca61;
font-style:normal;
font-weight:950}
.release-370 .admin-action-feed>a>span{
display:grid;
min-width:0;
gap:2px}
.release-370 .admin-action-feed small{
color:#768a81;
font-size:8px;
font-weight:900;
letter-spacing:.08em}
.release-370 .admin-action-feed b{
overflow:hidden;
font-size:11px;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .admin-action-feed em{
overflow:hidden;
color:#63776e;
font-size:9px;
font-style:normal;
text-overflow:ellipsis;
white-space:nowrap}
.release-370 .admin-action-feed strong{
color:#986f0e;
font-size:9px}

.release-370 .launch-check-list>div>span>a{
width:max-content;
margin-top:4px;
color:#8f6509;
font-size:8px;
font-weight:950;
text-decoration:none}
.release-370 .launch-records-card{
scroll-margin-top:95px}
.release-370 .launch-record-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
margin-top:20px}
.release-370 .launch-record-form label{
display:grid;
gap:6px;
color:#52685f;
font-size:9px;
font-weight:900;
letter-spacing:.04em}
.release-370 .launch-record-form .wide{
grid-column:1/-1}
.release-370 .launch-record-form input,.release-370 .launch-record-form textarea{
width:100%;
padding:11px;
border:1px solid #c4d8cf;
border-radius:10px;
background:#fff;
color:var(--r37-ink);
font:700 12px var(--theme-font)}
.release-370 .launch-record-form textarea{
min-height:90px;
resize:vertical}
.release-370 .launch-record-form label>small{
color:#74877f;
font-size:8px;
font-weight:600;
line-height:1.45;
letter-spacing:0}

.release-370 .media-capability-strip{
margin:16px 0;
padding:16px 19px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
border:1px solid #cfe0d8;
border-radius:15px;
background:#f3faf6}
.release-370 .media-capability-strip>div{
display:flex;
align-items:center;
gap:12px}
.release-370 .media-capability-strip i{
display:grid;
place-items:center;
width:36px;
height:36px;
border-radius:50%;
background:#daf2e6;
color:#087451;
font-style:normal;
font-weight:950}
.release-370 .media-capability-strip span{
display:grid;
gap:3px}
.release-370 .media-capability-strip b{
color:var(--r37-ink);
font-size:10px}
.release-370 .media-capability-strip small{
color:#6e8279;
font-size:9px}
.release-370 .media-capability-strip>a{
color:#8b650e;
font-size:9px;
font-weight:950}
.release-370 .media-capability-strip.fallback{
border-color:#edcfca;
background:#fff7f5}
.release-370 .media-capability-strip.fallback i{
background:#fee3df;
color:#b42318}

.release-370 .function-guide-page .function-unavailable{
min-height:210px;
padding:24px;
display:flex;
flex-direction:column;
border:1px solid #efc9c4;
border-radius:7px;
background:#fff6f4}
.release-370 .function-guide-page .function-unavailable h3{
margin:26px 0 10px}
.release-370 .function-guide-page .function-unavailable p{
flex:1;
color:#765e59}
.release-370 .function-guide-page .function-unavailable>b{
color:#a5251c;
font-size:10px}

@media(max-width:900px){
.release-370 .admin-action-feed{
grid-template-columns:1fr}
}

@media(max-width:650px){
.release-370 .launch-record-form{
grid-template-columns:1fr}
.release-370 .launch-record-form .wide{
grid-column:auto}
.release-370 .media-capability-strip{
align-items:flex-start;
flex-direction:column}
}



/* Source: alpline38.css */
/* ALPLINE 3.8.4 — compact operational polish; data-native graphics only. */
.release-380,.release-380 *{
box-sizing:border-box}
.release-380 .portal-stage,.release-380 .portal-content,.release-380 .admin-console{
min-width:0}
.release-380 .portal-stage{
overflow-x:clip}
.release-380 .portal-content{
padding:20px 24px 34px}

.admin-quick-dock,.member-quick-dock{
position:sticky;
top:76px;
z-index:44;
display:flex;
gap:6px;
padding:8px 24px;
overflow-x:auto;
border-bottom:1px solid #d5e4dd;
background:rgba(246,250,248,.95);
backdrop-filter:blur(14px);
scrollbar-width:thin}

.admin-quick-dock a,.member-quick-dock a{
min-width:92px;
height:44px;
padding:5px 10px;
display:grid;
grid-template-columns:24px 1fr;
grid-template-rows:1fr 1fr;
align-items:center;
border:1px solid #d3e1da;
border-radius:11px;
background:#fff;
color:#123e31;
text-decoration:none;
box-shadow:0 5px 14px #073e2f0b;
transition:.16s}
.admin-quick-dock a:hover,.member-quick-dock a:hover{
transform:translateY(-1px);
border-color:#d1a735;
box-shadow:0 8px 19px #073e2f18}
.admin-quick-dock i,.member-quick-dock i{
grid-row:1/3;
font-style:normal;
color:#9b7317;
font-weight:900}
.admin-quick-dock span,.member-quick-dock span{
font-size:10px;
font-weight:900;
white-space:nowrap}
.admin-quick-dock kbd,.member-quick-dock kbd{
font:7px/1.1 inherit;
color:#819087;
white-space:nowrap}


/* Admin command centre: important actions first, compact intelligence, no overlap. */
.release-380 .admin-console-head{
min-height:166px!important;
padding:24px 30px!important;
grid-template-columns:minmax(0,1fr) 270px!important;
gap:24px!important;
border-radius:18px!important;
background:radial-gradient(circle at 88% 20%,rgba(231,190,72,.24),transparent 25%),linear-gradient(125deg,#073d30,#0a644b)!important}
.release-380 .admin-console-head h1{
font-size:clamp(30px,4vw,52px)!important;
line-height:.91!important}
.release-380 .admin-console-head p:not(.eyebrow){
max-width:820px;
font-size:12px!important;
line-height:1.55}
.release-380 .root-id-card{
min-width:0!important;
padding:15px 17px!important;
border-radius:13px!important}
.release-380 .root-id-card strong{
margin:5px 0!important;
font-size:20px!important}
.release-380 .root-id-card p{
margin:4px 0!important;
font-size:9px!important}

.release-380 .admin-quick-launch{
margin:12px 0!important;
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:8px!important}
.release-380 .admin-quick-launch>a,.release-380 .admin-quick-launch>a.primary{
grid-column:auto!important;
min-height:70px!important;
padding:10px 11px!important;
gap:9px!important;
border-radius:12px!important}
.release-380 .admin-quick-launch i{
width:31px!important;
height:31px!important;
font-size:14px!important}
.release-380 .admin-quick-launch b{
font-size:9px!important;
letter-spacing:.02em}
.release-380 .admin-quick-launch small{
font-size:7px!important;
line-height:1.35}
.release-380 .data-badge{
min-width:20px;
height:20px;
padding:0 5px;
display:grid;
place-items:center;
border-radius:99px;
font-size:9px}

.release-380 .admin-action-inbox{
padding:16px 18px!important}
.release-380 .admin-action-inbox .section-title h2{
margin:3px 0;
font-size:19px!important}
.release-380 .admin-action-inbox .section-title p{
margin:3px 0;
font-size:10px}
.release-380 .admin-action-feed{
max-height:190px;
overflow:auto;
margin-top:10px!important}
.release-380 .admin-kpis{
grid-template-columns:repeat(8,minmax(0,1fr))!important;
gap:7px!important;
margin-top:10px!important}
.release-380 .admin-kpis article{
min-height:76px!important;
padding:12px!important;
border-radius:12px!important}
.release-380 .admin-kpis small{
font-size:8px!important}
.release-380 .admin-kpis b{
font-size:20px!important}
.release-380 .control-card{
padding:18px!important;
border-radius:14px!important}
.release-380 .executive-intelligence{
grid-template-columns:minmax(0,1.45fr) minmax(230px,.65fr)!important;
gap:10px!important;
margin:12px 0!important}
.release-380 .executive-intelligence h2{
margin:3px 0!important;
font-size:18px!important}
.release-380 .executive-intelligence .inventory-intelligence{
display:none}
.release-380 .intelligence-trend{
min-height:210px}
.release-380 .intelligence-trend svg{
max-height:145px}
.release-380 .intelligence-ring svg{
max-width:145px}
.release-380 .activity-heatmap__days{
gap:3px}
.release-380 .activity-heatmap i{
height:10px}
.release-380 .activity-heatmap footer{
min-height:18px!important;
padding:6px 0 0!important;
margin:4px 0 0!important;
display:flex!important;
grid-template-columns:none!important;
justify-content:space-between!important;
align-items:center!important;
background:transparent!important;
color:#71817b!important}
.release-380 .activity-heatmap footer>*{
margin:0!important;
color:inherit!important}
.release-380 .activity-heatmap footer i{
width:8px;
height:8px;
padding:0!important}
.release-380 .insight-grid{
grid-template-columns:1fr!important;
gap:10px!important;
margin:12px 0!important}
.release-380 .pulse-chart{
height:145px!important;
padding-top:12px!important}
.release-380 .launch-readiness{
margin:12px 0!important;
padding:16px 18px!important}
.release-380 .launch-readiness h2{
font-size:19px!important}

.admin-functions-archive{
margin:12px 0 18px!important;
padding:0!important;
border:1px solid #d6e3dd;
border-radius:14px;
background:#fff;
overflow:hidden}
.admin-functions-archive>summary,.release-register>summary{
min-height:68px;
padding:13px 17px;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
cursor:pointer;
list-style:none;
background:linear-gradient(100deg,#eef7f3,#fffaf0)}
.admin-functions-archive>summary::-webkit-details-marker,.release-register>summary::-webkit-details-marker{
display:none}
.admin-functions-archive>summary span,.release-register>summary span{
display:grid;
gap:2px}
.admin-functions-archive>summary small,.release-register>summary small{
font-size:8px;
font-weight:950;
letter-spacing:.12em;
color:#967016}
.admin-functions-archive>summary b,.release-register>summary b{
font-size:16px;
color:#0a3f31}
.admin-functions-archive>summary em,.release-register>summary em{
font-size:9px;
font-style:normal;
color:#72827b}
.admin-functions-archive>summary strong,.release-register>summary strong{
font-size:9px;
color:#0a5e45}
.admin-functions-archive[open]>summary strong,.release-register[open]>summary strong{
font-size:0}
.admin-functions-archive[open]>summary strong:after,.release-register[open]>summary strong:after{
content:'CLOSE ×';
font-size:9px}
.release-380 .admin-functions-archive>.section-title{
padding:18px 18px 0}
.release-380 .admin-functions-archive .module-grid{
margin:14px 18px 18px!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important}
.release-380 .admin-functions-archive .module-grid>a{
min-height:126px!important;
padding:13px!important;
border-radius:11px!important}
.release-380 .admin-functions-archive .module-grid h3{
margin:12px 0 4px!important;
font-size:14px!important}
.release-380 .admin-functions-archive .module-grid p{
font-size:9px!important}
.release-380 .admin-functions-archive .module-grid b{
font-size:8px}
.release-380 .recent-ids{
padding:0 0 18px!important}
.release-380 .recent-ids h2{
font-size:20px}
.release-380 .recent-ids th,.release-380 .recent-ids td{
padding:10px!important;
font-size:10px!important}


/* Map is deliberately last and compact. */
.release-380 .dashboard-map-last{
margin-top:8px!important}
.release-380 .india-intelligence{
margin-top:10px}
.release-380 .india-intelligence__workspace{
grid-template-columns:minmax(300px,1.45fr) minmax(210px,.55fr);
min-height:300px}
.release-380 .india-map-canvas{
height:300px}
.release-380 .india-admin-map{
width:72%;
height:92%}
.release-380 .india-intelligence__detail{
padding:20px}
.release-380 .india-intelligence__detail h3{
font-size:21px}
.release-380 .india-intelligence__detail p{
font-size:10px;
line-height:1.5}
.release-380 .territory-rank{
grid-template-columns:repeat(4,minmax(0,1fr));
padding:9px}
.release-380 .territory-rank button{
padding:7px}
.release-380 .territory-rank button strong{
font-size:12px}


/* Member navigation and level reports. */
.member-portal .portal-content{
padding-top:20px}
.team-level-navigator{
margin:12px 0;
padding:14px;
border:1px solid #d5e3dc;
border-radius:14px;
background:linear-gradient(145deg,#f8fbf9,#fffaf0);
overflow:hidden}
.team-level-navigator>header{
display:flex!important;
align-items:end!important;
justify-content:space-between!important;
gap:16px!important}
.team-level-navigator>header>div{
display:grid}
.team-level-navigator>header small{
font-size:8px;
font-weight:950;
color:#967117;
letter-spacing:.1em}
.team-level-navigator>header strong{
font-size:14px}
.team-level-navigator>header label{
min-width:260px;
display:grid;
gap:4px;
font-size:8px;
font-weight:900;
color:#6b7d75}
.team-level-navigator select{
width:100%;
padding:9px 11px;
border:1px solid #bfd1c8;
border-radius:9px;
background:#fff;
color:#123d30;
font:700 11px inherit}
.team-level-navigator__paid{
margin-top:10px!important;
display:grid!important;
grid-template-columns:repeat(5,minmax(0,1fr))!important;
gap:6px!important}
.team-level-navigator__paid>a{
min-height:64px!important;
padding:8px!important;
border-radius:9px!important}
.team-level-navigator__paid>a small{
font-size:6px!important}
.team-level-navigator__paid>a b{
font-size:16px!important}
.team-level-navigator__paid>a span,.team-level-navigator__paid>a em{
font-size:7px!important}
.team-level-navigator__actions{
margin-top:8px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important}
.team-level-navigator__actions>a{
padding:8px 10px!important;
border-radius:8px!important;
font-size:8px!important}
.team-level-navigator__actions span{
font-size:8px!important;
color:#687a72}
.team-level-navigator.is-compact{
padding:11px 13px}
.team-level-navigator.is-compact .team-level-navigator__actions{
margin-top:5px!important}
.downline-level-groups details{
border-radius:12px}
.downline-level-groups summary{
min-height:60px;
padding:11px 15px;
grid-template-columns:1fr auto auto}
.downline-level-groups summary:hover{
background:linear-gradient(90deg,#e8f7ef,#fff3cc)}
.network-report-link{
display:flex;
align-items:center;
justify-content:space-between;
gap:22px}
.network-report-link h2{
margin:4px 0}


/* Each income has one distinct, data-linked eligibility lens. */
.income-basis-visual{
margin:16px 0;
padding:20px;
border:1px solid #d5e3dd;
border-radius:18px;
background:radial-gradient(circle at 92% 8%,#e4b83d22,transparent 24%),linear-gradient(145deg,#fff,#f1f8f5);
box-shadow:0 13px 32px #073f300c}
.income-basis-visual>header{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px}
.income-basis-visual>header small{
font-size:8px;
font-weight:950;
letter-spacing:.12em;
color:#997215}
.income-basis-visual>header h2{
margin:3px 0;
font-size:22px}
.income-basis-visual>header a{
color:#0a6248;
font-size:9px;
font-weight:950;
text-decoration:none}
.income-flow{
margin-top:16px;
display:grid;
grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
align-items:center;
gap:8px}
.income-flow>span{
min-height:88px;
padding:12px;
display:grid;
align-content:center;
border:1px solid #d5e2dc;
border-radius:13px;
background:#fff}
.income-flow i{
font-style:normal;
font-size:8px;
color:#a57c18}
.income-flow b{
font-size:12px}
.income-flow small{
font-size:8px;
color:#708078}
.income-flow>em{
font-style:normal;
color:#b58b22}
.repeat-orbit{
margin-top:16px;
display:grid;
grid-template-columns:100px 28px 28px 28px 1fr;
align-items:center;
gap:8px}
.repeat-orbit>span{
width:94px;
height:94px;
display:grid;
place-content:center;
text-align:center;
border-radius:50%;
background:conic-gradient(#dcb33d,#0a7655,#dcb33d);
color:#fff}
.repeat-orbit>span b{
font-size:13px}
.repeat-orbit>span small{
font-size:7px}
.repeat-orbit>i{
width:25px;
height:25px;
display:grid;
place-items:center;
border-radius:50%;
background:#e6f5ee;
color:#07563e;
font-style:normal;
font-weight:900}
.repeat-orbit>div{
padding:14px;
border-left:4px solid #d8ad37;
background:#fff}
.repeat-orbit>div>*{
display:block}
.income-level-lens{
margin-top:14px;
display:grid;
grid-template-columns:150px 1fr;
gap:12px}
.lens-summary{
padding:16px;
display:grid;
align-content:center;
border-radius:14px;
background:#073f30;
color:#fff}
.lens-summary b{
font-size:29px;
color:#efca64}
.lens-summary span{
font-size:9px}
.lens-summary strong{
margin-top:12px;
font-size:13px}
.lens-levels{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:6px}
.lens-levels>a{
padding:9px;
display:grid;
border:1px solid #d5e2dc;
border-radius:10px;
background:#fff;
color:#123e31;
text-decoration:none}
.lens-levels i{
font-style:normal;
font-size:8px;
color:#a0791a}
.lens-levels b{
font-size:14px}
.lens-levels span,.lens-levels em{
font-size:7px;
font-style:normal}
.matching-lens{
margin-top:15px;
display:grid;
grid-template-columns:1fr 180px 1fr;
gap:12px;
align-items:center}
.matching-column{
padding:18px;
border-radius:14px;
background:#073f30;
color:#fff}
.matching-column.b{
background:#7b5e18}
.matching-column span,.matching-column b{
display:block}
.matching-column span{
font-size:8px;
letter-spacing:.12em}
.matching-column b{
font-size:22px}
.matching-column i{
height:8px;
margin-top:13px;
display:block;
border-radius:99px;
background:linear-gradient(90deg,#edc85d var(--fill),#ffffff2a var(--fill));
}
.matching-formula{
text-align:center}
.matching-formula>*{
display:block}
.matching-formula small{
font-size:8px;
color:#718078}
.matching-formula strong{
font-size:21px;
color:#07583f}
.matching-formula b{
font-size:14px}
.matching-formula span{
font-size:7px;
color:#73827b}
.career-lens{
margin-top:15px;
display:grid;
grid-template-columns:180px 1fr;
gap:12px}
.career-lens>div{
padding:16px;
border-radius:14px;
background:#073f30;
color:#fff}
.career-lens>div>*{
display:block}
.career-lens>div small{
font-size:7px;
color:#e8c75f}
.career-lens>div b{
font-size:20px}
.career-lens>div span{
font-size:8px}
.career-lens nav{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:5px}
.career-lens nav span{
padding:7px;
display:grid;
text-align:center;
border:1px solid #d8e4de;
border-radius:9px;
background:#fff}
.career-lens nav i{
font-style:normal;
font-size:7px}
.career-lens nav b{
font-size:9px}
.career-lens nav small{
font-size:6px;
color:#7b6a20}
.reserve-lens{
margin-top:15px;
padding:18px;
display:flex;
align-items:center;
gap:16px;
border-radius:14px;
background:#092f26;
color:#fff}
.reserve-lens>i{
width:54px;
height:54px;
display:grid;
place-items:center;
border-radius:50%;
background:#d5ad38;
color:#073c2f;
font-style:normal;
font-size:22px}
.reserve-lens b{
font-size:12px;
color:#f0cc64}
.reserve-lens p{
margin:5px 0;
color:#d6e8e1;
font-size:9px}


/* Images: never show a broken-image icon; conversion capability remains explicit. */
.product-master-image{
overflow:hidden}
.product-master-image img{
width:100%;
height:100%;
object-fit:contain}
.product-master-image .product-placeholder{
width:100%;
height:100%;
padding:12px;
display:grid;
place-content:center;
text-align:center;
background:radial-gradient(circle,#fff,#edf6f2);
color:#0a523d;
font-weight:950;
letter-spacing:.08em}
.product-master-image .product-placeholder small{
display:block;
margin-top:5px;
color:#7a8982;
font-size:7px;
letter-spacing:0}
.media-capability-strip.ready,.media-capability-strip.fallback{
border-radius:12px}


/* New governed evidence screens and compact release history. */
.release-register{
padding:0!important;
overflow:hidden}
.release-register>.table-wrap{
margin:0 16px 16px}
.legal-evidence-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px}
.legal-evidence-card{
padding:18px;
border:1px solid #d5e3dd;
border-radius:14px;
background:#fff}
.legal-evidence-card header{
display:flex;
justify-content:space-between;
gap:12px}
.legal-evidence-card form{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px}
.legal-evidence-card form .wide{
grid-column:1/-1}
.controlled-policy-text{
white-space:pre-wrap;
line-height:1.65}
.policy-document{
max-width:920px;
margin:auto}

.purchase-entry-actions,.franchise-command-strip{
margin:14px 0;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px}
.purchase-entry-actions article,.franchise-command-strip>a{
min-height:88px;
padding:13px;
display:grid;
grid-template-columns:38px minmax(0,1fr) auto;
align-items:center;
gap:11px;
border:1px solid #d5e3dc;
border-radius:13px;
background:linear-gradient(145deg,#fff,#f1f8f5);
color:#113e30;
text-decoration:none}
.purchase-entry-actions i,.franchise-command-strip i{
width:36px;
height:36px;
display:grid;
place-items:center;
border-radius:10px;
background:#073f30;
color:#edc75f;
font-style:normal;
font-weight:950}
.purchase-entry-actions article>div,.franchise-command-strip span{
display:grid}
.purchase-entry-actions small,.franchise-command-strip small{
font-size:7px;
font-weight:900;
color:#957017}
.purchase-entry-actions b,.franchise-command-strip b{
font-size:12px}
.purchase-entry-actions p{
margin:3px 0;
font-size:8px;
color:#6e7e77}
.stock-purchase-register .report-kpis.compact{
margin:10px 0;
grid-template-columns:repeat(3,minmax(0,1fr))}
.stock-purchase-register .report-kpis.compact article{
min-height:70px;
padding:11px}
.franchise-command-strip{
grid-template-columns:repeat(5,minmax(0,1fr))}
.franchise-command-strip>a{
grid-template-columns:30px 1fr;
min-height:72px}
.franchise-command-strip i{
width:29px;
height:29px}
.franchise-command-strip span b{
font-size:9px}
.franchise-command-strip span small{
font-size:7px}

.stock-purchase-entry{
scroll-margin-top:145px}
.stock-purchase-entry>summary,.franchise-control-matrix>summary{
padding:15px 17px;
cursor:pointer;
color:#073f30;
font-size:11px;
font-weight:950;
letter-spacing:.06em}
.stock-purchase-entry[open]>summary,.franchise-control-matrix[open]>summary{
border-bottom:1px solid #d9e5e0}
.stock-purchase-entry .product-master-form{
padding:15px}
.franchise-control-matrix{
margin:12px 0;
padding:0!important;
overflow:hidden}
.franchise-control-matrix .table-wrap{
margin:0 14px 14px}


@media(max-width:1200px){
.release-380 .admin-quick-launch{
grid-template-columns:repeat(4,minmax(0,1fr))!important}
.release-380 .admin-kpis{
grid-template-columns:repeat(4,minmax(0,1fr))!important}
.release-380 .admin-functions-archive .module-grid{
grid-template-columns:repeat(3,minmax(0,1fr))!important}
.lens-levels{
grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
.admin-quick-dock,.member-quick-dock{
top:92px;
padding-inline:12px}
.release-380 .portal-content{
padding:14px}
.release-380 .admin-console-head{
grid-template-columns:1fr!important}
.release-380 .root-id-card{
display:none}
.release-380 .admin-quick-launch{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
.release-380 .executive-intelligence{
grid-template-columns:1fr!important}
.release-380 .admin-functions-archive .module-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
.release-380 .india-intelligence__workspace{
grid-template-columns:1fr}
.team-level-navigator>header{
align-items:stretch!important;
flex-direction:column}
.team-level-navigator>header label{
min-width:0}
.team-level-navigator__paid{
grid-template-columns:repeat(3,minmax(0,1fr))!important}
.income-flow{
grid-template-columns:1fr 1fr}
.income-flow>em{
display:none}
.income-level-lens,.career-lens{
grid-template-columns:1fr}
.matching-lens{
grid-template-columns:1fr}
.matching-formula{
order:-1}
.network-report-link{
align-items:flex-start;
flex-direction:column}
.legal-evidence-grid{
grid-template-columns:1fr}
.purchase-entry-actions{
grid-template-columns:1fr}
.franchise-command-strip{
grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
.admin-quick-dock a,.member-quick-dock a{
min-width:66px;
grid-template-columns:18px 1fr}
.admin-quick-dock kbd,.member-quick-dock kbd{
display:none}
.release-380 .admin-quick-launch{
grid-template-columns:1fr 1fr!important}
.release-380 .admin-kpis{
grid-template-columns:1fr 1fr!important}
.release-380 .admin-functions-archive .module-grid{
grid-template-columns:1fr!important}
.team-level-navigator__paid{
grid-template-columns:1fr 1fr!important}
.team-level-navigator__actions{
align-items:flex-start!important;
flex-direction:column}
.lens-levels,.career-lens nav{
grid-template-columns:1fr 1fr}
.repeat-orbit{
grid-template-columns:85px 1fr}
.repeat-orbit>i{
display:none}
.legal-evidence-card form{
grid-template-columns:1fr}
.legal-evidence-card form .wide{
grid-column:auto}
}



/* Source: alpline310.css */
/* ALPLINE 3.8.10 — compact launch polish. */
.admin-quick-dock,.member-quick-dock{
display:none!important}

.launch-201-audit{
padding:0!important;
overflow:hidden}
.launch-201-audit>summary{
padding:16px 18px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
cursor:pointer;
list-style:none;
background:linear-gradient(110deg,#eef8f3,#fff8e5);
color:#073e30}
.launch-201-audit>summary::-webkit-details-marker{
display:none}
.launch-201-audit>summary b{
font-size:13px}
.launch-201-audit>summary span{
font-size:8px;
font-weight:800;
color:#7b886f}
.launch-201-audit>.section-title,.launch-201-audit>form,.launch-201-audit>.guardrails,.launch-201-audit>.notice{
margin-left:18px;
margin-right:18px}
.launch-201-audit>.notice{
margin-bottom:18px}

.franchise-kpis{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;
gap:9px!important;
margin:12px 0!important}
.franchise-kpis article{
position:relative;
min-height:94px!important;
padding:15px!important;
overflow:hidden;
border:1px solid #d5e4dd!important;
border-radius:15px!important;
background:radial-gradient(circle at 95% 5%,#e9be482a,transparent 38%),linear-gradient(145deg,#fff,#edf7f2)!important;
box-shadow:0 10px 24px #073f300b!important}
.franchise-kpis article:before{
content:'';
position:absolute;
inset:0 auto 0 0;
width:4px;
background:linear-gradient(#d8ae35,#087455)}
.franchise-kpis small{
font-size:8px!important;
letter-spacing:.09em!important;
color:#7a661e!important}
.franchise-kpis b{
font-size:24px!important;
color:#073e30!important}
.franchise-kpis span{
font-size:8px!important;
color:#72837b!important}

.release-380 .admin-quick-launch>a{
overflow:hidden;
background:radial-gradient(circle at 100% 0,#e6bd4822,transparent 45%),linear-gradient(145deg,#fff,#edf7f2)!important}
.release-380 .admin-quick-launch>a.primary{
background:radial-gradient(circle at 100% 0,#efca6555,transparent 45%),linear-gradient(145deg,#063e30,#087052)!important}
.release-380 .admin-quick-launch>a:hover{
transform:translateY(-2px);
border-color:#d0aa37!important;
box-shadow:0 12px 26px #073f3018!important}

.chain-fields select option[hidden]{
display:none}
.legal-evidence-card .effective-evidence{
padding:10px;
border-radius:9px;
background:#eef8f3}
.settings-protected-links{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:8px}
.settings-protected-links a{
padding:12px;
border:1px solid #d5e4dd;
border-radius:10px;
background:#fff;
color:#073e30;
text-decoration:none;
font-size:10px;
font-weight:900}

@media(max-width:640px){
.launch-201-audit>summary{
align-items:flex-start;
flex-direction:column}
.franchise-kpis{
grid-template-columns:1fr 1fr!important}
}



/* Source: alpline4.css */
/* ALPLINE 4.0 — Human-crafted premium visual system
   Final-loaded compatibility layer. It redesigns public/Admin/member/franchise UI
   without removing legacy routes or business controls. */
:root{

  --v4-ink:#0a241d;
--v4-deep:#082f26;
--v4-green:#0c684f;
--v4-mint:#dff5ec;

  --v4-gold:#d7aa3a;
--v4-gold2:#f1d77c;
--v4-cream:#f8f5ec;
--v4-paper:#ffffff;

  --v4-canvas:#f3f7f5;
--v4-line:#dce7e1;
--v4-muted:#66776f;
--v4-danger:#b63d3d;

  --v4-shadow:0 24px 70px rgba(7,44,34,.10);
--v4-shadow-sm:0 12px 30px rgba(7,44,34,.08);

  --v4-radius:24px;
--v4-radius-sm:16px;

}

*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
background:var(--v4-canvas);
color:var(--v4-ink);
font-family:Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
-webkit-font-smoothing:antialiased}

a{
transition:.2s ease}
button,input,select,textarea{
font:inherit}


/* ----- Public chrome ----- */
.public-body{
background:#fff}
.premium-company-header{
position:sticky;
top:0;
z-index:1000;
background:rgba(255,255,255,.94);
backdrop-filter:saturate(1.5) blur(16px);
border-bottom:1px solid rgba(12,104,79,.10);
box-shadow:0 8px 25px rgba(8,47,38,.05)}

.utility-bar{
min-height:33px;
padding:0 clamp(20px,5vw,72px);
display:flex;
align-items:center;
justify-content:space-between;
background:var(--v4-deep);
color:#d7e7e0;
font-size:11px;
letter-spacing:.045em}
.utility-bar nav{
display:flex;
gap:20px;
align-items:center}
.utility-bar a{
color:#d7e7e0;
text-decoration:none}
.utility-bar a:hover{
color:var(--v4-gold2)}

.main-header{
min-height:82px;
padding:0 clamp(20px,5vw,72px);
display:grid;
grid-template-columns:auto 1fr auto;
gap:28px;
align-items:center}
.brand{
display:flex;
align-items:center;
gap:12px;
color:var(--v4-ink);
text-decoration:none}
.brand .crest{
width:48px;
height:48px;
border-radius:15px;
background:linear-gradient(145deg,#fff,#ecf4f0);
border:1px solid #d6e4dd;
box-shadow:0 8px 20px rgba(8,47,38,.09)}
.brand b{
display:block;
font-size:21px;
letter-spacing:.14em}
.brand small{
display:block;
margin-top:1px;
font-size:9px;
letter-spacing:.16em;
color:#718078}
.primary-nav{
display:flex;
justify-content:center;
gap:30px}
.primary-nav a{
position:relative;
padding:31px 0 27px;
color:#3e5148;
text-decoration:none;
font-size:13px;
font-weight:700}
.primary-nav a:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:18px;
height:2px;
background:var(--v4-gold);
transform:scaleX(0);
transition:.2s}
.primary-nav a:hover,.primary-nav a.active{
color:var(--v4-deep)}
.primary-nav a:hover:after,.primary-nav a.active:after{
transform:scaleX(1)}

.header-actions{
display:flex;
align-items:center;
gap:10px}
.header-join,.retail-btn.primary{
border-radius:999px!important;
background:linear-gradient(135deg,var(--v4-green),#0a503f)!important;
box-shadow:0 10px 25px rgba(12,104,79,.22)!important}
.public-portal-menu>summary{
border:1px solid var(--v4-line)!important;
border-radius:999px!important;
padding:11px 16px!important;
background:#fff!important}


/* ----- V4 homepage ----- */
.alp-v4-home{
overflow:hidden;
background:#fff}
.v4-hero{
position:relative;
min-height:720px;
padding:clamp(64px,8vw,120px) clamp(22px,6vw,88px);
display:grid;
grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);
gap:50px;
align-items:center;
background:radial-gradient(circle at 75% 20%,rgba(236,209,112,.24),transparent 32%),linear-gradient(135deg,#f9fbf8 0%,#eef7f2 55%,#fbf6e9 100%)}

.v4-hero:before{
content:"";
position:absolute;
width:560px;
height:560px;
border-radius:50%;
right:-210px;
bottom:-280px;
border:90px solid rgba(12,104,79,.055)}
.v4-hero-copy,.v4-hero-art{
position:relative;
z-index:1}
.v4-eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
margin:0 0 18px;
color:#99711f;
font-size:11px;
font-weight:900;
letter-spacing:.16em}
.v4-eyebrow:before{
content:"";
width:34px;
height:1px;
background:var(--v4-gold)}

.v4-hero h1{
max-width:820px;
margin:0;
font-size:clamp(52px,6.6vw,96px);
line-height:.94;
letter-spacing:-.055em;
font-weight:800}
.v4-hero h1 em{
display:block;
color:var(--v4-green);
font-family:Georgia,serif;
font-weight:500;
letter-spacing:-.035em}
.v4-hero-copy>p:not(.v4-eyebrow){
max-width:690px;
margin:28px 0 30px;
color:#55665e;
font-size:18px;
line-height:1.75}
.v4-hero-actions{
display:flex;
flex-wrap:wrap;
gap:12px}
.v4-btn{
min-height:50px;
padding:0 23px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:999px;
text-decoration:none;
font-size:12px;
font-weight:900;
letter-spacing:.06em}
.v4-btn.primary{
color:white;
background:var(--v4-deep);
box-shadow:0 13px 30px rgba(8,47,38,.21)}
.v4-btn.secondary{
color:var(--v4-deep);
background:white;
border:1px solid #d5e1db}
.v4-btn:hover{
transform:translateY(-2px)}

.v4-proof{
margin-top:42px;
display:grid;
grid-template-columns:repeat(3,1fr);
max-width:700px;
border-top:1px solid #d7e3dc}
.v4-proof article{
padding:18px 18px 0 0}
.v4-proof b{
display:block;
font-size:22px}
.v4-proof small{
display:block;
margin-top:4px;
color:#738078;
font-size:10px;
line-height:1.5;
letter-spacing:.06em}

.v4-hero-art{
min-height:560px}
.v4-orbit{
position:absolute;
inset:0;
border-radius:46% 54% 44% 56%/52% 44% 56% 48%;
background:linear-gradient(145deg,#0b4738,#082f26);
box-shadow:0 50px 90px rgba(8,47,38,.24);
overflow:hidden}
.v4-orbit:before{
content:"";
position:absolute;
inset:28px;
border:1px solid rgba(255,255,255,.11);
border-radius:44% 56% 55% 45%/50% 45% 55% 50%}
.v4-orbit:after{
content:"ALPLINE";
position:absolute;
left:44px;
bottom:40px;
color:rgba(255,255,255,.055);
font-size:74px;
font-weight:900;
letter-spacing:.08em}
.v4-product-stage{
position:absolute;
inset:70px 48px 72px;
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
align-items:end}
.v4-product-card{
position:relative;
min-height:350px;
padding:24px;
display:flex;
flex-direction:column;
justify-content:flex-end;
border-radius:28px;
background:linear-gradient(180deg,#fff 0%,#f6f3e9 100%);
box-shadow:0 24px 45px rgba(0,0,0,.20);
overflow:hidden}
.v4-product-card:nth-child(2){
transform:translateY(-48px);
background:linear-gradient(180deg,#f8fff9,#dceee5)}
.v4-product-card img{
position:absolute;
left:50%;
top:20px;
transform:translateX(-50%);
width:74%;
height:210px;
object-fit:contain;
filter:drop-shadow(0 16px 18px rgba(8,47,38,.17))}
.v4-product-card small{
font-size:9px;
letter-spacing:.12em;
color:#8b732f}
.v4-product-card b{
margin-top:5px;
font-size:19px}
.v4-product-card span{
margin-top:4px;
color:#718078;
font-size:10px}
.v4-floating-seal{
position:absolute;
right:-16px;
top:24px;
width:116px;
height:116px;
padding:20px;
border-radius:50%;
display:grid;
place-content:center;
text-align:center;
background:linear-gradient(145deg,#f2d87c,#cfa237);
color:#3c300f;
box-shadow:0 18px 40px rgba(140,101,25,.28);
font-size:10px;
font-weight:900;
letter-spacing:.12em;
line-height:1.55}

.v4-marquee{
padding:15px 0;
overflow:hidden;
background:var(--v4-deep);
color:#dbece5}
.v4-marquee-track{
display:flex;
gap:44px;
min-width:max-content;
animation:v4marquee 30s linear infinite}
.v4-marquee span{
font-size:11px;
font-weight:800;
letter-spacing:.13em}
.v4-marquee i{
color:var(--v4-gold);
font-style:normal}
@keyframes v4marquee{
to{
transform:translateX(-50%)}
}

.v4-section{
padding:clamp(72px,8vw,120px) clamp(22px,6vw,88px)}
.v4-section-head{
max-width:780px;
margin-bottom:42px}
.v4-section-head h2{
margin:8px 0 14px;
font-size:clamp(38px,4.2vw,64px);
line-height:1.02;
letter-spacing:-.04em}
.v4-section-head h2 em{
color:var(--v4-green);
font-family:Georgia,serif;
font-weight:500}
.v4-section-head p{
color:var(--v4-muted);
font-size:16px;
line-height:1.75}

.v4-ecosystem{
background:#fff}
.v4-portal-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px}
.v4-portal-grid a{
position:relative;
min-height:320px;
padding:28px;
display:flex;
flex-direction:column;
border:1px solid var(--v4-line);
border-radius:24px;
background:#fff;
color:var(--v4-ink);
text-decoration:none;
overflow:hidden;
box-shadow:0 10px 26px rgba(7,44,34,.04)}
.v4-portal-grid a:before{
content:"";
position:absolute;
width:180px;
height:180px;
border-radius:50%;
right:-90px;
top:-90px;
background:rgba(12,104,79,.055)}
.v4-portal-grid a:hover{
transform:translateY(-7px);
border-color:#c6aa5a;
box-shadow:var(--v4-shadow-sm)}
.v4-portal-icon{
width:52px;
height:52px;
display:grid;
place-items:center;
border-radius:17px;
background:var(--v4-mint);
color:var(--v4-green);
font-size:25px}
.v4-portal-grid b{
margin-top:55px;
font-size:24px}
.v4-portal-grid small{
margin-top:10px;
color:var(--v4-muted);
font-size:12px;
line-height:1.6}
.v4-portal-grid em{
margin-top:auto;
color:var(--v4-green);
font-size:11px;
font-weight:900;
font-style:normal;
letter-spacing:.08em}

.v4-products{
background:linear-gradient(180deg,#f6f8f5,#eef4f0)}
.v4-product-showcase{
display:grid;
grid-template-columns:1.15fr .85fr;
gap:18px}
.v4-feature-card{
min-height:480px;
padding:44px;
position:relative;
border-radius:32px;
overflow:hidden;
background:linear-gradient(145deg,#0b4d3b,#072a22);
color:#fff;
box-shadow:var(--v4-shadow)}
.v4-feature-card>img{
position:absolute;
right:2%;
bottom:-5%;
width:48%;
height:90%;
object-fit:contain;
filter:drop-shadow(0 24px 28px rgba(0,0,0,.25))}
.v4-feature-card h3{
max-width:54%;
margin:12px 0;
font-size:46px;
line-height:1}
.v4-feature-card p{
max-width:48%;
color:#c7d9d1;
line-height:1.7}
.v4-feature-card a{
position:absolute;
left:44px;
bottom:40px;
color:#fff;
text-decoration:none;
font-size:11px;
font-weight:900;
letter-spacing:.08em}
.v4-mini-products{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px}
.v4-mini-products a{
min-height:230px;
padding:22px;
display:flex;
flex-direction:column;
border-radius:26px;
background:#fff;
color:var(--v4-ink);
text-decoration:none;
box-shadow:0 10px 30px rgba(7,44,34,.06)}
.v4-mini-products img{
height:130px;
width:100%;
object-fit:contain}
.v4-mini-products b{
margin-top:12px}
.v4-mini-products small{
margin-top:3px;
color:var(--v4-muted)}

.v4-trust{
background:#0b2f26;
color:#fff}
.v4-trust .v4-section-head p{
color:#b9cbc3}
.v4-trust-grid{
display:grid;
grid-template-columns:1.3fr repeat(3,1fr);
border:1px solid rgba(255,255,255,.12);
border-radius:28px;
overflow:hidden}
.v4-trust-grid article{
min-height:260px;
padding:30px;
border-right:1px solid rgba(255,255,255,.10);
display:flex;
flex-direction:column}
.v4-trust-grid article:first-child{
background:linear-gradient(145deg,rgba(215,170,58,.14),transparent)}
.v4-trust-grid i{
font-style:normal;
color:var(--v4-gold2);
font-size:32px}
.v4-trust-grid b{
margin-top:auto;
font-size:20px}
.v4-trust-grid p{
margin-bottom:0;
color:#b9cbc3;
font-size:12px;
line-height:1.65}

.v4-final-cta{
padding:110px clamp(22px,6vw,88px);
background:linear-gradient(135deg,#f8f1df,#edf6f1);
text-align:center}
.v4-final-cta h2{
max-width:900px;
margin:0 auto;
font-size:clamp(44px,5vw,72px);
line-height:1;
letter-spacing:-.045em}
.v4-final-cta p{
max-width:720px;
margin:20px auto 30px;
color:var(--v4-muted);
font-size:16px}
.v4-final-cta .v4-hero-actions{
justify-content:center}

.premium-company-footer{
border-top:0!important;
background:#071f19!important;
color:#d9e5df!important}
.premium-company-footer a{
color:#d9e5df!important}
.premium-company-footer strong{
color:var(--v4-gold2)!important}


/* ----- Login ----- */
.login-suite{
min-height:calc(100vh - 115px);
padding:70px clamp(22px,6vw,90px);
display:grid!important;
grid-template-columns:1.15fr .85fr!important;
gap:55px!important;
align-items:center;
background:radial-gradient(circle at 18% 24%,rgba(215,170,58,.14),transparent 24%),linear-gradient(135deg,#edf5f1,#fffaf0)!important}
.login-suite__intro h1{
font-size:clamp(50px,6vw,80px)!important;
line-height:.94!important;
letter-spacing:-.05em!important}
.login-suite__intro h1 em{
color:var(--v4-green)!important}
.login-portal-grid{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important}
.login-portal-grid a{
border-radius:18px!important;
background:rgba(255,255,255,.82)!important;
box-shadow:0 10px 26px rgba(7,44,34,.05)!important}
.login-portal-grid a.active{
border-color:var(--v4-gold)!important;
box-shadow:0 18px 38px rgba(7,44,34,.11)!important}
.login-suite__card{
padding:38px!important;
border:1px solid var(--v4-line)!important;
border-radius:30px!important;
background:rgba(255,255,255,.96)!important;
box-shadow:var(--v4-shadow)!important}
.login-card input{
border-radius:12px!important;
border-color:#d6e2dc!important}
.login-card .btn{
border-radius:14px!important;
min-height:52px!important}


/* ----- Shared portal shell ----- */
.portal-body{
background:#ecf2ef!important}
.portal-shell{
background:#ecf2ef!important}
.portal-sidebar{
width:282px!important;
background:linear-gradient(180deg,#071f19,#0a3328 60%,#08281f)!important;
border-right:1px solid rgba(255,255,255,.06)!important;
box-shadow:16px 0 42px rgba(7,31,25,.12)}
.portal-brand{
padding:26px 22px!important}
.portal-brand img{
filter:drop-shadow(0 8px 12px rgba(0,0,0,.18))}
.portal-brand b{
font-size:18px!important;
letter-spacing:.13em}
.portal-brand small{
letter-spacing:.11em!important;
color:#9eb8ad!important}
.live-data-badge{
margin:0 16px 17px!important;
border-radius:12px!important;
background:rgba(223,178,59,.10)!important;
border:1px solid rgba(223,178,59,.16)!important}
.portal-nav-label{
padding:12px 21px 7px!important;
color:#7fa194!important;
font-size:9px!important;
letter-spacing:.16em!important}
.portal-nav{
padding:0 12px 24px!important}
.portal-nav>a,.portal-nav-group>summary{
min-height:44px!important;
margin:2px 0!important;
padding:10px 12px!important;
border-radius:12px!important;
color:#c9dad3!important}
.portal-nav>a i,.portal-nav-group>summary i{
width:27px!important;
color:#c9ad5f!important}
.portal-nav>a:hover,.portal-nav>a.active,.portal-nav-group>summary:hover{
background:rgba(255,255,255,.08)!important;
color:#fff!important;
box-shadow:none!important}
.portal-nav>a.active{
border-left:3px solid var(--v4-gold)!important}
.portal-public-link{
margin:8px 16px!important;
border-radius:12px!important}
.portal-stage{
margin-left:282px!important}
.portal-topbar{
min-height:76px!important;
padding:0 26px!important;
background:rgba(255,255,255,.92)!important;
backdrop-filter:blur(16px);
border-bottom:1px solid var(--v4-line)!important;
box-shadow:0 8px 25px rgba(7,44,34,.04)}
.portal-content{
background:linear-gradient(180deg,#edf3f0,#f7f9f8 320px)!important;
padding-bottom:60px!important}
.topbar-identity b{
font-size:14px!important}
.topbar-identity small{
color:#8f7429!important}
.portal-top-actions>a,.portal-top-actions summary{
border-radius:10px!important}
.flash{
border-radius:14px!important;
margin:14px 26px!important}


/* ----- Admin dashboard ----- */
.admin-console{
background:transparent!important}
.admin-console-head{
margin:24px clamp(16px,2vw,28px) 0!important;
padding:44px!important;
border-radius:30px!important;
background:radial-gradient(circle at 88% 24%,rgba(224,183,74,.17),transparent 25%),linear-gradient(135deg,#082b23,#0b4b3b)!important;
box-shadow:0 26px 55px rgba(7,44,34,.18)!important}
.admin-console-head h1{
font-size:clamp(44px,5vw,68px)!important;
line-height:.94!important;
letter-spacing:-.045em!important}
.admin-console-head h1 em{
color:var(--v4-gold2)!important}
.root-id-card{
border-radius:22px!important;
border-color:rgba(255,255,255,.15)!important;
background:rgba(6,27,21,.52)!important;
backdrop-filter:blur(8px)}
.admin-quick-launch{
margin:18px clamp(16px,2vw,28px)!important;
padding:0!important;
display:grid!important;
grid-template-columns:repeat(6,1fr)!important;
gap:10px!important;
background:none!important}
.admin-quick-launch>a{
min-height:116px!important;
padding:16px!important;
border:1px solid var(--v4-line)!important;
border-radius:18px!important;
background:#fff!important;
color:var(--v4-ink)!important;
box-shadow:0 8px 22px rgba(7,44,34,.05)!important}
.admin-quick-launch>a:hover{
transform:translateY(-4px);
border-color:#cfb05a!important;
box-shadow:var(--v4-shadow-sm)!important}
.admin-quick-launch>a.primary{
background:linear-gradient(145deg,#0b533f,#083329)!important;
color:#fff!important;
border-color:transparent!important}
.admin-quick-launch>a i{
width:34px;
height:34px;
display:grid;
place-items:center;
border-radius:10px;
background:#eaf4ef;
color:var(--v4-green);
font-style:normal}
.admin-quick-launch>a.primary i{
background:rgba(255,255,255,.12);
color:var(--v4-gold2)}
.admin-action-inbox,.control-card{
border:1px solid var(--v4-line)!important;
border-radius:22px!important;
background:#fff!important;
box-shadow:0 10px 28px rgba(7,44,34,.045)!important}
.admin-action-inbox{
margin:18px clamp(16px,2vw,28px)!important}
.admin-kpis{
margin:0 clamp(16px,2vw,28px) 18px!important;
padding:0!important;
display:grid!important;
grid-template-columns:repeat(8,1fr)!important;
gap:10px!important;
background:none!important}
.admin-kpis article{
min-height:100px!important;
padding:17px!important;
border:1px solid var(--v4-line)!important;
border-radius:17px!important;
background:#fff!important;
color:var(--v4-ink)!important;
box-shadow:0 8px 20px rgba(7,44,34,.04)!important}
.admin-kpis article b{
color:var(--v4-deep)!important;
font-size:25px!important}
.admin-kpis article.warning{
background:#fff8e7!important}
.admin-kpis article.success{
background:#edf8f2!important}
.admin-kpis article.danger{
background:#fff0f0!important}
.executive-intelligence{
margin:18px clamp(16px,2vw,28px)!important;
gap:14px!important}
.module-grid>a{
border-radius:20px!important}
.recent-ids table,.control-card table{
border-radius:14px;
overflow:hidden}
.control-card th{
background:#f5f8f6!important;
color:#63736b!important}
.btn{
border-radius:12px!important}
.btn.gold{
background:linear-gradient(135deg,#d7aa3a,#b98a21)!important;
color:#2d240b!important}
.btn.dark{
background:var(--v4-deep)!important;
color:#fff!important}


/* ----- Member / seller dashboard ----- */
.seller-dashboard,.member-workspace,.customer-dashboard{
background:transparent!important}
.seller-hero,.member-hero,.customer-hero{
margin:24px clamp(16px,2vw,28px)!important;
border-radius:30px!important;
overflow:hidden!important;
background:radial-gradient(circle at 80% 20%,rgba(242,215,124,.16),transparent 25%),linear-gradient(135deg,#0a3d30,#082820)!important;
box-shadow:0 28px 60px rgba(7,44,34,.16)!important}
.seller-kpis,.customer-kpis,.network-metrics{
margin-left:clamp(16px,2vw,28px)!important;
margin-right:clamp(16px,2vw,28px)!important;
gap:10px!important}
.seller-kpis article,.customer-kpis article,.network-metrics article{
border:1px solid var(--v4-line)!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 8px 22px rgba(7,44,34,.045)!important}
.workspace-grid{
gap:14px!important}
.workspace-card{
border-radius:22px!important;
box-shadow:0 10px 28px rgba(7,44,34,.045)!important}
.workspace-card:hover{
transform:translateY(-3px);
border-color:#cfb05a!important}
.team-snapshot{
border-radius:28px!important;
margin-left:clamp(16px,2vw,28px)!important;
margin-right:clamp(16px,2vw,28px)!important;
overflow:hidden!important}
.tree-section,.team-section,.income-trace{
border-radius:24px!important}


/* ----- Franchise ----- */
.franchise-console,.franchise-page{
background:transparent!important}
.franchise-hero,.franchise-head{
margin:24px clamp(16px,2vw,28px)!important;
padding:42px!important;
border-radius:30px!important;
background:radial-gradient(circle at 84% 22%,rgba(242,215,124,.18),transparent 25%),linear-gradient(135deg,#0a4031,#082820)!important;
color:#fff!important;
box-shadow:0 26px 55px rgba(7,44,34,.15)!important}
.franchise-hero h1,.franchise-head h1{
font-size:clamp(42px,5vw,64px)!important;
letter-spacing:-.045em!important}
.franchise-page .control-card,.franchise-console .control-card{
margin-left:clamp(16px,2vw,28px)!important;
margin-right:clamp(16px,2vw,28px)!important}
.journal-form input,.journal-form select,.setting-form input,.setting-form select,.filter-bar input,.filter-bar select{
border-radius:10px!important;
border-color:#d4e0da!important}


/* ----- Tables, forms, utility ----- */
.table-wrap{
border-radius:14px!important;
overflow:auto}
.status{
border-radius:999px!important}
.data-badge{
border-radius:999px!important}
.notice{
border-radius:14px!important}
.empty-state{
border-radius:15px!important}
.control-card input,.control-card select,.control-card textarea{
border-radius:10px!important}
.section-title h2{
letter-spacing:-.025em}
.eyebrow{
letter-spacing:.13em!important}


/* ----- Responsive ----- */
@media(max-width:1220px){
.v4-portal-grid{
grid-template-columns:1fr 1fr}
.admin-quick-launch{
grid-template-columns:repeat(4,1fr)!important}
.admin-kpis{
grid-template-columns:repeat(4,1fr)!important}
.v4-hero{
grid-template-columns:1fr .9fr}
.v4-product-showcase{
grid-template-columns:1fr}
}

@media(max-width:980px){
.utility-bar{
display:none}
.main-header{
grid-template-columns:1fr auto}
.primary-nav{
display:none}
.v4-hero{
min-height:auto;
grid-template-columns:1fr;
padding-top:70px}
.v4-hero-art{
min-height:520px}
.v4-trust-grid{
grid-template-columns:1fr 1fr}
.portal-stage{
margin-left:0!important}
.portal-sidebar{
transform:translateX(-100%);
transition:.25s}
.sidebar-open .portal-sidebar{
transform:translateX(0)}
.admin-console-head{
grid-template-columns:1fr!important}
.admin-quick-launch{
grid-template-columns:repeat(3,1fr)!important}
.login-suite{
grid-template-columns:1fr!important}
}

@media(max-width:720px){
.main-header{
min-height:70px;
padding:0 16px}
.brand .crest{
width:42px;
height:42px}
.brand b{
font-size:18px}
.brand small{
font-size:8px}
.header-actions .header-join,.header-actions .vip-command{
display:none}
.v4-hero{
padding:56px 20px 70px}
.v4-hero h1{
font-size:52px}
.v4-hero-copy>p:not(.v4-eyebrow){
font-size:15px}
.v4-proof{
grid-template-columns:1fr}
.v4-proof article{
padding:12px 0;
border-bottom:1px solid #d7e3dc}
.v4-hero-art{
min-height:430px}
.v4-product-stage{
inset:58px 24px 45px;
gap:10px}
.v4-product-card{
min-height:280px;
padding:17px}
.v4-product-card:nth-child(2){
transform:translateY(-28px)}
.v4-product-card img{
height:165px}
.v4-floating-seal{
width:88px;
height:88px;
right:-5px;
font-size:8px}
.v4-section{
padding:68px 20px}
.v4-portal-grid{
grid-template-columns:1fr}
.v4-portal-grid a{
min-height:230px}
.v4-portal-grid b{
margin-top:28px}
.v4-product-showcase{
display:block}
.v4-feature-card{
min-height:430px;
padding:28px}
.v4-feature-card h3{
max-width:70%;
font-size:38px}
.v4-feature-card p{
max-width:62%;
font-size:13px}
.v4-feature-card>img{
width:50%;
right:-4%}
.v4-mini-products{
margin-top:14px}
.v4-trust-grid{
grid-template-columns:1fr}
.v4-trust-grid article{
min-height:190px;
border-right:0;
border-bottom:1px solid rgba(255,255,255,.10)}
.premium-company-footer{
grid-template-columns:1fr!important}
.login-suite{
padding:45px 20px!important}
.login-portal-grid{
grid-template-columns:1fr!important}
.admin-console-head{
margin:14px!important;
padding:28px!important}
.admin-quick-launch{
margin:14px!important;
grid-template-columns:1fr 1fr!important}
.admin-quick-launch>a{
min-height:105px!important}
.admin-kpis{
margin:14px!important;
grid-template-columns:1fr 1fr!important}
.admin-action-inbox,.executive-intelligence{
margin:14px!important}
.portal-topbar{
padding:0 12px!important}
.portal-top-actions{
display:none!important}
.v4-final-cta{
padding:80px 20px}
}

@media(max-width:420px){
.v4-hero h1{
font-size:44px}
.v4-mini-products{
grid-template-columns:1fr}
.v4-product-stage{
inset:58px 14px 42px}
.v4-product-card{
padding:13px}
.v4-product-card b{
font-size:15px}
.admin-quick-launch{
grid-template-columns:1fr!important}
.admin-kpis{
grid-template-columns:1fr 1fr!important}
}


@media(prefers-reduced-motion:reduce){
*{
scroll-behavior:auto!important;
animation:none!important;
transition:none!important}
}



/* Source: alpline-v4-human.css */
/* ALPLINE 4.0 — Human Crafted Interface Layer
   Final-loaded compatibility layer. It intentionally changes presentation only.
   Business logic, route names and data semantics remain untouched. */

:root{

  --v4-ink:#102a22;

  --v4-deep:#073b2e;

  --v4-deeper:#052a22;

  --v4-leaf:#2f6d56;

  --v4-moss:#678978;

  --v4-brass:#c89d48;

  --v4-brass-soft:#ead8a8;

  --v4-cream:#f7f4ec;

  --v4-paper:#fffdf8;

  --v4-mist:#eef4f0;

  --v4-line:rgba(16,42,34,.14);

  --v4-shadow:0 24px 70px rgba(5,42,34,.12);

  --v4-shadow-soft:0 14px 38px rgba(5,42,34,.08);

  --v4-radius-lg:28px;

  --v4-radius-md:20px;

  --v4-radius-sm:14px;

}


html{
scroll-behavior:smooth}

body{
background:var(--v4-cream);
color:var(--v4-ink);
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased}


/* Public site — editorial wellness, not template-like. */
.public-body{
background:
  radial-gradient(circle at 14% 2%,rgba(200,157,72,.08),transparent 23rem),
  linear-gradient(180deg,#fbfaf5 0,#f5f7f3 48%,#f9f7ef 100%)}

.premium-company-header{
background:rgba(255,253,248,.95)!important;
border-bottom:1px solid var(--v4-line)!important;
box-shadow:0 10px 35px rgba(5,42,34,.04)!important;
backdrop-filter:blur(14px);
position:sticky;
top:0;
z-index:80}

.utility-bar{
background:var(--v4-deeper)!important;
color:#f7f0df!important;
letter-spacing:.06em}

.utility-bar a,.utility-bar span{
color:#f7f0df!important;
opacity:.9}

.main-header{
min-height:82px!important}

.brand b{
font-size:1.32rem!important;
letter-spacing:.1em!important;
color:var(--v4-deep)!important}

.brand small{
letter-spacing:.14em!important;
color:#668076!important}

.primary-nav a{
font-weight:720!important;
letter-spacing:.01em!important;
color:#294a3e!important;
position:relative}

.primary-nav a:after{
content:"";
position:absolute;
left:50%;
right:50%;
bottom:-12px;
height:2px;
background:var(--v4-brass);
transition:.25s ease}

.primary-nav a:hover:after,.primary-nav a.active:after{
left:0;
right:0}

.header-join,.retail-btn.primary{
background:linear-gradient(135deg,var(--v4-deep),#175944)!important;
color:white!important;
border:1px solid rgba(255,255,255,.12)!important;
box-shadow:0 10px 24px rgba(7,59,46,.18)!important}

.header-join:hover,.retail-btn.primary:hover{
transform:translateY(-1px);
box-shadow:0 16px 34px rgba(7,59,46,.24)!important}


.commerce-home{
overflow:hidden}

.retail-hero{
max-width:1450px!important;
margin:28px auto 0!important;
padding:clamp(26px,4vw,66px)!important;
min-height:650px!important;
display:grid!important;
grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
gap:clamp(30px,5vw,86px)!important;
align-items:center!important;
background:
  linear-gradient(110deg,rgba(255,253,248,.96),rgba(244,247,240,.93)),
  repeating-linear-gradient(90deg,transparent 0 42px,rgba(7,59,46,.025) 43px 44px)!important;

  border:1px solid rgba(7,59,46,.11)!important;
border-radius:36px!important;
box-shadow:var(--v4-shadow)!important;
position:relative}

.retail-hero:before{
content:"";
position:absolute;
inset:16px;
border:1px solid rgba(200,157,72,.25);
border-radius:26px;
pointer-events:none}

.retail-hero:after{
content:"ALPLINE  •  WELLNESS  •  INDIA";
position:absolute;
right:-78px;
top:46%;
transform:rotate(90deg);
font-size:10px;
letter-spacing:.32em;
color:rgba(7,59,46,.38);
font-weight:800}

.retail-hero__copy{
position:relative;
z-index:3}

.retail-kicker,.enterprise-signature__intro>p,.retail-section header>p,.business-banner p{
font-size:.78rem!important;
letter-spacing:.18em!important;
font-weight:850!important;
color:#8b6a2d!important}

.retail-hero__copy h1{
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(3.1rem,6.8vw,6.6rem)!important;
line-height:.9!important;
letter-spacing:-.055em!important;
color:var(--v4-deep)!important;
margin:.12em 0 .28em!important;
max-width:880px}

.retail-hero__copy h1 em{
font-weight:400!important;
color:#846425!important;
text-decoration:none!important}

.retail-hero__copy>p{
max-width:680px!important;
font-size:clamp(1.05rem,1.45vw,1.32rem)!important;
line-height:1.75!important;
color:#476358!important}

.retail-actions{
gap:12px!important;
flex-wrap:wrap}

.retail-btn{
border-radius:999px!important;
padding:15px 24px!important;
font-size:.86rem!important;
font-weight:850!important;
letter-spacing:.06em!important;
transition:.22s ease!important}

.retail-btn.secondary,.retail-btn.light{
background:rgba(255,253,248,.9)!important;
border:1px solid rgba(7,59,46,.18)!important;
color:var(--v4-deep)!important}

.hero-trust{
margin-top:34px!important;
padding-top:24px!important;
border-top:1px solid var(--v4-line)!important;
display:grid!important;
grid-template-columns:repeat(3,1fr)!important;
gap:16px!important}

.hero-trust span{
font-size:.9rem!important;
color:#476358!important}
.hero-trust b{
display:block!important;
font-family:Georgia,serif!important;
font-size:1.45rem!important;
color:var(--v4-brass)!important;
margin-bottom:4px}

.retail-hero__visual{
position:relative!important;
min-height:520px!important;
display:grid!important;
place-items:center!important;
background:
  radial-gradient(circle at 50% 45%,rgba(255,255,255,.94) 0 27%,rgba(227,236,229,.82) 28% 52%,rgba(7,59,46,.05) 53% 70%,transparent 71%)!important;
border-radius:32px!important}

.retail-hero__visual:before,.retail-hero__visual:after{
content:"";
position:absolute;
border:1px solid rgba(7,59,46,.12);
border-radius:50%}

.retail-hero__visual:before{
width:78%;
aspect-ratio:1}
.retail-hero__visual:after{
width:58%;
aspect-ratio:1;
border-color:rgba(200,157,72,.34)}

.hero-product-card{
z-index:3!important;
background:rgba(255,253,248,.96)!important;
border:1px solid rgba(7,59,46,.12)!important;
border-radius:24px!important;
padding:18px!important;
box-shadow:0 28px 75px rgba(5,42,34,.18)!important;
transform:rotate(-2.2deg)!important;
max-width:min(92%,460px)!important}

.hero-product-card img{
filter:drop-shadow(0 22px 22px rgba(7,59,46,.14))!important}

.hero-product-card b{
font-family:Georgia,serif!important;
color:var(--v4-deep)!important;
font-size:1.4rem!important}

.hero-seal{
width:102px!important;
height:102px!important;
border-radius:50%!important;
background:var(--v4-deep)!important;
color:#f4e4b8!important;
border:7px solid var(--v4-paper)!important;
outline:1px solid rgba(200,157,72,.55)!important;
box-shadow:0 18px 40px rgba(5,42,34,.18)!important;
letter-spacing:.08em!important}

.visual-label{
background:var(--v4-paper)!important;
border:1px solid var(--v4-line)!important;
border-radius:999px!important;
padding:9px 14px!important;
color:#617a70!important;
letter-spacing:.11em!important;
font-size:.68rem!important;
font-weight:800!important}


.enterprise-signature,.home-portal-suite,.retail-section,.confidence-row,.business-banner,.catalogue-banner,.career-90-banner{
max-width:1450px!important;
margin-left:auto!important;
margin-right:auto!important}

.enterprise-signature{
margin-top:34px!important;
padding:clamp(30px,5vw,64px)!important;
background:var(--v4-deep)!important;
border-radius:30px!important;
box-shadow:0 25px 70px rgba(5,42,34,.2)!important;
position:relative;
overflow:hidden}

.enterprise-signature:after{
content:"";
position:absolute;
width:360px;
height:360px;
border-radius:50%;
border:1px solid rgba(234,216,168,.22);
right:-130px;
top:-100px;
box-shadow:0 0 0 50px rgba(234,216,168,.04),0 0 0 100px rgba(234,216,168,.025)}

.enterprise-signature__intro h2,.business-banner h2,.career-90-copy h2{
font-family:Georgia,serif!important;
letter-spacing:-.035em!important}

.enterprise-signature__intro h2,.enterprise-signature__intro span,.enterprise-signature__rail b,.enterprise-signature__rail span{
color:#f7f2e7!important}

.enterprise-signature__intro h2 em{
color:#e2c378!important;
font-weight:400}

.enterprise-signature__rail article{
border-color:rgba(255,255,255,.12)!important;
background:rgba(255,255,255,.035)!important;
border-radius:18px!important}

.enterprise-signature__rail i{
color:#e4c67e!important}


.home-portal-suite{
margin-top:34px!important;
padding:clamp(24px,4vw,46px)!important;
background:var(--v4-paper)!important;
border:1px solid var(--v4-line)!important;
border-radius:28px!important;
box-shadow:var(--v4-shadow-soft)!important}

.home-portal-suite>div>a{
border-radius:18px!important;
border:1px solid var(--v4-line)!important;
background:linear-gradient(180deg,#fffdf8,#f8f8f2)!important;
transition:.22s ease!important}

.home-portal-suite>div>a:hover{
transform:translateY(-4px);
border-color:rgba(200,157,72,.5)!important;
box-shadow:0 18px 34px rgba(5,42,34,.09)!important}

.home-portal-suite i{
font-style:normal!important;
color:var(--v4-brass)!important}

.home-portal-suite b{
color:var(--v4-deep)!important}


.retail-section{
padding-top:clamp(46px,6vw,86px)!important}

.retail-section h2{
font-family:Georgia,serif!important;
font-size:clamp(2.2rem,4vw,4rem)!important;
color:var(--v4-deep)!important;
letter-spacing:-.04em!important}

.category-row>a,.retail-product-grid article{
background:var(--v4-paper)!important;
border:1px solid var(--v4-line)!important;
border-radius:22px!important;
box-shadow:0 12px 30px rgba(5,42,34,.055)!important;
transition:.24s ease!important}

.category-row>a:hover,.retail-product-grid article:hover{
transform:translateY(-5px)!important;
box-shadow:0 20px 42px rgba(5,42,34,.1)!important;
border-color:rgba(200,157,72,.5)!important}

.retail-product-image{
background:linear-gradient(145deg,#f3f5ee,#fffdf8)!important;
border-radius:18px!important}

.retail-product-grid h3{
font-family:Georgia,serif!important;
color:var(--v4-deep)!important}


.confidence-row{
margin-top:70px!important;
background:transparent!important;
display:grid!important;
grid-template-columns:repeat(4,1fr)!important;
gap:14px!important}

.confidence-row article{
background:var(--v4-paper)!important;
border:1px solid var(--v4-line)!important;
border-radius:20px!important;
padding:28px!important}

.confidence-row span{
color:var(--v4-brass)!important;
font-size:1.7rem!important}
.confidence-row h3{
color:var(--v4-deep)!important}

.business-banner{
margin-top:34px!important;
border-radius:32px!important;
background:linear-gradient(115deg,#063328,#0b4b39 63%,#7d6228 130%)!important;
box-shadow:var(--v4-shadow)!important;
overflow:hidden;
position:relative}

.business-banner:after{
content:"";
position:absolute;
width:430px;
height:430px;
right:-150px;
bottom:-250px;
border-radius:50%;
border:1px solid rgba(255,255,255,.18);
box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}

.catalogue-banner{
margin-top:24px!important;
margin-bottom:70px!important;
border:1px solid var(--v4-line)!important;
background:var(--v4-paper)!important;
border-radius:24px!important}

.premium-company-footer{
background:#052a22!important;
color:#e7eee9!important;
border-top:4px solid #b78c3d!important}

.premium-company-footer a,.premium-company-footer span,.premium-company-footer p,.premium-company-footer small{
color:#cbd9d2!important}

.premium-company-footer strong{
color:#f1dca6!important}


/* Portal shell — dense but calm, human-readable and operational. */
.portal-body{
background:#eef3f0!important}

.portal-shell{
background:#eef3f0!important}

.portal-sidebar{
background:linear-gradient(180deg,#052e24 0%,#073d30 48%,#062b23 100%)!important;
border-right:1px solid rgba(255,255,255,.08)!important;
box-shadow:14px 0 35px rgba(5,42,34,.08)!important}

.portal-brand{
padding-top:24px!important;
padding-bottom:18px!important}
.portal-brand img{
background:#fff!important;
border-radius:16px!important;
padding:5px!important;
box-shadow:0 10px 24px rgba(0,0,0,.16)!important}
.portal-brand b{
letter-spacing:.11em!important}
.portal-brand small{
letter-spacing:.13em!important;
color:#c6d8cf!important}

.portal-nav-label{
color:#9fb9ae!important;
letter-spacing:.16em!important;
font-size:.68rem!important;
margin-top:22px!important}

.portal-nav a{
border-radius:12px!important;
margin:3px 10px!important;
color:#d9e5df!important;
min-height:43px!important;
font-size:.89rem!important;
transition:.18s ease!important}

.portal-nav a i{
color:#dabf7b!important}
.portal-nav a:hover{
background:rgba(255,255,255,.07)!important;
transform:translateX(2px)}
.portal-nav a.active{
background:#f8f5ec!important;
color:#073b2e!important;
box-shadow:0 10px 24px rgba(0,0,0,.13)!important}
.portal-nav a.active i{
color:#9a7429!important}

.portal-stage{
background:#eef3f0!important}
.portal-topbar{
background:rgba(255,253,248,.95)!important;
border-bottom:1px solid var(--v4-line)!important;
backdrop-filter:blur(14px)!important;
min-height:76px!important;
box-shadow:0 7px 24px rgba(5,42,34,.04)!important}

.portal-content{
background:transparent!important;
padding:clamp(18px,2.5vw,34px)!important}

.portal-content h1,.dashboard h1{
font-family:Georgia,serif!important;
color:var(--v4-deep)!important;
letter-spacing:-.035em!important}

.control-card,.glass-panel,.seller-kpis article,.customer-kpis article,.metric-card,.stat-card,.dashboard-card{
background:rgba(255,253,248,.96)!important;
border:1px solid var(--v4-line)!important;
border-radius:20px!important;
box-shadow:0 10px 28px rgba(5,42,34,.055)!important}

.control-card:hover,.seller-kpis article:hover,.customer-kpis article:hover{
border-color:rgba(200,157,72,.4)!important}

.btn,.portal-content button{
border-radius:12px!important;
font-weight:800!important}
.btn.gold{
background:linear-gradient(135deg,#b8882f,#d2aa5b)!important;
color:#102a22!important;
border:0!important;
box-shadow:0 9px 22px rgba(184,136,47,.2)!important}
.btn:not(.gold){
transition:.18s ease!important}

input,select,textarea{
border-radius:12px!important;
border:1px solid rgba(16,42,34,.17)!important;
background:#fff!important;
min-height:44px!important;
font-size:16px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.6)!important}
input:focus,select:focus,textarea:focus{
outline:3px solid rgba(200,157,72,.18)!important;
border-color:#b58a3d!important}

.table-wrap,table{
border-radius:14px!important}
th{
letter-spacing:.04em!important;
color:#476358!important;
background:#eef3ef!important}
td{
border-color:rgba(16,42,34,.08)!important}

.data-badge,.status.active{
background:#dfeee7!important;
color:#0c5a42!important;
border-color:#b9d8c9!important}
.status.pending{
background:#fff3d8!important;
color:#7b5a16!important;
border-color:#ebd09a!important}

.flash{
border-radius:14px!important;
box-shadow:0 12px 26px rgba(5,42,34,.08)!important}


/* Genealogy and India map deserve a premium operational frame. */
.india-coverage-card,.india-coverage,.genealogy-command,.genealogy-panel{
background:var(--v4-paper)!important;
border:1px solid var(--v4-line)!important;
border-radius:24px!important;
box-shadow:var(--v4-shadow-soft)!important}

.india-coverage svg{
filter:drop-shadow(0 14px 24px rgba(5,42,34,.10))}


/* Mobile-first ergonomics. */
@media(max-width:980px){

  .retail-hero{
grid-template-columns:1fr!important;
min-height:auto!important;
margin:14px 12px 0!important;
padding:28px 22px!important;
border-radius:26px!important}

  .retail-hero:after{
display:none}
.retail-hero__copy h1{
font-size:clamp(3rem,14vw,5.3rem)!important}
.retail-hero__visual{
min-height:390px!important}
.hero-trust{
grid-template-columns:1fr 1fr 1fr!important}

  .enterprise-signature,.home-portal-suite,.retail-section,.confidence-row,.business-banner,.catalogue-banner,.career-90-banner{
margin-left:12px!important;
margin-right:12px!important}

  .confidence-row{
grid-template-columns:1fr 1fr!important}
.portal-content{
padding:16px!important}

}

@media(max-width:640px){

  .retail-hero__copy h1{
font-size:clamp(2.7rem,15vw,4.35rem)!important}
.retail-hero__visual{
min-height:320px!important}
.hero-product-card{
transform:none!important}
.hero-seal{
width:80px!important;
height:80px!important;
font-size:.68rem!important}
.hero-trust{
grid-template-columns:1fr!important}
.confidence-row{
grid-template-columns:1fr!important}
.enterprise-signature{
padding:28px 20px!important}
.home-portal-suite{
padding:24px 16px!important}
.retail-section{
padding-left:4px!important;
padding-right:4px!important}

  .portal-content h1,.dashboard h1{
font-size:clamp(1.9rem,9vw,2.8rem)!important}

}


@media(prefers-reduced-motion:reduce){
*{
scroll-behavior:auto!important;
transition:none!important;
animation:none!important}
}


/* 4.0.1 editorial brand layer — asymmetric, tactile and intentionally non-template. */
.v4-editorial-strip{
max-width:1450px;
margin:22px auto 0;
padding:18px 22px;
display:grid;
grid-template-columns:minmax(260px,.82fr) 1.5fr;
gap:24px;
align-items:center;
border-top:1px solid rgba(14,58,45,.16);
border-bottom:1px solid rgba(14,58,45,.16);
color:#123a2f}

.v4-editorial-strip__lead{
display:flex;
flex-direction:column;
gap:3px}
.v4-editorial-strip__lead span{
font-size:.66rem;
letter-spacing:.18em;
font-weight:900;
color:#8a6b2c}
.v4-editorial-strip__lead strong{
font:600 clamp(1.25rem,2vw,1.8rem)/1.05 Georgia,serif;
letter-spacing:-.025em}

.v4-editorial-strip__items{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px}
.v4-editorial-strip__items article{
display:grid;
grid-template-columns:auto 1fr;
gap:10px;
align-items:start;
padding:10px 13px;
border-left:1px solid rgba(14,58,45,.13)}
.v4-editorial-strip__items b{
font:700 .72rem/1.4 Georgia,serif;
color:#b3822f}
.v4-editorial-strip__items span{
font-size:.82rem;
line-height:1.45;
color:#567268}


.v4-brand-stage{
max-width:1450px;
margin:34px auto 0;
min-height:520px;
display:grid;
grid-template-columns:1.04fr .96fr;
background:linear-gradient(126deg,#fdfbf4 0%,#f5f7f0 58%,#eef5f0 100%);
border:1px solid rgba(13,63,48,.13);
border-radius:34px;
overflow:hidden;
box-shadow:0 28px 80px rgba(5,42,34,.09);
position:relative}

.v4-brand-stage:before{
content:"ALPLINE";
position:absolute;
left:-14px;
bottom:-38px;
font:900 clamp(7rem,17vw,18rem)/.75 Georgia,serif;
letter-spacing:-.09em;
color:rgba(6,58,45,.025);
pointer-events:none}

.v4-brand-stage__copy{
padding:clamp(36px,6vw,86px);
align-self:center;
position:relative;
z-index:2}
.v4-brand-stage__copy>p{
margin:0 0 15px;
font-size:.68rem;
letter-spacing:.2em;
font-weight:900;
color:#9c742c}
.v4-brand-stage__copy h2{
max-width:760px;
margin:0;
font:600 clamp(2.7rem,5.1vw,5.8rem)/.92 Georgia,serif;
letter-spacing:-.055em;
color:#07382c}
.v4-brand-stage__copy h2 em{
font-weight:400;
color:#a77c2d}
.v4-brand-stage__copy>span{
display:block;
max-width:660px;
margin-top:25px;
font-size:clamp(1rem,1.35vw,1.2rem);
line-height:1.65;
color:#58736a}
.v4-brand-stage__marks{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:30px}
.v4-brand-stage__marks b{
padding:9px 13px;
border:1px solid rgba(9,57,44,.13);
border-radius:999px;
background:rgba(255,255,255,.58);
font-size:.72rem;
letter-spacing:.06em;
color:#214b3e}

.v4-brand-stage__visual{
position:relative;
min-height:520px;
background:radial-gradient(circle at 50% 50%,rgba(207,168,82,.18),transparent 20%),linear-gradient(145deg,#063d30,#052b23);
overflow:hidden}

.v4-brand-stage__visual:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
background-size:34px 34px;
mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}

.v4-orbit{
position:absolute;
left:50%;
top:50%;
border:1px solid rgba(235,210,151,.25);
border-radius:50%;
transform:translate(-50%,-50%) rotate(-12deg)}
.v4-orbit--one{
width:240px;
height:240px}
.v4-orbit--two{
width:385px;
height:300px}
.v4-orbit--three{
width:555px;
height:420px}

.v4-core{
position:absolute;
z-index:3;
left:50%;
top:50%;
width:170px;
height:170px;
transform:translate(-50%,-50%);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,253,247,.97);
box-shadow:0 30px 80px rgba(0,0,0,.28),0 0 0 12px rgba(255,255,255,.035);
border:1px solid rgba(231,200,128,.7)}
.v4-core img{
width:72px;
height:72px;
object-fit:contain}
.v4-core span{
margin-top:5px;
font:900 .95rem/1 Georgia,serif;
letter-spacing:.12em;
color:#07382c}
.v4-core small{
margin-top:5px;
font-size:.51rem;
letter-spacing:.14em;
color:#80652f;
font-weight:900}

.v4-node{
position:absolute;
z-index:4;
display:grid;
place-items:center;
width:76px;
height:76px;
border-radius:50%;
background:#0c503e;
color:#f3e3b5;
border:1px solid rgba(235,210,151,.42);
box-shadow:0 16px 38px rgba(0,0,0,.22);
font-size:.58rem;
letter-spacing:.12em;
font-weight:900}
.v4-node--a{
left:15%;
top:20%}
.v4-node--b{
right:13%;
top:24%}
.v4-node--c{
left:18%;
bottom:18%}
.v4-node--d{
right:15%;
bottom:16%}


/* Header refinement: fewer template cues, more editorial detail. */
.premium-company-header .main-header{
border-bottom:1px solid rgba(8,55,42,.11)!important}
.premium-company-header .brand b{
font-family:Georgia,serif!important;
letter-spacing:.14em!important}
.premium-company-header .brand small{
letter-spacing:.11em!important}
.premium-company-header .primary-nav a{
font-size:.76rem!important;
letter-spacing:.065em!important;
font-weight:850!important}
.premium-company-header .primary-nav a.active:after{
height:1px!important;
background:#ae812d!important}


/* Login becomes a deliberate brand experience rather than a utility form. */
.login-suite{
max-width:1360px!important;
margin:clamp(30px,6vw,90px) auto!important;
padding:0 18px!important;
display:grid!important;
grid-template-columns:minmax(0,1.1fr) minmax(360px,.72fr)!important;
gap:24px!important}
.login-suite__intro{
padding:clamp(34px,5vw,72px)!important;
border-radius:30px!important;
background:linear-gradient(135deg,#052d24,#0a4a39)!important;
color:#f6f0e4!important;
box-shadow:0 30px 85px rgba(5,42,34,.2)!important;
position:relative;
overflow:hidden}
.login-suite__intro:after{
content:"";
position:absolute;
width:420px;
height:420px;
border-radius:50%;
right:-160px;
bottom:-220px;
border:1px solid rgba(239,216,160,.26);
box-shadow:0 0 0 58px rgba(239,216,160,.045),0 0 0 116px rgba(239,216,160,.025)}
.login-suite__intro h1{
font:600 clamp(3.4rem,6vw,6.7rem)/.88 Georgia,serif!important;
letter-spacing:-.055em!important;
color:#fffaf0!important}
.login-suite__intro h1 em{
color:#e2c27b!important;
font-weight:400}
.login-suite__intro>p:not(.eyebrow){
max-width:700px;
color:#c9dad2!important;
font-size:1.03rem!important}
.login-portal-grid a{
border:1px solid rgba(255,255,255,.11)!important;
background:rgba(255,255,255,.035)!important;
border-radius:16px!important;
color:#edf4ef!important}
.login-portal-grid a.active{
background:#fffaf0!important;
color:#0a4133!important;
border-color:#e2c27b!important}
.login-suite__card{
border-radius:30px!important;
border:1px solid rgba(7,59,46,.13)!important;
box-shadow:0 25px 70px rgba(5,42,34,.1)!important;
background:#fffdf8!important;
padding:clamp(28px,4vw,48px)!important}
.login-suite__card h2{
font:600 clamp(2.2rem,3vw,3.4rem)/1 Georgia,serif!important;
letter-spacing:-.04em!important;
color:#07382c!important}


/* Portal finishing touches for dashboard cards and finance-heavy tables. */
.portal-topbar{
border-top:3px solid rgba(197,151,62,.68)!important}
.portal-content>main,.portal-content>.dashboard{
max-width:1600px;
margin-inline:auto}
.portal-content section.control-card>p.eyebrow:first-child{
color:#9b742c!important}
.portal-content table tbody tr{
transition:.14s ease}
.portal-content table tbody tr:hover{
background:rgba(239,244,240,.72)!important}
.portal-content summary{
cursor:pointer;
font-weight:850;
color:#153f33}
.portal-content .notice{
border-left:3px solid #c39742!important;
background:#f7f4e9!important}


@media(max-width:980px){
.v4-editorial-strip{
margin-left:12px;
margin-right:12px;
grid-template-columns:1fr}
.v4-editorial-strip__items{
grid-template-columns:1fr 1fr 1fr}
.v4-brand-stage{
margin-left:12px;
margin-right:12px;
grid-template-columns:1fr}
.v4-brand-stage__visual{
min-height:430px}
.login-suite{
grid-template-columns:1fr!important;
margin:18px auto!important}
}

@media(max-width:640px){
.v4-editorial-strip__items{
grid-template-columns:1fr}
.v4-editorial-strip__items article{
border-left:0;
border-top:1px solid rgba(14,58,45,.13)}
.v4-brand-stage{
border-radius:26px}
.v4-brand-stage__copy{
padding:34px 22px}
.v4-brand-stage__copy h2{
font-size:clamp(2.65rem,13vw,4.3rem)}
.v4-brand-stage__visual{
min-height:360px}
.v4-orbit--three{
width:430px;
height:330px}
.v4-orbit--two{
width:320px;
height:250px}
.v4-core{
width:136px;
height:136px}
.v4-core img{
width:58px;
height:58px}
.v4-node{
width:62px;
height:62px;
font-size:.5rem}
.login-suite__intro,.login-suite__card{
border-radius:24px!important}
}


/* 4.0.2 storage-health clarity — owner sees growth before it becomes a hosting problem. */
.storage-health-v4{
overflow:hidden}
.storage-health-total{
display:flex;
align-items:flex-end;
gap:10px;
flex-wrap:wrap;
justify-content:flex-end}
.storage-health-total small{
width:100%;
text-align:right;
font-size:.62rem;
letter-spacing:.14em;
font-weight:900;
color:#74877f}
.storage-health-total b{
font:700 clamp(1.8rem,3vw,3rem)/1 Georgia,serif;
color:#07382c}
.storage-health-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-top:20px}
.storage-health-row{
display:grid;
grid-template-columns:1fr auto;
gap:7px 14px;
align-items:center;
padding:15px 16px;
border:1px solid #dfe8e2;
border-radius:16px;
background:#fffdf8}
.storage-health-row span{
display:flex;
flex-direction:column;
gap:2px}
.storage-health-row small{
font-size:.56rem;
letter-spacing:.13em;
font-weight:900;
color:#82938c}
.storage-health-row span b{
font-size:.86rem;
color:#173f33}
.storage-health-row>strong{
font:700 1.15rem/1 Georgia,serif;
color:#0b4b3b}
.storage-health-row>em{
grid-column:1/-1;
font-size:.69rem;
color:#82938c;
font-style:normal}
.storage-protected{
border-left:3px solid #0c6a51}
.storage-controlled{
border-left:3px solid #c79b43}
.storage-disposable{
border-left:3px solid #8a98a0}
.storage-runtime{
border-left:3px solid #7890a2}
.storage-code{
border-left:3px solid #486d61}
.storage-policy-row{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:12px}
.storage-policy-row span{
padding:14px 16px;
border-radius:14px;
background:#eef5f1;
display:flex;
flex-direction:column}
.storage-policy-row b{
font:700 1.25rem/1.1 Georgia,serif;
color:#07382c}
.storage-policy-row small{
margin-top:5px;
color:#6c8178;
font-size:.72rem}
@media(max-width:980px){
.storage-health-grid{
grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
.storage-health-grid,.storage-policy-row{
grid-template-columns:1fr}
.storage-health-total{
justify-content:flex-start}
.storage-health-total small{
text-align:left}
}


/* 4.0.2 product-house mosaic — real product photography, editorial composition, no stock-template feel. */
.v4-signature-mosaic{
max-width:1450px;
margin:34px auto 0;
padding:clamp(28px,4vw,56px);
display:grid;
grid-template-columns:.72fr 1.28fr;
gap:clamp(22px,4vw,58px);
align-items:center;
background:#0a3b30;
border-radius:34px;
position:relative;
overflow:hidden;
box-shadow:0 32px 90px rgba(4,35,28,.16)}
.v4-signature-mosaic:before{
content:"PRODUCT HOUSE";
position:absolute;
left:-8px;
bottom:-18px;
font:800 clamp(5rem,12vw,12rem)/.8 Georgia,serif;
letter-spacing:-.075em;
color:rgba(255,255,255,.028);
white-space:nowrap}
.v4-signature-copy{
position:relative;
z-index:2}
.v4-signature-copy>p{
margin:0 0 16px;
font-size:.64rem;
letter-spacing:.21em;
font-weight:900;
color:#e0c376}
.v4-signature-copy h2{
margin:0;
font:600 clamp(2.8rem,5vw,5.4rem)/.91 Georgia,serif;
letter-spacing:-.052em;
color:#fffaf0}
.v4-signature-copy h2 em{
font-weight:400;
color:#e3c77d}
.v4-signature-copy>span{
display:block;
max-width:540px;
margin-top:24px;
font-size:1rem;
line-height:1.7;
color:#c6d7d0}
.v4-signature-copy>a{
display:inline-flex;
margin-top:26px;
padding:12px 0;
border-bottom:1px solid rgba(226,195,118,.7);
color:#f1d899;
font-size:.72rem;
letter-spacing:.1em;
font-weight:900}
.v4-product-mosaic{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.2fr .8fr .8fr;
grid-template-rows:1fr 1fr;
gap:12px;
min-height:510px}
.v4-mosaic-card{
position:relative;
overflow:hidden;
border-radius:22px;
background:#f7f2e7;
border:1px solid rgba(255,255,255,.1);
padding:16px;
display:flex;
flex-direction:column;
justify-content:flex-end;
box-shadow:0 20px 44px rgba(0,0,0,.14)}
.v4-mosaic-card--hero{
grid-row:1/3;
min-height:510px;
background:linear-gradient(160deg,#f6e7cd,#f9f6ec)}
.v4-mosaic-card:nth-child(2){
background:#eef2e7}
.v4-mosaic-card:nth-child(3){
background:#f6ece8}
.v4-mosaic-card:nth-child(4){
grid-column:2/4;
background:#eef4ef}
.v4-mosaic-card small{
position:absolute;
left:16px;
top:15px;
z-index:3;
font-size:.55rem;
letter-spacing:.14em;
font-weight:900;
color:#577064}
.v4-mosaic-card img{
position:absolute;
inset:42px 14px 58px;
width:calc(100% - 28px);
height:calc(100% - 100px);
object-fit:contain;
filter:drop-shadow(0 18px 18px rgba(17,46,37,.14));
transition:transform .35s ease}
.v4-mosaic-card:hover img{
transform:translateY(-5px) scale(1.025)}
.v4-mosaic-card b{
position:relative;
z-index:3;
font:700 clamp(1rem,1.8vw,1.55rem)/1 Georgia,serif;
color:#123e32}
.v4-mosaic-card span{
position:relative;
z-index:3;
margin-top:5px;
font-size:.7rem;
color:#6b7d76}


/* 4.0.2 portal identity — stronger command-centre hierarchy without hiding any function. */
.admin-console-head,.seller-command-hero,.franchise-hero{
position:relative;
overflow:hidden}
.admin-console-head:after,.seller-command-hero:after,.franchise-hero:after{
content:"";
position:absolute;
right:-90px;
top:-130px;
width:330px;
height:330px;
border-radius:50%;
border:1px solid rgba(215,177,92,.22);
box-shadow:0 0 0 48px rgba(215,177,92,.035),0 0 0 96px rgba(215,177,92,.02);
pointer-events:none}
.admin-quick-launch>a{
transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.admin-quick-launch>a:hover{
transform:translateY(-2px);
box-shadow:0 18px 36px rgba(5,42,34,.10);
border-color:rgba(184,139,55,.45)}
.admin-kpis article{
position:relative;
overflow:hidden}
.admin-kpis article:after{
content:"";
position:absolute;
right:-18px;
bottom:-30px;
width:82px;
height:82px;
border-radius:50%;
background:rgba(10,73,57,.045)}
.root-id-card{
border-top:3px solid #c69a43!important}
.root-id-card strong{
font-family:Georgia,serif!important;
letter-spacing:.04em!important}

@media(max-width:980px){
.v4-signature-mosaic{
margin-left:12px;
margin-right:12px;
grid-template-columns:1fr}
.v4-product-mosaic{
min-height:460px}
}
@media(max-width:640px){
.v4-signature-mosaic{
padding:30px 18px;
border-radius:26px}
.v4-signature-copy h2{
font-size:clamp(2.6rem,13vw,4.2rem)}
.v4-product-mosaic{
grid-template-columns:1fr 1fr;
grid-template-rows:300px 230px 230px;
min-height:auto}
.v4-mosaic-card--hero{
grid-column:1/3;
grid-row:1;
min-height:300px}
.v4-mosaic-card:nth-child(4){
grid-column:1/3}
.v4-mosaic-card img{
inset:38px 10px 50px;
width:calc(100% - 20px);
height:calc(100% - 88px)}
}


/* ========================================================================
   ALPLINE 4.0.3 — HUMAN OPERATING SYSTEM
   Final cascade layer. Presentation only: no income, ledger, genealogy,
   order, KYC, payout or governance semantics are changed here.
   ======================================================================== */
:root{

  --h-ink:#10261f;

  --h-ink-2:#334b42;

  --h-muted:#6f817a;

  --h-deep:#062f26;

  --h-deep-2:#0b4637;

  --h-deep-3:#143d34;

  --h-gold:#ba8a35;

  --h-gold-2:#e2c985;

  --h-canvas:#edf2ef;

  --h-paper:#fffefb;

  --h-paper-2:#f8f7f2;

  --h-line:#d8e1dc;

  --h-line-strong:#c2d0c8;

  --h-danger:#983f3c;

  --h-warning:#996d1e;

  --h-success:#176044;

  --h-blue:#315d72;

  --h-r1:10px;

  --h-r2:16px;

  --h-r3:24px;

  --h-shadow:0 18px 52px rgba(8,45,36,.08);

  --h-shadow-soft:0 8px 24px rgba(8,45,36,.055);

  --h-serif:Georgia,'Times New Roman',serif;

  --h-sans:'Segoe UI Variable','Segoe UI',Aptos,system-ui,-apple-system,sans-serif;

}


.alpline-human-os{
font-family:var(--h-sans)!important;
color:var(--h-ink)}

.alpline-human-os *{
box-sizing:border-box}

.alpline-human-os a,.alpline-human-os button,.alpline-human-os input,.alpline-human-os select,.alpline-human-os textarea{
font-family:inherit}

.alpline-human-os :focus-visible{
outline:3px solid rgba(186,138,53,.28)!important;
outline-offset:2px!important}


/* ---- Portal architecture: deliberate, calm, information-dense. ---- */
.alpline-human-os.portal-body{
background:var(--h-canvas)!important}

.alpline-human-os .portal-sidebar{

  width:296px!important;
padding:0 14px 24px!important;

  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 17%),
    linear-gradient(180deg,#051f19 0%,#082f26 48%,#09291f 100%)!important;

  border-right:1px solid rgba(227,201,133,.15)!important;

  box-shadow:18px 0 45px rgba(5,31,25,.09)!important;

  scrollbar-color:rgba(226,201,133,.35) transparent;

}

.alpline-human-os .portal-stage{
margin-left:296px!important;
min-width:0!important;
background:var(--h-canvas)!important}

.alpline-human-os .portal-brand{
min-height:92px!important;
height:auto!important;
margin:0!important;
padding:20px 13px 15px!important;
border-bottom:1px solid rgba(255,255,255,.07)!important}

.alpline-human-os .portal-brand img{
width:50px!important;
height:50px!important;
border-radius:13px!important;
padding:4px!important;
background:#fffdf8!important;
box-shadow:0 9px 24px rgba(0,0,0,.18)!important}

.alpline-human-os .portal-brand b{
font:800 17px/1 var(--h-serif)!important;
letter-spacing:.15em!important;
color:#fffdf6!important}

.alpline-human-os .portal-brand small{
margin-top:5px!important;
font-size:9px!important;
letter-spacing:.15em!important;
color:#a8c0b6!important}

.alpline-human-os .live-data-badge{
margin:14px 10px 8px!important;
padding:9px 11px!important;
border:0!important;
border-left:2px solid var(--h-gold)!important;
border-radius:0!important;
background:rgba(226,201,133,.055)!important;
color:#d9e5df!important}

.alpline-human-os .live-data-badge i{
box-shadow:0 0 0 4px rgba(69,179,128,.08)!important}

.alpline-human-os .portal-nav-label{
margin:18px 10px 7px!important;
padding:0!important;
font-size:9px!important;
letter-spacing:.2em!important;
color:#738f84!important}

.alpline-human-os .portal-nav{
gap:2px!important;
padding:0 0 8px!important}

.alpline-human-os .portal-nav>a,.alpline-human-os .portal-nav-group>summary{

  min-height:44px!important;
margin:1px 0!important;
padding:8px 10px!important;
border-radius:9px!important;

  color:#cbdad4!important;
font-size:13px!important;
font-weight:630!important;
letter-spacing:.005em!important;

  border:1px solid transparent!important;
transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important
}

.alpline-human-os .portal-nav>a i,.alpline-human-os .portal-nav-group>summary i{

  width:27px!important;
height:27px!important;
border:0!important;
border-radius:8px!important;
background:rgba(255,255,255,.035)!important;
color:#d4b76e!important;
font-size:14px!important
}

.alpline-human-os .portal-nav>a:hover,.alpline-human-os .portal-nav-group>summary:hover{
background:rgba(255,255,255,.055)!important;
color:#fff!important;
border-color:rgba(255,255,255,.055)!important;
transform:none!important}

.alpline-human-os .portal-nav>a.active{
background:#f7f3e8!important;
color:#0a392c!important;
border-color:#eadcb5!important;
box-shadow:0 9px 22px rgba(0,0,0,.15)!important}

.alpline-human-os .portal-nav>a.active i{
background:#ece0bf!important;
color:#74551b!important}

.alpline-human-os .portal-nav-group[open]{
background:rgba(255,255,255,.025)!important;
border-radius:10px!important}

.alpline-human-os .portal-nav-group>a{
min-height:36px!important;
margin:0 8px 0 42px!important;
padding:7px 9px!important;
border-left:1px solid rgba(226,201,133,.2)!important;
border-radius:0!important;
font-size:11px!important;
color:#a9c1b7!important}

.alpline-human-os .portal-nav-group>a.active{
background:transparent!important;
color:#f4d68e!important;
border-left-color:#e0b95d!important;
box-shadow:none!important}

.alpline-human-os .portal-public-link{
margin:8px 2px!important;
border:1px solid rgba(255,255,255,.13)!important;
border-radius:9px!important;
background:rgba(255,255,255,.025)!important;
font-size:10px!important;
letter-spacing:.07em!important;
color:#c7d8d1!important}


.alpline-human-os .portal-topbar{

  min-height:80px!important;
height:80px!important;
padding:0 26px!important;
gap:14px!important;

  background:rgba(255,254,251,.965)!important;
border-bottom:1px solid var(--h-line)!important;
border-top:0!important;

  box-shadow:0 6px 22px rgba(8,45,36,.035)!important;
backdrop-filter:blur(14px)!important
}

.alpline-human-os .topbar-identity{
padding-left:14px!important;
border-left:1px solid var(--h-line)!important}

.alpline-human-os .topbar-identity small{
font-size:9px!important;
letter-spacing:.15em!important;
color:#8e6d2d!important}

.alpline-human-os .topbar-identity b{
font-size:14px!important;
color:#173b31!important}

.alpline-human-os .esc-back,.alpline-human-os .sidebar-toggle{
border-radius:8px!important;
border:1px solid var(--h-line)!important;
background:#faf9f5!important;
color:#254b3f!important;
box-shadow:none!important}

.alpline-human-os .portal-top-actions{
gap:8px!important}

.alpline-human-os .portal-top-actions>a,.alpline-human-os .portal-top-actions summary{
padding:9px 11px!important;
border:1px solid transparent!important;
border-radius:8px!important;
color:#35564b!important;
font-size:12px!important;
font-weight:720!important}

.alpline-human-os .portal-top-actions>a:hover,.alpline-human-os .portal-top-actions summary:hover{
background:#f4f5f1!important;
border-color:var(--h-line)!important}

.alpline-human-os .portal-top-actions details form{
top:42px!important;
width:170px!important;
padding:8px!important;
border:1px solid var(--h-line)!important;
border-radius:12px!important;
box-shadow:var(--h-shadow)!important;
background:#fffefb!important}


.alpline-human-os .portal-content{
padding:24px clamp(18px,2.25vw,36px) 58px!important;
background:
  linear-gradient(180deg,rgba(255,255,255,.26),transparent 260px),var(--h-canvas)!important}

.alpline-human-os .portal-content>main,.alpline-human-os .portal-content>.dashboard{
max-width:1540px!important;
margin:0 auto!important}

.alpline-human-os .portal-content h1{
font-family:var(--h-serif)!important;
font-weight:620!important;
letter-spacing:-.04em!important;
color:#0d392e!important}

.alpline-human-os .portal-content h2{
font-family:var(--h-serif)!important;
font-weight:620!important;
letter-spacing:-.025em!important;
color:#173b31!important}

.alpline-human-os .portal-content h3{
font-weight:760!important;
color:#173b31!important}

.alpline-human-os .portal-content p{
color:#556d64!important;
line-height:1.62!important}

.alpline-human-os .eyebrow{
font-size:9px!important;
letter-spacing:.19em!important;
font-weight:900!important;
color:#9a732c!important}

.alpline-human-os .section-title{
display:flex!important;
align-items:end!important;
justify-content:space-between!important;
gap:18px!important;
margin:34px 0 14px!important;
padding:0 2px 11px!important;
border-bottom:1px solid var(--h-line)!important}

.alpline-human-os .section-title h2{
margin:0!important;
font-size:clamp(1.45rem,2vw,2.05rem)!important}


/* ---- Dashboard hero: human-made editorial control surface, not a template block. ---- */
.alpline-human-os .admin-console-head,.alpline-human-os .dash-head{

  min-height:0!important;
margin:0 0 14px!important;
padding:clamp(28px,3.2vw,48px)!important;

  display:grid!important;
grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)!important;
gap:clamp(26px,4vw,58px)!important;
align-items:center!important;

  border:1px solid rgba(226,201,133,.2)!important;
border-radius:18px!important;

  background:
    radial-gradient(circle at 92% 8%,rgba(226,201,133,.14),transparent 20rem),
    linear-gradient(120deg,#062e25 0%,#0b4134 64%,#153d34 100%)!important;

  box-shadow:0 22px 58px rgba(6,46,37,.12)!important;
position:relative!important;
overflow:hidden!important
}

.alpline-human-os .admin-console-head:after,.alpline-human-os .dash-head:after{
content:"";
position:absolute;
right:-115px;
bottom:-150px;
width:330px;
height:330px;
border-radius:50%;
border:1px solid rgba(232,209,149,.18);
box-shadow:0 0 0 48px rgba(232,209,149,.028),0 0 0 96px rgba(232,209,149,.018);
pointer-events:none}

.alpline-human-os .admin-console-head h1,.alpline-human-os .dash-head h1{
margin:7px 0 14px!important;
font:620 clamp(2.6rem,4.4vw,5rem)/.93 var(--h-serif)!important;
letter-spacing:-.055em!important;
color:#fffdf7!important}

.alpline-human-os .admin-console-head h1 em,.alpline-human-os .dash-head h1 em{
font-weight:400!important;
color:#e0c377!important}

.alpline-human-os .admin-console-head p:not(.eyebrow),.alpline-human-os .dash-head p:not(.eyebrow){
max-width:760px!important;
margin-bottom:0!important;
color:#c7d7d1!important;
font-size:14px!important}

.alpline-human-os .root-id-card,.alpline-human-os .identity,.alpline-human-os .identity-card{
min-width:0!important;
padding:20px!important;
border:1px solid rgba(255,255,255,.14)!important;
border-radius:13px!important;
background:rgba(4,28,22,.34)!important;
backdrop-filter:blur(8px)!important;
color:#fff!important;
box-shadow:none!important}

.alpline-human-os .root-id-card strong,.alpline-human-os .identity b,.alpline-human-os .identity-card b{
font:750 clamp(1.45rem,2.2vw,2.05rem)/1 var(--h-sans)!important;
color:#f0d693!important;
letter-spacing:.01em!important}

.alpline-human-os .root-id-card p,.alpline-human-os .identity p,.alpline-human-os .identity-card p{
color:#c5d5cf!important;
font-size:12px!important}


/* ---- Actions & KPIs: less card spam, clearer visual hierarchy. ---- */
.alpline-human-os .admin-quick-launch,.alpline-human-os .function-launchpad{
margin:14px 0 18px!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:9px!important}

.alpline-human-os .admin-quick-launch>a,.alpline-human-os .function-launchpad>a{

  min-height:108px!important;
padding:16px!important;
border:1px solid var(--h-line)!important;
border-radius:12px!important;
background:var(--h-paper)!important;
color:var(--h-ink)!important;
text-decoration:none!important;
box-shadow:none!important;
transition:.16s ease!important;
position:relative!important;
overflow:hidden!important
}

.alpline-human-os .admin-quick-launch>a:before,.alpline-human-os .function-launchpad>a:before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:3px;
background:#d8e1dc}

.alpline-human-os .admin-quick-launch>a.primary:before,.alpline-human-os .function-launchpad>a.primary:before{
background:var(--h-gold)}

.alpline-human-os .admin-quick-launch>a:hover,.alpline-human-os .function-launchpad>a:hover{
transform:translateY(-2px)!important;
border-color:#c8b27f!important;
box-shadow:var(--h-shadow-soft)!important}

.alpline-human-os .admin-quick-launch i,.alpline-human-os .function-launchpad i{
font-style:normal!important;
color:#a27b31!important;
font-size:18px!important}

.alpline-human-os .admin-quick-launch b,.alpline-human-os .function-launchpad b{
font-size:12px!important;
letter-spacing:.035em!important;
color:#173b31!important}

.alpline-human-os .admin-quick-launch small,.alpline-human-os .function-launchpad small{
font-size:11px!important;
line-height:1.45!important;
color:#6b7d76!important}

.alpline-human-os .admin-kpis,.alpline-human-os .seller-kpis,.alpline-human-os .customer-kpis,.alpline-human-os .franchise-kpis,.alpline-human-os .team-numbers{
margin:0 0 18px!important;
padding:0!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:0!important;
border:1px solid var(--h-line)!important;
border-radius:14px!important;
background:var(--h-paper)!important;
overflow:hidden!important;
box-shadow:none!important}

.alpline-human-os .admin-kpis article,.alpline-human-os .seller-kpis article,.alpline-human-os .customer-kpis article,.alpline-human-os .franchise-kpis article,.alpline-human-os .team-numbers article{
min-height:104px!important;
margin:0!important;
padding:17px 18px!important;
border:0!important;
border-right:1px solid var(--h-line)!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
color:var(--h-ink)!important}

.alpline-human-os .admin-kpis article:nth-child(4n),.alpline-human-os .seller-kpis article:nth-child(4n),.alpline-human-os .customer-kpis article:nth-child(4n),.alpline-human-os .franchise-kpis article:nth-child(4n){
border-right:0!important}

.alpline-human-os .admin-kpis small,.alpline-human-os .seller-kpis small,.alpline-human-os .customer-kpis small,.alpline-human-os .franchise-kpis small{
font-size:9px!important;
letter-spacing:.11em!important;
text-transform:uppercase!important;
color:#71847c!important}

.alpline-human-os .admin-kpis b,.alpline-human-os .seller-kpis b,.alpline-human-os .customer-kpis b,.alpline-human-os .franchise-kpis b{
margin-top:7px!important;
font:750 clamp(1.45rem,2.25vw,2.2rem)/1 var(--h-sans)!important;
letter-spacing:-.04em!important;
color:#173b31!important}

.alpline-human-os .admin-kpis .warning,.alpline-human-os .admin-kpis .danger,.alpline-human-os .admin-kpis .success{
background:transparent!important}

.alpline-human-os .admin-kpis .warning b{
color:var(--h-warning)!important}
.alpline-human-os .admin-kpis .danger b{
color:var(--h-danger)!important}
.alpline-human-os .admin-kpis .success b{
color:var(--h-success)!important}


/* ---- Work cards, forms and long operational screens. ---- */
.alpline-human-os .control-card,.alpline-human-os .glass-panel,.alpline-human-os .workspace-card,.alpline-human-os .coverage-card,.alpline-human-os .executive-intelligence,.alpline-human-os .admin-action-inbox,.alpline-human-os .admin-action-feed,.alpline-human-os .reward-section,.alpline-human-os .franchise-control-matrix{

  margin:14px 0!important;
padding:clamp(18px,2vw,26px)!important;
border:1px solid var(--h-line)!important;
border-radius:14px!important;
background:var(--h-paper)!important;
box-shadow:none!important
}

.alpline-human-os .control-card:hover,.alpline-human-os .workspace-card:hover{
border-color:var(--h-line-strong)!important}

.alpline-human-os details.control-card>summary{
margin:-2px 0 15px!important;
padding:0 0 12px!important;
border-bottom:1px solid var(--h-line)!important;
font-size:12px!important;
letter-spacing:.035em!important;
color:#173b31!important}

.alpline-human-os .notice{
padding:12px 14px!important;
border:0!important;
border-left:3px solid #c59a48!important;
border-radius:7px!important;
background:#f7f4e9!important;
color:#5d604d!important;
font-size:12px!important}

.alpline-human-os .activation-strip{
margin:0 0 14px!important;
padding:15px 18px!important;
border-radius:12px!important;
border:1px solid #eadab1!important;
background:#faf5e8!important;
box-shadow:none!important}

.alpline-human-os .activation-strip.warning{
border-color:#e6c985!important;
background:#fbf3dc!important}

.alpline-human-os .activation-strip h2{
font-family:var(--h-sans)!important;
font-size:16px!important;
letter-spacing:-.015em!important}

.alpline-human-os .journal-form,.alpline-human-os .setting-form,.alpline-human-os .filter-bar{
gap:12px!important}

.alpline-human-os label{
font-size:11px!important;
font-weight:770!important;
letter-spacing:.025em!important;
color:#3f5e53!important}

.alpline-human-os input,.alpline-human-os select,.alpline-human-os textarea{
min-height:46px!important;
padding:10px 12px!important;
border:1px solid #ccd8d1!important;
border-radius:9px!important;
background:#fff!important;
color:#173b31!important;
font-size:15px!important;
box-shadow:none!important}

.alpline-human-os textarea{
min-height:105px!important;
resize:vertical}

.alpline-human-os input:focus,.alpline-human-os select:focus,.alpline-human-os textarea:focus{
border-color:#b58a3d!important;
outline:3px solid rgba(186,138,53,.13)!important}

.alpline-human-os .btn,.alpline-human-os .portal-content button{
min-height:42px!important;
padding:0 15px!important;
border-radius:9px!important;
font-size:11px!important;
font-weight:820!important;
letter-spacing:.025em!important;
box-shadow:none!important}

.alpline-human-os .btn.gold{
background:linear-gradient(135deg,#ad7d2c,#d2ad60)!important;
color:#142c24!important;
border:1px solid #b68a38!important}

.alpline-human-os .btn.dark{
background:#143d33!important;
color:#fff!important;
border:1px solid #143d33!important}

.alpline-human-os .btn.compact{
min-height:34px!important;
padding:0 10px!important;
font-size:10px!important}


/* Tables are operational evidence, not decorative cards. */
.alpline-human-os .table-wrap{
width:100%!important;
overflow:auto!important;
border:1px solid var(--h-line)!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important}

.alpline-human-os table{
width:100%!important;
border-collapse:separate!important;
border-spacing:0!important;
border-radius:0!important;
background:#fff!important}

.alpline-human-os th{
position:sticky;
top:0;
z-index:2;
padding:11px 12px!important;
background:#eef2ef!important;
border-bottom:1px solid #cdd9d2!important;
color:#526c62!important;
font-size:9px!important;
font-weight:850!important;
letter-spacing:.1em!important;
text-transform:uppercase!important;
white-space:nowrap!important}

.alpline-human-os td{
padding:12px!important;
border-bottom:1px solid #e6ece8!important;
color:#2d493f!important;
font-size:12px!important;
vertical-align:top!important;
line-height:1.48!important}

.alpline-human-os tr:last-child td{
border-bottom:0!important}

.alpline-human-os tbody tr:hover td{
background:#fafbf8!important}

.alpline-human-os td small{
font-size:10px!important;
color:#76877f!important}

.alpline-human-os .status,.alpline-human-os .data-badge{
border-radius:999px!important;
padding:4px 7px!important;
font-size:9px!important;
font-weight:850!important;
letter-spacing:.035em!important;
box-shadow:none!important}


/* ---- Member experience: warm business workspace, not mini-admin. ---- */
.alpline-human-os.member-portal .portal-sidebar{
background:linear-gradient(180deg,#06251d,#0a3b2e 58%,#09281f)!important}

.alpline-human-os.member-portal .dash-head{
background:radial-gradient(circle at 90% 20%,rgba(227,201,133,.13),transparent 20rem),linear-gradient(120deg,#0a3a2e,#14513f)!important}

.alpline-human-os .workspace-grid,.alpline-human-os .function-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important}

.alpline-human-os .workspace-grid>a,.alpline-human-os .workspace-card,.alpline-human-os .function-grid>a{
min-height:150px!important;
padding:18px!important;
border:1px solid var(--h-line)!important;
border-radius:12px!important;
background:var(--h-paper)!important;
box-shadow:none!important;
text-decoration:none!important;
color:var(--h-ink)!important}

.alpline-human-os .workspace-grid>a:hover,.alpline-human-os .function-grid>a:hover{
border-color:#c8b27f!important;
box-shadow:var(--h-shadow-soft)!important;
transform:translateY(-2px)!important}

.alpline-human-os .reward-track{
border-radius:12px!important;
background:#f5f1e5!important;
border:1px solid #e6dac0!important}

.alpline-human-os .impersonation-banner{
background:#4f3316!important;
color:#fff7e1!important;
border-bottom:1px solid #84612f!important}


/* ---- Franchise: operations-first, distinct but on-brand. ---- */
.alpline-human-os .franchise-command-strip{
margin:0 0 14px!important;
padding:15px 18px!important;
border:1px solid #cbd8d1!important;
border-left:4px solid #517b68!important;
border-radius:10px!important;
background:#f5f8f5!important}

.alpline-human-os .franchise-control-matrix{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:10px!important}

.alpline-human-os .franchise-control-matrix>*{
border:1px solid var(--h-line)!important;
border-radius:10px!important;
background:#fbfcf9!important}


/* ---- Public site: quieter premium editorial composition. ---- */
.alpline-human-os.public-body{
background:#f7f6f0!important}

.alpline-human-os .premium-company-header{
border-bottom:1px solid #dfe5e0!important;
box-shadow:0 6px 22px rgba(5,42,34,.035)!important}

.alpline-human-os .utility-bar{
min-height:31px!important;
background:#082c24!important;
font-size:10px!important;
letter-spacing:.075em!important}

.alpline-human-os .main-header{
min-height:78px!important}

.alpline-human-os .primary-nav a{
font-size:12px!important;
letter-spacing:.035em!important}

.alpline-human-os .retail-hero{
min-height:585px!important;
border-radius:24px!important;
border:1px solid #dce4df!important;
box-shadow:0 20px 58px rgba(7,48,38,.075)!important}

.alpline-human-os .retail-hero:before{
inset:11px!important;
border-radius:17px!important}

.alpline-human-os .retail-hero__copy h1{
font-size:clamp(3rem,6vw,6rem)!important}

.alpline-human-os .v4-signature-mosaic,.alpline-human-os .v4-brand-stage,.alpline-human-os .enterprise-signature{
border-radius:24px!important}

.alpline-human-os .home-portal-suite,.alpline-human-os .catalogue-banner{
border-radius:16px!important}

.alpline-human-os .category-row>a,.alpline-human-os .retail-product-grid article,.alpline-human-os .confidence-row article{
border-radius:14px!important;
box-shadow:none!important}

.alpline-human-os .retail-product-grid article:hover,.alpline-human-os .category-row>a:hover{
box-shadow:var(--h-shadow-soft)!important}


/* ---- Mobile/tablet: readable and thumb-friendly without hiding core work. ---- */
@media(max-width:1180px){

  .alpline-human-os .admin-quick-launch,.alpline-human-os .function-launchpad{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .alpline-human-os .admin-kpis,.alpline-human-os .seller-kpis,.alpline-human-os .customer-kpis,.alpline-human-os .franchise-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .alpline-human-os .admin-kpis article:nth-child(2n),.alpline-human-os .seller-kpis article:nth-child(2n),.alpline-human-os .customer-kpis article:nth-child(2n),.alpline-human-os .franchise-kpis article:nth-child(2n){
border-right:0!important}

  .alpline-human-os .workspace-grid,.alpline-human-os .function-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

}

@media(max-width:980px){

  .alpline-human-os .portal-sidebar{
width:286px!important;
transform:translateX(-100%)!important;
transition:transform .18s ease!important;
z-index:90!important}

  .alpline-human-os.sidebar-open .portal-sidebar{
transform:translateX(0)!important}

  .alpline-human-os .portal-stage{
margin-left:0!important}

  .alpline-human-os .sidebar-toggle{
display:inline-grid!important;
place-items:center!important}

  .alpline-human-os .portal-topbar{
padding:0 14px!important}

  .alpline-human-os .admin-console-head,.alpline-human-os .dash-head{
grid-template-columns:1fr!important;
padding:28px 24px!important}

  .alpline-human-os .root-id-card,.alpline-human-os .identity,.alpline-human-os .identity-card{
max-width:none!important}

  .alpline-human-os .franchise-control-matrix{
grid-template-columns:1fr 1fr!important}

}

@media(max-width:720px){

  .alpline-human-os .portal-content{
padding:14px 12px 48px!important}

  .alpline-human-os .portal-topbar{
height:68px!important;
min-height:68px!important}

  .alpline-human-os .topbar-identity{
display:none!important}

  .alpline-human-os .admin-console-head,.alpline-human-os .dash-head{
margin:0!important;
border-radius:14px!important;
padding:24px 19px!important}

  .alpline-human-os .admin-console-head h1,.alpline-human-os .dash-head h1{
font-size:clamp(2.35rem,11vw,3.55rem)!important}

  .alpline-human-os .admin-quick-launch,.alpline-human-os .function-launchpad{
grid-template-columns:1fr 1fr!important;
gap:7px!important}

  .alpline-human-os .admin-quick-launch>a,.alpline-human-os .function-launchpad>a{
min-height:98px!important;
padding:13px!important}

  .alpline-human-os .admin-kpis,.alpline-human-os .seller-kpis,.alpline-human-os .customer-kpis,.alpline-human-os .franchise-kpis{
grid-template-columns:1fr 1fr!important}

  .alpline-human-os .admin-kpis article,.alpline-human-os .seller-kpis article,.alpline-human-os .customer-kpis article,.alpline-human-os .franchise-kpis article{
min-height:91px!important;
padding:14px!important}

  .alpline-human-os .workspace-grid,.alpline-human-os .function-grid,.alpline-human-os .franchise-control-matrix{
grid-template-columns:1fr!important}

  .alpline-human-os .control-card,.alpline-human-os .workspace-card,.alpline-human-os .coverage-card,.alpline-human-os .executive-intelligence{
padding:16px!important;
border-radius:12px!important}

  .alpline-human-os th{
padding:10px!important}
.alpline-human-os td{
padding:10px!important}

  .alpline-human-os .retail-hero{
margin:10px!important;
border-radius:18px!important;
padding:25px 18px!important}

  .alpline-human-os .v4-signature-mosaic,.alpline-human-os .v4-brand-stage,.alpline-human-os .enterprise-signature,.alpline-human-os .home-portal-suite{
margin-left:10px!important;
margin-right:10px!important;
border-radius:18px!important}

}

@media(max-width:440px){

  .alpline-human-os .admin-quick-launch,.alpline-human-os .function-launchpad{
grid-template-columns:1fr!important}

  .alpline-human-os .admin-kpis,.alpline-human-os .seller-kpis,.alpline-human-os .customer-kpis,.alpline-human-os .franchise-kpis{
grid-template-columns:1fr!important}

  .alpline-human-os .admin-kpis article,.alpline-human-os .seller-kpis article,.alpline-human-os .customer-kpis article,.alpline-human-os .franchise-kpis article{
border-right:0!important;
border-bottom:1px solid var(--h-line)!important}

  .alpline-human-os .admin-kpis article:last-child,.alpline-human-os .seller-kpis article:last-child,.alpline-human-os .customer-kpis article:last-child,.alpline-human-os .franchise-kpis article:last-child{
border-bottom:0!important}

}



/* Source: alpline-v4-human-pro.css */
/* ALPLINE 4.0.4 — Human Pro Authority Layer
   Final-loaded presentation authority. No business logic or data semantics. */
:root{

  --alp-ui-bg:#f3f5f1;
--alp-ui-paper:#fffefa;
--alp-ui-paper-2:#f8faf6;

  --alp-ui-ink:#18372e;
--alp-ui-muted:#71837c;
--alp-ui-deep:#0b3b30;

  --alp-ui-gold:#b98c3d;
--alp-ui-line:#dce4df;
--alp-ui-line-strong:#c8d4cd;

  --alp-ui-danger:#a8433d;
--alp-ui-warning:#a16d16;
--alp-ui-good:#1d6b51;

  --alp-ui-r:14px;
--alp-ui-r2:20px;
--alp-ui-shadow:0 14px 34px rgba(11,59,48,.075);

}

.alpline-human-os{
background:var(--alp-ui-bg)!important;
color:var(--alp-ui-ink)!important}

.alpline-human-os *{
box-sizing:border-box}

.alpline-human-os a,.alpline-human-os button,.alpline-human-os input,.alpline-human-os select,.alpline-human-os textarea{
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}

.alpline-human-os :focus-visible{
outline:3px solid rgba(185,140,61,.25)!important;
outline-offset:2px!important}


/* Portal frame */
.alpline-human-os .portal-shell{
min-height:100vh!important;
display:grid!important;
grid-template-columns:260px minmax(0,1fr)!important;
background:var(--alp-ui-bg)!important}

.alpline-human-os .portal-sidebar{
position:sticky!important;
top:0!important;
height:100vh!important;
overflow:auto!important;
padding:18px 14px!important;
background:linear-gradient(180deg,#082f27,#0c4538 72%,#103c33)!important;
border-right:1px solid rgba(255,255,255,.08)!important;
box-shadow:none!important}

.alpline-human-os .portal-brand{
display:flex!important;
align-items:center!important;
gap:11px!important;
min-height:62px!important;
padding:8px 8px 16px!important;
margin-bottom:10px!important;
border-bottom:1px solid rgba(255,255,255,.1)!important;
text-decoration:none!important}

.alpline-human-os .portal-brand img{
width:40px!important;
height:40px!important;
object-fit:contain!important;
filter:drop-shadow(0 7px 12px rgba(0,0,0,.18))}

.alpline-human-os .portal-brand b{
display:block!important;
color:#fff!important;
font-size:15px!important;
letter-spacing:.11em!important}

.alpline-human-os .portal-brand small{
display:block!important;
margin-top:2px!important;
color:#d7c389!important;
font-size:9px!important;
letter-spacing:.13em!important}

.alpline-human-os .portal-nav-label{
margin:18px 10px 7px!important;
color:#95aaa2!important;
font-size:9px!important;
font-weight:850!important;
letter-spacing:.14em!important}

.alpline-human-os .portal-nav{
display:grid!important;
gap:3px!important}

.alpline-human-os .portal-nav a{
display:grid!important;
grid-template-columns:24px minmax(0,1fr) auto!important;
align-items:center!important;
gap:8px!important;
min-height:42px!important;
padding:8px 10px!important;
border:1px solid transparent!important;
border-radius:9px!important;
color:#dce9e4!important;
text-decoration:none!important;
font-size:12px!important;
font-weight:690!important;
line-height:1.25!important}

.alpline-human-os .portal-nav a i{
display:grid!important;
place-items:center!important;
width:23px!important;
height:23px!important;
border-radius:7px!important;
background:rgba(255,255,255,.055)!important;
color:#dec47f!important;
font-style:normal!important;
font-size:12px!important}

.alpline-human-os .portal-nav a:hover{
background:rgba(255,255,255,.055)!important;
border-color:rgba(255,255,255,.08)!important;
transform:none!important}

.alpline-human-os .portal-nav a.active{
background:#fff!important;
color:#173c31!important;
border-color:#fff!important;
box-shadow:0 8px 20px rgba(0,0,0,.12)!important}

.alpline-human-os .portal-nav a.active i{
background:#f3ead3!important;
color:#88651f!important}

.alpline-human-os .portal-public-link{
display:block!important;
margin:12px 8px 0!important;
padding:10px 11px!important;
border:1px solid rgba(255,255,255,.13)!important;
border-radius:9px!important;
color:#e4eee9!important;
text-align:center!important;
text-decoration:none!important;
font-size:9px!important;
font-weight:850!important;
letter-spacing:.07em!important}

.alpline-human-os .portal-public-link.secondary{
opacity:.78!important}

.alpline-human-os .live-data-badge{
margin:7px 8px 5px!important;
padding:7px 9px!important;
border:1px solid rgba(143,205,177,.19)!important;
border-radius:8px!important;
background:rgba(7,35,29,.3)!important;
color:#bce0d1!important;
font-size:9px!important;
letter-spacing:.08em!important}

.alpline-human-os .live-data-badge i{
background:#43c38b!important;
box-shadow:0 0 0 4px rgba(67,195,139,.1)!important}


.alpline-human-os .portal-stage{
min-width:0!important;
background:var(--alp-ui-bg)!important}

.alpline-human-os .portal-topbar{
position:sticky!important;
top:0!important;
z-index:45!important;
min-height:68px!important;
padding:10px clamp(16px,2.2vw,30px)!important;
background:rgba(255,254,250,.94)!important;
border-bottom:1px solid var(--alp-ui-line)!important;
backdrop-filter:blur(14px)!important;
box-shadow:none!important}

.alpline-human-os .portal-topbar small{
font-size:9px!important;
letter-spacing:.12em!important;
color:#7a8c85!important}

.alpline-human-os .portal-topbar b{
font-size:13px!important;
color:#163b31!important}

.alpline-human-os .portal-top-actions{
display:flex!important;
align-items:center!important;
gap:5px!important}

.alpline-human-os .portal-top-actions>a,.alpline-human-os .portal-top-actions summary{
min-height:36px!important;
display:flex!important;
align-items:center!important;
padding:0 11px!important;
border:1px solid var(--alp-ui-line)!important;
border-radius:8px!important;
background:#fff!important;
color:#35554a!important;
font-size:11px!important;
font-weight:750!important;
text-decoration:none!important;
cursor:pointer!important}

.alpline-human-os .portal-top-actions details{
position:relative!important}

.alpline-human-os .portal-top-actions details>form,.alpline-human-os .portal-top-actions details>div{
position:absolute!important;
right:0!important;
top:calc(100% + 7px)!important;
min-width:170px!important;
padding:8px!important;
border:1px solid var(--alp-ui-line)!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:var(--alp-ui-shadow)!important}

.alpline-human-os .portal-top-actions details button{
width:100%!important}

.alpline-human-os .sidebar-toggle{
display:none!important}

.alpline-human-os .portal-content{
padding:clamp(16px,2.3vw,32px)!important;
background:var(--alp-ui-bg)!important;
min-width:0!important}

.alpline-human-os .admin-console,.alpline-human-os .seller-dashboard,.alpline-human-os .customer-dashboard,.alpline-human-os .franchise-dashboard,.alpline-human-os .dashboard{
max-width:1520px!important;
margin:0 auto!important}


/* Page headers */
.alpline-human-os .admin-console-head,.alpline-human-os .dash-head,.alpline-human-os .page-head,.alpline-human-os .section-hero{
border-radius:18px!important;
box-shadow:none!important}

.alpline-human-os .admin-console-head{
min-height:250px!important;
padding:clamp(24px,3.5vw,44px)!important}

.alpline-human-os .admin-console-head h1,.alpline-human-os .dash-head h1{
font-size:clamp(2.3rem,4vw,4.45rem)!important;
line-height:.96!important}

.alpline-human-os .eyebrow{
font-size:9px!important;
letter-spacing:.15em!important;
font-weight:850!important}


/* Operational density */
.alpline-human-os .control-card,.alpline-human-os .workspace-card,.alpline-human-os .glass-panel{
border-radius:12px!important;
background:var(--alp-ui-paper)!important;
border:1px solid var(--alp-ui-line)!important;
box-shadow:none!important}

.alpline-human-os .section-title{
display:flex!important;
gap:18px!important;
align-items:flex-start!important;
justify-content:space-between!important;
padding-bottom:12px!important;
margin-bottom:13px!important;
border-bottom:1px solid var(--alp-ui-line)!important}

.alpline-human-os .section-title h2,.alpline-human-os .control-card>h2{
margin:.2rem 0!important;
color:#173b31!important;
font-size:clamp(1.18rem,1.8vw,1.55rem)!important;
letter-spacing:-.025em!important}

.alpline-human-os .section-title p{
max-width:760px!important;
color:#70827b!important;
font-size:12px!important;
line-height:1.55!important}

.alpline-human-os .admin-quick-launch{
grid-template-columns:repeat(5,minmax(0,1fr))!important}

.alpline-human-os .admin-quick-launch>a{
min-height:96px!important;
padding:13px 13px!important;
border-radius:10px!important}

.alpline-human-os .admin-quick-launch>a span{
min-width:0!important}

.alpline-human-os .admin-quick-launch>a b{
display:block!important;
white-space:normal!important}

.alpline-human-os .admin-quick-launch>a small{
display:block!important;
margin-top:3px!important;
white-space:normal!important}

.alpline-human-os .admin-kpis,.alpline-human-os .seller-kpis,.alpline-human-os .customer-kpis,.alpline-human-os .franchise-kpis{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
border-radius:11px!important}

.alpline-human-os .admin-kpis article,.alpline-human-os .seller-kpis article,.alpline-human-os .customer-kpis article,.alpline-human-os .franchise-kpis article{
min-height:92px!important;
padding:14px 16px!important}


/* Forms */
.alpline-human-os form.journal-form,.alpline-human-os form.setting-form,.alpline-human-os .filter-bar{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
gap:12px!important;
align-items:end!important}

.alpline-human-os form.inline-action{
display:flex!important;
flex-wrap:wrap!important;
gap:6px!important;
align-items:center!important;
margin:4px 0!important}

.alpline-human-os form.inline-action input,.alpline-human-os form.inline-action select{
min-height:35px!important;
max-width:190px!important;
font-size:12px!important}

.alpline-human-os label{
display:grid!important;
gap:6px!important}

.alpline-human-os label>small{
font-weight:500!important;
letter-spacing:0!important;
color:#788983!important}

.alpline-human-os input,.alpline-human-os select,.alpline-human-os textarea{
width:100%!important;
background:#fff!important;
border-radius:8px!important}

.alpline-human-os input[type=checkbox],.alpline-human-os input[type=radio]{
width:auto!important;
min-height:auto!important}

.alpline-human-os .btn,.alpline-human-os button{
cursor:pointer!important}

.alpline-human-os .btn:hover,.alpline-human-os button:hover{
filter:brightness(.98)!important;
transform:translateY(-1px)!important}

.alpline-human-os .btn:disabled,.alpline-human-os button:disabled{
opacity:.55!important;
cursor:not-allowed!important;
transform:none!important}


/* Tables: readable on desktop, usable on mobile */
.alpline-human-os .table-wrap{
max-width:100%!important;
overflow:auto!important;
border-radius:9px!important}

.alpline-human-os table{
min-width:720px!important}

.alpline-human-os th{
top:0!important;
font-size:9px!important;
padding:10px 11px!important}

.alpline-human-os td{
font-size:12px!important;
padding:11px!important}

.alpline-human-os td form{
margin:3px 0!important}

.alpline-human-os .status{
display:inline-flex!important;
align-items:center!important;
min-height:23px!important}


/* Readable empty states and notices */
.alpline-human-os .empty-state{
padding:24px!important;
border:1px dashed #cad7d0!important;
border-radius:10px!important;
background:#fafbf8!important;
color:#6c7d76!important;
text-align:center!important;
font-size:12px!important}

.alpline-human-os .flash{
margin:12px clamp(16px,2.3vw,32px) 0!important;
border-radius:9px!important;
box-shadow:none!important}


/* Public site continuity */
.public-body .premium-company-header .main-header{
max-width:1500px!important;
margin:auto!important;
padding-left:clamp(16px,3vw,38px)!important;
padding-right:clamp(16px,3vw,38px)!important}

.public-body .primary-nav{
gap:clamp(13px,2vw,26px)!important}

.public-body .header-actions{
gap:7px!important}

.public-body .site-footer{
margin-top:70px!important}


/* Mobile */
@media (max-width:1180px){

  .alpline-human-os .admin-quick-launch{
grid-template-columns:repeat(3,minmax(0,1fr))!important}

  .alpline-human-os .admin-kpis,.alpline-human-os .seller-kpis,.alpline-human-os .customer-kpis,.alpline-human-os .franchise-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .alpline-human-os .admin-kpis article:nth-child(2n),.alpline-human-os .seller-kpis article:nth-child(2n),.alpline-human-os .customer-kpis article:nth-child(2n),.alpline-human-os .franchise-kpis article:nth-child(2n){
border-right:0!important}

}

@media (max-width:900px){

  .alpline-human-os .portal-shell{
display:block!important}

  .alpline-human-os .portal-sidebar{
position:fixed!important;
z-index:90!important;
left:0!important;
top:0!important;
width:min(84vw,300px)!important;
height:100vh!important;
transform:translateX(-105%)!important;
transition:transform .22s ease!important;
box-shadow:20px 0 60px rgba(0,0,0,.2)!important}

  body.sidebar-open .portal-sidebar{
transform:translateX(0)!important}

  body.sidebar-open:after{
content:"";
position:fixed;
inset:0;
z-index:80;
background:rgba(3,26,21,.46)}

  .alpline-human-os .sidebar-toggle{
display:inline-grid!important;
place-items:center!important;
width:38px!important;
height:38px!important;
border:1px solid var(--alp-ui-line)!important;
border-radius:8px!important;
background:#fff!important;
color:#173b31!important}

  .alpline-human-os .portal-topbar{
display:flex!important;
gap:10px!important;
align-items:center!important;
justify-content:space-between!important;
min-height:62px!important;
padding:9px 12px!important}

  .alpline-human-os .portal-top-actions>a{
display:none!important}

  .alpline-human-os .portal-content{
padding:12px!important}

  .alpline-human-os .admin-console-head{
min-height:0!important;
padding:22px!important;
grid-template-columns:1fr!important}

  .alpline-human-os .admin-quick-launch{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important}

  .alpline-human-os .admin-quick-launch>a{
min-height:90px!important;
padding:11px!important}

  .alpline-human-os form.journal-form,.alpline-human-os form.setting-form,.alpline-human-os .filter-bar{
grid-template-columns:1fr!important}

  .alpline-human-os form.inline-action{
display:grid!important;
grid-template-columns:1fr!important}

  .alpline-human-os form.inline-action input,.alpline-human-os form.inline-action select{
max-width:none!important}

  .alpline-human-os .control-card,.alpline-human-os .workspace-card,.alpline-human-os .glass-panel{
padding:15px!important;
margin:10px 0!important}

  .public-body .utility-bar{
display:none!important}

  .public-body .main-header{
min-height:68px!important}

  .public-body .primary-nav{
display:none!important}

}

@media (max-width:560px){

  .alpline-human-os .admin-quick-launch{
grid-template-columns:1fr 1fr!important}

  .alpline-human-os .admin-kpis,.alpline-human-os .seller-kpis,.alpline-human-os .customer-kpis,.alpline-human-os .franchise-kpis{
grid-template-columns:1fr 1fr!important}

  .alpline-human-os .admin-kpis article,.alpline-human-os .seller-kpis article,.alpline-human-os .customer-kpis article,.alpline-human-os .franchise-kpis article{
min-height:80px!important;
padding:12px!important}

  .alpline-human-os .admin-kpis b,.alpline-human-os .seller-kpis b,.alpline-human-os .customer-kpis b,.alpline-human-os .franchise-kpis b{
font-size:1.42rem!important}

  .alpline-human-os .admin-console-head h1,.alpline-human-os .dash-head h1{
font-size:2.35rem!important}

  .alpline-human-os .section-title{
display:block!important}

  .alpline-human-os .section-title>.status{
margin-top:8px!important}

  .alpline-human-os table{
min-width:650px!important}

  .public-body .header-actions .header-join{
display:none!important}

}

@media (prefers-reduced-motion:reduce){
.alpline-human-os *,html{
scroll-behavior:auto!important;
transition:none!important;
animation:none!important}
}



/* Source: alpline-v4-multipage.css */
:root{
--alp-ink:#0e2a25;
--alp-ink-2:#183c34;
--alp-cream:#f7f4ec;
--alp-paper:#fffdf8;
--alp-gold:#caa85e;
--alp-gold-2:#e4cf99;
--alp-mint:#dfeee8;
--alp-line:#d7e1dc;
--alp-muted:#657770;
--alp-shadow:0 22px 70px rgba(12,47,38,.11)}

.public-body{
background:var(--alp-cream);
color:var(--alp-ink);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.premium-company-header{
position:sticky;
top:0;
z-index:80;
background:rgba(255,253,248,.96);
backdrop-filter:blur(18px);
border-bottom:1px solid rgba(14,42,37,.08)}
.utility-bar{
background:var(--alp-ink);
color:#fff;
padding:7px clamp(18px,4vw,58px);
display:flex;
justify-content:space-between;
gap:24px;
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase}
.utility-bar nav{
display:flex;
align-items:center;
gap:18px}
.utility-bar a{
color:#dce9e4;
text-decoration:none}
.main-header{
max-width:1540px;
margin:auto;
padding:14px clamp(18px,3vw,42px);
display:grid;
grid-template-columns:auto 1fr auto;
gap:34px;
align-items:center}
.brand{
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
color:var(--alp-ink)}
.brand .crest{
width:48px;
height:48px;
border-radius:50%;
display:grid;
place-items:center;
background:#fff;
box-shadow:0 8px 28px rgba(8,42,33,.12)}
.brand img{
max-width:42px;
max-height:42px}
.brand b{
display:block;
font-size:20px;
letter-spacing:.12em}
.brand small{
display:block;
font-size:9px;
letter-spacing:.16em;
color:var(--alp-muted)}
.primary-nav{
display:flex;
justify-content:center;
gap:30px}
.primary-nav a{
color:var(--alp-ink-2);
text-decoration:none;
font-weight:750;
font-size:13px;
position:relative;
padding:12px 0}
.primary-nav a:after{
content:"";
position:absolute;
left:0;
right:100%;
bottom:4px;
height:2px;
background:var(--alp-gold);
transition:.25s}
.primary-nav a:hover:after,.primary-nav a.active:after{
right:0}
.header-actions{
display:flex;
align-items:center;
gap:10px}
.header-join,.public-portal-menu summary{
min-height:42px;
padding:0 16px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
font-weight:800;
font-size:12px;
cursor:pointer}
.header-join{
background:var(--alp-ink);
color:#fff;
text-decoration:none}
.public-portal-menu{
position:relative}
.public-portal-menu summary{
border:1px solid var(--alp-line);
list-style:none}
.public-portal-menu>div{
position:absolute;
right:0;
top:52px;
width:310px;
background:#fff;
border:1px solid var(--alp-line);
border-radius:18px;
padding:14px;
box-shadow:var(--alp-shadow)}
.public-portal-menu>div small{
display:block;
padding:5px 7px 10px;
color:var(--alp-muted);
font-weight:800}
.public-portal-menu>div a{
display:grid;
gap:2px;
text-decoration:none;
color:var(--alp-ink);
padding:11px;
border-radius:12px}
.public-portal-menu>div a:hover{
background:var(--alp-mint)}
.public-portal-menu>div span{
font-size:12px;
color:var(--alp-muted)}

.alp-page{
overflow:hidden}
.alp-shell{
width:min(1440px,calc(100% - 40px));
margin:auto}
.alp-hero{
min-height:620px;
display:grid;
grid-template-columns:1.02fr .98fr;
align-items:stretch;
background:linear-gradient(135deg,#0d332a 0%,#15473b 55%,#213e36 100%);
color:#fff}
.alp-hero-copy{
padding:clamp(54px,7vw,110px) clamp(24px,6vw,92px);
display:flex;
flex-direction:column;
justify-content:center}
.alp-overline{
font-size:12px;
font-weight:900;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--alp-gold-2)}
.alp-hero h1{
margin:16px 0 22px;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(50px,6.5vw,104px);
line-height:.94;
letter-spacing:-.045em;
font-weight:500}
.alp-hero h1 em{
color:var(--alp-gold-2);
font-weight:400}
.alp-hero-copy>p{
font-size:clamp(17px,1.7vw,22px);
line-height:1.6;
max-width:690px;
color:#e6f0ec}
.alp-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px}
.alp-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:50px;
padding:0 22px;
border-radius:999px;
text-decoration:none;
font-weight:850;
letter-spacing:.04em;
font-size:12px}
.alp-btn.primary{
background:var(--alp-gold);
color:#122a24}
.alp-btn.ghost{
border:1px solid rgba(255,255,255,.35);
color:#fff}
.alp-hero-visual{
position:relative;
min-height:620px;
background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.16),transparent 35%),linear-gradient(145deg,#dfe7db,#f4ead4);
display:grid;
place-items:center;
overflow:hidden}
.alp-hero-visual:before,.alp-hero-visual:after{
content:"";
position:absolute;
border-radius:50%;
border:1px solid rgba(14,42,37,.16)}
.alp-hero-visual:before{
width:540px;
height:540px}
.alp-hero-visual:after{
width:400px;
height:400px}
.alp-product-stage{
position:relative;
z-index:2;
width:min(78%,520px);
background:rgba(255,255,255,.8);
border:1px solid rgba(14,42,37,.12);
border-radius:36px;
padding:34px;
box-shadow:0 42px 90px rgba(22,55,46,.22);
transform:rotate(-2deg)}
.alp-product-stage img{
display:block;
width:100%;
height:360px;
object-fit:contain;
filter:drop-shadow(0 24px 20px rgba(14,42,37,.18))}
.alp-product-stage b{
display:block;
font-size:30px;
font-family:Georgia,serif;
margin-top:8px}
.alp-product-stage span{
color:var(--alp-muted)}
.alp-orbit-note{
position:absolute;
z-index:3;
background:var(--alp-ink);
color:#fff;
border-radius:50%;
width:116px;
height:116px;
display:grid;
place-items:center;
text-align:center;
font-size:11px;
font-weight:900;
letter-spacing:.08em;
right:10%;
top:12%;
box-shadow:0 14px 34px rgba(0,0,0,.22)}

.alp-statbar{
display:grid;
grid-template-columns:repeat(4,1fr);
background:#fff;
border-bottom:1px solid var(--alp-line)}
.alp-statbar article{
padding:28px clamp(20px,3vw,46px);
border-right:1px solid var(--alp-line)}
.alp-statbar article:last-child{
border-right:0}
.alp-statbar b{
display:block;
font-family:Georgia,serif;
font-size:32px}
.alp-statbar span{
font-size:12px;
color:var(--alp-muted);
font-weight:700}
.alp-section{
padding:clamp(70px,8vw,120px) 0}
.alp-section.light{
background:var(--alp-paper)}
.alp-section.dark{
background:var(--alp-ink);
color:#fff}
.alp-section-head{
display:flex;
justify-content:space-between;
align-items:end;
gap:30px;
margin-bottom:38px}
.alp-section-head h2{
font:500 clamp(38px,4.5vw,68px)/1 Georgia,serif;
margin:10px 0 0;
letter-spacing:-.035em}
.alp-section-head p{
max-width:580px;
color:var(--alp-muted);
line-height:1.7}
.alp-section.dark .alp-section-head p{
color:#c7d7d1}
.alp-grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px}
.alp-card{
border:1px solid var(--alp-line);
background:#fff;
border-radius:24px;
padding:28px;
box-shadow:0 12px 34px rgba(17,55,45,.05)}
.alp-card .num{
font-size:11px;
font-weight:900;
color:var(--alp-gold);
letter-spacing:.12em}
.alp-card h3{
font:500 28px/1.05 Georgia,serif;
margin:24px 0 12px}
.alp-card p{
color:var(--alp-muted);
line-height:1.7}
.alp-product-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px}
.alp-product-card{
background:#fff;
border:1px solid var(--alp-line);
border-radius:24px;
overflow:hidden;
display:flex;
flex-direction:column}
.alp-product-image{
background:linear-gradient(145deg,#f3efe4,#e7efe9);
height:260px;
display:grid;
place-items:center;
padding:20px}
.alp-product-image img{
max-width:100%;
max-height:100%;
object-fit:contain}
.alp-product-body{
padding:20px}
.alp-product-body small{
font-size:10px;
letter-spacing:.12em;
color:var(--alp-muted);
font-weight:900}
.alp-product-body h3{
font:500 25px Georgia,serif;
margin:8px 0}
.alp-product-body strong{
font-size:18px}
.alp-product-body a{
display:inline-flex;
margin-top:14px;
text-decoration:none;
color:var(--alp-ink);
font-weight:850;
font-size:12px;
border-bottom:1px solid var(--alp-ink)}
.alp-band{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:20px;
align-items:stretch}
.alp-band-copy{
background:#efe4ca;
border-radius:32px;
padding:clamp(32px,5vw,70px)}
.alp-band-copy h2{
font:500 clamp(38px,5vw,76px)/1 Georgia,serif;
margin:12px 0}
.alp-band-copy p{
max-width:670px;
line-height:1.7;
color:#42564f}
.alp-band-panel{
background:var(--alp-ink);
border-radius:32px;
padding:36px;
color:#fff;
display:grid;
align-content:center;
gap:16px}
.alp-band-panel article{
display:flex;
justify-content:space-between;
border-bottom:1px solid rgba(255,255,255,.14);
padding:14px 0}
.alp-band-panel b{
font-size:18px}
.alp-band-panel span{
color:#c4d5cf}
.alp-portal-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px}
.alp-portal-grid a{
background:#fff;
color:var(--alp-ink);
text-decoration:none;
border-radius:22px;
padding:26px;
border:1px solid rgba(255,255,255,.1);
min-height:190px;
display:flex;
flex-direction:column;
justify-content:space-between}
.alp-portal-grid i{
font-style:normal;
font-size:30px}
.alp-portal-grid b{
display:block;
font:500 26px Georgia,serif}
.alp-portal-grid span{
font-size:13px;
color:var(--alp-muted)}

.alp-page-hero{
padding:90px 0 70px;
background:linear-gradient(135deg,#0d342b,#193f36);
color:#fff}
.alp-page-hero .alp-shell{
display:grid;
grid-template-columns:1fr .7fr;
gap:50px;
align-items:end}
.alp-page-hero h1{
font:500 clamp(48px,6vw,90px)/.98 Georgia,serif;
margin:14px 0 18px;
letter-spacing:-.04em}
.alp-page-hero p{
font-size:18px;
line-height:1.7;
color:#dbe8e3}
.alp-page-hero aside{
border-left:1px solid rgba(255,255,255,.2);
padding-left:30px}
.alp-page-hero aside b{
display:block;
font:500 50px Georgia,serif;
color:var(--alp-gold-2)}
.alp-breadcrumb{
display:flex;
gap:10px;
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase}
.alp-breadcrumb a{
color:#c8d9d3;
text-decoration:none}
.alp-story-grid{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:24px}
.alp-story{
padding:42px;
border-radius:28px;
background:#fff;
border:1px solid var(--alp-line)}
.alp-story h2{
font:500 44px/1.05 Georgia,serif;
margin:12px 0 20px}
.alp-story p{
line-height:1.8;
color:var(--alp-muted)}
.alp-values{
display:grid;
gap:12px}
.alp-value{
padding:24px;
border-radius:20px;
background:#edf3ef}
.alp-value b{
display:block;
font-size:18px}
.alp-value span{
color:var(--alp-muted);
font-size:13px}
.alp-catalog-toolbar{
display:flex;
justify-content:space-between;
gap:18px;
align-items:center;
margin-bottom:30px}
.alp-search{
display:flex;
gap:8px;
background:#fff;
border:1px solid var(--alp-line);
border-radius:999px;
padding:5px;
width:min(520px,100%)}
.alp-search input{
border:0;
outline:0;
flex:1;
padding:0 16px;
background:transparent}
.alp-search button{
border:0;
border-radius:999px;
background:var(--alp-ink);
color:#fff;
padding:13px 20px;
font-weight:800}
.alp-policy-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px}
.alp-policy{
background:#fff;
border:1px solid var(--alp-line);
border-radius:24px;
padding:28px}
.alp-policy h2{
font:500 30px Georgia,serif;
margin:8px 0}
.alp-policy p{
color:var(--alp-muted);
line-height:1.65}
.alp-policy a{
display:inline-flex;
margin-top:15px;
font-weight:850;
color:var(--alp-ink);
text-decoration:none}
.site-footer{
background:#0c2d26!important;
color:#fff!important;
padding:62px clamp(20px,5vw,74px)!important;
display:grid!important;
grid-template-columns:1.4fr repeat(3,1fr)!important;
gap:34px!important}
.site-footer a,.site-footer span,.site-footer p,.site-footer small{
color:#c6d8d2!important}
.site-footer strong{
color:#fff!important}
.site-footer .footer-legal{
grid-column:1/-1;
border-top:1px solid rgba(255,255,255,.13);
padding-top:24px}
.site-footer>small{
grid-column:1/-1}

@media(max-width:1100px){
.primary-nav{
display:none}
.main-header{
grid-template-columns:1fr auto}
.alp-hero{
grid-template-columns:1fr}
.alp-hero-visual{
min-height:480px}
.alp-statbar{
grid-template-columns:repeat(2,1fr)}
.alp-grid-3,.alp-product-grid{
grid-template-columns:repeat(2,1fr)}
.alp-band{
grid-template-columns:1fr}
.alp-portal-grid{
grid-template-columns:repeat(2,1fr)}
.alp-page-hero .alp-shell,.alp-story-grid{
grid-template-columns:1fr}
.site-footer{
grid-template-columns:repeat(2,1fr)!important}
}

@media(max-width:700px){
.utility-bar{
display:none}
.main-header{
padding:10px 14px}
.brand b{
font-size:17px}
.brand small{
font-size:8px}
.header-actions .vip-command-search{
display:none}
.header-join{
display:none}
.alp-shell{
width:min(100% - 24px,1440px)}
.alp-hero-copy{
padding:54px 20px}
.alp-hero h1{
font-size:54px}
.alp-hero-visual{
min-height:390px}
.alp-product-stage{
width:82%;
padding:22px;
border-radius:26px}
.alp-product-stage img{
height:245px}
.alp-orbit-note{
width:90px;
height:90px;
right:5%;
font-size:9px}
.alp-statbar{
grid-template-columns:1fr 1fr}
.alp-statbar article{
padding:20px 16px}
.alp-statbar b{
font-size:25px}
.alp-section{
padding:64px 0}
.alp-section-head{
display:block}
.alp-grid-3,.alp-product-grid,.alp-policy-grid{
grid-template-columns:1fr}
.alp-portal-grid{
grid-template-columns:1fr 1fr}
.alp-page-hero{
padding:64px 0 50px}
.alp-page-hero h1{
font-size:52px}
.alp-page-hero aside{
border-left:0;
border-top:1px solid rgba(255,255,255,.2);
padding:22px 0 0}
.alp-catalog-toolbar{
display:block}
.alp-search{
margin-top:15px}
.site-footer{
grid-template-columns:1fr!important;
padding:48px 22px!important}
.site-footer .footer-legal,.site-footer>small{
grid-column:auto}
}


/* ======================================================================
   ALPLINE 4.0.4 — MULTIPAGE HUMAN PRESENTATION / FINAL PUBLIC AUTHORITY
   Public presentation only. Business rules remain controller/service-led.
   ====================================================================== */
.public-mobile-menu{
display:none;
position:relative}
.public-mobile-menu>summary{
list-style:none;
cursor:pointer;
min-height:42px;
padding:0 14px;
border:1px solid var(--alp-line);
border-radius:999px;
display:flex;
align-items:center;
gap:8px;
font-size:11px;
font-weight:900;
letter-spacing:.07em}
.public-mobile-menu>summary::-webkit-details-marker{
display:none}
.public-mobile-menu>nav{
position:absolute;
right:0;
top:52px;
width:min(86vw,340px);
padding:12px;
background:#fff;
border:1px solid var(--alp-line);
border-radius:18px;
box-shadow:var(--alp-shadow);
display:grid;
z-index:100}
.public-mobile-menu>nav a{
padding:13px 12px;
text-decoration:none;
color:var(--alp-ink);
font-weight:800;
border-radius:10px}
.public-mobile-menu>nav a:hover{
background:var(--alp-mint)}
.public-mobile-menu hr{
border:0;
border-top:1px solid var(--alp-line);
width:100%;
margin:6px 0}

.alp-home-hero .alp-hero-copy{
position:relative}
.alp-hero-proof{
display:flex;
flex-wrap:wrap;
gap:18px;
margin-top:34px;
padding-top:22px;
border-top:1px solid rgba(255,255,255,.16)}
.alp-hero-proof span{
display:flex;
align-items:center;
gap:8px;
color:#d9e8e3;
font-size:12px;
font-weight:750}
.alp-hero-proof b{
font-family:Georgia,serif;
color:var(--alp-gold-2);
font-size:18px}
.alp-product-stage>small{
display:block;
font-size:10px;
letter-spacing:.14em;
font-weight:900;
color:#6b7d76;
margin-bottom:5px}
.alp-showcase-grid{
grid-template-columns:1.35fr repeat(3,1fr)}
.alp-product-card--feature{
grid-row:span 1}
.alp-product-card--feature .alp-product-image{
height:320px}
.alp-product-body p{
color:var(--alp-muted);
line-height:1.6;
margin:0 0 8px}
.alp-section-cta{
display:flex;
justify-content:center;
margin-top:34px}
.alp-btn.ink{
background:var(--alp-ink);
color:#fff}
.alp-btn.outline-ink{
border:1px solid var(--alp-ink);
color:var(--alp-ink);
background:transparent}
.alp-text-link{
display:inline-flex;
margin-top:22px;
color:var(--alp-ink);
text-decoration:none;
font-size:12px;
font-weight:900;
letter-spacing:.06em;
border-bottom:1px solid var(--alp-ink);
padding-bottom:4px}
.alp-story--accent{
background:linear-gradient(145deg,#fffdf8,#efe4ca);
border-color:#e5d5ad}
.alp-value{
display:grid;
grid-template-columns:46px 1fr;
column-gap:14px;
align-items:start}
.alp-value>span{
grid-row:1/3;
width:38px;
height:38px;
border-radius:50%;
display:grid;
place-items:center;
background:#fff;
color:#8a6a2c;
font:700 14px Georgia,serif}
.alp-value b{
font-size:18px}
.alp-value small{
color:var(--alp-muted);
font-size:13px;
line-height:1.5}
.alp-portal-grid em{
font-style:normal;
font-size:10px;
letter-spacing:.08em;
font-weight:900;
color:#9b7b39}
.alp-section.dark .alp-portal-grid a{
background:rgba(255,255,255,.96);
border-color:rgba(255,255,255,.1)}
.alp-care-grid{
display:grid;
gap:34px}
.alp-care-grid>div:first-child{
max-width:820px}
.alp-care-grid>div:first-child h2{
font:500 clamp(42px,5vw,72px)/1 Georgia,serif;
margin:12px 0}
.alp-care-grid>div:first-child p{
max-width:700px;
color:var(--alp-muted);
line-height:1.7;
font-size:17px}

.alp-grid-4{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px}
.alp-role-grid article{
min-height:230px;
padding:28px;
border-radius:24px;
background:#fff;
border:1px solid var(--alp-line);
display:flex;
flex-direction:column;
justify-content:flex-end;
box-shadow:0 12px 34px rgba(17,55,45,.05)}
.alp-role-grid i{
font-style:normal;
font-size:38px;
color:#a17b2f;
margin-bottom:auto}
.alp-role-grid b{
font:500 30px Georgia,serif;
margin:16px 0 8px}
.alp-role-grid span{
color:var(--alp-muted);
line-height:1.55}
.alp-dark-cards article{
border:1px solid rgba(255,255,255,.12);
border-radius:24px;
padding:30px;
background:rgba(255,255,255,.035)}
.alp-dark-cards article>span{
font-size:11px;
letter-spacing:.14em;
color:var(--alp-gold-2);
font-weight:900}
.alp-dark-cards h3{
font:500 30px Georgia,serif;
margin:26px 0 12px}
.alp-dark-cards p{
color:#c8d9d3;
line-height:1.65}
.alp-band-copy .alp-actions{
margin-top:26px}
.alp-band-copy .alp-btn.outline-ink{
margin-left:4px}

.alp-products-hero aside b,.alp-policy-hero aside b{
font-size:38px}
.alp-catalog-toolbar h2{
font:500 clamp(36px,4vw,58px)/1 Georgia,serif;
margin:8px 0 0}
.alp-filter-note{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
margin:-10px 0 24px;
padding:11px 16px;
border:1px solid #ead8ad;
background:#fff9e9;
border-radius:12px;
font-size:11px;
font-weight:900;
letter-spacing:.06em}
.alp-filter-note a{
color:var(--alp-ink);
text-decoration:none}
.alp-catalog-grid{
grid-template-columns:repeat(3,1fr)}
.alp-catalog-card .alp-product-image{
height:320px}
.alp-product-placeholder{
width:100%;
height:100%;
display:grid;
place-items:center;
align-content:center;
gap:8px;
color:#315046;
font:800 24px Georgia,serif;
text-align:center}
.alp-product-placeholder small{
font:700 11px var(--alp-sans,Inter,sans-serif);
letter-spacing:.08em;
color:var(--alp-muted)}
.alp-product-meta{
display:flex;
justify-content:space-between;
gap:14px;
align-items:end;
margin:16px 0}
.alp-product-meta span{
display:grid;
gap:2px}
.alp-product-meta span>b{
font-size:12px}
.alp-product-meta span>small{
font-size:10px;
color:var(--alp-muted)}
.alp-product-meta>strong{
font:700 22px Georgia,serif}
.alp-product-facts{
margin:0;
border-top:1px solid var(--alp-line);
border-bottom:1px solid var(--alp-line)}
.alp-product-facts>div{
display:flex;
justify-content:space-between;
gap:16px;
padding:10px 0;
font-size:11px}
.alp-product-facts dt{
color:var(--alp-muted)}
.alp-product-facts dd{
margin:0;
text-align:right;
font-weight:750}
.alp-product-actions{
display:flex;
gap:8px;
margin-top:18px}
.alp-product-actions .alp-btn{
min-height:43px;
flex:1;
border-radius:12px;
border-width:1px;
cursor:pointer}
.alp-review-box{
margin-top:16px;
border-top:1px solid var(--alp-line);
padding-top:12px}
.alp-review-box summary{
cursor:pointer;
font-size:11px;
font-weight:900;
letter-spacing:.06em}
.alp-review-box form{
display:grid;
gap:10px;
margin-top:12px}
.alp-review-box label{
display:grid;
gap:5px;
font-size:11px;
font-weight:800}
.alp-review-box input,.alp-review-box select,.alp-review-box textarea{
width:100%;
padding:10px;
border:1px solid var(--alp-line);
border-radius:10px;
background:#fff}
.alp-review-box button{
min-height:42px;
border:0;
border-radius:10px;
background:var(--alp-ink);
color:#fff;
font-weight:850}
.alp-empty-state{
grid-column:1/-1;
padding:70px 30px;
border:1px dashed #b9c9c2;
border-radius:24px;
text-align:center;
background:#fff;
display:grid;
gap:10px}
.alp-empty-state b{
font:500 34px Georgia,serif}
.alp-empty-state span{
color:var(--alp-muted)}
.alp-empty-state a{
color:var(--alp-ink);
font-weight:900;
text-decoration:none}

.alp-policy-grid{
grid-template-columns:repeat(2,1fr)}
.alp-policy{
position:relative;
min-height:290px;
display:flex;
flex-direction:column;
align-items:flex-start}
.alp-policy>small{
font-size:10px;
letter-spacing:.08em;
color:var(--alp-muted);
font-weight:850}
.alp-policy-status{
position:absolute;
right:20px;
top:20px;
padding:7px 10px;
border-radius:999px;
font-size:9px;
letter-spacing:.1em;
font-weight:900}
.alp-policy.is-published .alp-policy-status{
background:#e5f2ec;
color:#176044}
.alp-policy.is-pending .alp-policy-status{
background:#f3eee1;
color:#8a6723}
.alp-policy h2{
max-width:78%;
margin-top:16px}
.alp-policy p{
flex:1}
.alp-policy-hold{
font-size:11px;
font-weight:900;
letter-spacing:.07em;
color:#8a6723}
.alp-document-shell{
display:grid;
grid-template-columns:280px minmax(0,1fr);
gap:28px;
align-items:start}
.alp-document-meta{
position:sticky;
top:120px;
padding:26px;
border:1px solid var(--alp-line);
border-radius:20px;
background:#f4f0e5}
.alp-document-meta dl{
margin:20px 0}
.alp-document-meta dl>div{
padding:12px 0;
border-bottom:1px solid rgba(14,42,37,.12)}
.alp-document-meta dt{
font-size:10px;
letter-spacing:.08em;
color:var(--alp-muted);
font-weight:850}
.alp-document-meta dd{
margin:5px 0 0;
font-size:12px;
overflow-wrap:anywhere}
.alp-legal-paper{
background:#fff;
border:1px solid var(--alp-line);
border-radius:24px;
padding:clamp(28px,5vw,68px);
box-shadow:0 18px 55px rgba(17,55,45,.06)}
.alp-controlled-policy-text{
white-space:normal;
font:400 15px/1.9 Georgia,serif;
color:#233c34}
.alp-legal-paper footer{
margin-top:44px;
padding-top:20px;
border-top:1px solid var(--alp-line);
font-size:11px;
line-height:1.6;
color:var(--alp-muted)}
.alp-hash{
overflow-wrap:anywhere}

/* Existing governed business-plan page: visually align with new public shell without changing formulas. */
.career-public{
background:var(--alp-cream)!important}
.career-public>.career-hero{
margin:0!important;
border-radius:0!important;
min-height:560px!important;
padding:clamp(58px,7vw,100px) clamp(24px,6vw,90px)!important;
background:linear-gradient(135deg,#0d332a,#183f35 60%,#203b34)!important}
.career-public>.career-hero h1{
font-family:Georgia,'Times New Roman',serif!important;
font-weight:500!important;
letter-spacing:-.04em!important}
.career-public>.career-explainer,.career-public>.plan-engine-grid,.career-public>.allocation-stage,.career-public>.performance-plan,.career-public>.generation-stage,.career-public>.control-card,.career-public>.career-ladder-public,.career-public>.career-rule-strip,.career-public>.career-terms{
width:min(1440px,calc(100% - 40px))!important;
margin-left:auto!important;
margin-right:auto!important}
.career-public .control-card,.career-public .glass-panel{
border-radius:24px!important;
border-color:var(--alp-line)!important;
box-shadow:0 12px 34px rgba(17,55,45,.05)!important}
.career-public table{
font-size:12px!important}
.career-public thead th{
background:#113a31!important;
color:#fff!important;
letter-spacing:.04em!important}

@media(max-width:1100px){
.public-mobile-menu{
display:block}
.alp-showcase-grid{
grid-template-columns:repeat(2,1fr)}
.alp-grid-4{
grid-template-columns:repeat(2,1fr)}
.alp-catalog-grid{
grid-template-columns:repeat(2,1fr)}
.alp-document-shell{
grid-template-columns:1fr}
.alp-document-meta{
position:static}
.public-portal-menu{
display:none}
}

@media(max-width:700px){
.header-actions{
gap:6px}
.public-mobile-menu>summary{
padding:0 11px}
.alp-hero-proof{
gap:12px}
.alp-showcase-grid,.alp-grid-4,.alp-catalog-grid{
grid-template-columns:1fr}
.alp-product-card--feature .alp-product-image,.alp-catalog-card .alp-product-image{
height:280px}
.alp-role-grid article{
min-height:190px}
.alp-product-actions{
flex-direction:column}
.alp-product-meta{
align-items:start}
.alp-product-meta>strong{
font-size:20px}
.alp-policy-grid{
grid-template-columns:1fr}
.alp-policy h2{
max-width:100%}
.alp-document-meta{
padding:20px}
.alp-legal-paper{
border-radius:18px}
.career-public>.career-explainer,.career-public>.plan-engine-grid,.career-public>.allocation-stage,.career-public>.performance-plan,.career-public>.generation-stage,.career-public>.control-card,.career-public>.career-ladder-public,.career-public>.career-rule-strip,.career-public>.career-terms{
width:min(100% - 24px,1440px)!important}
}



/* Source: alpline-v4-final-polish.css */
/* ALPLINE 4.0.4 — FINAL UI POLISH
   Visual-only authority layer. No business, finance, route or data semantics. */

/* Native hidden must always win over historical display declarations. */
[hidden]{
display:none!important}


/* Command search: calm by default, visible only while actually searching. */
.vip-command{
z-index:95!important}

.vip-command__results[hidden]{
display:none!important}

.vip-command__results{
top:calc(100% + 8px)!important;
z-index:120!important}

.site-header .vip-command{
width:min(300px,25vw)!important}

.site-header .vip-command>label{
height:46px!important;
border-radius:13px!important;
box-shadow:none!important}

.portal-topbar .vip-command>label{
box-shadow:none!important}


/* Login controls: stop legacy text-input dimensions from inflating checkbox. */
.public-body .login-card .check{

  display:flex!important;
grid-template-columns:none!important;
align-items:center!important;
gap:10px!important;

  min-height:32px!important;
font-size:13px!important;
font-weight:650!important;
line-height:1.35!important;

}

.public-body .login-card .check input[type=checkbox]{

  appearance:auto!important;
-webkit-appearance:checkbox!important;

  flex:0 0 18px!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;

  max-width:18px!important;
max-height:18px!important;
margin:0!important;
padding:0!important;
border-radius:3px!important;

  accent-color:#0b4a39!important;
box-shadow:none!important;

}


/* Direct Seller dashboard: strong readable hierarchy on dark command hero. */
.alpline-human-os .seller-hero{
min-height:330px!important}

.alpline-human-os .seller-welcome .command-kicker{
color:#e4c978!important;
opacity:1!important;
font-size:11px!important;
letter-spacing:.11em!important}

.alpline-human-os .seller-welcome h1{
color:#fffaf0!important;
opacity:1!important;
text-shadow:0 1px 0 rgba(0,0,0,.08)!important}

.alpline-human-os .seller-welcome>p:not(.command-kicker){
color:#d7e6df!important;
opacity:1!important;
font-size:15px!important;
line-height:1.65!important}

.alpline-human-os .seller-badges span{
color:#f5faf7!important;
font-size:10px!important}

.alpline-human-os .seller-id{
background:rgba(3,24,18,.72)!important;
border-color:rgba(232,205,135,.28)!important}


/* Portal readability: slightly larger navigation and controls without bloating. */
.alpline-human-os .portal-nav a{
min-height:47px!important;
font-size:13px!important;
line-height:1.3!important}

.alpline-human-os .portal-nav-label{
font-size:10px!important;
letter-spacing:.12em!important}

.alpline-human-os .portal-top-actions a,.alpline-human-os .portal-top-actions summary{
font-size:12px!important}

.alpline-human-os .portal-content{
font-size:15px!important}


/* Public home: preserve editorial drama but reduce oversized headline on common laptops. */
.public-body .alp-home-hero h1{
font-size:clamp(3.25rem,5.8vw,6.2rem)!important;
line-height:.94!important}

.public-body .alp-home-hero .alp-hero-copy>p{
font-size:clamp(1rem,1.25vw,1.18rem)!important;
line-height:1.7!important}


/* Remove the artificial blank band before the footer. */
.public-body .site-footer{
margin-top:0!important}

.public-body .alp-page>.alp-section:last-child{
padding-bottom:clamp(56px,6vw,88px)!important}

.public-body .alp-care-section{
margin-bottom:0!important}


/* Footer readability. */
.public-body .premium-company-footer{
padding-top:52px!important;
padding-bottom:28px!important}

.public-body .premium-company-footer b{
font-size:24px!important}

.public-body .premium-company-footer strong{
font-size:11px!important;
letter-spacing:.1em!important}

.public-body .premium-company-footer a,.public-body .premium-company-footer span,.public-body .premium-company-footer p{
font-size:12px!important;
line-height:1.6!important}


@media(max-width:1180px){

  .site-header .vip-command{
width:min(250px,23vw)!important}

  .alpline-human-os .seller-hero{
grid-template-columns:1fr minmax(260px,330px)!important}

}

@media(max-width:900px){

  .alpline-human-os .seller-hero{
grid-template-columns:1fr!important;
min-height:auto!important}

  .site-header .vip-command{
display:none!important}

}

@media(max-width:700px){

  .public-body .alp-home-hero h1{
font-size:clamp(3rem,14vw,4.5rem)!important}

  .alpline-human-os .portal-nav a{
min-height:49px!important;
font-size:14px!important}

  .public-body .premium-company-footer{
padding:42px 20px 24px!important}

}



/* 4.0.7 Owner Security + CCTV Activity Center */
.owner-security-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
margin:18px 0}
.security-check{
display:flex;
gap:14px;
align-items:flex-start;
padding:20px;
border:1px solid #dfe7e2;
background:#fff;
border-radius:14px;
box-shadow:0 8px 25px rgba(12,52,38,.05)}
.security-check>span{
display:grid;
place-items:center;
width:36px;
height:36px;
border-radius:50%;
font-weight:900;
background:#edf6f1;
color:#0b6a46;
flex:0 0 auto}
.security-check.needs-action>span{
background:#fff2d7;
color:#9a6410}
.security-check small{
font-weight:900;
letter-spacing:.08em;
color:#718179}
.security-check h2{
margin:.3rem 0 .4rem;
font-size:1.15rem}
.security-check p{
margin:0;
color:#55645d;
line-height:1.55}
.owner-risk-strip,.audit-pulse-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px}
.owner-risk-strip>div,.audit-pulse-grid>article{
padding:18px;
border:1px solid #dfe7e2;
background:#fff;
border-radius:12px}
.owner-risk-strip small,.audit-pulse-grid small{
display:block;
color:#718179;
font-weight:900;
letter-spacing:.07em}
.owner-risk-strip b,.audit-pulse-grid b{
display:block;
margin:.35rem 0;
font-size:1.45rem;
color:#123c2d}
.owner-risk-strip a{
font-size:.78rem;
font-weight:900;
color:#0a6a47}
.audit-pulse-grid{
grid-template-columns:repeat(4,minmax(0,1fr));
margin:18px 0}
.audit-evidence summary{
cursor:pointer;
font-weight:900;
font-size:.75rem;
color:#0b6244}
.audit-evidence small{
display:block;
max-width:520px;
white-space:normal;
overflow-wrap:anywhere;
margin-top:7px;
line-height:1.45}
.audit-cctv-page code{
font-size:.76rem}
@media(max-width:900px){
.owner-security-grid,.owner-risk-strip,.audit-pulse-grid{
grid-template-columns:1fr}
.owner-security-hero .identity{
width:100%}
}


/* ALPLINE 4.0.9 — desktop/mobile visual correction authority
   Fixes the visible command-search popover issue and removes legacy portal double-offset. */
.alpline-human-os .portal-shell{
grid-template-columns:296px minmax(0,1fr)!important}

.alpline-human-os .portal-stage{
margin-left:0!important;
width:auto!important;
max-width:none!important}

.alpline-human-os .portal-content{
width:100%!important}

.alpline-human-os .admin-console,.alpline-human-os .seller-dashboard,.alpline-human-os .customer-dashboard,.alpline-human-os .franchise-dashboard,.alpline-human-os .dashboard{
width:100%!important;
max-width:none!important;
margin:0!important}


/* Compact search trigger; command palette is created only after intentional click/Ctrl+K. */
.vip-command{
position:relative!important;
width:auto!important;
flex:0 0 auto!important;
z-index:95!important}

.vip-command__trigger{
min-width:116px!important;
height:40px!important;
padding:0 11px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
border:1px solid #d8e2dd!important;
border-radius:10px!important;
background:#fff!important;
color:#234b3e!important;
box-shadow:none!important;
font:750 12px/1 var(--theme-font)!important;
white-space:nowrap!important}

.vip-command__trigger>span{
font-size:18px!important;
color:#7e9c90!important}

.vip-command__trigger>kbd{
padding:3px 5px!important;
border:1px solid #dfe6e2!important;
border-bottom-width:2px!important;
border-radius:5px!important;
background:#f7f9f7!important;
color:#788b83!important;
font:700 9px/1 var(--theme-font)!important}

.vip-command__trigger:hover,.vip-command__trigger[aria-expanded="true"]{
border-color:#b9cabe!important;
background:#f7faf8!important}

.vip-command__panel[hidden]{
display:none!important}

.vip-command__panel{
position:fixed!important;
top:82px!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
width:min(620px,calc(100vw - 28px))!important;
max-height:min(680px,calc(100vh - 110px))!important;
overflow:hidden!important;
padding:10px!important;
border:1px solid #d6e0db!important;
border-radius:16px!important;
background:#fff!important;
box-shadow:0 28px 80px rgba(4,45,34,.24)!important;
z-index:10000!important}

.vip-command__field{
display:grid!important;
grid-template-columns:24px minmax(0,1fr) 36px!important;
align-items:center!important;
gap:8px!important;
padding:5px 7px 5px 11px!important;
border:1px solid #d9e3de!important;
border-radius:11px!important;
background:#f8faf9!important}

.vip-command__field>span{
font-size:21px!important;
color:#78978b!important}

.vip-command__field input{
width:100%!important;
min-width:0!important;
height:42px!important;
padding:0!important;
border:0!important;
outline:0!important;
background:transparent!important;
box-shadow:none!important;
color:#173c30!important;
font:700 15px/1.2 var(--theme-font)!important}

.vip-command__close{
width:34px!important;
height:34px!important;
display:grid!important;
place-items:center!important;
padding:0!important;
border:0!important;
border-radius:8px!important;
background:#eef3f0!important;
color:#49645b!important;
font-size:21px!important;
line-height:1!important}

.vip-command__results{
position:static!important;
max-height:min(470px,55vh)!important;
margin-top:8px!important;
padding:6px!important;
overflow:auto!important;
border:0!important;
border-radius:10px!important;
background:#fff!important;
box-shadow:none!important}

.vip-command__results a{
min-height:55px!important}

.vip-command__hint{
margin:6px 8px 2px!important;
color:#7a8a84!important;
font-size:10px!important;
text-align:center!important}

.site-header .vip-command,.portal-topbar .vip-command{
width:auto!important}

.site-header .vip-command>label,.portal-topbar .vip-command>label{
display:none!important}


/* Admin topbar and launch cards: compact, readable and no low-contrast state. */
.alpline-human-os .portal-topbar{
gap:10px!important}

.alpline-human-os .topbar-identity{
min-width:178px!important;
line-height:1.2!important}

.alpline-human-os .topbar-identity small{
display:block!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important}

.alpline-human-os .topbar-identity b{
display:block!important;
margin-top:3px!important;
white-space:nowrap!important}

.alpline-human-os .admin-console-head{
min-height:220px!important;
padding:clamp(22px,3vw,38px)!important}

.alpline-human-os .admin-console-head h1{
font-size:clamp(2.35rem,3.5vw,3.85rem)!important}

.alpline-human-os .admin-quick-launch>a.primary,.alpline-human-os .admin-quick-launch>a.primary b{
color:#fff!important}

.alpline-human-os .admin-quick-launch>a.primary small{
color:#cfe3d9!important}

.alpline-human-os .admin-quick-launch>a.primary i{
background:rgba(223,178,59,.16)!important;
color:#f1d27d!important}


@media(max-width:1180px){

  .alpline-human-os .portal-shell{
grid-template-columns:270px minmax(0,1fr)!important}

  .alpline-human-os .portal-sidebar{
width:270px!important}

  .vip-command__trigger>kbd{
display:none!important}

  .alpline-human-os .topbar-identity{
min-width:150px!important}

}

@media(max-width:980px){

  .alpline-human-os .portal-shell{
display:block!important}

  .alpline-human-os .portal-sidebar{
width:296px!important;
position:fixed!important}

  .alpline-human-os .portal-stage{
margin-left:0!important}

  .portal-topbar .vip-command__trigger b{
display:none!important}

  .portal-topbar .vip-command__trigger{
min-width:42px!important;
width:42px!important;
padding:0!important}

}

@media(max-width:700px){

  .vip-command__panel{
top:68px!important;
width:calc(100vw - 16px)!important;
max-height:calc(100vh - 82px)!important;
border-radius:13px!important}

  .site-header .vip-command{
display:block!important}

  .site-header .vip-command__trigger{
min-width:42px!important;
width:42px!important;
padding:0!important}

  .site-header .vip-command__trigger b,.site-header .vip-command__trigger kbd{
display:none!important}

  .alpline-human-os .topbar-identity{
min-width:0!important;
max-width:155px!important}

  .alpline-human-os .topbar-identity small{
display:none!important}

}


/* ALPLINE 4.0.10 — GLOBAL SIGNATURE PALETTE
   Corporate multicolour language: midnight blue + champagne + blush + saffron +
   restrained emerald.  Removes the old green-dominant template feel while
   keeping status colours meaningful and readable. */
:root{

  --night:#11182b!important;
--forest:#223454!important;
--leaf:#486a92!important;

  --gold:#d4a64c!important;
--gold2:#f2d890!important;
--cream:#fbf8f2!important;

  --ink:#1d2638!important;
--muted:#697184!important;
--line:#e4e1df!important;

  --surface:#fff!important;
--alp-ink:#1d2638!important;
--alp-ink-2:#31405d!important;

  --alp-cream:#fbf8f2!important;
--alp-paper:#fffdfa!important;
--alp-gold:#d4a64c!important;

  --alp-gold-2:#f2d890!important;
--alp-mint:#edf4ef!important;
--alp-line:#e5e0dc!important;

  --alp-muted:#6f7482!important;
--alp-shadow:0 22px 70px rgba(33,43,68,.12)!important;

  --alp-blush:#fbecef!important;
--alp-sky:#eaf2fb!important;
--alp-saffron:#fff1ca!important;

}

body,.public-body,.alpline-human-os{
background:#fbfaf7!important;
color:#1d2638!important}

.public-body .utility-bar{
background:linear-gradient(90deg,#11182b,#283a60 58%,#6b4b64)!important}

.public-body .premium-company-header{
background:rgba(255,253,249,.96)!important;
border-bottom-color:#e7dfda!important}

.public-body .primary-nav a{
color:#2a3550!important}

.public-body .alp-hero{
background:linear-gradient(122deg,#121a30 0%,#30486f 43%,#77556d 74%,#b77f62 100%)!important}

.public-body .alp-hero-visual{
background:radial-gradient(circle at 22% 22%,rgba(255,213,224,.72),transparent 30%),radial-gradient(circle at 80% 26%,rgba(255,227,151,.72),transparent 34%),linear-gradient(145deg,#edf4fb,#fff8e8 58%,#f7e8ee)!important}

.public-body .alp-product-stage{
border-color:rgba(74,78,112,.12)!important;
box-shadow:0 42px 90px rgba(40,48,80,.18)!important}

.public-body .alp-orbit-note{
background:#273756!important}

.public-body .header-join{
background:linear-gradient(135deg,#25385c,#4d5f87)!important}

.public-body .alp-btn.primary,.btn.gold{
background:linear-gradient(135deg,#e0b75f,#f1d78f)!important;
color:#20283a!important;
border-color:#d7ab4e!important}

.public-body .alp-btn.ghost{
border-color:rgba(255,255,255,.5)!important}


.alpline-human-os .portal-sidebar{
background:linear-gradient(180deg,#11182b 0%,#1d2944 54%,#3b3248 100%)!important}

.alpline-human-os .portal-nav a{
color:#eef1f7!important}

.alpline-human-os .portal-nav a:hover,.alpline-human-os .portal-nav a.active{
background:linear-gradient(90deg,rgba(231,188,94,.17),rgba(231,130,158,.12))!important;
border-color:rgba(240,210,142,.32)!important}

.alpline-human-os .portal-topbar{
background:rgba(255,253,249,.97)!important;
border-bottom-color:#e7e1df!important}

.dash-head,.alpline-human-os .admin-console-head,.alpline-human-os .seller-hero{
background:linear-gradient(125deg,#11182b 0%,#2d4368 45%,#72536b 77%,#a66f5a 100%)!important}

.alpline-human-os .admin-console-head:after,.alpline-human-os .seller-hero:after{
content:"";
position:absolute;
inset:auto 3% 8% auto;
width:180px;
height:180px;
border-radius:50%;
background:radial-gradient(circle,rgba(244,206,104,.2),rgba(244,206,104,0) 68%);
pointer-events:none}

.control-card,.checkout-card,.security-check,.owner-risk-strip>div,.audit-pulse-grid>article{
background:#fff!important;
border-color:#e5e0df!important;
box-shadow:0 14px 40px rgba(33,43,68,.07)!important}

.control-card:nth-of-type(4n+1){
border-top:3px solid #d4a64c!important}
.control-card:nth-of-type(4n+2){
border-top:3px solid #d98ca4!important}
.control-card:nth-of-type(4n+3){
border-top:3px solid #7097c7!important}
.control-card:nth-of-type(4n){
border-top:3px solid #72a88a!important}

.notice{
background:linear-gradient(90deg,#fff3cf,#fbecef)!important;
color:#5e4b3d!important;
border:1px solid #efdfc2!important}

.status.active{
background:#e7f3ec!important;
color:#27694c!important}
.status.pending{
background:#fff0cc!important;
color:#8b5d18!important}

.btn.dark{
background:linear-gradient(135deg,#243652,#394f75)!important;
color:#fff!important;
border-color:#31476b!important}
.btn.outline{
background:#fff!important;
color:#334563!important;
border-color:#ccd3df!important}


/* Customer E-Shop: colourful but disciplined commerce surfaces. */
.shop-command .shop-toolbar{
background:linear-gradient(100deg,#f2f6fb,#fff9e8 50%,#fbedf1)!important;
border-color:#e7e0db!important}

.shop-command .photo-shop article:nth-child(5n+1){
border-top:4px solid #d4a64c!important}
.shop-command .photo-shop article:nth-child(5n+2){
border-top:4px solid #d98ca4!important}
.shop-command .photo-shop article:nth-child(5n+3){
border-top:4px solid #7198c9!important}
.shop-command .photo-shop article:nth-child(5n+4){
border-top:4px solid #78aa8e!important}
.shop-command .photo-shop article:nth-child(5n){
border-top:4px solid #e69f62!important}

.delivery-choice label:has(input:checked){
border-color:#c8a253!important;
background:linear-gradient(90deg,#fff9e8,#fdf0f3)!important}


/* Courier Control: Admin sees provider economics, customer sees only fixed piece rate. */
.courier-action-row,.courier-doc-actions{
display:flex!important;
gap:10px!important;
flex-wrap:wrap!important;
align-items:center!important}

.admin-live-rate-preview{
margin-top:14px!important;
padding:16px!important;
border:1px solid #d8ddeb!important;
border-radius:14px!important;
background:linear-gradient(120deg,#eef4fb,#fff9ea 55%,#fbeff2)!important}

.admin-live-rate-preview>small{
display:block!important;
font-weight:850!important;
letter-spacing:.08em!important;
color:#53627d!important}
.admin-live-rate-preview>b{
display:block!important;
margin:5px 0 12px!important;
color:#263753!important}

.courier-rate-list{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
gap:10px!important}
.courier-rate-list article{
padding:13px!important;
border:1px solid #e0dee2!important;
border-radius:11px!important;
background:#fff!important}
.courier-rate-list article>b{
display:block!important;
color:#263753!important}
.courier-rate-list article span,.courier-rate-list article small{
display:block!important;
margin-top:4px!important}

.customer-tracking-card{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:18px!important;
margin:16px 0!important;
padding:18px!important;
border:1px solid #d9ddea!important;
border-radius:16px!important;
background:linear-gradient(105deg,#eef4fb,#fff9e8 55%,#fbeef2)!important}
.customer-tracking-card>div{
display:grid!important;
gap:4px!important}
.customer-tracking-card small{
font-weight:900!important;
letter-spacing:.1em!important;
color:#65728a!important}
.customer-tracking-card b{
font-size:20px!important;
color:#243653!important}
.customer-tracking-card span{
font-size:12px!important;
color:#6b7280!important}

@media(max-width:700px){
.customer-tracking-card{
align-items:stretch!important;
flex-direction:column!important}
.customer-tracking-card .btn,.courier-action-row .btn{
width:100%!important}
.courier-action-row{
display:grid!important;
grid-template-columns:1fr!important}
.courier-doc-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important}
}



/* ALPLINE 4.0.11 — MEMBER EXPERIENCE FINAL PASS
   User-facing clarity: separate wallets, postal helper, KYC capability truth and
   mobile-safe commerce/income/network surfaces. */
.purchase-accent{
background:linear-gradient(135deg,#edf4fb,#fff9e7 58%,#fbeef2)!important;
border-top:4px solid #d4a64c!important}

.purchase-accent>a{
font-weight:850!important;
color:#344c75!important;
text-decoration:none!important}

.upload-readiness{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:9px;
margin-top:16px}
.upload-readiness>span{
display:grid;
gap:3px;
padding:12px 13px;
border:1px solid #e4dfdc;
border-radius:12px;
background:linear-gradient(135deg,#fff,#f7f3f1)}
.upload-readiness b{
font-size:10px;
letter-spacing:.08em;
color:#344c75}
.upload-readiness small{
font-size:11px;
color:#6e7481}

[data-locality-choice] select{
width:100%;
min-height:46px;
padding:9px 11px;
border:1px solid #d9dde5;
border-radius:9px;
background:#fff;
color:#243653}

.profile-form [data-pincode-result],.registration-form [data-pincode-result],.checkout-location [data-pincode-result]{
display:block;
margin-top:5px;
font-size:10px;
line-height:1.4;
color:#667187}

.wallet-pair article:first-child{
border-top:4px solid #7a96c2!important}
.wallet-pair article:last-child{
border-top:4px solid #d4a64c!important;
background:linear-gradient(135deg,#fff,#fff8e7)!important}

@media(max-width:900px){

  .seller-kpis,.customer-kpis{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .upload-readiness{
grid-template-columns:1fr!important}

  .income-report-nav{
grid-template-columns:1fr!important}

  .network-metrics{
grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .checkout-location,.form-grid,.review-grid{
grid-template-columns:1fr 1fr!important}

}

@media(max-width:640px){

  .seller-kpis,.customer-kpis,.network-metrics,.checkout-location,.form-grid,.review-grid,.wallet-pair{
grid-template-columns:1fr!important}

  .seller-kpis article,.customer-kpis article{
min-height:108px!important;
padding:16px!important}

  .seller-hero,.customer-hero,.dash-head{
border-radius:18px!important}

  .simple-join .registration-panel,.login-card,.control-card,.customer-panel,.command-panel{
border-radius:15px!important}

  .simple-join input,.simple-join select,.simple-join textarea,.profile-form input,.profile-form select,.profile-form textarea,.checkout-location input,.checkout-location select{
font-size:16px!important}

  .income-report-nav a{
grid-template-columns:42px minmax(0,1fr) auto!important;
gap:8px!important}

  .income-report-nav a strong{
font-size:13px!important}

  .table-wrap{
overflow-x:auto!important;
-webkit-overflow-scrolling:touch!important}

  .customer-tracking-card b{
overflow-wrap:anywhere!important}

}


/* ALPLINE 4.0.12 Setup 3 — Admin Business Control polish */
.admin-shell .card,.admin-shell .panel,.admin-shell .metric-card{

  min-width:0;
overflow-wrap:anywhere
}

.admin-shell table{
font-size:clamp(.86rem,.25vw + .8rem,.98rem)}

.admin-shell button,.admin-shell .btn,.admin-shell a.btn{
min-height:42px}

@media(max-width:760px){

  .admin-shell .grid,.admin-shell .dashboard-grid{
grid-template-columns:1fr!important}

  .admin-shell .table-wrap,.admin-shell .responsive-table{
overflow-x:auto;
-webkit-overflow-scrolling:touch}

  .admin-shell input,.admin-shell select,.admin-shell textarea{
font-size:16px}

}


/* ALPLINE 4.0.13 Setup 4 — Income + Finance readability */
.finance-shell .metric-card,.income-shell .metric-card{
min-width:0}

.finance-shell .amount,.income-shell .amount{
font-variant-numeric:tabular-nums;
font-weight:800}

.finance-shell .table-wrap,.income-shell .table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch}

@media(max-width:760px){

 .finance-shell table,.income-shell table{
font-size:.9rem}

 .finance-shell button,.income-shell button,.finance-shell .btn,.income-shell .btn{
min-height:42px}

}


/* ALPLINE 4.0.14 Setup 5 — Franchise + Courier mobile polish */
.franchise-shell .table-wrap,.courier-shell .table-wrap,.franchise-movement-register .table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch}

.franchise-shell .status,.courier-shell .status{
white-space:nowrap}

.franchise-shell .metric-card,.courier-shell .metric-card{
min-width:0}

@media(max-width:760px){

 .franchise-shell .journal-form,.courier-shell .journal-form{
grid-template-columns:1fr!important}

 .franchise-shell .btn,.courier-shell .btn{
min-height:42px}

 .franchise-shell input,.franchise-shell select,.courier-shell input,.courier-shell select{
font-size:16px}

}


/* ALPLINE 4.0.15 Setup 6 — Final Launch Audit */
.launch-audit-actions{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end}

.launch-audit-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin-top:18px}

.launch-audit-grid article{
border:1px solid rgba(148,163,184,.28);
border-radius:18px;
padding:18px;
background:rgba(255,255,255,.9);
box-shadow:0 10px 30px rgba(15,23,42,.05)}

.launch-audit-grid article.ready{
border-top:4px solid #10b981}

.launch-audit-grid article.attention{
border-top:4px solid #f59e0b}

.launch-audit-grid header{
display:flex;
justify-content:space-between;
gap:12px;
align-items:center}

.launch-audit-grid header b{
font-size:.78rem;
letter-spacing:.08em}

.launch-audit-grid header small{
font-size:.72rem;
opacity:.7}

.launch-audit-grid h3{
margin:10px 0 6px;
font-size:1.02rem}

.launch-audit-grid p{
margin:0;
line-height:1.55}

@media(max-width:980px){
.launch-audit-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){

  .launch-audit-grid{
grid-template-columns:1fr}

  .launch-audit-actions{
justify-content:flex-start}

  .launch-audit-actions .btn{
width:100%;
text-align:center;
min-height:42px}

}

/* ALPLINE 4.0.16 — Owner AI Development + readable ZIP updater + plan clarity */
.owner-ai-page{
--ai-night:#0b1530;
--ai-gold:#d9a62e;
--ai-sky:#eaf4ff}

.owner-ai-hero{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);
gap:28px;
align-items:center;
padding:34px;
border-radius:30px;
background:linear-gradient(135deg,#0b1530 0%,#172a58 52%,#6a3556 100%);
color:#fff;
box-shadow:0 28px 70px rgba(11,21,48,.2)}

.owner-ai-hero h1{
font-size:clamp(2.1rem,4.5vw,4.6rem);
line-height:.95;
margin:.25rem 0 1rem}
.owner-ai-hero h1 em{
font-style:normal;
color:#f6d776}
.owner-ai-hero p{
max-width:900px;
line-height:1.7}
.owner-ai-orbit{
min-height:230px;
border-radius:50%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
border:1px solid rgba(255,255,255,.25);
background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.22),rgba(255,255,255,.06));
box-shadow:inset 0 0 0 12px rgba(255,255,255,.035)}

.owner-ai-orbit small{
letter-spacing:.14em}
.owner-ai-orbit b{
font-size:2.2rem;
margin:.35rem 0}
.owner-ai-orbit.ready b{
color:#8df0b1}
.owner-ai-orbit.blocked b{
color:#ffd38d}
.owner-ai-status-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin:20px 0}
.owner-ai-status-grid article{
padding:18px 20px;
border-radius:20px;
background:#fff;
box-shadow:0 12px 34px rgba(11,21,48,.08);
border:1px solid rgba(23,42,88,.1)}
.owner-ai-status-grid small{
display:block;
letter-spacing:.09em;
opacity:.65}
.owner-ai-status-grid b{
display:block;
font-size:1.45rem;
margin:.35rem 0}
.owner-ai-status-grid span{
font-size:.9rem;
line-height:1.45}

.owner-ai-form{
display:grid;
gap:16px}
.voice-toolbar{
display:flex;
gap:12px;
align-items:end;
flex-wrap:wrap;
padding:14px;
border-radius:18px;
background:linear-gradient(90deg,#f5f8ff,#fff9e8)}
.voice-toolbar label{
min-width:210px}
.voice-toolbar [data-speech-status]{
font-size:.9rem;
opacity:.72;
padding-bottom:9px}
.owner-ai-form textarea{
min-height:190px;
font-size:1.02rem;
line-height:1.6}
.owner-ai-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px}
.owner-ai-actions{
display:flex;
gap:12px;
flex-wrap:wrap}
.owner-ai-safety{
display:flex;
gap:16px;
align-items:flex-start;
margin-top:18px;
padding:16px 18px;
border-radius:18px;
background:#fff6e6;
border:1px solid #f0cf89}
.owner-ai-safety b{
white-space:nowrap}
.owner-ai-safety span{
line-height:1.55}
.owner-ai-history td small{
display:block;
margin-top:4px;
max-width:520px}
.compact-actions{
display:flex;
gap:8px;
align-items:center;
flex-wrap:wrap}
.compact-actions form{
display:flex;
gap:6px;
align-items:center}
.compact-actions input{
min-width:170px}
.owner-ai-vault{
grid-column:1/-1}
.owner-ai-vault .vault-test{
margin-top:14px}

.plan-clarity-grid{
display:grid;
grid-template-columns:1fr 1fr .7fr;
gap:16px;
margin-top:18px}
.plan-clarity-grid article{
padding:22px;
border-radius:22px;
border:1px solid rgba(23,42,88,.11);
background:#fff;
box-shadow:0 12px 34px rgba(11,21,48,.06)}
.plan-clarity-grid article.candidate{
border-top:5px solid #2453a6}
.plan-clarity-grid article.reserve{
border-top:5px solid #c99724}
.plan-clarity-grid article.headroom{
border-top:5px solid #7b4d84}
.plan-clarity-grid small{
font-weight:800;
letter-spacing:.08em;
opacity:.66}
.plan-clarity-grid b{
display:block;
font-size:2rem;
margin:.45rem 0}
.plan-clarity-grid p{
line-height:1.55}
.plan-clarity-grid strong{
display:block;
margin-top:12px}

@media(max-width:980px){
.owner-ai-hero{
grid-template-columns:1fr}
.owner-ai-orbit{
min-height:180px;
border-radius:26px}
.owner-ai-status-grid,.plan-clarity-grid{
grid-template-columns:1fr 1fr}
.plan-clarity-grid .headroom{
grid-column:1/-1}
}

@media(max-width:680px){
.owner-ai-hero{
padding:24px 18px;
border-radius:22px}
.owner-ai-status-grid,.owner-ai-form-grid,.plan-clarity-grid{
grid-template-columns:1fr}
.plan-clarity-grid .headroom{
grid-column:auto}
.voice-toolbar,.owner-ai-actions,.compact-actions,.compact-actions form{
align-items:stretch;
flex-direction:column}
.owner-ai-actions .btn,.compact-actions .btn,.compact-actions input,.voice-toolbar .btn,.voice-toolbar label{
width:100%;
min-width:0}
.owner-ai-form textarea{
font-size:16px}
.owner-ai-safety{
flex-direction:column}
.owner-ai-flow .glass-workflow{
overflow-x:auto;
justify-content:flex-start;
padding-bottom:8px}
.owner-ai-flow .glass-workflow>div{
min-width:150px}
}