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

/* ================================================
   VARIABLES
   ================================================ */
:root {
    --gold:        #d4a84b;
    --gold-light:  #f5d78e;
    --gold-dark:   #9a7422;
    --gold-muted:  rgba(212,168,75,0.15);
    --black:       #060606;
    --dark:        #0d0d0d;
    --dark2:       #141414;
    --dark3:       #1a1a1a;
    --white:       #f5f0e8;
    --off:         #d1c8b8;
    --muted:       #6b6356;
    --border:      rgba(212,168,75,0.18);
    --border-glow: rgba(212,168,75,0.45);
    --ease:        cubic-bezier(0.25,0.46,0.45,0.94);
}

/* ================================================
   RESET
   ================================================ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    font-family: 'Outfit', sans-serif;
    background-color: var(--black);
    color: var(--white);
    min-height:100vh;
    overflow-x:hidden;
    -webkit-font-smoothing:antialiased;
}
a { text-decoration:none; color:inherit; }
img { display:block; max-width:100%; }
ul { list-style:none; }

/* ================================================
   BACKGROUND LAYERS
   ================================================ */
#particle-canvas {
    position:fixed; inset:0;
    z-index:0; pointer-events:none;
    width:100%; height:100%;
}

.noise-overlay {
    position:fixed; inset:0; z-index:1; pointer-events:none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    opacity:0.4;
}

.ambient {
    position:fixed; z-index:0; pointer-events:none;
    border-radius:50%; filter:blur(140px);
}
.ambient.top-left {
    width:800px; height:800px;
    top:-300px; left:-300px;
    background:radial-gradient(circle,rgba(212,168,75,0.12),transparent 70%);
}
.ambient.bottom-right {
    width:900px; height:900px;
    bottom:-350px; right:-350px;
    background:radial-gradient(circle,rgba(154,116,34,0.1),transparent 70%);
}
.ambient.center-mid {
    width:600px; height:400px;
    top:50%; left:50%;
    transform:translate(-50%,-50%);
    background:radial-gradient(ellipse,rgba(212,168,75,0.05),transparent 70%);
}

/* ================================================
   PAGE WRAPPER
   ================================================ */
.page {
    position:relative; z-index:2;
    display:flex; flex-direction:column;
}

/* ================================================
   HEADER
   ================================================ */
.site-header {
    position:fixed; top:0; left:0; right:0; z-index:100;
    display:flex; align-items:center; justify-content:space-between;
    padding:1.2rem 4rem;
    background:rgba(6,6,6,0.75);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);
    animation:fadeInDown 0.7s var(--ease) both;
}

.header-logo {
    display:flex; align-items:center; gap:0.85rem;
}
.header-logo img {
    height:44px; width:auto;
    filter:drop-shadow(0 0 10px rgba(212,168,75,0.35));
    transition:filter 0.3s;
}
.header-logo img:hover { filter:drop-shadow(0 0 18px rgba(212,168,75,0.65)); }
.logo-text {
    font-size:0.9rem; font-weight:300;
    color:var(--off); letter-spacing:0.08em;
}
.logo-text strong { font-weight:600; color:var(--white); }

.header-nav { display:flex; align-items:center; gap:1.2rem; }

.header-contact-btn {
    display:inline-flex; align-items:center; gap:0.4rem;
    font-size:0.75rem; font-weight:500;
    letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold); padding:0.45rem 1.1rem;
    border:1px solid var(--border);
    border-radius:100px;
    transition:all 0.3s;
}
.header-contact-btn:hover {
    background:var(--gold-muted);
    border-color:var(--border-glow);
    color:var(--gold-light);
}

.status-badge {
    display:flex; align-items:center; gap:0.45rem;
    font-size:0.7rem; font-weight:500;
    letter-spacing:0.15em; text-transform:uppercase;
    color:var(--muted);
}
.status-pulse {
    width:7px; height:7px; border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 8px rgba(74,222,128,0.8);
    animation:pulseDot 2s ease infinite;
}

