/* itel Subho Utsav — classic Durga Puja theme */
:root{
  --sindoor:#ED1651; --sindoor-d:#C20E42; --maroon:#8E0A30; --maroon-2:#F23A6C; --brand:#ED1651; --brand-d:#B80C3E;
  --gold:#D4A017; --gold-l:#F3C64B; --gold-p:#E9CF8F;
  --ivory:#FFF8E9; --paper:#FFFBF2; --ink:#2A140C; --muted:#7A5B45; --line:#E6CC94;
  --marigold:#F28C1B;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{font-family:'Hind Siliguri',system-ui,sans-serif;color:var(--ink);line-height:1.6;min-height:100vh;
  background-color:var(--ivory);
  background-image:
    radial-gradient(circle at 0 0,rgba(212,160,23,.10) 0,transparent 35%),
    radial-gradient(circle at 100% 40%,rgba(237,22,81,.06) 0,transparent 30%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='none' stroke='%23D4A017' stroke-opacity='.13'%3E%3Ccircle cx='45' cy='45' r='10'/%3E%3Cpath d='M45 25Q50 35 45 45Q40 35 45 25ZM45 65Q50 55 45 45Q40 55 45 65ZM25 45Q35 40 45 45Q35 50 25 45ZM65 45Q55 40 45 45Q55 50 65 45Z'/%3E%3C/g%3E%3C/svg%3E")}
a{color:var(--sindoor)}
.serif{font-family:'Cormorant Garamond',Georgia,serif}

/* ---------- Top bar + laal-paar border ---------- */
.topbar{background:#fff;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;position:relative}
.topbar-logo img{height:56px;width:auto;max-width:180px;object-fit:contain;display:block;border:0;background:none;padding:0;border-radius:0;box-shadow:none}
.topbar-tag{font-family:'Cinzel',serif;font-size:12.5px;letter-spacing:.22em;color:var(--sindoor);text-transform:uppercase;border-left:1px solid var(--line);padding-left:14px}
.paar{height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='16'%3E%3Crect width='28' height='16' fill='%23ED1651'/%3E%3Crect width='28' height='2' fill='%23D4A017'/%3E%3Crect y='14' width='28' height='2' fill='%23D4A017'/%3E%3Crect y='3.4' width='28' height='.8' fill='%23F3C64B'/%3E%3Cpath d='M0 12.5L7 5.5L14 12.5ZM14 12.5L21 5.5L28 12.5Z' fill='%23D4A017'/%3E%3Ccircle cx='7' cy='10' r='1.3' fill='%23ED1651'/%3E%3Ccircle cx='21' cy='10' r='1.3' fill='%23ED1651'/%3E%3C/svg%3E") repeat-x}

/* ---------- Marigold toran ---------- */
.toran{position:absolute;left:0;right:0;top:0;height:50px;pointer-events:none;z-index:2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='50'%3E%3Cpath d='M0 2Q32 28 64 2' fill='none' stroke='%236B3A10' stroke-width='1.2'/%3E%3Cpath d='M32 15V34' stroke='%236B3A10' stroke-width='1'/%3E%3Cellipse cx='24' cy='14' rx='4' ry='1.8' transform='rotate(25 24 14)' fill='%232E7D32'/%3E%3Cellipse cx='40' cy='14' rx='4' ry='1.8' transform='rotate(-25 40 14)' fill='%232E7D32'/%3E%3Cg stroke-width='1.1' stroke-dasharray='2 1.3'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23F28C1B' stroke='%23C9580A'/%3E%3Ccircle cx='16' cy='11' r='5' fill='%23F6B81C' stroke='%23D98E0B'/%3E%3Ccircle cx='32' cy='14' r='5.4' fill='%23F28C1B' stroke='%23C9580A'/%3E%3Ccircle cx='48' cy='11' r='5' fill='%23F6B81C' stroke='%23D98E0B'/%3E%3Ccircle cx='59' cy='5' r='5' fill='%23F28C1B' stroke='%23C9580A'/%3E%3Ccircle cx='32' cy='38' r='5.4' fill='%23F6B81C' stroke='%23D98E0B'/%3E%3C/g%3E%3Cpath d='M32 43q-4 3 0 6q4-3 0-6Z' fill='%232E7D32'/%3E%3C/svg%3E") repeat-x}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;text-align:center;color:var(--ivory);padding:78px 16px 0;
  background:radial-gradient(ellipse at 50% 35%,#F5487A 0%,var(--brand) 48%,var(--brand-d) 100%)}
.hero .mandala{position:absolute;width:760px;height:760px;left:50%;top:50%;margin:-380px 0 0 -380px;color:#FFE7A6;opacity:.22;
  animation:spin 140s linear infinite;pointer-events:none}
.hero > *:not(.mandala):not(.toran){position:relative;z-index:1}
.eyebrow{font-family:'Cinzel',serif;color:#FFF3D0;letter-spacing:.24em;text-transform:uppercase;font-size:13.5px;font-weight:600}
.hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(38px,7.4vw,66px);line-height:1.05;max-width:800px;margin:6px auto 12px;text-shadow:0 2px 14px rgba(120,0,30,.35)}
.hero h1 em{font-style:italic;color:#FFE08A}
.hero .lead{max-width:600px;margin:0 auto;font-size:17.5px;color:#FFF4EC}
.hero .divider{margin:10px auto 2px}
.cta{display:inline-block;margin:24px 0 4px;padding:14px 34px;border-radius:40px;text-decoration:none;font:700 17px 'Hind Siliguri',sans-serif;
  color:var(--maroon);background:linear-gradient(180deg,#F8DB7A,var(--gold));border:1px solid #FBE7A6;
  box-shadow:0 0 0 4px rgba(212,160,23,.25),0 10px 24px rgba(0,0,0,.35)}
.cta:hover{filter:brightness(1.05)}
.phones{display:flex;justify-content:center;align-items:flex-end;gap:2%;margin:26px auto 0;max-width:520px;height:240px;position:relative}
/*unused*/.phones::before{content:"";position:absolute;left:10%;right:10%;bottom:-30px;height:200px;border-radius:50%;background:radial-gradient(closest-side,rgba(243,198,75,.45),transparent)}
.phones img{position:relative;height:78%;max-width:32%;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))}
.phones.n3 img:nth-child(2){height:100%}
.phones.n3 img:first-child{transform:rotate(-7deg)}.phones.n3 img:last-child{transform:rotate(7deg)}
.hero-pad{height:56px}
.hero.small{padding:74px 16px 46px}
.hero.small h1{font-size:clamp(30px,6vw,46px)}

/* ---------- Lotus divider ---------- */
.divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:34px auto}
.divider::before,.divider::after{content:"";height:1px;width:min(130px,26vw);background:linear-gradient(90deg,transparent,var(--gold))}
.divider::after{background:linear-gradient(90deg,var(--gold),transparent)}
.divider svg{width:70px;height:20px;flex:none}

/* ---------- Framed card ---------- */
main{max-width:780px;margin:0 auto;padding:40px 16px 40px}
.frame{position:relative;background-color:var(--paper);border:1px solid var(--gold);border-radius:6px;padding:36px 28px;
  box-shadow:inset 0 0 0 6px var(--paper),inset 0 0 0 7px var(--gold-p),0 14px 34px rgba(74,7,16,.10);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cg fill='none'%3E%3Cpath d='M4 4H30M4 4V30' stroke='%23D4A017' stroke-width='1.5'/%3E%3Cpath d='M4 16Q16 16 16 4' stroke='%23ED1651' stroke-width='1.4'/%3E%3Cpath d='M4 24Q24 24 24 4' stroke='%23D4A017'/%3E%3C/g%3E%3Ccircle cx='9.5' cy='9.5' r='3' fill='%23ED1651'/%3E%3Ccircle cx='30' cy='4' r='1.8' fill='%23D4A017'/%3E%3Ccircle cx='4' cy='30' r='1.8' fill='%23D4A017'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cg transform='translate(46 0) scale(-1 1)'%3E%3Cg fill='none'%3E%3Cpath d='M4 4H30M4 4V30' stroke='%23D4A017' stroke-width='1.5'/%3E%3Cpath d='M4 16Q16 16 16 4' stroke='%23ED1651' stroke-width='1.4'/%3E%3Cpath d='M4 24Q24 24 24 4' stroke='%23D4A017'/%3E%3C/g%3E%3Ccircle cx='9.5' cy='9.5' r='3' fill='%23ED1651'/%3E%3Ccircle cx='30' cy='4' r='1.8' fill='%23D4A017'/%3E%3Ccircle cx='4' cy='30' r='1.8' fill='%23D4A017'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cg transform='translate(0 46) scale(1 -1)'%3E%3Cg fill='none'%3E%3Cpath d='M4 4H30M4 4V30' stroke='%23D4A017' stroke-width='1.5'/%3E%3Cpath d='M4 16Q16 16 16 4' stroke='%23ED1651' stroke-width='1.4'/%3E%3Cpath d='M4 24Q24 24 24 4' stroke='%23D4A017'/%3E%3C/g%3E%3Ccircle cx='9.5' cy='9.5' r='3' fill='%23ED1651'/%3E%3Ccircle cx='30' cy='4' r='1.8' fill='%23D4A017'/%3E%3Ccircle cx='4' cy='30' r='1.8' fill='%23D4A017'/%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cg transform='translate(46 46) scale(-1 -1)'%3E%3Cg fill='none'%3E%3Cpath d='M4 4H30M4 4V30' stroke='%23D4A017' stroke-width='1.5'/%3E%3Cpath d='M4 16Q16 16 16 4' stroke='%23ED1651' stroke-width='1.4'/%3E%3Cpath d='M4 24Q24 24 24 4' stroke='%23D4A017'/%3E%3C/g%3E%3Ccircle cx='9.5' cy='9.5' r='3' fill='%23ED1651'/%3E%3Ccircle cx='30' cy='4' r='1.8' fill='%23D4A017'/%3E%3Ccircle cx='4' cy='30' r='1.8' fill='%23D4A017'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:8px 8px,calc(100% - 8px) 8px,8px calc(100% - 8px),calc(100% - 8px) calc(100% - 8px)}
.st{font-family:'Cormorant Garamond',Georgia,serif;font-weight:700;font-size:clamp(28px,5vw,38px);line-height:1.15;color:var(--sindoor-d);text-align:center}
.kicker{font-family:'Cinzel',serif;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:12.5px;text-align:center;font-weight:600;margin-bottom:4px}

/* ---------- Buttons ---------- */
.btn{display:block;width:100%;padding:15px;border-radius:40px;cursor:pointer;text-align:center;text-decoration:none;
  font:700 17.5px 'Hind Siliguri',sans-serif;color:#FFF5DC;border:1px solid var(--gold);
  background:linear-gradient(180deg,#F2386C,var(--sindoor-d));box-shadow:inset 0 0 0 3px rgba(243,198,75,.35),0 8px 18px rgba(194,14,66,.30)}
.btn:hover{filter:brightness(1.07)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn.gold{color:var(--maroon);background:linear-gradient(180deg,#F8DB7A,var(--gold));border-color:#C8930F;box-shadow:0 8px 18px rgba(212,160,23,.3)}
.btn.ghost{background:var(--paper);color:var(--ink);border-color:var(--line);box-shadow:none}

/* ---------- Footer ---------- */
.foot{background:#fff;color:var(--maroon);text-align:center;padding:26px 16px 30px}
.foot-logo{height:48px;width:auto;display:block;margin:0 auto 12px;border:0;background:none;padding:0;border-radius:0}
.foot-main{color:var(--sindoor-d);font-family:'Cinzel',serif;letter-spacing:.12em;font-size:13.5px;font-weight:600}
.foot small{display:block;color:var(--muted);margin-top:6px;font-size:13px}
.foot a{color:var(--sindoor)}

@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:520px){
  .frame{padding:42px 22px 36px}
  .topbar-tag{display:none}
  .phones{height:190px}
  .hero .mandala{width:560px;height:560px;margin:-280px 0 0 -280px}
}
.hero .divider path:nth-of-type(5){fill:#FFF3D0}
.hero .divider::before{background:linear-gradient(90deg,transparent,#FFE08A)}.hero .divider::after{background:linear-gradient(90deg,#FFE08A,transparent)}

/* brand name always lowercase 'itel' */
.bw{font-family:'Hind Siliguri',system-ui,sans-serif;text-transform:none!important;letter-spacing:.02em;font-weight:700}