/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   LANEV SERVICES — Global Stylesheet v3
   ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
  --g:#2e8b3a; --g2:#3daa4b; --g3:#d4f0d8; --g4:#eaf7ec;
  --b:#1565c0; --b2:#1e7fe0; --b3:#dbeeff; --b4:#eef5ff;
  --dark:#0b1a0d; --mid:#2a3d2c; --muted:#5a6e5c;
  --off:#f5f9f5; --white:#ffffff;
  --border:rgba(21,101,192,.12);
  --r:14px; --r2:22px;
  --sh:0 4px 30px rgba(21,101,192,.09);
  --sh2:0 16px 56px rgba(21,101,192,.16);
  --grad:linear-gradient(135deg,var(--g) 0%,var(--b) 100%);
  --gradr:linear-gradient(135deg,var(--b) 0%,var(--g) 100%);
  --font-head:'Playfair Display',Georgia,serif;
  --font-body:'Plus Jakarta Sans',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{background:var(--off);color:var(--dark);font-family:var(--font-body);font-weight:300;overflow-x:hidden;line-height:1.6}
img{display:block;max-width:100%;object-fit:cover}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-thumb{background:var(--grad);border-radius:3px}


/* ── PROGRESS BAR ── */
#prog{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:1001;width:0;transition:width .1s}

/* ━━━━━━━━━━━━━━━━━━ NAV ━━━━━━━━━━━━━━━━━━ */
nav{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);
  z-index:600;width:calc(100% - 40px);max-width:1300px;
  display:flex;align-items:center;justify-content:space-between;
  padding:.85rem 1.5rem;
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.65);
  border-radius:100px;
  box-shadow:0 4px 28px rgba(21,101,192,.07);
  transition:all .4s cubic-bezier(.23,1,.32,1);
}
nav.docked{top:0;width:100%;max-width:100%;border-radius:0;border-top:none;border-left:none;border-right:none;background:rgba(255,255,255,.97);box-shadow:0 2px 20px rgba(21,101,192,.08)}
.nav-logo img{height:38px;width:auto;display:block}
.nav-links{display:flex;gap:.1rem;list-style:none}
.nav-links a{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mid);padding:.42rem .82rem;border-radius:100px;transition:all .22s;white-space:nowrap}
.nav-links a:hover,.nav-links a.active{background:var(--g3);color:var(--g)}
.btn-nav{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--grad);padding:.58rem 1.35rem;border-radius:100px;transition:all .3s;position:relative;overflow:hidden;white-space:nowrap;box-shadow:0 4px 16px rgba(46,139,58,.3)}
.btn-nav::after{content:'';position:absolute;inset:0;background:var(--gradr);opacity:0;transition:opacity .35s}
.btn-nav:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(46,139,58,.4)}
.btn-nav:hover::after{opacity:1}
.btn-nav span{position:relative;z-index:1}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:601;padding:4px}
.ham span{width:22px;height:2px;background:var(--dark);border-radius:2px;transition:.3s;display:block}
.ham.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ━━━━━━━━━━━━━━━━━━ TICKER ━━━━━━━━━━━━━━━━━━ */
.ticker-wrap{background:var(--dark);overflow:hidden;padding:.72rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.ticker{display:flex;white-space:nowrap;animation:ticker 32s linear infinite}
.ticker:hover{animation-play-state:paused}
.ticker-item{font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:0 2.5rem;color:rgba(255,255,255,.32)}
.ticker-item span{color:var(--g2);margin-right:.5rem}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ━━━━━━━━━━━━━━━━━━ TYPOGRAPHY & LAYOUT ━━━━━━━━━━━━━━━━━━ */
.sec-wrap{max-width:1300px;margin:0 auto;padding:0 2rem}
.sec-header{text-align:center;max-width:700px;margin:0 auto 4rem}
.sec-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.6rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--b);background:var(--b4);border:1px solid rgba(21,101,192,.15);padding:.38rem .95rem;border-radius:100px;margin-bottom:1rem}
.sec-tag::before{content:'';width:5px;height:5px;background:var(--b);border-radius:50%;flex-shrink:0}
h1,h2,h3{font-family:var(--font-head)}
h2{font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:700;line-height:1.18;color:var(--dark);margin-bottom:.8rem}
h2 .gr{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:italic}
.sec-sub{font-size:.9rem;line-height:1.9;color:var(--muted);font-weight:300}

