@import url('solutions-page.css');

/* NOAH Intelligence — page-specific visual system */
.hero-inner{grid-template-columns:minmax(0,.86fr) minmax(590px,1.14fr);gap:clamp(50px,6vw,92px);min-height:auto;padding:90px 0 96px}
.hero{background:radial-gradient(circle at 78% 18%,rgba(20,145,195,.19),transparent 28%),linear-gradient(125deg,#040b12 0%,#07121d 50%,#071825)}
.hero-copy>p{max-width:700px}

.command-center{overflow:hidden;border:1px solid rgba(145,190,224,.15);border-radius:26px;background:linear-gradient(150deg,rgba(16,34,50,.94),rgba(6,17,28,.96));box-shadow:0 30px 90px rgba(0,0,0,.32)}
.command-top{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);color:#6b8498;font-size:8px;font-weight:900;letter-spacing:.13em}
.command-top span{display:flex;align-items:center;gap:8px}.command-top i{display:block;width:6px;height:6px;border-radius:50%;background:#27d3d1;box-shadow:0 0 10px rgba(39,211,209,.75)}
.command-top b{padding:6px 9px;border:1px solid rgba(39,211,209,.13);border-radius:999px;color:#39cdd0;font-size:7px}
.command-body{display:grid;grid-template-columns:1.35fr .65fr;min-height:535px}.command-main{padding:20px;border-right:1px solid rgba(255,255,255,.07)}
.signal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.signal-cards article{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025)}
.signal-cards small{color:#688197;font-size:7px;font-weight:900;letter-spacing:.13em}.signal-cards strong{display:block;margin-top:8px;color:#dfeaf3;font-size:14px}.signal-cards span{display:block;margin-top:5px;color:#45ccd1;font-size:8px}
.hero-chart{position:relative;height:340px;margin-top:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:linear-gradient(180deg,rgba(25,115,165,.05),rgba(255,255,255,.012))}
.chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px}
.chart-title{position:absolute;left:16px;top:14px;color:#70869a;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero-chart svg{position:absolute;left:14px;right:14px;bottom:46px;width:calc(100% - 28px);height:250px}
.chart-key{position:absolute;left:16px;bottom:14px;display:flex;gap:18px;color:#6c8295;font-size:8px}.chart-key span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#168cff}.chart-key span:nth-child(2):before{background:#25d1c9}
.decision-panel{padding:20px;background:rgba(2,10,17,.22)}.decision-title{color:#dce8f2;font-size:12px;font-weight:800;margin-bottom:16px}
.decision-step{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}.decision-step>span{color:#42d0d4;font-size:8px;font-weight:900}.decision-step small{display:block;color:#5e7a90;font-size:7px;font-weight:900;letter-spacing:.12em}.decision-step strong{display:block;margin-top:6px;color:#b8c9d6;font-size:11px;line-height:1.4}
.decision-loop{display:flex;align-items:center;gap:8px;margin-top:20px;color:#70899c;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.decision-loop i{width:18px;height:1px;background:#2b4a61}

.problem-section{background:linear-gradient(180deg,#fff,#f7f9fb);border-bottom:1px solid var(--line)}.problem-section>.section-wrap{padding:88px 0 82px}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.problem-grid article{padding:26px 24px;min-height:185px;border-right:1px solid var(--line)}.problem-grid article:last-child{border-right:0}
.problem-grid span,.use-grid span{color:#1672d2;font-size:9px;font-weight:900}.problem-grid h3,.use-grid h3{margin:20px 0 10px;font-size:19px;letter-spacing:-.03em}.problem-grid p,.use-grid p{margin:0;color:#75818b;font-size:12.5px;line-height:1.58}

.signals-section{background:#fff}.signals-section>.section-wrap{padding:94px 0 92px}.signals-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:46px}
.signal-panel{position:relative;overflow:hidden;min-height:335px;padding:28px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#fbfcfd,#f3f7f9);box-shadow:0 18px 46px rgba(10,35,54,.055)}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-top span{color:#1672d2;font-size:9px;font-weight:900}.panel-top b{color:#69818f;font-size:8px;letter-spacing:.10em;text-transform:uppercase}
.signal-panel h3{margin:24px 0 10px;font-size:27px;letter-spacing:-.04em}.signal-panel p{max-width:560px;margin:0;color:#6f7c86;font-size:13.5px;line-height:1.6}.signal-panel>small{position:absolute;left:28px;bottom:20px;color:#8b979f;font-size:7px;font-weight:900;letter-spacing:.11em}
.mini-viz{position:absolute;right:28px;bottom:54px;width:230px;height:90px;display:flex;align-items:flex-end;gap:8px;padding:14px;border:1px solid rgba(7,16,26,.06);border-radius:13px;background:#fff}.mini-viz i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#22cdd0,#157af7)}.mini-viz i:nth-child(1){height:26%}.mini-viz i:nth-child(2){height:38%}.mini-viz i:nth-child(3){height:50%}.mini-viz i:nth-child(4){height:46%}.mini-viz i:nth-child(5){height:70%}.mini-viz i:nth-child(6){height:88%}
.mini-network{position:absolute;right:28px;bottom:52px;width:230px;height:105px;border:1px solid rgba(7,16,26,.06);border-radius:13px;background:radial-gradient(circle at 50% 50%,rgba(18,123,255,.08),#fff 60%)}.mini-network i{position:absolute;width:8px;height:8px;border-radius:50%;background:#19c8ca}.mini-network .c{left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);background:#147bff}.mini-network .n1{left:18%;top:20%}.mini-network .n2{right:18%;top:22%}.mini-network .n3{left:22%;bottom:18%}.mini-network .n4{right:20%;bottom:17%}.mini-network em{position:absolute;height:1px;background:linear-gradient(90deg,rgba(18,123,255,.12),rgba(24,210,207,.6));transform-origin:left center}.mini-network .l1{left:23%;top:28%;width:78px;transform:rotate(19deg)}.mini-network .l2{left:53%;top:50%;width:73px;transform:rotate(-21deg)}.mini-network .l3{left:27%;top:70%;width:74px;transform:rotate(-20deg)}.mini-network .l4{left:53%;top:53%;width:72px;transform:rotate(21deg)}
.mini-commerce{position:absolute;right:28px;bottom:52px;width:230px;height:105px;display:grid;grid-template-columns:80px 1fr;gap:11px;padding:10px;border:1px solid rgba(7,16,26,.06);border-radius:13px;background:#fff}.mini-commerce>div:first-child{border-radius:9px;background:linear-gradient(145deg,#16384d,#0a2130);position:relative;overflow:hidden}.mini-commerce>div:first-child:after{content:"";position:absolute;width:55px;height:55px;right:-12px;bottom:-8px;border-radius:12px;transform:rotate(28deg);background:linear-gradient(145deg,#147cff,#1bd0ca)}.mini-commerce>div:nth-child(2){padding-top:7px}.mini-commerce i{display:block;height:6px;margin-bottom:8px;border-radius:99px;background:#dce4e9}.mini-commerce i:nth-child(2){width:76%}.mini-commerce i:nth-child(3){width:54%}.mini-commerce button{margin-top:4px;border:0;border-radius:999px;padding:6px 10px;background:#0d1720;color:#fff;font-size:6px;font-weight:900}
.mini-outcome{position:absolute;right:28px;bottom:52px;width:230px;height:105px;padding:14px;border:1px solid rgba(7,16,26,.06);border-radius:13px;background:#fff}.mini-outcome span{color:#80909a;font-size:7px;font-weight:900}.mini-outcome strong{display:block;margin-top:7px;color:#1db6b5;font-size:22px}.mini-outcome div{position:absolute;left:14px;right:14px;bottom:14px;height:28px;border-radius:8px;background:linear-gradient(180deg,rgba(18,123,255,.06),transparent)}.mini-outcome div:before{content:"";position:absolute;left:6px;right:6px;top:16px;height:2px;background:linear-gradient(90deg,#147cff,#21d0ca);transform:skewY(-6deg)}

.decision-section{background:linear-gradient(125deg,#040b12,#07121d 50%,#071825);color:#fff}.decision-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(560px,1.22fr);gap:clamp(56px,7vw,100px);align-items:center;padding:96px 0}.light-kicker{color:#4bd2d5}.decision-copy h2{color:#f3f8fb}.decision-copy .lead{max-width:650px;margin:22px 0 0;color:#8ea0b1;font-size:16px;line-height:1.67}.decision-list{margin-top:32px;border-top:1px solid rgba(255,255,255,.09)}.decision-list>div{display:grid;grid-template-columns:35px 1fr;gap:16px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.08)}.decision-list>div>span{padding-top:3px;color:#46d0d3;font-size:9px;font-weight:900}.decision-list strong{display:block;color:#dce8f1;font-size:15px}.decision-list p{max-width:540px;margin:6px 0 0;color:#71879a;font-size:12.5px;line-height:1.55}
.decision-visual{overflow:hidden;border:1px solid rgba(145,190,224,.14);border-radius:24px;background:linear-gradient(150deg,rgba(16,34,50,.96),rgba(6,17,28,.98));box-shadow:0 28px 75px rgba(0,0,0,.26)}.visual-top{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.07);color:#668197;font-size:8px;font-weight:900;letter-spacing:.13em}.visual-top span{display:flex;align-items:center;gap:8px}.visual-top i{display:block;width:6px;height:6px;border-radius:50%;background:#27d2d0;box-shadow:0 0 10px rgba(39,210,208,.72)}.visual-top b{padding:5px 8px;border:1px solid rgba(39,210,208,.12);border-radius:999px;color:#3ecfd1;font-size:7px}
.workspace{position:relative;min-height:470px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px}.workspace-signal{position:absolute;width:210px;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.035);box-shadow:0 14px 36px rgba(0,0,0,.16)}.workspace-signal small{color:#5f7b8f;font-size:7px;font-weight:900;letter-spacing:.12em}.workspace-signal strong{display:block;margin-top:6px;color:#d9e5ee;font-size:11px}.workspace-signal span{display:block;margin-top:5px;color:#40ccd0;font-size:7px}.ws1{left:6%;top:12%}.ws2{right:6%;top:19%}.ws3{left:9%;bottom:17%}.workspace-core{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 40% 30%,#123b57,#071522 68%);border:1px solid rgba(65,193,213,.24);box-shadow:0 0 0 16px rgba(28,136,188,.035),0 22px 52px rgba(0,0,0,.30)}.workspace-core small{color:#42d2d4;font-size:8px;font-weight:900;letter-spacing:.16em}.workspace-core strong{margin-top:6px;color:#eff8fc;font-size:20px;line-height:1.03}.workspace-core span{margin-top:7px;color:#607e93;font-size:7px;font-weight:900}.workspace-actions{position:absolute;right:6%;bottom:12%;display:grid;grid-template-columns:1fr 1fr;gap:7px;width:210px}.workspace-actions span{padding:9px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#7b93a5;font-size:8px;font-weight:900;text-align:center}

.loop-section{background:#fff}.loop-section>.section-wrap{padding:92px 0 86px}.growth-loop{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:14px;margin-top:48px}.growth-loop>div{min-height:145px;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f6f9fb)}.growth-loop>div span{color:#1572d3;font-size:9px;font-weight:900}.growth-loop>div strong{display:block;margin-top:20px;font-size:21px}.growth-loop>div small{display:block;margin-top:7px;color:#7b8790;font-size:11px}.growth-loop>i{color:#7e929e;font-style:normal;font-size:18px}.loop-note{display:flex;align-items:center;gap:16px;margin:22px auto 0;max-width:700px;padding:18px 20px;border:1px solid rgba(18,123,255,.10);border-radius:16px;background:#f7fafc}.loop-note>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid rgba(18,123,255,.14);color:#1475d7;font-size:18px}.loop-note strong{display:block;font-size:12px}.loop-note p{margin:4px 0 0;color:#77838c;font-size:11px;line-height:1.5}

.use-section{background:linear-gradient(180deg,#f7f9fb,#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.use-section>.section-wrap{padding:88px 0 84px}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px}.use-grid article{min-height:210px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(10,35,54,.04)}
.positioning-section{background:#fff}.positioning-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:88px;align-items:start;padding:90px 0 86px}.positioning-copy>p{margin:0;color:var(--muted);font-size:17px;line-height:1.72}.position-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.position-pills span{padding:10px 13px;border:1px solid var(--line);border-radius:999px;background:#f8fafb;color:#61717c;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}

@media(max-width:1180px){.hero-inner{grid-template-columns:1fr;gap:46px}.hero-copy{max-width:860px}.command-center{max-width:900px}.problem-grid,.use-grid{grid-template-columns:1fr 1fr}.signals-grid{grid-template-columns:1fr 1fr}.decision-grid{grid-template-columns:1fr;gap:42px}.decision-copy{max-width:800px}.growth-loop{grid-template-columns:1fr 1fr;gap:14px}.growth-loop>i{display:none}.positioning-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:820px){.hero-inner{padding:62px 0 70px}.command-body{grid-template-columns:1fr}.command-main{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.decision-panel{padding:18px}.signal-cards{grid-template-columns:1fr}.signal-cards article:nth-child(n+2){display:none}.hero-chart{height:280px}.problem-section>.section-wrap,.signals-section>.section-wrap,.loop-section>.section-wrap,.use-section>.section-wrap{padding:62px 0 58px}.problem-grid,.signals-grid,.use-grid{grid-template-columns:1fr}.problem-grid{border-bottom:0}.problem-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:0}.signal-panel{min-height:390px}.mini-viz,.mini-network,.mini-commerce,.mini-outcome{left:24px;right:24px;width:auto}.decision-grid{padding:66px 0}.workspace{min-height:560px}.workspace-signal{width:180px}.ws1{left:4%}.ws2{right:4%}.ws3{left:5%}.workspace-actions{right:5%;width:180px}.growth-loop{grid-template-columns:1fr}.positioning-grid{padding:64px 0 60px}}
@media(max-width:520px){.signal-panel{padding:22px;min-height:380px}.signal-panel>small{left:22px}.workspace{min-height:610px}.workspace-signal{width:155px;padding:11px}.workspace-core{width:128px;height:128px}.workspace-actions{width:155px;grid-template-columns:1fr}}