@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;700;800;900&display=swap');

/* ═══ ICONS & BUTTONS ═══ */
svg{display:inline-block;vertical-align:middle;flex-shrink:0;}
/* ── Ampersand typography fix: force upright in serif headings ── */
.amp{font-style:normal!important;font-weight:300;color:inherit;}
.btn-icon{transition:transform 0.4s var(--ease);}
.btn:hover .btn-icon,.form-submit:hover .btn-icon{transform:translateX(5px);}
.ti-icon{opacity:0.7;}
.trust-item{gap:8px;}
.trust-item svg{opacity:0.6;}
.modal-title svg{animation:iconSpin 8s linear infinite;color:var(--blue);}
@keyframes iconSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.footer-contact-link{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.4);font-size:.85rem;text-decoration:none;transition:color .3s;}
.footer-contact-link:hover{color:var(--white);}
/* Footer link icons — white on hover */
.fl-icon{opacity:0;transform:translateX(-4px);transition:opacity 0.3s var(--ease),transform 0.35s var(--ease),color 0.3s;color:rgba(255,255,255,0.2);flex-shrink:0;}
.footer-links a{display:flex;align-items:center;gap:8px;transition:color 0.3s;}
.footer-links a:hover .fl-icon{opacity:1;transform:translateX(0);color:var(--white);}
.footer-links a:hover{color:var(--white);}
/* Stagger the icon reveal on hover per list item */
.footer-links li:nth-child(1) .fl-icon{transition-delay:0s;}
.footer-links li:nth-child(2) .fl-icon{transition-delay:0.03s;}
.footer-links li:nth-child(3) .fl-icon{transition-delay:0.06s;}
.footer-links li:nth-child(4) .fl-icon{transition-delay:0.09s;}
.footer-links li:nth-child(5) .fl-icon{transition-delay:0.12s;}
.footer-links li:nth-child(6) .fl-icon{transition-delay:0.15s;}
.footer-links li:nth-child(7) .fl-icon{transition-delay:0.18s;}


:root {
  --midnight: #080C14;
  --obsidian: #12181F;
  --slate: #1C2532;
  --paper: #F4F2ED;
  --cream: #FAFAF8;
  --white: #FFFFFF;
  /* ── Accent 1: Institutional Cyan (CTA, badges, IDs) ── */
  --cyan: #0088CC;
  --cyan-light: #00A8E8;
  --cyan-dark: #006699;
  --cyan-dim: rgba(0,136,204,0.12);
  --cyan-border: rgba(0,136,204,0.35);
  /* ── Accent 2: Interactive Blue (nav, links, hovers) ── */
  --blue: #1B5FC7;
  --blue-light: #2B72E5;
  --blue-dim: rgba(27,95,199,0.12);
  --blue-border: rgba(27,95,199,0.35);
  /* ── Navy depth tone ── */
  --navy: #0A2540;
  /* ── Neutral / legacy (no longer used as accent) ── */
  --gold: #C9A84C;  /* kept for graceful fallback only */
  --gold-light: #E8C96A;
  --gold-dim: rgba(201,168,76,0.08);
  --gold-border: rgba(201,168,76,0.2);
  --muted: #8896A4;
  --border: rgba(255,255,255,0.07);
  --border-dark: rgba(0,0,0,0.08);
  --glass: rgba(18,24,31,0.7);
  --ease: cubic-bezier(0.16,1,0.3,1);
  --transition: all 0.6s var(--ease);
  --shadow: 0 24px 64px rgba(0,0,0,0.3);
  --shadow-cyan: 0 8px 40px rgba(0,136,204,0.3);
  --shadow-blue: 0 0 40px rgba(27,95,199,0.2);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{background:var(--cream);color:var(--midnight);font-family:'Inter',sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;line-height:1.05;font-weight:600;letter-spacing:-0.01em;}
a{color:inherit;text-decoration:none;transition:var(--transition);}
ul{list-style:none;}
img{max-width:100%;display:block;}

.container{max-width:1360px;margin:0 auto;padding:0 40px;}

/* ═══ HEADER ═══ */
header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:#FFFFFF;border-bottom:1px solid var(--border-dark);transition:box-shadow 0.4s var(--ease);}
header.scrolled{box-shadow:0 4px 24px rgba(0,0,0,0.1);}
.nav-container{max-width:1360px;margin:0 auto;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;}
.logo img{height:40px;width:auto;}
.nav-links{display:flex;gap:36px;align-items:center;}
.nav-links a{font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--midnight);opacity:0.65;transition:var(--transition);}
/* nav - blue for interactive states */
.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--blue);}
.nav-cta{padding:9px 18px;background:var(--midnight);color:var(--white)!important;border-radius:4px;font-size:0.73rem;font-weight:700;opacity:1!important;letter-spacing:0.04em;display:inline-flex;align-items:center;gap:6px;}
.nav-cta:hover{background:var(--blue);color:var(--white)!important;}
.nav-cta svg{width:13px;height:13px;flex-shrink:0;}
.lang-switcher{display:flex;gap:14px;font-size:0.72rem;font-weight:700;letter-spacing:0.05em;}
.lang-switcher a{color:var(--midnight);opacity:0.4;}
.lang-switcher a.active,.lang-switcher a:hover{opacity:1;color:var(--blue);}