/* ================================================
   HERO
   ================================================ */
.hero {
    min-height:100vh;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    padding:10rem 4rem 5rem;
    gap:4rem;
    animation:fadeIn 1s ease 0.2s both;
}

/* --- Left Column --- */
.hero-left { display:flex; flex-direction:column; gap:2rem; }

.eyebrow {
    display:flex; align-items:center; gap:1rem;
    font-size:0.68rem; font-weight:500;
    letter-spacing:0.3em; text-transform:uppercase;
    color:var(--gold-dark);
}
.eyebrow-line {
    flex:1; max-width:40px; height:1px;
    background:var(--gold-dark); opacity:0.5;
}

.hero-name {
    font-family:'Cormorant Garamond', serif;
    font-size:clamp(4rem,6vw,7rem);
    font-weight:300; line-height:0.95;
    letter-spacing:-0.03em;
    color:var(--white);
}
.hero-name-accent {
    font-style:italic; font-weight:400;
    background:linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text;
}

.hero-tagline {
    display:flex; align-items:center; gap:0.75rem;
    font-size:1rem; font-weight:300;
    color:var(--off); font-style:italic; letter-spacing:0.02em;
}
.tagline-icon { color:var(--gold); font-style:normal; }

.hero-quote {
    border-left:2px solid var(--gold-dark);
    padding-left:1.5rem;
    font-family:'Cormorant Garamond', serif;
    font-size:1.25rem; font-weight:300;
    line-height:1.8; color:var(--off);
}
.hero-quote .quote-mark {
    font-size:2rem; line-height:0;
    vertical-align:-0.3em; color:var(--gold-dark);
    font-family:'Cormorant Garamond', serif;
}
.hero-quote em { color:var(--gold-light); font-style:italic; }

.hero-actions { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; }

.btn-gold {
    display:inline-flex; align-items:center; gap:0.75rem;
    padding:0.85rem 2rem;
    background:linear-gradient(135deg,var(--gold-dark),var(--gold));
    color:var(--black); font-size:0.8rem;
    font-weight:600; letter-spacing:0.08em; text-transform:uppercase;
    border-radius:100px;
    box-shadow:0 0 30px rgba(212,168,75,0.25);
    transition:all 0.3s var(--ease);
}
.btn-gold:hover {
    transform:translateY(-2px);
    box-shadow:0 8px 35px rgba(212,168,75,0.45);
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
}

.hero-social-row {
    display:flex; gap:0.75rem;
}
.social-icon {
    width:40px; height:40px;
    display:flex; align-items:center; justify-content:center;
    border:1px solid var(--border); border-radius:50%;
    font-size:0.85rem; color:var(--muted);
    transition:all 0.3s;
}
.social-icon:hover {
    border-color:var(--border-glow);
    color:var(--gold-light);
    background:var(--gold-muted);
    transform:translateY(-3px);
}

/* --- Right Column / Orb --- */
.hero-right {
    display:flex; justify-content:center; align-items:center;
}

.orb-scene {
    position:relative;
    width:380px; height:380px;
    display:flex; align-items:center; justify-content:center;
    perspective:1000px;
}

.ring {
    position:absolute; border-radius:50%;
    border:1px solid rgba(212,168,75,0.25);
}
.ring-1 {
    width:100%; height:100%;
    animation:spin1 10s linear infinite;
}
.ring-2 {
    width:128%; height:128%;
    animation:spin2 14s linear infinite;
}
.ring-3 {
    width:160%; height:160%;
    animation:spin3 20s linear infinite reverse;
    border-color:rgba(212,168,75,0.12);
}

@keyframes spin1 {
    from { transform: rotateX(70deg) rotateZ(0deg); }
    to   { transform: rotateX(70deg) rotateZ(360deg); }
}
@keyframes spin2 {
    from { transform: rotateX(55deg) rotateY(20deg) rotateZ(0deg); }
    to   { transform: rotateX(55deg) rotateY(20deg) rotateZ(360deg); }
}
@keyframes spin3 {
    from { transform: rotateX(80deg) rotateY(-30deg) rotateZ(0deg); }
    to   { transform: rotateX(80deg) rotateY(-30deg) rotateZ(360deg); }
}

