:root{--bg:#071113;--bg2:#0a1719;--panel:#0d1d20;--panel2:#102326;--line:#1d3538;--line2:#29494d;--text:#eff7f6;--muted:#9fb2b4;--muted2:#6e8588;--accent:#78f1d6;--accent2:#52b9ba;--glow:rgba(120,241,214,.12);--max:1240px;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 8%,rgba(55,129,129,.16),transparent 32%),linear-gradient(180deg,var(--bg),#071011 62%,#061012);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.progress{position:fixed;left:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0;z-index:1000;box-shadow:0 0 18px var(--accent)}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,17,19,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(120,241,214,.08)}.nav-inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.15em;font-size:15px;white-space:nowrap}.brand-mark{width:34px;height:34px;border:1px solid rgba(120,241,214,.45);display:grid;place-items:center;border-radius:9px;color:var(--accent);box-shadow:inset 0 0 22px rgba(120,241,214,.04)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:3px}.nav-link,.dropbtn{border:0;background:transparent;cursor:pointer;padding:11px 12px;border-radius:10px;color:#c8d6d6;font-size:13px;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active,.dropbtn:hover{background:rgba(120,241,214,.07);color:#fff}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:330px;padding:10px;background:rgba(10,24,26,.98);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.2s}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:12px;border-radius:11px}.dropdown-menu a:hover{background:rgba(120,241,214,.07)}.dropdown-menu b{display:block;font-size:13px}.dropdown-menu span{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}.nav-cta{margin-left:8px;padding:10px 15px;border:1px solid rgba(120,241,214,.35);border-radius:11px;color:var(--accent);font-size:13px;font-weight:700}.nav-cta:hover{background:var(--accent);color:#05201b}.mobile-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;cursor:pointer}
#app{min-height:70vh}.route-enter{animation:routeIn .35s ease both}@keyframes routeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}section{padding:64px 0;border-bottom:1px solid rgba(120,241,214,.06)}.hero{padding:72px 0 56px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:70px}.eyebrow,.kicker,.crumb{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:800}.crumb{color:var(--muted2);letter-spacing:.1em;margin-bottom:20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.4vw,60px);letter-spacing:-.03em;line-height:1.08;margin:16px 0 22px;font-weight:700}.page-hero h1{font-size:clamp(34px,4vw,50px);max-width:820px}h2{font-size:clamp(34px,4.4vw,58px);letter-spacing:-.045em;line-height:1.04;margin-bottom:16px}h3{font-size:22px;letter-spacing:-.025em;line-height:1.2}.muted-line{color:#6f8588}.hero-copy,.page-hero p,.section-head p{font-size:18px;color:var(--muted);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 17px;border-radius:12px;font-size:13px;font-weight:800;transition:.22s;border:1px solid var(--line2);cursor:pointer}.btn{background:var(--accent);color:#05201b;border-color:var(--accent)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(120,241,214,.13)}.btn-ghost{background:rgba(255,255,255,.015);color:#d9e4e4}.btn-ghost:hover{border-color:rgba(120,241,214,.55);color:var(--accent)}.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px;color:var(--muted);font-size:12px}.hero-meta div{padding-top:14px;border-top:1px solid var(--line)}.hero-meta strong{display:block;color:#fff;margin-bottom:5px}
.visual{height:470px;position:relative;border:1px solid rgba(120,241,214,.16);border-radius:30px;background:radial-gradient(circle at center,rgba(120,241,214,.10),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));box-shadow:inset 0 0 80px rgba(120,241,214,.035),var(--shadow);overflow:hidden;transform-style:preserve-3d}.visual:before,.visual:after{content:"";position:absolute;border:1px solid rgba(120,241,214,.15);border-radius:50%;inset:15%;animation:spin 20s linear infinite}.visual:after{inset:29%;animation-direction:reverse;animation-duration:13s}@keyframes spin{to{transform:rotate(360deg)}}.visual-core{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;font-size:88px;letter-spacing:-.06em;color:var(--accent);text-shadow:0 0 35px rgba(120,241,214,.18)}.chip{position:absolute;padding:11px 13px;border:1px solid var(--line2);border-radius:12px;background:rgba(7,18,20,.86);font-size:11px;color:var(--muted);box-shadow:0 12px 30px rgba(0,0,0,.22)}.chip b{display:block;color:#fff;font-size:10px;letter-spacing:.12em;margin-bottom:2px}.c1{left:8%;top:14%}.c2{right:8%;top:24%}.c3{left:10%;bottom:18%}.c4{right:12%;bottom:12%}
.page-hero{padding:84px 0 62px}.page-hero p{margin-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-head p{max-width:520px;font-size:15px;margin-bottom:3px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.soft-card,.arch,.case-card,.job,.stat-card{position:relative;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));border-radius:var(--radius);padding:26px;overflow:hidden}.card{min-height:250px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(120,241,214,.10),transparent 42%);opacity:0;transition:.2s;pointer-events:none}.card:hover{transform:translateY(-4px);border-color:rgba(120,241,214,.28)}.card:hover:before{opacity:1}.card-index{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:800;margin-bottom:34px}.card p,.soft-card p,.case-card p,.job p{color:var(--muted);font-size:14px}.card-link{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:#c5d2d3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag{border:1px solid var(--line2);border-radius:999px;padding:8px 10px;color:#b9cacb;font-size:11px;background:rgba(255,255,255,.015)}
.finance-shell{display:grid;grid-template-columns:330px 1fr;gap:16px}.finance-tabs{display:flex;flex-direction:column;gap:7px}.finance-tab{text-align:left;background:rgba(255,255,255,.012);border:1px solid var(--line);padding:16px;border-radius:14px;cursor:pointer;transition:.2s}.finance-tab:hover,.finance-tab.active{border-color:rgba(120,241,214,.34);background:rgba(120,241,214,.055)}.finance-tab b{display:block;font-size:14px}.finance-tab small{display:block;color:var(--muted);margin-top:4px;line-height:1.4}.finance-panel{border:1px solid var(--line);border-radius:22px;padding:30px;background:linear-gradient(145deg,rgba(120,241,214,.035),rgba(255,255,255,.008))}.mini-arch{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.mini-node{padding:16px 10px;border:1px solid var(--line2);border-radius:12px;text-align:center;font-size:11px;color:#d4e0e0;position:relative}.mini-node:not(:last-child):after{content:"→";position:absolute;right:-10px;color:var(--accent);z-index:2}
.banner{border-top:1px solid rgba(120,241,214,.10);border-bottom:1px solid rgba(120,241,214,.10);background:rgba(120,241,214,.025)}.banner-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:30px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric b{display:block;font-size:36px;letter-spacing:-.05em;color:#fff}.metric span{color:var(--muted);font-size:12px}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;border:1px solid rgba(120,241,214,.22);background:radial-gradient(circle at 85% 30%,rgba(120,241,214,.08),transparent 28%),var(--panel);border-radius:26px}.cta-band h2{font-size:clamp(30px,4vw,52px);max-width:800px;margin-bottom:0}
.detail-grid{display:grid;grid-template-columns:240px 1fr;gap:54px}.detail-aside{position:sticky;top:100px;align-self:start;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(10,23,25,.58)}.detail-aside a{display:block;padding:9px 7px;color:var(--muted);font-size:12px;border-radius:8px}.detail-aside a:hover{color:var(--accent);background:rgba(120,241,214,.04)}.detail-main>section{padding:0 0 72px;border:0}.detail-main>section+section{padding-top:12px}.detail-list{margin:15px 0 0;padding:0;list-style:none}.detail-list li{padding:11px 0 11px 25px;border-bottom:1px solid var(--line);color:#cad6d6;font-size:14px;position:relative}.detail-list li:before{content:"↳";position:absolute;left:0;color:var(--accent)}.note{font-size:11px!important;color:var(--muted2)!important;margin-top:18px!important}
.arch{padding:28px}.arch-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.arch-title span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted2)}.arch-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.arch-node{position:relative;padding:23px 12px;border:1px solid var(--line2);border-radius:13px;text-align:center;background:rgba(120,241,214,.025);font-size:12px;display:grid;place-items:center;min-height:82px}.arch-node:not(:last-child):after{content:"→";position:absolute;right:-10px;z-index:2;color:var(--accent)}.arch-caption{margin:18px 0 0!important;color:var(--muted2)!important;font-size:11px!important}.architecture-stack{display:grid;gap:16px}.architecture-filter,.case-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}.filter-btn{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:9px 12px;cursor:pointer;font-size:11px}.filter-btn.active,.filter-btn:hover{border-color:rgba(120,241,214,.45);color:var(--accent);background:rgba(120,241,214,.05)}
.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.case-card{min-height:320px;display:flex;flex-direction:column}.case-card .case-cat{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--accent);font-weight:800}.case-card h3{font-size:28px;margin:18px 0 15px}.case-card ul{padding-left:18px;color:#bdcccc;font-size:13px}.case-card .case-outcome{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;color:#e0eaea;font-size:13px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-num{font-size:11px;color:var(--accent);letter-spacing:.16em;font-weight:800}.jobs{display:grid;gap:10px}.job{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:20px 22px;cursor:pointer;transition:.2s}.job:hover{border-color:rgba(120,241,214,.28);transform:translateX(3px)}.job h3{font-size:17px;margin-bottom:6px}.job p{margin:0}.job span{font-size:11px;color:var(--accent);white-space:nowrap}.job-detail{display:none;padding-top:14px;margin-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.job.open{display:block}.job.open .job-detail{display:block}.contact-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:16px}.form-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:rgba(255,255,255,.012)}label{display:block;font-size:11px;font-weight:800;color:#cbd7d7;margin:16px 0 7px}input,textarea,select{width:100%;border:1px solid var(--line2);border-radius:11px;background:#091719;color:#fff;padding:12px 13px;outline:none}input:focus,textarea:focus,select:focus{border-color:rgba(120,241,214,.55);box-shadow:0 0 0 3px rgba(120,241,214,.06)}textarea{min-height:130px;resize:vertical}.form-status{font-size:12px;color:var(--muted);margin-top:12px;min-height:18px}
footer{padding:50px 0 58px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr .9fr;gap:40px}.footer-copy{color:var(--muted);font-size:12px;max-width:330px;margin-top:16px}.footer-col b{display:block;font-size:12px;margin-bottom:12px}.footer-col a,.footer-col span{display:block;color:var(--muted);font-size:12px;margin:8px 0}.footer-col a:hover{color:var(--accent)}.back-top{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border:1px solid var(--line2);background:rgba(7,17,19,.8);backdrop-filter:blur(10px);border-radius:50%;display:grid;place-items:center;color:var(--accent);opacity:0;visibility:hidden;transition:.2s;z-index:40}.back-top.show{opacity:1;visibility:visible}
.command{position:fixed;inset:0;background:rgba(1,8,9,.72);backdrop-filter:blur(10px);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.command.open{display:flex}.command-box{width:min(660px,calc(100% - 32px));border:1px solid var(--line2);border-radius:18px;background:#0a191b;box-shadow:var(--shadow);overflow:hidden}.command-input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px;background:transparent}.command-results{max-height:50vh;overflow:auto;padding:8px}.command-item{display:flex;justify-content:space-between;gap:20px;padding:12px;border-radius:10px;color:#dfe8e8;cursor:pointer;font-size:13px}.command-item:hover{background:rgba(120,241,214,.06)}.command-item span{color:var(--muted2);font-size:11px}
@media(max-width:1050px){.nav-links,.nav-cta{display:none}.mobile-toggle{display:block}.nav.open .nav-links{display:flex;position:absolute;left:22px;right:22px;top:69px;flex-direction:column;align-items:stretch;padding:14px;background:#091719;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.nav.open .nav-link,.nav.open .dropbtn{text-align:left;width:100%}.nav.open .dropdown{width:100%}.nav.open .dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;margin-top:4px;min-width:0}.nav.open .dropdown.open .dropdown-menu{display:block}.hero-grid{grid-template-columns:1fr;gap:48px}.visual{height:390px}.grid{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(2,1fr)}.finance-shell{grid-template-columns:1fr}.finance-tabs{display:grid;grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-aside{position:static;display:flex;gap:4px;overflow:auto}.detail-aside .kicker{display:none}.detail-aside a{white-space:nowrap}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}}
@media(max-width:720px){.wrap{width:min(100% - 28px,var(--max))}section{padding:64px 0}.hero{padding:72px 0 64px}h1{font-size:53px}.page-hero h1{font-size:47px}.hero-meta,.two-col,.three-col,.grid,.case-grid,.contact-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:6px}.finance-tabs{grid-template-columns:1fr}.banner-grid{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid var(--line)}.metric:nth-child(2){border-right:0}.cta-band{align-items:flex-start;flex-direction:column;padding:25px}.arch-flow{grid-template-columns:1fr}.arch-node:not(:last-child):after{content:"↓";right:auto;bottom:-18px;left:50%;transform:translateX(-50%)}.mini-arch{grid-template-columns:1fr}.mini-node:not(:last-child):after{content:"↓";right:auto;bottom:-16px;left:50%}.values{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/3}.job{align-items:flex-start;flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* Expanded financial-services architecture system */
.fs-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.platform-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.platform-pill{padding:9px 11px;border:1px solid var(--line2);border-radius:999px;background:rgba(120,241,214,.035);color:#d7e5e5;font-size:11px}.platform-pill.oracle{border-color:rgba(255,120,91,.30);background:rgba(255,120,91,.045)}
.lifecycle{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:24px}.life-step{min-height:118px;border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(255,255,255,.012);position:relative}.life-step:not(:last-child):after{content:'→';position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--accent);z-index:2}.life-step b{display:block;color:#fff;font-size:12px;margin:7px 0}.life-step span{font-size:10px;color:var(--muted);line-height:1.45;display:block}.life-num{font-size:10px;color:var(--accent);letter-spacing:.12em}
.service-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-tile{border:1px solid var(--line);border-radius:18px;padding:21px;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(255,255,255,.006));min-height:190px}.service-tile h3{font-size:18px;margin:10px 0}.service-tile p{font-size:12px;color:var(--muted);margin-bottom:0}.service-icon{font-size:11px;color:var(--accent);letter-spacing:.12em;font-weight:800}
.oracle-map{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.oracle-family{border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.012)}.oracle-family h3{font-size:18px}.oracle-family ul{padding-left:18px;color:var(--muted);font-size:12px;margin-bottom:0}.oracle-family li{margin:7px 0}.oracle-note{margin-top:18px;color:var(--muted2);font-size:11px;line-height:1.6}
.mega-arch{border:1px solid var(--line2);border-radius:26px;padding:22px;background:radial-gradient(circle at 20% 0,rgba(120,241,214,.055),transparent 26%),rgba(6,16,18,.62);overflow:hidden;box-shadow:var(--shadow)}.mega-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:4px 4px 18px}.mega-head h3{font-size:25px;margin-bottom:6px}.mega-head p{max-width:760px;color:var(--muted);font-size:13px;margin-bottom:0}.arch-badge{white-space:nowrap;border:1px solid var(--line2);padding:8px 10px;border-radius:999px;font-size:10px;color:var(--accent);letter-spacing:.1em}.mega-canvas{display:grid;gap:10px}.arch-layer{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:stretch}.layer-label{display:flex;align-items:center;padding:14px;border:1px solid rgba(120,241,214,.16);border-radius:14px;background:rgba(120,241,214,.035);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}.layer-nodes{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:8px}.mega-node{min-height:66px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.007));display:flex;flex-direction:column;justify-content:center;transition:.2s}.mega-node:hover{border-color:rgba(120,241,214,.4);transform:translateY(-2px);background:rgba(120,241,214,.035)}.mega-node b{font-size:11px;line-height:1.25}.mega-node span{color:var(--muted2);font-size:9.5px;line-height:1.35;margin-top:4px}.mega-node.oracle-node{border-color:rgba(255,120,91,.20)}.mega-node.oracle-node b:before{content:'ORACLE · ';color:#ff9f87;font-size:8px;letter-spacing:.08em}.crosscut{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.cross-item{padding:10px;border:1px dashed rgba(120,241,214,.22);border-radius:11px;text-align:center;font-size:9.5px;color:#b9caca}.flow-divider{height:22px;position:relative}.flow-divider:before{content:'';position:absolute;left:75px;right:12px;top:10px;height:1px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);opacity:.45}.flow-divider:after{content:'↓  event · API · message · file · batch';position:absolute;right:16px;top:1px;color:var(--muted2);font-size:8px;letter-spacing:.08em;background:var(--bg);padding-left:8px}
.payment-lanes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lane{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.012)}.lane-label{font-size:10px;letter-spacing:.1em;color:var(--accent);font-weight:800;margin-bottom:10px}.lane-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.lane-node{padding:11px 8px;border:1px solid var(--line);border-radius:10px;font-size:9.5px;color:#d7e3e3;text-align:center}.lane.offline .lane-label{color:#c4a8ff}
.architecture-stack{display:grid;gap:22px}.arch-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.micro-tag{font-size:9.5px;border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:var(--muted)}
.case-grid.rich{grid-template-columns:repeat(2,1fr)}.case-platforms{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.case-platforms span{font-size:9.5px;padding:6px 8px;border-radius:999px;border:1px solid rgba(255,120,91,.22);color:#e2c5bd;background:rgba(255,120,91,.035)}.case-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.case-meta div{padding:11px;border:1px solid var(--line);border-radius:11px}.case-meta b{display:block;font-size:9px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.case-meta span{font-size:11px;color:#d5e1e1}.case-card .detail-list{font-size:12px;color:var(--muted)}
.detail-platforms{margin-top:24px;padding:22px;border:1px solid rgba(255,120,91,.18);border-radius:18px;background:rgba(255,120,91,.025)}.detail-platforms h3{font-size:17px}.detail-platforms .platform-cloud{margin-top:12px}
.route-strip{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-top:22px}.route-strip a{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 10px;font-size:10px;color:var(--muted)}.route-strip a:hover{border-color:var(--accent2);color:#fff}
@media(max-width:1050px){.fs-intro-grid{grid-template-columns:1fr}.service-matrix{grid-template-columns:repeat(2,1fr)}.oracle-map{grid-template-columns:repeat(2,1fr)}.lifecycle{grid-template-columns:repeat(3,1fr)}.life-step:nth-child(3):after{display:none}.arch-layer{grid-template-columns:118px 1fr}.layer-nodes{grid-template-columns:repeat(3,minmax(0,1fr))!important}.crosscut{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.service-matrix,.oracle-map,.case-grid.rich{grid-template-columns:1fr}.lifecycle{grid-template-columns:1fr}.life-step:after{display:none!important}.arch-layer{grid-template-columns:1fr}.layer-nodes{grid-template-columns:repeat(2,minmax(0,1fr))!important}.crosscut{grid-template-columns:1fr 1fr}.payment-lanes{grid-template-columns:1fr}.mega-head{display:block}.arch-badge{display:inline-block;margin-top:12px}.case-meta{grid-template-columns:1fr}.mega-arch{padding:15px}.layer-label{min-height:42px}.flow-divider:before{left:12px}.flow-divider:after{font-size:7px}}


/* KISORIUM BRAND REFRESH — logo-derived visual system */
:root{--bg:#f7f9fc;--bg2:#ffffff;--panel:#ffffff;--panel2:#f4f8fc;--line:#dbe4ef;--line2:#c8d8e8;--text:#08233f;--muted:#5f7185;--muted2:#8494a7;--accent:#1564d8;--accent2:#10aee6;--glow:rgba(21,100,216,.10);--shadow:0 24px 70px rgba(10,39,72,.10)}
body{background:radial-gradient(circle at 88% 4%,rgba(16,174,230,.10),transparent 26%),radial-gradient(circle at 10% 28%,rgba(21,100,216,.06),transparent 26%),linear-gradient(180deg,#fff 0%,#f7f9fc 55%,#f2f6fa 100%);color:var(--text)}
body:before{opacity:.55;background-image:linear-gradient(rgba(8,35,63,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(8,35,63,.025) 1px,transparent 1px);mask-image:linear-gradient(to bottom,black,transparent 82%)}
.progress{background:linear-gradient(90deg,#08233f,#1564d8,#10aee6);box-shadow:0 0 16px rgba(16,174,230,.30)}
.nav{background:rgba(255,255,255,.84);border-bottom:1px solid rgba(8,35,63,.08);box-shadow:0 8px 28px rgba(8,35,63,.035)}
.nav-inner{height:82px}.brand{gap:11px;letter-spacing:.17em;color:#08233f}.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:10px;box-shadow:0 7px 20px rgba(21,100,216,.12)}.brand-word{font-size:14px;font-weight:800}.brand-mark{display:none}
.nav-link,.dropbtn{color:#455f79}.nav-link:hover,.nav-link.active,.dropbtn:hover{background:rgba(21,100,216,.065);color:#0a4c9e}.dropdown-menu{background:rgba(255,255,255,.98);border-color:#d8e4ef;box-shadow:0 26px 70px rgba(10,39,72,.14)}.dropdown-menu a:hover{background:rgba(21,100,216,.055)}.dropdown-menu b{color:#0b2a48}.dropdown-menu span{color:#75879a}.nav-cta{border-color:rgba(21,100,216,.24);color:#0d60cb;background:rgba(21,100,216,.035)}.nav-cta:hover{background:linear-gradient(135deg,#155bd1,#11ace4);color:#fff}.mobile-toggle{border-color:#d7e1eb;color:#08233f;background:#fff}
section{border-bottom:1px solid rgba(8,35,63,.065)}.hero{padding-top:76px}.eyebrow,.kicker{color:#0c74d9}.crumb{color:#8494a7}.muted-line{color:#8090a1}.brand-gradient-text{background:linear-gradient(105deg,#0b2a4c 0%,#155ecf 48%,#0aaee8 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy,.page-hero p,.section-head p{color:#617388}.hero-meta{color:#6a7c90}.hero-meta div{border-color:#d9e4ef}.hero-meta strong{color:#0b2948}
.btn{background:linear-gradient(135deg,#155dd1,#0ea7e0);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(21,100,216,.17)}.btn:hover{box-shadow:0 18px 38px rgba(21,100,216,.24)}.btn-ghost{background:#fff;color:#153b62;border-color:#cfdce8}.btn-ghost:hover{border-color:#1d79db;color:#0a69cc;background:#f6fbff}
.visual{border-color:#d8e5f0;background:linear-gradient(145deg,#fff,#f5f9fd);box-shadow:0 30px 90px rgba(10,39,72,.11);overflow:visible}.visual:before,.visual:after{border-color:rgba(21,100,216,.13)}.brand-visual{min-height:490px}.hero-logo-card{position:absolute;inset:70px 64px 68px;display:grid;place-items:center;background:#fff;border:1px solid #e3eaf2;border-radius:28px;box-shadow:0 28px 65px rgba(11,50,91,.10);overflow:hidden;z-index:3}.hero-logo-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 15%,rgba(16,174,230,.10),transparent 28%),linear-gradient(135deg,transparent,rgba(21,100,216,.025));pointer-events:none}.hero-logo-card img{width:min(86%,520px);height:auto;position:relative;z-index:2;filter:contrast(1.03) saturate(1.05)}.hero-logo-glow{position:absolute;width:52%;aspect-ratio:1;border-radius:50%;background:rgba(16,174,230,.10);filter:blur(50px);z-index:1}.brand-orbit{position:absolute;border:1px solid rgba(21,100,216,.12);border-radius:50%;z-index:1}.orbit-a{inset:2% -6%;animation:spin 26s linear infinite}.orbit-b{inset:16% 5%;animation:spin 18s linear infinite reverse}.chip{background:rgba(255,255,255,.95);border-color:#cad9e8;color:#60758a;box-shadow:0 14px 32px rgba(10,39,72,.10);z-index:5}.chip b{color:#0a4f9f}.c1{left:-3%;top:10%}.c2{right:-4%;top:22%}.c3{left:-2%;bottom:15%}.c4{right:-4%;bottom:10%}
.brand-promise{background:linear-gradient(100deg,#071f39 0%,#0a315b 48%,#0b5cad 100%);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.08)}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr)}.promise-grid>div{padding:25px 28px;border-right:1px solid rgba(255,255,255,.12)}.promise-grid>div:last-child{border-right:0}.promise-grid span{display:block;color:#7ad7ff;font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:7px}.promise-grid b{font-size:13px;font-weight:600;line-height:1.45;color:#f8fbff}
.card,.soft-card,.arch,.case-card,.job,.stat-card,.finance-panel,.service-tile,.oracle-family{background:linear-gradient(145deg,#fff,#f8fbfe);border-color:#dce6ef;box-shadow:0 12px 34px rgba(10,39,72,.045)}.card:before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(16,174,230,.11),transparent 42%)}.card:hover,.service-tile:hover{border-color:rgba(21,100,216,.28);box-shadow:0 18px 44px rgba(21,100,216,.10)}.card p,.soft-card p,.case-card p,.job p{color:#66798d}.card-link{border-color:#dce6ef;color:#49647e}.tag{border-color:#d1dfeb;background:#f8fbff;color:#486581}.finance-tab{background:#fff;border-color:#dce6ef;color:#173957}.finance-tab:hover,.finance-tab.active{border-color:rgba(21,100,216,.35);background:linear-gradient(135deg,rgba(21,100,216,.065),rgba(16,174,230,.05))}.finance-panel{background:linear-gradient(145deg,#fff,#f6fbff)}.mini-node{border-color:#cfdeeb;color:#274866;background:#fff}.mini-node:not(:last-child):after{color:#1686db}
.banner{background:linear-gradient(90deg,#f7fbff,#eef7ff);border-color:#dce8f2}.metric{border-color:#d7e2ec}.metric b{color:#0a315b}.metric span{color:#6a7c8e}.cta-band{border-color:#ccdeee;background:radial-gradient(circle at 90% 25%,rgba(16,174,230,.11),transparent 30%),linear-gradient(135deg,#fff,#f4f9fd);box-shadow:0 22px 55px rgba(10,39,72,.07)}
.oracle-note{color:#78899a}.case-cat,.value-num,.life-num,.service-icon{color:#1379d8}.case-platforms span{background:#eef7ff;border-color:#d5e5f3;color:#315b7f}.case-outcome{background:#f4f9fd;border-color:#d7e5f0}.job:hover{border-color:rgba(21,100,216,.28)}
.footer{background:#071e37;color:#eaf4ff;border-top:0}.footer .brand-word{color:#fff}.footer .brand-logo{box-shadow:none}.footer-copy,.footer-col a,.footer-col span{color:#9fb4c8}.footer-col b{color:#fff}.footer a:hover{color:#65cfff}
.command{background:rgba(4,19,35,.55)}.command-box{background:#fff;border-color:#d6e2ec}.command-input{background:#fff;color:#0b2947;border-color:#d8e3ed}.command-results a{color:#294d6e}.command-results a:hover{background:#f1f8fd;color:#0c68c7}
@media(max-width:1050px){.nav.open .nav-links{background:#fff;border-color:#dce6ef}.brand-visual{overflow:hidden}.hero-logo-card{inset:50px}.c1{left:3%}.c2{right:3%}.c3{left:3%}.c4{right:3%}}
@media(max-width:760px){.brand-word{display:none}.brand-logo{width:38px;height:38px}.promise-grid{grid-template-columns:1fr}.promise-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:18px 0}.hero-logo-card{inset:58px 28px 72px}.brand-visual{min-height:430px}.chip{font-size:9px;padding:8px 9px}.c1{left:1%;top:9%}.c2{right:1%;top:18%}.c3{left:1%;bottom:13%}.c4{right:1%;bottom:7%}}


/* =========================================================
   KISORIUM KS1 BRAND SYSTEM — Navy · Blue · Teal
   Inspired by the supplied K mark and wordmark.
   ========================================================= */
:root{
  --bg:#f8fbfc;--bg2:#ffffff;--panel:#ffffff;--panel2:#f1f7f9;
  --line:#d9e5e9;--line2:#bfd4dc;--text:#041638;--muted:#5d7180;--muted2:#8295a1;
  --accent:#0ea5a5;--accent2:#0d8fd0;--navy:#041638;--navy2:#082a4d;--teal:#0ea5a5;--cyan:#11a8cf;
  --glow:rgba(14,165,165,.12);--shadow:0 24px 70px rgba(4,22,56,.09)
}
html{background:#fff}
body{background:radial-gradient(circle at 86% 3%,rgba(17,168,207,.11),transparent 26%),radial-gradient(circle at 7% 22%,rgba(14,165,165,.07),transparent 23%),linear-gradient(180deg,#fff 0%,#f8fbfc 48%,#f3f8fa 100%);color:var(--text)}
body:before{opacity:.65;background-image:linear-gradient(rgba(4,22,56,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(4,22,56,.022) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 68%)}
.progress{height:3px;background:linear-gradient(90deg,#061a45 0%,#0b71bf 45%,#10b4ae 100%);box-shadow:0 0 18px rgba(14,165,165,.25)}
.nav{background:rgba(255,255,255,.90);border-bottom:1px solid rgba(4,22,56,.075);box-shadow:0 8px 32px rgba(4,22,56,.04)}
.nav-inner{height:86px}.brand{gap:11px;color:var(--navy);letter-spacing:.22em}.brand-logo{width:39px;height:40px;object-fit:contain;border-radius:0;box-shadow:none;filter:drop-shadow(0 8px 13px rgba(6,81,118,.10))}.brand-word{font-size:14px;font-weight:800}
.nav-link,.dropbtn{color:#455f70;font-weight:600}.nav-link:hover,.nav-link.active,.dropbtn:hover{background:linear-gradient(135deg,rgba(13,143,208,.07),rgba(14,165,165,.07));color:#055d8b}.dropdown-menu{background:rgba(255,255,255,.985);border-color:#d7e4e9;box-shadow:0 28px 80px rgba(4,22,56,.15)}.dropdown-menu a:hover{background:linear-gradient(90deg,rgba(13,143,208,.055),rgba(14,165,165,.05))}.dropdown-menu b{color:#062449}.dropdown-menu span{color:#718593}
.nav-cta{border:0;color:white;background:linear-gradient(115deg,#052552 0%,#087fb4 56%,#0eaaa6 100%);box-shadow:0 10px 25px rgba(6,92,135,.15);padding:11px 17px}.nav-cta:hover{background:linear-gradient(115deg,#061b43,#0a72b0 52%,#11b2aa);transform:translateY(-1px);box-shadow:0 15px 32px rgba(6,92,135,.20)}
.mobile-toggle{background:#fff;color:var(--navy);border-color:#d4e2e7}
section{border-bottom-color:rgba(4,22,56,.06)}.hero{padding-top:56px;padding-bottom:60px}.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:76px}.eyebrow,.kicker{color:#078a9e;letter-spacing:.20em}.crumb{color:#8295a1}
h1,h2,h3{color:var(--navy)}h1{letter-spacing:-.057em}.muted-line{color:#778b99}.brand-gradient-text{background:linear-gradient(105deg,#063f80 0%,#0a8fbe 46%,#0eaaa6 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy,.page-hero p,.section-head p{color:#5d7180}.hero-meta{color:#647987}.hero-meta div{border-color:#d7e4e8}.hero-meta strong{color:#082a4d}
.btn{background:linear-gradient(110deg,#052552 0%,#087cb5 58%,#0ca7a5 100%);border:0;color:#fff;box-shadow:0 14px 31px rgba(7,105,145,.18)}.btn:hover{box-shadow:0 20px 42px rgba(7,105,145,.25);transform:translateY(-2px)}.btn-ghost{background:#fff;color:#0a4366;border-color:#c9dce2}.btn-ghost:hover{border-color:#0c9da9;color:#067a8a;background:#f7fcfc}
.visual{border:1px solid #d9e7ea;background:linear-gradient(145deg,#ffffff 0%,#f2f9fa 100%);box-shadow:0 34px 100px rgba(4,22,56,.12);overflow:hidden}.brand-visual{min-height:535px;isolation:isolate}.brand-orbit{display:none}.brand-visual:before{content:"";position:absolute;inset:-10% -18%;border:0;border-radius:0;animation:none;background:linear-gradient(130deg,transparent 0 58%,rgba(13,143,208,.075) 58% 62%,transparent 62% 68%,rgba(14,165,165,.075) 68% 72%,transparent 72% 100%);transform:rotate(-2deg);z-index:0}.brand-visual:after{content:"";position:absolute;left:-2%;bottom:-22%;width:72%;height:54%;border:0;border-radius:0;animation:none;background:linear-gradient(135deg,rgba(4,22,56,.045),rgba(13,143,208,.09),rgba(14,165,165,.08));clip-path:polygon(0 70%,52% 0,100% 0,44% 100%,0 100%);z-index:0}
.hero-logo-card{inset:58px 58px 70px;display:grid;place-items:center;background:#fff;border:1px solid #deeaed;border-radius:26px;box-shadow:0 28px 70px rgba(4,22,56,.11);overflow:hidden;z-index:3}.hero-logo-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 10%,rgba(14,165,165,.10),transparent 26%),linear-gradient(145deg,transparent 0 74%,rgba(13,143,208,.035) 74% 100%);pointer-events:none}.hero-logo-card:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#051a42,#0d89c5,#0fa9a7)}.hero-logo-card img{width:min(92%,560px);height:auto;position:relative;z-index:2;filter:saturate(1.04) contrast(1.01)}.hero-logo-glow{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:rgba(14,165,165,.11);filter:blur(62px);z-index:1}
.chip{background:rgba(255,255,255,.96);border-color:#c9dde3;color:#607481;box-shadow:0 16px 34px rgba(4,22,56,.10);z-index:5}.chip b{color:#075f88}.c1{left:7%;top:13%}.c4{right:6%;bottom:13%}
.brand-promise{background:linear-gradient(105deg,#031431 0%,#063d66 56%,#087c8f 100%);color:#fff;position:relative;overflow:hidden}.brand-promise:after{content:"";position:absolute;right:-7%;top:-55%;width:42%;height:220%;background:linear-gradient(135deg,transparent 0 44%,rgba(255,255,255,.065) 44% 48%,transparent 48% 58%,rgba(19,197,189,.10) 58% 62%,transparent 62%);transform:rotate(-8deg)}.promise-grid{position:relative;z-index:2}.promise-grid>div{padding:28px 30px;border-right-color:rgba(255,255,255,.12)}.promise-grid span{color:#62dfd7}.promise-grid b{color:#f5fbfd;font-weight:600}
.section-head h2:after,.page-hero h1:after{content:"";display:block;width:70px;height:3px;margin-top:18px;border-radius:99px;background:linear-gradient(90deg,#0d8fd0,#0ea5a5)}.page-hero h1:after{width:90px;height:4px}
.card,.soft-card,.arch,.case-card,.job,.stat-card,.finance-panel,.service-tile,.oracle-family,.form-card{background:linear-gradient(145deg,#fff,#f8fbfc);border-color:#d9e5e9;box-shadow:0 12px 38px rgba(4,22,56,.045)}.card{border-radius:20px}.card:before{background:radial-gradient(430px circle at var(--mx,50%) var(--my,50%),rgba(14,165,165,.11),transparent 43%)}.card:hover,.service-tile:hover,.oracle-family:hover{border-color:rgba(14,165,165,.34);box-shadow:0 20px 50px rgba(4,89,121,.10)}.card-index,.service-icon,.value-num,.life-num,.case-cat{color:#078a9e}.card p,.soft-card p,.case-card p,.job p{color:#657a87}.card-link{border-color:#d9e5e9;color:#3d6173}.tag,.route-strip a,.micro-tag{border-color:#cfe0e5;background:#f8fcfc;color:#456777}
.finance-tab{background:#fff;border-color:#d8e5e9;color:#153d56}.finance-tab:hover,.finance-tab.active{border-color:rgba(14,165,165,.42);background:linear-gradient(135deg,rgba(13,143,208,.055),rgba(14,165,165,.07));box-shadow:inset 3px 0 0 #0ea5a5}.finance-panel{background:linear-gradient(145deg,#fff,#f4fafb)}.mini-node{border-color:#cbdde3;color:#214e62;background:#fff}.mini-node:not(:last-child):after{color:#0b9e9d}
.banner{background:linear-gradient(90deg,#f5fbfc,#edf7fa);border-color:#d7e6ea}.metric{border-color:#d6e4e8}.metric b{color:#052a4d}.metric span{color:#687d8a}
.cta-band{border:0;background:radial-gradient(circle at 90% 20%,rgba(31,201,190,.18),transparent 28%),linear-gradient(105deg,#031431,#073c68 58%,#087d8d);box-shadow:0 24px 62px rgba(4,22,56,.16)}.cta-band h2{color:#fff}.cta-band .btn{background:#fff;color:#064f73;box-shadow:none}.cta-band .btn:hover{background:#edfafa}.cta-band .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}.cta-band .btn-ghost:hover{border-color:#68e0d7;color:#68e0d7;background:rgba(255,255,255,.04)}
.platform-pill{border-color:#c9dde2;background:#f6fbfb;color:#315b6d}.platform-pill.oracle{border-color:#b9d8df;background:linear-gradient(135deg,#f2f8fb,#eefafa);color:#155270}.detail-platforms{border-color:#c8dfe4;background:linear-gradient(135deg,#f8fbfd,#f2fbfa)}.case-platforms span{background:#eff9f9;border-color:#c9e5e5;color:#216b75}
.lifecycle .life-step{background:#fff;border-color:#d9e5e9}.life-step b{color:#082a4d}.life-step span{color:#6a7e8b}.service-tile p,.oracle-family ul{color:#657985}
/* Architectures become the dramatic navy counterpoint to the light brand system. */
.mega-arch{border:1px solid rgba(56,177,193,.27);background:radial-gradient(circle at 18% 0,rgba(17,168,207,.14),transparent 26%),radial-gradient(circle at 92% 82%,rgba(14,165,165,.10),transparent 30%),linear-gradient(145deg,#03142f,#062849 66%,#073a4e);box-shadow:0 28px 75px rgba(4,22,56,.20)}.mega-head h3{color:#fff}.mega-head p{color:#b6cad4}.arch-badge{border-color:rgba(91,213,208,.28);color:#65ddd7;background:rgba(255,255,255,.025)}.layer-label{border-color:rgba(87,205,212,.20);background:linear-gradient(135deg,rgba(13,143,208,.15),rgba(14,165,165,.12));color:#65ddd7}.mega-node{border-color:rgba(139,190,202,.18);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));box-shadow:inset 0 1px rgba(255,255,255,.03)}.mega-node:hover{border-color:rgba(96,222,214,.50);background:rgba(14,165,165,.09)}.mega-node b{color:#f7fcfd}.mega-node span{color:#9bb7c3}.mega-node.oracle-node{border-color:rgba(31,184,194,.28)}.mega-node.oracle-node b:before{color:#61ddd6}.cross-item{border-color:rgba(88,209,210,.24);color:#b8cdd5;background:rgba(255,255,255,.018)}.flow-divider:before{background:linear-gradient(90deg,transparent,#0ea5a5,transparent)}.flow-divider:after{color:#90acb7;background:#051d3a}.lane{border-color:rgba(142,193,203,.18);background:rgba(255,255,255,.025)}.lane-label{color:#61ddd6}.lane.offline .lane-label{color:#73cfff}.lane-node{border-color:rgba(140,190,202,.18);color:#d9e8ed;background:rgba(255,255,255,.028)}
.architecture-filter,.case-filter{gap:9px}.filter-btn{border-color:#cadde2;background:#fff;color:#5d7380}.filter-btn.active,.filter-btn:hover{border-color:#0ea5a5;color:#087b86;background:#effafa}
.case-card{border-radius:20px}.case-card h3{color:#082a4d}.case-meta div{border-color:#d7e5e9;background:#fbfdfd}.case-meta b{color:#078a9e}.case-meta span{color:#476674}.case-card .case-outcome{border-color:#d7e5e9;color:#163f55;background:linear-gradient(90deg,#f7fbfc,#f0f9f9);margin-left:-2px;margin-right:-2px;padding:16px;border-radius:12px}
.detail-aside{background:rgba(255,255,255,.84);border-color:#d8e5e9;box-shadow:0 10px 32px rgba(4,22,56,.05)}.detail-aside a{color:#687e8b}.detail-aside a:hover{color:#087f91;background:#eefafa}.detail-list li{border-color:#d9e6e9;color:#385867}.detail-list li:before{color:#0b9f9d}
.job:hover{border-color:rgba(14,165,165,.33)}input,textarea,select{background:#fff;color:#082a4d;border-color:#cbdde2}input:focus,textarea:focus,select:focus{border-color:#0ea5a5;box-shadow:0 0 0 3px rgba(14,165,165,.08)}label{color:#35576a}.form-status{color:#758995}
footer{background:linear-gradient(110deg,#02122d,#05294b 62%,#064653);color:#effbfc;border-top:0;position:relative;overflow:hidden}footer:after{content:"";position:absolute;right:-11%;top:-80%;width:42%;height:250%;background:linear-gradient(135deg,transparent 0 46%,rgba(36,194,196,.09) 46% 50%,transparent 50% 60%,rgba(19,144,199,.08) 60% 64%,transparent 64%);pointer-events:none}footer .wrap{position:relative;z-index:2}footer .brand-word{color:#fff}footer .brand-logo{filter:brightness(0) invert(1) drop-shadow(0 8px 12px rgba(0,0,0,.08))}footer .footer-copy,footer .footer-col a,footer .footer-col span{color:#a7c0ca}footer .footer-col b{color:#fff}footer .footer-col a:hover{color:#64ddd6}
.back-top{background:rgba(4,22,56,.90);border-color:rgba(97,221,214,.28);color:#65ddd7;box-shadow:0 12px 30px rgba(4,22,56,.18)}
.command{background:rgba(3,20,47,.58)}.command-box{background:#fff;border-color:#d4e2e7}.command-input{background:#fff;color:#082a4d;border-color:#d7e4e8}.command-item{color:#21465a}.command-item:hover{background:#effafa}.command-item span{color:#7a909c}
@media(max-width:1050px){.nav.open .nav-links{background:#fff;border-color:#d6e4e8}.hero-grid{grid-template-columns:1fr}.brand-visual{max-width:760px;width:100%;margin:0 auto}.hero-logo-card{inset:54px 54px 68px}}
@media(max-width:760px){.nav-inner{height:74px}.hero{padding-top:58px}.brand-word{display:inline;font-size:12px;letter-spacing:.15em}.brand-logo{width:34px;height:35px}.brand-visual{min-height:430px}.hero-logo-card{inset:46px 24px 68px;border-radius:20px}.chip{font-size:8.5px;padding:8px}.promise-grid>div{padding:19px 0}.brand-promise:after{opacity:.7}.section-head h2:after{margin-top:13px}.mega-arch{border-radius:20px}}


.skip-link{position:absolute;left:-9999px;top:0;z-index:1002;background:var(--accent);color:#05201b;padding:12px 18px;border-radius:0 0 12px 0;font-weight:800;font-size:13px;text-decoration:none}.skip-link:focus{left:0}a:focus-visible,button:focus-visible,.card:focus-visible,.dropbtn:focus-visible,.nav-link:focus-visible,.service-tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}

.kiso-story{padding:72px 0;background:var(--bg2);overflow:hidden}
.kiso-grid{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center}
.kiso-glyph{font-size:260px;font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:2px var(--line2);text-stroke:2px var(--line2);text-align:center;user-select:none;font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif}
.kiso-copy h2{font-size:clamp(28px,3vw,40px);margin:8px 0 16px;letter-spacing:-.02em}
.kiso-copy p{color:var(--muted);font-size:17px;line-height:1.75;max-width:660px}
.kiso-copy p b{color:var(--text)}
@media(max-width:900px){.kiso-grid{grid-template-columns:1fr;text-align:center}.kiso-glyph{font-size:140px}.kiso-copy p{margin-left:auto;margin-right:auto}}

/* ===== v6: tones, flow, stack, 3D kiso, careers/case badges ===== */
.tone-tint{background:linear-gradient(180deg,#f2f6fc 0%,#e7f0fa 100%);position:relative}
.tone-teal{background:linear-gradient(180deg,#f3fafb 0%,#e6f5f5 100%);position:relative}
.tone-tint:before,.tone-teal:before,.kiso-story:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#031431,#0b5cad 40%,#10aee6 70%,#12b3a3)}
.kiso-story{position:relative;background:radial-gradient(circle at 12% 50%,rgba(16,174,230,.10),transparent 38%),linear-gradient(180deg,#ffffff,#f4f8fd)}
.hero-meta{display:none}

.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:2}
.flow-step{padding:26px 28px;position:relative}
.flow-step:not(:last-child):after{content:"";position:absolute;right:-9px;top:50%;width:18px;height:18px;border-top:2px solid rgba(98,223,215,.7);border-right:2px solid rgba(98,223,215,.7);transform:translateY(-50%) rotate(45deg);z-index:3}
.flow-step span{display:block;color:#62dfd7;font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:6px}
.flow-step b{display:block;font-size:19px;color:#fff;font-weight:700;margin-bottom:4px}
.flow-step small{font-size:12.5px;color:rgba(255,255,255,.72)}
@media(max-width:760px){.flow-steps{grid-template-columns:1fr 1fr}.flow-step:nth-child(2):after{display:none}}

.stack-section{padding:72px 0}
.stack-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.stack-copy h2{font-size:clamp(28px,3vw,40px);margin:8px 0 14px;letter-spacing:-.02em}
.stack-copy p{color:var(--muted);font-size:17px;line-height:1.7;margin-bottom:22px}
.stack{display:flex;flex-direction:column;align-items:center;gap:6px}
.layer{border-radius:10px;padding:14px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:14px;box-shadow:0 10px 24px rgba(3,20,49,.12);transition:transform .25s}
.layer:hover{transform:translateX(6px)}
.layer b{font-size:14px;font-weight:700;white-space:nowrap}
.layer span{font-size:12px;opacity:.85;text-align:right}
.l5{width:64%;background:linear-gradient(90deg,#0f9fb0,#12b3a3)}
.l4{width:73%;background:linear-gradient(90deg,#0b82c4,#0f9fb0)}
.l3{width:82%;background:linear-gradient(90deg,#0b5cad,#0b82c4)}
.l2{width:91%;background:linear-gradient(90deg,#063d66,#0b5cad)}
.l1{width:100%;background:linear-gradient(90deg,#031431,#063d66);padding:18px 20px;border-bottom:4px solid #12b3a3}
@media(max-width:900px){.stack-grid{grid-template-columns:1fr}.layer{flex-direction:column;align-items:flex-start;gap:2px}.layer span{text-align:left}.l5,.l4,.l3,.l2{width:100%}}

.kiso-glyph{position:relative;height:280px;perspective:900px;-webkit-text-stroke:0;color:inherit}
.kiso-glyph span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:220px;font-weight:900;line-height:1;transform:rotateY(-18deg) rotateX(8deg);transition:transform .6s ease}
.g-back{color:#031431;text-shadow:1px 1px 0 #063d66,2px 2px 0 #063d66,3px 3px 0 #073f6a,4px 4px 0 #07426e,5px 5px 0 #084673,6px 6px 0 #084a78,7px 7px 0 #094e7d,8px 8px 0 #0a5282,10px 12px 22px rgba(3,20,49,.35)}
.g-front{background:linear-gradient(135deg,#10aee6 0%,#0b5cad 45%,#063d66 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.g-ground{position:absolute;left:12%;right:12%;bottom:6px;height:14px;border-radius:50%;background:radial-gradient(ellipse,rgba(3,20,49,.28),transparent 70%)}
.kiso-glyph:hover span{transform:rotateY(-6deg) rotateX(4deg)}
@media(max-width:900px){.kiso-glyph{height:180px}.kiso-glyph span{font-size:140px}}

.case-kind{margin-left:10px;padding:3px 9px;border-radius:999px;font-size:9.5px;letter-spacing:.1em;background:#eef2f7;color:#5f7185;border:1px solid #dbe4ef}
.case-kind.is-real{background:linear-gradient(90deg,#0b5cad,#12b3a3);color:#fff;border-color:transparent}