:root{--navy:#17324D;--teal:#188C8C;--gold:#C69A62;--warm:#F6F3EE;--ink:#17212B;--muted:#66737F;--line:#E3E8EB}

::selection{background:rgba(198,154,98,.28);color:var(--navy)}
.brand-mark-shell{display:grid;height:3rem;width:3.35rem;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid rgba(198,154,98,.28);border-radius:1rem;background:linear-gradient(145deg,#fff,#FBF8F2);padding:.22rem;box-shadow:0 8px 22px rgba(23,50,77,.08)}
.brand-mark-shell img{display:block;max-height:100%;max-width:100%;object-fit:contain}
.brand-mark-footer,.brand-mark-admin{background:#fff;border-color:rgba(198,154,98,.38)}
.brand-mark-login{height:4.3rem;width:4.8rem;border-radius:1.35rem}
.gold-rule{height:2px;width:3rem;border-radius:999px;background:var(--gold)}
.text-gold{color:#E5C07A}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{overflow-x:hidden}a{text-decoration:none}
.nav-link{position:relative;font-size:14px;font-weight:700;color:var(--muted);transition:.2s}.nav-link:hover{color:var(--teal)}.nav-link.active{color:var(--navy)}.nav-link.active:after{content:'';position:absolute;right:0;left:0;bottom:-.55rem;height:2px;border-radius:999px;background:var(--gold)}
.btn-primary,.btn-outline,.btn-ghost,.btn-light{display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;padding:.78rem 1.2rem;font-size:.86rem;font-weight:800;transition:.2s}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 0 0 1px rgba(198,154,98,.22),0 8px 24px rgba(24,140,140,.14)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(.96);box-shadow:0 0 0 1px rgba(198,154,98,.42),0 12px 30px rgba(24,140,140,.18)}
.btn-outline{border:1px solid var(--line);background:#fff;color:var(--navy)}.btn-outline:hover{border-color:var(--gold);color:var(--navy);box-shadow:0 0 0 3px rgba(198,154,98,.08)}
.btn-ghost{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);color:#fff}.btn-light{background:#fff;color:var(--navy)}
.eyebrow-light{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(198,154,98,.22);border-radius:999px;background:linear-gradient(90deg,rgba(198,154,98,.09),rgba(24,140,140,.07));padding:.43rem .72rem;font-size:.72rem;font-weight:900;color:var(--teal)}.eyebrow-light:before{content:'';width:.4rem;height:.4rem;border-radius:999px;background:var(--gold)}
.eyebrow-dark{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(198,154,98,.34);border-radius:999px;background:rgba(198,154,98,.09);padding:.48rem .75rem;font-size:.72rem;font-weight:900;color:#E5C07A}.eyebrow-dark:before{content:'';width:.4rem;height:.4rem;border-radius:999px;background:var(--gold)}
.hero-grid{background-image:radial-gradient(circle at 14% 16%,rgba(24,140,140,.28),transparent 27%),radial-gradient(circle at 85% 86%,rgba(198,154,98,.30),transparent 25%),linear-gradient(135deg,#17324D 0%,#1C3E5A 55%,#176F75 130%)}
.hero-widget{border:1px solid rgba(255,255,255,.11);border-radius:2rem;background:rgba(255,255,255,.08);padding:1.35rem;box-shadow:0 28px 70px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.hero-widget small{color:rgba(255,255,255,.5)}.badge-dark{border:1px solid rgba(198,154,98,.34);border-radius:999px;background:rgba(198,154,98,.14);padding:.3rem .6rem;font-size:.65rem;font-weight:800;color:#E5C07A}
.hero-tag{border:1px solid rgba(198,154,98,.24);border-radius:999px;background:rgba(255,255,255,.045);padding:.42rem .7rem}
.mock-step{display:grid;grid-template-columns:2.3rem 1fr auto;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:rgba(255,255,255,.055);padding:.8rem}
.mock-step span{display:grid;height:2.2rem;width:2.2rem;place-items:center;border-radius:.7rem;background:rgba(24,140,140,.18);font-size:.67rem;font-weight:900;color:#80e0dc}
.mock-step b{font-size:.82rem}.mock-step em{font-style:normal;font-size:.66rem;color:rgba(255,255,255,.4)}
.mini-stat{border-radius:1rem;background:rgba(255,255,255,.08);padding:.9rem;text-align:center}.mini-stat b{display:block;font-size:1.45rem}.mini-stat span{font-size:.64rem;color:rgba(255,255,255,.48)}
.pipe{display:grid;grid-template-columns:3.2rem 1fr 1.4rem;align-items:center;gap:.5rem;font-size:.7rem}.pipe i{height:.4rem;border-radius:999px;background:var(--teal)}
.data-chip{border-radius:.8rem;background:var(--warm);padding:.65rem;font-size:.68rem;font-weight:700;color:var(--muted)}
.problem-card{border:1px solid var(--line);border-radius:1.25rem;background:#fff;padding:1.35rem;transition:.2s}.problem-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(23,50,77,.08)}
.problem-card i{display:block;height:.25rem;width:2rem;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--gold))}.problem-card h3{margin-top:.8rem;font-weight:900;color:var(--navy)}.problem-card p{margin-top:.4rem;font-size:.84rem;line-height:1.75;color:var(--muted)}
.service-card{display:block;border:1px solid var(--line);border-radius:1.5rem;background:#fff;padding:1.5rem;transition:.22s}.service-card:hover{transform:translateY(-3px);border-color:rgba(24,140,140,.35);box-shadow:0 20px 55px rgba(23,50,77,.09)}
.service-no{display:grid;height:2.5rem;width:2.5rem;place-items:center;border:1px solid rgba(198,154,98,.34);border-radius:.8rem;background:rgba(198,154,98,.10);font-size:.72rem;font-weight:900;color:#9A6B2F}
.chip{display:inline-flex;border:1px solid var(--line);border-radius:999px;background:var(--warm);padding:.36rem .68rem;font-size:.67rem;font-weight:800;color:var(--muted)}
.feature-line{border-right:3px solid var(--gold);border-radius:.8rem;background:linear-gradient(90deg,#fff,var(--warm));padding:.85rem 1rem;font-size:.83rem;font-weight:800;color:var(--navy)}
.journey-row{display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:rgba(255,255,255,.05);padding:.8rem}
.journey-row>span{display:grid;height:2.3rem;width:2.3rem;place-items:center;border-radius:.7rem;background:rgba(24,140,140,.2);font-size:.65rem;font-weight:900;color:#80e0dc}.journey-row b,.journey-row small{display:block}.journey-row b{font-size:.82rem}.journey-row small{margin-top:.18rem;color:rgba(255,255,255,.4)}
.solution-card{border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;background:rgba(255,255,255,.05);padding:1.4rem;transition:.2s}.solution-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.solution-card h3{font-size:1.05rem;font-weight:900}.solution-card p{margin-top:.55rem;font-size:.82rem;line-height:1.7;color:rgba(255,255,255,.5)}
.case-card,.article-card{display:block;overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:#fff;transition:.22s}.case-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:0 20px 55px rgba(23,50,77,.09)}
.case-visual{height:12.5rem;background:linear-gradient(135deg,#17324D,#225374);padding:1.2rem;color:#fff}.case-visual>span{font-size:.7rem;color:#E5C07A}.case-ui{margin-top:2rem;border:1px solid rgba(255,255,255,.13);border-radius:1rem;background:rgba(255,255,255,.08);padding:1rem}.case-ui i{display:block;height:1.3rem;border-radius:.45rem;background:rgba(255,255,255,.08);margin:.45rem 0}.case-ui i:nth-child(2){width:75%;background:rgba(24,140,140,.35)}
.article-cover{display:flex;height:10.5rem;align-items:flex-end;background:linear-gradient(135deg,#17324D,#176F75);padding:1.25rem}.article-cover span{border:1px solid rgba(198,154,98,.34);border-radius:999px;background:rgba(198,154,98,.12);padding:.38rem .65rem;font-size:.67rem;font-weight:900;color:#E5C07A}
.cta-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;border:1px solid rgba(198,154,98,.24);border-radius:2rem;background:radial-gradient(circle at 88% 20%,rgba(198,154,98,.22),transparent 25%),linear-gradient(135deg,#17324D,#225374);padding:2.3rem;color:#fff}.cta-panel small{font-weight:800;color:#E5C07A}.cta-panel h2{margin-top:.7rem;font-size:1.8rem;font-weight:900}.cta-panel p{margin-top:.7rem;max-width:44rem;line-height:1.8;color:rgba(255,255,255,.58)}
.footer-pill{border:1px solid rgba(198,154,98,.24);border-radius:999px;padding:.45rem .7rem;font-size:.72rem;color:rgba(255,255,255,.64)}
.module-card,.feature-card,.data-box{border:1px solid var(--line);border-radius:1.1rem;background:#fff;padding:1.1rem}.module-card small{font-size:.65rem;font-weight:900;color:#9A6B2F}.module-card h3{margin-top:.55rem;font-weight:900;color:var(--navy)}.module-card p,.feature-card p{margin-top:.45rem;font-size:.8rem;line-height:1.7;color:var(--muted)}
.feature-card i{display:block;height:.22rem;width:1.8rem;border-radius:999px;background:linear-gradient(90deg,var(--teal),var(--gold));margin-bottom:.75rem}.feature-card b{font-size:.86rem;color:var(--navy)}
.data-box small,.data-box b{display:block}.data-box small{font-size:.66rem;color:var(--muted)}.data-box b{margin-top:.35rem;font-size:.83rem;color:var(--navy)}
.workflow-demo{margin:2.3rem 0;border:1px solid rgba(198,154,98,.22);border-radius:1.7rem;background:radial-gradient(circle at 90% 0,rgba(198,154,98,.18),transparent 28%),var(--navy);padding:2.6rem 2rem;color:#fff}.workflow-demo small{display:block;color:#E5C07A}.workflow-demo b{display:block;margin-top:.8rem;font-size:1.1rem;line-height:1.8}
.process-row{display:grid;grid-template-columns:4rem 1fr;gap:1rem;border:1px solid var(--line);border-radius:1.25rem;padding:1.2rem}.process-row>span{display:grid;height:3rem;width:3rem;place-items:center;border-radius:1rem;background:var(--navy);font-size:.7rem;font-weight:900;color:#fff}.process-row h3{font-weight:900;color:var(--navy)}.process-row p{margin-top:.35rem;font-size:.84rem;line-height:1.75;color:var(--muted)}
.article-prose{color:#34424e}.article-prose h2{margin-top:2.5rem;font-size:1.55rem;font-weight:900;line-height:1.5;color:var(--navy)}.article-prose p{margin-top:1rem;line-height:2;color:var(--muted)}.article-prose>.eyebrow-light{margin-top:2.6rem}
.callout{margin:2rem 0;border-right:4px solid var(--gold);border-radius:1rem;background:linear-gradient(90deg,#fff,var(--warm));padding:1.2rem}.callout b,.callout span{display:block}.callout span{margin-top:.35rem;color:var(--muted)}
.form-label,.form-grid label{font-size:.77rem;font-weight:800;color:var(--navy)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.form-input{margin-top:.45rem;width:100%;border:1px solid var(--line);border-radius:.8rem;background:#fff;padding:.8rem .9rem;font-size:.84rem;outline:none;transition:.2s}.form-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(24,140,140,.08)}
.wizard-step h2{font-size:1.45rem;font-weight:900;color:var(--navy)}.wizard-step>p{margin-top:.4rem;color:var(--muted)}
.option-grid{margin-top:1.5rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.select-card{cursor:pointer}.select-card input{position:absolute;opacity:0}.select-card span{display:block;border:1px solid var(--line);border-radius:1rem;padding:1rem;font-size:.84rem;font-weight:800;color:var(--navy)}.select-card input:checked+span{border-color:var(--teal);background:rgba(24,140,140,.06);box-shadow:inset 0 0 0 1px var(--teal)}
.file-drop{margin-top:1.5rem;display:grid;min-height:10rem;place-items:center;border:2px dashed var(--line);border-radius:1.2rem;background:rgba(246,243,238,.6);padding:1rem;text-align:center;color:var(--muted)}.file-drop b,.file-drop small{display:block}.file-drop small{margin-top:.4rem}
.booking-type{display:block;cursor:pointer}.booking-type input{position:absolute;opacity:0}.booking-type>span{display:block;border:1px solid var(--line);border-radius:1.2rem;background:#fff;padding:1rem}.booking-type input:checked+span{border-color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal),0 12px 30px rgba(23,50,77,.05)}.booking-type b,.booking-type small,.booking-type em{display:block}.booking-type b{color:var(--navy)}.booking-type small{margin-top:.2rem;font-size:.7rem;font-weight:800;color:var(--teal)}.booking-type em{margin-top:.5rem;font-style:normal;font-size:.77rem;line-height:1.7;color:var(--muted)}
.cal-btn{border:1px solid var(--line);border-radius:.7rem;background:#fff;padding:.48rem .68rem;font-size:.73rem;font-weight:800;color:var(--navy)}.day{aspect-ratio:1;border-radius:.7rem;font-size:.78rem;font-weight:800;color:var(--navy)}.day:hover,.day-active{background:var(--teal);color:#fff}.day-off{opacity:.28;pointer-events:none}.time-slot{border:1px solid var(--line);border-radius:.75rem;padding:.7rem;font-size:.76rem;font-weight:800;color:var(--navy)}.time-slot:hover{border-color:var(--teal);background:rgba(24,140,140,.05);color:var(--teal)}
.contact-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:1rem;padding:1rem}.contact-card span{font-size:.73rem;color:var(--muted)}.contact-card b{color:var(--navy)}
.faq-item{border-bottom:1px solid var(--line)}.faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1.3rem 0;text-align:right;font-weight:900;color:var(--navy)}.faq-answer{padding:0 0 1.4rem;line-height:1.9;color:var(--muted)}
/* Admin */
.admin-nav{display:flex;align-items:center;gap:.75rem;border-radius:.8rem;padding:.7rem .8rem;font-size:.8rem;color:rgba(255,255,255,.53);transition:.2s}.admin-nav span{display:grid;width:1.4rem;place-items:center;color:rgba(255,255,255,.38)}.admin-nav:hover,.admin-nav-active{background:rgba(255,255,255,.08);color:#fff}.admin-nav-active{box-shadow:inset -2px 0 0 var(--gold)}.admin-nav-active span{color:#E5C07A}
.admin-panel{border:1px solid var(--line);border-radius:1.25rem;background:#fff;padding:1.25rem}.admin-stat{border:1px solid var(--line);border-top:2px solid rgba(198,154,98,.55);border-radius:1.2rem;background:#fff;padding:1.1rem}.admin-stat span{display:block;font-size:.68rem;color:var(--muted)}.admin-stat b{display:block;margin-top:.35rem;font-size:1.5rem;color:var(--navy)}.admin-stat em{display:block;margin-top:.25rem;font-size:.64rem;font-style:normal;color:var(--teal)}
.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h3{font-weight:900;color:var(--navy)}.panel-head p{margin-top:.18rem;font-size:.68rem;color:var(--muted)}.panel-head a{font-size:.7rem;font-weight:800;color:var(--teal)}
.appointment-row{display:grid;grid-template-columns:3rem 1fr;align-items:center;gap:.7rem;border-radius:.8rem;background:var(--warm);padding:.75rem}.appointment-row>span{font-size:.68rem;font-weight:900;color:#9A6B2F}.appointment-row b,.appointment-row small{display:block}.appointment-row b{font-size:.76rem;color:var(--navy)}.appointment-row small{font-size:.63rem;color:var(--muted)}
.task-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;border-bottom:1px solid var(--line);padding:.7rem 0}.task-row:last-child{border:0}.task-row b,.task-row small{display:block}.task-row b{font-size:.76rem;color:var(--navy)}.task-row small{font-size:.63rem;color:var(--muted)}
.table-wrap{margin-top:1rem;overflow-x:auto}.admin-table{width:100%;min-width:650px;border-collapse:collapse;text-align:right;font-size:.76rem}.admin-table th{border-bottom:1px solid var(--line);padding:.75rem;color:var(--muted);font-size:.64rem}.admin-table td{border-bottom:1px solid #EEF1F2;padding:.82rem .75rem}.admin-table td b,.admin-table td small{display:block}.admin-table td b{color:var(--navy)}.admin-table td small{font-size:.62rem;color:var(--muted)}
.badge-red,.badge-gold,.badge-gray,.badge-green,.badge-blue,.badge-teal{display:inline-flex;border-radius:999px;padding:.27rem .52rem;font-size:.6rem;font-weight:900}.badge-red{background:#FDECEC;color:#B74949}.badge-gold{background:#FBF2E5;color:#A47133}.badge-gray{background:#F0F2F3;color:#66737F}.badge-green{background:#E8F6EE;color:#24784B}.badge-blue{background:#EAF0FA;color:#3E69A5}.badge-teal{background:#E7F5F4;color:#188C8C}
.admin-search,.admin-select{border:1px solid var(--line);border-radius:.75rem;background:#fff;padding:.65rem .8rem;font-size:.73rem;outline:none}.admin-search{min-width:220px}
.kanban-wrap{overflow-x:auto}.kanban-col{width:285px;border-radius:1rem;background:#EDF1F3;padding:1rem}.kanban-col>div:first-child i{height:.55rem;width:.55rem;border-radius:999px}.kanban-col>div:first-child b{font-size:.76rem;color:var(--navy)}.kanban-col>div:first-child>span{font-size:.66rem;color:var(--muted)}
.lead-card{display:block;border:1px solid var(--line);border-radius:1rem;background:#fff;padding:.9rem}.lead-card b,.lead-card small{display:block}.lead-card b{font-size:.78rem;color:var(--navy)}.lead-card small{font-size:.63rem;color:var(--muted)}.score{display:grid;height:2rem;min-width:2rem;place-items:center;border-radius:.65rem;background:rgba(24,140,140,.1);padding:0 .4rem;font-size:.63rem;font-weight:900;color:var(--teal)}
.timeline{position:relative}.timeline:before{content:'';position:absolute;right:.43rem;top:.5rem;bottom:.5rem;width:1px;background:var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:1rem 1fr;gap:.8rem;padding-bottom:1.25rem}.timeline-item i{position:relative;z-index:1;margin-top:.25rem;height:.9rem;width:.9rem;border:3px solid #fff;border-radius:999px;background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.timeline-item b{font-size:.78rem;color:var(--navy)}.timeline-item p{margin-top:.2rem;font-size:.73rem;line-height:1.7;color:var(--muted)}.timeline-item small{font-size:.6rem;color:#96A0A7}
.ai-box{border:1px solid rgba(24,140,140,.17);border-radius:.9rem;background:#fff;padding:.8rem}.ai-box small,.ai-box b{display:block}.ai-box small{font-size:.63rem;color:var(--muted)}.ai-box b{margin-top:.3rem;font-size:.76rem;color:var(--navy)}
.admin-day{position:relative;display:grid;aspect-ratio:1;place-items:start;border:1px solid #EEF1F2;border-radius:.6rem;padding:.4rem;font-size:.64rem;color:var(--muted)}.admin-day.has-events{background:#F2FAF9}.admin-day i{position:absolute;bottom:.4rem;right:.4rem;height:.35rem;width:.35rem;border-radius:999px;background:var(--gold)}
.appointment-detail{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:.7rem;border:1px solid var(--line);border-radius:.85rem;padding:.75rem}.appointment-detail>span{font-size:.66rem;font-weight:900;color:var(--teal)}.appointment-detail b,.appointment-detail small{display:block}.appointment-detail b{font-size:.76rem;color:var(--navy)}.appointment-detail small{font-size:.62rem;color:var(--muted)}
.seo-page{border-radius:.7rem;padding:.65rem .75rem;text-align:right;font-size:.74rem;font-weight:800;color:var(--muted)}.seo-page:hover,.seo-active{background:var(--warm);color:var(--navy)}
.funnel-step{border:1px solid var(--line);border-radius:1rem;background:var(--warm);padding:1rem;text-align:center}.funnel-step b{display:block;font-size:1.25rem;color:var(--navy)}.funnel-step span{display:block;margin-top:.3rem;font-size:.7rem;font-weight:800;color:var(--muted)}.funnel-step small{font-size:.6rem;color:#9A6B2F}
.toggle-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:.9rem;padding:.85rem}.toggle-row b,.toggle-row small{display:block}.toggle-row b{font-size:.76rem;color:var(--navy)}.toggle-row small{font-size:.63rem;color:var(--muted)}
.color-field span{font-size:.68rem;color:var(--muted)}.color-field>div{margin-top:.5rem;height:3rem;border:1px solid var(--line);border-radius:.7rem}
@media(max-width:1024px){.cta-panel{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.option-grid,.form-grid{grid-template-columns:1fr}.mock-step{grid-template-columns:2.3rem 1fr}.mock-step em{display:none}.article-prose h2{font-size:1.35rem}.process-row{grid-template-columns:3.5rem 1fr}.cta-panel{padding:1.5rem}}

/* Tech visual enhancement */
.hero-grid{position:relative;isolation:isolate;background-image:url('tech-hero.svg'),radial-gradient(circle at 14% 16%,rgba(24,140,140,.28),transparent 27%),radial-gradient(circle at 85% 86%,rgba(198,154,98,.30),transparent 25%),linear-gradient(135deg,#17324D 0%,#1C3E5A 55%,#176F75 130%);background-size:cover,auto,auto,auto;background-position:center center,center,center,center}
.hero-grid:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 30%,rgba(0,0,0,.12));pointer-events:none}
.hero-grid:after{content:'';position:absolute;left:-5rem;bottom:-5rem;width:18rem;height:18rem;border:1px solid rgba(198,154,98,.18);border-radius:999px;box-shadow:0 0 0 28px rgba(24,140,140,.04),0 0 0 56px rgba(198,154,98,.03);pointer-events:none;z-index:-1}
.hero-widget,.case-visual,.article-cover,.workflow-demo,.cta-panel,.admin-panel,.admin-stat{position:relative;overflow:hidden}
.hero-widget:before{content:'';position:absolute;inset:0;background:url('tech-light.svg') center/cover no-repeat;opacity:.16;pointer-events:none}
.hero-widget>*{position:relative}
.case-visual{background-image:url('tech-light.svg'),linear-gradient(135deg,#17324D,#225374);background-size:cover,auto;background-position:center}
.case-visual:after,.article-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,0) 45%);pointer-events:none}
.article-cover{position:relative;background-image:url('tech-light.svg'),linear-gradient(135deg,#17324D,#176F75);background-size:cover,auto;background-position:center}
.workflow-demo{background-image:url('tech-light.svg'),radial-gradient(circle at 90% 0,rgba(198,154,98,.18),transparent 28%),linear-gradient(135deg,#17324D,#225374);background-size:cover,auto,auto;background-position:center}
.cta-panel{background-image:url('tech-light.svg'),radial-gradient(circle at 88% 20%,rgba(198,154,98,.22),transparent 25%),linear-gradient(135deg,#17324D,#225374);background-size:cover,auto,auto;background-position:center}
.problem-card::after,.service-card::after,.feature-card::after,.module-card::after,.data-box::after{content:'';position:absolute;left:-2.2rem;top:-2.2rem;width:5.2rem;height:5.2rem;border:1px solid rgba(24,140,140,.07);border-radius:999px;box-shadow:0 0 0 14px rgba(198,154,98,.03);pointer-events:none}
.bg-warm{position:relative;overflow:hidden}
.bg-warm:before{content:'';position:absolute;inset:0;background:url('tech-light.svg') top center/1200px auto no-repeat;opacity:.12;pointer-events:none}
.bg-warm>*{position:relative}
.footer-pill:hover{border-color:rgba(198,154,98,.52);color:#fff}
aside[data-admin-sidebar]{background-image:url('admin-tech.svg'),linear-gradient(180deg,#17324D,#17324D);background-size:cover,auto;background-position:center}
.admin-panel:before,.admin-stat:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--gold));opacity:.75}
.admin-panel:after{content:'';position:absolute;left:-1.3rem;bottom:-1.6rem;width:4.8rem;height:4.8rem;border:1px solid rgba(24,140,140,.08);border-radius:999px;box-shadow:0 0 0 12px rgba(198,154,98,.04);pointer-events:none}
.admin-stat{background-image:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,1)),url('tech-light.svg');background-size:auto,cover;background-position:center}
.admin-auth-bg{background-image:url('admin-tech.svg'),linear-gradient(135deg,#17324D 0%,#1C3E5A 55%,#176F75 130%);background-size:cover,auto;background-position:center}
.admin-auth-card{position:relative;overflow:hidden}
.admin-auth-card:before{content:'';position:absolute;inset:0;background:url('tech-light.svg') center/cover no-repeat;opacity:.11;pointer-events:none}
.admin-auth-card>*{position:relative}
.process-row,.contact-card,.appointment-row,.appointment-detail,.funnel-step,.lead-card,.ai-box,.task-row,.kanban-col{position:relative;overflow:hidden}
.process-row:after,.contact-card:after,.appointment-row:after,.appointment-detail:after,.funnel-step:after,.lead-card:after,.ai-box:after{content:'';position:absolute;left:-1.4rem;top:-1.4rem;width:4rem;height:4rem;border:1px solid rgba(198,154,98,.07);border-radius:999px;pointer-events:none}
@media(max-width:640px){.hero-grid:after{display:none}.bg-warm:before{background-size:900px auto;opacity:.08}}