/* METAFORA Cosmic Premium Website / visually scoped 2026-10 */
:root{--green:#152f40;--green-2:#23445a;--cream:#f4f0e8;--ink:#172b3c;--cosmic-blue:#0c2032;--cosmic-mid:#193e54;--cosmic-gold:#d8bf86;--cosmic-ivory:#f5f2e9;--cosmic-muted:#b8c9d4}
body{background:#091c2b;color:#e9eff4}
.topbar{height:78px;background:linear-gradient(90deg,rgba(7,22,34,.97),rgba(15,38,54,.95));border-bottom:1px solid rgba(217,192,133,.30);box-shadow:0 7px 32px rgba(2,12,25,.22);backdrop-filter:blur(22px)}
.brand{appearance:none;border:1px solid rgba(224,205,157,.42);background:rgba(255,255,255,.045);border-radius:9px;color:#fbf5e9;padding:10px 17px;letter-spacing:.24em;font-size:22px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.18);transition:.22s}
.brand:hover{background:rgba(226,203,151,.10);border-color:#dfc98f}
.nav{gap:clamp(11px,1.75vw,30px)}.nav button{font-weight:700;letter-spacing:.012em;transition:color .2s,opacity .2s,transform .2s}.nav button:hover,.nav button.active{color:#f1dca9;opacity:1}
.nav .login-link{color:#eed8a6}.header-cart-btn{background:rgba(255,255,255,.07);border:1px solid rgba(224,203,152,.28);padding:0 13px}
.header-cart-count{background:linear-gradient(145deg,#eddcac,#c6a66a);color:#112739}
.hero{min-height:100vh;height:100vh;padding:132px 5.3vw 58px;grid-template-columns:minmax(0,1.06fr) minmax(450px,.94fr);gap:4vw;background:linear-gradient(93deg,rgba(5,17,30,.96) 0%,rgba(8,28,44,.87) 41%,rgba(12,33,51,.55) 100%),url('metafora-web-cosmos.webp') center center/cover no-repeat;color:#fff}
.hero:before{content:'';position:absolute;inset:0;opacity:1;mask-image:none;background:radial-gradient(ellipse at 74% 23%,rgba(79,161,204,.19),transparent 40%),radial-gradient(circle at 21% 76%,rgba(202,167,104,.08),transparent 34%);pointer-events:none}
.hero:after{content:'';position:absolute;left:-12vw;right:-12vw;bottom:-30vh;height:50vh;background:radial-gradient(ellipse,rgba(20,126,161,.13),transparent 68%);filter:blur(12px);pointer-events:none}
.hero-copy{max-width:790px;padding-left:0;text-shadow:0 3px 30px rgba(0,0,0,.26)}
.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#d7c597;letter-spacing:.21em;font-size:11px;margin-bottom:23px}
.eyebrow:before{content:'✦';color:#d8bc80;font-size:16px}
h1{font-size:clamp(52px,6.9vw,103px);letter-spacing:.13em;font-weight:500;text-shadow:0 6px 50px rgba(3,20,40,.36);margin-bottom:26px}
.lead{font-size:clamp(24px,2.65vw,39px);line-height:1.13;color:#faf5eb;max-width:680px}
.sub{color:#d4e0e8;font-size:clamp(14px,1.03vw,17px);line-height:1.84;max-width:665px;margin-bottom:27px}
.actions{gap:12px}.primary,.secondary{min-height:49px;font-size:12px;letter-spacing:.09em;transition:transform .2s,box-shadow .2s,background .2s}
.primary{background:linear-gradient(140deg,#f5e7c8,#d3b777);color:#142b3c;border:1px solid rgba(255,245,215,.8);box-shadow:0 16px 32px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.6)}
.primary:hover,.secondary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(2,15,27,.32)}
.secondary{border:1px solid rgba(217,196,151,.56);color:#f7ebce;background:rgba(6,25,41,.42);backdrop-filter:blur(8px);padding:14px 25px}
.micro{color:#bdccda;margin-top:24px;font-size:12px}.soft-launch-note{color:rgba(208,219,226,.66)}
.visual{min-height:535px}.video-stage{width:min(620px,45vw);min-width:430px}
.video-preview{aspect-ratio:1.35;border-radius:26px;border:1px solid rgba(217,191,135,.45);background:linear-gradient(153deg,rgba(18,47,66,.74),rgba(7,21,37,.79)),url('metafora-web-cosmos.webp') center/cover no-repeat;box-shadow:0 32px 95px rgba(0,5,16,.52),0 0 50px rgba(71,132,164,.14),inset 0 1px rgba(255,255,255,.15);backdrop-filter:blur(13px)}
.video-preview:before{opacity:.12}.video-preview:after{content:'';position:absolute;inset:10px;border-radius:18px;border:1px solid rgba(237,220,183,.13);pointer-events:none}
.video-preview:hover{transform:translateY(-5px);box-shadow:0 42px 105px rgba(0,6,20,.58),0 0 50px rgba(84,162,195,.22)}
.video-preview-inner{padding:38px}.video-preview-badge{color:#f2db9f;opacity:1}.video-preview-title{font-size:clamp(29px,2.5vw,38px)}.video-preview-sub{color:#d7e1e9}.video-preview-link{color:#f1dba5}
.play-button{width:83px;height:83px;background:linear-gradient(145deg,#fcf6e8,#dbc58f);color:#142b3c;border-color:#f7edcf;box-shadow:0 13px 40px rgba(0,0,0,.25),0 0 0 10px rgba(244,226,187,.08)}
.play-button:after{border-left-color:#173449}.video-preview-note{color:#c9d8e2}
.site-footer{background:rgba(5,20,32,.91);border-top:1px solid rgba(215,195,146,.24);color:#bdc9d5}.site-footer-links button{color:#cad7e0}.site-footer-links button:hover{color:#f4dca6}
/* unified overlays */
.panel-backdrop,.auth-backdrop,.payment-backdrop,.store-cart-backdrop,.store-admin-backdrop,.intro-video-modal{background:rgba(3,12,26,.74);backdrop-filter:blur(12px)}
.info-panel,.auth-card,.payment-card,.store-admin-card{background:linear-gradient(145deg,rgba(249,248,244,.99),rgba(238,242,245,.99));border:1px solid rgba(218,192,132,.40);box-shadow:0 34px 100px rgba(0,9,25,.46),inset 0 1px rgba(255,255,255,.8)}
.panel-close,.auth-close,.payment-close,.store-admin-close,.store-cart-close{background:#e5ebee;color:#223f51;border:1px solid #d2dce1;transition:background .2s,transform .2s}
.panel-close:hover,.auth-close:hover,.payment-close:hover,.store-admin-close:hover{background:#d6e4e9;transform:rotate(90deg)}
.info-panel h2,.auth-card h3,.auth-brand,.payment-card h3,.payment-brand,.store-admin-head h3{color:#19384a}
.kicker,.payment-kicker{color:#8f794e;letter-spacing:.18em}
.copy strong,.closing,.step b,.plan-card b,.guide-card b,.plan-price,.plan-price strong{color:#1c4258!important}
.how-cta a,.plan-action,.plan-card .plan-action,.auth-submit,.payment-submit,.contact-submit,.admin-save,.product-btn.cart,.product-buy-now,.store-cart-checkout{background:linear-gradient(135deg,#20495e,#0d2c41);color:#fff;border:1px solid rgba(205,174,115,.22);box-shadow:0 9px 22px rgba(15,46,62,.16)}
.how-cta a:hover,.plan-action:hover,.auth-submit:hover,.contact-submit:hover,.product-buy-now:hover{background:linear-gradient(135deg,#2d5d72,#173b50)}
.step,.plan-card,.guide-card,.contact-form,.contact-point,.store-info-item,.admin-form,.admin-listbox,.legal-content,.legal-side-card{border:1px solid rgba(42,80,98,.11);box-shadow:0 13px 38px rgba(14,39,55,.06);border-radius:19px}
.plan-card.featured{border:1.5px solid rgba(186,153,90,.73);box-shadow:0 18px 44px rgba(45,75,90,.12),0 0 0 4px rgba(215,187,133,.12)}
.plan-badge{background:#f1e7d0;color:#775f35}
/* product and editorial views remain bright/readable and modern */
.store-page,.content-page,.article-page,.legal-page,.product-page{background:radial-gradient(circle at 97% 0%,rgba(207,224,232,.50),transparent 35%),linear-gradient(160deg,#f4f6f7,#edf1f2 64%,#f6f3eb);color:#1a3243}
.store-page .store-headrow h2,.content-hero h2,.article-head h1,.product-detail-info h2,.legal-hero h1,.content-category-landing h3{color:#173b50}
.store-intro,.content-hero p,.product-detail-copy,.article-body,.legal-content p{color:#465e6b}
.store-topnote{background:rgba(215,228,235,.72);color:#4a6371}.store-side-title,.content-side-title{color:#8294a0}
.store-category,.content-category-btn{color:#425d6c}
.store-category.active,.store-category:hover,.content-category-btn.active,.content-category-btn:hover{background:#dae7ed;color:#173a50}
.store-search,.content-search,.contact-field input,.contact-field textarea,.contact-field select{background:#fff;border-color:rgba(33,73,94,.18);color:#193849}
.product-card,.article-card{background:#fff;border:1px solid rgba(30,66,90,.14);box-shadow:0 14px 35px rgba(22,54,72,.08);transition:transform .2s,box-shadow .2s}
.product-card:hover,.article-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(22,54,72,.14)}
.product-name,.product-price,.article-card h3,.product-detail-price,.article-body h2,.article-body h3,.article-body h4,.related-wrap h3{color:#173b50}
.product-btn.view,.product-add-cart,.store-pill,.article-back,.product-back{background:#e9f0f4;color:#20475d}
.store-pill{border-color:rgba(38,78,100,.18)}.product-detail-cover,.deck-card-image{border-color:rgba(38,78,100,.19)}
.store-cart-panel{background:#f4f6f7;border-left:1px solid rgba(215,187,134,.44)}
.store-cart-footer{background:#e9eff2}
/* menu drawers */
.mobile-nav{background:#0c2538;border-top:1px solid rgba(216,189,128,.3)}
.content-mega-menu,.cascade-submenu,.cascade-submenu-title{background:rgba(247,249,249,.99);border-color:rgba(34,75,98,.20)}
.cascade-category-link,.cascade-all-link{color:#1c4356!important}.cascade-article{color:#325466!important}
.cascade-category-link:hover,.cascade-all-link:hover,.cascade-article:hover{background:#e4eef2!important;color:#11344a!important}
.cascade-submenu-title{color:#183d52}
/* controls and form polish */
button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #d0ae71}
@media(max-width:1190px){.hero{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:2.5vw}.video-stage{min-width:360px}.sub{font-size:15px}.nav{gap:12px}.nav button{font-size:12px}}
@media(max-width:980px){.hero{height:100vh;min-height:700px;grid-template-columns:1fr;padding:124px 6vw 65px}.hero-copy{max-width:700px}.visual{display:none}.topbar{padding:0 20px}.brand{font-size:19px}}
@media(max-width:720px){.hero{height:auto;min-height:100svh;overflow:auto;padding:125px 24px 90px}h1{font-size:clamp(45px,10vw,72px);letter-spacing:.09em}.lead{font-size:clamp(22px,6vw,29px)}.sub{line-height:1.75}.topbar{height:72px}.mobile-nav{top:72px}.brand{font-size:17px;padding:8px 12px}.site-footer{background:#081c2c}.info-panel{padding:44px 24px 34px}}
@media(prefers-reduced-motion:reduce){.video-preview,.primary,.secondary,.product-card,.article-card{transition:none!important}}