/* ━━━━━━━━━━━━━━━━━━ BUTTONS ━━━━━━━━━━━━━━━━━━ */
.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.85rem 1.9rem;border-radius:100px;transition:all .32s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;cursor:pointer;border:none}
.btn-solid{color:#fff;background:var(--grad);box-shadow:0 4px 18px rgba(46,139,58,.28)}
.btn-solid::after{content:'';position:absolute;inset:0;background:var(--gradr);opacity:0;transition:opacity .35s}
.btn-solid:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(46,139,58,.38)}
.btn-solid:hover::after{opacity:1}
.btn-solid>*{position:relative;z-index:1}
.arr{transition:transform .3s}
.btn-solid:hover .arr{transform:translateX(5px)}
.btn-ghost-w{color:rgba(255,255,255,.88);border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.btn-ghost-w:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.7);color:#fff;transform:translateY(-3px)}
.btn-outline{color:var(--g);border:1.5px solid var(--g);background:transparent}
.btn-outline:hover{background:var(--g);color:#fff;transform:translateY(-3px);box-shadow:0 8px 24px rgba(46,139,58,.25)}
.btn-white{color:var(--g);background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.12)}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.18)}

/* ━━━━━━━━━━━━━━━━━━ PAGE HERO (INNER PAGES) ━━━━━━━━━━━━━━━━━━ */
.page-hero{min-height:75vh;position:relative;display:flex;align-items:center;overflow:hidden}
.page-hero-bg{position:absolute;inset:0;z-index:0}
.page-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,rgba(11,26,13,.93) 0%,rgba(11,26,13,.72) 55%,rgba(21,101,192,.22) 100%)}
.page-hero-inner{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:10rem 2rem 5rem;width:100%}
.page-hero-tag{display:inline-flex;align-items:center;gap:.6rem;font-size:.6rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--g2);background:rgba(61,170,75,.14);border:1px solid rgba(61,170,75,.32);padding:.42rem 1rem;border-radius:100px;margin-bottom:1.5rem;backdrop-filter:blur(8px)}
.page-hero-dot{width:6px;height:6px;background:var(--g2);border-radius:50%;animation:blink 1.8s ease infinite}
.page-hero h1{font-family:var(--font-head);font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;line-height:1.08;color:#fff;margin-bottom:1.25rem;max-width:720px}
.page-hero h1 .gr{font-style:italic;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.page-hero-sub{font-size:.95rem;line-height:1.85;color:rgba(255,255,255,.62);max-width:560px;margin-bottom:2.5rem}

/* ━━━━━━━━━━━━━━━━━━ BENTO CARDS ━━━━━━━━━━━━━━━━━━ */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.2rem;max-width:1300px;margin:0 auto;padding:0 2rem}
.bcard{background:#fff;border-radius:var(--r2);border:1px solid var(--border);overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s}
.bcard:hover{transform:translateY(-7px);box-shadow:var(--sh2)}
.bcard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .42s cubic-bezier(.23,1,.32,1);z-index:2}
.bcard:hover::before{transform:scaleX(1)}
.bc-4{grid-column:span 4}.bc-5{grid-column:span 5}.bc-6{grid-column:span 6}.bc-8{grid-column:span 8}.bc-12{grid-column:span 12}
.bcard-img{position:relative;overflow:hidden}
.bcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.23,1,.32,1)}
.bcard:hover .bcard-img img{transform:scale(1.06)}
.bcard-img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 35%,rgba(11,26,13,.72))}
.bcard-body{padding:1.6rem}
.bcard-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1rem;transition:transform .38s cubic-bezier(.23,1,.32,1)}
.bcard:hover .bcard-icon{transform:scale(1.12) rotate(-7deg)}
.bcard h3{font-family:var(--font-head);font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:.5rem}
.bcard p{font-size:.78rem;line-height:1.82;color:var(--muted)}
.bcard-link{display:inline-flex;align-items:center;gap:.42rem;margin-top:1rem;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--b);transition:gap .28s,color .28s}
.bcard-link:hover{gap:.72rem;color:var(--g)}
.bcard-feat{background:var(--dark)}
.bcard-feat h3{color:#fff}
.bcard-feat p{color:rgba(255,255,255,.52)}
.bcard-feat .bcard-link{color:var(--g2)}
.bcard-event{background:var(--grad)}
.bcard-event h3{color:#fff;font-size:1.3rem}
.bcard-event p{color:rgba(255,255,255,.82)}
.bcard-event .bcard-link{color:#fff;border:1.5px solid rgba(255,255,255,.4);padding:.45rem .95rem;border-radius:100px;gap:.4rem}
.bcard-event .bcard-link:hover{background:rgba(255,255,255,.18);gap:.7rem}

/* ━━━━━━━━━━━━━━━━━━ FEAT LIST ━━━━━━━━━━━━━━━━━━ */
.feat-list{display:flex;flex-direction:column;gap:.55rem;margin:1.5rem 0}
.feat-row{display:flex;align-items:center;gap:1rem;padding:.88rem 1.1rem;background:#fff;border-radius:12px;border:1px solid var(--border);font-size:.8rem;color:var(--dark);transition:all .32s cubic-bezier(.23,1,.32,1)}
.feat-row:hover{background:linear-gradient(135deg,rgba(46,139,58,.05),rgba(21,101,192,.05));border-color:var(--b);transform:translateX(8px);box-shadow:0 4px 18px rgba(21,101,192,.07)}
.feat-check{width:26px;height:26px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:.7rem;transition:transform .3s}
.feat-row:hover .feat-check{transform:scale(1.14)}

/* ━━━━━━━━━━━━━━━━━━ SPEC CARDS ━━━━━━━━━━━━━━━━━━ */
.specs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:3rem}
.spec-card{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:1.5rem;text-align:center;transition:all .32s cubic-bezier(.23,1,.32,1)}
.spec-card:hover{border-color:var(--g);transform:translateY(-5px);box-shadow:var(--sh)}
.spec-icon{font-size:1.9rem;margin-bottom:.75rem}
.spec-card h4{font-family:var(--font-head);font-size:.95rem;font-weight:700;color:var(--dark);margin-bottom:.38rem}
.spec-card p{font-size:.74rem;line-height:1.75;color:var(--muted)}

/* ━━━━━━━━━━━━━━━━━━ PROCESS ━━━━━━━━━━━━━━━━━━ */
.process-section{padding:7rem 2rem;position:relative;overflow:hidden}
.process-section::before{content:'';position:absolute;inset:0;background:url('../images/office-team.jpg') center/cover no-repeat}
.process-section::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,26,13,.94) 0%,rgba(10,24,52,.92) 100%)}
.process-inner{max-width:1300px;margin:0 auto;position:relative;z-index:1}
.process-inner .sec-tag{color:var(--g2);background:rgba(61,170,75,.14);border-color:rgba(61,170,75,.25)}
.process-inner .sec-tag::before{background:var(--g2)}
.process-inner h2{color:#fff}
.process-inner .sec-sub{color:rgba(255,255,255,.5);margin:0 auto .5rem}
.psteps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:4rem;position:relative}
.psteps::before{content:'';position:absolute;top:27px;left:calc(12.5%);right:calc(12.5%);height:1px;background:linear-gradient(90deg,var(--g),var(--b));opacity:.35;z-index:0}
.pstep{text-align:center;padding:0 1.5rem;position:relative;z-index:1;transition:transform .35s}
.pstep:hover{transform:translateY(-6px)}
.pstep-circle{width:54px;height:54px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.3rem;box-shadow:0 6px 20px rgba(46,139,58,.35);transition:transform .35s,box-shadow .35s}
.pstep:hover .pstep-circle{transform:scale(1.14);box-shadow:0 10px 28px rgba(46,139,58,.48)}
.pstep h4{font-family:var(--font-head);font-size:1rem;font-weight:700;color:#fff;margin-bottom:.5rem}
.pstep p{font-size:.74rem;line-height:1.72;color:rgba(255,255,255,.45)}

/* ━━━━━━━━━━━━━━━━━━ ABOUT ━━━━━━━━━━━━━━━━━━ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1300px;margin:0 auto;padding:0 2rem}
.about-img-stack{position:relative;height:520px}
.ai-main{position:absolute;top:0;left:0;width:76%;border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh2)}
.ai-main img{height:400px;width:100%;object-fit:cover}
.ai-sec{position:absolute;bottom:0;right:0;width:52%;border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh2);border:4px solid #fff}
.ai-sec img{height:250px;width:100%;object-fit:cover}
.ai-badge{position:absolute;top:50%;left:56%;transform:translateY(-50%);background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem 1.4rem;box-shadow:var(--sh);animation:floatY 5s ease-in-out 1s infinite}
.ai-badge .bn{font-family:var(--font-head);font-size:2.1rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.ai-badge .bl{font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.about-body{font-size:.88rem;line-height:1.95;color:var(--muted);margin-bottom:.85rem}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1.75rem 0}
.pillar{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.88rem 1rem;display:flex;align-items:center;gap:.72rem;font-size:.8rem;font-weight:500;color:var(--dark);transition:all .28s}
.pillar:hover{border-color:var(--g);background:var(--g3);transform:translateX(5px)}
.pillar-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}

/* ━━━━━━━━━━━━━━━━━━ SHOWCASE ━━━━━━━━━━━━━━━━━━ */
.sg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem}
.sg-card{border-radius:var(--r2);overflow:hidden;position:relative}
.sg-img{height:275px;position:relative;overflow:hidden}
.sg-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.23,1,.32,1)}
.sg-card:hover .sg-img img{transform:scale(1.08)}
.sg-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(11,26,13,.88),transparent 58%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.75rem;opacity:0;transition:opacity .38s}
.sg-card:hover .sg-overlay{opacity:1}
.sg-label{font-family:var(--font-head);font-size:1.05rem;font-weight:700;color:#fff;margin-bottom:.28rem}
.sg-sub{font-size:.72rem;color:rgba(255,255,255,.65)}
.sg-tag{position:absolute;top:1rem;left:1rem;font-size:.56rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#fff;background:rgba(46,139,58,.85);backdrop-filter:blur(8px);padding:.32rem .72rem;border-radius:100px}

/* ━━━━━━━━━━━━━━━━━━ CTA STRIP ━━━━━━━━━━━━━━━━━━ */
.cta-strip{padding:5.5rem 2rem;background:var(--grad);text-align:center;position:relative;overflow:hidden}
.cta-strip::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/svg%3E")}
.cta-inner{position:relative;z-index:1;max-width:700px;margin:0 auto}
.cta-strip h2{color:#fff;font-size:clamp(1.9rem,3.5vw,2.7rem);margin-bottom:.75rem}
.cta-strip p{color:rgba(255,255,255,.75);font-size:.92rem;max-width:520px;margin:0 auto 2rem}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ━━━━━━━━━━━━━━━━━━ EVENT SCROLL STRIP ━━━━━━━━━━━━━━━━━━ */
.event-scroll-section{padding:6rem 0;background:var(--dark);overflow:hidden;position:relative}
.event-scroll-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 60% at 50% 100%,rgba(46,139,58,.12),transparent)}
.event-scroll-inner{max-width:1300px;margin:0 auto;padding:0 2rem;margin-bottom:3rem}
.event-scroll-inner .sec-tag{color:var(--g2);background:rgba(61,170,75,.14);border-color:rgba(61,170,75,.25)}
.event-scroll-inner .sec-tag::before{background:var(--g2)}
.event-scroll-inner h2{color:#fff}
.event-scroll-inner .sec-sub{color:rgba(255,255,255,.48)}
.esc-track-wrap{position:relative}
.esc-track-wrap::before,.esc-track-wrap::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.esc-track-wrap::before{left:0;background:linear-gradient(to right,var(--dark),transparent)}
.esc-track-wrap::after{right:0;background:linear-gradient(to left,var(--dark),transparent)}
.esc-track{display:flex;gap:1.2rem;animation:scrollTrack 28s linear infinite;width:max-content;padding:0 60px}
.esc-track:hover{animation-play-state:paused}
.esc-card{width:320px;border-radius:var(--r2);overflow:hidden;flex-shrink:0;position:relative;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.35);transition:transform .38s cubic-bezier(.23,1,.32,1),box-shadow .38s}
.esc-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.esc-img{height:220px;position:relative;overflow:hidden}
.esc-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.23,1,.32,1)}
.esc-card:hover .esc-img img{transform:scale(1.06)}
.esc-info{background:rgba(20,30,22,.92);backdrop-filter:blur(12px);padding:1.25rem 1.4rem}
.esc-cat{font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g2);margin-bottom:.3rem}
.esc-title{font-family:var(--font-head);font-size:1rem;font-weight:700;color:#fff;line-height:1.3}
.esc-cta{display:inline-flex;align-items:center;gap:.38rem;margin-top:.75rem;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45);transition:color .25s,gap .25s}
.esc-card:hover .esc-cta{color:var(--g2);gap:.58rem}
@keyframes scrollTrack{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ━━━━━━━━━━━━━━━━━━ CONTACT ━━━━━━━━━━━━━━━━━━ */
.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;align-items:start;max-width:1300px;margin:0 auto;padding:0 2rem}
.cinfo-card{background:var(--dark);border-radius:var(--r2);padding:2.5rem;color:#fff;position:relative;overflow:hidden}
.cinfo-card::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(46,139,58,.28),transparent 70%);pointer-events:none}
.cinfo-card::after{content:'';position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(21,101,192,.22),transparent 70%);pointer-events:none}
.cinfo-card h3{font-family:var(--font-head);font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.38rem;position:relative;z-index:1}
.cinfo-card>p{font-size:.78rem;color:rgba(255,255,255,.45);margin-bottom:1.75rem;position:relative;z-index:1}
.cinfo-items{display:flex;flex-direction:column;gap:.88rem;position:relative;z-index:1}
.ci{display:flex;gap:.9rem;align-items:flex-start;padding:.95rem 1.1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .32s}
.ci:hover{background:rgba(255,255,255,.1);border-color:rgba(61,170,75,.3);transform:translateX(5px)}
.ci-ico{width:38px;height:38px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;transition:transform .3s}
.ci:hover .ci-ico{transform:scale(1.1)}
.ci-txt{font-size:.76rem;line-height:1.72;color:rgba(255,255,255,.5)}
.ci-txt strong{display:block;font-size:.57rem;letter-spacing:.18em;text-transform:uppercase;color:var(--g2);margin-bottom:.12rem;font-weight:700}
.ci-txt a{color:rgba(255,255,255,.5);transition:color .28s}
.ci-txt a:hover{color:var(--g2)}
.cform-wrap{background:#fff;border-radius:var(--r2);padding:2.5rem;box-shadow:var(--sh);border:1px solid var(--border)}
.cform-wrap h3{font-family:var(--font-head);font-size:1.45rem;font-weight:700;color:var(--dark);margin-bottom:.3rem}
.cform-wrap>p{font-size:.78rem;color:var(--muted);margin-bottom:1.7rem}
.cf{display:flex;flex-direction:column;gap:.9rem}
.fg{display:flex;flex-direction:column;gap:.3rem}
.fg label{font-size:.58rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dark)}
.fg input,.fg textarea,.fg select{background:var(--off);border:1.5px solid var(--border);border-radius:10px;color:var(--dark);padding:.8rem 1rem;font-family:var(--font-body);font-size:.84rem;outline:none;transition:border-color .28s,box-shadow .28s,transform .2s;width:100%;appearance:none}
.fg input:focus,.fg textarea:focus,.fg select:focus{border-color:var(--g);box-shadow:0 0 0 3px rgba(46,139,58,.1);transform:translateY(-1px);background:#fff}
.fg textarea{resize:vertical;min-height:105px}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.submit-btn{background:var(--grad);border:none;border-radius:100px;color:#fff;padding:.92rem;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;width:100%;transition:all .32s;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(46,139,58,.28)}
.submit-btn::after{content:'';position:absolute;inset:0;background:var(--gradr);opacity:0;transition:opacity .35s}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(46,139,58,.38)}
.submit-btn:hover::after{opacity:1}
.submit-btn span{position:relative;z-index:1}
.submit-btn:active{transform:scale(.98)}

/* ━━━━━━━━━━━━━━━━━━ IP SECTIONS ━━━━━━━━━━━━━━━━━━ */
.ip-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;max-width:1300px;margin:0 auto;padding:0 2rem}
.ip-img{border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh2)}
.ip-img img{width:100%;height:430px;object-fit:cover}

