/*
Theme Name: Capital2X Professional
Author: Capital2X
Description: Premium corporate financial education theme with an aurora-glass design system, interactive overview, responsive landing sections and Website Manager.
Version: 9.3.0
Text Domain: capital2x-professional
*/

/* ==========================================================================
   1. DESIGN TOKENS
   ========================================================================== */
:root{
  --bg:#040d12; --bg-2:#071a22; --surface:rgba(13,34,43,.66); --surface-solid:#0b1f28; --panel:rgba(255,255,255,.035);
  --text:#eef9fd; --muted:#9fbac5; --line:rgba(150,210,230,.15); --line-strong:rgba(110,210,235,.38);
  --mint:#B2FF35; --blue:#55BFFF; --ice:#E1F5FF; --cyan:#59C4DA;
  --gradient:linear-gradient(115deg,var(--ice),var(--blue));
  --green:linear-gradient(115deg,var(--cyan),var(--mint));
  --brand:linear-gradient(105deg,var(--ice) 0%,var(--blue) 36%,var(--cyan) 66%,var(--mint) 100%);
  --on-accent:#06232b;
  --shadow:0 40px 90px -40px rgba(0,0,0,.75);
  --glow:0 10px 40px -8px color-mix(in srgb,var(--blue) 35%,transparent);
  --radius:24px; --radius-sm:14px;
  --ease:cubic-bezier(.22,1,.36,1);
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --header-h:76px;
  color-scheme:dark;
}
[data-theme=light]{
  --bg:#eef6fa; --bg-2:#e2eff6; --surface:rgba(255,255,255,.74); --surface-solid:#fff; --panel:rgba(16,70,95,.04);
  --text:#0c2836; --muted:#46606d; --line:rgba(16,70,95,.13); --line-strong:rgba(14,120,150,.4);
  --brand:linear-gradient(105deg,#0d4f78 0%,#1581b3 40%,#0f8f98 72%,#3f8a12 100%);
  --green:linear-gradient(115deg,var(--cyan),var(--mint));
  --shadow:0 40px 80px -40px rgba(20,70,100,.35);
  --glow:0 12px 36px -10px rgba(21,129,179,.35);
  color-scheme:light;
}

/* ==========================================================================
   2. BASE
   ========================================================================== */
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.75 Poppins,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
button:disabled{opacity:.6;cursor:wait}
a{color:inherit;text-decoration:none}
svg{display:block}img{max-width:100%;height:auto}
p{margin:0 0 20px;color:var(--muted)}
h1,h2,h3,h4{margin:0 0 22px;font-weight:600;line-height:1.12;letter-spacing:-.035em;color:var(--text)}
h1{font-size:clamp(40px,4.6vw,70px);letter-spacing:-.05em;line-height:1.05}
h2{font-size:clamp(32px,3.7vw,58px);letter-spacing:-.045em}
h3{font-size:26px}h4{font-size:20px}
::selection{background:color-mix(in srgb,var(--blue) 33%,transparent);color:inherit}
.wrap{width:min(1260px,calc(100% - 72px));margin-inline:auto}
.muted{color:var(--muted)}
.hide,[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;padding:12px 18px;border-radius:10px;background:var(--mint);color:var(--on-accent);font-weight:600;font-size:14px}
.skip-link:focus{top:14px}
:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:6px}
.gradient{background:var(--brand);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.eyebrow{display:flex;align-items:center;gap:12px;font:500 11px/1.7 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:24px}
[data-theme=light] .eyebrow{color:#13677d}
.eyebrow.pill{display:inline-flex;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);letter-spacing:.1em;font-size:10.5px}
.status-dot,.dot{position:relative;display:inline-block;flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}
.status-dot:after{content:'';position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--mint);opacity:.6;animation:ping 2.4s ease-out infinite}
[data-theme=light] .status-dot,[data-theme=light] .dot{background:#3f9d1a;box-shadow:0 0 10px #3f9d1a77}

/* ==========================================================================
   3. AMBIENT BACKGROUND + SCROLL PROGRESS
   ========================================================================== */
.ambient{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,var(--bg-2),var(--bg) 60%)}
.ambient i{position:absolute;border-radius:50%;will-change:transform}
.ambient .a1{width:62vw;height:62vw;left:-18vw;top:-22vw;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 19%,transparent),transparent 62%);animation:float-a 26s ease-in-out infinite alternate}
.ambient .a2{width:52vw;height:52vw;right:-16vw;top:18vh;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 15%,transparent),transparent 62%);animation:float-b 32s ease-in-out infinite alternate}
.ambient .a3{width:44vw;height:44vw;left:20vw;bottom:-22vw;background:radial-gradient(circle,color-mix(in srgb,var(--mint) 9%,transparent),transparent 62%);animation:float-a 38s ease-in-out infinite alternate-reverse}
.ambient .grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.35;-webkit-mask-image:radial-gradient(80% 60% at 50% 0%,#000 10%,transparent 75%);mask-image:radial-gradient(80% 60% at 50% 0%,#000 10%,transparent 75%)}
[data-theme=light] .ambient .a1{background:radial-gradient(circle,color-mix(in srgb,var(--blue) 23%,transparent),transparent 62%)}
[data-theme=light] .ambient .a2{background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 19%,transparent),transparent 62%)}
[data-theme=light] .ambient .a3{background:radial-gradient(circle,color-mix(in srgb,var(--mint) 21%,transparent),transparent 62%)}
[data-theme=light] .ambient .grid{opacity:.5}
.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;pointer-events:none}
.scroll-progress i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--mint));box-shadow:0 0 14px color-mix(in srgb,var(--blue) 67%,transparent)}

/* ==========================================================================
   4. BUTTONS
   ========================================================================== */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:13px 24px;border-radius:14px;border:1px solid var(--line-strong);background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.01em;color:var(--text);overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s,background .3s}
.btn:hover{transform:translateY(-3px);box-shadow:var(--glow);border-color:var(--blue)}
.btn:active{transform:translateY(-1px) scale(.985)}
.btn.primary{background:var(--green);border-color:transparent;color:var(--on-accent);box-shadow:0 12px 34px -12px color-mix(in srgb,var(--cyan) 60%,transparent)}
.btn.primary:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,#ffffff66 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn.primary:hover{box-shadow:0 18px 44px -12px #86e0b9aa;border-color:transparent}
.btn.primary:hover:after{transform:translateX(120%)}
.actions{display:flex;flex-wrap:wrap;gap:14px}

/* ==========================================================================
   5. LOGO + HEADER
   ========================================================================== */
.logo{display:inline-flex;align-items:center;flex-shrink:0;font-size:18px;font-weight:700;letter-spacing:.07em;line-height:1;color:var(--text)}
.logo:before{content:'';margin-right:12px;width:54px;height:32px;background:url('assets/capital2x-mark.png') center/contain no-repeat;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--blue) 40%,transparent))}
.logo span{background:var(--green);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
[data-theme=light] .logo span{background:linear-gradient(115deg,#1581b3,#2a9a2a);-webkit-background-clip:text;background-clip:text}
[data-theme=light] .logo:before{filter:drop-shadow(0 0 8px #1581b333)}
header{position:sticky;top:0;z-index:100;padding:14px 0;pointer-events:none}
.nav{pointer-events:auto;display:flex;align-items:center;gap:26px;height:var(--header-h);padding:0 14px 0 26px;border:1px solid var(--line);border-radius:22px;background:var(--surface);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 20px 50px -30px #000a;transition:height .35s var(--ease),background .3s,border-color .3s,box-shadow .3s}
header.scrolled .nav{height:64px;border-color:var(--line-strong);box-shadow:0 24px 60px -28px #000c}
.navlinks{display:flex;gap:6px;margin-left:auto}
.navlinks a{position:relative;padding:9px 15px;border-radius:999px;font-size:13px;font-weight:500;color:var(--muted);transition:color .25s,background .25s}
.navlinks a:hover{color:var(--text);background:var(--panel)}
.navlinks a.active{color:var(--text);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}
.navlinks a.active:after{content:'';position:absolute;left:50%;bottom:3px;width:14px;height:2px;margin-left:-7px;border-radius:2px;background:var(--green)}
.nav>.btn{min-height:46px;padding:11px 20px;font-size:12px;border-radius:13px}
.menu{display:none;width:46px;height:46px;border-radius:13px;border:1px solid var(--line);background:var(--panel);font-size:22px;line-height:1}

/* ==========================================================================
   6. HERO
   ========================================================================== */
main>section:not(.hero){position:relative;padding:108px 0}
.hero{position:relative;padding:56px 0 90px}
.hero>.wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero h1{margin:26px 0 28px}
.hero-typing{display:inline;white-space:pre-line}
.hero-typing:after,.typing:after{content:'';display:inline-block;width:3px;height:.8em;margin-left:8px;vertical-align:baseline;border-radius:2px;background:var(--cyan);animation:caret 1.1s steps(1) infinite}
.hero p{max-width:600px;font-size:18px;line-height:1.85}
.hero .actions{margin-top:34px}
.hero-note{display:flex;align-items:center;gap:12px;margin-top:30px;font:400 12px/1.7 var(--mono);color:var(--muted);letter-spacing:.02em}
.hero-proof{display:flex;gap:0;margin:44px 0 0;padding:0;list-style:none;border:1px solid var(--line);border-radius:18px;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:520px}
.hero-proof li{flex:1;padding:18px 22px;border-right:1px solid var(--line)}
.hero-proof li:last-child{border:0}
.hero-proof b{display:block;font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1.2;background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-proof span{font-size:11.5px;color:var(--muted)}

.visual{--px:0;--py:0;position:relative;min-height:600px;border:1px solid var(--line-strong);border-radius:300px 300px 32px 32px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--blue) 18%,transparent),transparent 62%),linear-gradient(180deg,#ffffff0a,transparent 40%),var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow),inset 0 1px 0 #ffffff22;overflow:hidden;transform:perspective(1400px) rotateY(calc(var(--px)*5deg)) rotateX(calc(var(--py)*-4deg));transition:transform .5s var(--ease)}
.v-stage{position:absolute;inset:0}
.v-rings{position:absolute;left:50%;top:41%;width:118%;max-width:none;aspect-ratio:1;transform:translate(-50%,-50%) translate(calc(var(--px)*8px),calc(var(--py)*8px));transition:transform .6s var(--ease)}
.ring{transform-origin:300px 300px;animation:spin 38s linear infinite}
.ring.r2{animation-duration:54s;animation-direction:reverse}.ring.r3{animation-duration:26s}
.v-mark{position:absolute;left:50%;top:41%;width:56%;transform:translate(-50%,-50%) translate(calc(var(--px)*-12px),calc(var(--py)*-12px));filter:drop-shadow(0 0 34px color-mix(in srgb,var(--blue) 67%,transparent)) drop-shadow(0 20px 30px #0008);animation:bob 7s ease-in-out infinite;transition:transform .6s var(--ease)}
.chip{position:absolute;display:flex;gap:13px;align-items:center;padding:14px 18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface-solid);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:10.5px;line-height:1.5;color:var(--muted);box-shadow:0 20px 40px -20px #000a;transform:translate(calc(var(--px)*14px),calc(var(--py)*14px));transition:transform .6s var(--ease)}
.chip b{display:block;font-size:12px;color:var(--text);font-weight:600}
.chip-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--green);color:var(--on-accent);font-size:19px}
.chip.one{left:22px;top:118px;animation:bob 6s ease-in-out infinite}
.chip.two{right:20px;top:300px;animation:bob 8s ease-in-out -2s infinite}
.v-card{position:absolute;left:26px;right:26px;bottom:62px;padding:18px 20px;border:1px solid var(--line-strong);border-radius:18px;background:var(--surface-solid);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 50px -24px #000b}
.v-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text)}
.v-card-top em{font-style:normal;color:var(--muted);padding:4px 9px;border:1px solid var(--line);border-radius:999px;letter-spacing:.06em}
.bar{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:12px;margin-top:9px}
.bar label{font-size:11px;color:var(--muted)}
.bar i{position:relative;display:block;height:6px;border-radius:6px;background:var(--line);overflow:hidden}
.bar i:before{content:'';position:absolute;inset:0;width:var(--w);border-radius:6px;background:var(--brand);transform-origin:0 50%;animation:fill 2.2s var(--ease) .6s both}
.visual-label,.visual-index{position:absolute;font:400 9.5px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}
.visual-label{left:26px;bottom:26px}.visual-index{left:50%;top:58px;transform:translateX(-50%);white-space:nowrap}

/* Marquee */
.ticker{position:relative;border-block:1px solid var(--line);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.marquee{display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;flex-shrink:0;gap:0;animation:marquee 46s linear infinite}
.ticker span{display:inline-flex;align-items:center;padding:22px 34px;font:500 11px/1 var(--mono);letter-spacing:.2em;color:var(--muted);white-space:nowrap}
.ticker span:before{content:'';width:7px;height:7px;margin-right:34px;transform:rotate(45deg);background:var(--green);border-radius:2px}

/* ==========================================================================
   7. SHARED SECTION PARTS + SPOTLIGHT CARDS
   ========================================================================== */
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:54px}
.section-top>div{flex:1.5}.section-top>p{flex:1;max-width:430px;margin:0 0 6px;font-size:15.5px}.section-top h2{margin:0}
.spot{position:relative;--mx:50%;--my:0%}
.spot:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(480px circle at var(--mx) var(--my),color-mix(in srgb,var(--blue) 12%,transparent),transparent 46%);opacity:0;transition:opacity .45s;pointer-events:none;z-index:0}
.spot:after{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(300px circle at var(--mx) var(--my),color-mix(in srgb,var(--mint) 80%,transparent),color-mix(in srgb,var(--blue) 67%,transparent) 40%,transparent 72%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity .45s;pointer-events:none;z-index:2}
@media(hover:hover){.spot:hover:before,.spot:hover:after{opacity:1}}
.spot>*{position:relative;z-index:1}

/* About */
.about-art{min-height:420px;padding:56px 44px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line-strong);border-radius:var(--radius);background:radial-gradient(circle at 0 100%,color-mix(in srgb,var(--cyan) 19%,transparent),transparent 62%),radial-gradient(circle at 100% 0,color-mix(in srgb,var(--blue) 13%,transparent),transparent 55%),var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}
.about-art:after{display:none}
.about-art>.eyebrow{margin-bottom:26px}
.about-art p{margin:0;color:var(--text);font-size:clamp(30px,3.1vw,46px);line-height:1.28;letter-spacing:-.045em;font-weight:500}
.about-art em{font-style:normal;background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}
.stats>div{padding:34px 30px;border-right:1px solid var(--line)}.stats>div:last-child{border:0}
.stats strong{display:block;font-size:clamp(26px,2.7vw,38px);font-weight:600;letter-spacing:-.04em;line-height:1.2;margin-bottom:6px;background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stats>div>span{font-size:13px;color:var(--muted)}
.stats strong .count{font:inherit;color:inherit}

/* Overview dashboard */
.overview-dashboard{display:grid;grid-template-columns:270px 1fr;border:1px solid var(--line-strong);border-radius:28px;background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden}
.overview-sidebar{padding:34px 22px;border-right:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 8%,transparent),transparent)}
.overview-sidebar>b{font:500 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--cyan)}
.overview-sidebar p{margin:14px 0 0;font-size:13px}
.overview-tabs{display:grid;gap:6px;margin-top:34px}
.overview-tab{padding:13px 16px;border-radius:12px;text-align:left;font-size:13px;font-weight:500;color:var(--muted);border:1px solid transparent;transition:all .3s var(--ease)}
.overview-tab:hover{color:var(--text);background:var(--panel)}
.overview-tab.active{color:var(--text);background:var(--panel);border-color:var(--line-strong);box-shadow:inset 3px 0 0 var(--mint)}
.overview-content{padding:34px 36px}
.overview-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}
.overview-top h3{font-size:28px;margin-bottom:6px}.overview-top small{font-size:12px;color:var(--muted)}
.overview-badge{padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;font:500 9.5px/1 var(--mono);letter-spacing:.14em;white-space:nowrap;color:var(--mint)}
[data-theme=light] .overview-badge{color:#2f7d10}
.overview-panel.active{animation:panel-in .6s var(--ease) both}
.overview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.overview-card{padding:28px 22px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);transition:transform .4s var(--ease),border-color .3s}
.overview-card:hover{transform:translateY(-4px);border-color:var(--line-strong)}
.overview-card>span{font:500 10px/1 var(--mono);letter-spacing:.12em;color:var(--cyan)}
.overview-card h4{margin:22px 0 12px}.overview-card p{margin:0;font-size:13.5px;line-height:1.8}
.overview-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.overview-bottom p{margin:0;font-size:13.5px}.overview-bottom .btn{white-space:nowrap}

/* Services bento */
.service-bento{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-auto-rows:minmax(300px,auto);gap:20px}
.service-tile{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transition:transform .5s var(--ease),border-color .3s,box-shadow .4s}
.service-tile:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.service-lead{grid-row:span 2}
.service-art{height:120px;flex-shrink:0;margin:-30px -30px 26px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 30%,color-mix(in srgb,var(--blue) 18%,transparent),transparent 70%) ,var(--bg-2) center/cover no-repeat;opacity:.95;transition:transform .8s var(--ease)}
.service-tile:hover .service-art{transform:scale(1.04)}
.service-tile:nth-child(1) .service-art{background-image:url('assets/capital-scene-education.svg');height:230px;background-size:cover}
.service-tile:nth-child(2) .service-art{background-image:url('assets/capital-scene-planning.svg');background-size:cover}
.service-tile:nth-child(3) .service-art{background-image:url('assets/capital-scene-research.svg');background-size:cover}
.service-tile:nth-child(4) .service-art{background-image:url('assets/capital-scene-capital.svg');background-size:cover}
.service-tile:nth-child(5) .service-art{background-image:url('assets/capital-scene-planning.svg');background-size:cover;background-position:30% 50%}
.tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;font:500 10px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}
.tile-top .arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font:400 16px/1 Poppins,sans-serif;color:var(--cyan);transition:all .4s var(--ease)}
.service-tile:hover .arrow{background:var(--green);color:var(--on-accent);border-color:transparent;transform:rotate(45deg)}
.tile-symbol{width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px;border:1px solid var(--line-strong);border-radius:16px;color:var(--cyan);background:var(--panel)}
.tile-symbol svg{width:28px;height:28px}
.service-tile h3{font-size:25px;margin-bottom:14px}.service-lead h3{font-size:clamp(34px,3.2vw,46px)}
.service-tile p{font-size:14px;line-height:1.85}
.tile-detail{padding-block:18px;border-top:1px solid var(--line);font:400 11.5px/1.7 var(--mono);color:var(--muted)}
.tile-action{margin-top:auto;padding-top:18px;font-size:12px;font-weight:600;color:var(--text)}