/* Mobile hamburger */
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;}
.hamburger span{width:24px;height:2px;background:var(--midnight);transition:var(--transition);display:block;}
.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.mobile-nav{position:fixed;top:80px;left:0;width:100%;background:var(--white);border-bottom:1px solid var(--border-dark);padding:32px 40px;display:none;flex-direction:column;gap:24px;z-index:999;box-shadow:0 24px 48px rgba(0,0,0,0.1);}
.mobile-nav.open{display:flex;}
.mobile-nav a{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var(--midnight);opacity:0.7;}
.mobile-nav a:hover{opacity:1;color:var(--blue);}
.mobile-nav .mobile-cta{background:var(--midnight);color:var(--white)!important;opacity:1!important;padding:14px 24px;border-radius:4px;text-align:center;}

/* ═══ TRUST STRIP ═══ */
.trust-strip{background:var(--midnight);color:var(--white);padding:11px 0;overflow:hidden;position:relative;z-index:10;}
.trust-ticker{display:flex;white-space:nowrap;animation:ticker 50s linear infinite;}
.trust-item{display:flex;align-items:center;padding:0 40px;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;opacity:0.5;}
.trust-item::after{content:"";display:inline-block;width:3px;height:3px;background:var(--blue);border-radius:50%;margin-left:40px;}
@keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* breadcrumbs — blue for navigation */
.breadcrumb{background:var(--paper);border-bottom:1px solid var(--border-dark);padding:14px 0;}
.breadcrumb .container{display:flex;align-items:center;gap:10px;font-size:0.75rem;color:var(--muted);}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--blue);}
.breadcrumb span.sep{opacity:0.4;}
.breadcrumb span.current{color:var(--blue);font-weight:600;}

/* ═══ HERO ═══ */
.hero{padding:180px 0 120px;min-height:92vh;display:flex;align-items:center;position:relative;background-size:cover!important;background-position:center!important;overflow:hidden;}
.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(8,12,20,0.93) 0%,rgba(8,12,20,0.65) 55%,rgba(8,12,20,0.2) 100%);z-index:1;}
.hero .container{position:relative;z-index:2;}
.hero-label{font-size:0.7rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--blue-light);margin-bottom:24px;display:flex;align-items:center;gap:12px;}
.hero-label::before{content:'';width:32px;height:1px;background:var(--blue-light);}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(3.2rem,6vw,5.8rem);color:var(--white);margin-bottom:28px;font-weight:300;line-height:1.02;max-width:900px;}
.hero h1 em{font-style:italic;color:var(--blue-light);}
.hero h1 strong{font-weight:700;}
.hero .subheading{font-size:1.1rem;color:rgba(255,255,255,0.65);margin-bottom:48px;max-width:580px;font-weight:300;line-height:1.75;}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;border-radius:4px;font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:var(--transition);border:none;}
.btn-primary{background:var(--cyan);color:var(--white);}
.btn-primary:hover{background:var(--cyan-light);transform:translateY(-2px);box-shadow:var(--shadow-cyan);}
.btn-outline-white{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,0.3);}
.btn-outline-white:hover{border-color:var(--cyan-light);color:var(--cyan-light);}
.btn-dark{background:var(--navy);color:var(--white);border:1px solid rgba(255,255,255,0.1);}
.btn-dark:hover{background:var(--cyan);color:var(--white);border-color:var(--cyan);}