.orb-glow {
    position:absolute; width:70%; height:70%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(212,168,75,0.2),transparent 70%);
    filter:blur(30px);
    animation:orbPulse 4s ease-in-out infinite;
}
@keyframes orbPulse {
    0%,100% { transform:scale(1); opacity:0.6; }
    50%      { transform:scale(1.15); opacity:1; }
}

.orb-core {
    position:relative; z-index:2;
    width:220px; height:220px;
    border-radius:50%;
    border:1px solid var(--border);
    background:rgba(20,20,20,0.7);
    backdrop-filter:blur(10px);
    display:flex; align-items:center; justify-content:center;
    box-shadow:
        0 0 40px rgba(212,168,75,0.15),
        inset 0 0 40px rgba(0,0,0,0.5);
    animation:floatOrb 7s ease-in-out infinite;
}
.orb-core img { width:70%; filter:drop-shadow(0 0 16px rgba(212,168,75,0.6)); }

@keyframes floatOrb {
    0%,100% { transform:translateY(0); }
    50%      { transform:translateY(-16px); }
}

/* ================================================
   SECTION DIVIDER
   ================================================ */
.section-divider {
    display:flex; align-items:center;
    gap:1rem; padding:0 4rem;
    opacity:0.3;
}
.section-divider span { flex:1; height:1px; background:var(--gold-dark); }
.divider-gem { font-size:0.7rem; color:var(--gold); }

/* ================================================
   SHARED SECTION STYLES
   ================================================ */
.section-label {
    font-size:0.65rem; font-weight:600;
    letter-spacing:0.35em; text-transform:uppercase;
    color:var(--gold-dark); margin-bottom:1rem;
}
.section-title {
    font-family:'Cormorant Garamond', serif;
    font-size:clamp(2rem,3.5vw,3.5rem);
    font-weight:400; line-height:1.1;
    color:var(--white); margin-bottom:0.75rem;
}
.section-subtitle {
    font-size:0.95rem; font-weight:300;
    color:var(--muted); letter-spacing:0.02em;
    margin-bottom:3.5rem;
}

/* ================================================
   PROCESS SECTION
   ================================================ */
.process-section {
    padding:7rem 4rem;
}

.process-grid {
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:start; gap:0;
}

.process-step {
    background:rgba(255,255,255,0.02);
    border:1px solid var(--border);
    border-radius:16px; padding:2.5rem 2rem;
    position:relative; overflow:hidden;
    transition:all 0.4s var(--ease);
}
.process-step::before {
    content:''; position:absolute;
    top:0; left:0; right:0; height:2px;
    background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);
    transform:scaleX(0); transition:transform 0.4s;
}
.process-step:hover { border-color:var(--border-glow); transform:translateY(-6px); }
.process-step:hover::before { transform:scaleX(1); }

.step-num {
    font-family:'Cormorant Garamond', serif;
    font-size:4rem; font-weight:700;
    line-height:1;
    background:linear-gradient(135deg,rgba(212,168,75,0.2),rgba(154,116,34,0.05));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text;
    margin-bottom:1rem;
}

.step-icon-wrap {
    width:52px; height:52px; border-radius:12px;
    border:1px solid var(--border);
    display:flex; align-items:center; justify-content:center;
    font-size:1.2rem; color:var(--gold);
    margin-bottom:1.2rem;
    background:var(--gold-muted);
    transition:all 0.3s;
}
.process-step:hover .step-icon-wrap {
    background:rgba(212,168,75,0.2);
    border-color:var(--border-glow);
}

.process-step h3 {
    font-family:'Cormorant Garamond', serif;
    font-size:1.4rem; font-weight:400; margin-bottom:0.75rem;
    color:var(--white);
}
.process-step p {
    font-size:0.88rem; font-weight:300;
    color:var(--muted); line-height:1.7;
}

