/* OMNIVAREN installation guide: production page design */
body{background-color:#040c0a}
.top .nav a[aria-current="page"]{color:#b8ffdf;background:rgba(61,242,176,.10)}
.ig-page{position:relative;overflow:clip;padding:0 24px 95px;max-width:1330px;margin:auto}
.ig-page::before{content:"";position:absolute;top:0;left:12%;right:-10%;height:540px;pointer-events:none;background:radial-gradient(closest-side at 65% 8%,rgba(73,217,174,.13),transparent),radial-gradient(closest-side at 90% 42%,rgba(95,73,187,.12),transparent);z-index:-1}
.ig-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);align-items:center;gap:35px;min-height:400px;margin:0 0 26px;padding:62px 58px 50px;border-radius:0 0 34px 34px;background:linear-gradient(108deg,rgba(10,42,34,.8),rgba(4,19,18,.65) 58%,rgba(16,32,49,.56));border:1px solid rgba(135,255,207,.15);border-top:0;position:relative;overflow:hidden}
.ig-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent,transparent 48px,rgba(180,255,227,.02) 50px,transparent 54px)}
.ig-hero-glow{position:absolute;right:1%;top:-38%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(40,240,176,.17),rgba(38,164,161,.04) 50%,transparent 70%);pointer-events:none}
.ig-hero-copy{position:relative;z-index:1}
.ig-kicker{display:flex;align-items:center;gap:10px;color:#98ecd0;font:500 12px var(--mono);letter-spacing:.13em;margin-bottom:24px}
.ig-light{width:8px;height:8px;border-radius:50%;background:#4dffb6;box-shadow:0 0 18px rgba(77,255,182,.9)}
.ig-hero h1{font-size:clamp(42px,4.6vw,63px);letter-spacing:-.045em;line-height:1.15;margin-bottom:21px}
.ig-hero h1 span{color:#ffd075}
.ig-hero p{font-size:17px;max-width:590px;color:#b1d7cb;line-height:1.7;margin:0}
.ig-actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 28px}
.ig-actions .btn{min-height:47px}
.ig-hero-cues{display:flex;flex-wrap:wrap;gap:22px;color:#a6d0c1;font-size:12px;font-weight:600}
.ig-hero-cues b{font:500 13px var(--mono);color:#67edc0;margin-right:7px}
.ig-hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:280px}
.ig-hero-art img{width:min(55%,210px);filter:drop-shadow(0 0 20px rgba(50,252,193,.22));z-index:2}
.ig-orbit{position:absolute;width:min(90%,330px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(109,255,208,.22);box-shadow:0 0 0 28px rgba(88,227,182,.027),0 0 0 59px rgba(80,220,190,.02);background:radial-gradient(circle,rgba(23,129,101,.20),transparent 63%)}
.ig-orbit::before,.ig-orbit::after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(92,241,192,.28)}
.ig-orbit::after{inset:31%;border-color:rgba(242,193,94,.22)}
.ig-hero-art-caption{margin-top:22px;color:#7ed8b8;font:500 11px var(--mono);letter-spacing:.2em;z-index:2}
.ig-preflight{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:0;padding:25px 26px;border-radius:24px;background:linear-gradient(110deg,rgba(16,56,44,.77),rgba(7,35,31,.83));border:1px solid rgba(128,255,212,.22);box-shadow:0 18px 44px rgba(0,0,0,.15);margin:0 0 40px}
.ig-preflight-label{padding:7px 18px 7px 4px}
.ig-symbol{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:8px;border-radius:50%;background:#7ff6cc;color:#09251b;font-size:16px;font-weight:700}
.ig-preflight-label strong{font-size:15px;color:#f0fff9}
.ig-preflight-label p{font-size:12px;color:#a2c9bb;line-height:1.5;margin:9px 0 0}
.ig-preflight-item{padding:9px 20px 8px;border-left:1px solid rgba(149,255,215,.15);display:flex;flex-direction:column;gap:5px}
.ig-preflight-item span{font:500 11px var(--mono);color:#69e5b9}
.ig-preflight-item b{font-size:14px;line-height:1.4;color:#f2fff9}
.ig-preflight-item small{font-size:12px;line-height:1.5;color:#a7c9be}
.ig-layout{display:grid;grid-template-columns:256px minmax(0,1fr);gap:28px;align-items:start}
.ig-side-inner{position:sticky;top:92px;border:1px solid rgba(148,255,217,.14);background:rgba(8,29,24,.82);border-radius:22px;padding:21px 13px 15px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.ig-side-heading{display:flex;justify-content:space-between;gap:8px;padding:0 12px 15px;color:#b4e1d0;font:600 11px var(--mono);letter-spacing:.055em}
.ig-side-heading span{font-weight:500;color:#6ff4bc}
.ig-toc{display:grid;gap:3px}
.ig-toc a{display:flex;gap:11px;align-items:center;color:#a7cabe;text-decoration:none;border-radius:12px;font-size:13px;padding:10px 9px;min-height:43px;border:1px solid transparent;transition:background .15s,color .15s}
.ig-toc a:hover,.ig-toc a.active{background:rgba(77,245,175,.10);color:#effff8;border-color:rgba(103,249,183,.16)}
.ig-nav-num{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;color:#86ddbd;background:rgba(68,180,136,.09);font:500 11px var(--mono)}
.ig-toc a.active .ig-nav-num{background:#89f7ce;color:#092a1b}
.ig-side-help{border-top:1px solid rgba(135,255,212,.13);margin:17px 6px 0;padding:18px 6px 4px}
.ig-help-icon{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;border:1px solid rgba(255,210,125,.38);color:#ffd38a;margin:0 8px 8px 0}
.ig-side-help strong{font-size:13px;color:#fff9ec}
.ig-side-help p{font-size:12px;color:#9abfaf;margin:3px 0 7px}
.ig-side-help a{font-size:12px;color:#93ffdc}
.ig-content{display:grid;gap:19px;min-width:0}
.ig-section{padding:30px 32px 28px;background:linear-gradient(155deg,rgba(13,44,35,.80),rgba(7,24,23,.86));border:1px solid rgba(148,255,217,.15);border-radius:24px;box-shadow:0 14px 42px rgba(0,0,0,.13);scroll-margin-top:93px;min-width:0}
.ig-section-header{display:flex;align-items:center;gap:19px;padding:0 0 22px;border-bottom:1px solid rgba(142,255,217,.13)}
.ig-step-number{display:grid;place-items:center;flex:0 0 51px;width:51px;height:51px;border-radius:16px;border:1px solid rgba(114,255,210,.3);background:linear-gradient(145deg,rgba(87,216,171,.2),rgba(23,87,73,.1));color:#9ffcd7;font:600 16px var(--mono)}
.ig-section-overline{font:500 11px var(--mono);letter-spacing:.14em;color:#78dab3;margin-bottom:6px}
.ig-section-header h2{font-size:clamp(23px,2.5vw,31px);margin:0;padding:0;letter-spacing:-.018em;line-height:1.27}
.ig-section-body{padding:8px 0 0;min-width:0}
.ig-section-body p,.ig-section-body li{font-size:14.5px;line-height:1.8;color:#b5d3c8}
.ig-section-body p{margin:15px 0}
.ig-section-body li{margin:7px 0;padding-left:2px}
.ig-section-body b,.ig-section-body strong{color:#f2fff8}
.ig-section-body h3{font-size:16px;line-height:1.3;margin:23px 0 7px;color:#fff9ea}
.ig-section-body a{color:#98fdd7;text-underline-offset:3px}
.ig-section-body ul,.ig-section-body ol{padding-left:23px}
.ig-section-body code{font-family:var(--mono);font-size:.88em;color:#a9f9d8;background:rgba(124,255,211,.09);padding:3px 5px;border-radius:5px;overflow-wrap:anywhere}
.ig-section-body .note{font-size:13.5px;line-height:1.75;border-radius:13px;margin:18px 0;padding:15px 17px}
.ig-section-body .note.warn{background:rgba(250,191,76,.07);border-color:rgba(252,194,80,.28)}
.ig-section-body .tbl{border-radius:14px;margin:19px 0}
.ig-section-body table{width:100%;border-collapse:collapse}
.ig-section-body .tbl th{background:rgba(88,170,139,.12);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.ig-section-body .tbl td{font-size:13.5px;line-height:1.75}
.ig-section-body .codebox{margin:18px 0}
.ig-section-body .codebox pre{border:1px solid rgba(105,243,187,.27);background:#020b09;border-radius:15px;color:#d6ffed;padding:27px 100px 24px 21px;font-size:12.8px;line-height:1.9;white-space:pre;overflow-x:auto}
.ig-section-body .codebox button{background:rgba(44,130,99,.23);border:1px solid rgba(136,255,210,.23);box-shadow:none;color:#dcfff0;top:12px;right:12px}
.ig-hint{color:#ffe1a0;font:500 12px var(--mono);margin:13px 0 0}
.ig-cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0}
.ig-cert-card{background:rgba(2,17,15,.45);border:1px solid rgba(139,255,211,.14);border-radius:15px;padding:17px}
.ig-cert-card h3{color:#e9fff8;margin:0 0 8px;font-size:14px}
.ig-cert-card p{font-size:12.5px;line-height:1.7;margin:0}
.ig-complete{display:flex;align-items:center;gap:18px;padding:23px;border-radius:17px;border:1px solid rgba(101,243,178,.28);background:linear-gradient(115deg,rgba(34,141,92,.2),rgba(13,73,67,.13));margin-top:22px}
.ig-complete-check{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#92fbd0;color:#062e1c;font-weight:800;flex:0 0 auto}
.ig-complete strong{color:#f6fff9;font-size:16px}
.ig-complete p{font-size:13px;margin:3px 0;color:#b4d5c5}
.ig-complete .btn{white-space:nowrap;margin-left:auto;font-size:12px;min-height:42px;padding:0 16px}
.ig-last{border-color:rgba(252,203,116,.22)}
.ig-last .ig-step-number{color:#ffdf9e;border-color:rgba(252,203,116,.3);background:rgba(255,190,78,.10)}
.ig-last .ig-section-overline{color:#f1c67d}
@media(max-width:1080px){.ig-hero{padding:45px 34px;grid-template-columns:1.3fr .7fr}.ig-layout{grid-template-columns:213px minmax(0,1fr);gap:17px}.ig-section{padding:25px 23px}.ig-preflight{grid-template-columns:repeat(3,1fr)}.ig-preflight-label{grid-column:span 3;padding-bottom:17px}.ig-preflight-item:nth-of-type(2){border-left:0}}
@media(max-width:780px){.ig-page{padding:0 14px 70px}.ig-hero{grid-template-columns:1fr;min-height:0;border-radius:0 0 25px 25px;padding:36px 23px}.ig-hero-art{display:none}.ig-hero h1{font-size:clamp(35px,7vw,50px)}.ig-preflight{display:grid;grid-template-columns:1fr;gap:0;padding:18px}.ig-preflight-label{grid-column:span 1}.ig-preflight-item{border-left:0;border-top:1px solid rgba(149,255,215,.15);padding:12px 4px}.ig-layout{grid-template-columns:1fr}.ig-side-inner{position:static;padding:16px}.ig-toc{grid-template-columns:repeat(2,minmax(0,1fr))}.ig-side-help{display:none}.ig-section{padding:22px 19px}.ig-cert-grid{grid-template-columns:1fr}.ig-complete{flex-wrap:wrap}.ig-complete .btn{margin-left:0;width:100%}}
@media(max-width:480px){.ig-hero .ig-actions{flex-direction:column}.ig-actions .btn{width:100%;text-align:center}.ig-hero-cues{gap:12px}.ig-toc{grid-template-columns:1fr}.ig-side-heading{padding-bottom:10px}.ig-section-header{gap:12px}.ig-step-number{width:41px;height:41px;flex-basis:41px;border-radius:13px}.ig-section-header h2{font-size:22px}.ig-section-body .codebox pre{padding-right:17px;padding-top:58px;font-size:11.5px}.ig-section-body .tbl table{min-width:520px}}