/* ═══ SECTIONS ═══ */
section{padding:120px 0;}
.sec-dark{background:var(--midnight);color:var(--white);}
.sec-dark h2,.sec-dark h3,.sec-dark h4{color:var(--white);}
.sec-obsidian{background:var(--obsidian);color:var(--white);}
.sec-obsidian h2,.sec-obsidian h3{color:var(--white);}
.sec-paper{background:var(--paper);}
.sec-white{background:var(--white);}
.sec-slate{background:var(--slate);color:var(--white);}
.sec-slate h2,.sec-slate h3{color:var(--white);}

.section-label{font-size:0.68rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--blue-light);margin-bottom:16px;}
.section-header{margin-bottom:72px;max-width:760px;}
.section-header h2{font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:20px;}
.section-header p{font-size:1.1rem;color:var(--muted);line-height:1.8;}
.section-header.centered{text-align:center;max-width:800px;margin-left:auto;margin-right:auto;}

/* ═══ GRIDS ═══ */
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;align-items:start;}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;}

/* cards — blue border on hover */
.card{background:var(--white);padding:52px;border-radius:6px;border:1px solid var(--border-dark);transition:var(--transition);position:relative;overflow:hidden;}
.card::before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--blue);transition:var(--transition);}
.card:hover{box-shadow:0 24px 64px rgba(27,95,199,0.1);transform:translateY(-8px);}
.card:hover::before{width:100%;}
.card h3{font-size:1.6rem;margin-bottom:16px;}
.card p{color:var(--muted);font-size:0.95rem;line-height:1.8;}

.card-dark{background:var(--slate);border:1px solid var(--border);padding:48px;}
.card-dark::before{background:var(--cyan);}
.card-dark h3,.card-dark h4{color:var(--white);}
.card-dark p{color:rgba(255,255,255,0.55);}
.card-dark:hover{box-shadow:var(--shadow-cyan);}

/* asset cards — blue border hover, gold stays for IDs/badges */
.asset-card{background:var(--obsidian);border:1px solid var(--border);padding:40px;border-radius:6px;transition:var(--transition);position:relative;}
.asset-card:hover{border-color:var(--blue-border);box-shadow:var(--shadow-blue);}
.asset-id{font-size:0.65rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--cyan-light);margin-bottom:20px;}
.asset-card h3{font-size:1.4rem;color:var(--white);margin-bottom:24px;}
.asset-meta{border-top:1px solid var(--border);padding-top:20px;margin-top:24px;display:flex;flex-direction:column;gap:10px;}
.asset-meta-row{display:flex;justify-content:space-between;font-size:0.85rem;}
.asset-meta-row .label{color:rgba(255,255,255,0.4);}
.asset-meta-row .val{color:var(--white);font-weight:600;}
.asset-status{font-size:0.65rem;font-weight:700;letter-spacing:0.15em;background:var(--cyan-dim);color:var(--cyan-light);padding:5px 12px;border-radius:2px;border:1px solid var(--cyan-border);display:inline-block;margin-top:20px;}
.asset-card .btn{margin-top:28px;width:100%;font-size:0.78rem;padding:13px;}

/* ═══ PROCESS STEPS ═══ */
.steps-list{display:flex;flex-direction:column;gap:0;}
.step-item{display:flex;gap:40px;align-items:flex-start;padding:40px 0;border-bottom:1px solid var(--border);}
.step-num{font-family:'Cormorant Garamond',serif;font-size:3rem;color:var(--blue-light);opacity:0.5;font-weight:300;min-width:48px;line-height:1;}
.step-body h4{font-size:1.2rem;color:var(--white);margin-bottom:10px;}
.step-body p{color:rgba(255,255,255,0.5);font-size:0.9rem;line-height:1.75;}

/* Overrides for steps in light sections */
.sec-paper .step-item, .sec-white .step-item {border-bottom-color: rgba(0,0,0,0.1);}
.sec-paper .step-body h4, .sec-white .step-body h4 {color: var(--midnight);}
.sec-paper .step-body p, .sec-white .step-body p {color: var(--muted);}

/* ═══ STATS ROW ═══ */
.stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--border);}
.stat-item{background:var(--obsidian);padding:60px 40px;text-align:center;}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:3.8rem;color:var(--white);font-weight:300;line-height:1;margin-bottom:12px;}
.stat-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:rgba(255,255,255,0.45);}

