/* Omega Web Pro — production front end v1.0.0
   Pure HTML / CSS / vanilla JavaScript. No external framework or font dependency. */
:root{
  --bg:#030916;--bg2:#071426;--panel:#0a1930;--panel2:#0d213c;--panel3:#112a4c;
  --text:#f7f9fd;--muted:#a9bad0;--soft:#6f86a3;--line:rgba(122,180,255,.22);
  --blue:#168bff;--blue2:#57c6ff;--gold:#f1bd44;--gold2:#ffe19a;--green:#48d597;
  --purple:#9d7cff;--orange:#ff9f43;--red:#ff667d;--cyan:#55e8ff;
  --shadow:0 28px 70px rgba(0,0,0,.42);--shadow-small:0 15px 35px rgba(0,0,0,.3);
  --radius:24px;--wrap:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}body{margin:0;min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.62;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 16% 0,rgba(22,139,255,.19),transparent 28rem),radial-gradient(circle at 83% 12%,rgba(241,189,68,.11),transparent 26rem),linear-gradient(180deg,#061326 0,#030916 55%,#020611 100%)}body::after{content:"";position:fixed;inset:0;z-index:-2;opacity:.19;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
a{color:inherit}.wrap{width:min(var(--wrap),calc(100% - 34px));margin-inline:auto}.narrow{width:min(850px,calc(100% - 34px));margin-inline:auto}.skip-link{position:fixed;left:14px;top:-100px;z-index:1000;background:#fff;color:#000;padding:.75rem 1rem;border-radius:10px;font-weight:900}.skip-link:focus{top:14px}
.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(3,9,22,.83);backdrop-filter:blur(18px) saturate(145%)}.header-inner{min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:1000;letter-spacing:-.035em;width:max-content}.brand-symbol{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;color:#07111f;background:linear-gradient(145deg,var(--gold2),var(--gold) 45%,#b87812);box-shadow:inset 0 1px 0 #fff9,0 5px 0 #6d470a,0 10px 24px #0008;font-family:Georgia,serif;font-size:1.4rem}.site-brand-logo{display:block;line-height:0}.site-brand-logo img{display:block;width:72px;height:auto;border-radius:9px;border:1px solid rgba(255,255,255,.12);box-shadow:0 7px 20px #0008}.footer-brand .site-brand-logo img{width:138px;border-radius:13px}.brand-word{font-size:1.02rem;white-space:nowrap}.brand-word .omega{color:var(--gold2)}.brand-word .web{color:#eef5ff}.brand-word .pro{color:var(--blue2)}
.primary-nav{display:flex;align-items:center;justify-content:center;gap:2px}.primary-nav>a,.nav-drop>button{border:0;background:transparent;color:#c6d2e2;text-decoration:none;font:inherit;font-size:.9rem;font-weight:850;padding:.7rem .72rem;border-radius:10px;cursor:pointer}.primary-nav>a:hover,.primary-nav>a[aria-current=page],.nav-drop>button:hover{color:#fff;background:rgba(255,255,255,.065)}.nav-drop{position:relative}.nav-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-5px);width:310px;padding:10px;display:grid;gap:5px;background:rgba(5,15,31,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.18s ease}.nav-drop.open .nav-menu,.nav-drop:focus-within .nav-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.nav-menu a{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:10px;border-radius:12px;text-decoration:none;color:#dbe7f5}.nav-menu a:hover{background:#ffffff0a}.nav-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#0f2744;border:1px solid #ffffff12}.header-actions{justify-self:end;display:flex;align-items:center;gap:9px}.menu-toggle{display:none;border:1px solid var(--line);background:#0b1b31;color:#fff;padding:.63rem .78rem;border-radius:11px;font-weight:900}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:.74rem 1.08rem;border-radius:14px;text-decoration:none;font-weight:950;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;font:inherit;font-weight:900}.btn-sm{min-height:42px;padding:.6rem .9rem}.btn-primary{color:white;background:linear-gradient(180deg,#35a8ff 0,var(--blue) 52%,#0d68ce 100%);border-color:#65c7ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 6px 0 #064a9e,0 14px 30px rgba(0,94,218,.33)}.btn-primary:hover{transform:translateY(-2px);filter:saturate(1.12)}.btn-primary:active{transform:translateY(4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 0 #064a9e,0 7px 18px rgba(0,94,218,.3)}.btn-gold{color:#151006;background:linear-gradient(180deg,#fff0b5,var(--gold) 55%,#bd7616);border-color:#fff1be;box-shadow:inset 0 1px 0 #fff,0 6px 0 #754509,0 14px 30px rgba(214,143,19,.28)}.btn-ghost{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));color:#eef7ff;border-color:var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 0 #020711,0 13px 26px rgba(0,0,0,.28)}.btn-ghost:hover{transform:translateY(-2px);border-color:#4e8cc5}.btn:focus-visible,.menu-toggle:focus-visible,.primary-nav a:focus-visible,.nav-drop button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8cddff;outline-offset:3px}
.announcement{border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,rgba(21,132,244,.14),rgba(241,189,68,.08),rgba(21,132,244,.14));font-size:.86rem;color:#cde6ff}.announcement .wrap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:39px;text-align:center}.pulse{width:8px;height:8px;border-radius:50%;background:#53ef9e;box-shadow:0 0 15px #53ef9e}
.hero{padding:72px 0 68px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);gap:50px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 13px;text-transform:uppercase;letter-spacing:.16em;color:#77ddff;font-weight:950;font-size:.74rem}.eyebrow::before{content:"";width:22px;height:2px;background:linear-gradient(90deg,var(--blue2),var(--gold))}.hero h1,.page-hero h1{font-size:clamp(3rem,6.4vw,6.25rem);line-height:.92;letter-spacing:-.065em;margin:0 0 22px;max-width:12.7ch}.gradient-text{background:linear-gradient(90deg,var(--gold2),#fff 45%,var(--blue2) 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.07rem,1.7vw,1.31rem);color:var(--muted);max-width:68ch;margin:0}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:29px}.hero-proof{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:25px;color:#95aac2;font-size:.87rem;font-weight:750}.hero-proof span::before{content:"✓";color:var(--green);margin-right:7px}.logo-stage{position:relative;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.logo-stage::before{content:"";position:absolute;inset:8% -5% -8% 8%;z-index:-1;background:radial-gradient(circle,rgba(20,138,255,.34),transparent 67%);filter:blur(22px)}.logo-stage picture,.logo-stage img{display:block;width:100%;height:auto}.logo-stage img{border-radius:28px;border:1px solid rgba(110,192,255,.23);box-shadow:0 35px 85px #000b,0 0 70px rgba(19,128,255,.12)}
.prompt-launch{margin-top:34px;max-width:760px;padding:8px;display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid #2b5b88;border-radius:18px;background:linear-gradient(180deg,rgba(16,43,76,.84),rgba(8,24,46,.9));box-shadow:inset 0 1px 0 #ffffff10,0 18px 45px #0005}.prompt-launch input{width:100%;min-height:50px;border:0;background:transparent;color:#fff;padding:0 13px;font:inherit}.prompt-launch input::placeholder{color:#829ab7}.prompt-launch input:focus{outline:0}
.trust-strip{padding:20px 0;border-block:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.022)}.trust-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.trust-item{text-align:center;color:#9fb1c6;font-size:.82rem;font-weight:850}.trust-item strong{display:block;color:#fff;font-size:1rem;margin-bottom:2px}
.section{padding:86px 0}.section-alt{background:rgba(255,255,255,.025);border-block:1px solid rgba(255,255,255,.065)}.section-head{max-width:830px;margin:0 0 34px}.section-head.center{margin-inline:auto;text-align:center}.section-head.center .eyebrow{justify-content:center}.section h2,.section-head h2,.cta-panel h2{font-size:clamp(2.2rem,4.7vw,4.3rem);line-height:.98;letter-spacing:-.052em;margin:.15rem 0 1rem}.section-head>p:last-child{color:var(--muted);font-size:1.1rem;max-width:70ch}.section-head.center>p:last-child{margin-inline:auto}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{position:relative;padding:25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(16,39,69,.89),rgba(6,20,39,.92));box-shadow:var(--shadow-small);overflow:hidden}.card::after{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-85px;border-radius:50%;background:radial-gradient(circle,rgba(67,162,255,.16),transparent 70%)}.card h3{font-size:1.22rem;margin:.2rem 0 .6rem;letter-spacing:-.025em}.card p{margin:0;color:var(--muted)}.card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;margin-bottom:16px;background:linear-gradient(145deg,#173b66,#0b213d);border:1px solid #ffffff18;box-shadow:inset 0 1px 0 #ffffff1a,0 7px 0 #030914;font-size:1.25rem}.card .mini-link{display:inline-flex;margin-top:16px;color:#82d9ff;text-decoration:none;font-weight:850}
.engine-card{--engine:var(--blue);border-color:color-mix(in srgb,var(--engine),transparent 62%)}.engine-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--engine),transparent)}.engine-card.performance{--engine:var(--blue2)}.engine-card.seo{--engine:var(--green)}.engine-card.image{--engine:var(--purple)}.engine-card.metrics{--engine:var(--orange)}.engine-card.security{--engine:var(--red)}.engine-chip{display:inline-flex;padding:.35rem .55rem;border-radius:999px;font-size:.72rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--engine),transparent 82%);color:color-mix(in srgb,var(--engine),white 20%);border:1px solid color-mix(in srgb,var(--engine),transparent 55%);margin-bottom:13px}
.pipeline{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:stretch}.pipeline-step{padding:18px 14px;text-align:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#0d2442,#07172b);box-shadow:0 8px 0 #020711}.pipeline-step strong{display:block;margin-top:8px}.pipeline-step span{display:block;color:#8fa5bf;font-size:.78rem;margin-top:4px}.pipeline-arrow{display:none}
.code-window{border:1px solid #31577d;border-radius:22px;overflow:hidden;background:#040b15;box-shadow:var(--shadow)}.code-bar{min-height:48px;display:flex;align-items:center;gap:7px;padding:0 16px;background:#0b1c31;border-bottom:1px solid #24425f}.dot{width:10px;height:10px;border-radius:50%;background:#ff667d}.dot:nth-child(2){background:#f5bf4c}.dot:nth-child(3){background:#48d597}.code-body{padding:24px;overflow:auto;color:#bfcee0;font:500 .88rem/1.7 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre}.code-blue{color:#6ed3ff}.code-gold{color:#ffd77e}.code-green{color:#6be5a8}
.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature-list{display:grid;gap:12px;margin-top:24px}.feature-row{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff04}.feature-row .tick{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(72,213,151,.12);color:#6ce9ae;font-weight:1000}.feature-row strong{display:block}.feature-row p{margin:2px 0 0;color:var(--muted);font-size:.92rem}
.scoreboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.score{padding:22px;border:1px solid var(--line);border-radius:20px;background:#0a1a30;text-align:center}.score-ring{width:96px;height:96px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 100%,#20334b 0);position:relative}.score-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#071426}.score-ring strong{position:relative;font-size:1.45rem}.score span{color:var(--muted);font-size:.84rem}.notice{padding:16px 18px;border:1px solid #3b6187;border-radius:16px;background:#0b1d34;color:#bfd0e2;font-size:.9rem}.notice strong{color:#fff}
.steps{counter-reset:steps}.step{position:relative;padding:26px 24px 24px 78px}.step::before{counter-increment:steps;content:counter(steps);position:absolute;left:22px;top:24px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#07111f;font-weight:1000;background:linear-gradient(145deg,var(--gold2),var(--gold));box-shadow:0 5px 0 #6f480d}
.cta{padding:70px 0}.cta-panel{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:38px;border:1px solid #3a6693;border-radius:28px;background:linear-gradient(130deg,#0c2a4d,#08172b 52%,#18223c);box-shadow:var(--shadow)}.cta-panel::after{content:"Ω";position:absolute;right:6%;top:-50%;font:900 20rem Georgia,serif;color:#ffffff06;pointer-events:none}.cta-panel p{color:var(--muted);max-width:62ch}.cta-panel>div,.cta-panel>a{position:relative;z-index:1}
.page-hero{padding:74px 0 54px}.page-hero .wrap{max-width:980px}.page-hero h1{max-width:16ch;font-size:clamp(3rem,6vw,5.6rem)}.breadcrumb{display:flex;gap:8px;color:#8297b0;font-size:.85rem;margin-bottom:22px}.breadcrumb a{text-decoration:none}.breadcrumb span{color:#c3d2e3}
.prose{font-size:1.05rem}.prose h2{margin-top:2.4rem;font-size:2rem;letter-spacing:-.035em}.prose h3{margin-top:1.8rem}.prose p,.prose li{color:#b6c6d8}.prose a{color:#79d6ff}.prose code{padding:.15rem .35rem;border-radius:6px;background:#0d213a;color:#d7edff}.faq{display:grid;gap:12px}.faq details{border:1px solid var(--line);border-radius:16px;background:#091a2e;padding:0 18px}.faq summary{cursor:pointer;padding:18px 0;font-weight:900}.faq details p{margin:0 0 18px;color:var(--muted)}
.builder-shell{width:min(1540px,calc(100% - 24px));margin:22px auto 70px;display:grid;grid-template-columns:minmax(320px,390px) minmax(430px,1fr) minmax(260px,330px);gap:14px;min-height:760px}.builder-panel{border:1px solid #254b72;border-radius:22px;background:linear-gradient(180deg,rgba(12,30,54,.98),rgba(5,16,31,.98));box-shadow:var(--shadow-small);overflow:hidden}.panel-head{min-height:58px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d3c5d;background:#0d213a}.panel-head h2{font-size:1rem;margin:0}.panel-body{padding:16px}.builder-form{display:grid;gap:13px}.field{display:grid;gap:6px}.field label,.field-label{font-weight:850;font-size:.82rem;color:#d6e4f2}.field input,.field textarea,.field select{width:100%;border:1px solid #345877;border-radius:12px;background:#061528;color:#fff;padding:.76rem .82rem;font:inherit}.field textarea{min-height:105px;resize:vertical}.field small{color:#7790aa}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.check{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid #244867;border-radius:10px;color:#bacbdd;font-size:.82rem;background:#071a2e}.check input{accent-color:var(--blue)}.builder-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:6px}.builder-status{padding:10px 12px;border-radius:12px;background:#061426;border:1px solid #22486c;color:#9fb5ca;font-size:.82rem}.builder-status.working{color:#ffe2a5;border-color:#7d6427}.builder-status.success{color:#8ef0be;border-color:#2c7352}.builder-status.error{color:#ff9baa;border-color:#7e3140}.preview-toolbar{display:flex;gap:7px;align-items:center}.preview-toolbar button{border:1px solid #2e5274;background:#07172a;color:#c5d4e5;border-radius:9px;padding:.42rem .55rem}.preview-wrap{height:calc(100% - 58px);background:#dbe4ee;padding:12px}.preview-device{height:100%;margin:auto;background:white;border-radius:16px;box-shadow:0 12px 28px #0004;overflow:hidden;transition:max-width .2s ease}.preview-device.desktop{max-width:100%}.preview-device.tablet{max-width:760px}.preview-device.mobile{max-width:390px}.preview-device iframe{width:100%;height:100%;border:0;background:#fff}.quality-grid{display:grid;gap:10px}.quality-card{padding:14px;border:1px solid #284b6c;border-radius:14px;background:#07182a}.quality-card strong{display:flex;justify-content:space-between;gap:10px}.quality-bar{height:7px;border-radius:99px;background:#172d45;overflow:hidden;margin-top:10px}.quality-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--green));transition:width .45s ease}.file-tree{margin-top:16px;padding:12px;border:1px solid #244866;border-radius:14px;background:#05111f;max-height:260px;overflow:auto;color:#a9bdd1;font:500 .76rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.file-tree div::before{content:"▸ ";color:#65d8ff}.research-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:18px}.research-table th,.research-table td{text-align:left;padding:14px;border-bottom:1px solid #1e3b57;vertical-align:top}.research-table th{background:#0c223d;color:#fff}.research-table td{color:#b9c8d8}.research-table tr:last-child td{border-bottom:0}.research-table strong{color:#fff}
.site-footer{margin-top:0;padding:54px 0 28px;border-top:1px solid rgba(255,255,255,.08);background:#020711}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:28px}.footer-grid h3{font-size:.87rem;text-transform:uppercase;letter-spacing:.08em;color:#dbe8f5}.footer-grid a{display:block;color:#90a5bd;text-decoration:none;margin:.42rem 0;font-size:.9rem}.footer-grid a:hover{color:#fff}.footer-brand p{color:#869bb4;max-width:34ch}.footer-emails{display:grid;gap:4px;margin-top:15px}.footer-emails a{margin:0}.footer-bottom{margin-top:40px;padding-top:23px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;color:#738aa4;font-size:.82rem}
@media(max-width:1180px){.builder-shell{grid-template-columns:350px 1fr}.builder-shell>.builder-panel:last-child{grid-column:1/-1;min-height:280px}.quality-grid{grid-template-columns:repeat(4,1fr)}.file-tree{grid-column:1/-1}.pipeline{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}.footer-grid>div:nth-last-child(2){display:none}}
@media(max-width:960px){.header-inner{grid-template-columns:1fr auto}.primary-nav{display:none;position:absolute;top:78px;left:17px;right:17px;flex-direction:column;align-items:stretch;padding:12px;background:#061427;border:1px solid #31557a;border-radius:16px;box-shadow:var(--shadow)}.primary-nav.open{display:flex}.primary-nav>a,.nav-drop>button{text-align:left}.nav-menu{position:static;transform:none!important;width:100%;opacity:1;visibility:visible;display:none;box-shadow:none;margin-top:4px}.nav-drop.open .nav-menu{display:grid}.header-actions .btn{display:none}.menu-toggle{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{gap:34px}.logo-stage{max-width:800px}.trust-row{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.scoreboard{grid-template-columns:repeat(2,1fr)}.builder-shell{grid-template-columns:1fr}.builder-shell>.builder-panel:last-child{grid-column:auto}.preview-wrap{height:660px}.quality-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:min(100% - 24px,var(--wrap))}.announcement{font-size:.78rem}.hero{padding-top:52px}.hero h1,.page-hero h1{font-size:clamp(2.8rem,14vw,4.1rem)}.hero-actions{display:grid}.hero-actions .btn{width:100%}.prompt-launch{grid-template-columns:1fr}.prompt-launch .btn{width:100%}.trust-row{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.grid-4,.scoreboard{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr 1fr}.cta-panel{flex-direction:column;align-items:flex-start;padding:27px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.field-row,.checks{grid-template-columns:1fr}.builder-shell{width:min(100% - 12px,1540px);margin-top:8px}.preview-wrap{height:560px;padding:7px}.quality-grid{grid-template-columns:1fr}.research-table{display:block;overflow:auto;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}

/* Omega Web Pro v1.1.5 — consolidated production builder */
.builder-form textarea{resize:vertical;min-height:120px}
.builder-form .advanced-prompt textarea{min-height:420px;line-height:1.55}
.prompt-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:8px;color:var(--muted)}
@media(max-width:720px){.prompt-meta{align-items:flex-start;flex-direction:column}.builder-form .advanced-prompt textarea{min-height:340px}}

/* ==========================================================
   OMEGA WEB PRO v1.1.5 — PREMIUM MAIN NAVIGATION
   Metallic 3D navigation inspired by the Omega Web Pro logo.
========================================================== */
.premium-nav{gap:7px;white-space:nowrap}
.primary-nav .nav-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:.58rem .72rem;border:1px solid rgba(105,173,245,.34);border-radius:12px;color:#edf6ff!important;text-decoration:none;font-size:.82rem!important;font-weight:900!important;letter-spacing:.005em;background:linear-gradient(180deg,rgba(26,62,103,.96) 0%,rgba(9,30,58,.98) 54%,rgba(4,17,35,.99) 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.45),0 3px 0 #020a16,0 7px 14px rgba(0,0,0,.32);text-shadow:0 1px 2px rgba(0,0,0,.7);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}
.primary-nav .nav-pill::before{content:"";position:absolute;inset:1px 5px auto;height:38%;border-radius:9px 9px 5px 5px;background:linear-gradient(180deg,rgba(255,255,255,.13),transparent);pointer-events:none}
.primary-nav .nav-pill:hover,.primary-nav .nav-pill:focus-visible{transform:translateY(-2px);border-color:#58c5ff;filter:saturate(1.16) brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 4px 0 #032452,0 10px 22px rgba(0,104,230,.3)}
.primary-nav .nav-pill:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 #020a16,0 5px 12px rgba(0,0,0,.28)}
.primary-nav .nav-pill[aria-current="page"],.primary-nav .nav-drop.active-parent>.nav-pill{color:#160f03!important;border-color:#ffe89a;background:linear-gradient(180deg,#fff3bd 0%,#eeb744 34%,#c98617 72%,#8a5108 100%)!important;box-shadow:inset 0 1px 0 #fff,0 4px 0 #684006,0 10px 22px rgba(215,146,24,.28);text-shadow:0 1px 0 rgba(255,255,255,.35)}
.primary-nav .nav-builder{border-color:#69d4ff;background:linear-gradient(180deg,#2db9ff 0%,#087be6 52%,#0755a8 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 0 #043b82,0 10px 22px rgba(0,111,235,.34)}
.primary-nav .nav-builder[aria-current="page"]{color:#07101d!important;background:linear-gradient(180deg,#fff1aa 0%,#f0c65d 48%,#c98416 100%)!important;border-color:#fff2b4}
.primary-nav .nav-home{padding-inline:.67rem}
.primary-nav .nav-contact{border-color:rgba(239,187,73,.55);background:linear-gradient(180deg,rgba(91,66,17,.96),rgba(45,29,5,.99))!important}
.nav-glyph{position:relative;z-index:1;font-size:.92em;color:#73ceff}.nav-home .nav-glyph,.nav-contact .nav-glyph{color:#ffd878}.nav-builder .nav-glyph{color:#fff7c9}.primary-nav .nav-pill[aria-current="page"] .nav-glyph{color:#5a3505}.nav-caret{font-size:.72em;opacity:.86}
.primary-nav .nav-drop>button{font:inherit;cursor:pointer}
.primary-nav .nav-menu{width:330px;padding:11px;border:1px solid rgba(85,158,226,.42);background:linear-gradient(180deg,rgba(8,25,48,.995),rgba(3,12,26,.995));box-shadow:0 24px 55px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.07)}
.primary-nav .nav-menu-wide{width:350px}
.primary-nav .nav-menu a{border:1px solid transparent;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.primary-nav .nav-menu a:hover,.primary-nav .nav-menu a[aria-current="page"]{background:linear-gradient(180deg,rgba(24,88,150,.45),rgba(8,44,83,.45));border-color:rgba(83,172,255,.28)}
.primary-nav .nav-menu small{display:block;margin-top:2px;color:#8da6bd;font-size:.72rem;line-height:1.3;font-weight:650}
.primary-nav .nav-menu b{color:#fff}
@media(max-width:1420px){.premium-nav{gap:4px}.primary-nav .nav-pill{padding:.54rem .59rem;font-size:.77rem!important}.nav-glyph{display:none}.header-inner{gap:16px}.site-brand-logo img{width:64px}.brand-word{font-size:.94rem}}
@media(max-width:1240px){.primary-nav .nav-pill{padding:.52rem .55rem}}
@media(max-width:1100px){.primary-nav>a:nth-of-type(3){display:none}}
@media(max-width:960px){.premium-nav{gap:7px}.primary-nav .nav-pill{width:100%;justify-content:flex-start;padding:.72rem .78rem;font-size:.9rem!important}.nav-glyph{display:inline}.primary-nav>a:nth-of-type(3),.primary-nav>a:nth-of-type(4){display:flex}.primary-nav .nav-drop>button{width:100%}.primary-nav .nav-menu,.primary-nav .nav-menu-wide{width:100%}.primary-nav .nav-pill:hover,.primary-nav .nav-pill:focus-visible{transform:none}}

/* ==========================================================
   OMEGA WEB PRO v1.4.0 — UNIVERSAL BUILDER STUDIO
   Premium multi-industry configuration workspace.
========================================================== */
.builder-hero{padding-bottom:26px}.builder-hero .lead{max-width:980px}.builder-hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.builder-hero-badges span{padding:.52rem .78rem;border:1px solid rgba(92,173,255,.32);border-radius:999px;background:linear-gradient(180deg,rgba(20,58,99,.86),rgba(6,23,43,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 13px #0005;color:#dff2ff;font-size:.78rem;font-weight:850}
.builder-studio{width:min(1780px,calc(100% - 20px));margin:18px auto 70px;display:grid;grid-template-columns:minmax(420px,520px) minmax(620px,1fr) minmax(270px,340px);gap:14px;align-items:start}.builder-controls{max-height:calc(100vh - 100px);overflow:auto;scrollbar-color:#2d679f #071629}.builder-preview{height:calc(100vh - 100px);min-height:760px;position:sticky;top:92px}.builder-quality{position:sticky;top:92px;max-height:calc(100vh - 100px);overflow:auto}.panel-kicker{margin:0 0 2px;color:#67cfff;text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;font-weight:950}.panel-head>div h2{margin:0}.builder-controls .panel-body{padding:12px}.builder-group{border:1px solid #244b70;border-radius:16px;background:linear-gradient(180deg,rgba(11,31,56,.96),rgba(5,18,34,.96));overflow:hidden}.builder-group+ .builder-group{margin-top:10px}.builder-group>summary{list-style:none;cursor:pointer;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(21,55,91,.76),rgba(8,28,51,.76));border-bottom:1px solid transparent}.builder-group[open]>summary{border-bottom-color:#244b70}.builder-group>summary::-webkit-details-marker{display:none}.builder-group>summary span:first-child{display:grid;gap:2px}.builder-group>summary b{font-size:.9rem;color:#f8fbff}.builder-group>summary small{font-size:.7rem;color:#829bb5;font-weight:600}.summary-glyph{width:28px;height:28px;display:grid;place-items:center;border:1px solid #2e5c87;border-radius:9px;background:#07182c;color:#84d6ff;transition:.18s}.builder-group[open] .summary-glyph{transform:rotate(180deg)}.group-body{padding:14px;display:grid;gap:13px}.builder-form{gap:10px}.builder-form .field input,.builder-form .field textarea,.builder-form .field select{border-color:#315b7f;background:linear-gradient(180deg,#071a2f,#051426);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.builder-form .field input:focus,.builder-form .field textarea:focus,.builder-form .field select:focus{border-color:#41b6ff;box-shadow:0 0 0 3px rgba(41,155,255,.12)}.color-system{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.color-system .field{min-width:0}.color-system input[type=color]{padding:3px;height:43px;cursor:pointer}.recommend-row{display:flex;flex-wrap:wrap;gap:7px}.builder-mini-btn{border:1px solid #38678f;border-radius:11px;padding:.58rem .72rem;background:linear-gradient(180deg,#123b64,#082442);color:#eaf7ff;font-weight:850;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #03101f,0 7px 14px #0003}.builder-mini-btn:hover{border-color:#5cc8ff;transform:translateY(-1px)}.page-catalog,.feature-catalog{display:grid;gap:10px}.page-group{border:1px solid #1e405f;border-radius:13px;background:#06182a;padding:10px}.page-group h3{margin:0 0 8px;color:#bcd8ed;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.choice-card{display:flex;gap:8px;align-items:flex-start;min-width:0;padding:8px 9px;border:1px solid #244865;border-radius:10px;background:linear-gradient(180deg,#092039,#06182b);cursor:pointer}.choice-card:hover{border-color:#3c79a8}.choice-card:has(input:checked){border-color:#238fe3;background:linear-gradient(180deg,#0d3156,#08233f);box-shadow:inset 0 1px 0 #ffffff12}.choice-card input{margin-top:3px;accent-color:#1da1ff}.choice-card span{min-width:0;display:grid;gap:1px}.choice-card b{font-size:.76rem;color:#e9f6ff}.choice-card small{font-size:.63rem;color:#7892aa;line-height:1.25}.feature-choice b{font-size:.72rem}.dynamic-pages{padding:12px;border:1px dashed #315b7d;border-radius:13px;background:#051423}.dynamic-pages h3{margin:0 0 2px;font-size:.87rem}.dynamic-pages>p{margin:0 0 10px;color:#829bb5;font-size:.73rem}.compact-checks{grid-template-columns:repeat(3,1fr)}.premium-build-actions{position:sticky;bottom:-1px;z-index:5;padding:12px 0 2px;background:linear-gradient(180deg,transparent,#071426 24%)}.builder-generate{min-height:58px;font-size:1rem;letter-spacing:.01em;gap:10px;border:1px solid #fff0a3!important;background:linear-gradient(180deg,#fff4bd 0%,#f3c75c 34%,#d68e18 70%,#9a5908 100%)!important;color:#1b1102!important;box-shadow:inset 0 1px 0 #fff,0 5px 0 #704106,0 13px 28px rgba(209,140,22,.3)!important;text-shadow:0 1px 0 #fff8}.builder-generate:hover{transform:translateY(-2px)}.builder-generate:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #fff,0 2px 0 #704106,0 7px 16px rgba(209,140,22,.24)!important}.builder-status{line-height:1.45}.build-summary{margin-top:14px;padding:13px;border:1px solid #294d6d;border-radius:14px;background:#061629}.build-summary h3{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#9ec8e5}.build-summary>div{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;padding:6px 0;border-top:1px solid #183753;font-size:.74rem}.build-summary span{color:#7f97af}.build-summary b{text-align:right;color:#e7f5ff;overflow-wrap:anywhere}.preview-toolbar button{box-shadow:inset 0 1px 0 #ffffff20,0 3px 0 #03101e}.preview-toolbar button.active{color:#04111f;background:linear-gradient(180deg,#90e5ff,#2da7f4);border-color:#b6efff}.builder-preview .preview-wrap{height:calc(100% - 70px)}
@media(max-width:1450px){.builder-studio{grid-template-columns:minmax(400px,470px) minmax(520px,1fr)}.builder-quality{grid-column:1/-1;position:static;max-height:none}.builder-quality .quality-grid{grid-template-columns:repeat(4,1fr)}.builder-quality .build-summary,.builder-quality .file-tree,.builder-quality .notice,.builder-quality #download-project{grid-column:1/-1}}
@media(max-width:1050px){.builder-studio{grid-template-columns:1fr}.builder-controls{max-height:none;overflow:visible}.builder-preview{position:static;height:720px;min-height:620px}.builder-quality{grid-column:auto}.color-system{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.builder-studio{width:min(100% - 10px,1780px);margin-top:8px}.choice-grid,.compact-checks,.field-row{grid-template-columns:1fr}.color-system{grid-template-columns:repeat(2,1fr)}.builder-preview{height:600px}.builder-group>summary{padding:12px}.group-body{padding:11px}.builder-hero-badges{gap:6px}.builder-hero-badges span{font-size:.7rem}}

/* Omega Web Pro v1.4.0 fluid-width shell */
:root{--wrap:1680px}.wrap{width:min(calc(100% - clamp(24px,4vw,72px)),var(--wrap))}.page-hero .wrap>p,.page-hero .wrap>h1,.section-head,.prose{max-width:82ch}.site-header .wrap,.announcement .wrap{max-width:1800px}.builder-studio{width:min(1920px,calc(100% - 16px));grid-template-columns:minmax(430px,540px) minmax(620px,1fr) minmax(280px,360px)}@media(max-width:1450px){.builder-studio{grid-template-columns:minmax(390px,480px) minmax(520px,1fr)}}@media(max-width:1050px){.builder-studio{grid-template-columns:1fr}}@media(max-width:700px){.wrap{width:min(calc(100% - 20px),var(--wrap))}.builder-studio{width:calc(100% - 8px)}}


/* ============================================================
   OMEGA WEB PRO v1.4.2 — LOGO-LED PREMIUM NAV + WIDE HERO SYSTEM
   Site-wide visual upgrade. Keeps v1.4 generator/preview architecture.
   ============================================================ */

/* Full-width premium header shell */
.site-header .wrap{
  width:min(1920px,calc(100% - clamp(18px,2.5vw,48px)));
  max-width:none;
}
.header-inner{
  min-height:112px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px 18px;
  padding:10px 0 12px;
}
.brand{flex:0 0 auto;gap:14px}
.site-header .site-brand-logo img{
  width:144px;
  max-width:18vw;
  min-width:108px;
  border-radius:16px;
  border:1px solid rgba(92,190,255,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 0 0 1px rgba(241,189,68,.08),
    0 10px 0 rgba(0,7,18,.72),
    0 20px 44px rgba(0,0,0,.46),
    0 0 34px rgba(22,139,255,.15);
}
.site-header .brand-word{font-size:1.14rem;letter-spacing:-.02em}
.header-actions{flex:0 0 auto;margin-left:auto}

/* Logo-inspired dual-tone 3D primary navigation */
.primary-nav.premium-nav{
  flex:1 1 880px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
}
.primary-nav .nav-pill{
  isolation:isolate;
  min-height:52px;
  padding:.76rem 1.02rem;
  border:1px solid rgba(125,199,255,.48);
  border-radius:15px;
  overflow:hidden;
  white-space:nowrap;
  color:#f8fbff!important;
  font-size:.94rem!important;
  font-weight:950!important;
  letter-spacing:.01em;
  background:
    linear-gradient(100deg,rgba(20,126,239,.30) 0 42%,rgba(8,18,34,.22) 50%,rgba(234,170,43,.28) 58% 100%),
    linear-gradient(180deg,#17395f 0%,#0c223e 47%,#061426 72%,#030a15 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 1px 0 0 rgba(68,174,255,.20),
    inset -1px 0 0 rgba(255,211,100,.16),
    0 5px 0 #010713,
    0 11px 24px rgba(0,0,0,.38),
    0 0 22px rgba(21,132,244,.08);
  text-shadow:0 2px 3px rgba(0,0,0,.82);
}
.primary-nav .nav-pill::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:1px 5px auto;
  height:42%;
  border-radius:12px 12px 7px 7px;
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.035) 72%,transparent);
  pointer-events:none;
}
.primary-nav .nav-pill::after{
  content:"";
  position:absolute;
  left:7px;right:7px;bottom:3px;height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#168bff 0 46%,#68d1ff 46% 50%,#ffe19a 50% 54%,#f1bd44 54% 100%);
  box-shadow:0 0 10px rgba(66,177,255,.24),0 0 11px rgba(241,189,68,.20);
  opacity:.92;
}
.primary-nav .nav-pill:hover,.primary-nav .nav-pill:focus-visible{
  transform:translateY(-3px);
  border-color:#8fdcff;
  filter:saturate(1.15) brightness(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 7px 0 #031128,
    0 16px 30px rgba(0,74,171,.32),
    0 0 26px rgba(241,189,68,.12);
}
.primary-nav .nav-pill:active{
  transform:translateY(3px);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.32),0 2px 0 #020713,0 7px 14px rgba(0,0,0,.32);
}
.primary-nav .nav-pill[aria-current="page"],.primary-nav .nav-drop.active-parent>.nav-pill{
  color:#0b1320!important;
  border-color:#fff1b8;
  background:
    linear-gradient(100deg,rgba(44,159,255,.88) 0 43%,rgba(255,255,255,.88) 49% 51%,rgba(245,190,66,.96) 57% 100%),
    linear-gradient(180deg,#fff3bd,#dca12d)!important;
  box-shadow:
    inset 0 1px 0 #fff,
    0 6px 0 #65400a,
    0 14px 28px rgba(203,140,22,.30),
    0 0 28px rgba(29,142,255,.18);
  text-shadow:0 1px 0 rgba(255,255,255,.46);
}
.nav-glyph{font-size:1.04em}

/* Wider top-of-page hero blocks with the Omega logo as a watermark */
.hero,.page-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-bottom:1px solid rgba(114,188,255,.13);
  background:
    radial-gradient(circle at 18% 44%,rgba(22,139,255,.12),transparent 34rem),
    radial-gradient(circle at 78% 40%,rgba(241,189,68,.08),transparent 31rem),
    linear-gradient(180deg,rgba(8,25,49,.54),rgba(3,9,22,.10));
}
.hero::before,.page-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-image:url('/assets/images/omegawebpro-com-logo-full.webp');
  background-repeat:no-repeat;
  background-size:clamp(520px,52vw,980px) auto;
  background-position:clamp(10px,5vw,110px) 48%;
  opacity:.105;
  filter:saturate(1.18) contrast(1.08);
  pointer-events:none;
}
.hero::after,.page-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,rgba(3,9,22,.90) 0%,rgba(3,9,22,.72) 42%,rgba(3,9,22,.24) 70%,rgba(3,9,22,.48) 100%);
  pointer-events:none;
}
.hero>.wrap,.page-hero>.wrap{position:relative;z-index:1}
.page-hero{padding:82px 0 68px}
.page-hero .wrap{
  max-width:var(--wrap)!important;
  width:min(calc(100% - clamp(24px,4vw,72px)),var(--wrap));
}
.page-hero h1{
  max-width:22ch!important;
  font-size:clamp(3.15rem,5.8vw,6rem);
}
.page-hero .lead{max-width:96ch!important}
.page-hero .hero-actions{max-width:1100px}
.builder-hero .lead{max-width:105ch!important}

/* Home hero remains split, but its text column uses more of the available width. */
.hero-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);
  gap:clamp(34px,4vw,72px);
}
.hero h1{max-width:14.5ch}

/* Desktop/tablet wrapping guards: never let navigation text escape the viewport. */
@media(max-width:1580px){
  .site-header .site-brand-logo img{width:124px;min-width:96px}
  .site-header .brand-word{font-size:1.02rem}
  .primary-nav.premium-nav{flex-basis:760px;gap:7px}
  .primary-nav .nav-pill{min-height:49px;padding:.68rem .82rem;font-size:.86rem!important}
}
@media(max-width:1320px){
  .header-inner{justify-content:center}
  .brand{margin-right:auto}
  .header-actions{margin-left:0}
  .primary-nav.premium-nav{order:3;flex:1 0 100%;padding-top:4px}
  .primary-nav .nav-pill{font-size:.88rem!important}
}
@media(max-width:1100px){
  .site-header .site-brand-logo img{width:108px;min-width:88px}
  .site-header .brand-word{font-size:.98rem}
}
@media(max-width:960px){
  .header-inner{min-height:96px;display:flex;flex-wrap:nowrap;padding:8px 0}
  .site-header .site-brand-logo img{width:92px;min-width:78px;max-width:24vw}
  .brand{gap:10px}
  .site-header .brand-word{font-size:.92rem}
  .primary-nav.premium-nav{
    display:none;
    position:absolute;
    top:100%;
    left:12px;right:12px;
    width:auto;
    max-height:calc(100vh - 118px);
    overflow:auto;
    padding:14px;
    gap:9px;
    border-radius:20px;
    background:rgba(3,12,25,.985);
    border:1px solid rgba(101,183,255,.34);
    box-shadow:0 24px 60px rgba(0,0,0,.56);
  }
  .primary-nav.premium-nav.open{display:flex;flex-direction:column;align-items:stretch}
  .primary-nav .nav-pill{width:100%;min-height:52px;justify-content:flex-start;padding:.75rem .9rem;font-size:.94rem!important;white-space:normal;line-height:1.25}
  .primary-nav .nav-drop{width:100%}
  .primary-nav .nav-drop>button{width:100%}
  .primary-nav .nav-menu,.primary-nav .nav-menu-wide{width:100%;max-width:none}
  .nav-glyph{display:inline}
  .hero::before,.page-hero::before{background-size:clamp(420px,78vw,720px) auto;background-position:center 46%;opacity:.085}
  .hero::after,.page-hero::after{background:linear-gradient(180deg,rgba(3,9,22,.82),rgba(3,9,22,.52))}
  .page-hero h1{max-width:18ch!important}
}
@media(max-width:650px){
  .site-header .wrap{width:calc(100% - 16px)}
  .header-inner{min-height:84px;gap:8px}
  .site-header .site-brand-logo img{width:80px;min-width:72px;border-radius:12px}
  .site-header .brand-word{font-size:.82rem}
  .menu-toggle{padding:.7rem .8rem}
  .page-hero{padding:58px 0 46px}
  .page-hero .wrap{width:calc(100% - 20px)}
  .page-hero h1{font-size:clamp(2.55rem,12.5vw,4.05rem);max-width:100%!important}
  .page-hero .lead{max-width:100%!important}
  .hero h1{max-width:100%}
  .hero::before,.page-hero::before{background-size:118vw auto;background-position:center 46%;opacity:.07}
}

/* ======================================================================
   OMEGA WEB PRO v1.4.3 — RETRY: LOGO-LED PREMIUM HEADER + WIDE HERO
   This override intentionally supersedes v1.4.2 visual header rules only.
   Generator, Groq, preview, validation and export architecture unchanged.
   ====================================================================== */

/* More usable full-width public shell. */
:root{--wrap:1760px}
.wrap{width:min(calc(100% - clamp(20px,3vw,64px)),var(--wrap))}
.site-header .wrap,.announcement .wrap{width:min(calc(100% - clamp(14px,2vw,40px)),1920px);max-width:none}

/* Premium header: large brand, larger tactile nav, safe wrapping. */
.site-header{
  background:linear-gradient(180deg,rgba(3,10,23,.98),rgba(3,10,23,.94));
  border-bottom:1px solid rgba(80,176,255,.25);
  box-shadow:0 12px 34px rgba(0,0,0,.26);
}
.header-inner{
  min-height:118px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px 22px;
  padding:12px 0 15px;
}
.site-header .brand{gap:15px;min-width:0}
.site-header .site-brand-logo img{
  width:156px;
  height:auto;
  max-width:none;
  min-width:0;
  border-radius:17px;
  border:1px solid rgba(90,192,255,.52);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.2),
    0 0 0 1px rgba(244,190,66,.17),
    0 7px 0 #010714,
    0 18px 35px rgba(0,0,0,.48),
    0 0 30px rgba(25,139,255,.18);
}
.site-header .brand-word{font-size:1.22rem;line-height:1;letter-spacing:-.025em;white-space:nowrap}

.primary-nav.premium-nav{
  min-width:0;
  display:flex;
  flex-wrap:nowrap;
  justify-content:center;
  align-items:center;
  gap:10px;
}
.primary-nav .nav-pill{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:58px;
  padding:.84rem 1.12rem;
  border:1px solid rgba(95,190,255,.65);
  border-radius:16px;
  white-space:nowrap;
  color:#f7fbff!important;
  font-size:.98rem!important;
  line-height:1.05;
  font-weight:950!important;
  text-decoration:none;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(20,126,239,.22),transparent 43%,rgba(241,189,68,.16) 100%),
    linear-gradient(180deg,#183f6c 0%,#0b2748 42%,#06172d 72%,#020a16 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(241,189,68,.18),
    0 6px 0 #010713,
    0 13px 24px rgba(0,0,0,.36),
    0 0 18px rgba(21,134,255,.09);
  text-shadow:0 2px 3px rgba(0,0,0,.9);
  transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.primary-nav .nav-pill::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:2px;left:6px;right:6px;height:44%;
  border-radius:13px 13px 8px 8px;
  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.025));
  pointer-events:none;
}
.primary-nav .nav-pill::after{
  content:"";
  position:absolute;
  left:8px;right:8px;bottom:3px;height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#168bff 0 47%,#8ee7ff 47% 50%,#ffe19a 50% 53%,#f1bd44 53% 100%);
  box-shadow:0 0 8px rgba(52,168,255,.34),0 0 8px rgba(241,189,68,.28);
}
.primary-nav .nav-pill:hover,.primary-nav .nav-pill:focus-visible{
  transform:translateY(-3px);
  border-color:#a7e6ff;
  filter:brightness(1.09) saturate(1.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.43),0 8px 0 #021029,0 18px 28px rgba(0,72,166,.3),0 0 22px rgba(241,189,68,.11);
}
.primary-nav .nav-pill:active{transform:translateY(3px);box-shadow:inset 0 2px 5px rgba(0,0,0,.35),0 2px 0 #010713,0 7px 14px rgba(0,0,0,.34)}
.primary-nav .nav-pill[aria-current="page"],.primary-nav .nav-drop.active-parent>.nav-pill{
  color:#10100d!important;
  border-color:#fff0a7;
  background:linear-gradient(180deg,#fff4bf 0%,#f3c552 42%,#d88e19 72%,#9d5a08 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 6px 0 #724205,0 15px 28px rgba(211,142,24,.29),0 0 24px rgba(36,146,255,.16);
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}
.primary-nav .nav-pill[aria-current="page"]::after,.primary-nav .nav-drop.active-parent>.nav-pill::after{background:linear-gradient(90deg,#0b6ed7,#58c8ff,#fff5c2,#d68b16)}
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.header-actions .btn{min-height:58px;padding:.82rem 1.1rem;border-radius:16px}

/* Hero is genuinely as wide as the rest of each page. */
.hero,.page-hero{position:relative;isolation:isolate;overflow:hidden}
.page-hero{padding:88px 0 72px}
.page-hero .wrap,.hero>.wrap{
  width:min(calc(100% - clamp(20px,3vw,64px)),1760px)!important;
  max-width:none!important;
}
.page-hero .wrap{min-height:360px;display:flex;flex-direction:column;justify-content:center}
.page-hero .wrap>h1{max-width:26ch!important}
.page-hero .wrap>.lead{max-width:105ch!important}
.builder-hero .wrap>h1{max-width:28ch!important}
.builder-hero .lead{max-width:110ch!important}

/* Real logo asset as a large, elegant watermark behind every top heading. */
.hero::before,.page-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-image:url('/assets/images/OMEGAWEBPRO.COM-LOGO.jpg');
  background-repeat:no-repeat;
  background-size:clamp(640px,48vw,1040px) auto;
  background-position:right clamp(20px,6vw,120px) center;
  opacity:.105;
  filter:saturate(1.08) contrast(1.08);
  pointer-events:none;
}
.hero::after,.page-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,rgba(3,9,22,.96) 0%,rgba(3,9,22,.87) 38%,rgba(3,9,22,.52) 66%,rgba(3,9,22,.62) 100%);
  pointer-events:none;
}
.hero>.wrap,.page-hero>.wrap{position:relative;z-index:1}

/* Preserve home split-hero image stage above the watermark. */
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(36px,4vw,76px);align-items:center}
.hero h1{max-width:15ch}
.logo-stage{z-index:2}

/* Wide screens: keep one polished navigation row. */
@media (min-width:1651px){
  .header-inner{grid-template-columns:auto minmax(850px,1fr) auto}
}

/* Mid desktops: nav gets its own centered second row before text can overflow. */
@media (max-width:1650px) and (min-width:961px){
  .header-inner{grid-template-columns:auto 1fr auto}
  .primary-nav.premium-nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;padding:3px 0 2px}
  .primary-nav .nav-pill{min-height:53px;padding:.72rem .96rem;font-size:.91rem!important}
  .site-header .site-brand-logo img{width:138px}
  .site-header .brand-word{font-size:1.1rem}
}

/* Tablet/mobile: large brand remains, nav becomes a contained vertical premium menu. */
@media(max-width:960px){
  .header-inner{min-height:94px;display:flex;flex-wrap:nowrap;gap:10px;padding:8px 0 10px}
  .site-header .site-brand-logo img{width:112px;max-width:31vw;border-radius:14px}
  .site-header .brand-word{font-size:.95rem}
  .header-actions{margin-left:auto}
  .header-actions .btn{display:none}
  .menu-toggle{display:inline-flex;min-height:48px;align-items:center;justify-content:center;border-radius:14px}
  .primary-nav.premium-nav{
    display:none;
    position:absolute;
    top:100%;left:8px;right:8px;
    width:auto;
    max-height:calc(100vh - 112px);
    overflow:auto;
    padding:14px;
    border:1px solid rgba(90,184,255,.45);
    border-radius:20px;
    background:rgba(3,12,25,.99);
    box-shadow:0 28px 65px rgba(0,0,0,.6);
  }
  .primary-nav.premium-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .primary-nav .nav-pill{width:100%;min-height:54px;justify-content:flex-start;white-space:normal;font-size:.96rem!important}
  .primary-nav .nav-drop,.primary-nav .nav-drop>button{width:100%}
  .primary-nav .nav-menu,.primary-nav .nav-menu-wide{width:100%;max-width:none}
  .page-hero{padding:64px 0 52px}
  .page-hero .wrap{min-height:300px}
  .hero::before,.page-hero::before{background-size:clamp(460px,82vw,760px) auto;background-position:center 50%;opacity:.075}
  .hero::after,.page-hero::after{background:linear-gradient(180deg,rgba(3,9,22,.89),rgba(3,9,22,.66))}
  .page-hero .wrap>h1{max-width:20ch!important}
  .hero-grid{grid-template-columns:1fr}
}

@media(max-width:650px){
  .site-header .wrap{width:calc(100% - 14px)}
  .header-inner{min-height:84px}
  .site-header .site-brand-logo img{width:94px;max-width:29vw}
  .site-header .brand-word{font-size:.8rem}
  .menu-toggle{min-height:44px;padding:.62rem .72rem}
  .page-hero .wrap,.hero>.wrap{width:calc(100% - 20px)!important}
  .page-hero .wrap{min-height:250px}
  .page-hero h1{font-size:clamp(2.45rem,12vw,4rem);max-width:100%!important}
  .page-hero .lead{max-width:100%!important}
  .hero h1{max-width:100%}
  .hero::before,.page-hero::before{background-size:122vw auto;background-position:center 48%;opacity:.06}
}
/* =========================================================
   OMEGA WEB PRO — SITE-WIDE TYPOGRAPHY COLOUR UPGRADE
   H1/H2 premium gradient + brighter readable body text
   ========================================================= */

/* ---------------------------------------------------------
   H1 + H2 — PREMIUM OMEGA GRADIENT
   White → Ice Blue → Electric Blue → Gold
   --------------------------------------------------------- */

h1,
h2,
.hero h1,
.page-hero h1,
.section-head h2,
.cta h2,
.builder-hero h1,
.builder-panel h2,
.card h2 {
    color: #ffffff; /* fallback */
    background: linear-gradient(
        100deg,
        #ffffff 0%,
        #f7fbff 24%,
        #bfe4ff 46%,
        #5bbcff 66%,
        #f4c95d 86%,
        #ffe28a 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08),
        0 8px 28px rgba(36, 151, 255, 0.12);

    /* Keeps wrapping and responsive sizing controlled
       by your existing site.css */
    font-size: inherit;
    line-height: inherit;
}

/* Keep explicitly accented text visually compatible */
h1 .hero-title-accent,
h1 .gradient-text,
h2 .gradient-text {
    background: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}


/* ---------------------------------------------------------
   BODY COPY — BRIGHTER FOR DARK BACKGROUNDS
   --------------------------------------------------------- */

body {
    color: #eef6ff;
}

/* Main paragraphs and ordinary content */
p,
li,
dd,
blockquote,
.section p,
.card p,
.hero .lead,
.page-hero .lead,
.cta p,
.builder-panel p,
.builder-status,
.build-summary,
.file-tree,
.footer-brand p {
    color: #e1edf8;
}

/* Secondary / supporting text
   Brighter than the old muted grey */
small,
.field small,
.panel-kicker + *,
.breadcrumb,
.prompt-meta,
.quality-note,
.builder-hero-badges,
.hero-proof,
.footer-bottom,
.card small,
.nav-menu small {
    color: #c8d8e8;
}

/* Existing muted utility classes */
.muted,
.text-muted,
.subtle,
.secondary,
.lead-muted {
    color: #cbdbea !important;
}


/* ---------------------------------------------------------
   LINKS — KEEP CLEAR AGAINST BRIGHTER BODY COPY
   --------------------------------------------------------- */

main a:not(.btn):not(.nav-pill),
.site-footer a,
.mini-link {
    color: #8fd0ff;
}

main a:not(.btn):not(.nav-pill):hover,
.site-footer a:hover,
.mini-link:hover {
    color: #ffd86a;
}


/* ---------------------------------------------------------
   ACCESSIBILITY / HIGH-CONTRAST FALLBACK
   If background-clip text is unavailable, headings remain
   fully visible white.
   --------------------------------------------------------- */

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    h1,
    h2,
    .hero h1,
    .page-hero h1,
    .section-head h2,
    .cta h2,
    .builder-hero h1,
    .builder-panel h2,
    .card h2 {
        background: none;
        -webkit-text-fill-color: initial;
        color: #ffffff;
    }
}


/* ---------------------------------------------------------
   MOBILE — retain clean readability
   --------------------------------------------------------- */

@media (max-width: 760px) {
    h1,
    h2 {
        text-shadow:
            0 1px 0 rgba(255, 255, 255, 0.05),
            0 4px 18px rgba(36, 151, 255, 0.08);
    }

    p,
    li,
    .lead {
        color: #e6f0f9;
    }

    small,
    .muted,
    .text-muted,
    .subtle {
        color: #cfdeeb !important;
    }
}

/* ==========================================================
   OMEGA WEB PRO — SITE-WIDE PREMIUM HEADING SYSTEM
   H1 = White / Ice Blue / Electric Blue
   H2 = White / Champagne / Omega Gold
   Preserves all existing responsive font sizes and layouts.
   ========================================================== */


/* ---------------------------------------------------------
   H1 — PRIMARY OMEGA BLUE GRADIENT
   White → Ice → Cyan → Electric Blue → Soft White
   --------------------------------------------------------- */

h1,
.hero h1,
.page-hero h1,
.builder-hero h1 {
    color: #ffffff;

    background-image: linear-gradient(
        105deg,
        #ffffff 0%,
        #f8fcff 18%,
        #d9f1ff 34%,
        #8fd7ff 50%,
        #36a9ff 67%,
        #168bff 82%,
        #d9f2ff 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    text-shadow:
        0 1px 0 rgba(255,255,255,.06),
        0 8px 30px rgba(22,139,255,.13);
}


/* ---------------------------------------------------------
   H2 — SECONDARY OMEGA GOLD GRADIENT
   White → Champagne → Gold → Warm Gold → Ice
   --------------------------------------------------------- */

h2,
.section h2,
.section-head h2,
.cta h2,
.cta-panel h2,
.builder-panel h2,
.card h2,
.prose h2 {
    color: #ffffff;

    background-image: linear-gradient(
        105deg,
        #ffffff 0%,
        #fffaf0 18%,
        #ffe9a8 38%,
        #f4c95d 58%,
        #e6aa2e 76%,
        #ffe18a 88%,
        #f4fbff 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    text-shadow:
        0 1px 0 rgba(255,255,255,.06),
        0 8px 28px rgba(241,189,68,.12);
}


/* ---------------------------------------------------------
   IMPORTANT — ACCENT SPANS INSIDE H1/H2
   Allow the parent heading gradient to remain continuous.
   --------------------------------------------------------- */

h1 .hero-title-accent,
h1 .gradient-text,
h2 .gradient-text {
    background: inherit;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}


/* ---------------------------------------------------------
   ACCESSIBILITY FALLBACK
   --------------------------------------------------------- */

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {

    h1,
    h2,
    .hero h1,
    .page-hero h1,
    .builder-hero h1,
    .section h2,
    .section-head h2,
    .cta h2,
    .cta-panel h2,
    .builder-panel h2,
    .card h2,
    .prose h2 {
        background: none;
        -webkit-text-fill-color: initial;
        color: #ffffff;
    }
}

/* ==========================================================
   OMEGA WEB PRO — FINAL SITE-WIDE H1 / H2 HEADING SYSTEM
   H1 = White → Gold → White → Blue
   H2 = Blue → White → Gold → White
   ========================================================== */


/* ----------------------------------------------------------
   H1 — MAIN PAGE HEADINGS
   Approx. twice the previous visual size
   ---------------------------------------------------------- */

h1,
.hero h1,
.page-hero h1,
.builder-hero h1 {
    font-size: clamp(5rem, 10vw, 9rem) !important;
    line-height: .90 !important;
    letter-spacing: -.065em !important;
    font-weight: 950 !important;

    color: #ffffff !important;

    background-image: linear-gradient(
        100deg,
        #ffffff 0%,
        #fffdf7 14%,
        #ffe7a0 30%,
        #f1bd44 43%,
        #ffffff 57%,
        #dff3ff 69%,
        #68c9ff 82%,
        #168bff 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.07),
        0 10px 32px rgba(22,139,255,.12) !important;
}


/* ----------------------------------------------------------
   H2 — OPPOSITE OMEGA GRADIENT
   Blue → White → Gold → White
   ---------------------------------------------------------- */

h2,
.section h2,
.section-head h2,
.cta h2,
.cta-panel h2,
.builder-panel h2,
.card h2,
.prose h2 {
    font-size: clamp(3rem, 5.5vw, 5.4rem) !important;
    line-height: .96 !important;
    letter-spacing: -.05em !important;
    font-weight: 950 !important;

    color: #ffffff !important;

    background-image: linear-gradient(
        100deg,
        #168bff 0%,
        #68c9ff 18%,
        #dff3ff 32%,
        #ffffff 45%,
        #f1bd44 62%,
        #ffe7a0 78%,
        #ffffff 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.06),
        0 8px 28px rgba(241,189,68,.11) !important;
}


/* ----------------------------------------------------------
   SPANS INSIDE H1 / H2
   Keep gradient continuous through nested spans
   ---------------------------------------------------------- */

h1 span,
h2 span,
h1 .hero-title-accent,
h1 .gradient-text,
h2 .gradient-text {
    background: inherit !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;

    -webkit-text-fill-color: transparent !important;
    color: transparent !important;

    font: inherit !important;
}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media (max-width: 960px) {

    h1,
    .hero h1,
    .page-hero h1,
    .builder-hero h1 {
        font-size: clamp(4.3rem, 9vw, 7rem) !important;
    }

    h2,
    .section h2,
    .section-head h2,
    .cta h2,
    .cta-panel h2,
    .builder-panel h2,
    .card h2,
    .prose h2 {
        font-size: clamp(2.7rem, 6vw, 4.6rem) !important;
    }
}


/* ----------------------------------------------------------
   MOBILE
   Large, but still contained inside the viewport
   ---------------------------------------------------------- */

@media (max-width: 650px) {

    h1,
    .hero h1,
    .page-hero h1,
    .builder-hero h1 {
        font-size: clamp(3.8rem, 15vw, 5.8rem) !important;
        line-height: .92 !important;
        max-width: 100% !important;
        overflow-wrap: normal;
        word-break: normal;
    }

    h2,
    .section h2,
    .section-head h2,
    .cta h2,
    .cta-panel h2,
    .builder-panel h2,
    .card h2,
    .prose h2 {
        font-size: clamp(2.45rem, 10vw, 3.8rem) !important;
        line-height: .98 !important;
    }
}


/* ----------------------------------------------------------
   FALLBACK FOR BROWSERS WITHOUT GRADIENT TEXT SUPPORT
   ---------------------------------------------------------- */

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {

    h1,
    h2,
    .hero h1,
    .page-hero h1,
    .builder-hero h1,
    .section h2,
    .section-head h2,
    .cta h2,
    .cta-panel h2,
    .builder-panel h2,
    .card h2,
    .prose h2 {
        background: none !important;
        -webkit-text-fill-color: initial !important;
        color: #ffffff !important;
    }
}

/* ========================================================================
   OMEGA WEB PRO
   HERO BACKGROUND IMAGE — 50% VISIBLE SITE-WIDE
   ------------------------------------------------------------------------
   PLACE AT THE VERY BOTTOM OF:
   /assets/css/site.css

   Makes the Omega hero background image substantially more visible
   in the TOP HERO AREA of every page while keeping text readable.
   ======================================================================== */


/* Main hero background image */
.hero::before,
.page-hero::before {
    opacity: 0.50 !important;

    filter:
        saturate(1.12)
        contrast(1.08)
        brightness(0.92) !important;

    background-size:
        clamp(640px, 48vw, 1040px)
        auto !important;

    background-position:
        right clamp(20px, 6vw, 120px)
        center !important;
}


/* Reduce the dark covering layer so the image can actually be seen */
.hero::after,
.page-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(3, 9, 22, 0.88) 0%,
            rgba(3, 9, 22, 0.72) 35%,
            rgba(3, 9, 22, 0.30) 65%,
            rgba(3, 9, 22, 0.34) 100%
        ) !important;
}


/* ========================================================================
   TABLET
   ======================================================================== */

@media (max-width: 960px) {

    .hero::before,
    .page-hero::before {
        opacity: 0.50 !important;

        background-size:
            clamp(460px, 82vw, 760px)
            auto !important;

        background-position:
            center 50% !important;
    }

    .hero::after,
    .page-hero::after {
        background:
            linear-gradient(
                180deg,
                rgba(3, 9, 22, 0.68) 0%,
                rgba(3, 9, 22, 0.42) 55%,
                rgba(3, 9, 22, 0.55) 100%
            ) !important;
    }
}


/* ========================================================================
   MOBILE
   ======================================================================== */

@media (max-width: 650px) {

    .hero::before,
    .page-hero::before {
        opacity: 0.50 !important;

        background-size:
            122vw
            auto !important;

        background-position:
            center 48% !important;

        filter:
            saturate(1.08)
            contrast(1.05)
            brightness(0.88) !important;
    }

    .hero::after,
    .page-hero::after {
        background:
            linear-gradient(
                180deg,
                rgba(3, 9, 22, 0.62) 0%,
                rgba(3, 9, 22, 0.36) 52%,
                rgba(3, 9, 22, 0.52) 100%
            ) !important;
    }
}

/* ========================================================================
   OMEGA WEB PRO
   PREMIUM 3D CONTENT LINKS — SITE-WIDE
   ------------------------------------------------------------------------
   PLACE AT THE VERY BOTTOM OF:
   /assets/css/site.css

   PURPOSE
   - Turns normal text links inside MAIN PAGE CONTENT into premium buttons
   - Smaller and visually different from the main top navigation buttons
   - Does NOT alter:
       * Header/navigation links
       * Logo/brand links
       * Footer links
       * Existing .btn buttons
       * Existing .button buttons
       * Skip links
       * Image-only links
       * Builder controls
   ======================================================================== */


/* ========================================================================
   1. NORMAL CONTENT LINKS
   ======================================================================== */

main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)) {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    vertical-align: middle;

    min-height: 38px;

    margin:
        3px
        3px;

    padding:
        8px
        13px
        7px;

    border:
        1px solid rgba(76, 199, 238, 0.38);

    border-radius: 10px;

    background:
        linear-gradient(
            180deg,
            rgba(24, 72, 105, 0.98) 0%,
            rgba(14, 49, 77, 0.99) 48%,
            rgba(8, 32, 54, 1) 100%
        );

    color: #eaf8ff;

    font-size: 0.91em;
    font-weight: 800;
    line-height: 1.15;

    letter-spacing: 0.005em;

    text-align: center;
    text-decoration: none !important;

    white-space: normal;
    overflow-wrap: break-word;

    cursor: pointer;

    text-shadow:
        0 1px 0 rgba(255, 255, 255, 0.12),
        0 2px 4px rgba(0, 0, 0, 0.48);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        inset 0 -1px 0 rgba(0, 0, 0, 0.28),
        0 3px 0 #061a2b,
        0 6px 12px rgba(0, 0, 0, 0.26),
        0 0 14px rgba(48, 185, 230, 0.055);

    transform:
        translateY(0);

    transition:
        transform 150ms ease,
        box-shadow 150ms ease,
        border-color 150ms ease,
        background 150ms ease,
        color 150ms ease,
        filter 150ms ease;
}


/* ========================================================================
   2. SUBTLE PREMIUM TOP HIGHLIGHT
   ------------------------------------------------------------------------
   Gives content links a polished raised surface without copying the
   larger navigation-button design exactly.
   ======================================================================== */

main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img))::before {
    content: "";

    position: absolute;

    top: 2px;
    left: 7px;
    right: 7px;

    height: 34%;

    border-radius:
        7px
        7px
        4px
        4px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.11),
            rgba(255, 255, 255, 0)
        );

    pointer-events: none;

    opacity: 0.72;
}


/* ========================================================================
   3. LOWER CYAN DETAIL
   ======================================================================== */

main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img))::after {
    content: "";

    position: absolute;

    left: 22%;
    right: 22%;
    bottom: 2px;

    height: 1px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(76, 221, 255, 0.48),
            transparent
        );

    pointer-events: none;

    opacity: 0.58;
}


/* ========================================================================
   4. HOVER — SMALLER LIFT THAN TOP NAVIGATION
   ======================================================================== */

@media (hover: hover) and (pointer: fine) {

    main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)):hover {
        color: #ffffff;

        border-color:
            rgba(91, 222, 255, 0.72);

        background:
            linear-gradient(
                180deg,
                rgba(29, 94, 133, 1) 0%,
                rgba(17, 65, 99, 1) 48%,
                rgba(9, 42, 68, 1) 100%
            );

        transform:
            translateY(-2px);

        filter:
            brightness(1.10)
            saturate(1.08);

        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.24),
            inset 0 -1px 0 rgba(0, 0, 0, 0.24),
            0 5px 0 #061a2b,
            0 9px 17px rgba(0, 0, 0, 0.32),
            0 0 20px rgba(57, 200, 244, 0.12);
    }
}


/* ========================================================================
   5. PRESSED / ACTIVE STATE
   ======================================================================== */

main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)):active {
    transform:
        translateY(2px);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.11),
        inset 0 -1px 0 rgba(0, 0, 0, 0.30),
        0 1px 0 #061a2b,
        0 3px 7px rgba(0, 0, 0, 0.27);

    filter:
        brightness(0.96);
}


/* ========================================================================
   6. KEYBOARD ACCESSIBILITY
   ======================================================================== */

main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)):focus-visible {
    outline:
        2px solid #75e8ff;

    outline-offset:
        3px;

    border-color:
        #75e8ff;

    color:
        #ffffff;
}