.process-arrow {
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    gap:0.5rem; padding:0 1.5rem;
    padding-top:3rem;
    color:var(--gold-dark); font-size:0.7rem;
}
.arrow-line {
    width:1px; height:30px;
    background:linear-gradient(to bottom,transparent,var(--gold-dark),transparent);
}

/* ================================================
   EXPERTISE SECTION
   ================================================ */
.expertise-section {
    padding:7rem 4rem;
    background: linear-gradient(180deg, transparent, rgba(20,14,0,0.3), transparent);
}

.expertise-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1.5rem;
}

.expertise-card {
    position:relative; overflow:hidden;
    background:rgba(255,255,255,0.025);
    border:1px solid var(--border); border-radius:20px;
    padding:2.5rem 2rem;
    transition:all 0.4s var(--ease);
    cursor:default;
}
.expertise-card::after {
    content:''; position:absolute;
    bottom:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    transform:scaleX(0); transition:transform 0.4s;
}
.expertise-card:hover {
    transform:translateY(-8px);
    border-color:var(--border-glow);
    background:rgba(212,168,75,0.04);
    box-shadow:0 20px 60px rgba(0,0,0,0.4), 0 0 30px rgba(212,168,75,0.08);
}
.expertise-card:hover::after { transform:scaleX(1); }

.card-number {
    position:absolute; top:1.5rem; right:1.5rem;
    font-family:'Cormorant Garamond', serif;
    font-size:3.5rem; font-weight:700;
    color:rgba(212,168,75,0.07); line-height:1;
    user-select:none;
}

.card-icon-wrap {
    width:60px; height:60px; border-radius:16px;
    border:1px solid var(--border);
    background:var(--gold-muted);
    display:flex; align-items:center; justify-content:center;
    font-size:1.4rem; color:var(--gold);
    margin-bottom:1.5rem;
    transition:all 0.3s;
}
.expertise-card:hover .card-icon-wrap {
    background:rgba(212,168,75,0.2);
    border-color:var(--border-glow);
    transform:scale(1.05);
}

.expertise-card h3 {
    font-family:'Cormorant Garamond', serif;
    font-size:1.55rem; font-weight:400;
    color:var(--white); margin-bottom:1rem; line-height:1.2;
}
.expertise-card p {
    font-size:0.88rem; font-weight:300;
    color:var(--muted); line-height:1.75; margin-bottom:1.5rem;
}

.card-tags {
    display:flex; gap:0.5rem; flex-wrap:wrap;
}
.card-tags span {
    font-size:0.63rem; font-weight:500;
    letter-spacing:0.1em; text-transform:uppercase;
    color:var(--gold-dark); padding:0.3rem 0.75rem;
    border:1px solid rgba(154,116,34,0.3);
    border-radius:100px;
    background:rgba(154,116,34,0.07);
}

/* ================================================
   COUNTDOWN
   ================================================ */
.countdown-section {
    padding:7rem 4rem;
}
.countdown-wrapper {
    max-width:800px; margin:0 auto;
    background:rgba(255,255,255,0.02);
    border:1px solid var(--border); border-radius:24px;
    padding:4rem;
    position:relative; overflow:hidden;
}
.countdown-wrapper::before {
    content:''; position:absolute;
    top:0; left:10%; right:10%; height:1px;
    background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);
}

.countdown-grid {
    display:flex; align-items:center;
    justify-content:center; gap:1rem;
}