/* ═══ QUOTE / MANIFESTO ═══ */
.manifesto-block{padding:100px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.manifesto-block blockquote{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,3.5vw,2.8rem);color:var(--white);font-style:italic;font-weight:300;line-height:1.4;max-width:900px;margin:0 auto;text-align:center;}
.manifesto-block blockquote em{color:var(--blue-light);font-style:normal;}

/* ═══ FEATURE LIST ═══ */
.feature-list{display:flex;flex-direction:column;gap:0;}
.feature-item{display:flex;gap:32px;align-items:flex-start;padding:36px 0;border-bottom:1px solid var(--border-dark);}
.feature-item:last-child{border-bottom:none;}
.feature-icon{width:40px;height:40px;border-radius:50%;background:var(--blue-dim);border:1px solid var(--blue-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0.75rem;color:var(--blue-light);font-weight:700;}
.feature-body h4{font-size:1.1rem;margin-bottom:8px;font-family:'Inter',sans-serif;font-weight:600;}
.feature-body p{color:var(--muted);font-size:0.9rem;line-height:1.7;}

/* guide cards — blue accent on hover */
.guide-card{background:var(--white);border:1px solid var(--border-dark);padding:48px;border-radius:6px;display:flex;flex-direction:column;gap:20px;transition:var(--transition);}
.guide-card:hover{border-color:var(--blue-border);box-shadow:0 16px 48px rgba(27,95,199,0.1);transform:translateY(-6px);}
.guide-tag{font-size:0.65rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--blue-light);}
.guide-card h3{font-size:1.5rem;line-height:1.2;}
.guide-card p{color:var(--muted);font-size:0.9rem;line-height:1.75;flex:1;}
.guide-link{font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--blue);}

/* ═══ CTA BAND ═══ */
.cta-band{padding:120px 0;text-align:center;}
.cta-band h2{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:24px;}
.cta-band p{font-size:1.1rem;color:var(--muted);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;}
.cta-band.dark-band{background:var(--midnight);color:var(--white);}
.cta-band.dark-band h2{color:var(--white);}
.cta-band.dark-band p{color:rgba(255,255,255,0.5);}

/* ═══ CONTACT ═══ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.contact-detail{display:flex;flex-direction:column;gap:32px;}
.contact-item h4{font-size:0.7rem;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;color:var(--blue-light);margin-bottom:8px;font-family:'Inter',sans-serif;}
.contact-item p,.contact-item a{font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.6;}
.contact-item a:hover{color:var(--blue-light);}

/* ═══ INLINE FORM ═══ */
.form-group{margin-bottom:24px;}
.form-group label{display:block;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;}
.form-group input,.form-group select,.form-group textarea{width:100%;background:var(--slate);border:1px solid var(--border);color:var(--white);padding:14px 18px;border-radius:4px;font-family:'Inter',sans-serif;font-size:0.9rem;transition:var(--transition);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--blue-border);box-shadow:0 0 0 3px var(--blue-dim);}
.form-group select option{background:var(--slate);}
.form-group textarea{resize:vertical;min-height:120px;}
.form-submit{width:100%;padding:18px;background:var(--cyan);color:var(--white);border:none;border-radius:4px;font-weight:700;font-size:0.9rem;cursor:pointer;transition:var(--transition);letter-spacing:0.05em;display:flex;align-items:center;justify-content:center;gap:8px;}
.form-submit:hover{background:var(--cyan-light);box-shadow:var(--shadow-cyan);transform:translateY(-1px);}

/* ═══ UNIVERSAL MODAL ═══ */
.modal-overlay{position:fixed;inset:0;background:rgba(8,12,20,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition);}
.modal-overlay.active{opacity:1;visibility:visible;}
.modal-box{background:var(--obsidian);border:1px solid var(--border);border-top:2px solid var(--blue);border-radius:8px;padding:56px;max-width:560px;width:90%;max-height:90vh;overflow-y:auto;position:relative !important;transform:translateY(24px);transition:var(--transition);}
.modal-overlay.active .modal-box{transform:translateY(0);}
.modal-close{position:absolute;top:24px;right:24px;background:rgba(255,255,255,0.05);border:none;color:rgba(255,255,255,0.4);font-size:1.1rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition);z-index:100;}
.modal-close:hover{color:var(--white);background:rgba(255,255,255,0.15);}
.modal-title{font-size:0.65rem;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--blue-light);margin-bottom:16px;}
.modal-box h3{font-size:2rem;color:var(--white);margin-bottom:10px;}
.modal-box p.modal-sub{font-size:0.9rem;color:rgba(255,255,255,0.45);margin-bottom:36px;line-height:1.7;}
.modal-form .form-group label{color:rgba(255,255,255,0.5);}

