
:root{
 color-scheme:dark;--bg:#030a0e;--surface:#07131b;--gold:#ffcd47;--cyan:#00dcf5;
 --white:#f2f5f6;--muted:#c4d1d9;--line:#17414e;--max:1480px;
 --metal:linear-gradient(180deg,#fffcdd 0%,#ffebac 24%,#ffd15b 43%,#c97b07 54%,#ffc22c 65%,#ffecac 83%,#af6100 100%);
 --silver:linear-gradient(180deg,#fff 12%,#f5f7f8 35%,#b6c1c6 53%,#edf2f5 75%,#fff 100%);
}
*{box-sizing:border-box}html{height:100%;overflow:hidden;background:var(--bg)}
body{margin:0;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:var(--white);background:var(--bg);font:17px/1.65 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}img,svg{display:block}img{max-width:100%;height:auto}p{margin:0 0 21px}p:last-child{margin:0}h1,h2,h3{margin:0;line-height:1.16;letter-spacing:-.025em;font-weight:700}h1{font-size:clamp(40px,4vw,62px)}h2{font-size:clamp(28px,2.8vw,42px)}h3{font-size:23px;letter-spacing:-.02em}
h1,h2{color:#f1f5f7}h1:not(.plain){background:var(--silver);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #ffffff1c)}
.gold{background:var(--metal);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 7px #f7ad1d42)}.cyan{color:var(--cyan)}.muted{color:var(--muted)}
[hidden]{display:none!important}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}h1:focus{outline:none}.wrap{width:min(calc(100% - 100px),var(--max));margin-inline:auto;position:relative}
.skip{position:fixed;top:8px;left:12px;z-index:100;background:#ffe8a5;color:#101010;padding:8px 14px;transform:translateY(-180%)}.skip:focus{transform:none}
/* A genuinely persistent shell. Its content changes; it does not scroll to other pages. */
.site-header{flex:none;position:relative;z-index:30;background:linear-gradient(110deg,#02090dfc,#020a0df2);padding-top:env(safe-area-inset-top,0px);box-shadow:0 6px 22px #0008}
.header-inner{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:38px}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0;padding-block:7px}.brand-emblem{width:84px;height:84px;object-fit:contain}.brand-word{display:flex;flex-direction:column;align-items:center;gap:7px}.brand-word img{width:310px}.brand-word span{background:var(--metal);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:600;font-size:15px;letter-spacing:11px;padding-left:11px;line-height:1.2;text-shadow:0 0 15px #ffc12d22}
.header-rail{position:absolute;bottom:-21px;height:24px;width:100%;pointer-events:none;filter:drop-shadow(0 0 5px #00d8ff55)}.header-rail svg{width:100%;height:100%}
.main-nav{display:flex;align-items:center;gap:36px}.view-tab{appearance:none;border:0;position:relative;background:none;font-size:17px;font-weight:600;white-space:nowrap;padding:26px 7px;min-height:48px}.view-tab:hover{color:#ffe3a0}.view-tab[aria-selected=true]{color:#ffefaa;text-shadow:0 0 13px #ffcc40a0}.view-tab[aria-selected=true]:after{content:'';position:absolute;bottom:8px;left:2px;right:2px;height:2px;background:linear-gradient(90deg,#936000,#fff4b3,#f6b900);box-shadow:0 0 7px #ffba16,0 0 17px #f4b52c80}
#view-frame{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#36606d #02080b;position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 20%,#05323b38,transparent 53%),#030a0e}
#view-frame:before{content:none}
#content{position:relative;min-height:calc(100% - 125px)}.page{min-height:0;overflow:hidden}.hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #1b5962;}
.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 73% 50%,#0a4b5735,transparent 60%),linear-gradient(90deg,#0008,transparent 75%)}
.hero:after{content:none}
.hero-inner{display:grid;grid-template-columns:1.04fr 1fr;gap:18px;align-items:center;min-height:550px;padding:65px 0 58px}.hero-copy{position:relative;z-index:3;min-width:0;padding-block:14px}.hero .lead{font-size:21px;line-height:1.55;max-width:610px;margin-top:26px;color:#dde6ec;text-shadow:0 2px 8px #000}
.eyebrow{display:flex;align-items:center;gap:15px;font-size:14px;line-height:1.6;font-weight:600;letter-spacing:.32em;color:#59efff;margin-bottom:20px}.eyebrow:after{content:'';width:90px;height:1px;background:linear-gradient(90deg,#ffc748b0,transparent)}
.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;position:relative;min-height:53px;padding:12px 26px;border:1.5px solid #ffd65c;border-radius:8px;color:#fff;font-size:17px;font-weight:650;line-height:1.3;background:linear-gradient(160deg,#67440044,#080d10 45%);box-shadow:0 0 5px #f9c84599,0 0 18px #f7b72d44,inset 0 0 13px #ffbc2425;text-shadow:0 1px 4px #000;transition:filter .18s,box-shadow .18s;isolation:isolate}
.button:before{content:'';position:absolute;inset:-1.5px;border-radius:8px;border-top:1px solid #fff4c1;border-bottom:1px solid #ad6c0b;pointer-events:none;opacity:.9}
.button:hover{filter:brightness(1.18);box-shadow:0 0 8px #f9c845b0,0 0 24px #f7b72d66,inset 0 0 13px #ffbc242f}.button.secondary{border-color:#00e4ff;background:linear-gradient(150deg,#02415180,#020b10 65%);box-shadow:0 0 6px #00dcf5a0,0 0 18px #00dcf53f,inset 0 0 12px #00dcf52f}.button.secondary:before{border-color:#95f7ff;border-bottom-color:#007b99}
.button svg,.text-link svg{width:21px;height:21px;flex-shrink:0}.text-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#4aeaff;font-size:17px;font-weight:550}.text-link:hover{color:#bbfaff;text-decoration:underline;text-underline-offset:5px}
.hero-art{display:flex;align-items:center;justify-content:center;min-width:0;position:relative;align-self:stretch}.hero-art img{mix-blend-mode:screen;max-width:none;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent)}
.home-art{margin:-43px -60px -50px -45px}.home-art img{width:100%;min-width:100%}
.gear-art{margin:0 -48px 0 -20px}.gear-art img{width:110%;filter:drop-shadow(0 0 10px #0095b822)}
.about-art{margin:-12px -60px -28px -20px}.about-art img{width:109%;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 94%,transparent)}
#view-about .hero-inner{grid-template-columns:1.12fr 1fr}#view-about h1{font-size:clamp(38px,3.6vw,56px)}
/* Feature icons are retained from the original image. IT Solutions is content, not a tab. */
.feature-band{position:relative;border-bottom:1px solid #836d25;background:linear-gradient(180deg,#041017a0,#01070cc7);box-shadow:0 1px 12px #00b8d21a}
.feature-band:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#754500,#ffcc31 20%,#c8edbd 50%,#00d9f5 78%,#154a53);box-shadow:0 0 12px #e7c44266}
.features{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0 35px}.feature{position:relative;text-align:center;padding:0 22px}.feature+.feature:before{content:'';position:absolute;left:0;top:17px;bottom:10px;width:1px;background:linear-gradient(transparent,#a17628bb,#15617199,transparent)}.feature-icon{width:66px;height:66px;object-fit:contain;margin:0 auto 14px;mix-blend-mode:screen}.feature h2{font-size:22px;line-height:1.25;color:#fff}.feature p{font-size:16px;color:#d9e3e9;line-height:1.55;margin-top:10px}
.section{padding-block:58px}.section+.section{border-top:1px solid #14506477}.editorial{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:65px}.editorial .body{border-left:1px solid #54817c88;padding-left:40px;font-size:18px;color:var(--muted)}.editorial .text-link{margin-top:4px}.section-heading,.prose h2{margin-bottom:26px}.section-heading:before,.small-rule:before{content:'';display:block;width:55px;height:2px;margin-bottom:20px;background:linear-gradient(90deg,#ffeab1,#e59d15);box-shadow:0 0 8px #ffc42466}
.callout{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;margin:0 auto 55px;border:1px solid #3b7477;border-radius:9px;background:linear-gradient(130deg,#07141edb,#020b10d9);box-shadow:0 0 18px #009bb419,inset 0 0 17px #07bed30a}.callout:before{content:'';position:absolute;top:-1px;left:20px;right:20px;height:1px;background:linear-gradient(90deg,#ffe8a0,transparent 58%,#36ecff);box-shadow:0 0 9px #ffbd2a66}.callout h2{font-size:30px}.callout .button{white-space:nowrap}.faqs{margin-top:22px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:27px;border-bottom:1px solid #33515b}.faq h3{font-size:23px;line-height:1.35}.faq p{font-size:18px;color:var(--muted)}
.prose{max-width:1060px}.prose p{color:var(--muted);font-size:19px;line-height:1.8}.statement{border:1px solid #38859999;border-radius:8px;padding:30px 42px;margin-top:32px;position:relative;background:linear-gradient(100deg,#071923aa,#02080ddd);box-shadow:0 0 15px #0fb7c91d}.statement:before{content:'';position:absolute;left:15px;top:24px;bottom:24px;width:3px;background:linear-gradient(#fff1ac,#e6a312,#37efff);box-shadow:0 0 9px #ffb01b77}.statement h2{font-size:32px}.statement p{margin-top:17px;font-size:18px;color:var(--muted)}
/* Contact form remains an honest offline design preview. */
.contact-heading{padding-top:65px;padding-bottom:30px}.contact-heading h1{font-size:clamp(40px,4vw,59px)}.contact-heading .lead{font-size:20px;color:#d2dfe6;margin-top:24px;max-width:980px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;padding-block:15px 50px}.contact-copy h2{color:#57eaff;font-size:31px;margin-bottom:18px}.contact-copy p{font-size:19px;color:var(--muted);max-width:430px}.envelope-art{width:100%;max-width:490px;margin:25px 0 0 -15px;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent)}
.contact-form{border:1px solid #25d4e5a0;border-top-color:#97ecf4;border-radius:15px;padding:30px;background:linear-gradient(140deg,#091e28dd,#020b12ee);box-shadow:0 0 9px #0ff0f740,0 0 36px #00bfda18,inset 0 0 28px #0eb8d413}
.form-title{display:flex;align-items:center;gap:22px;margin-bottom:27px}.form-title h2{font-size:31px;white-space:nowrap}.form-title:after{content:'';height:2px;flex:1;background:linear-gradient(90deg,#ffe78b,#bd7b00,transparent);box-shadow:0 0 6px #ffb72d33}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:21px}label{font-size:16px;color:#eaf1f5;line-height:1.4}input,textarea{width:100%;min-width:0;min-height:48px;border:1px solid #4b899a;border-radius:5px;background:linear-gradient(135deg,#06202b,#07151e);color:#fff;padding:12px 14px;font-size:17px;box-shadow:inset 0 1px 8px #0005}input:focus,textarea:focus{border-color:#27eaff}textarea{min-height:152px;resize:vertical}textarea::placeholder{color:#a1b9c7;font-size:16px}
.submit{width:100%;background:linear-gradient(180deg,#fff0ba 0%,#ffdc71 12%,#fac037 45%,#daa01e 56%,#f5c344 84%,#ffdf78 100%);color:#171005;border-color:#ffe9a0;text-shadow:0 1px #fff1a577;box-shadow:0 0 13px #e8a51c45,inset 0 1px 1px #fff9d3}
.helper{font-size:14px;color:#b4c4ce;margin-top:18px;line-height:1.65}.status{font-size:15px;margin-top:16px;color:#ffe19a}.contact-tagline{text-align:center;font-size:26px;padding-bottom:35px}.site-footer{position:relative;background:#02070ce8;border-top:1px solid #266b76;padding:26px 0 35px}.site-footer:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,#e5aa2b,#10cbe3 62%,#dfad22);box-shadow:0 0 9px #0fc9df50}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-right:165px}.footer-brand{width:215px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:6px}.footer-brand span{color:#ffd254;font-size:10px;letter-spacing:7px;padding-left:7px;line-height:1.2}.footer-nav{display:flex;gap:24px;align-items:center}.footer-nav a{font-size:14px;min-height:44px;display:flex;align-items:center;white-space:nowrap}.footer-nav a[aria-current=page]{color:#ffe08b}.domain{font-size:14px;white-space:nowrap;color:#c6d8e1}
.chat-launcher{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;justify-content:center;gap:10px;min-height:47px;padding:10px 20px;border:1px solid #33e5f4;border-left-color:#ffcb39;border-radius:30px;background:linear-gradient(125deg,#292009cc,#05171f 52%,#041019);font-size:15px;font-weight:600;color:#fff;box-shadow:-4px 0 12px #f5af1e55,4px 0 13px #00d5ed66,inset 0 0 8px #009fb32a}.chat-launcher svg{width:23px;height:23px;color:#1de9fa}.chat-panel{position:fixed;right:24px;bottom:85px;width:min(360px,calc(100vw - 32px));padding:28px;z-index:40;border:1px solid #258799;border-radius:12px;background:#06131cf5;box-shadow:0 12px 55px #0009}.chat-panel h2{font-size:24px;margin:0 20px 16px 0}.chat-panel p{font-size:16px;color:var(--muted)}.close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;color:#fff;padding:0 8px;min-height:40px}.chat-panel .button{font-size:15px;min-height:46px}
@media(min-width:1600px){.hero-inner{min-height:570px}.home-art img{width:105%}.wrap{width:min(calc(100% - 140px),var(--max))}}
@media(max-width:1199px){.wrap{width:calc(100% - 64px)}.header-inner{min-height:100px;gap:22px}.brand-emblem{width:67px;height:67px}.brand-word img{width:255px}.brand-word span{font-size:12px;letter-spacing:9px;padding-left:9px}.main-nav{gap:22px}.view-tab{font-size:16px;padding-inline:4px}.hero-inner{min-height:500px;gap:0}.hero h1{font-size:46px}.hero .lead{font-size:19px}.home-art{margin-right:-32px}.feature{padding-inline:17px}.feature h2{font-size:19px}.feature p{font-size:15px}.footer-inner{padding-right:145px;gap:24px;flex-wrap:wrap}.footer-nav{gap:24px}.domain{margin-left:auto}.editorial{gap:40px}.contact-grid{gap:40px}.desktop-break{display:none}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header-inner{flex-direction:column;gap:0;min-height:0;padding-top:8px}.brand{padding:0 0 3px}.brand-emblem{width:53px;height:53px}.brand-word img{width:220px}.brand-word span{font-size:10px;letter-spacing:8px;padding-left:8px}.main-nav{width:100%;justify-content:space-around;gap:8px}.view-tab{padding:13px 10px 20px;min-height:49px;font-size:15px}.view-tab[aria-selected=true]:after{bottom:7px;left:12px;right:12px}.header-rail{bottom:-13px;height:16px}.hero-inner{padding-top:50px;min-height:470px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:37px}.hero .lead{font-size:18px}.actions{gap:13px}.button{font-size:15px;min-height:49px;padding:12px 18px;gap:16px}.home-art{margin-left:-15px;margin-right:-28px}.home-art img{width:117%}.gear-art{margin-right:-28px}.gear-art img{width:120%}.features{grid-template-columns:repeat(2,1fr);row-gap:28px}.feature:nth-child(3):before{display:none}.feature p{max-width:280px;margin-inline:auto}.section{padding-block:42px}.editorial{grid-template-columns:1fr 1.2fr;gap:26px}.editorial .body{padding-left:25px}.callout{padding:25px;gap:20px}.callout h2{font-size:25px}.contact-grid{grid-template-columns:.7fr 1.3fr;gap:28px}.contact-form{padding:24px}.contact-copy h2{font-size:26px}.contact-copy p{font-size:17px}.field-row{grid-template-columns:1fr;gap:0}.form-title h2{font-size:27px}.envelope-art{margin-left:0}.footer-inner{padding-right:0;justify-content:flex-start;gap:22px 35px}.footer-brand{width:175px}.footer-nav{gap:22px}.domain{margin:0;padding-right:155px}.site-footer{padding-bottom:76px}}
@media(max-width:600px){
 .wrap{width:calc(100% - 38px)}.brand-emblem{width:47px;height:47px}.brand-word img{width:215px}.brand-word span{font-size:10px;letter-spacing:8px}.brand{gap:9px}.header-inner{padding-top:7px}.main-nav{gap:0;display:grid;grid-template-columns:.8fr 1.2fr 1fr .85fr}.view-tab{font-size:13px;padding:12px 3px 17px;min-height:44px}.view-tab[aria-selected=true]:after{left:9px;right:9px;bottom:7px}
 #view-frame:before{background-size:220px 300px;mask-image:linear-gradient(90deg,#0008,transparent 18%,transparent 85%,#0009)}
 .hero-inner,#view-about .hero-inner{display:flex;flex-direction:column;gap:0;align-items:stretch;min-height:0;padding-block:36px 0}.hero-copy{padding-block:5px 20px;order:0}.eyebrow{font-size:11px;letter-spacing:.28em;gap:10px;margin-bottom:18px}.eyebrow:after{width:45px}.hero h1,#view-about h1{font-size:clamp(34px,8.6vw,45px);line-height:1.15;letter-spacing:-.035em}.hero .lead{font-size:17px;line-height:1.65;margin-top:20px}.actions{margin-top:23px;gap:13px}.actions .button{flex:1;min-width:132px}.hero-art{align-self:center;order:1;max-width:none}.home-art{margin:0 -19px -2px;width:calc(100% + 38px)}.home-art img{width:100%;min-width:100%;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 96%,transparent)}.gear-art{width:calc(100% + 38px);margin:0 -19px 0}.gear-art img{width:100%;mask-image:linear-gradient(180deg,transparent,#000 7%,#000 95%,transparent)}.about-art{width:calc(100% + 38px);margin:0 -19px 0}.about-art img{width:100%;mask-image:linear-gradient(180deg,transparent,#000 5%,#000 95%,transparent)}
 .hero:after{height:62px;opacity:.6}.features{padding:24px 0 28px;gap:22px 0}.feature{padding:0 11px 8px}.feature-icon{width:52px;height:52px;margin-bottom:12px}.feature h2{font-size:17px;letter-spacing:-.025em}.feature p{font-size:14px;line-height:1.55;margin-top:9px}.feature+.feature:before{top:10px;bottom:0}.section{padding:36px 0}.editorial{display:block}.editorial h2{font-size:29px}.editorial .body{padding:0;border:0;margin-top:22px;font-size:17px}.text-link{font-size:16px;margin-top:8px}.callout{padding:25px 22px;display:block;margin-bottom:38px}.callout h2{font-size:27px;line-height:1.25}.callout .button{width:100%;white-space:normal;margin-top:22px}.section-heading{font-size:28px;line-height:1.25}.faq{display:block;padding-block:22px}.faq h3{font-size:21px;margin-bottom:14px}.faq p{font-size:17px}.prose h2{font-size:29px}.prose p{font-size:17px}.statement{padding:25px 24px 25px 31px;margin-top:25px}.statement:before{left:11px;top:20px;bottom:20px}.statement h2{font-size:26px}.statement p{font-size:16px}
 .contact-heading{padding-block:40px 17px}.contact-heading h1{font-size:clamp(35px,9.2vw,46px)}.contact-heading .lead{font-size:17px;margin-top:20px}.contact-grid{display:flex;flex-direction:column;gap:23px;padding-block:13px 28px}.contact-copy{display:flex;align-items:center;gap:10px}.contact-copy>div{width:66%;flex-shrink:0}.contact-copy h2{font-size:24px}.contact-copy p{font-size:16px;line-height:1.6}.envelope-art{width:38%;margin:0 -15px 0 -10px}.contact-form{padding:24px 18px}.form-title{gap:14px;margin-bottom:24px}.form-title h2{font-size:29px}.field{margin-bottom:22px}.field-row{display:block}label{font-size:16px}input,textarea{font-size:17px;min-height:51px}textarea{min-height:150px}.helper{font-size:13px}.submit{font-size:16px;min-height:52px}.contact-tagline{font-size:23px;padding-block:0 20px;line-height:1.4}
 .footer-inner{display:flex;align-items:flex-start;flex-direction:column;gap:24px}.footer-brand{width:180px}.footer-nav{display:flex;justify-content:space-between;width:100%;gap:10px}.footer-nav a{font-size:12px;min-height:35px}.domain{font-size:13px;padding:0}.site-footer{padding-block:26px 80px}.chat-launcher{font-size:13px;padding:10px 15px;min-height:45px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));gap:9px}.chat-launcher svg{width:20px;height:20px}.chat-panel{right:16px;bottom:78px}.button{border-radius:7px}.button:before{border-radius:7px}
}
@media(max-width:359px){.wrap{width:calc(100% - 30px)}.brand-word img{width:190px}.brand-emblem{width:43px;height:43px}.view-tab{font-size:12px}.hero h1{font-size:33px}.actions .button{min-width:120px;padding-inline:10px;font-size:14px}.feature{padding-inline:8px}.feature h2{font-size:16px}.feature p{font-size:13px}.hero .lead{font-size:16px}.eyebrow{font-size:10px}.form-title h2{font-size:26px}.contact-copy h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}



/* ===== Precision artwork revision: existing tabbed shell is unchanged. ===== */
:root{--precision-hex: url("/assets/reference-6a13548f10f63f02.svg");}
#view-frame::before{content:none!important;}
.page{position:relative;isolation:isolate;}
.page::before{content:'';position:absolute;inset:0;z-index:-3;pointer-events:none;
 background-image:var(--precision-hex);background-position:right top;background-size:332.554px 288px;
 -webkit-mask-image:linear-gradient(90deg,#0008,transparent 22%,transparent 66%,#000e);
 mask-image:linear-gradient(90deg,#0008,transparent 22%,transparent 66%,#000e);opacity:.85;}
.hero{border-bottom:0;}
.hero:after{content:none!important;}
.hero:before{background:radial-gradient(ellipse at 80% 60%,#08445333,transparent 64%),linear-gradient(90deg,#0006,transparent 72%);}
.hero-inner{z-index:2;}
.hero-copy{z-index:3;}
.optical-flow{position:absolute;left:0;right:0;bottom:-4px;height:clamp(120px,13.8vw,222px);pointer-events:none;z-index:2;mix-blend-mode:screen;overflow:hidden;}
.optical-flow svg{width:100%;height:100%;display:block;}
.flow-phone{display:none;}
/* Clear text area; the pattern continues over the former About illustration. */
.about-hex-field{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:var(--precision-hex),radial-gradient(ellipse at 87% 50%,#07526644,transparent 64%);
 background-repeat:repeat,no-repeat;background-size:332.554px 288px,100% 100%;background-position:right top;
 -webkit-mask-image:linear-gradient(90deg,transparent 28%,#0006 56%,#000 100%);
 mask-image:linear-gradient(90deg,transparent 28%,#0006 56%,#000 100%);}
#view-about .hero-inner{min-height:550px;}
#view-about .hero-copy{grid-column:1;}
#view-about .optical-flow{height:clamp(140px,16vw,238px);}
.contact-flow{z-index:-1;bottom:8px;height:155px;opacity:.7;}
#view-contact .contact-grid{position:relative;z-index:2;}
.contact-tagline{position:relative;z-index:2;text-shadow:0 2px 14px #01070c;}
/* A little extra hardware-like edge detail, no extra boxes or UI controls. */
.header-rail{height:25px;bottom:-23px;filter:none;overflow:visible;}
.header-rail svg{width:100%;height:100%;overflow:visible;}
.precision-divider{position:absolute;left:0;right:0;height:26px;bottom:-1px;z-index:5;pointer-events:none;overflow:visible;}
.precision-divider[data-edge=top]{top:-2px;bottom:auto;transform:scaleY(-1);}
.precision-divider svg{width:100%;height:100%;overflow:visible;}
.site-footer{border-top:none;}
.site-footer::before,.feature-band::after{display:none;}
.feature-band{border-bottom:none;}
.precision-panel{position:relative;isolation:isolate;border:1px solid transparent;
 box-shadow:0 8px 36px #0003,inset 0 1px 1px #b6e0e509,inset 0 -1px 1px #0008;}
.callout.precision-panel::before{display:none;}
.precision-panel-edge{position:absolute;inset:-1px;pointer-events:none;z-index:2;}
.precision-panel-edge svg{width:100%;height:100%;overflow:visible;}
.contact-form.precision-panel{background:linear-gradient(145deg,#0b1d29ed,#030b12f5);}
.statement.precision-panel{background:linear-gradient(115deg,#091924d9,#030c13e8);}
.callout.precision-panel{background:linear-gradient(130deg,#081824e0,#030a12ed);}
/* Fine contact/control edge highlights retain their original size and position. */
.button{box-shadow:0 0 5px #f9c84577,0 0 17px #f7b72d31,inset 0 1px 0 #ffefb626,inset 0 -1px 0 #7b500a88;}
.button::after{content:'';position:absolute;right:5px;bottom:5px;width:6px;height:6px;border-right:1px solid #ffe9a2a6;border-bottom:1px solid #ffe9a2a6;pointer-events:none;}
.button.secondary::after{border-color:#8ef6ffb5;}
.main-nav .view-tab[aria-selected=true]::before{content:'';position:absolute;bottom:5px;left:calc(50% - 2px);width:4px;height:4px;border:1px solid #fff1a8;background:#b67c13;transform:rotate(45deg);box-shadow:0 0 6px #ffd86688;}
input,textarea{box-shadow:inset 0 1px 10px #0005,0 1px 0 #71d1e30c;}
input:focus,textarea:focus{box-shadow:0 0 0 1px #27d7f42b,inset 0 0 16px #00adc710;}
@media(min-width:1600px){#view-about .hero-inner{min-height:570px;}}
@media(max-width:1199px){#view-about .hero-inner{min-height:500px;}}
@media(max-width:900px){.header-rail{height:18px;bottom:-16px;}#view-about .hero-inner{min-height:470px;}.precision-divider{height:21px;}}
@media(max-width:600px){
 .page::before{background-size:249.4px 216px;-webkit-mask-image:linear-gradient(90deg,#0006,transparent 23%,transparent 71%,#000b);mask-image:linear-gradient(90deg,#0006,transparent 23%,transparent 71%,#000b);}
 .flow-wide{display:none;}.flow-phone{display:block;}.optical-flow{height:115px;bottom:-3px;opacity:.85;}
 .hero-copy{padding-bottom:20px;}
 #view-about .hero-inner{min-height:0;padding-bottom:120px;}
 #view-about .hero-copy{width:100%;}
 #view-about .about-hex-field{background-size:249.4px 216px,100% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 16%,#0004 68%,#000 100%);mask-image:linear-gradient(90deg,transparent 16%,#0004 68%,#000 100%);}
 #view-about .optical-flow{height:130px;}
 .contact-flow{height:100px;bottom:2px;opacity:.5;}
 .contact-tagline{padding-bottom:36px;}
 .precision-divider{height:20px;}
 .view-tab[aria-selected=true]::before{bottom:4px;}
}
@media(prefers-reduced-motion:reduce){.optical-flow svg *{animation:none!important;}}



/* ===== Approved luminous art: preserved shell / new graphical finish. ===== */
:root{--gold:#f9bf35;--cyan:#16def7;
 --metal:linear-gradient(180deg,#fff9d7 0%,#ffe6a2 24%,#fbc24b 44%,#be740e 53%,#ffce55 65%,#fff0b5 83%,#bc7718 100%);}
body{background:#02080c;}
#view-frame{background:radial-gradient(ellipse at 88% 18%,#09374455,transparent 55%),#030a0e;}
.page::before{opacity:1;filter:brightness(1.4);-webkit-mask-image:linear-gradient(90deg,#000b,transparent 21%,transparent 66%,#000e);mask-image:linear-gradient(90deg,#000b,transparent 21%,transparent 66%,#000e);}
.hero::before{background:radial-gradient(ellipse at 83% 72%,#07698638,transparent 58%),linear-gradient(90deg,#01080c60,transparent 75%);}
.hero-inner{padding-bottom:86px;z-index:3;}
.hero-art{z-index:1;}
.hero-copy{z-index:4;}
.hero-copy .lead{color:#e2e9ee;}
/* Real artwork, not bundles of mathematical wire strokes. */
.luminous-art{position:absolute;bottom:0;left:0;width:100%;height:222px;pointer-events:none;z-index:2;overflow:hidden;mix-blend-mode:screen;isolation:isolate;}
.luminous-art img{position:absolute;display:block;max-width:none;pointer-events:none;object-fit:fill;}
.ribbon-mobile{display:none!important;}
.ribbon-primary{width:103%;height:100%;left:-1.5%;bottom:-4px;filter:brightness(1.09) saturate(1.14);}
.luminous-home{height:192px;opacity:.94;}
.luminous-services{height:200px;opacity:.91;}
.luminous-services .ribbon-primary{transform:scaleX(-1);}
.luminous-about{height:236px;opacity:1;}
.luminous-about .ribbon-primary{width:112%;left:-6%;height:80%;bottom:-10px;}
.ribbon-rise{right:-2%;bottom:8px;width:55%;height:82%;opacity:.96;}
#view-about .hero-inner{min-height:570px;padding-bottom:120px;}
#view-about .hero-copy{max-width:680px;}
.about-hex-field{opacity:1;filter:brightness(1.75);background-image:var(--precision-hex),radial-gradient(ellipse at 88% 60%,#0873982b,transparent 64%);}
.luminous-contact{height:200px;bottom:15px;opacity:.54;z-index:-1;}
#view-contact .contact-grid{z-index:3;}
.contact-tagline{padding-bottom:65px;}
.luminous-footer{position:absolute;top:-70px;left:0;width:100%;height:95px;overflow:hidden;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.5;}
.luminous-footer img{position:absolute;bottom:-15px;right:0;width:660px;height:180px;transform:scaleX(-1);}
.site-footer .footer-inner{z-index:3;}
/* Polished metal edgework: bevel, highlight, dark recess, blue light inset. */
.shell-rail{position:fixed;top:0;bottom:0;width:7px;z-index:60;pointer-events:none;background:linear-gradient(90deg,#100e08,#b07817 22%,#ffe9a3 43%,#895211 66%,#241b0e 90%);box-shadow:1px 0 4px #ffaa2733;}
.shell-left{left:0;}
.shell-right{right:0;transform:scaleX(-1);}
.shell-rail::after{content:'';position:absolute;inset:10% 1px auto 2px;height:28%;background:linear-gradient(transparent,#3aebff,transparent);opacity:.65;}
.shell-corner{position:fixed;width:80px;height:80px;z-index:65;pointer-events:none;filter:drop-shadow(0 0 3px #efaa2d2e);}
.shell-corner svg{width:100%;height:100%;}
.shell-corner.tl{top:0;left:0;}
.shell-corner.tr{top:0;right:0;transform:scaleX(-1);}
.shell-corner.bl{bottom:0;left:0;transform:scaleY(-1);}
.shell-corner.br{bottom:0;right:0;transform:scale(-1);}
.site-header{border-top:3px solid transparent;background:linear-gradient(120deg,#02090dfd,#040e12fb) padding-box,linear-gradient(90deg,#885016,#ffe0a0 24%,#18e1ff 55%,#ffcc61 88%,#7b480b) border-box;}
.header-inner{min-height:112px;}
.header-rail{height:29px;bottom:-26px;filter:drop-shadow(0 1px 3px #e8ad2638);}
.brand{padding-left:13px;}
.main-nav{gap:13px;}
.view-tab{border:1px solid transparent;border-radius:8px;min-height:51px;padding:13px 20px;margin-block:13px;transition:background .2s,border-color .2s,box-shadow .2s;}
.view-tab[aria-selected=true]{color:#fff0b4;border-color:#e9b63b;background:linear-gradient(155deg,#71480966,#090f13 64%);box-shadow:0 0 5px #f3b62988,0 0 20px #d998292c,inset 0 1px 1px #fff2b899,inset 0 -2px 7px #b16c0626;}
.view-tab[aria-selected=true]::after{bottom:-5px;left:20%;right:20%;height:1px;box-shadow:0 0 5px #ffcb5d;}
.main-nav .view-tab[aria-selected=true]::before{display:none;}
.view-tab:hover{background-color:#14334044;}
.precision-divider{filter:drop-shadow(0 1px 4px #36c2d52b);}
.precision-panel{box-shadow:0 8px 36px #0005,inset 0 1px 3px #e5d7a717,inset 0 -1px 5px #1d6a7d25;}
.precision-panel-edge{filter:drop-shadow(0 0 3px #1cc3de20);}
.feature-band{background:linear-gradient(180deg,#041017bd,#01070ce8);}
.features{padding-top:30px;padding-bottom:38px;}
.feature-icon{filter:drop-shadow(0 0 7px #2cd8f52a);}
.button{background:linear-gradient(165deg,#28200f,#060c10 60%);box-shadow:0 0 5px #efbe4780,0 0 17px #e39c282a,inset 0 1px 1px #fff0ab55,inset 0 -1px 7px #a7791726;}
.button.secondary{background:linear-gradient(150deg,#05303c,#020b10 65%);}
.button:hover{box-shadow:0 0 7px #f9c845b0,0 0 24px #f7b72d50,inset 0 0 13px #ffbc242f;}
.button.submit{background:linear-gradient(180deg,#fff4c7,#f7d06d 12%,#e4a321 47%,#d79410 52%,#facf61 88%,#ffe4a0);color:#171005;}
#view-home .section,#view-services .section,#view-about .section{background:transparent;}
#view-home .home-art img{filter:saturate(1.06) contrast(1.02);}
.chat-launcher{box-shadow:-3px 0 12px #eeb03455,3px 0 16px #00cbe866,inset 0 0 10px #16b2cb22;}
@media(min-width:1600px){.luminous-home{height:220px;}.luminous-services{height:220px;}.luminous-about{height:260px;}#view-about .hero-inner{min-height:590px;}}
@media(max-width:1199px){.main-nav{gap:6px;}.view-tab{font-size:15px;padding-inline:15px;}.brand{padding-left:8px;}.luminous-home{height:160px;}.luminous-services{height:170px;}.luminous-about{height:215px;}#view-about .hero-inner{min-height:510px;}.shell-corner{width:64px;height:64px;}.shell-rail{width:5px;}.hero-inner{padding-bottom:85px;}}
@media(max-width:900px){.header-inner{min-height:0;}.brand{padding-left:0;}.main-nav{gap:10px;}.view-tab{padding:10px 17px;min-height:44px;margin-block:7px 12px;}.view-tab[aria-selected=true]::after{bottom:-5px;}.header-rail{height:19px;bottom:-17px;}.luminous-home{height:125px;}.luminous-services{height:135px;}.luminous-about{height:195px;}#view-about .hero-inner{min-height:480px;padding-bottom:120px;}.ribbon-rise{width:59%;}.shell-corner{width:52px;height:52px;}}
@media(max-width:600px){
 .shell-rail{width:3px;opacity:.8;}.shell-corner{width:35px;height:35px;}
 .main-nav{gap:5px;}.view-tab{padding:9px 3px;margin:7px 0 12px;font-size:12px;border-radius:6px;min-height:43px;}
 .header-inner{padding-top:6px;}.brand{padding-bottom:2px;}.header-rail{bottom:-15px;height:18px;}
 .hero-inner{padding-bottom:35px;}.hero-art{z-index:1;}.luminous-home{height:110px;bottom:0;opacity:.84;}
 .luminous-services{height:110px;bottom:0;opacity:.84;}
 .ribbon-primary{width:132%;left:-16%;height:100%;}
 .luminous-about{height:132px;opacity:.95;}
 .luminous-about .ribbon-primary{width:150%;left:-25%;height:90%;bottom:-10px;}
 .luminous-about .ribbon-rise{display:none;}
 .luminous-art .ribbon-primary{display:none;}
 .luminous-art .ribbon-mobile{display:block!important;left:-5%;bottom:-4px;width:110%;height:100%;filter:brightness(1.08) saturate(1.1);}
 .luminous-services .ribbon-mobile{transform:scaleX(-1);}
 .luminous-about{height:142px;}

 #view-about .hero-inner{min-height:0;padding-bottom:138px;}
 #view-about .hero-copy{width:100%;}
 .about-hex-field{filter:brightness(1.4);}
 .luminous-contact{height:120px;bottom:26px;opacity:.5;}
 .contact-tagline{padding-bottom:50px;}
 .luminous-footer{height:70px;top:-50px;opacity:.35;}.luminous-footer img{width:450px;height:126px;bottom:-18px;}
 .home-art{margin-bottom:0;}.gear-art{margin-bottom:0;}.footer-inner{padding-left:7px;}
 .feature-icon{width:56px;height:56px;}
}
@media(prefers-reduced-motion:reduce){.luminous-art,.luminous-art *{animation:none!important;transition:none!important;}}



/* Edge / alpha correction only. The approved visual identity stays intact. */
:root{
 --frame-gap:8px;
 --frame-top:max(var(--frame-gap),env(safe-area-inset-top,0px));
 --frame-right:max(var(--frame-gap),env(safe-area-inset-right,0px));
 --frame-bottom:max(var(--frame-gap),env(safe-area-inset-bottom,0px));
 --frame-left:max(var(--frame-gap),env(safe-area-inset-left,0px));
}
html{background:#02070b;}
body{padding:var(--frame-top) calc(var(--frame-right) + 5px) calc(var(--frame-bottom) + 5px) calc(var(--frame-left) + 5px);}
.site-header{padding-top:0;flex-shrink:0;}
/* The ornament has its own header row, never covers scrolled content. */
.header-rail{position:relative;bottom:auto;left:auto;right:auto;top:auto;width:100%;height:25px;margin-top:0;filter:none;overflow:visible;}
.header-inner{min-height:112px;}
#view-frame{min-height:0;scrollbar-gutter:stable;scroll-padding-top:16px;}
.shell-rail{top:var(--frame-top);bottom:var(--frame-bottom);width:5px;}
.shell-left{left:var(--frame-left);}.shell-right{right:var(--frame-right);}
.shell-corner{width:72px;height:72px;filter:none;}
.shell-corner svg{overflow:visible;}
.shell-corner.tl{top:var(--frame-top);left:var(--frame-left);}
.shell-corner.tr{top:var(--frame-top);right:var(--frame-right);}
.shell-corner.bl{bottom:var(--frame-bottom);left:var(--frame-left);}
.shell-corner.br{bottom:var(--frame-bottom);right:var(--frame-right);}
body::after{content:'';position:fixed;pointer-events:none;left:calc(var(--frame-left) + 16px);right:calc(var(--frame-right) + 16px);bottom:var(--frame-bottom);height:2px;z-index:59;background:linear-gradient(90deg,#7c531c,#ecd086 23%,#128598 62%,#80dbe6 78%,#9f691c);box-shadow:0 0 3px #dba94536;}
/* Stroke space is explicitly inside each measured SVG. */
.precision-panel-edge{inset:0;filter:none;}
.precision-divider{left:1px;right:1px;bottom:0;height:28px;filter:none;}
.precision-divider[data-edge=top]{top:0;bottom:auto;}
.precision-divider svg,.precision-panel-edge svg{overflow:visible;}
.page{padding-bottom:8px;}
.page>.callout{margin-bottom:16px;}
/* Image canvases are padded and alpha-feathered. Never stretch or hard-crop them. */
.luminous-art{overflow:visible;bottom:6px;left:0;width:100%;height:clamp(110px,13vw,230px);isolation:auto;}
.luminous-art img{object-fit:contain;max-width:100%;height:auto;max-height:100%;bottom:0;filter:none;}
.luminous-art .ribbon-primary{left:0;width:100%;height:auto;bottom:0;}
.luminous-about .ribbon-primary{left:0;width:100%;height:auto;bottom:0;}
.luminous-home,.luminous-services{opacity:.95;}
.luminous-about{opacity:1;}
.luminous-contact{bottom:12px;z-index:-1;opacity:.5;}
/* A normal-flow, click-through decorative band. The image is not clipped. */
.luminous-footer{position:relative;top:auto;bottom:auto;left:auto;right:auto;flex:none;width:100%;height:clamp(100px,12vw,190px);margin:0;overflow:visible;z-index:0;opacity:.78;mix-blend-mode:screen;display:flex;align-items:center;justify-content:flex-end;isolation:isolate;}
.luminous-footer picture{display:block;width:min(88%,760px);height:100%;margin-right:2%;}
.luminous-footer img{position:static;display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:right center;transform:scaleX(-1);}
.site-footer{padding-top:32px;padding-bottom:56px;}
.site-footer .footer-inner{padding-bottom:5px;}
/* The artwork's metal remains opaque; only its background is transparent. */
.gear-art{margin:0;min-width:0;width:100%;align-self:center;}
.gear-art img.original-transparent-art{width:min(88%,440px);height:auto;max-width:100%;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:none;}
img.envelope-art.original-transparent-art{width:min(85%,350px);height:auto;max-width:100%;margin:30px auto 12px;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;filter:none;}
.chat-launcher{right:max(26px,calc(var(--frame-right) + 12px));bottom:max(26px,calc(var(--frame-bottom) + 12px));}
@media(max-width:1199px){.header-inner{min-height:100px;}.shell-corner{width:60px;height:60px;}.header-rail{height:23px;}}
@media(max-width:900px){.header-inner{min-height:0;}.header-rail{height:21px;}.shell-corner{width:48px;height:48px;}.site-footer{padding-bottom:88px;}}
@media(max-width:600px){
 :root{--frame-gap:5px;}
 body{padding-left:calc(var(--frame-left) + 3px);padding-right:calc(var(--frame-right) + 3px);padding-bottom:calc(var(--frame-bottom) + 3px);}
 .shell-rail{width:3px;}.shell-corner{width:32px;height:32px;}
 .header-inner{padding-top:6px;}.header-rail{height:18px;}
 .wrap{width:calc(100% - 32px);}
 .brand-emblem{width:44px;height:44px;}.brand-word img{width:201px;}
 .main-nav{gap:4px;}.view-tab{min-height:44px;font-size:12px;padding-inline:2px;}
 #view-frame{scrollbar-gutter:auto;}
 .precision-divider{height:23px;}
 .luminous-art{height:122px;bottom:3px;opacity:.93;}
 .luminous-art .ribbon-mobile{left:0;bottom:0;width:100%;height:auto;max-height:100%;object-fit:contain;filter:none;}
 .luminous-about{height:132px;}
 #view-about .hero-inner{padding-bottom:140px;}
 .luminous-contact{height:115px;bottom:10px;opacity:.48;}
 .luminous-footer{height:110px;opacity:.73;}
 .luminous-footer picture{height:100%;width:min(100%,530px);}
 .luminous-footer img{width:100%;height:100%;object-fit:contain;}
 .site-footer{padding-top:30px;padding-bottom:88px;}
 .page>.callout{margin-bottom:12px;}
 .gear-art{width:100%;margin:0 0 35px;}
 .gear-art img.original-transparent-art{width:min(82%,340px);max-width:100%;}
 img.envelope-art.original-transparent-art{width:31%;max-width:130px;margin:0;flex:0 0 31%;}
 .contact-copy{gap:14px;}.contact-copy>div{width:auto;min-width:0;flex:1;}
 .chat-launcher{right:17px;bottom:max(18px,calc(var(--frame-bottom) + 10px));}
}
@media(max-width:359px){.wrap{width:calc(100% - 28px);}.brand-word img{width:180px;}.brand-emblem{width:40px;height:40px;}.view-tab{font-size:11px;}.main-nav{gap:2px;}.hero h1{font-size:32px;}}



/* Targeted correction: approved hero waves, uncut lower accent, one coherent bevel. */
.luminous-art{overflow:visible;bottom:16px;left:0;right:0;width:100%;height:222px;isolation:isolate;mix-blend-mode:screen;pointer-events:none;}
.luminous-art img{position:absolute;display:block;max-width:none;max-height:none;object-fit:fill;pointer-events:none;}
.luminous-art .ribbon-primary{width:103%;height:100%;left:-1.5%;bottom:0;filter:brightness(1.09) saturate(1.14);}
.luminous-home{height:192px;opacity:.94;}
.luminous-services{height:200px;opacity:.91;}
.luminous-about{height:236px;opacity:1;}
.luminous-about .ribbon-primary{width:112%;left:-6%;height:80%;bottom:0;}
.luminous-about .ribbon-rise{right:-2%;left:auto;bottom:10px;width:55%;height:82%;opacity:.96;filter:none;}
.luminous-services .ribbon-primary{transform:scaleX(-1);}
.luminous-contact{height:200px;bottom:22px;opacity:.5;z-index:-1;}
/* Restore the broad top sweep, leaving a breathing gap before the dividing rail. */
.hero{overflow:hidden;}
#view-about .hero-inner{padding-bottom:132px;}
/* This is part of document flow, above—not inside or behind—the footer. */
.luminous-footer{position:relative;inset:auto;width:100%;height:clamp(136px,14vw,215px);margin:0;overflow:visible;display:flex;justify-content:flex-end;align-items:center;padding:14px 4% 20px;opacity:.83;z-index:0;isolation:isolate;pointer-events:none;mix-blend-mode:screen;}
.luminous-footer .footer-ribbon-image{position:static;display:block;width:min(76%,820px);height:auto;max-height:none;max-width:100%;object-fit:contain;object-position:center;transform:scaleX(-1);filter:none;}
/* An SVG owns both the surface and its edge. A rounded CSS box is not left
   underneath the chamfered frame. Text and controls remain normal HTML. */
.precision-panel{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:isolate;}
.precision-panel-edge{inset:0;z-index:-1;filter:none;}
.precision-panel-edge svg{overflow:visible;}
.precision-panel::after{box-shadow:none;}
.precision-divider,.header-rail{filter:none;}
.precision-divider{height:28px;}
@media(min-width:1600px){.luminous-home,.luminous-services{height:220px;}.luminous-about{height:260px;}}
@media(max-width:1199px){.luminous-home{height:160px;}.luminous-services{height:170px;}.luminous-about{height:215px;}}
@media(max-width:900px){.luminous-home{height:125px;}.luminous-services{height:135px;}.luminous-about{height:195px;}.luminous-about .ribbon-rise{width:59%;}.luminous-footer{padding-inline:2%;}.luminous-footer .footer-ribbon-image{width:83%;}}
@media(max-width:600px){
 .luminous-art{bottom:14px;}
 .luminous-home,.luminous-services{height:110px;opacity:.84;}
 .luminous-about{height:142px;opacity:.95;}
 .luminous-art .ribbon-primary{display:none;}
 .luminous-art .ribbon-mobile{display:block!important;left:-5%;bottom:0;width:110%;height:100%;max-width:none;max-height:none;object-fit:fill;filter:brightness(1.08) saturate(1.1);}
 .luminous-about .ribbon-rise{display:none;}
 .luminous-services .ribbon-mobile{transform:scaleX(-1);}
 #view-about .hero-inner{padding-bottom:156px;}
 .luminous-contact{height:120px;bottom:22px;opacity:.48;}
 .luminous-footer{height:126px;min-height:126px;padding:12px 0 16px;opacity:.8;}
 .luminous-footer .footer-ribbon-image{width:100%;height:auto;max-height:none;}
 .precision-divider{height:24px;}
}



/* Final targeted update: no footer ribbon and no bulky/notched corner fittings. */
.luminous-footer,.shell-corner,.shell-rail{display:none!important;}
/* Retain a fine continuous outer edge, without ornamental corner brackets. */
body::after{content:'';position:fixed;inset:var(--frame-top) var(--frame-right) var(--frame-bottom) var(--frame-left);height:auto;z-index:59;pointer-events:none;border:1px solid #26505a;border-top-color:#94712e;border-bottom-color:#32616b;border-radius:5px;background:none;box-shadow:none;}
.site-header{border-top-width:1px;}
/* No angular end caps or doubled borders. Space occupied by the header is retained. */
.precision-divider,.header-rail{filter:none;}
.precision-panel{border:0!important;border-radius:8px!important;box-shadow:none!important;}
.precision-panel-edge{inset:0;z-index:-1;filter:none;}
.precision-panel-edge svg{overflow:visible;}
.button::after{content:none;}
/* Removing the lower decoration should not leave a blank band above the footer. */
.page{padding-bottom:18px;}
.page>.callout{margin-bottom:24px;}
.site-footer{border-top:0;}
@media(max-width:600px){.page{padding-bottom:10px;}.page>.callout{margin-bottom:22px;}}



/* Approved text finish: one GOLD or CYAN palette per complete statement.
   Reuse the approved metallic ramp; do not flatten it to yellow/white. */
:root {
  --canvas:#030a0e;
  --statement-cyan:#4aeaff;
  --metal:linear-gradient(180deg,#fff9d7 0%,#ffe6a2 24%,#fbc24b 44%,#be740e 53%,#ffce55 65%,#fff0b5 83%,#bc7718 100%);
}
#content :is(h1,h2,h3,.contact-tagline),.chat-panel h2 {
  background:none; color:var(--statement-cyan);
  -webkit-text-fill-color:currentColor;
  filter:none; text-shadow:none;
  overflow:visible;
}
/* Extra ink room protects g, y, p, j and the tops of capitals.
   The heading owns its own padded paint box; no clipped inline fragments. */
#content h1 {line-height:1.23;padding:.06em .07em .18em .025em;}
#content h2 {line-height:1.24;padding:.05em .055em .14em .025em;}
#content h3 {line-height:1.35;padding:.04em .045em .12em .025em;}
#content .contact-tagline {line-height:1.45;padding-top:.07em;}
#content [data-text-finish="gold"], .chat-panel [data-text-finish="gold"] {
  color:#edb64e;
  -webkit-text-fill-color:currentColor;
  filter:drop-shadow(0 1px 0 #6e3c0b88) drop-shadow(0 0 6px #f7ad1d35);
}
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
  #content [data-text-finish="gold"], .chat-panel [data-text-finish="gold"] {
    background-image:var(--metal);
    background-repeat:repeat-y;
    background-size:100% 1.24em;
    background-position:0 .04em;
    background-origin:padding-box;
    -webkit-background-clip:text; background-clip:text;
    color:transparent; -webkit-text-fill-color:transparent;
  }
  @supports(height:1lh) {
    #content [data-text-finish="gold"], .chat-panel [data-text-finish="gold"] {
      background-size:100% 1lh;
    }
  }
}
#content [data-text-finish="cyan"] {
  background:none;color:var(--statement-cyan);
  -webkit-text-fill-color:currentColor;
  filter:none;text-shadow:0 0 10px #00dcf527;
}
#content :is(h1,h2,h3,p) :is(.gold,.cyan) {
  background:none;color:inherit;-webkit-text-fill-color:inherit;
  filter:none;text-shadow:none;
}
/* Cyan text on the established gold-framed buttons is intentional.
   A border or artwork color is not a change within the text. */
#content .button:not(.submit), .chat-panel .button {
  color:var(--statement-cyan);-webkit-text-fill-color:currentColor;
}
#content .button:not(.submit) :is(span,svg), .chat-panel .button :is(span,svg) {color:inherit;}
#content .submit {color:#171005;-webkit-text-fill-color:currentColor;}
.text-link,.chat-launcher {color:var(--statement-cyan);}
.main-nav .view-tab:not([aria-selected=true]),.footer-nav a:not([aria-current=page]) {color:var(--statement-cyan);}
.main-nav .view-tab[aria-selected=true],.footer-nav a[aria-current=page] {color:#f9d47c;}
/* Long-form copy is a single, readable tone. No highlighted conjunctions. */
#content p:not([data-text-finish]) :is(.gold,.cyan) {
  color:inherit;background:none;-webkit-text-fill-color:inherit;filter:none;
}
.hero-copy,.editorial>div,.prose,.contact-heading,.form-title {overflow:visible;}
.brand,.brand-word,.brand img {overflow:visible;}
.brand img {object-fit:contain;}

/* One shared canvas: the header/body/section/footer no longer restart
   differently colored opaque gradient rectangles. */
html {background:var(--canvas);}
body {isolation:isolate;background:var(--canvas);}
body::before {
  content:'';position:fixed;
  inset:var(--frame-top) var(--frame-right) var(--frame-bottom) var(--frame-left);
  z-index:-1;pointer-events:none;border-radius:5px;
  background:radial-gradient(ellipse at 91% 28%,rgba(6,57,69,.32),transparent 67%),var(--canvas);
}
.site-header {background:transparent;border-top:0;box-shadow:none;}
.header-inner,.header-rail,#view-frame,.page,.hero,.feature-band,.site-footer,
#view-home .section,#view-services .section,#view-about .section {background:transparent;}
.feature-band,.site-footer {box-shadow:none;}
.hero::before {background:none;}
.about-hex-field {background:none;filter:none;}
/* Retain the hexagons as one continuous field through each visible view. */
.page::before {background-position:right top;}
/* Feather only the rectangular matte at the image boundaries. Keep the
   approved artwork, curves, color and original gear/envelope pixels. */
.hero-art.home-art img {
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 86%,transparent 100%);
  mask-composite:intersect;
}
.luminous-art {isolation:isolate;}
.luminous-art img {
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 85%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 95%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 13%,#000 85%,transparent 100%);
  mask-composite:intersect;
}
.luminous-art .ribbon-rise {
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 23%,#000 76%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 23%,#000 76%,transparent 100%);
}
/* A single face under each framed panel. No doubled CSS/SVG rectangles. */
.precision-panel {background:none!important;}
.hero-art img.original-transparent-art,img.envelope-art.original-transparent-art {
  -webkit-mask-image:none;mask-image:none;mix-blend-mode:normal;
}
/* These were deliberately removed in the approved clean-edge version. */
.luminous-footer,.shell-corner,.shell-rail {display:none!important;}
@media(max-width:600px) {
  body::before {background:radial-gradient(ellipse at 93% 28%,rgba(6,57,69,.25),transparent 73%),var(--canvas);}
  #content h1 {line-height:1.24;}
  #content h2 {line-height:1.26;}
}



/* Artwork-only update to the selected Metallic Finish base.
   The original emblem and isolated rings have real alpha transparency.
   No second background/hex grid, no CSS screen blend, no rectangular matte. */
#view-home .hero-art.home-art img {
  -webkit-mask-image: none !important;
  mask-image: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  background: transparent !important;
}

/* Contact safety hooks: no visual changes to the approved idle design. */
.form-trap{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.status[data-state="error"]{color:#ffd2b4;}
.status[data-state="success"]{color:#bcebd8;}