.cd-item {
    display:flex; flex-direction:column;
    align-items:center; gap:0.6rem;
}
.cd-val {
    font-family:'Cormorant Garamond', serif;
    font-size:clamp(3rem,6vw,5.5rem);
    font-weight:400; line-height:1;
    background:linear-gradient(135deg,var(--gold-light),var(--gold));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    background-clip:text;
    transition:transform 0.15s ease;
    min-width:80px; text-align:center;
}
.cd-label {
    font-size:0.65rem; font-weight:500;
    letter-spacing:0.25em; text-transform:uppercase;
    color:var(--muted);
}
.cd-colon {
    font-family:'Cormorant Garamond', serif;
    font-size:4rem; line-height:1;
    color:var(--gold-dark); opacity:0.5;
    animation:colonBlink 1s step-end infinite;
    margin-bottom:1.5rem;
}
@keyframes colonBlink {
    0%,100% { opacity:0.5; }
    50%      { opacity:0.1; }
}

/* ================================================
   CONTACT
   ================================================ */
.contact-section {
    padding:7rem 4rem;
    background: linear-gradient(180deg, transparent, rgba(20,14,0,0.3), transparent);
}
.contact-grid {
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:1.5rem; margin-top:2.5rem;
}
.contact-card {
    display:flex; align-items:center; gap:1.25rem;
    background:rgba(255,255,255,0.025);
    border:1px solid var(--border); border-radius:16px;
    padding:1.75rem 2rem;
    transition:all 0.3s var(--ease);
}
.contact-card:hover {
    border-color:var(--border-glow);
    background:rgba(212,168,75,0.04);
    transform:translateY(-4px);
    box-shadow:0 12px 40px rgba(0,0,0,0.3);
}
.contact-icon {
    width:48px; height:48px; min-width:48px;
    border-radius:12px;
    border:1px solid var(--border);
    background:var(--gold-muted);
    display:flex; align-items:center; justify-content:center;
    font-size:1.1rem; color:var(--gold);
    transition:all 0.3s;
}
.contact-card:hover .contact-icon {
    background:rgba(212,168,75,0.2);
    border-color:var(--border-glow);
}
.contact-info { display:flex; flex-direction:column; gap:0.2rem; }
.contact-label {
    font-size:0.62rem; font-weight:500;
    letter-spacing:0.2em; text-transform:uppercase;
    color:var(--gold-dark); margin:0;
}
.contact-info span {
    font-size:0.88rem; font-weight:300;
    color:var(--off); line-height:1.4;
}

/* ================================================
   FOOTER
   ================================================ */
.site-footer {
    border-top:1px solid var(--border);
    padding:3rem 4rem;
    animation:fadeInUp 0.8s ease 0.5s both;
}
.footer-inner {
    display:grid; grid-template-columns:1fr 1fr 1fr;
    align-items:center; gap:2rem;
}

.footer-logo-col { display:flex; align-items:center; gap:1rem; }
.footer-logo { height:45px; filter:drop-shadow(0 0 8px rgba(212,168,75,0.3)); }
.footer-copy {
    font-size:0.78rem; font-weight:300;
    color:var(--muted); line-height:1.6;
}
.footer-copy strong { color:var(--off); font-weight:500; }

.footer-center-col {
    display:flex; flex-direction:column;
    align-items:center; gap:1rem;
}
.footer-socials { display:flex; gap:0.75rem; }
.footer-socials a {
    width:36px; height:36px;
    border:1px solid var(--border); border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:0.8rem; color:var(--muted);
    transition:all 0.3s;
}
.footer-socials a:hover {
    border-color:var(--border-glow); color:var(--gold-light);
    background:var(--gold-muted); transform:translateY(-2px);
}
.footer-domain {
    font-size:0.68rem; letter-spacing:0.2em;
    text-transform:uppercase; color:var(--gold-dark); opacity:0.5;
}

.footer-dev-col {
    display:flex; flex-direction:column;
    align-items:flex-end; gap:0.4rem;
}
.footer-dev-label {
    font-size:0.62rem; font-weight:500;
    letter-spacing:0.2em; text-transform:uppercase;
    color:var(--muted);
}
.footer-dev-link {
    display:flex; flex-direction:column; align-items:flex-end; gap:0.1rem;
    padding:0.75rem 1.25rem;
    border:1px solid var(--border); border-radius:12px;
    background:rgba(255,255,255,0.02);
    transition:all 0.3s;
}
.footer-dev-link:hover {
    border-color:var(--border-glow);
    background:var(--gold-muted);
}
.footer-dev-name {
    font-size:0.82rem; font-weight:500; color:var(--off); line-height:1.4;
}
.footer-dev-url {
    font-size:0.68rem; color:var(--gold);
    letter-spacing:0.05em; margin-top:0.2rem;
}