/* ========================================================================
   7. LINKS INSIDE PARAGRAPHS
   ------------------------------------------------------------------------
   Gives text surrounding the new button enough breathing room.
   ======================================================================== */

main p > a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)),
main li > a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)) {
    margin-top:
        4px;

    margin-bottom:
        4px;
}


/* ========================================================================
   8. EMAIL + TELEPHONE CONTENT LINKS
   ------------------------------------------------------------------------
   Slightly different graphite/cyan treatment for contact actions.
   ======================================================================== */

main a[href^="mailto:"]:not(.btn):not(.button),
main a[href^="tel:"]:not(.btn):not(.button) {
    border-color:
        rgba(95, 180, 218, 0.36);

    background:
        linear-gradient(
            180deg,
            #18354c 0%,
            #10283d 50%,
            #0a1c2d 100%
        );

    color:
        #eaf7ff;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.14),
        0 3px 0 #06131f,
        0 6px 12px rgba(0, 0, 0, 0.25);
}


/* ========================================================================
   9. MOBILE / TABLET
   ======================================================================== */

@media (max-width: 720px) {

    main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)) {
        min-height:
            40px;

        padding:
            9px
            12px
            8px;

        border-radius:
            9px;

        font-size:
            0.89em;

        line-height:
            1.2;
    }
}


