
:root{
  --navy:#062e63;--navy2:#031a3b;--ink:#07162d;--text:#163457;--muted:#637894;--line:#dbe6f4;--line2:#bed0e7;--soft:#f5f9ff;--white:#fff;
  --cyan:#0bd4ff;--teal:#00a6a6;--mint:#e7fff9;--gold:#ffc95a;--danger:#b42318;
  --grad:linear-gradient(135deg,#062e63 0%,#004c91 42%,#00a6a6 100%);
  --grad2:linear-gradient(135deg,#00d4ff,#0a72ff 48%,#2ee59d);
  --shadow:0 24px 80px rgba(3,26,59,.15);--shadow2:0 14px 34px rgba(3,26,59,.12);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#fff;color:var(--text);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%}.shell{width:min(1200px,calc(100% - 40px));margin:auto}.center{text-align:center}.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(190,208,231,.55)}.top-ribbon{background:var(--navy2);color:#dff7ff;font-size:12px;letter-spacing:.02em}.ribbon-inner{display:flex;justify-content:space-between;gap:18px;padding:7px 0}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;min-width:210px}.brand img{width:64px;max-height:56px;object-fit:contain}.brand b{display:block;color:var(--navy);font-size:23px;line-height:1}.brand small{display:block;color:var(--teal);font-weight:800;font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{font-weight:800;color:#183b62;padding:11px 12px;border-radius:999px;font-size:14px}.main-nav a:hover,.main-nav a.active{background:#edf8ff;color:var(--navy)}.main-nav .portal-link{border:1px solid #bfddf0;background:#f5fbff}.main-nav .nav-cta{background:var(--grad);color:white;box-shadow:0 12px 28px rgba(0,85,160,.22)}.nav-toggle{display:none;background:#eef7ff;border:1px solid #c7d9ec;border-radius:14px;padding:10px;gap:4px;flex-direction:column}.nav-toggle span{display:block;width:24px;height:2px;background:var(--navy)}
.eyebrow{margin:0 0 12px;color:var(--teal);text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px}.hero-premium{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(11,212,255,.22),transparent 26%),radial-gradient(circle at 88% 18%,rgba(46,229,157,.2),transparent 25%),linear-gradient(135deg,#f8fcff 0%,#eef8ff 45%,#fff 100%);padding:100px 0 80px}.hero-premium:before{content:"";position:absolute;inset:-120px;background-image:linear-gradient(rgba(6,46,99,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(6,46,99,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center}.hero-copy h1,.page-hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:0;color:var(--ink);letter-spacing:-.055em}.hero-copy h1{max-width:800px}.hero-lead{font-size:20px;max-width:720px;color:#49647f;margin:24px 0 28px}.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cta-row.center{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;border:1px solid transparent;font-weight:900;padding:14px 22px;min-height:48px;transition:.22s ease;cursor:pointer;font-size:15px}.button.primary{background:var(--grad);color:#fff;box-shadow:0 18px 36px rgba(0,83,163,.22)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 22px 45px rgba(0,83,163,.3)}.button.secondary{background:#fff;color:var(--navy);border-color:#c9d9ec}.button.ghost{background:rgba(255,255,255,.68);border-color:#bad6ed;color:var(--navy)}.button.white{background:#fff;color:var(--navy)}.button.outline-light{border-color:rgba(255,255,255,.5);color:white;background:transparent}.button.glow{position:relative}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px;max-width:720px}.hero-metrics div{padding:16px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid #d7e8f5;box-shadow:var(--shadow2)}.hero-metrics b{display:block;color:var(--navy);font-size:24px}.hero-metrics span{font-weight:800;color:#506b89}.hero-dashboard{position:relative;background:linear-gradient(155deg,rgba(6,46,99,.97),rgba(3,26,59,.96));border:1px solid rgba(255,255,255,.16);border-radius:34px;padding:22px;box-shadow:0 38px 100px rgba(3,26,59,.35);color:#fff;min-height:490px}.dash-top{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:18px;margin-bottom:18px}.dash-top span{width:12px;height:12px;border-radius:99px;background:#5ee6ff}.dash-top span:nth-child(2){background:#ffc95a}.dash-top span:nth-child(3){background:#2ee59d}.dash-top b{margin-left:auto}.dash-card{padding:24px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}.dash-card small,.dash-row small{display:block;color:#aeefff;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.dash-card strong{display:block;font-size:28px;margin:6px 0}.dash-card p{color:#d9eaff;margin:0}.dash-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.dash-row div{padding:18px;border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}.dash-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:34px;position:relative}.dash-timeline i{position:absolute;height:3px;background:var(--grad2);left:10%;right:10%;top:-14px;border-radius:20px}.dash-timeline span{background:rgba(255,255,255,.08);border-radius:999px;text-align:center;padding:10px;font-weight:900;color:#e9f8ff}.floating-card{position:absolute;background:#fff;color:var(--navy);font-weight:900;padding:14px 18px;border-radius:18px;box-shadow:0 24px 55px rgba(0,0,0,.18);border:1px solid #dbe6f4}.card-a{right:-20px;top:115px}.card-b{left:-18px;bottom:48px}.logo-marquee{overflow:hidden;background:#041f46;color:white;border-block:1px solid rgba(255,255,255,.08)}.marquee-track{display:flex;gap:38px;white-space:nowrap;animation:marquee 28s linear infinite;padding:18px 0;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.marquee-track span{opacity:.9}.marquee-track span:before{content:"✦";margin-right:38px;color:var(--cyan)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:88px 0}.section.soft{background:linear-gradient(180deg,#f7fbff,#eef7ff)}.section-heading{max-width:780px;margin:0 auto 40px;text-align:center}.section-heading h2,.split-intro h2,.rail-copy h2,.showcase-panel h2,.custom-card h2,.about-grid h2,.page-hero h1{margin:0;color:var(--ink);letter-spacing:-.035em}.section-heading h2,.split-intro h2,.rail-copy h2,.showcase-panel h2,.custom-card h2,.about-grid h2{font-size:clamp(30px,4vw,52px);line-height:1.08}.section-heading p{color:var(--muted);font-size:18px}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:36px}.lead-sm{font-size:18px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article,.standards-grid div,.solutions-grid article,.usecase-grid div,.stats-cards div,.tab-feature-grid div,.contact-list div{border:1px solid var(--line);border-radius:26px;padding:24px;background:#fff;box-shadow:var(--shadow2)}.feature-grid span{display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:#edf9ff;color:var(--navy);font-weight:900}.feature-grid h3,.standards-grid b{color:var(--navy);font-size:20px}.dark-section{background:radial-gradient(circle at 20% 20%,rgba(11,212,255,.12),transparent 26%),linear-gradient(135deg,#031a3b,#062e63);color:#fff;overflow:hidden}.section-heading.light h2,.section-heading.light p,.dark-section .eyebrow{color:#fff}.service-orbit{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-orbit a{display:block;min-height:180px;padding:24px;border-radius:28px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;transition:.22s}.service-orbit a:hover{transform:translateY(-4px);background:rgba(255,255,255,.14)}.service-orbit b{font-size:24px;display:block}.service-orbit span{display:block;color:#d6edff;margin-top:10px}.process-rail{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.rail-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rail-steps div,.process-board div{padding:24px;border-radius:26px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow2)}.rail-steps span,.process-board span,.num{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--grad);color:#fff;font-weight:900}.showcase{background:#f7fbff}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.showcase-panel{padding:44px;border-radius:34px;background:white;border:1px solid var(--line);box-shadow:var(--shadow2)}.showcase-panel.accent{background:var(--grad);color:#fff}.showcase-panel.accent h2,.showcase-panel.accent p,.showcase-panel.accent .eyebrow{color:#fff}.standards-grid,.solutions-grid,.usecase-grid,.stats-cards,.tab-feature-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.usecase-grid{grid-template-columns:repeat(4,1fr)}.tab-feature-grid{grid-template-columns:repeat(4,1fr)}.final-cta{background:var(--grad);color:#fff;text-align:center;padding:80px 0;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 25%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.14),transparent 20%)}.final-cta .shell{position:relative}.final-cta h2{font-size:clamp(34px,5vw,62px);line-height:1.05;letter-spacing:-.04em;margin:0 0 24px;color:#fff}.final-cta.compact{padding:60px 0}.page-hero{background:radial-gradient(circle at 80% 10%,rgba(11,212,255,.16),transparent 28%),linear-gradient(135deg,#f8fcff,#eef8ff);padding:74px 0;border-bottom:1px solid #dbe6f4}.page-hero.big{padding:96px 0}.page-hero p{max-width:790px;color:#536d89;font-size:19px}.service-catalog{display:grid;gap:22px}.service-catalog article{display:grid;grid-template-columns:70px 1.1fr 1fr 160px;gap:24px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow2)}.service-catalog h2{margin:0;color:var(--navy);line-height:1.1}.service-catalog p{margin:0;color:var(--muted)}.service-catalog ul{margin:0}.service-catalog a{font-weight:900;color:var(--teal)}.custom-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:34px;padding:44px;text-align:center}.platform-map{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.platform-map div{padding:18px 22px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(255,255,255,.09);font-weight:900}.workflow-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.workflow-gallery article,.article-grid article{padding:30px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow2)}.workflow-gallery small,.article-grid span{color:var(--teal);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.workflow-gallery b,.workflow-gallery span{display:block}.about-grid,.ethics-split,.contact-grid,.brief-layout,.portal-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.about-card,.premium-card,.contact-card{border:1px solid var(--line);border-radius:30px;background:#fff;box-shadow:var(--shadow2);padding:30px}.check-list{padding:0;margin:20px 0;list-style:none}.check-list li{position:relative;padding-left:30px;margin:12px 0}.check-list li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#e7fff9;color:#007c7e;text-align:center;line-height:20px;font-weight:900}.faq-page{display:grid;gap:14px;max-width:900px}.faq-page details,.accordion details{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 22px;box-shadow:var(--shadow2)}summary{font-weight:900;color:var(--navy);cursor:pointer}.legal .shell{max-width:900px}.legal h2{color:var(--navy);margin-top:34px}.contact-grid{grid-template-columns:.9fr 1.1fr}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-list b{display:block;color:var(--navy)}.contact-list span{color:var(--muted);word-break:break-word}
/* Forms and portal */
.submit-topbar{background:#eaf8ff;border-bottom:1px solid #cfe5f5;padding:14px}.brief-aside{position:sticky;top:110px}.private-note,.portal-note{border:1px solid #bee4e4;background:#efffff;border-radius:18px;padding:16px;color:#24536d}.project-form,.portal-form{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.step-head{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}.step-head div{display:flex;gap:10px;align-items:center;background:#f4f9ff;border:1px solid var(--line);border-radius:16px;padding:12px}.step-dot{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#d8e8f7;color:var(--navy);font-weight:900}.step-dot.active,.step-dot.done{background:var(--grad);color:#fff}.form-step{display:none}.form-step.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{font-weight:900;color:var(--navy)}label span{font-weight:700;color:var(--muted)}input,select,textarea{width:100%;margin-top:7px;border:1px solid #c8d8eb;border-radius:14px;padding:13px 14px;font:inherit;color:var(--ink);background:white}textarea{resize:vertical}.form-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.drop-zone{position:relative;border:2px dashed #9cccea;border-radius:24px;padding:32px;text-align:center;background:#f6fbff;transition:.2s}.drop-zone.drag{background:#e9fbff;border-color:var(--teal)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-zone strong,.drop-zone span{display:block}.file-list{display:grid;gap:10px;margin:16px 0}.file-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px}.file-item b,.file-item span{display:block}.file-item span{color:var(--muted);font-size:13px}.file-item button{border:0;background:#ffeceb;color:#8d2018;border-radius:999px;padding:8px 12px;font-weight:900}.consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.consent input{width:auto;margin-top:5px}.form-status{font-weight:800;color:var(--teal);min-height:24px}.success-card{text-align:center;border:1px solid var(--line);border-radius:34px;padding:48px;background:#fff;box-shadow:var(--shadow)}.success-icon{display:inline-flex;width:70px;height:70px;border-radius:50%;align-items:center;justify-content:center;background:#e7fff9;color:#007e83;font-weight:900;font-size:34px}.portal-credential-card{margin:20px auto;max-width:500px;text-align:left;background:#f6fbff;border:1px solid var(--line);border-radius:24px;padding:20px}.portal-credential-card small{display:block;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.portal-credential-card strong{display:block;font-size:24px;color:var(--navy);word-break:break-word;margin:4px 0 12px}.portal-layout{grid-template-columns:380px 1fr}.portal-form label{display:block;margin:14px 0}.portal-result{min-height:420px}.portal-result.empty{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow2);padding:30px}.empty-state{text-align:center;color:var(--muted)}.empty-state span{display:inline-grid;place-items:center;width:70px;height:70px;border-radius:24px;background:#eef7ff;color:var(--navy);font-size:34px}.portal-result.workspace{background:#fff;border:1px solid var(--line);border-radius:30px;padding:20px;box-shadow:var(--shadow)}.portal-result-head{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#f5fbff,#fff);border:1px solid var(--line);border-radius:22px;padding:18px}.portal-result-head small{font-weight:900;color:var(--muted);text-transform:uppercase}.portal-result-head h2{margin:0;color:var(--navy)}.portal-result-head b{background:#e7fff9;color:#007879;border-radius:999px;padding:8px 12px}.live-chat-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;background:#eefbff;border:1px solid #bfebf4;border-radius:18px;padding:12px}.live-chat-bar button{margin-left:auto}.badge{border-radius:999px;background:#fff;color:var(--navy);font-weight:900;padding:8px 12px;border:1px solid #cfe5f5}.workspace-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.workspace-tabs button{border:0;border-radius:999px;padding:12px 20px;background:#eef4fb;color:var(--navy);font-weight:900;cursor:pointer}.workspace-tabs button.active{background:var(--navy);color:#fff}.workspace-panel{display:none}.workspace-panel.active{display:block}.chat-thread{display:grid;gap:12px;max-height:430px;overflow:auto;background:#f7fbff;border:1px solid var(--line);border-radius:22px;padding:14px}.chat-bubble{max-width:78%;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.04)}.chat-bubble.staff{margin-left:auto;background:#eaf9ff;border-color:#bfe9f4}.chat-bubble small,.chat-bubble em{display:block;color:var(--muted);font-size:12px}.chat-bubble p{margin:8px 0}.message-form{margin:14px 0}.chat-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.chat-upload-box{margin-top:14px}.portal-file-upload-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.portal-file-upload-form input[type=file]{max-width:100%;margin:0}.file-cards,.portal-files-list{display:grid;gap:12px;margin-top:16px}.file-card,.portal-file-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px}.file-card b,.portal-file-card b{display:block;color:var(--navy)}.file-card span,.portal-file-card span{color:var(--muted);font-size:13px}.file-download-btn{border:1px solid #b9d6f0;background:#eef7ff;color:var(--navy);font-weight:900;border-radius:999px;padding:10px 14px;cursor:pointer}.portal-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.portal-info-grid div{border:1px solid var(--line);border-radius:18px;background:#f9fcff;padding:14px}.portal-info-grid small{display:block;color:var(--muted);text-transform:uppercase;font-weight:900}.portal-info-grid strong{display:block;color:var(--navy)}.portal-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portal-timeline span{background:#eef4fb;border-radius:999px;text-align:center;padding:12px;font-weight:900}.portal-timeline span.done{background:#e7fff9;color:#007879}.portal-timeline span.active{background:#fff1c7;color:#7a5200}.site-footer{background:#031a3b;color:#dcecff;padding:64px 0 18px}.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:34px}.footer-brand{display:flex;align-items:center;gap:10px;color:white;font-size:22px;font-weight:900}.footer-brand img{width:42px}.site-footer h4{color:#fff;margin:0 0 14px}.site-footer a{display:block;color:#dcecff;margin:8px 0}.footer-company p{color:#b7cae0}.footer-badges{display:flex;gap:8px;flex-wrap:wrap}.footer-badges span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;font-size:12px}.footer-bottom{margin-top:42px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:#adc5dc;font-size:13px}.reveal{opacity:0;transform:translateY(20px);transition:.65s ease}.reveal.in{opacity:1;transform:translateY(0)}
@media (max-width:1000px){.nav-toggle{display:flex}.main-nav{display:none;position:absolute;left:20px;right:20px;top:100%;background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-header.open .main-nav{display:flex}.main-nav a{text-align:center}.hero-layout,.split-intro,.process-rail,.showcase-grid,.about-grid,.ethics-split,.contact-grid,.brief-layout,.portal-layout{grid-template-columns:1fr}.hero-dashboard{min-height:400px}.feature-grid,.service-orbit,.standards-grid,.solutions-grid,.usecase-grid,.stats-cards,.article-grid,.tab-feature-grid{grid-template-columns:1fr 1fr}.service-catalog article{grid-template-columns:1fr}.brief-aside{position:static}.footer-top{grid-template-columns:1fr 1fr}.ribbon-inner{justify-content:center}.ribbon-inner span:nth-child(2){display:none}}
@media (max-width:640px){.shell{width:min(100% - 24px,1200px)}.hero-premium,.page-hero.big{padding:58px 0}.section{padding:56px 0}.hero-copy h1,.page-hero h1{font-size:38px}.hero-metrics,.dash-row,.rail-steps,.workflow-gallery,.feature-grid,.service-orbit,.standards-grid,.solutions-grid,.usecase-grid,.stats-cards,.article-grid,.tab-feature-grid,.form-grid,.contact-list,.portal-info-grid,.portal-timeline{grid-template-columns:1fr}.floating-card{display:none}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.chat-bubble{max-width:100%}.portal-result-head{align-items:flex-start;flex-direction:column}.file-card,.portal-file-card{align-items:flex-start;flex-direction:column}.step-head{grid-template-columns:1fr}.brand img{width:52px}.brand b{font-size:20px}.service-catalog article{padding:20px}}

/* v1.0.25 professional agency design upgrades */
body{background:radial-gradient(circle at 14% 4%,rgba(23,130,210,.12),transparent 32%),radial-gradient(circle at 92% 12%,rgba(0,213,194,.10),transparent 30%),#f7fbff;}
.site-header{backdrop-filter:blur(18px)}
.top-ribbon{background:linear-gradient(90deg,#031a3b,#073d76,#009da8,#031a3b);background-size:300% 100%;animation:ribbonFlow 12s linear infinite}.ribbon-inner span{letter-spacing:.01em}.main-nav a{position:relative}.main-nav a:not(.nav-cta):not(.portal-link)::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;background:linear-gradient(90deg,var(--teal),#f7b731);transform:scaleX(0);transform-origin:left;transition:.28s}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
@keyframes ribbonFlow{to{background-position:300% 0}}
.agency-hero{position:relative;overflow:hidden;background:#041a38;color:#fff;min-height:calc(100vh - 90px);display:flex;align-items:center}.agency-hero .hero-layout{position:relative;z-index:3}.agency-hero h1{background:linear-gradient(90deg,#ffffff 5%,#dbfbff 36%,#8feeff 64%,#ffd681 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.agency-hero .hero-lead{color:#d8eaff}.agency-layout{grid-template-columns:1.03fr .97fr}.animated-mesh{position:absolute;inset:-20%;z-index:0;filter:blur(8px);opacity:.95;pointer-events:none}.animated-mesh span{position:absolute;width:44vw;height:44vw;min-width:420px;min-height:420px;border-radius:50%;mix-blend-mode:screen;opacity:.58;animation:meshFloat 16s ease-in-out infinite}.animated-mesh span:nth-child(1){left:-8%;top:-7%;background:radial-gradient(circle,#0057ff 0%,rgba(0,87,255,.02) 65%)}.animated-mesh span:nth-child(2){right:-10%;top:5%;background:radial-gradient(circle,#00d7c0 0%,rgba(0,215,192,.02) 65%);animation-delay:-4s}.animated-mesh span:nth-child(3){left:28%;bottom:-26%;background:radial-gradient(circle,#f7b731 0%,rgba(247,183,49,.01) 62%);animation-delay:-8s}.animated-mesh span:nth-child(4){right:28%;bottom:-14%;background:radial-gradient(circle,#7c3dff 0%,rgba(124,61,255,.01) 65%);animation-delay:-11s}.animated-mesh.compact{inset:0;overflow:hidden;border-radius:0}.animated-mesh.compact span{min-width:280px;min-height:280px;width:30vw;height:30vw;opacity:.4}@keyframes meshFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(8%,7%,0) scale(1.08)}66%{transform:translate3d(-7%,5%,0) scale(.96)}}
.hero-noise{position:absolute;inset:0;z-index:1;opacity:.18;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:36px 36px;mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 80%)}.agency-hero .hero-bg-grid{opacity:.34}.agency-dashboard{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);box-shadow:0 30px 100px rgba(0,0,0,.35);backdrop-filter:blur(18px);overflow:hidden}.agency-dashboard::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 40%,rgba(0,225,204,.14));pointer-events:none}.agency-dashboard .dash-card,.agency-dashboard .dash-row>div{background:rgba(255,255,255,.92)}.agency-layers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.agency-layers div{background:rgba(3,26,59,.8);border:1px solid rgba(255,255,255,.14);border-radius:17px;padding:12px;color:#fff}.agency-layers b{display:block;color:#8feeff}.agency-layers span{font-size:12px;color:#e4f7ff}.floating-arrow{position:absolute;right:30px;top:74px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#ffcd55;color:#061e3f;font-weight:1000;font-size:27px;box-shadow:0 16px 35px rgba(247,183,49,.35);animation:arrowBob 2.8s ease-in-out infinite}@keyframes arrowBob{50%{transform:translate(7px,-7px)}}.scroll-arrow{position:absolute;bottom:24px;left:50%;z-index:4;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#031a3b;background:#fff;text-decoration:none;font-weight:900;box-shadow:0 10px 34px rgba(0,0,0,.22);animation:downPulse 2.4s ease-in-out infinite}.scroll-arrow span{display:block}.scroll-arrow:hover span{animation:arrowDrop .8s ease infinite}@keyframes downPulse{50%{transform:translateX(-50%) translateY(-8px)}}@keyframes arrowDrop{50%{transform:translateY(5px)}}
.hero-search-card{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:22px 0;padding:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.09);border-radius:22px;backdrop-filter:blur(14px)}.hero-search-card span{color:#bfefff;font-weight:900}.hero-search-card a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);padding:8px 12px;border-radius:999px;font-weight:800;transition:.2s}.hero-search-card a:hover{transform:translateY(-2px);background:#fff;color:#052d63}.trust-metrics div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:20px;color:#fff}.trust-metrics b{color:#ffcd55}.trust-metrics span{color:#e2f7ff}.agency-marquee{background:#061f43;color:#fff;border:0}.agency-marquee span{background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border-color:rgba(255,255,255,.10);color:#fff}.agency-intro{background:linear-gradient(180deg,#fff,#f3f9ff)}.quick-help-grid,.reason-grid,.audience-grid,.journey-cards,.example-board{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.quick-help-grid article,.audience-grid article,.journey-cards>div,.reason-grid>div,.example-board>div{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow2);transition:.28s}.quick-help-grid article:hover,.audience-grid article:hover,.journey-cards>div:hover,.reason-grid>div:hover,.example-board>div:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(5,45,99,.12)}.quick-help-grid span,.audience-grid span{font-size:32px}.quick-help-grid h3,.audience-grid h3,.journey-cards h3{color:var(--navy);margin:12px 0 8px}.dynamic-dark{position:relative;overflow:hidden}.dynamic-dark::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 20% 20%,rgba(0,213,194,.26),transparent 22%),radial-gradient(circle at 80% 25%,rgba(247,183,49,.24),transparent 22%),radial-gradient(circle at 40% 90%,rgba(0,87,255,.22),transparent 26%);animation:meshFloat 18s ease-in-out infinite;pointer-events:none}.dynamic-dark>.shell{position:relative;z-index:2}.agency-service-slider{position:relative;margin-top:30px}.slider-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 18px;scrollbar-width:none}.slider-track::-webkit-scrollbar{display:none}.slider-track article{scroll-snap-align:start;min-height:240px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px;color:#fff;box-shadow:0 24px 70px rgba(0,0,0,.18)}.slider-track b{font-size:22px;display:block;margin-bottom:12px}.slider-track p{color:#d7ebff}.slider-track a{color:#ffdf85;font-weight:900}.slider-arrow{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:52px;height:52px;border:0;border-radius:50%;background:#fff;color:#052d63;font-size:36px;font-weight:900;box-shadow:0 16px 45px rgba(0,0,0,.25);cursor:pointer;transition:.2s}.slider-arrow:hover{transform:translateY(-50%) scale(1.08)}.slider-arrow.prev{left:-16px}.slider-arrow.next{right:-16px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-card{border-radius:32px;padding:34px;border:1px solid var(--line);box-shadow:var(--shadow2)}.compare-card.muted{background:#fff}.compare-card.highlight{background:linear-gradient(135deg,#052d63,#007f92);color:#fff}.compare-card h3{margin-top:0}.compare-card ul{margin:0;padding-left:22px}.compare-card li{margin:10px 0}.compare-card.highlight li{color:#eefcff}.tag-cloud.big{display:flex;flex-wrap:wrap;gap:12px}.tag-cloud.big a{border:1px solid #cde3f3;background:#fff;color:var(--navy);font-weight:900;text-decoration:none;border-radius:999px;padding:14px 18px;transition:.2s}.tag-cloud.big a:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}.agency-page-hero{position:relative;overflow:hidden;background:#041a38;color:#fff}.agency-page-hero h1{background:linear-gradient(90deg,#fff,#8feeff,#ffd681);-webkit-background-clip:text;background-clip:text;color:transparent}.agency-page-hero p{color:#dcecff}.upgraded-catalog article{position:relative;overflow:hidden}.upgraded-catalog article::before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,213,194,.14),transparent 68%)}.integrity-band{background:#fff}.integrity-band .shell{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.integrity-pills{display:flex;gap:12px;flex-wrap:wrap}.integrity-pills span{background:#edf7ff;border:1px solid #cfe2f4;border-radius:999px;padding:12px 16px;color:#052d63;font-weight:900}.final-cta-dynamic{position:relative;overflow:hidden;background:linear-gradient(135deg,#031a3b,#052d63 42%,#008d98)}.final-cta-dynamic::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.22),transparent 28%),radial-gradient(circle at 80% 50%,rgba(247,183,49,.25),transparent 30%);animation:meshFloat 15s ease-in-out infinite}.final-cta-dynamic .shell{position:relative;z-index:2}.arrow-button i{display:inline-block;font-style:normal;margin-left:8px;transition:.22s}.arrow-button:hover i{transform:translateX(6px)}.cursor-orb{position:fixed;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,213,194,.75);box-shadow:0 0 28px rgba(0,213,194,.25);pointer-events:none;z-index:9999;mix-blend-mode:multiply;transform:translate(-50%,-50%);transition:width .15s,height .15s,opacity .2s}.cursor-orb.active{width:58px;height:58px;opacity:.55}.example-board{grid-template-columns:repeat(3,1fr)}.example-board b{display:block;color:var(--navy);font-size:18px}.example-board span{display:block;color:var(--muted);margin-top:8px}.journey-cards b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#00d5c2,#0578d7);color:#fff}.footer-brand span{letter-spacing:.01em}
@media (max-width:1000px){.agency-layout,.comparison-grid,.integrity-band .shell{grid-template-columns:1fr}.quick-help-grid,.reason-grid,.audience-grid,.journey-cards,.example-board{grid-template-columns:1fr 1fr}.slider-arrow{display:none}.agency-hero{min-height:auto}.agency-layers{grid-template-columns:1fr 1fr}.main-nav a:not(.nav-cta):not(.portal-link)::after{display:none}}
@media (max-width:640px){.quick-help-grid,.reason-grid,.audience-grid,.journey-cards,.example-board{grid-template-columns:1fr}.hero-search-card{align-items:flex-start}.agency-layers{grid-template-columns:1fr}.agency-hero h1{font-size:40px}.floating-arrow,.cursor-orb{display:none}.slider-track{grid-auto-columns:86%}.comparison-grid{gap:14px}.compare-card{padding:24px}.integrity-pills span{width:100%;text-align:center}}


/* ==========================================================
   v1.0.25 premium agency visual polish
   Dark Craftech-inspired energy rebuilt for UPNOV (no copied data/content)
   ========================================================== */
@media (pointer:fine){
  body.upnov-premium-cursor{cursor:none;}
  body.upnov-premium-cursor a,
  body.upnov-premium-cursor button,
  body.upnov-premium-cursor input,
  body.upnov-premium-cursor textarea,
  body.upnov-premium-cursor select{cursor:none;}
}
body{background:#f7fbff;overflow-x:hidden;}
.site-header{background:linear-gradient(90deg,rgba(12,15,20,.96),rgba(17,23,31,.94));border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 36px rgba(0,0,0,.18);}
.top-ribbon{background:#23889a;color:#f4fdff;font-size:13px;}
.ribbon-inner{padding:6px 0;}
.brand img{width:58px;max-height:52px;filter:drop-shadow(0 8px 18px rgba(0,213,194,.18));}
.brand b{color:#fff;font-size:22px;}
.brand small{color:#36d6cf;letter-spacing:.10em;}
.main-nav{gap:8px;}
.main-nav a{color:#f3fbff;border-radius:6px;padding:12px 13px;position:relative;background:transparent;}
.main-nav a:not(.nav-cta):not(.portal-link)::after{content:"";position:absolute;left:14px;right:14px;bottom:7px;height:2px;background:#f8c118;transform:scaleX(0);transform-origin:right;transition:transform .25s ease;}
.main-nav a:hover:not(.nav-cta):not(.portal-link)::after,.main-nav a.active:not(.nav-cta):not(.portal-link)::after{transform:scaleX(1);transform-origin:left;}
.main-nav a:hover,.main-nav a.active{background:transparent;color:#f8c118;}
.main-nav .portal-link{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;}
.main-nav .portal-link:hover{background:#fff;color:#071019;}
.main-nav .nav-cta{background:#f8c118;color:#071019;border-radius:0;box-shadow:0 16px 34px rgba(248,193,24,.22);}
.main-nav .nav-cta:hover{background:#ffd84b;color:#071019;transform:translateY(-2px);}

.agency-hero.hero-premium{min-height:calc(100vh - 116px);display:flex;align-items:center;padding:86px 0 70px;background:#11141a;color:#fff;isolation:isolate;}
.agency-hero.hero-premium::before{content:"";position:absolute;inset:0;z-index:0;background:
  radial-gradient(circle at 22% 22%,rgba(255,255,255,.22),rgba(255,255,255,.08) 10%,transparent 34%),
  radial-gradient(circle at 82% 82%,rgba(0,213,194,.22),transparent 33%),
  linear-gradient(90deg,#4a4d50 0%,#202226 28%,#11141a 55%,#0d1118 100%);mask-image:none;opacity:1;}
.agency-hero.hero-premium::after{content:"";position:absolute;width:58px;height:58px;border:3px solid #f8c118;border-radius:50%;left:26%;top:20%;z-index:2;opacity:.95;animation:premiumCircle 6s ease-in-out infinite;}
@keyframes premiumCircle{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(22px,-18px,0) scale(1.12)}}
.animated-mesh{display:none;}
.hero-bg-grid{position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:84px 84px;opacity:.34;}
.hero-noise{z-index:2;opacity:.14;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.16) 0 1px,transparent 2px);background-size:18px 18px;mask-image:none;}
.agency-hero .shell{position:relative;z-index:3;}
.agency-layout{grid-template-columns:minmax(0,1.02fr) minmax(360px,.88fr);gap:48px;}
.agency-hero .eyebrow{color:#58e4d8;font-size:13px;letter-spacing:.22em;}
.agency-hero h1{font-size:clamp(48px,6.4vw,94px);line-height:1.02;letter-spacing:-.07em;max-width:920px;color:#fff;background:linear-gradient(90deg,#fff 0%,#fff 38%,#8ff5ff 60%,#f8c118 92%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;margin-bottom:22px;}
.agency-hero .hero-lead{max-width:760px;color:#eef6f8;font-size:clamp(18px,1.55vw,22px);line-height:1.65;margin:0 0 28px;text-shadow:0 1px 0 rgba(0,0,0,.25);}
.hero-search-card{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.18);border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.hero-search-card a{border-radius:6px;background:rgba(255,255,255,.08);}
.hero-search-card a:hover{background:#f8c118;color:#071019;}
.button{border-radius:6px;}
.button.primary{background:#f8c118;color:#081018;box-shadow:0 16px 44px rgba(248,193,24,.25);}
.button.primary:hover{background:#ffdc52;}
.button.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff;}
.button.ghost:hover{background:#fff;color:#071019;}
.trust-metrics{margin-top:28px;}
.trust-metrics div{border-radius:10px;background:rgba(255,255,255,.08);box-shadow:none;}
.trust-metrics b{color:#f8c118;}
.trust-metrics span{color:#eaf6ff;}
.agency-dashboard{min-height:420px;border-radius:24px;background:rgba(18,23,32,.78);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);box-shadow:0 32px 100px rgba(0,0,0,.42);}
.agency-dashboard .dash-card,.agency-dashboard .dash-row>div{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16);}
.agency-dashboard .dash-card strong,.agency-dashboard .dash-row b{color:#fff;}
.agency-dashboard .dash-card p{color:#dce7f3;}
.agency-layers div{border-radius:8px;background:rgba(255,255,255,.08);}
.floating-card{border-radius:8px;}
.floating-arrow{background:#f8c118;border-radius:50%;color:#071019;box-shadow:0 20px 50px rgba(248,193,24,.34);animation:premiumArrow 1.65s ease-in-out infinite;}
@keyframes premiumArrow{0%,100%{transform:translate(0,0)}50%{transform:translate(9px,-9px)}}
.scroll-arrow{right:28px;left:auto;bottom:28px;transform:none;background:#f8c118;color:#071019;border-radius:50%;width:48px;height:48px;box-shadow:0 20px 45px rgba(0,0,0,.28);}
@keyframes downPulse{50%{transform:translateY(-7px)}}
.logo-marquee.agency-marquee{background:#0f1117;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
.agency-marquee .marquee-track span,.marquee-track span{color:#fff;}
.marketplace-strip{background:#10141b;color:#fff;position:relative;overflow:hidden;}
.marketplace-strip::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(248,193,24,.20),transparent 32%),radial-gradient(circle at 84% 80%,rgba(0,213,194,.18),transparent 30%);pointer-events:none;}
.marketplace-layout{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center;}
.marketplace-layout h2{font-size:clamp(34px,4.2vw,58px);line-height:1.05;margin:0;color:#fff;letter-spacing:-.04em;}
.marketplace-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.marketplace-points article{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);padding:22px;border-radius:16px;}
.marketplace-points b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f8c118;color:#071019;margin-bottom:16px;}
.marketplace-points span{display:block;font-weight:900;font-size:18px;margin-bottom:8px;}
.marketplace-points p{margin:0;color:#d9e6ef;}
.client-pathways{background:#fff;}
.pathway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.pathway-grid article{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6fbff);padding:24px;border-radius:22px;box-shadow:var(--shadow2);transition:.25s;}
.pathway-grid article:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(5,45,99,.14);}
.pathway-grid b{display:block;font-size:22px;color:var(--navy);margin-bottom:8px;}
.pathway-grid p{color:#536f86;margin:0 0 14px;}
.pathway-grid a{color:#0578d7;font-weight:900;}
.dynamic-dark{background:#10141b;}
.slider-arrow{background:#f8c118;color:#081018;border-radius:50%;}
.slider-track article{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.14);}
.agency-page-hero{background:#11141a;}
.agency-page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.16),transparent 34%),radial-gradient(circle at 88% 70%,rgba(0,213,194,.18),transparent 30%);}
.agency-page-hero .shell{position:relative;z-index:1;}
.cursor-orb{width:42px;height:42px;margin:0;border:2px solid #f8c118;background:rgba(255,255,255,.04);box-shadow:0 0 24px rgba(248,193,24,.18);mix-blend-mode:normal;opacity:1;transition:width .18s,height .18s,background .18s,border-color .18s,opacity .18s;}
.cursor-orb::after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;background:#f8c118;border-radius:50%;transform:translate(-50%,-50%);}
.cursor-orb.active{width:82px;height:82px;background:rgba(255,255,255,.98);border-color:transparent;mix-blend-mode:difference;opacity:.95;}
.cursor-orb.active::after{display:none;}
.upnov-top-arrow{position:fixed;right:26px;bottom:24px;z-index:9000;width:50px;height:50px;border:0;border-radius:50%;background:#f8c118;color:#071019;font-size:26px;font-weight:900;box-shadow:0 18px 45px rgba(0,0,0,.28);display:grid;place-items:center;transition:transform .2s,opacity .2s;opacity:.94;}
.upnov-top-arrow:hover{transform:translateY(-5px) scale(1.04);}
.upnov-top-arrow span{display:block;transform:translateY(-1px);}
@media (max-width:1120px){.agency-layout{grid-template-columns:1fr}.agency-dashboard{max-width:680px}.marketplace-layout{grid-template-columns:1fr}.pathway-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.site-header{background:#10141b}.nav-shell{padding:12px 0}.brand img{width:48px}.brand b{font-size:20px}.agency-hero h1{font-size:44px}.agency-hero.hero-premium{min-height:auto;padding:62px 0}.marketplace-points,.pathway-grid{grid-template-columns:1fr}.top-ribbon{font-size:11px}.upnov-top-arrow,.cursor-orb{display:none}.main-nav a{border-radius:12px;color:#183b62}.main-nav .nav-cta{border-radius:14px}.main-nav .portal-link{color:#183b62;background:#f5fbff}}