/* Problem */
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.problem-card{padding:30px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .45s var(--ease),border-color .3s}
.problem-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}
.icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:26px;border-radius:15px;border:1px solid var(--line-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 15%,transparent),color-mix(in srgb,var(--mint) 6%,transparent));color:var(--cyan)}
.icon svg{width:26px;height:26px}
.problem-card h3{font-size:20px;margin-bottom:12px}.problem-card p{margin:0;font-size:13.5px}
.caption{margin:40px 0 0;text-align:center;font:400 13px/1.7 var(--mono);color:var(--muted)}

/* Framework */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pillar{padding:0 32px 30px;border:1px solid var(--line);border-radius:26px;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transition:transform .5s var(--ease),border-color .3s,box-shadow .4s}
.pillar:hover{transform:translateY(-7px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.pillar-art{height:180px;margin:0 -32px 28px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#071c26,#10435a);position:relative;overflow:hidden}
.pillar-art:before{content:'';position:absolute;inset:0;background:center/contain no-repeat;animation:bob 8s ease-in-out infinite}
.pillar-art:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--ice) 8%,transparent) 48%,transparent 66%);background-size:250% 100%;animation:sheen 12s ease-in-out infinite}
.pillar:nth-child(1) .pillar-art:before{background-image:url('assets/framework-mindset.svg')}
.pillar:nth-child(2) .pillar-art:before{background-image:url('assets/framework-habits.svg');animation-delay:-2.6s}
.pillar:nth-child(3) .pillar-art:before{background-image:url('assets/framework-strategy.svg');animation-delay:-5.2s}
.number{display:inline-block;margin-bottom:22px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;font:500 9.5px/1 var(--mono);letter-spacing:.12em;color:var(--muted)}
.pillar h3{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:32px;margin-bottom:12px}
.p-ico{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-strong);border-radius:14px;color:var(--mint);background:var(--panel)}
[data-theme=light] .p-ico{color:#1b7a8e}
.p-ico svg{width:23px;height:23px}
.subtitle{font-size:13.5px}
.pillar ul{margin:22px 0 0;padding:0;list-style:none}
.pillar li{padding:15px 0;border-top:1px solid var(--line);font-size:13.5px;color:var(--text)}
.pillar li:before{content:'↗';margin-right:12px;color:var(--cyan)}
.framework-note{margin:28px 0 0;font:400 11.5px/1.7 var(--mono);color:var(--muted)}

/* Technology */
.tech-box{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding:60px;border:1px solid var(--line-strong);border-radius:32px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--blue) 13%,transparent),transparent 55%),radial-gradient(circle at 0 100%,color-mix(in srgb,var(--mint) 7%,transparent),transparent 50%),var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow)}
.tech-box p{font-size:15.5px}
.tech-lines>div{margin-bottom:14px;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--panel);transition:transform .4s var(--ease),border-color .3s}
.tech-lines>div:hover{transform:translateX(6px);border-color:var(--line-strong)}
.tech-lines b{display:block;margin-bottom:8px;font-size:16.5px;font-weight:600}
.tech-lines span{font-size:13.5px;color:var(--muted)}
.tech-lines>p{margin:20px 4px 0;font:400 11.5px/1.8 var(--mono)}

/* Paths */
.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.path{display:flex;flex-direction:column;padding:36px;border:1px solid var(--line);border-radius:26px;background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .5s var(--ease),border-color .3s,box-shadow .4s}
.path:hover{transform:translateY(-7px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.path h3{font-size:26px}.path p{font-size:14px}
.path .eyebrow{font-size:10px}
.path>a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid var(--line);font-size:13px;font-weight:600;transition:color .3s}
.path>a span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-strong);border-radius:50%;color:var(--cyan);transition:all .4s var(--ease)}
.path:hover>a span{background:var(--green);color:var(--on-accent);border-color:transparent;transform:rotate(45deg)}
.path.featured{border-color:var(--line-strong);background:linear-gradient(155deg,color-mix(in srgb,var(--blue) 15%,transparent),color-mix(in srgb,var(--mint) 7%,transparent) 60%,transparent),var(--surface)}
.path.featured:before{opacity:1}
.path.featured>a{color:var(--mint)}
[data-theme=light] .path.featured>a{color:#1a6e82}

/* Process */
.process-steps{position:relative;padding-left:0}
.process-steps .track{position:absolute;left:23px;top:30px;bottom:30px;width:2px;background:var(--line);border-radius:2px;overflow:hidden}
.process-steps .track b{display:block;width:100%;height:100%;transform:scaleY(var(--p,0));transform-origin:50% 0;background:linear-gradient(180deg,var(--blue),var(--mint));box-shadow:0 0 12px var(--blue)}
.process-steps>div{position:relative;display:flex;gap:28px;padding:20px 0}
.process-steps>div>span{z-index:1;flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface-solid);font:500 12px/1 var(--mono);color:var(--cyan);transition:all .5s var(--ease)}
.process-steps>div.on>span{background:var(--green);color:var(--on-accent);border-color:transparent;box-shadow:0 0 24px color-mix(in srgb,var(--cyan) 53%,transparent)}
.process-steps article{flex:1;padding:22px 26px;border:1px solid var(--line);border-radius:18px;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.process-steps h3{font-size:21px;margin-bottom:10px}.process-steps p{margin:0;font-size:13.5px}

.process h2{font-size:clamp(30px,3.1vw,48px)}

/* FAQ */
.faq-heading{margin-bottom:40px}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.faq-grid details{border:1px solid var(--line);border-radius:18px;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .3s,background .3s}
.faq-grid details[open]{border-color:var(--line-strong)}
.faq-grid summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 26px;list-style:none;cursor:pointer;font-size:15.5px;font-weight:500}
.faq-grid summary::-webkit-details-marker{display:none}
.faq-grid summary:after{content:'+';display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:50%;font-size:18px;line-height:1;color:var(--cyan);transition:transform .4s var(--ease),background .3s}
.faq-grid details[open] summary:after{transform:rotate(135deg);background:var(--green);color:var(--on-accent);border-color:transparent}
.faq-grid details p{margin:0;padding:0 26px 26px;font-size:14px;animation:panel-in .5s var(--ease) both}

/* Contact CTA */
.contact{text-align:center}
.contact .wrap{position:relative;max-width:980px;padding:76px 56px;border:1px solid var(--line-strong);border-radius:36px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--blue) 19%,transparent),transparent 60%),radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--mint) 14%,transparent),transparent 55%),var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow),0 0 120px -40px color-mix(in srgb,var(--blue) 33%,transparent);overflow:hidden}
.contact .eyebrow,.contact .actions{justify-content:center}
.contact h2{font-size:clamp(38px,5.4vw,78px);line-height:1.06}
.contact p{max-width:620px;margin:0 auto 34px;font-size:16.5px}
.typing{display:inline-block;min-width:4.2em;text-align:left}
[data-theme=light] .contact .wrap{background:linear-gradient(125deg,var(--ice) 5%,#9fd8f5 55%,#8fe0e4 80%,#d4ff9a 100%);border-color:var(--cyan)}
[data-theme=light] .contact h2{color:#0c2836}
[data-theme=light] .contact p,[data-theme=light] .contact .eyebrow{color:#16404f}
[data-theme=light] .contact .gradient{background:linear-gradient(115deg,#0d4f78,#0f7a8a);-webkit-background-clip:text;background-clip:text}

/* ==========================================================================
   8. FOOTER
   ========================================================================== */
footer{position:relative;margin-top:40px;padding:80px 0 30px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,#02080c99);overflow:hidden}
[data-theme=light] footer{background:linear-gradient(180deg,transparent,#c9e2ee88)}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:64px}
.footer-grid h3{margin:26px 0 18px;font-size:17px;letter-spacing:-.02em}
.footer-grid p,.hours{font-size:13px}
.hours{color:var(--muted);padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);line-height:1.8}
.hours b{color:var(--text);font-weight:600}
.footer-brand>p{max-width:460px}
.explore-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:26px}
.explore-links a,.gallery-links a{font-size:13px;color:var(--muted);transition:color .25s,transform .25s}
.explore-links a:hover,.gallery-links a:hover{color:var(--text);transform:translateX(4px)}
.gallery-links{display:grid;gap:12px}
.footer-grid .btn{min-height:44px;padding:10px 18px;font-size:11.5px}
.fine{margin-top:50px;padding-top:26px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.9;color:var(--muted)}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:24px;font-size:11.5px;color:var(--muted)}
.footer-bottom>div{display:flex;gap:20px;flex-wrap:wrap}
.footer-bottom a:hover,.privacy-link:hover{color:var(--text)}
.privacy-link{padding:0;background:transparent;font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px}
.footer-word{margin-top:30px;text-align:center;font-weight:800;font-size:clamp(60px,15vw,230px);line-height:.8;letter-spacing:-.06em;white-space:nowrap;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 19%,transparent),transparent 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;user-select:none;pointer-events:none}

/* ==========================================================================
   9. FLOATING UI, DIALOGS, FORMS
   ========================================================================== */
.social-rail{position:fixed;right:14px;top:44%;z-index:35;display:grid;gap:9px}
.social-rail>span{display:none}
.social-rail a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--muted);transition:all .3s var(--ease)}
.social-rail a:hover{color:var(--on-accent);background:var(--green);border-color:transparent;transform:translateX(-4px)}
.social-rail svg{width:16px;height:16px}
.floating-tools{position:fixed;right:24px;bottom:26px;z-index:60;display:flex;flex-direction:column;gap:14px}
.float-btn{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid var(--line-strong);box-shadow:0 16px 36px -12px #000a;animation:bob 4s ease-in-out infinite;transition:transform .3s var(--ease)}
.float-btn:hover{transform:scale(1.08)}
.float-btn svg{width:28px;height:28px}.float-btn span{display:none}
.whatsapp{background:#25D366!important;color:#fff!important;border-color:#25D366!important}
.whatsapp:after{content:'';position:absolute;inset:-6px;border:1px solid #25d36688;border-radius:50%;animation:ping 2.6s ease-out infinite}
.assistant-toggle{background:var(--green);color:var(--on-accent);animation-delay:-1.5s}
.appearance-dock{position:fixed;bottom:26px;left:22px;z-index:55}
.appearance-button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 30px -12px #0009;transition:transform .5s var(--ease)}
.appearance-button:hover{transform:rotate(90deg)}
.appearance-button svg{width:22px;height:22px}

.assistant-panel{position:fixed;right:96px;bottom:26px;z-index:65;width:360px;max-width:calc(100vw - 36px);max-height:80dvh;overflow-y:auto;border:1px solid var(--line-strong);border-radius:24px;background:var(--surface-solid);box-shadow:var(--shadow);animation:panel-in .5s var(--ease) both}
.assistant-head{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 13%,transparent),transparent)}
.assistant-head b{font-size:14px}.assistant-head small{display:block;font-size:10.5px;color:var(--muted)}
.assistant-head button{font-size:26px;line-height:1;color:var(--muted)}
.assistant-body{padding:22px}
.assistant-body p{font-size:13.5px;white-space:pre-line}.assistant-body small{font-size:10.5px}
.assistant-options{display:grid;gap:9px;margin-block:18px}
.assistant-options button{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-align:left;font-size:12.5px;transition:all .3s var(--ease)}
.assistant-options button:hover{border-color:var(--line-strong);transform:translateX(4px)}
.assistant-body .btn{width:100%;font-size:11.5px}

.cookie-banner{position:fixed;left:84px;bottom:22px;z-index:75;width:540px;max-width:calc(100vw - 180px);padding:26px;border:1px solid var(--line-strong);border-radius:22px;background:var(--surface-solid);box-shadow:var(--shadow)}
.cookie-banner h3{margin-bottom:10px;font-size:19px}.cookie-banner p{font-size:12.5px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:9px}
.cookie-actions .btn{min-height:42px;padding:10px 14px;font-size:11px}

dialog{width:640px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 40px);padding:40px;overflow-y:auto;color:var(--text);border:1px solid var(--line-strong);border-radius:28px;background:var(--surface-solid);box-shadow:var(--shadow),0 0 100px -30px color-mix(in srgb,var(--blue) 40%,transparent)}
dialog[open]{animation:dialog-in .5s var(--ease) both}
dialog::backdrop{background:#01090cb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
dialog h2{font-size:32px}dialog p{font-size:13.5px}dialog .eyebrow{margin-top:22px}
.close{position:absolute;right:18px;top:16px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);font-size:22px;line-height:1;color:var(--muted);transition:all .3s}
.close:hover{color:var(--text);border-color:var(--line-strong);transform:rotate(90deg)}
.consult-top{display:flex;align-items:center;gap:15px}
.consult-top b{font-size:13.5px}.consult-top small{display:block;font:400 9px/1.6 var(--mono);letter-spacing:.14em;color:var(--muted)}
.consult-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--green);color:var(--on-accent);font-weight:700}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:flex;flex-direction:column;gap:7px;font-size:11.5px;font-weight:500}
.field:last-child{grid-column:1/-1}
input,select,textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font-size:15px;transition:border-color .25s,box-shadow .25s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 13%,transparent)}
select option{background:var(--surface-solid);color:var(--text)}
textarea{resize:vertical}
.consent{display:flex;gap:10px;margin:18px 0;font-size:11px;line-height:1.7}
.consent input{flex-shrink:0;width:17px;height:17px;margin-top:3px;padding:0;accent-color:var(--cyan)}
.form-footer{display:flex;justify-content:space-between;gap:15px;margin-top:18px;font-size:10.5px;color:var(--muted)}
.form-status{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.form-status .btn{font-size:11px}
.privacy-item{display:flex;justify-content:space-between;gap:22px;padding:20px 0;border-top:1px solid var(--line);font-size:13.5px}
.privacy-item p{margin:8px 0 0;font-size:11.5px}.privacy-item input{flex-shrink:0;width:22px;accent-color:var(--cyan)}
.privacy-essential{white-space:nowrap;font:400 10px/1.6 var(--mono);color:var(--muted)}
.privacy-actions{display:flex;flex-wrap:wrap;gap:10px}.privacy-actions .btn{font-size:11.5px}
.mode-options{display:flex;gap:12px;margin-bottom:24px}
.mode-options button,.palette-options button{padding:14px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:13px;transition:border-color .3s}
.mode-options [aria-pressed=true],.palette-options [aria-pressed=true]{border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 13%,transparent)}
.appearance-label{margin-bottom:12px;font-size:11.5px}
.palette-options{margin-bottom:25px}
.swatch{display:inline-block;width:26px;height:12px;margin-right:12px;border-radius:20px;background:var(--green)}
.motion-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;padding:18px 0;border-top:1px solid var(--line);font-size:12.5px}
.motion-control input{flex-shrink:0;width:21px;height:21px;accent-color:var(--cyan)}