/* ━━━━━━━━━━━━━━━━━━ FAQ ━━━━━━━━━━━━━━━━━━ */
.faq-list{max-width:780px;margin:2rem auto 0;display:flex;flex-direction:column;gap:.7rem}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.faq-q{padding:1.1rem 1.3rem;font-size:.85rem;font-weight:600;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;transition:background .28s;font-family:var(--font-body)}
.faq-q:hover{background:var(--g4)}
.faq-icon{font-size:1.1rem;color:var(--g);transition:transform .32s;flex-shrink:0;margin-left:.75rem}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s}
.faq-item.open .faq-a{max-height:220px;padding:.25rem 1.3rem 1.1rem}
.faq-a p{font-size:.8rem;line-height:1.88;color:var(--muted)}

/* ━━━━━━━━━━━━━━━━━━ FOOTER ━━━━━━━━━━━━━━━━━━ */
footer{background:var(--dark);padding:3rem 2rem;border-top:1px solid rgba(255,255,255,.06)}
.footer-inner{max-width:1300px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}
.f-logo img{height:34px;width:auto}
.f-copy{font-size:.62rem;letter-spacing:.1em;color:rgba(255,255,255,.26)}
.f-links{display:flex;gap:1.75rem;list-style:none;flex-wrap:wrap}
.f-links a{font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.33);transition:color .28s}
.f-links a:hover{color:var(--g2)}