/* ========================================================================
   10. REDUCED MOTION
   ======================================================================== */

@media (prefers-reduced-motion: reduce) {

    main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)) {
        transition:
            none !important;
    }

    main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)):hover,
    main a:not(.btn):not(.button):not(.brand):not(.skip-link):not([class*="image"]):not(:has(img)):active {
        transform:
            none !important;
    }
}

/* ========================================================================
   OMEGA WEB PRO — HOW IT WORKS TOP-NAV VISIBILITY FIX
   ------------------------------------------------------------------------
   Keeps /how-it-works.html as a standalone top-level navigation button
   at every breakpoint where the primary navigation itself is visible.
   Mobile still follows the existing collapsed Menu behaviour.
   ======================================================================== */
.primary-nav > a[data-nav-path="/how-it-works.html"]{
    display:inline-flex !important;
}

@media (max-width:960px){
    .primary-nav > a[data-nav-path="/how-it-works.html"]{
        display:flex !important;
    }
}

.licence-terms-note{
    margin-top:18px;
    padding:15px 17px;
    border:1px solid rgba(255,211,92,.34);
    border-radius:14px;
    background:rgba(255,204,60,.07);
    color:#dbeeff;
    font-size:.94rem;
    line-height:1.6;
}

.licence-terms-note strong{
    color:#ffd75f;
}