/* Manager intro screen (Website Manager > Intro) */
.intro-screen{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#0b2c3a,var(--bg) 70%);transition:opacity .5s}
.intro-screen.fade{opacity:0}
.intro-inner{text-align:center;padding:24px}
.intro-inner .logo{font-size:30px;justify-content:center}.intro-inner .logo:before{width:92px;height:54px;margin-right:14px}
.intro-progress{position:relative;width:min(280px,70vw);height:4px;margin:30px auto 20px;border-radius:4px;background:var(--line);overflow:hidden}
.intro-progress:after{content:'';position:absolute;inset:0;transform-origin:0 50%;background:linear-gradient(90deg,var(--blue),var(--mint));animation:fill 2s var(--ease) both}
.intro-inner p{margin:0;font:400 12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase}

/* Generic WordPress pages (index.php) */
.wp-page{padding:70px 0 110px;max-width:860px}
.wp-page h1{font-size:clamp(34px,5vw,60px);margin-bottom:30px}
.wp-page article{margin-bottom:60px}.wp-page a{color:var(--cyan)}
.wp-page img{border-radius:18px}

/* ==========================================================================
   10. REVEAL + MOTION
   ========================================================================== */
.js .reveal{opacity:0;translate:0 34px;transition:opacity .9s var(--ease),translate .9s var(--ease)}
.js .reveal.visible{opacity:1;translate:0 0}
.js [data-stagger]>*{opacity:0;translate:0 30px;transition:opacity .8s var(--ease),translate .8s var(--ease),transform .5s var(--ease),border-color .3s,box-shadow .4s;transition-delay:var(--d,0ms),var(--d,0ms),0ms,0ms,0ms}
.js [data-stagger].visible>*{opacity:1;translate:0 0}
.js [data-stagger].settled>*{transition-delay:0ms}
@keyframes ping{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.8);opacity:0}}
@keyframes caret{50%{opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes sheen{0%,20%{background-position:150% 50%}75%,100%{background-position:-50% 50%}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes float-a{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(6%,5%,0) scale(1.12)}}
@keyframes float-b{from{transform:translate3d(4%,-3%,0) scale(1.05)}to{transform:translate3d(-6%,6%,0) scale(.95)}}
@keyframes panel-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes dialog-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
[data-motion=paused] *,[data-motion=paused] *:before,[data-motion=paused] *:after{animation-play-state:paused!important}

/* ==========================================================================
   11. RESPONSIVE
   ========================================================================== */
@media(max-width:1180px){
  .wrap{width:calc(100% - 56px)}
  .nav{gap:14px;padding-left:20px}.navlinks a{padding:8px 11px;font-size:12px}
  .hero>.wrap{gap:30px}.visual{min-height:560px}
  .overview-dashboard{grid-template-columns:220px 1fr}.overview-content{padding:28px}
  .tech-box{gap:44px;padding:46px}
  .footer-grid{gap:40px}
  .problem-grid{grid-template-columns:repeat(2,1fr)}
  .social-rail{right:8px}
}
@media(max-width:960px){
  .nav{height:68px}
  .menu{display:grid;place-items:center;margin-left:auto}
  .nav>.btn{min-height:42px;padding:9px 15px;font-size:11px;margin-left:auto}
  .menu{margin-left:0}
  .navlinks{display:none;position:absolute;top:calc(100% - 4px);left:0;right:0;margin:0;padding:18px;flex-direction:column;gap:4px;border:1px solid var(--line-strong);border-radius:22px;background:var(--surface-solid);box-shadow:var(--shadow);pointer-events:auto}
  header .wrap.nav{position:relative}
  .navlinks.open{display:flex;animation:panel-in .4s var(--ease) both}
  .navlinks a{padding:15px 16px;font-size:15px;border-radius:14px}
  .navlinks a.active:after{display:none}
  .hero{padding:36px 0 70px}
  .hero>.wrap{grid-template-columns:1fr;gap:44px}
  .hero-proof{max-width:none}
  .visual{max-width:560px;width:100%;margin-inline:auto;min-height:580px}
  .split,.tech-box{grid-template-columns:1fr;gap:44px}
  .about-art{min-height:340px}
  .section-top{display:block;margin-bottom:40px}.section-top>p{max-width:600px;margin-top:22px}
  .stats{grid-template-columns:1fr 1fr}
  .stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .overview-dashboard{grid-template-columns:minmax(0,1fr)}
  .overview-dashboard>*{min-width:0}
  .overview-sidebar{padding:24px 22px 18px;border-right:0;border-bottom:1px solid var(--line)}
  .overview-sidebar p{display:none}
  .overview-tabs{display:flex;gap:6px;margin-top:16px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
  .overview-tabs::-webkit-scrollbar{display:none}
  .overview-tab{flex-shrink:0;white-space:nowrap;padding:11px 16px}
  .overview-tab.active{box-shadow:inset 0 -3px 0 var(--mint)}
  .service-bento{grid-template-columns:1fr 1fr}
  .service-lead{grid-column:1/-1;grid-row:auto}
  .service-tile:nth-child(1) .service-art{height:170px}
  .pillars,.paths{grid-template-columns:1fr}
  .pillar-art{height:200px}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
  main>section:not(.hero){padding:84px 0}
  .cookie-banner{left:18px;bottom:150px;max-width:calc(100vw - 36px)}
  .contact .wrap{padding:56px 34px}
}
@media(max-width:480px){.nav>.btn{display:none}.menu{margin-left:auto}}
@media(max-width:600px){
  body{font-size:16px}
  .wrap{width:calc(100% - 36px)}
  header{padding:10px 0}.nav{height:62px;padding-left:16px;border-radius:18px}
  .logo{font-size:15px}.logo:before{width:44px;height:26px;margin-right:9px}
  .hero{padding-top:24px}
  .hero p{font-size:16px}
  .hero .actions .btn{flex:1 1 100%}
  .hero-proof li{padding:14px 12px}.hero-proof b{font-size:18px}.hero-proof span{font-size:10px}
  .visual{min-height:500px;border-radius:200px 200px 26px 26px}
  .chip{padding:10px 12px;font-size:9px;gap:9px}.chip b{font-size:10.5px}.chip-icon{width:30px;height:30px;font-size:15px}
  .chip.one{left:12px;top:100px}.chip.two{right:12px;top:262px}
  .v-card{left:14px;right:14px;bottom:54px;padding:14px 16px}
  .visual-index{display:none}
  .ticker span{padding:18px 24px;font-size:10px}.ticker span:before{margin-right:24px}
  .stats>div{padding:24px 18px}
  .about-art{padding:36px 26px;min-height:300px}
  .overview-content{padding:22px}
  .overview-top{display:block}.overview-badge{display:inline-block;margin-top:14px}
  .overview-cards{grid-template-columns:minmax(0,1fr)}
  .overview-bottom{display:block}.overview-bottom .btn{margin-top:20px;width:100%}
  .service-bento,.problem-grid,.faq-grid{grid-template-columns:1fr}
  .service-tile{padding:26px}.service-art{margin:-26px -26px 24px}
  .tech-box{padding:30px 22px;border-radius:26px}
  .process-steps>div{gap:16px}.process-steps article{padding:18px}.process-steps .track{left:23px}
  .faq-grid summary{padding:20px;font-size:14.5px}.faq-grid details p{padding:0 20px 22px}
  .contact .wrap{padding:44px 22px;border-radius:28px}
  .contact .btn{width:100%}
  .footer-grid{grid-template-columns:1fr;gap:34px}.footer-brand{grid-column:auto}
  .footer-bottom{display:block}.footer-bottom>div{margin-top:16px}
  .social-rail{display:none}
  .floating-tools{right:14px;bottom:18px;gap:12px}.float-btn{width:52px;height:52px}
  .appearance-dock{left:14px;bottom:20px}.appearance-button{width:42px;height:42px}
  .assistant-panel{right:14px;bottom:146px;width:calc(100vw - 28px);max-height:65dvh}
  .cookie-banner{padding:20px;bottom:90px;left:14px;max-width:calc(100vw - 28px)}
  .cookie-actions .btn{flex:1}
  dialog{padding:34px 22px;border-radius:24px}dialog h2{font-size:27px}
  .form-grid{grid-template-columns:1fr}.field:last-child{grid-column:auto}
  .form-footer{display:block}.form-footer a{display:block;margin-top:6px}
}
@media(max-width:380px){.hero h1{font-size:38px}.hero-proof{flex-direction:column}.hero-proof li{border-right:0;border-bottom:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .js .reveal,.js [data-stagger]>*{opacity:1;translate:none}
  .marquee-track{flex-wrap:wrap;justify-content:center}.marquee{-webkit-mask-image:none;mask-image:none}
  .hero-typing:after,.typing:after{display:none}
}


/* ==========================================================================
   7.0 UPGRADE: finance canvas, gradient orbs, advanced buttons, wide screens
   ========================================================================== */
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ambient{z-index:0}
main,header,footer,.ticker{position:relative;z-index:1}
.btn{border-radius:99px;background-clip:padding-box}
.btn.primary{background:linear-gradient(115deg,var(--blue),var(--cyan) 45%,var(--mint));background-size:200% 100%;animation:btn7 6s linear infinite alternate;font-weight:700;box-shadow:0 14px 38px -12px color-mix(in srgb,var(--blue) 65%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}
.btn.primary:hover{transform:translateY(-4px) scale(1.02)}
.btn.ghost{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(115deg,var(--blue),var(--mint)) border-box;border:1px solid transparent}
@keyframes btn7{to{background-position:100% 0}}
.card,.panel{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
header{top:env(safe-area-inset-top,0px)}
img,svg,video{max-width:100%}
html,body{overflow-x:hidden}
@media(min-width:1900px){.wrap{max-width:1640px}html{font-size:112%}}
@media(min-width:2400px){.wrap{max-width:1900px}html{font-size:125%}}
@media(max-width:1024px){.hero .wrap{grid-template-columns:1fr}}
@media(max-width:480px){.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){}

.service-tile{display:block;cursor:default}


/* ==========================================================================
   7.1 SUPER-ATTRACTIVE LAYER: aurora mesh, floating finance glyphs, tilt, glow
   ========================================================================== */
@property --hue{syntax:'<angle>';inherits:false;initial-value:0deg}
body::before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 35% at 20% 25%,color-mix(in srgb,var(--blue) 22%,transparent),transparent 70%),radial-gradient(35% 30% at 80% 20%,rgba(124,92,255,.18),transparent 70%),radial-gradient(40% 35% at 70% 85%,color-mix(in srgb,var(--mint) 12%,transparent),transparent 70%);filter:hue-rotate(var(--hue))}
@keyframes mesh{to{transform:translate3d(-4%,3%,0) rotate(6deg) scale(1.12);--hue:35deg}}
h1 .gradient,h2 .gradient,.gradient{background-size:220% 100%;animation:shimmer7 6s linear infinite}
@keyframes shimmer7{to{background-position:220% 0}}
.spot,.service-tile,.v-card,.panel{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .3s;will-change:transform}
.spot:hover,.service-tile:hover{box-shadow:0 30px 70px -28px color-mix(in srgb,var(--blue) 55%,transparent),0 0 0 1px color-mix(in srgb,var(--blue) 35%,transparent)}
.hero .v-mark{filter:drop-shadow(0 0 40px color-mix(in srgb,var(--blue) 55%,transparent));animation:hv 7s ease-in-out infinite alternate}
@keyframes hv{to{transform:translateY(-14px) scale(1.03)}}
.hero-proof b,.stat b{background:linear-gradient(115deg,var(--ice),var(--blue),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:640px){body::before{inset:-10%}}
@media(hover:none){.spot:hover,.service-tile:hover{box-shadow:none}}
@media(prefers-reduced-motion:reduce){body::before,.glyphs b,.hero .v-mark,.gradient{animation:none}}

/* 7.2 polish: keep the header CTA on phones, calmer background symbols, clear text */
@media(max-width:480px){.nav>.btn{display:inline-flex;margin-left:auto;min-height:40px;padding:8px 14px;font-size:11px}.logo{font-size:15px}}
@media(max-width:820px){}


/* ==========================================================================
   7.3 UNIQUE ABSTRACT BACKGROUND PER SECTION (finance-themed, animated)
   ========================================================================== */
.hero,#about,#dashboard,#opportunities,.problem,#framework,#technology,#start,#process,#questions,#contact{position:relative;isolation:isolate;overflow:hidden}
.hero::before,#about::before,#dashboard::before,#opportunities::before,.problem::before,#framework::before,#technology::before,#start::before,#process::before,#questions::before,#contact::before,
.hero::after,#about::after,#dashboard::after,#opportunities::after,.problem::after,#framework::after,#technology::after,#start::after,#process::after,#questions::after,#contact::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.hero::before,#about::before,#dashboard::before,#opportunities::before,.problem::before,#framework::before,#technology::before,#start::before,#process::before,#questions::before,#contact::before{inset:-6%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.55;-webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);will-change:transform}
.hero::after,#about::after,#dashboard::after,#opportunities::after,.problem::after,#framework::after,#technology::after,#start::after,#process::after,#questions::after,#contact::after{inset:0;background:radial-gradient(45% 55% at var(--gp,50% 50%),var(--gc,var(--blue)),transparent 70%);opacity:.14;animation:glow7 14s ease-in-out infinite alternate}
@keyframes glow7{to{opacity:.26;transform:scale(1.15)}}
@keyframes rot{to{transform:rotate(7deg) scale(1.06)}}@keyframes dx{to{transform:translateX(-3.5%)}}@keyframes dy{to{transform:translateY(-3.5%)}}@keyframes zm{to{transform:scale(1.1)}}
@media(max-width:640px){.hero::before,#about::before,#dashboard::before,#opportunities::before,.problem::before,#framework::before,#technology::before,#start::before,#process::before,#questions::before,#contact::before{opacity:.4}}
@media(prefers-reduced-motion:reduce){.hero::before,#about::before,#dashboard::before,#opportunities::before,.problem::before,#framework::before,#technology::before,#start::before,#process::before,#questions::before,#contact::before,.hero::after,#about::after,#dashboard::after,#opportunities::after,.problem::after,#framework::after,#technology::after,#start::after,#process::after,#questions::after,#contact::after{animation:none!important}}
.hero::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cellipse%20cx%3D%22900%22%20cy%3D%22330%22%20rx%3D%22180%22%20ry%3D%2268%22%20transform%3D%22rotate%28-25%20900%20330%29%22%20stroke-opacity%3D%220.5%22%20stroke-width%3D%221.5%22/%3E%3Cellipse%20cx%3D%22900%22%20cy%3D%22330%22%20rx%3D%22280%22%20ry%3D%22106%22%20transform%3D%22rotate%28-25%20900%20330%29%22%20stroke-opacity%3D%220.35%22%20stroke-width%3D%221.5%22/%3E%3Cellipse%20cx%3D%22900%22%20cy%3D%22330%22%20rx%3D%22380%22%20ry%3D%22144%22%20transform%3D%22rotate%2820%20900%20330%29%22%20stroke-opacity%3D%220.3%22%20stroke-width%3D%221.5%22/%3E%3Cellipse%20cx%3D%22900%22%20cy%3D%22330%22%20rx%3D%22500%22%20ry%3D%22190%22%20transform%3D%22rotate%28-10%20900%20330%29%22%20stroke-opacity%3D%220.2%22%20stroke-width%3D%221.5%22/%3E%3Cellipse%20cx%3D%22900%22%20cy%3D%22330%22%20rx%3D%22640%22%20ry%3D%22243%22%20transform%3D%22rotate%2835%20900%20330%29%22%20stroke-opacity%3D%220.14%22%20stroke-width%3D%221.5%22/%3E%3Ccircle%20cx%3D%22900%22%20cy%3D%22330%22%20r%3D%226%22%20fill%3D%22%23B2FF35%22/%3E%3C/g%3E%3C/svg%3E");animation:rot 26s ease-in-out infinite alternate}.hero::after{--gc:#55BFFF;--gp:80% 30%}
#about::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M0%20250%20L0%20250%20L40%20268%20L80%20283%20L120%20294%20L160%20300%20L200%20298%20L240%20291%20L280%20278%20L320%20262%20L360%20243%20L400%20226%20L440%20212%20L480%20203%20L520%20200%20L560%20204%20L600%20213%20L640%20228%20L680%20245%20L720%20263%20L760%20279%20L800%20292%20L840%20299%20L880%20299%20L920%20294%20L960%20282%20L1000%20266%20L1040%20249%20L1080%20231%20L1120%20216%20L1160%20205%20L1200%20200%20L1240%20202%22%20stroke-opacity%3D%220.50%22%20stroke-width%3D%222.0%22/%3E%3Cpath%20d%3D%22M0%20320%20L0%20372%20L40%20379%20L80%20382%20L120%20379%20L160%20372%20L200%20361%20L240%20346%20L280%20329%20L320%20311%20L360%20294%20L400%20279%20L440%20268%20L480%20260%20L520%20258%20L560%20261%20L600%20268%20L640%20280%20L680%20294%20L720%20311%20L760%20329%20L800%20346%20L840%20361%20L880%20372%20L920%20380%20L960%20382%20L1000%20379%20L1040%20372%20L1080%20360%20L1120%20346%20L1160%20329%20L1200%20311%20L1240%20294%22%20stroke-opacity%3D%220.42%22%20stroke-width%3D%221.8%22/%3E%3Cpath%20d%3D%22M0%20390%20L0%20457%20L40%20448%20L80%20436%20L120%20421%20L160%20405%20L200%20387%20L240%20370%20L280%20354%20L320%20340%20L360%20329%20L400%20321%20L440%20317%20L480%20316%20L520%20320%20L560%20328%20L600%20339%20L640%20353%20L680%20369%20L720%20386%20L760%20404%20L800%20420%20L840%20435%20L880%20448%20L920%20457%20L960%20462%20L1000%20464%20L1040%20461%20L1080%20455%20L1120%20445%20L1160%20432%20L1200%20416%20L1240%20400%22%20stroke-opacity%3D%220.34%22%20stroke-width%3D%221.6%22/%3E%3Cpath%20d%3D%22M0%20460%20L0%20472%20L40%20455%20L80%20438%20L120%20422%20L160%20407%20L200%20395%20L240%20385%20L280%20378%20L320%20375%20L360%20374%20L400%20378%20L440%20384%20L480%20394%20L520%20406%20L560%20420%20L600%20436%20L640%20453%20L680%20470%20L720%20487%20L760%20502%20L800%20517%20L840%20528%20L880%20537%20L920%20543%20L960%20546%20L1000%20545%20L1040%20541%20L1080%20533%20L1120%20523%20L1160%20510%20L1200%20495%20L1240%20479%22%20stroke-opacity%3D%220.26%22%20stroke-width%3D%221.4%22/%3E%3Cpath%20d%3D%22M0%20530%20L0%20456%20L40%20446%20L80%20438%20L120%20434%20L160%20432%20L200%20433%20L240%20437%20L280%20444%20L320%20454%20L360%20466%20L400%20479%20L440%20495%20L480%20511%20L520%20528%20L560%20545%20L600%20561%20L640%20577%20L680%20591%20L720%20603%20L760%20614%20L800%20621%20L840%20626%20L880%20628%20L920%20627%20L960%20623%20L1000%20616%20L1040%20607%20L1080%20595%20L1120%20582%20L1160%20566%20L1200%20550%20L1240%20533%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%221.2%22/%3E%3Cpath%20d%3D%22M0%20600%20L0%20495%20L40%20501%20L80%20509%20L120%20519%20L160%20532%20L200%20546%20L240%20561%20L280%20577%20L320%20594%20L360%20611%20L400%20628%20L440%20644%20L480%20659%20L520%20672%20L560%20684%20L600%20694%20L640%20702%20L680%20707%20L720%20710%20L760%20710%20L800%20707%20L840%20702%20L880%20695%20L920%20685%20L960%20674%20L1000%20660%20L1040%20645%20L1080%20629%20L1120%20613%20L1160%20596%20L1200%20579%20L1240%20563%22%20stroke-opacity%3D%220.10%22%20stroke-width%3D%221.0%22/%3E%3C/g%3E%3C/svg%3E");animation:dx 28s ease-in-out infinite alternate}#about::after{--gc:#B2FF35;--gp:10% 70%}
#dashboard::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M0%20100H1200%22%20stroke-opacity%3D%22.12%22/%3E%3Cpath%20d%3D%22M0%20200H1200%22%20stroke-opacity%3D%22.12%22/%3E%3Cpath%20d%3D%22M0%20300H1200%22%20stroke-opacity%3D%22.12%22/%3E%3Cpath%20d%3D%22M0%20400H1200%22%20stroke-opacity%3D%22.12%22/%3E%3Cpath%20d%3D%22M0%20500H1200%22%20stroke-opacity%3D%22.12%22/%3E%3Cpath%20d%3D%22M0%20600H1200%22%20stroke-opacity%3D%22.12%22/%3E%3Cpath%20d%3D%22M40%20218V297%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%2231%22%20y%3D%22258%22%20width%3D%2218%22%20height%3D%2255%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M85%20276V350%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%2276%22%20y%3D%22316%22%20width%3D%2218%22%20height%3D%2282%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M130%20209V285%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22121%22%20y%3D%22249%22%20width%3D%2218%22%20height%3D%2253%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M175%20265V367%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22166%22%20y%3D%22305%22%20width%3D%2218%22%20height%3D%2243%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M220%20326V401%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22211%22%20y%3D%22366%22%20width%3D%2218%22%20height%3D%2257%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M265%20289V363%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22256%22%20y%3D%22329%22%20width%3D%2218%22%20height%3D%2245%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M310%20336V441%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22301%22%20y%3D%22376%22%20width%3D%2218%22%20height%3D%2257%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M355%20391V497%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22346%22%20y%3D%22431%22%20width%3D%2218%22%20height%3D%2237%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M400%20404V514%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22391%22%20y%3D%22444%22%20width%3D%2218%22%20height%3D%2270%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M445%20459V565%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22436%22%20y%3D%22499%22%20width%3D%2218%22%20height%3D%2267%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M490%20428V501%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22481%22%20y%3D%22468%22%20width%3D%2218%22%20height%3D%2244%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M535%20487V592%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22526%22%20y%3D%22527%22%20width%3D%2218%22%20height%3D%2284%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M580%20500V588%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22571%22%20y%3D%22540%22%20width%3D%2218%22%20height%3D%2256%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M625%20500V604%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22616%22%20y%3D%22540%22%20width%3D%2218%22%20height%3D%2237%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M670%20492V597%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22661%22%20y%3D%22532%22%20width%3D%2218%22%20height%3D%2282%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M715%20500V576%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22706%22%20y%3D%22540%22%20width%3D%2218%22%20height%3D%2267%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M760%20500V593%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22751%22%20y%3D%22540%22%20width%3D%2218%22%20height%3D%2236%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M805%20430V545%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22796%22%20y%3D%22470%22%20width%3D%2218%22%20height%3D%2234%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M850%20356V429%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22841%22%20y%3D%22396%22%20width%3D%2218%22%20height%3D%2269%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M895%20374V475%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22886%22%20y%3D%22414%22%20width%3D%2218%22%20height%3D%2273%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M940%20308V405%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22931%22%20y%3D%22348%22%20width%3D%2218%22%20height%3D%2279%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M985%20298V397%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%22976%22%20y%3D%22338%22%20width%3D%2218%22%20height%3D%2267%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M1030%20252V345%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%221021%22%20y%3D%22292%22%20width%3D%2218%22%20height%3D%2249%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M1075%20259V379%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%221066%22%20y%3D%22299%22%20width%3D%2218%22%20height%3D%2241%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M1120%20267V342%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%221111%22%20y%3D%22307%22%20width%3D%2218%22%20height%3D%2266%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3Cpath%20d%3D%22M1165%20261V364%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Crect%20x%3D%221156%22%20y%3D%22301%22%20width%3D%2218%22%20height%3D%2261%22%20stroke-opacity%3D%22.55%22%20stroke-width%3D%221.5%22/%3E%3C/g%3E%3C/svg%3E");animation:dy 26s ease-in-out infinite alternate}#dashboard::after{--gc:#55BFFF;--gp:50% 100%}
#opportunities::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M763%20519L702%20408%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L777%20568%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L850%20415%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L567%20467%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L860%20568%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L979%20471%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L941%20623%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L630%20485%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M763%20519L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M649%20134L760%20215%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M649%20134L787%20232%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M649%20134L648%20192%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M649%20134L629%20200%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M649%20134L532%20214%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M301%20584L106%20532%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M301%20584L299%20565%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M916%20228L760%20215%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M916%20228L994%20130%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M916%20228L1030%20126%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M916%20228L972%20351%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M916%20228L850%20415%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M916%20228L787%20232%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M760%20215L702%20408%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M760%20215L850%20415%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M760%20215L787%20232%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M760%20215L648%20192%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M760%20215L629%20200%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M760%20215L532%20214%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M1061%20491L972%20351%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M1061%20491L850%20415%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M1061%20491L860%20568%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M1061%20491L979%20471%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M1061%20491L941%20623%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M140%20139L251%20336%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M140%20139L180%20283%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M140%20139L225%20230%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M140%20139L229%20240%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L777%20568%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L850%20415%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L787%20232%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L648%20192%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L567%20467%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L860%20568%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L629%20200%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L630%20485%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M702%20408L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M777%20568L850%20415%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M777%20568L860%20568%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M777%20568L979%20471%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M777%20568L941%20623%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M777%20568L630%20485%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M777%20568L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M994%20130L1030%20126%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M994%20130L972%20351%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M251%20336L184%20377%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M251%20336L180%20283%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M251%20336L225%20230%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M251%20336L229%20240%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M184%20377L106%20532%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M184%20377L299%20565%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M184%20377L180%20283%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M184%20377L225%20230%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M184%20377L229%20240%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M972%20351L850%20415%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M972%20351L787%20232%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M972%20351L979%20471%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M972%20351L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M850%20415L787%20232%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M850%20415L860%20568%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M850%20415L979%20471%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M850%20415L941%20623%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M850%20415L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M106%20532L299%20565%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M787%20232L648%20192%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M787%20232L629%20200%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M787%20232L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M180%20283L225%20230%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M180%20283L229%20240%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M648%20192L629%20200%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M648%20192L532%20214%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M567%20467L630%20485%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M567%20467L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M860%20568L979%20471%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M860%20568L941%20623%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M860%20568L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M225%20230L229%20240%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M979%20471L941%20623%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M979%20471L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M629%20200L532%20214%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M941%20623L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Cpath%20d%3D%22M630%20485L794%20449%22%20stroke-opacity%3D%22.28%22/%3E%3Ccircle%20cx%3D%22763%22%20cy%3D%22519%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22649%22%20cy%3D%22134%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22301%22%20cy%3D%22584%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22916%22%20cy%3D%22228%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22760%22%20cy%3D%22215%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%221061%22%20cy%3D%22491%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22139%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22702%22%20cy%3D%22408%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22777%22%20cy%3D%22568%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22994%22%20cy%3D%22130%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22251%22%20cy%3D%22336%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%221030%22%20cy%3D%22126%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22184%22%20cy%3D%22377%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22972%22%20cy%3D%22351%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22850%22%20cy%3D%22415%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22106%22%20cy%3D%22532%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22787%22%20cy%3D%22232%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22299%22%20cy%3D%22565%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22180%22%20cy%3D%22283%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22648%22%20cy%3D%22192%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22567%22%20cy%3D%22467%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22860%22%20cy%3D%22568%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22225%22%20cy%3D%22230%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22979%22%20cy%3D%22471%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22629%22%20cy%3D%22200%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22941%22%20cy%3D%22623%22%20r%3D%224%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22630%22%20cy%3D%22485%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22794%22%20cy%3D%22449%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22532%22%20cy%3D%22214%22%20r%3D%229%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3Ccircle%20cx%3D%22229%22%20cy%3D%22240%22%20r%3D%226%22%20stroke-opacity%3D%22.7%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.25%22/%3E%3C/g%3E%3C/svg%3E");animation:zm 24s ease-in-out infinite alternate}#opportunities::after{--gc:#7c5cff;--gp:70% 30%}
.problem::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M80%20100C400%20100%20700%20350%201150%20-40.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20138C400%20188%20700%20647%201150%2020.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20176C400%20231%20700%20273%201150%2080.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20214C400%20222%20700%2072%201150%20140.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20252C400%20207%20700%20498%201150%20200.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20290C400%20232%20700%20590%201150%20260.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20328C400%20311%20700%20140%201150%20320.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20366C400%20405%20700%20165%201150%20380.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20404C400%20463%20700%20608%201150%20440.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20442C400%20467%20700%20469%201150%20500.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20480C400%20447%20700%2062%201150%20560.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20518C400%20458%20700%20305%201150%20620.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20556C400%20524%20700%20650%201150%20680.0%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M80%20594C400%20619%20700%20317%201150%20740.0%22%20stroke-opacity%3D%22.3%22/%3E%3C/g%3E%3C/svg%3E");animation:dx 26s ease-in-out infinite alternate}.problem::after{--gc:#ff7a59;--gp:20% 40%}
#framework::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Crect%20x%3D%22150%22%20y%3D%22480%22%20width%3D%22170%22%20height%3D%22240%22%20rx%3D%2214%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M150%20520H320%22%20stroke-opacity%3D%22.3%22/%3E%3Crect%20x%3D%22450%22%20y%3D%22340%22%20width%3D%22170%22%20height%3D%22380%22%20rx%3D%2214%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M450%20380H620%22%20stroke-opacity%3D%22.3%22/%3E%3Crect%20x%3D%22750%22%20y%3D%22200%22%20width%3D%22170%22%20height%3D%22520%22%20rx%3D%2214%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M750%20240H920%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M120%20480L420%20400L720%20300L1100%2090%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%223%2012%22/%3E%3C/g%3E%3C/svg%3E");animation:dy 28s ease-in-out infinite alternate}#framework::after{--gc:#B2FF35;--gp:50% 90%}
#technology::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M0%2060H130V-15H271H358V-90H494V-15H650V-90H802V-165H928H1017H1175V-90H1299%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20135H140V210H279V285H369V360H543V285H689V360H787H984V435H1146H1315%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20210H146V135H271H419V210H580V135H763V210H937H1042V285H1215V210%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20285H181V360H285H409V435H535V360H644V435H750V360H891H1015H1105H1200%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20360H180H285V285H420H542V360H681V285H853V210H936V285H1119H1277%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20435H140H264V360H346V285H493H590V210H775H858V285H1002V360H1115V285H1202%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20510H125H289V585H474H618V510H765V585H944V510H1123H1225V435%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20585H151V660H331H524V585H628V510H772V435H949H1037V360H1205V435%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20660H144H313V735H511V660H698V735H793V810H882H1016V885H1196V810H1396%22%20stroke-opacity%3D%22.3%22/%3E%3Ccircle%20cx%3D%22789%22%20cy%3D%22210%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22558%22%20cy%3D%22210%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22997%22%20cy%3D%22285%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22232%22%20cy%3D%22435%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%221037%22%20cy%3D%22210%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22498%22%20cy%3D%22210%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22923%22%20cy%3D%22585%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22867%22%20cy%3D%22435%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22902%22%20cy%3D%22285%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22770%22%20cy%3D%22360%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22228%22%20cy%3D%22435%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%2279%22%20cy%3D%22435%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22979%22%20cy%3D%22510%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%2277%22%20cy%3D%22435%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22718%22%20cy%3D%22585%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22645%22%20cy%3D%22585%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22171%22%20cy%3D%22210%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22508%22%20cy%3D%22135%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22212%22%20cy%3D%22360%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22596%22%20cy%3D%22135%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22411%22%20cy%3D%22360%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22305%22%20cy%3D%22510%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22569%22%20cy%3D%22510%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3Ccircle%20cx%3D%22345%22%20cy%3D%22585%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20fill-opacity%3D%22.5%22%20stroke-opacity%3D%22.6%22/%3E%3C/g%3E%3C/svg%3E");animation:dx 26s ease-in-out infinite alternate}#technology::after{--gc:#59C4DA;--gp:85% 20%}
#start::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M80%20600h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M210%20550h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M340%20500h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M470%20450h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M600%20400h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M730%20350h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M860%20300h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M990%20250h130v-50%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22/%3E%3Cpath%20d%3D%22M80%20560L1020%20120%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%222%2014%22/%3E%3Cpath%20d%3D%22M1020%20120l-40%208m40-8l-8%2040%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%223%22/%3E%3C/g%3E%3C/svg%3E");animation:zm 28s ease-in-out infinite alternate}#start::after{--gc:#B2FF35;--gp:80% 20%}
#process::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M60%20560C260%20560%20260%20140%20460%20140S660%20560%20860%20560S1000%20300%201150%20200%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%222%22%20stroke-dasharray%3D%224%2012%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22560%22%20r%3D%2216%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.15%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%22560%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22460%22%20cy%3D%22140%22%20r%3D%2216%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.15%22/%3E%3Ccircle%20cx%3D%22460%22%20cy%3D%22140%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%22860%22%20cy%3D%22560%22%20r%3D%2216%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.15%22/%3E%3Ccircle%20cx%3D%22860%22%20cy%3D%22560%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20stroke%3D%22none%22/%3E%3Ccircle%20cx%3D%221150%22%20cy%3D%22200%22%20r%3D%2216%22%20stroke-opacity%3D%22.6%22%20stroke-width%3D%222%22%20fill%3D%22%2355BFFF%22%20fill-opacity%3D%22.15%22/%3E%3Ccircle%20cx%3D%221150%22%20cy%3D%22200%22%20r%3D%225%22%20fill%3D%22%23B2FF35%22%20stroke%3D%22none%22/%3E%3C/g%3E%3C/svg%3E");animation:dy 26s ease-in-out infinite alternate}#process::after{--gc:#55BFFF;--gp:20% 80%}
#questions::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%2270%22%20stroke-opacity%3D%220.42%22%20stroke-dasharray%3D%222%209%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22140%22%20stroke-opacity%3D%220.34%22%20stroke-dasharray%3D%223%2011%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22210%22%20stroke-opacity%3D%220.27%22%20stroke-dasharray%3D%224%2013%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22280%22%20stroke-opacity%3D%220.19%22%20stroke-dasharray%3D%225%2015%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22350%22%20stroke-opacity%3D%220.11%22%20stroke-dasharray%3D%226%2016%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22420%22%20stroke-opacity%3D%220.05%22%20stroke-dasharray%3D%227%2018%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22490%22%20stroke-opacity%3D%220.05%22%20stroke-dasharray%3D%228%2020%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22560%22%20stroke-opacity%3D%220.05%22%20stroke-dasharray%3D%229%2022%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22630%22%20stroke-opacity%3D%220.05%22%20stroke-dasharray%3D%229%2023%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22350%22%20r%3D%22700%22%20stroke-opacity%3D%220.05%22%20stroke-dasharray%3D%2210%2025%22/%3E%3C/g%3E%3C/svg%3E");animation:rot 24s ease-in-out infinite alternate}#questions::after{--gc:#7c5cff;--gp:50% 50%}
#contact::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201200%20700%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2355BFFF%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B2FF35%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22url%28%23g%29%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M600%20300L-900%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L-750%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L-600%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L-450%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L-300%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L-150%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L0%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L150%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L300%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L450%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L600%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L750%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L900%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L1050%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L1200%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L1350%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L1500%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L1650%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L1800%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M600%20300L1950%20700%22%20stroke-opacity%3D%22.3%22/%3E%3Cpath%20d%3D%22M0%20303H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20314H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20335H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20367H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20409H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20463H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20530H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20608H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Cpath%20d%3D%22M0%20700H1200%22%20stroke-opacity%3D%22.35%22/%3E%3Ccircle%20cx%3D%22600%22%20cy%3D%22300%22%20r%3D%2290%22%20stroke-opacity%3D%22.5%22/%3E%3C/g%3E%3C/svg%3E");animation:zm 32s ease-in-out infinite alternate}#contact::after{--gc:#55BFFF;--gp:50% 20%}


/* ==========================================================================
   8.0 PREMIUM: clean first page, per-section switches, contact form, speed
   ========================================================================== */
.hero::before,.hero::after{display:none!important}
.hero{background:radial-gradient(55% 55% at 82% 18%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 70%),radial-gradient(45% 45% at 8% 92%,color-mix(in srgb,var(--mint) 7%,transparent),transparent 70%)}
[data-bg="off"]::before,[data-bg="off"]::after{display:none!important}
#fx{transition:opacity .7s ease}
body.on-hero #fx{opacity:0}
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center;text-align:left}
.contact-grid .actions{justify-content:flex-start}
.contact-card{padding:clamp(20px,3vw,38px);border-radius:28px;border:1px solid var(--line-strong);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 40px 90px -40px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12)}
.contact-card h3{font-size:clamp(1.3rem,2vw,1.7rem);margin-bottom:6px}.contact-card>p{margin-bottom:22px;font-size:.92rem}
#contact-form .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#contact-form label{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--muted)}
#contact-form .full{grid-column:1/-1}
#contact-form input:not([type=checkbox]),#contact-form select,#contact-form textarea{width:100%;font:inherit;font-size:15px;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:13px 15px;min-height:48px;transition:border-color .25s,box-shadow .25s,background .25s}
#contact-form textarea{resize:vertical;min-height:96px}
#contact-form select option{background:#0b1f28;color:#eef9fd}
#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 18%,transparent);background:rgba(255,255,255,.08)}
#contact-form :user-invalid{border-color:#ff8a70}
#contact-form .cf-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5}
#contact-form .cf-consent input{width:18px;height:18px;min-height:0;margin-top:2px;accent-color:var(--blue);flex:none}
#contact-form .hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.cf-status{margin-top:14px;font-size:14px;border-radius:12px}
.cf-status:not(:empty){padding:12px 14px}
.cf-status.ok{background:color-mix(in srgb,var(--mint) 12%,transparent);border:1px solid color-mix(in srgb,var(--mint) 45%,transparent)}
.cf-status.err{background:rgba(255,120,100,.12);border:1px solid rgba(255,120,100,.45)}
.cf-status button{margin-top:10px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){#contact-form .cf-grid{grid-template-columns:1fr}}

/* 8.0 contact layout + hero glow edge fix */
.contact .wrap.contact-grid{max-width:1240px;padding:clamp(26px,4.5vw,68px)}
.contact .contact-grid .eyebrow{justify-content:flex-start}
.contact .contact-grid h2{font-size:clamp(32px,4.2vw,64px)}
.contact .contact-grid>div>p{margin:0 0 28px;max-width:520px}
.contact .contact-card>p{margin:0 0 22px;max-width:none}
.contact .contact-card{text-align:left}
.hero{background:radial-gradient(55% 45% at 82% 45%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 72%),radial-gradient(45% 40% at 8% 80%,color-mix(in srgb,var(--mint) 6%,transparent),transparent 72%)}
@media(max-width:900px){.contact .wrap.contact-grid{padding:28px 20px}}


/* ==========================================================================
   9.0: compact responsive popup, original-style assistant, framework gradient
   ========================================================================== */
dialog{width:min(520px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:clamp(18px,3vw,30px);border-radius:24px}
dialog h2{font-size:clamp(22px,2.6vw,28px);line-height:1.15}
dialog p{font-size:13px;line-height:1.55}
dialog .eyebrow{margin-top:14px}
#consult{width:min(560px,calc(100vw - 24px))}
#consult .consult-top{margin-bottom:4px;gap:12px}
#consult>p{margin:8px 0 14px}
#consult .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#consult .field{font-size:12px;gap:5px}
#consult .field:last-child,#consult .field:nth-last-child(1){grid-column:1/-1}
#consult input,#consult select,#consult textarea{min-height:42px;padding:9px 12px;font-size:14px;border-radius:12px}
#consult textarea{min-height:64px;max-height:110px}
#consult .btn{min-height:46px}
#consult .consent{font-size:12px;margin:10px 0}
#consult .form-footer{margin-top:10px;font-size:11px}
@media(max-width:560px){#consult .form-grid{grid-template-columns:1fr}dialog{border-radius:20px}#consult .consult-avatar{width:38px;height:38px}}
@media(max-height:780px){#consult>p{display:none}#consult .eyebrow{display:none}#consult h2{margin-top:10px}}
@media(min-width:1600px){dialog{width:min(560px,92vw)}#consult{width:min(600px,92vw)}}
.assistant-toggle{background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#03202e;border-color:#bae6fd}
.corporate-framework h2{-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(max-width:560px){#consult>p,#consult>.eyebrow{display:none}#consult h2{margin:8px 0 12px}#consult .form-grid{gap:8px}#consult input,#consult select{min-height:40px}#consult textarea{min-height:56px}#consult .consent{margin:8px 0}}

.intro-media{display:block;max-width:min(520px,80vw);max-height:46vh;margin:0 auto;object-fit:contain;border-radius:16px}

/* 9.2 logo options */
.logo-text:before{display:none}
.logo-img:before{display:none}
.logo-img img{display:block;height:var(--logo-h,44px);width:auto;max-width:min(260px,55vw);object-fit:contain;margin-right:12px}
.logo-img img:only-child{margin-right:0}
@media(max-width:640px){.logo-img img{height:calc(var(--logo-h,44px) * .8)}}
.nav>.btn{white-space:nowrap}
@media(max-width:480px){.logo-img img{max-width:36vw}.nav>.btn{padding:8px 12px;font-size:11px}.nav{gap:10px}}

.logo .lt{font-weight:inherit}
@media(max-width:480px){.logo-img .lt{display:none}}


/* ==========================================================================
   9.3 PROFESSIONAL REFINEMENT: testimonials, compact contact, footer contact
   ========================================================================== */

/* ---------- Testimonials: compact scrolling reviews (3-4 visible) ---------- */
#testimonials{position:relative;isolation:isolate}
#testimonials::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 88% 8%,color-mix(in srgb,var(--blue) 13%,transparent),transparent 70%),radial-gradient(40% 50% at 4% 96%,color-mix(in srgb,var(--mint) 7%,transparent),transparent 70%)}
.t-carousel{position:relative}
.t-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 2px 8px;margin:0 -2px}
.t-track::-webkit-scrollbar{display:none}
.t-track:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:22px}
.t-slide{position:relative;flex:0 0 calc((100% - 54px)/3.3);min-width:0;margin:0;display:flex;flex-direction:column;gap:18px;padding:26px 26px 22px;scroll-snap-align:start;border:1px solid var(--line);border-radius:20px;background:linear-gradient(175deg,color-mix(in srgb,var(--blue) 7%,var(--surface-solid)) 0%,var(--surface) 55%);overflow:hidden;transition:border-color .35s,box-shadow .45s,transform .45s var(--ease)}
.t-slide::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand);opacity:.55;transition:opacity .35s}
.t-slide:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-4px)}
.t-slide:hover::after{opacity:1}
.t-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.t-mark{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line-strong);background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 18%,transparent),color-mix(in srgb,var(--mint) 7%,transparent));color:var(--cyan)}
.t-mark svg{width:20px;height:20px}
[data-theme=light] .t-mark{color:#0d6f9a}
.t-tag{min-width:0;max-width:66%;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:11.5px;line-height:1.3;font-weight:500;color:var(--muted);text-align:center}
.t-slide blockquote{margin:0;flex:1}
.t-slide blockquote p{margin:0;font-size:15px;line-height:1.75;color:var(--text)}
.t-slide figcaption{display:flex;align-items:center;gap:13px;padding-top:18px;border-top:1px solid var(--line)}
.t-avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--on-accent);font:700 13px/1 Poppins,sans-serif;box-shadow:0 0 0 4px color-mix(in srgb,var(--cyan) 14%,transparent)}
.t-who{display:grid;gap:2px;line-height:1.35;min-width:0}
.t-who b{font-weight:600;font-size:14px;color:var(--text)}
.t-who span{font-size:12px;color:var(--muted)}
.t-carousel:not(.at-end) .t-track{-webkit-mask-image:linear-gradient(90deg,#000 93%,transparent);mask-image:linear-gradient(90deg,#000 93%,transparent)}
.t-controls{display:flex;align-items:center;gap:24px;margin-top:20px}
.t-bar{position:relative;flex:1;height:3px;border-radius:3px;background:var(--line-strong);opacity:.7;overflow:hidden}
.t-bar i{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:3px;background:var(--brand);transition:transform .25s linear}
.t-btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.t-nav{flex:none;display:flex;gap:10px}
.t-btn{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:var(--panel);color:var(--text);cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
.t-btn svg{width:18px;height:18px}
.t-btn:hover{background:var(--green);color:var(--on-accent);border-color:transparent;transform:translateY(-2px)}
.t-play .ico-play{display:none}
.t-play[data-playing="false"] .ico-pause{display:none}
.t-play[data-playing="false"] .ico-play{display:block}
.t-foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 40px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.t-rating{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--muted)}
.t-rating b{color:var(--text);font-weight:600}
.t-stars{font-size:15px;letter-spacing:.16em;color:var(--mint)}
[data-theme=light] .t-stars{color:#d98e00}
.t-disclaimer{margin:0;max-width:470px;font-size:12px;line-height:1.7;text-align:right}

/* ---------- Contact: intro column ---------- */
.contact .contact-grid h2{font-size:clamp(32px,3.7vw,56px);line-height:1.1}
.gradient{-webkit-box-decoration-break:clone;box-decoration-break:clone}
.contact .contact-grid .eyebrow{margin-bottom:20px}
.contact-points{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:11px}
.contact-points li{display:flex;align-items:center;gap:12px;font-size:14.5px;color:var(--text)}
.cp-ico{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--mint) 16%,transparent);color:var(--mint)}
[data-theme=light] .cp-ico{background:rgba(13,79,120,.12);color:#0d4f78}
.cp-ico svg{width:13px;height:13px}
.contact-direct{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.cd-item{display:flex;align-items:center;gap:14px;min-width:0;font-size:14px;line-height:1.4;color:var(--text)}
.cd-wide{grid-column:1/-1}
.cd-item small{display:block;margin-bottom:2px;font:500 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.cd-ico{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;border:1px solid var(--line-strong);background:var(--panel);color:var(--blue);transition:border-color .25s,box-shadow .25s,transform .25s}
.cd-ico svg{width:20px;height:20px}
a.cd-item:hover .cd-ico{border-color:var(--blue);box-shadow:var(--glow);transform:translateY(-2px)}
.cd-email{overflow-wrap:anywhere}
[data-theme=light] .cd-ico{color:#0d4f78;background:rgba(255,255,255,.55)}

/* ---------- Contact: compact enquiry card ---------- */
.contact .contact-card{padding:clamp(22px,2.6vw,34px)}
.cc-head{margin-bottom:18px}
.cc-head h3{margin:0 0 4px}
.contact .cc-head p{margin:0;font-size:.9rem;max-width:none}
#contact-form .cf-grid{gap:12px}
#contact-form .fld{position:relative;min-width:0}
#contact-form .fld>input,#contact-form .fld>select,#contact-form .fld>textarea{padding:24px 16px 8px;min-height:56px;border-radius:14px}
#contact-form .fld>textarea{min-height:78px;padding-top:26px;resize:vertical}
#contact-form .fld>textarea+label{top:19px}
#contact-form .fld>label{position:absolute;left:17px;top:20px;display:block;max-width:calc(100% - 34px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:1.2;color:var(--muted);pointer-events:none;transform-origin:left top;transition:transform .22s var(--ease),color .22s}
#contact-form .fld>label em{font-style:normal;opacity:.65}
#contact-form .fld>input:focus+label,#contact-form .fld>input:not(:placeholder-shown)+label,#contact-form .fld>textarea:focus+label,#contact-form .fld>textarea:not(:placeholder-shown)+label,#contact-form .fld-select>label{transform:translateY(-10px) scale(.78);color:var(--blue)}
[data-theme=light] #contact-form .fld>input:focus+label,[data-theme=light] #contact-form .fld>textarea:focus+label,[data-theme=light] #contact-form .fld-select>label{color:#0d4f78}
#contact-form .fld-select>select{-webkit-appearance:none;appearance:none;padding-right:42px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238fb3c0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}
#contact-form .cf-consent{margin-top:2px}
#contact-form .cf-consent a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
#contact-form .cf-submit{width:100%;margin-top:16px}
.contact .cf-fine{display:flex;align-items:center;justify-content:center;gap:8px;max-width:none;margin:14px 0 0;font-size:12px;line-height:1.5;text-align:center}
.cf-lock{display:inline-grid;color:var(--cyan)}
.cf-lock svg{width:14px;height:14px}

/* Light mode form surfaces */
[data-theme=light] #contact-form input:not([type=checkbox]),[data-theme=light] #contact-form select,[data-theme=light] #contact-form textarea{background:rgba(255,255,255,.72);border-color:rgba(16,70,95,.2);color:#0c2836}
[data-theme=light] #contact-form input:focus,[data-theme=light] #contact-form select:focus,[data-theme=light] #contact-form textarea:focus{background:#fff;border-color:#0d6f9a}
[data-theme=light] .contact-card{background:rgba(255,255,255,.55);border-color:rgba(14,120,150,.35)}
[data-theme=light] .contact .cf-fine,[data-theme=light] .contact .cc-head p{color:#2d5566}

/* ---------- Footer contact column ---------- */
.gallery-links a{overflow-wrap:anywhere}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .t-slide{flex-basis:calc((100% - 18px)/2.3)}
  .contact-direct{margin-top:28px}
}
@media(max-width:560px){
  .t-slide{flex-basis:82%}
  .t-controls{gap:16px}
  .t-foot{flex-direction:column;align-items:flex-start}
  .contact-direct{grid-template-columns:1fr}
  .cd-wide{grid-column:auto}
}


/* ==========================================================================
   9.4 PROFESSIONAL REFINEMENT: Explore section tiles and footer
   ========================================================================== */

/* ---------- Explore Capital2X ---------- */
.service-bento{grid-template-columns:1.14fr 1fr 1fr;grid-auto-rows:auto;gap:18px}
.service-bento .service-tile{position:relative;display:flex;flex-direction:column;min-height:300px;padding:28px 28px 24px;border-radius:22px;cursor:pointer;background:linear-gradient(170deg,color-mix(in srgb,var(--surface-solid) 55%,transparent),var(--surface))}
.service-bento .service-tile>.tile-rule{position:absolute;left:0;right:0;top:0;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.service-bento .service-tile:hover>.tile-rule,.service-bento .service-tile:focus-visible>.tile-rule{transform:scaleX(1)}
.service-bento .service-tile:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.service-bento .service-lead{grid-row:span 2;padding-top:0}
.service-bento .service-lead>.service-art{position:relative;height:250px;margin:0 -28px 26px;border-bottom:1px solid var(--line);background-position:center;background-size:cover;background-image:linear-gradient(180deg,transparent 55%,var(--surface-solid)),url('assets/capital-scene-education.svg')}
.service-bento .tile-top{display:flex;align-items:center;gap:14px;margin-bottom:22px;font:600 12.5px/1 Poppins,sans-serif;letter-spacing:.01em;color:var(--muted)}
.service-bento .tile-ico{flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:14px;background:var(--panel);color:var(--cyan);transition:background .4s,color .4s,border-color .4s}
.service-bento .tile-ico svg{width:23px;height:23px}
.service-bento .service-tile:hover .tile-ico{background:var(--green);color:var(--on-accent);border-color:transparent}
.service-bento .tile-tag{flex:1;color:var(--text)}
.service-bento .tile-top .arrow{width:34px;height:34px;font-size:15px}
.service-bento .service-tile h3{margin-bottom:10px;font-size:22px;letter-spacing:-.02em}
.service-bento .service-lead h3{font-size:clamp(30px,2.9vw,40px);line-height:1.1}
.service-bento .service-tile p{margin:0 0 18px;font-size:14px;line-height:1.75}
.tile-list{list-style:none;display:grid;gap:9px;margin:0 0 22px;padding:0}
.tile-list li{position:relative;padding-left:24px;font-size:13px;line-height:1.5;color:var(--muted)}
.tile-list li::before{content:"";position:absolute;left:0;top:.28em;width:14px;height:14px;border-radius:50%;background:color-mix(in srgb,var(--mint) 18%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.2' fill='none' stroke='%23b2ff35' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
[data-theme=light] .tile-list li::before{background-color:rgba(13,79,120,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.2' fill='none' stroke='%230d4f78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.service-bento .tile-action{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--text);transition:color .3s}
.service-bento .service-tile:hover .tile-action{color:var(--cyan)}
[data-theme=light] .service-bento .service-tile:hover .tile-action{color:#0d4f78}

/* ---------- Footer ---------- */
#footer{position:relative;isolation:isolate;margin-top:60px;padding:96px 0 0;border-top:0;overflow:hidden;background:radial-gradient(70% 55% at 6% -8%,color-mix(in srgb,var(--blue) 19%,transparent),transparent 68%),radial-gradient(55% 55% at 100% 104%,color-mix(in srgb,var(--mint) 10%,transparent),transparent 66%),linear-gradient(180deg,var(--bg-2) 0%,var(--bg) 58%,color-mix(in srgb,var(--bg) 82%,#000) 100%)}
[data-theme=light] #footer{background:radial-gradient(70% 55% at 6% -8%,rgba(21,129,179,.16),transparent 68%),radial-gradient(55% 55% at 100% 104%,rgba(63,138,18,.09),transparent 66%),linear-gradient(180deg,#e2eff6 0%,#d6e7f1 58%,#c7dde9 100%)}
#footer::before{content:"";position:absolute;z-index:2;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--blue) 75%,transparent) 28%,color-mix(in srgb,var(--mint) 75%,transparent) 72%,transparent)}
.footer-bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.fb-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.55;-webkit-mask-image:radial-gradient(75% 80% at 50% 25%,#000,transparent 78%);mask-image:radial-gradient(75% 80% at 50% 25%,#000,transparent 78%)}
.fb-chart{position:absolute;left:0;bottom:0;width:100%;height:56%;opacity:.45}
.fb-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 70%,color-mix(in srgb,var(--bg) 35%,transparent) 100%)}
[data-theme=light] .fb-chart{opacity:.38}
[data-theme=light] .fb-vignette{background:linear-gradient(180deg,transparent 55%,rgba(199,221,233,.7))}
#footer .footer-grid{display:grid;grid-template-columns:1.5fr .8fr .95fr 1.2fr;gap:48px 56px;align-items:start}
#footer .footer-grid h3{margin:0 0 22px;padding-bottom:14px;position:relative;font-size:15px;font-weight:600;letter-spacing:0}
#footer .footer-grid h3::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;border-radius:2px;background:var(--brand)}
#footer .footer-grid .footer-brand h3{margin:22px 0 14px;padding:0;font-size:24px;line-height:1.25;letter-spacing:-.02em}
#footer .footer-grid .footer-brand h3::after{display:none}
#footer .footer-brand>p{max-width:430px;margin:0 0 24px;font-size:14px;line-height:1.8;color:var(--muted)}
#footer .hours{position:relative;display:block;max-width:430px;padding:16px 20px 16px 70px;font-size:13px;line-height:1.75;border:1px solid var(--line-strong);border-radius:16px;background:var(--panel)}
#footer .hours::before{content:"";position:absolute;left:18px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:11px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--blue) 12%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355bfff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center/19px no-repeat}
[data-theme=light] #footer .hours::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d4f78' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
#footer .explore-links{display:grid;grid-template-columns:1fr;gap:13px;margin:0}
#footer .explore-links a{position:relative;display:inline-flex;align-items:center;width:fit-content;font-size:14px;color:var(--muted);transition:color .25s,padding-left .3s var(--ease)}
#footer .explore-links a::before{content:"";position:absolute;left:0;top:50%;width:0;height:2px;margin-top:-1px;border-radius:2px;background:var(--brand);transition:width .3s var(--ease)}
#footer .explore-links a:hover,#footer .explore-links a:focus-visible{color:var(--text);padding-left:20px;transform:none}
#footer .explore-links a:hover::before,#footer .explore-links a:focus-visible::before{width:12px}
#footer .gallery-links{display:grid;gap:14px}
#footer .f-item{display:flex;align-items:center;gap:14px;min-width:0;color:var(--text);transition:transform .3s var(--ease)}
#footer .f-item:hover{transform:translateX(3px)}
#footer .f-ico{flex:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:13px;background:var(--panel);color:var(--blue);transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
#footer .f-ico svg{width:20px;height:20px}
#footer .f-item:hover .f-ico{background:var(--green);color:var(--on-accent);border-color:transparent;box-shadow:var(--glow)}
#footer .f-txt{display:grid;gap:2px;min-width:0;font-size:14px;line-height:1.35}
#footer .f-txt small{font-size:11.5px;color:var(--muted)}
#footer .f-txt .cd-email{overflow-wrap:anywhere}
[data-theme=light] #footer .f-ico{color:#0d4f78;background:rgba(255,255,255,.6)}
#footer .fine{position:relative;margin-top:60px;padding:20px 24px 20px 66px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--bg) 62%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;line-height:1.85;color:var(--muted)}
#footer .fine::before{content:"";position:absolute;left:22px;top:20px;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--blue) 12%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2355bfff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E") center/16px no-repeat}
[data-theme=light] #footer .fine::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d4f78' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E")}
#footer .footer-bottom{align-items:center;margin-top:26px;padding-bottom:26px;font-size:12px}
#footer .footer-bottom>div{align-items:center;gap:22px}
#footer .to-top{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-strong);border-radius:50%;font-size:15px;color:var(--text);transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease)}
#footer .to-top:hover{background:var(--green);color:var(--on-accent);border-color:transparent;transform:translateY(-3px)}
#footer .footer-word{margin-top:0;margin-bottom:-.05em;line-height:.78;opacity:.9;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  #footer .footer-grid{grid-template-columns:1fr 1fr;gap:44px 40px}
  #footer .footer-brand{grid-column:1/-1}
  #footer .footer-brand>p,#footer .hours{max-width:620px}
}
@media(max-width:1024px){
  .service-bento{grid-template-columns:1fr 1fr}
  .service-bento .service-lead{grid-column:1/-1;grid-row:auto}
  .service-bento .service-lead>.service-art{height:200px}
}
@media(max-width:720px){
  #footer{padding-top:72px}
  #footer .footer-grid{grid-template-columns:1fr 1fr;gap:38px 24px}
  #footer .footer-grid>.f-col:last-child{grid-column:1/-1}
  #footer .fine{padding:18px 18px 18px 58px}
  #footer .fine::before{left:16px}
  #footer .footer-bottom{display:block}
  #footer .footer-bottom>div{margin-top:16px}
}
@media(max-width:640px){
  .service-bento{grid-template-columns:1fr}
  .service-bento .service-tile{min-height:0;padding:24px 22px 22px}
  .service-bento .service-lead{padding-top:0}
  .service-bento .service-lead>.service-art{margin:0 -22px 22px;height:180px}
}
@media(max-width:340px){
  #footer .footer-grid{grid-template-columns:1fr}
}


/* ==========================================================================
   9.5 Problem cards (animated corners), framework pillars, contact
   ========================================================================== */
@property --cs{syntax:'<length>';inherits:false;initial-value:18px}
@property --cc{syntax:'<color>';inherits:false;initial-value:#59c4da}
.problem-grid{gap:18px;margin-top:44px}
.problem-card{--cc:color-mix(in srgb,var(--cyan) 85%,transparent);--cs:18px;position:relative;padding:32px 28px 34px;border:1px solid var(--line);border-radius:18px;
  background:
    linear-gradient(var(--cc),var(--cc)) left 12px top 12px/var(--cs) 2px no-repeat,
    linear-gradient(var(--cc),var(--cc)) left 12px top 12px/2px var(--cs) no-repeat,
    linear-gradient(var(--cc),var(--cc)) right 12px top 12px/var(--cs) 2px no-repeat,
    linear-gradient(var(--cc),var(--cc)) right 12px top 12px/2px var(--cs) no-repeat,
    linear-gradient(var(--cc),var(--cc)) left 12px bottom 12px/var(--cs) 2px no-repeat,
    linear-gradient(var(--cc),var(--cc)) left 12px bottom 12px/2px var(--cs) no-repeat,
    linear-gradient(var(--cc),var(--cc)) right 12px bottom 12px/var(--cs) 2px no-repeat,
    linear-gradient(var(--cc),var(--cc)) right 12px bottom 12px/2px var(--cs) no-repeat,
    linear-gradient(170deg,color-mix(in srgb,var(--blue) 6%,var(--surface-solid)),var(--surface));
  animation:cornerPulse 5s ease-in-out infinite;transition:transform .45s var(--ease),border-color .3s,box-shadow .4s,--cc .4s}
.problem-card:nth-child(2){animation-delay:-1.25s}
.problem-card:nth-child(3){animation-delay:-2.5s}
.problem-card:nth-child(4){animation-delay:-3.75s}
@keyframes cornerPulse{0%,100%{--cs:16px}50%{--cs:30px}}
.problem-card:hover{--cc:var(--mint);animation-play-state:paused;transform:translateY(-6px);border-color:var(--line-strong)}
[data-theme=light] .problem-card{--cc:#0d6f9a}
[data-theme=light] .problem-card:hover{--cc:#2f7d0f}
.problem-card .icon{width:48px;height:48px;margin-bottom:22px;border-radius:14px}
.problem-card h3{font-size:19px;margin-bottom:10px}
.problem-card p{font-size:13.5px;line-height:1.75}

/* Framework: compact pillars */
.pillars{gap:18px}
.pillar{padding:0 24px 20px;border-radius:20px}
.pillar-art{height:104px;margin:0 -24px 20px}
.pillar .number{margin-bottom:14px;padding:6px 11px;font-size:9px}
.pillar h3{font-size:24px;margin-bottom:6px}
.pillar .p-ico{width:40px;height:40px;border-radius:12px}
.pillar .p-ico svg{width:20px;height:20px}
.pillar .subtitle{margin:0;font-size:13px}
.pillar ul{margin:16px 0 0}
.pillar li{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:13px}
.pillar li:before{content:"";flex:none;width:16px;height:16px;margin:0;border-radius:50%;background:color-mix(in srgb,var(--mint) 16%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.2' fill='none' stroke='%23b2ff35' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
[data-theme=light] .pillar li:before{background-color:rgba(13,79,120,.1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.2' fill='none' stroke='%230d4f78' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pillar:hover{transform:translateY(-5px)}
@media(max-width:900px){.pillar-art{height:110px}}

/* Contact: split call to action */
.contact .wrap.contact-grid{grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,64px);align-items:center;text-align:left}
.contact .contact-grid .actions{justify-content:flex-start;margin-top:6px}
.contact-panel{list-style:none;margin:0;padding:10px;display:grid;gap:8px;border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.contact-panel li{display:flex;align-items:flex-start;gap:16px;padding:18px 18px;border-radius:16px;transition:background .3s}
.contact-panel li:hover{background:var(--panel)}
.contact-panel li+li{border-top:1px solid var(--line)}
.cp-chip{flex:none;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 16%,transparent),color-mix(in srgb,var(--mint) 7%,transparent));color:var(--cyan)}
.cp-chip svg{width:22px;height:22px}
.cp-txt{display:grid;gap:4px;min-width:0}
.cp-txt b{font-size:15.5px;font-weight:600;color:var(--text)}
.cp-txt span{font-size:13.5px;line-height:1.65;color:var(--muted)}
[data-theme=light] .contact-panel{background:rgba(255,255,255,.55);border-color:rgba(14,120,150,.35)}
[data-theme=light] .cp-chip{color:#0d4f78;background:rgba(255,255,255,.6)}
[data-theme=light] .cp-txt b{color:#0c2836}
[data-theme=light] .cp-txt span{color:#2d5566}
@media(max-width:900px){.contact .wrap.contact-grid{grid-template-columns:1fr;padding:34px 22px}}

.contact .contact-grid h2{font-size:clamp(30px,3.3vw,50px);line-height:1.12}

/* ---------- Footer lighting ---------- */
.footer-bg>i{position:absolute;pointer-events:none}
.fb-horizon{left:50%;bottom:-38%;width:96%;height:78%;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,color-mix(in srgb,var(--blue) 52%,transparent) 0%,color-mix(in srgb,var(--cyan) 22%,transparent) 42%,transparent 70%);filter:blur(10px)}
.fb-beam{top:-12%;width:62%;height:125%;filter:blur(22px);opacity:.85;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,transparent 78%);transform-origin:50% 0}
.fb-b1{left:-14%;transform:rotate(14deg);background:conic-gradient(from 180deg at 50% 0%,transparent 152deg,color-mix(in srgb,var(--blue) 46%,transparent) 180deg,transparent 208deg)}
.fb-b2{right:-14%;transform:rotate(-14deg);background:conic-gradient(from 180deg at 50% 0%,transparent 154deg,color-mix(in srgb,var(--mint) 28%,transparent) 180deg,transparent 206deg)}
.fb-topglow{top:0;left:16%;right:16%;height:110px;background:radial-gradient(50% 100% at 50% 0,color-mix(in srgb,var(--blue) 42%,transparent),transparent 78%)}
.fb-sweep{inset:0;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.055) 50%,transparent 58%) 0 0/260% 100%;animation:fbSweep 22s ease-in-out infinite alternate}
@keyframes fbSweep{from{background-position:100% 0}to{background-position:0 0}}
[data-theme=light] .fb-beam{mix-blend-mode:normal;opacity:.7}
[data-theme=light] .fb-b1{background:conic-gradient(from 180deg at 50% 0%,transparent 152deg,rgba(255,255,255,.75) 180deg,transparent 208deg)}
[data-theme=light] .fb-b2{background:conic-gradient(from 180deg at 50% 0%,transparent 154deg,rgba(255,255,255,.55) 180deg,transparent 206deg)}
[data-theme=light] .fb-horizon{background:radial-gradient(50% 50% at 50% 50%,rgba(21,129,179,.26),rgba(15,143,152,.1) 42%,transparent 70%)}
[data-theme=light] .fb-topglow{background:radial-gradient(50% 100% at 50% 0,rgba(255,255,255,.85),transparent 78%)}
[data-theme=light] .fb-sweep{background-image:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%)}
@media(max-width:720px){.fb-beam{width:90%}.fb-horizon{width:140%}}

/* 9.5.0 Hero 3D scene */
.visual.hero3d{--px:0;--py:0;min-height:620px;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;transform:none;display:grid;place-items:center;transition:none}
.hero3d .h3-particles{position:absolute;inset:-4% -6%;width:112%;height:108%;pointer-events:none;opacity:.9}
.h3-stage{position:relative;width:100%;max-width:640px;aspect-ratio:1;container-type:inline-size;transform:perspective(1400px) rotateY(calc(var(--px)*6deg)) rotateX(calc(var(--py)*-4deg));transition:transform .6s var(--ease);transform-style:preserve-3d}
.h3-tree{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.h3-halo{animation:h3halo 6s ease-in-out infinite alternate}
.h3-branches path{stroke-width:1.6;stroke-opacity:.8;filter:drop-shadow(0 0 4px var(--blue));stroke-dasharray:4 7;animation:h3flow 2.4s linear infinite}
.h3-branches path:nth-child(odd){animation-duration:3.1s}
.h3-spark{fill:var(--ice);filter:drop-shadow(0 0 6px var(--mint)) drop-shadow(0 0 10px var(--blue))}
.h3-beam{position:absolute;left:50%;top:30%;width:9cqw;height:41%;transform:translateX(-50%);background:linear-gradient(to top,color-mix(in srgb,var(--mint) 55%,transparent),color-mix(in srgb,var(--blue) 30%,transparent) 55%,transparent);filter:blur(12px);opacity:.7;-webkit-mask:linear-gradient(to top,#000,transparent);mask:linear-gradient(to top,#000,transparent);animation:h3beam 3.4s ease-in-out infinite alternate}
.h3-floor{position:absolute;left:50%;top:84%;width:100%;height:0;transform:translateX(-50%)}
.h3-floor i{position:absolute;left:50%;top:0;border:1px solid var(--blue);border-radius:50%;transform:translate(-50%,-50%) rotateX(72deg);box-shadow:0 0 18px color-mix(in srgb,var(--blue) 45%,transparent),inset 0 0 18px color-mix(in srgb,var(--blue) 30%,transparent);opacity:.55;animation:h3ring 5s ease-in-out infinite}
.h3-floor i:nth-child(1){width:46cqw;height:46cqw}
.h3-floor i:nth-child(2){width:68cqw;height:68cqw;border-color:var(--mint);opacity:.3;animation-delay:-1.6s;border-style:dashed}
.h3-floor i:nth-child(3){width:92cqw;height:92cqw;opacity:.2;animation-delay:-3.2s}
.h3-cube-wrap{transform-style:preserve-3d;position:absolute;left:50%;top:73%;width:20cqw;height:20cqw;margin:-10cqw 0 0 -10cqw;perspective:900px;animation:h3bob 6s ease-in-out infinite}
.h3-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-24deg) rotateY(30deg);animation:h3spin 26s linear infinite}
.h3-cube .f{position:absolute;inset:0;display:block;border:1px solid color-mix(in srgb,var(--blue) 80%,#fff);background:
 linear-gradient(90deg,transparent 48%,color-mix(in srgb,var(--blue) 70%,transparent) 49% 51%,transparent 52%) 0 0/50% 100%,
 linear-gradient(0deg,transparent 48%,color-mix(in srgb,var(--mint) 55%,transparent) 49% 51%,transparent 52%) 0 0/100% 33%,
 linear-gradient(160deg,color-mix(in srgb,var(--blue) 28%,#06152a),#050d1d 70%);
 box-shadow:inset 0 0 28px color-mix(in srgb,var(--blue) 55%,transparent),0 0 20px color-mix(in srgb,var(--blue) 30%,transparent);backface-visibility:visible}
.h3-cube .front{transform:translateZ(10cqw)}.h3-cube .back{transform:rotateY(180deg) translateZ(10cqw)}
.h3-cube .right{transform:rotateY(90deg) translateZ(10cqw)}.h3-cube .left{transform:rotateY(-90deg) translateZ(10cqw)}
.h3-cube .top{transform:rotateX(90deg) translateZ(10cqw);background:radial-gradient(circle at 50% 50%,#fff 0,var(--ice) 8%,var(--blue) 30%,color-mix(in srgb,var(--blue) 40%,#061a33) 70%);box-shadow:0 0 40px var(--blue),0 0 90px color-mix(in srgb,var(--mint) 55%,transparent),inset 0 0 30px #fff8;}
.h3-cube .bottom{transform:rotateX(-90deg) translateZ(10cqw);background:var(--blue);opacity:.5;box-shadow:0 0 60px var(--blue)}
.h3-coin{position:absolute;left:var(--x);top:var(--y);width:10cqw;height:10cqw;margin:-5cqw 0 0 -5cqw;display:grid;place-items:center;border-radius:50%;font-size:4.3cqw;font-weight:600;color:var(--text);
 background:radial-gradient(circle at 32% 28%,#ffffffcc,transparent 38%),radial-gradient(circle,color-mix(in srgb,var(--blue) 30%,transparent),color-mix(in srgb,var(--blue) 8%,transparent) 70%);
 border:1.5px solid color-mix(in srgb,var(--ice) 70%,var(--blue));box-shadow:0 0 22px color-mix(in srgb,var(--blue) 55%,transparent),inset 0 0 16px color-mix(in srgb,var(--blue) 40%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
 animation:h3float 5.5s ease-in-out var(--d) infinite;transform:translate(calc(var(--px)*var(--k,10)*1px),calc(var(--py)*var(--k,10)*1px))}
.h3-coin span{text-shadow:0 0 12px var(--blue);animation:h3spinc 9s linear var(--d) infinite;display:block}
.h3-coin:nth-of-type(3n){--k:18}.h3-coin:nth-of-type(3n+1){--k:-12}
.h3-coin:first-of-type{width:12cqw;height:12cqw;margin:-6cqw 0 0 -6cqw;font-size:5.4cqw;border-color:var(--mint);box-shadow:0 0 30px color-mix(in srgb,var(--mint) 55%,transparent),inset 0 0 18px color-mix(in srgb,var(--mint) 35%,transparent)}
.h3-panel{position:absolute;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:14px;background:color-mix(in srgb,var(--surface-solid) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 40px -20px #000a,inset 0 1px 0 #ffffff22;color:var(--blue);font-size:10px;line-height:1.5;color:var(--muted)}
.h3-panel b{display:block;font-size:11.5px;color:var(--text);font-weight:600}
.h3-panel>svg{width:30px;height:26px;flex:none;color:var(--blue)}
.h3-panel.edu{left:-2%;top:55%;animation:h3bob 7s ease-in-out infinite}
.h3-panel.plan{left:0;top:79%;animation:h3bob 8s ease-in-out -2s infinite}
.h3-panel.cap{right:0;top:79%;animation:h3bob 6.5s ease-in-out -1s infinite}
.h3-panel.chart{right:-1%;top:35%;flex-direction:column;align-items:stretch;gap:6px;width:25cqw;animation:h3bob 7.5s ease-in-out -3s infinite}
.h3-panel-top{display:flex;justify-content:space-between;align-items:center;font:500 8.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
.h3-panel-top em{font-style:normal;color:var(--muted);padding:3px 6px;border:1px solid var(--line);border-radius:999px;letter-spacing:.04em;font-size:7.5px}
.h3-panel.chart svg{width:100%;height:auto}
.h3-candles line{stroke:var(--muted);stroke-width:1}
.h3-candles rect.up{fill:var(--mint)}.h3-candles rect.dn{fill:var(--blue)}
.h3-candles g{transform-box:fill-box;transform-origin:50% 100%;animation:h3candle 3.6s ease-in-out calc(var(--i)*-.45s) infinite}
.h3-trend{stroke:var(--ice);stroke-width:1.5;stroke-dasharray:140;stroke-dashoffset:140;animation:h3draw 4s ease-in-out infinite;filter:drop-shadow(0 0 4px var(--blue))}
.h3-mini rect{fill:var(--blue);transform-box:fill-box;transform-origin:50% 100%;animation:h3grow 3s ease-in-out infinite alternate}
.h3-mini rect:nth-child(2){animation-delay:.3s}.h3-mini rect:nth-child(3){animation-delay:.6s}.h3-mini rect:nth-child(4){animation-delay:.9s;fill:var(--mint)}
@keyframes h3spin{to{transform:rotateX(-24deg) rotateY(390deg)}}
@keyframes h3bob{50%{transform:translateY(-9px)}}
.h3-cube-wrap{animation-name:h3bobc}
@keyframes h3bobc{50%{transform:translateY(-8px)}}
@keyframes h3float{50%{translate:0 -10px}}
@keyframes h3spinc{0%,40%{transform:rotateY(0)}60%,100%{transform:rotateY(360deg)}}
@keyframes h3flow{to{stroke-dashoffset:-22}}
@keyframes h3halo{to{opacity:.55;transform:scale(1.04)}}
@keyframes h3beam{to{opacity:.95;filter:blur(16px)}}
@keyframes h3ring{50%{opacity:.9;transform:translate(-50%,-50%) rotateX(72deg) scale(1.05)}}
@keyframes h3core{to{filter:brightness(1.25)}}
@keyframes h3candle{50%{transform:scaleY(1.25)}}
@keyframes h3draw{0%{stroke-dashoffset:140}60%,100%{stroke-dashoffset:0}}
@keyframes h3grow{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
[data-theme=light] .h3-cube .f{background:
 linear-gradient(90deg,transparent 48%,color-mix(in srgb,var(--blue) 70%,transparent) 49% 51%,transparent 52%) 0 0/50% 100%,
 linear-gradient(0deg,transparent 48%,color-mix(in srgb,var(--mint) 55%,transparent) 49% 51%,transparent 52%) 0 0/100% 33%,
 linear-gradient(160deg,#1581b3,#0d3f66 75%)}
[data-theme=light] .h3-coin{background:radial-gradient(circle at 32% 28%,#fff,transparent 45%),radial-gradient(circle,#ffffffcc,color-mix(in srgb,var(--blue) 25%,#fff) 80%)}
[data-theme=light] .hero3d .h3-particles{opacity:.55}
@media(max-width:1024px){.visual.hero3d{min-height:0;max-width:560px;margin-inline:auto}}
@media(max-width:640px){.visual.hero3d{min-height:0}.h3-panel.plan,.h3-panel.cap{display:none}.h3-panel{padding:7px 9px}.h3-panel.edu div,.h3-panel.chart .h3-panel-top em{display:none}.h3-panel.chart{width:28cqw}.hero3d .visual-label{display:none}}
.hero3d .visual-label{left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.h3-stage *,.h3-stage{animation:none!important}.h3-trend{stroke-dashoffset:0}}

/* 9.6.0 Hero 3D scene: premium gradient pass */
.h3-aurora{position:absolute;inset:-6% -10%;pointer-events:none;filter:blur(46px);opacity:.85}
.h3-aurora i{position:absolute;border-radius:50%;mix-blend-mode:screen}
.h3-aurora i:nth-child(1){left:18%;top:6%;width:58%;height:58%;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 70%,transparent),transparent 68%);animation:h3aur 14s ease-in-out infinite alternate}
.h3-aurora i:nth-child(2){left:40%;top:38%;width:46%;height:46%;background:radial-gradient(circle,color-mix(in srgb,var(--mint) 48%,transparent),transparent 68%);animation:h3aur 17s ease-in-out -5s infinite alternate-reverse}
.h3-aurora i:nth-child(3){left:2%;top:46%;width:44%;height:44%;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 55%,transparent),transparent 68%);animation:h3aur 19s ease-in-out -9s infinite alternate}
@keyframes h3aur{to{transform:translate(8%,-6%) scale(1.18)}}
.h3-rays{position:absolute;left:50%;top:62%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
 background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--blue) 20%,transparent) 0 4deg,transparent 4deg 18deg);
 -webkit-mask:radial-gradient(circle,#000 0,transparent 58%);mask:radial-gradient(circle,#000 0,transparent 58%);animation:h3rays 80s linear infinite;opacity:.55}
@keyframes h3rays{to{transform:translate(-50%,-50%) rotate(360deg)}}
.h3-badge{position:absolute;left:50%;top:-1%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:9px;padding:8px 16px;border-radius:999px;font:500 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);white-space:nowrap;
 background:linear-gradient(var(--surface-solid),var(--surface-solid)) padding-box,var(--brand) border-box;border:1px solid transparent;box-shadow:0 10px 30px -10px color-mix(in srgb,var(--blue) 60%,transparent)}
.h3-badge .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:h3pulse 1.8s ease-in-out infinite}
@keyframes h3pulse{50%{transform:scale(1.7);opacity:.5}}
/* branches: thicker, brand gradient, glowing */
.h3-branches path{stroke-width:2.2;stroke-opacity:.95;stroke-dasharray:none;filter:drop-shadow(0 0 5px var(--blue)) drop-shadow(0 0 12px color-mix(in srgb,var(--mint) 45%,transparent));animation:none}
.h3-spark{r:3.6;fill:#fff}
/* coins: gradient rim + gradient glow */
.h3-coin{border:0;background:radial-gradient(circle at 30% 26%,#ffffffdd,transparent 34%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--blue) 38%,#07202c),color-mix(in srgb,var(--cyan) 14%,#06141d) 75%);
 box-shadow:0 0 26px color-mix(in srgb,var(--blue) 60%,transparent),0 0 60px -6px color-mix(in srgb,var(--mint) 40%,transparent),inset 0 -10px 18px color-mix(in srgb,var(--mint) 20%,transparent)}
.h3-coin:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,var(--ice),var(--blue),var(--cyan),var(--mint),var(--blue),var(--ice));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:h3rim 6s linear infinite}
@keyframes h3rim{to{transform:rotate(360deg)}}
.h3-coin span{background:linear-gradient(160deg,#fff,var(--ice) 40%,var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 8px var(--blue))}
.h3-coin:first-of-type:before{background:conic-gradient(from 0deg,var(--mint),#fff,var(--mint),var(--cyan),var(--mint))}
/* cube: gradient faces + glowing edges */
.h3-cube .f{border:1.5px solid color-mix(in srgb,var(--ice) 75%,var(--blue));background:
 linear-gradient(90deg,transparent 48%,color-mix(in srgb,var(--ice) 55%,transparent) 49% 51%,transparent 52%) 0 0/50% 100%,
 linear-gradient(0deg,transparent 48%,color-mix(in srgb,var(--mint) 60%,transparent) 49% 51%,transparent 52%) 0 0/100% 33%,
 linear-gradient(165deg,color-mix(in srgb,var(--blue) 55%,#06182a) 0,#071a2c 55%,color-mix(in srgb,var(--mint) 30%,#06182a) 100%);
 box-shadow:inset 0 0 34px color-mix(in srgb,var(--blue) 60%,transparent),0 0 26px color-mix(in srgb,var(--blue) 40%,transparent)}
.h3-cube .top{background:radial-gradient(circle at 50% 50%,#fff 0,var(--ice) 9%,var(--blue) 34%,var(--cyan) 62%,color-mix(in srgb,var(--mint) 45%,#06182a) 100%);box-shadow:0 0 50px var(--blue),0 0 110px color-mix(in srgb,var(--mint) 60%,transparent),inset 0 0 34px #fffa}
.h3-cube .bottom{background:#05101c;opacity:1;box-shadow:0 0 80px var(--blue),0 0 140px color-mix(in srgb,var(--mint) 35%,transparent)}
.h3-beam{background:linear-gradient(to top,color-mix(in srgb,var(--mint) 75%,transparent),color-mix(in srgb,var(--blue) 45%,transparent) 55%,transparent);opacity:.85}
.h3-floor i:nth-child(1){border-color:var(--mint);box-shadow:0 0 24px color-mix(in srgb,var(--mint) 45%,transparent),inset 0 0 24px color-mix(in srgb,var(--blue) 35%,transparent)}
/* panels: gradient border, gradient icon tiles, sheen */
.h3-panel{border:1px solid transparent;background:linear-gradient(color-mix(in srgb,var(--surface-solid) 88%,transparent),color-mix(in srgb,var(--surface-solid) 88%,transparent)) padding-box,linear-gradient(135deg,var(--ice),var(--blue) 45%,var(--mint)) border-box;overflow:hidden}
.h3-panel:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,#ffffff26,transparent);transform:skewX(-18deg);animation:h3sheen 6s ease-in-out infinite}
.h3-panel.chart:after{animation-delay:-2s}.h3-panel.plan:after{animation-delay:-3.5s}.h3-panel.cap:after{animation-delay:-1s}
@keyframes h3sheen{0%,55%{left:-60%}100%{left:130%}}
.h3-panel>svg{box-sizing:content-box;padding:8px;width:28px;height:24px;border-radius:11px;background:var(--green);color:var(--on-accent)}
.h3-panel b{background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:12px}
.h3-panel.chart svg{padding:0;background:none;border-radius:0;width:100%;height:auto}
.h3-mini rect{fill:var(--on-accent)}.h3-mini rect:nth-child(4){fill:#fff}
.h3-trend{stroke:url(#h3g);stroke-width:2}
.h3-candles rect.up{fill:var(--mint)}.h3-candles rect.dn{fill:var(--blue)}
[data-theme=light] .h3-coin{background:radial-gradient(circle at 30% 26%,#fff,transparent 40%),radial-gradient(circle,#fff,color-mix(in srgb,var(--blue) 30%,#fff) 85%)}
[data-theme=light] .h3-coin span{background:linear-gradient(160deg,#0d4f78,#1581b3);-webkit-background-clip:text;background-clip:text;filter:none}
[data-theme=light] .h3-panel{background:linear-gradient(#fffffff0,#fffffff0) padding-box,linear-gradient(135deg,#0d4f78,#1581b3 50%,#3f8a12) border-box}
[data-theme=light] .h3-panel>svg{color:#fff}[data-theme=light] .h3-aurora{opacity:.5}[data-theme=light] .h3-rays{opacity:.25}
@media(max-width:640px){.h3-badge{font-size:8.5px;padding:7px 12px}}
@media(prefers-reduced-motion:reduce){.h3-aurora i,.h3-rays,.h3-badge .dot,.h3-coin:before,.h3-panel:after{animation:none!important}}
/* 9.6.0 fixes */
.h3-cube .bottom{display:none}
.h3-badge{top:-7%}
.h3-cube-wrap:after{content:"";position:absolute;left:50%;bottom:-18%;width:140%;height:26%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--blue) 70%,transparent),color-mix(in srgb,var(--mint) 25%,transparent) 60%,transparent);filter:blur(10px);z-index:-1}

/* 9.7.0 Hero additions */
.trust-strip{display:flex;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none}
.trust-strip li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--muted)}
.trust-strip svg{width:20px;height:20px;color:var(--mint);flex:none}
.avatars{display:flex;align-items:center;gap:14px;margin-top:22px;font-size:12.5px;color:var(--muted)}
.avatars b{color:var(--text)}
.av-row{display:flex}
.av-row i{width:34px;height:34px;margin-left:-9px;border-radius:50%;border:2px solid var(--bg);position:relative;overflow:hidden;box-shadow:0 4px 12px -4px #0008}
.av-row i:first-child{margin-left:0}
.av-row i:before{content:"";position:absolute;left:50%;top:22%;width:34%;height:34%;transform:translateX(-50%);border-radius:50%;background:#ffffffd0}
.av-row i:after{content:"";position:absolute;left:50%;bottom:-18%;width:70%;height:44%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:#ffffffd0}
.av-row i:nth-child(1){background:linear-gradient(135deg,var(--blue),var(--cyan))}
.av-row i:nth-child(2){background:linear-gradient(135deg,var(--cyan),var(--mint))}
.av-row i:nth-child(3){background:linear-gradient(135deg,var(--ice),var(--blue))}
.av-row i:nth-child(4){background:linear-gradient(135deg,var(--mint),var(--blue))}
.av-row i.more{display:grid;place-items:center;background:var(--green);color:var(--on-accent);font:700 15px/1 var(--mono)}
.av-row i.more:before,.av-row i.more:after{display:none}
.scroll-cue{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font:400 9.5px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-decoration:none;z-index:2}
.scroll-cue .mouse{width:20px;height:32px;border:1.5px solid var(--line-strong);border-radius:12px;position:relative}
.scroll-cue .mouse i{position:absolute;left:50%;top:6px;width:3px;height:7px;margin-left:-1.5px;border-radius:3px;background:var(--brand);animation:wscroll 1.8s ease-in-out infinite}
@keyframes wscroll{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.h3-cube .f img{position:absolute;left:50%;top:50%;width:74%;height:auto;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px var(--blue)) brightness(1.15);opacity:.95;pointer-events:none}
.h3-cube .top img,.h3-cube .bottom img{display:none}
@media(max-width:1024px){.scroll-cue{display:none}}
@media(max-width:640px){.ws-chip{font-size:11px;padding:8px 13px}.ws-go{display:none}.hero-links{gap:16px}.trust-strip{gap:8px 16px}}
@media(prefers-reduced-motion:reduce){.link-cta.play i:after,.scroll-cue .mouse i{animation:none}}


/* 9.9.0 Performance */
.h3-aurora{filter:blur(32px);opacity:.75}.h3-aurora i{mix-blend-mode:normal}
.h3-rays{will-change:transform}
.hero3d.h3-paused *,.hero3d.h3-paused *:before,.hero3d.h3-paused *:after{animation-play-state:paused!important}
@media(max-width:640px){.h3-aurora,.h3-rays{display:none}.h3-aurora i{animation:none}}

/* 9.10.0 Premium responsive pass: menu + hero */
header{z-index:1000}
header .wrap.nav{position:relative}
.nav-cta{display:none}
.menu{position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .3s var(--ease),border-color .3s}
.menu .bars{position:relative;display:block;width:20px;height:14px}
.menu .bars i{position:absolute;left:0;width:100%;height:2px;border-radius:2px;background:var(--text);transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease)}
.menu .bars i:nth-child(1){top:0}.menu .bars i:nth-child(2){top:6px}.menu .bars i:nth-child(3){top:12px}
.menu.is-open{background:var(--green);border-color:transparent}
.menu.is-open .bars i{background:var(--on-accent)}
.menu.is-open .bars i:nth-child(1){top:6px;transform:rotate(45deg)}
.menu.is-open .bars i:nth-child(2){opacity:0}
.menu.is-open .bars i:nth-child(3){top:6px;transform:rotate(-45deg)}
body.menu-open:before{content:"";position:fixed;inset:0;z-index:999;background:rgba(2,10,16,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:panel-in .3s var(--ease) both}
[data-theme=light] body.menu-open:before{background:rgba(10,40,60,.35)}
@media(max-width:960px){
  .menu{display:grid;place-items:center;margin-left:0;flex:none}
  .nav{gap:10px}
  .nav>.btn.primary:not(.nav-cta){margin-left:auto}
  .navlinks{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:1001;max-height:calc(100dvh - 110px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0;padding:14px;flex-direction:column;gap:4px;border:1px solid var(--line-strong);border-radius:22px;background:var(--bg);background-image:linear-gradient(160deg,color-mix(in srgb,var(--blue) 14%,transparent),transparent 55%);box-shadow:0 30px 80px -20px #000d;opacity:1}
  .navlinks.open{display:flex;animation:panel-in .35s var(--ease) both}
  .navlinks a{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;font-size:15px;font-weight:500;color:var(--text);border-radius:14px;background:transparent}
  .navlinks a:after{content:"→";opacity:.5;font-size:14px}
  .navlinks a:hover,.navlinks a:active{background:var(--panel)}
  .navlinks a.active{background:var(--panel)}.navlinks a.active:after{position:static;width:auto;height:auto;margin:0;background:none;content:"→";opacity:.9;color:var(--mint)}
  .nav-cta{display:inline-flex;justify-content:center;margin-top:8px;min-height:50px;width:100%;font-size:13px}
}
@media(max-width:600px){.nav>.btn.primary:not(.nav-cta){display:none}.menu{margin-left:auto}}

/* Hero layout: desktop / tablet / mobile */
.hero{padding:56px 0 90px}
.hero>.wrap{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:40px;align-items:center}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(40px,5.3vw,78px);line-height:1.04}
.visual.hero3d{width:100%;min-width:0}
.h3-stage{max-width:620px}
@media(max-width:1100px){
  .hero{padding:36px 0 70px}
  .hero>.wrap{grid-template-columns:1fr;gap:34px}
  .hero h1{font-size:clamp(40px,8.4vw,72px)}
  .hero p{max-width:640px}
  .visual.hero3d{max-width:560px;margin-inline:auto;min-height:0}
}
@media(max-width:640px){
  .hero{padding:22px 0 56px}
  .hero h1{font-size:clamp(34px,10.4vw,46px);margin:18px 0 20px}
  .hero p{font-size:16px;line-height:1.75}
  .hero .actions{flex-direction:column;align-items:stretch;gap:12px}
  .hero .actions .btn{width:100%;justify-content:center}
  .visual.hero3d{max-width:420px}
  .h3-panel.edu{left:0;top:78%;padding:8px;border-radius:14px}
  .h3-panel.edu div,.h3-panel.chart{display:none}
  .h3-coin{width:11cqw;height:11cqw;margin:-5.5cqw 0 0 -5.5cqw;font-size:4.8cqw}
  .h3-cube-wrap{width:22cqw;height:22cqw;margin:-11cqw 0 0 -11cqw}
  .h3-cube .f{--z:11cqw}
  .h3-cube .front{transform:translateZ(11cqw)}.h3-cube .back{transform:rotateY(180deg) translateZ(11cqw)}
  .h3-cube .right{transform:rotateY(90deg) translateZ(11cqw)}.h3-cube .left{transform:rotateY(-90deg) translateZ(11cqw)}
  .h3-cube .top{transform:rotateX(90deg) translateZ(11cqw)}
}
@media(max-width:380px){.hero h1{font-size:34px}}
/* keep the header pinned while scrolling */
header{position:sticky;top:env(safe-area-inset-top,0px)}
/* sticky header fix: "clip" avoids creating a scroll container (hidden breaks position:sticky) */
html,body{overflow-x:clip}
/* hero headline: balanced size on desktops so the buttons stay above the fold */
@media(min-width:1101px){.hero{padding:40px 0 80px}.hero h1{font-size:clamp(44px,4.25vw,68px);margin:0 0 24px}.hero p{font-size:17.5px}.hero .actions{margin-top:28px}.hero-proof{margin-top:30px}}
/* 9.11.0 Hero: all four panels visible on phones + 3D scene lifted on desktop */
@media(min-width:1101px){
  .visual.hero3d{align-self:start;margin-top:-26px}
  .h3-stage{margin-top:-64px}
  .hero3d .visual-label{bottom:-6px}
}
@media(max-width:640px){
  .visual.hero3d{max-width:440px;padding-bottom:calc(2*58px + 36px)}
  .hero3d .visual-label{display:none}
  .h3-panel{display:flex!important;box-sizing:border-box;position:absolute;width:calc(50% - 5px);height:58px;margin:0;padding:8px 10px;gap:9px;border-radius:14px;align-items:center;animation:none;transform:none}
  .h3-panel.edu{left:0;right:auto;top:calc(100% + 14px)}
  .h3-panel.cap{left:auto;right:0;top:calc(100% + 14px)}
  .h3-panel.plan{left:0;right:auto;top:calc(100% + 14px + 58px + 10px)}
  .h3-panel.chart{left:auto;right:0;top:calc(100% + 14px + 58px + 10px);flex-direction:row;width:calc(50% - 5px)}
  .h3-panel>svg{width:20px;height:18px;padding:7px;border-radius:10px;flex:none}
  .h3-panel div{display:block!important;font-size:0;line-height:1.25}
  .h3-panel b{font-size:11px;line-height:1.25;white-space:normal}
  .h3-panel.chart svg{order:-1;width:44px;height:24px;padding:0;border-radius:0;background:none;flex:none}
  .h3-panel.chart .h3-panel-top{display:block;font:600 11px/1.25 var(--sans,Poppins,sans-serif);letter-spacing:0;text-transform:none;color:var(--text)}
  .h3-panel.chart .h3-panel-top em{display:none}
  .h3-panel.chart .h3-panel-top span{background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .h3-panel:after{display:none}
}
@media(max-width:360px){.h3-panel b,.h3-panel.chart .h3-panel-top{font-size:10px}.h3-panel>svg{display:none}.h3-panel.chart svg{display:block;width:36px}}
@media(max-width:640px){.h3-panel.edu,.h3-panel.plan,.h3-panel.cap,.h3-panel.chart{animation:none;align-items:center}}