/* ================================================
   REVEAL ANIMATIONS
   ================================================ */
.reveal { opacity:0; transform:translateY(40px); transition:all 0.8s var(--ease); }
.reveal.visible { opacity:1; transform:translateY(0); }

.reveal-item {
    opacity:0; transform:translateY(30px);
    transition:opacity 0.7s var(--ease), transform 0.7s var(--ease);
    transition-delay:var(--delay, 0s);
}
.reveal.visible .reveal-item { opacity:1; transform:translateY(0); }

/* ================================================
   KEYFRAMES
   ================================================ */
@keyframes fadeIn {
    from { opacity:0; }
    to   { opacity:1; }
}
@keyframes fadeInDown {
    from { opacity:0; transform:translateY(-20px); }
    to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeInUp {
    from { opacity:0; transform:translateY(20px); }
    to   { opacity:1; transform:translateY(0); }
}
@keyframes pulseDot {
    0%,100% { transform:scale(1); opacity:1; }
    50%      { transform:scale(1.5); opacity:0.5; }
}

/* ================================================
   RESPONSIVE
   ================================================ */
@media (max-width:1100px) {
    .hero { grid-template-columns:1fr; text-align:center; padding:10rem 2.5rem 4rem; }
    .hero-left { align-items:center; }
    .hero-right { display:none; }
    .process-grid { grid-template-columns:1fr; }
    .process-arrow { flex-direction:column; padding:2rem 0; transform:none; height:auto; }
    .process-arrow .fa-chevron-right { transform:rotate(90deg); }
    .expertise-grid { grid-template-columns:1fr; }
    .contact-grid { grid-template-columns:1fr; }
    .footer-inner { grid-template-columns:1fr; text-align:center; }
    .footer-logo-col { justify-content:center; }
    .footer-dev-col { align-items:center; }
    .footer-dev-link { align-items:center; }
    .section-divider { padding:0 2.5rem; }
    .process-section, .expertise-section, .countdown-section, .contact-section { padding:5rem 2.5rem; }
    .site-header { padding:1rem 1.5rem; }
}

@media (max-width:768px) {
    .site-header { flex-direction:column; gap:0.8rem; padding:1rem; }
    .header-logo { justify-content:center; }
    .header-nav { flex-wrap:wrap; justify-content:center; gap:0.5rem; }
    .status-badge { font-size:0.6rem; }
    .hero { padding:8rem 1.5rem 3rem; }
    .hero-name { font-size:2.8rem; }
    .hero-quote { font-size:1rem; padding-left:1rem; }
    .hero-actions { justify-content:center; }
    .section-title { font-size:2.2rem; }
    .countdown-wrapper { padding:2rem 1rem; }
    .countdown-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.5rem; }
    .cd-item { width:100%; }
    .cd-colon { display:none; }
    .cd-val { font-size:2.5rem; min-width:auto; }
    .process-section, .expertise-section, .countdown-section, .contact-section { padding:3.5rem 1.2rem; }
    .process-step { padding: 2rem 1.2rem; }
    .contact-card { flex-direction:column; text-align:center; padding:1.5rem 1rem; gap:0.8rem; }
    .footer-inner { gap:1.5rem; }
    .site-footer { padding:2rem 1.2rem; }
    .section-divider { padding:0 1.2rem; }
}

@media (max-width:480px) {
    .hero-name { font-size:2.2rem; }
    .step-num { font-size:3rem; }
    .expertise-card, .process-step { padding: 1.5rem 1rem; }
    .countdown-wrapper { padding:1.5rem 1rem; }
}