.licence-terms-note a{
    display:inline-block;
    margin-left:5px;
    color:#ffd75f;
    font-weight:900;
    text-decoration:underline;
    text-underline-offset:3px;
}

.licence-terms-note a:hover,
.licence-terms-note a:focus-visible{
    color:#ffffff;
}

/* ==========================================================
   OMEGA WEB PRO
   HOME HERO — PREMIUM TOP-CENTRED LOGO
   FINAL RESPONSIVE SIZE + POSITION
   ========================================================== */

/*
 * Full-width logo row.
 * This removes the hero logo from the old right-side visual
 * relationship and centres it above the hero content.
 */
.hero .hero-logo-top {
    width: 100%;
    max-width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    margin: 0 auto 1.75rem;
    padding: 0;

    text-align: center;
}


/*
 * DESKTOP
 *
 * 64% gives the logo strong flagship presence without
 * overpowering the headline and primary Builder CTA.
 *
 * 940px prevents it becoming excessively large on
 * very wide monitors.
 */
.hero .hero-logo-top picture {
    display: block;

    width: 64%;
    max-width: 940px;

    margin: 0 auto;
    padding: 0;
}


/*
 * Preserve the original logo proportions.
 */
.hero .hero-logo-top img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0 auto;
    padding: 0;

    object-fit: contain;
}