/* Form Grid & Validation */
.modal-form { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.modal-form .form-group { margin-bottom: 0; }
.modal-form .form-group:has(textarea), .modal-form .form-submit, .modal-form p { grid-column: 1 / -1; }
@media (max-width: 768px) { .modal-form { grid-template-columns: 1fr; } }

/* intl-tel-input overrides */
.iti { width: 100%; display: block; }
.iti__flag-container { z-index: 5; }
.iti__selected-flag { background: transparent !important; }
.iti__country-list { 
  background-color: var(--obsidian) !important; 
  border: 1px solid var(--border) !important; 
  color: var(--white) !important; 
  border-radius: 4px !important; 
  box-shadow: var(--shadow) !important;
  z-index: 10000 !important;
}
.iti__country.iti__highlight { background-color: var(--slate) !important; }
.iti__country-name, .iti__dial-code { color: var(--white) !important; }
.iti__divider { border-bottom: 1px solid var(--border) !important; }

/* Premium Red Validation */
.modal-form.was-validated input:invalid, 
.modal-form.was-validated select:invalid, 
.modal-form.was-validated textarea:invalid {
  border-color: rgba(220, 53, 69, 0.4) !important;
  background-color: rgba(220, 53, 69, 0.05) !important;
}

/* ═══ FOOTER ═══ */
footer{background:var(--midnight);color:var(--white);padding:100px 0 48px;}
.footer-top{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:80px;margin-bottom:80px;}
.footer-brand .footer-logo{font-family:'Outfit',sans-serif;font-size:1.6rem;font-weight:900;letter-spacing:0.04em;color:var(--white);margin-bottom:20px;}
.footer-brand p{font-size:0.88rem;color:rgba(255,255,255,0.35);line-height:1.7;max-width:320px;}
.footer-col-title{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:var(--blue-light);margin-bottom:24px;}
.footer-links li{margin-bottom:12px;}
/* footer links — blue hover */
.footer-links a{font-size:0.88rem;color:rgba(255,255,255,0.4);transition:var(--transition);}
.footer-links a:hover{color:var(--white);}
.footer-bottom{border-top:1px solid var(--border);padding-top:40px;display:flex;justify-content:space-between;align-items:center;font-size:0.78rem;color:rgba(255,255,255,0.25);}
.footer-lang{display:flex;gap:16px;}
.footer-lang a{color:rgba(255,255,255,0.25);font-size:0.75rem;font-weight:700;letter-spacing:0.05em;}
.footer-lang a:hover,.footer-lang a.active{color:var(--white);}

/* ═══ LEGAL ═══ */
.legal-content{max-width:860px;}
.legal-content h3{font-size:1.3rem;margin:48px 0 16px;font-family:'Inter',sans-serif;font-weight:600;}
.legal-content p{color:var(--muted);line-height:1.85;margin-bottom:16px;font-size:0.95rem;}

/* ═══ MOTION REVEAL ═══ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.9s var(--ease),transform 0.9s var(--ease);}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:0.1s;}
.reveal-delay-2{transition-delay:0.2s;}
.reveal-delay-3{transition-delay:0.3s;}
.reveal-delay-4{transition-delay:0.4s;}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1100px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-top{grid-template-columns:1fr 1fr;gap:48px;}
  .stats-row{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:768px){
  .container{padding:0 24px;}
  .nav-links{display:none;}
  .hamburger{display:flex;}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .stats-row{grid-template-columns:1fr;}
  .hero{padding:140px 0 80px;}
  .hero h1{font-size:2.8rem;}
  section{padding:80px 0;}
  .modal-box{padding:36px 28px;}
  .footer-bottom{flex-direction:column;gap:20px;text-align:center;}
  .card{padding:36px;}
  .asset-card{padding:32px;}
}
@media(max-width:480px){
  .stats-row{grid-template-columns:1fr;}
  .hero-btns{flex-direction:column;}
  .hero-btns .btn{width:100%;text-align:center;}
}