/* ━━━━━━━━━━━━━━━━━━ REVEAL ━━━━━━━━━━━━━━━━━━ */
.js-ready .r{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js-ready .r.fl{transform:translateX(-36px)}
.js-ready .r.fr{transform:translateX(36px)}
.js-ready .r.on{opacity:1;transform:translate(0)}

/* ━━━━━━━━━━━━━━━━━━ ANIMATIONS ━━━━━━━━━━━━━━━━━━ */
@keyframes floatY{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 9px))}}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}
@keyframes fadeUp{from{opacity:0;transform:translateX(-50%) translateY(18px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(0);transform-origin:bottom}}

/* ━━━━━━━━━━━━━━━━━━ RESPONSIVE ━━━━━━━━━━━━━━━━━━ */
@media(max-width:1100px){
  .bento{grid-template-columns:repeat(6,1fr)}
  .bc-4{grid-column:span 3}.bc-5{grid-column:span 3}.bc-6{grid-column:span 3}.bc-8{grid-column:span 6}.bc-12{grid-column:span 6}
  .sg-grid{grid-template-columns:1fr 1fr}
  .psteps{grid-template-columns:1fr 1fr;gap:2.5rem}.psteps::before{display:none}
  .specs-grid{grid-template-columns:1fr 1fr}
  .ip-grid,.about-grid{grid-template-columns:1fr;gap:3rem}
  .bcard-event-grid{grid-template-columns:1fr!important}
  .about-img-stack{display:none}
}
@media(max-width:768px){
  nav{top:10px;width:calc(100% - 20px);padding:.72rem 1.1rem}
  .nav-links,.btn-nav{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:fixed;inset:0;background:rgba(255,255,255,.98);align-items:center;justify-content:center;gap:2.2rem;z-index:600;backdrop-filter:blur(24px);border-radius:0;top:0}
  .nav-links.open a{font-size:1.05rem;padding:.6rem 1.2rem}
  .ham{display:flex}
  .bento{grid-template-columns:1fr;padding:0 1rem}
  .bc-4,.bc-5,.bc-6,.bc-8,.bc-12{grid-column:span 1}
  .sg-grid,.psteps,.specs-grid{grid-template-columns:1fr}
  .fg-row{grid-template-columns:1fr}
  .pillars{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr;gap:2.5rem}
  #evt-card{grid-template-columns:1fr!important}
  .process-section,.cta-strip{padding:5rem 1.5rem}
  .event-scroll-section{padding:5rem 0}
  footer{padding:2rem 1.5rem}
  .footer-inner{flex-direction:column;text-align:center}
  .f-links{justify-content:center}
  .page-hero-inner{padding:8rem 1.5rem 4rem}
  .ip-img img{height:280px}
}