/* ==========================================================
   HERO CONTENT UNDER LOGO
   ========================================================== */

.hero .hero-content-centred {
    width: min(1100px, 100%);

    margin: 0 auto;

    text-align: center;
}


/*
 * Main headline.
 */
.hero .hero-content-centred h1 {
    max-width: 1050px;

    margin-left: auto;
    margin-right: auto;
}


/*
 * NZ$999 licence tagline.
 */
.hero .hero-content-centred .hero-tagline {
    max-width: 950px;

    margin-left: auto;
    margin-right: auto;
}


/*
 * Main descriptive paragraph.
 */
.hero .hero-content-centred .lead {
    max-width: 1000px;

    margin-left: auto;
    margin-right: auto;
}


/*
 * Builder prompt.
 */
.hero .hero-content-centred .prompt-launch {
    width: min(900px, 100%);

    margin-left: auto;
    margin-right: auto;
}


/*
 * Proof / benefit badges.
 */
.hero .hero-content-centred .hero-proof {
    justify-content: center;
}


/* ==========================================================
   LARGE TABLET / SMALL LAPTOP
   ========================================================== */

@media (max-width: 1200px) {

    .hero .hero-logo-top picture {
        width: 68%;
        max-width: 900px;
    }

}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .hero .hero-logo-top {
        margin-bottom: 1.5rem;
    }

    .hero .hero-logo-top picture {
        width: 76%;
        max-width: 820px;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 768px) {

    .hero .hero-logo-top {
        margin-bottom: 1.25rem;
    }

    .hero .hero-logo-top picture {
        width: 88%;
        max-width: 650px;
    }

    .hero .hero-content-centred {
        width: 100%;
    }

}


/* ==========================================================
   SMALL MOBILE
   ========================================================== */

@media (max-width: 480px) {

    .hero .hero-logo-top {
        margin-bottom: 1rem;
    }

    .hero .hero-logo-top picture {
        width: 94%;
        max-width: 100%;
    }

}