/* Sevael · Deep Industry Context — interactive industrial intelligence scene
   The base palette is inherited from the site and its four Tamil Nadu seasons. */
.ii-section {
  --ii-highlight: var(--season-accent, #71bda1);
  --ii-halo: var(--season-glow, rgba(92,163,196,.15));
  --ii-ink: var(--bone);
  --ii-metal: var(--gold-hi, #ffbb4f);
  --ii-edge: var(--line-strong);
  position:relative; isolation:isolate; overflow:hidden;
  padding:clamp(78px,8.2vw,116px) 0 clamp(66px,7vw,100px);
  color:var(--bone);
  background:
    radial-gradient(ellipse 48% 58% at 51% 61%,var(--ii-halo),transparent 78%),
    radial-gradient(ellipse 50% 60% at 0% 96%,var(--season-soft),transparent 75%),
    linear-gradient(160deg,var(--ground-deep),var(--ground) 57%,var(--raised));
  transition:background-color .6s ease;
}
.ii-section::before {content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.34;
  background-image:linear-gradient(to right,transparent 0,transparent calc(100% - 1px),var(--line) 100%),linear-gradient(to bottom,transparent 0,transparent calc(100% - 1px),var(--line) 100%);
  background-size:80px 80px;mask-image:linear-gradient(180deg,transparent,black 40%,black 67%,transparent);}
.ii-section__container{--container:1480px;position:relative;z-index:1}
.ii-intro {text-align:center;max-width:780px;margin:0 auto clamp(22px,2.7vw,35px)}
.ii-eyebrow{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 14px;font:700 .72rem/1.3 var(--font-text);letter-spacing:.26em;text-transform:uppercase;color:var(--ii-highlight)}
.ii-eyebrow span{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--ii-highlight));opacity:.72}.ii-eyebrow span:last-child{rotate:180deg}
.ii-intro h2{font-size:clamp(2.6rem,4.5vw,4.85rem);letter-spacing:-.065em;line-height:1.1; font-weight:650;text-wrap:balance;margin-bottom:16px}
.ii-intro__dot{color:var(--ii-highlight)}
.ii-intro>p:last-child{color:var(--mist);line-height:1.6;font-size:clamp(.96rem,1.27vw,1.12rem);max-width:620px;margin:auto}
.ii-tabs{display:flex;align-items:center;justify-content:center;gap:0;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:thin;margin:0 auto clamp(27px,2.8vw,36px);padding:4px;border:1px solid var(--line-strong);border-radius:999px;background:color-mix(in srgb,var(--raised) 65%,transparent);box-shadow:0 8px 28px rgba(0,0,0,.07)}
.ii-tab{display:inline-flex;gap:9px;align-items:center;justify-content:center;white-space:nowrap;min-height:46px;padding:10px clamp(12px,1.8vw,24px);color:var(--mist);font-size:.82rem;font-weight:660;border-radius:999px;transition:background .25s,color .25s,box-shadow .25s;position:relative}
.ii-tab + .ii-tab:not(.is-selected)::before{content:"";height:21px;width:1px;position:absolute;left:0;top:calc(50% - 10.5px);background:var(--line-strong)}
.ii-tab__icon{width:19px;height:19px;flex:none}
.ii-tab:hover,.ii-tab:focus-visible{color:var(--bone);background:var(--season-soft)}
.ii-tab.is-selected{background:linear-gradient(125deg,#ffe4a0,var(--gold-hi));color:#17231e;box-shadow:0 0 0 1px #f5c86b,0 3px 22px rgba(255,178,63,.24)}
.ii-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr) minmax(0,.96fr);align-items:center;gap:clamp(12px,1.5vw,23px);min-height:520px}
.ii-feature{height:clamp(395px,32vw,482px);min-width:0;border:1px solid color-mix(in srgb,var(--ii-metal) 55%,transparent);position:relative;overflow:hidden;border-radius:20px;isolation:isolate;box-shadow:0 18px 48px rgba(0,0,0,.16);animation:ii-feature-in .48s ease both}
.ii-feature::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,15,12,.89) 0%,rgba(5,15,12,.67) 58%,rgba(5,15,12,.18) 100%),linear-gradient(0deg,rgba(5,15,12,.66),transparent 50%)}
.ii-feature__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.06);z-index:-1;animation:ii-photo-reveal .65s ease both}
.ii-feature__content{color:#f5f7ef;position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:clamp(20px,2.3vw,34px)}
.ii-feature__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.68rem;letter-spacing:.16em;font-weight:740;text-transform:uppercase;color:#cde8dd;margin-bottom:auto}
.ii-feature__meta>span:last-child{color:#f2ce82}
.ii-feature h3{max-width:400px;font-family:var(--font-display);font-size:clamp(1.75rem,2.4vw,2.85rem);font-weight:620;line-height:1.12;letter-spacing:-.047em;text-wrap:balance;margin:0 0 18px;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.ii-feature__content>p{max-width:355px;color:#e2eae3;font-size:clamp(.89rem,1.05vw,1rem);line-height:1.65;text-wrap:pretty;margin:0 0 23px}
.ii-feature__link{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;max-width:100%;font-size:.86rem;font-weight:700;color:white}
.ii-round-arrow{flex:none;display:grid;place-items:center;width:47px;height:47px;border:1.2px solid var(--ii-metal);border-radius:100%;background:rgba(255,183,79,.12);color:var(--ii-metal);transition:transform .25s,background .25s,color .25s}
.ii-round-arrow svg,.ii-option__arrow svg{width:21px;height:21px}
.ii-feature__link:hover .ii-round-arrow{transform:translateX(4px);background:var(--ii-metal);color:#17231e}
.ii-globe{height:clamp(425px,35vw,520px);min-width:0;position:relative;display:grid;place-items:center;isolation:isolate}
.ii-globe__field{width:min(100%,470px);aspect-ratio:1;position:relative;display:grid;place-items:center;z-index:1}
.ii-globe__field::after{content:"";position:absolute;left:13%;right:13%;height:20%;bottom:4%;border-radius:50%;border:1px solid color-mix(in srgb,var(--ii-highlight) 50%,transparent);box-shadow:0 0 0 10px color-mix(in srgb,var(--ii-highlight) 6%,transparent),0 0 0 25px color-mix(in srgb,var(--ii-highlight) 4%,transparent);transform:rotateX(64deg);animation:ii-platform-glow 6s ease-in-out infinite alternate}
.ii-globe__planet{position:absolute;width:78%;height:78%;object-fit:contain;z-index:2;filter:drop-shadow(0 0 28px var(--season-glow));animation:ii-globe-float 7s ease-in-out infinite alternate}
.ii-globe__planet--light{display:none}
:root[data-theme="light"] .ii-globe__planet--dark{display:none}
:root[data-theme="light"] .ii-globe__planet--light{display:block}
.ii-globe__light{position:absolute;width:82%;height:82%;border-radius:50%;background:radial-gradient(circle,var(--season-glow),transparent 67%);filter:blur(22px);animation:ii-light-breathe 8s ease-in-out infinite alternate}
.ii-globe__orbit{position:absolute;z-index:3;border:1px solid color-mix(in srgb,var(--ii-metal) 70%,transparent);border-radius:50%;width:98%;height:30%;box-shadow:0 0 12px rgba(255,188,78,.08);transform:rotate(-24deg);pointer-events:none}
.ii-globe__orbit--one{animation:ii-orbit-a 21s linear infinite}
.ii-globe__orbit--two{height:43%;width:92%;opacity:.55;transform:rotate(43deg);animation:ii-orbit-b 29s linear infinite reverse}
.ii-globe__orbit--three{height:68%;width:94%;opacity:.32;transform:rotate(-58deg);border-style:dashed;animation:ii-orbit-c 38s linear infinite}
.ii-globe__spark{position:absolute;z-index:4;display:block;width:5px;height:5px;border-radius:50%;background:var(--gold-hi);box-shadow:0 0 8px 3px rgba(255,177,61,.55),0 0 22px rgba(255,177,61,.5);animation:ii-twinkle 3s ease-in-out infinite alternate}
.ii-globe__spark--one{top:29%;left:11%}.ii-globe__spark--two{right:12%;top:61%;animation-delay:-1.3s}.ii-globe__spark--three{bottom:14%;left:49%;animation-delay:-2s}
.ii-globe__leaf{position:absolute;z-index:4;width:17px;height:33px;border-radius:98% 2% 98% 2%;background:linear-gradient(135deg,var(--season-accent-2),var(--season-accent));opacity:.7;box-shadow:0 0 16px var(--season-glow);animation:ii-leaf 9s ease-in-out infinite alternate;pointer-events:none}
.ii-globe__leaf--one{top:20%;left:18%;transform:rotate(32deg)}
.ii-globe__leaf--two{top:54%;right:4%;transform:rotate(-18deg);animation-delay:-4s;width:12px;height:24px}
.ii-globe__leaf--three{bottom:17%;left:10%;transform:rotate(80deg);animation-delay:-6s;width:13px;height:28px}
.ii-globe__caption{position:absolute;z-index:5;font-size:.63rem;line-height:1.55;letter-spacing:.15em;font-weight:690;color:var(--ii-highlight);text-align:center;max-width:156px;text-transform:uppercase}
.ii-globe__caption strong{display:block;color:var(--bone);font-weight:770}
.ii-globe__caption--top{left:3%;top:8%}
.ii-globe__caption--right{right:0;top:9%}
.ii-globe__caption--bottom{bottom:4%;left:50%;transform:translateX(-50%);width:260px;max-width:260px}
.ii-globe__active{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:7;white-space:nowrap;color:var(--mist);font-size:.63rem;letter-spacing:.11em;text-transform:uppercase;opacity:.88}
.ii-globe__active i{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle;background:var(--ii-highlight);margin-left:5px}
.ii-options{display:grid;gap:10px;min-width:0}
.ii-option{display:grid;grid-template-columns:minmax(72px,32%) minmax(0,1fr) 30px;align-items:center;gap:clamp(8px,1vw,14px);min-width:0;text-align:left;background:color-mix(in srgb,var(--panel) 53%,transparent);border:1px solid var(--line-strong);border-radius:14px;padding:8px;min-height:clamp(94px,7.7vw,111px);transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}
.ii-option:hover{background:var(--panel-hi);border-color:var(--ii-highlight);transform:translateX(-4px);box-shadow:0 8px 30px var(--season-soft)}
.ii-option__thumb{display:grid;place-items:center;width:100%;height:clamp(75px,6vw,94px);border-radius:9px;overflow:hidden;background:var(--ground-deep);color:var(--ii-highlight)}
.ii-option__thumb>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.ii-option__thumb>svg{width:36px;height:36px}
.ii-option__words{min-width:0;display:flex;flex-direction:column;gap:5px}
.ii-option__name{display:flex;align-items:center;gap:7px;color:var(--bone);font-size:clamp(.75rem,.94vw,.96rem);font-weight:760;line-height:1.25}
.ii-option__name svg{flex:none;width:16px;height:16px;color:var(--ii-highlight)}
.ii-option__short{display:block;color:var(--mist);font-size:clamp(.69rem,.82vw,.8rem);line-height:1.42}
.ii-option__arrow{display:grid;place-items:center;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--ii-metal) 74%,transparent);border-radius:50%;color:var(--ii-metal);transition:transform .2s,background .2s}
.ii-option:hover .ii-option__arrow{transform:translateX(2px);background:var(--ii-metal);color:#17231e}
.ii-footnotes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(30px,4vw,53px);padding-top:clamp(20px,2.6vw,34px);border-top:1px solid var(--line)}
.ii-footnotes>div{display:flex;gap:15px;align-items:center;min-width:0;padding:8px clamp(10px,1.7vw,25px);border-right:1px solid var(--line)}
.ii-footnotes>div:last-child{border-right:none}
.ii-footnotes__symbol{font-family:var(--font-display);font-size:clamp(1.75rem,2.5vw,2.5rem);font-weight:520;letter-spacing:-.08em;color:var(--ii-highlight);opacity:.9}
.ii-footnotes strong,.ii-footnotes small{display:block}.ii-footnotes strong{font-size:clamp(.83rem,1vw,1rem);line-height:1.35;font-weight:720}.ii-footnotes small{font-size:clamp(.7rem,.83vw,.83rem);color:var(--mist);line-height:1.43;margin-top:2px}
.ii-section__leaves{pointer-events:none;position:absolute;inset:0;overflow:hidden;z-index:-1}
.ii-section__leaves span{position:absolute;width:20px;height:37px;border-radius:90% 2% 90% 2%;background:var(--season-accent);opacity:.12;animation:ii-leaf 11s ease-in-out infinite alternate}
.ii-section__leaves span:nth-child(1){left:3%;top:24%;rotate:30deg;filter:blur(2px)}
.ii-section__leaves span:nth-child(2){right:6%;top:14%;width:13px;height:24px;animation-delay:-4s}
.ii-section__leaves span:nth-child(3){left:12%;bottom:8%;filter:blur(4px);animation-delay:-7s}
.ii-section__leaves span:nth-child(4){right:3%;bottom:20%;filter:blur(2px);animation-delay:-3s}
:root[data-theme="light"] .ii-section {background:radial-gradient(ellipse 43% 60% at 50% 64%,var(--season-glow),transparent 83%),linear-gradient(160deg,var(--ground),var(--raised) 90%)}
:root[data-theme="light"] .ii-feature::after{background:linear-gradient(90deg,rgba(238,247,238,.93) 0%,rgba(238,247,238,.75) 56%,rgba(238,247,238,.07) 100%),linear-gradient(0deg,rgba(238,247,238,.5),transparent 68%)}
:root[data-theme="light"] .ii-feature__content{color:#113729}
:root[data-theme="light"] .ii-feature h3{text-shadow:0 1px 6px rgba(255,255,255,.4)}
:root[data-theme="light"] .ii-feature__content>p{color:#334b40}
:root[data-theme="light"] .ii-feature__meta{color:#23664a}
:root[data-theme="light"] .ii-feature__meta>span:last-child{color:#855b24}
:root[data-theme="light"] .ii-feature__link{color:#113729}
:root[data-theme="light"] .ii-option{background:color-mix(in srgb,white 65%,var(--panel))}
:root[data-theme="light"] .ii-option:hover{background:white}
@keyframes ii-globe-float{from{transform:translateY(-6px) scale(.99)}to{transform:translateY(7px) scale(1.015)}}
@keyframes ii-twinkle{from{opacity:.45;scale:.66}to{opacity:1;scale:1.2}}
@keyframes ii-platform-glow{from{opacity:.4;scale:.97}to{opacity:1;scale:1.03}}
@keyframes ii-light-breathe{from{opacity:.46;scale:.92}to{opacity:.95;scale:1.13}}
@keyframes ii-orbit-a{from{rotate:0deg}to{rotate:360deg}}
@keyframes ii-orbit-b{from{rotate:0deg}to{rotate:360deg}}
@keyframes ii-orbit-c{from{rotate:0deg}to{rotate:360deg}}
@keyframes ii-leaf{from{translate:-3px -6px;rotate:-12deg}to{translate:14px 11px;rotate:28deg}}
@keyframes ii-feature-in{from{opacity:.72;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ii-photo-reveal{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(max-width:1150px){
 .ii-stage{grid-template-columns:minmax(0,1fr) minmax(0,.87fr);gap:18px}
 .ii-feature{height:430px}
 .ii-globe{height:440px;grid-column:2;grid-row:1}
 .ii-options{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));grid-row:2}
 .ii-option{grid-template-columns:1fr 30px;min-height:0;padding:7px}
 .ii-option__thumb{grid-column:1/-1;height:120px}
 .ii-option__words{padding:4px 2px 5px}.ii-option__name{font-size:.84rem}
 .ii-option__arrow{grid-row:2;grid-column:2;align-self:center}
}
@media(max-width:720px){
 .ii-section{padding:65px 0 64px}
 .ii-intro h2{font-size:clamp(2.35rem,9vw,3.65rem)}
 .ii-intro>p:last-child{font-size:.96rem}
 .ii-tabs{max-width:calc(100vw - 26px);width:100%;justify-content:flex-start;margin-bottom:22px}
 .ii-tab{min-height:42px;padding:9px 15px;font-size:.75rem}
 .ii-stage{grid-template-columns:1fr;gap:0}
 .ii-feature{height:390px}
 .ii-globe{grid-column:1;grid-row:2;height:365px;max-width:430px;width:100%;margin:6px auto 10px}
 .ii-globe__field{width:min(100%,385px)}
 .ii-globe__caption{font-size:.56rem}.ii-globe__caption--top{top:5%;left:1%}.ii-globe__caption--right{right:1%;top:5%}.ii-globe__caption--bottom{bottom:1%}
 .ii-options{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .ii-option{grid-template-columns:minmax(0,1fr) 27px;gap:8px;min-height:0}
 .ii-option__thumb{height:116px}
 .ii-option__short{font-size:.74rem}.ii-option__name{font-size:.83rem}
 .ii-footnotes{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;margin-top:29px}
 .ii-footnotes>div:nth-child(2){border-right:0}
}
@media(max-width:420px){
 .ii-feature{height:404px}.ii-feature__content{padding:20px}
 .ii-feature h3{font-size:1.95rem}
 .ii-globe{height:322px}.ii-globe__caption{font-size:.48rem}.ii-globe__caption--bottom{bottom:0}
 .ii-option__thumb{height:96px}
 .ii-option__name svg{display:none}.ii-option__short{font-size:.7rem}
 .ii-footnotes>div{padding:4px 8px;gap:10px}.ii-footnotes__symbol{font-size:1.7rem}.ii-footnotes small{font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){
 .ii-section *, .ii-section *::before,.ii-section *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.ii-stage>#ii-feature-slot{min-width:0}
.ii-stage>#ii-feature-slot>.ii-feature{width:100%}