*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.usecases-page{margin:0;background:#031326;color:#f7fbff;font-family:Arial,Helvetica,sans-serif}
.uc-header{height:78px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(3,19,38,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(91,174,248,.09)}
.uc-brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-weight:900;letter-spacing:.08em}
.uc-mark{width:32px;height:32px;border:3px solid #58aef8;border-right-color:transparent;border-radius:50%;display:grid;place-items:center;color:#58aef8;font-size:0}
.uc-nav{display:flex;gap:26px;align-items:center}.uc-nav a{color:#aebed0;text-decoration:none;font-size:13px;font-weight:700}.uc-nav a:hover,.uc-nav a.active{color:#5ab2ff}.uc-menu-btn{display:none;background:none;border:0;color:#fff;font-size:25px}
.uc-hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:80px clamp(24px,7vw,110px);overflow:hidden;background:radial-gradient(circle at 80% 40%,rgba(27,122,216,.17),transparent 31%),linear-gradient(135deg,#04162b,#020c19)}
.uc-hero-inner{max-width:760px;position:relative;z-index:2}.uc-kicker{font-size:12px;letter-spacing:.18em;font-weight:900;color:#5ab2ff;margin:0 0 18px}.uc-hero h1{font-size:clamp(48px,6vw,88px);line-height:.96;letter-spacing:-.055em;margin:0 0 26px}.uc-hero h1 span{color:#62b7ff}.uc-lead{font-size:19px;line-height:1.65;color:#b2c3d3;max-width:690px}.uc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.uc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;text-decoration:none;font-size:13px;font-weight:900}.uc-btn.primary{background:#1386ea;color:white}.uc-btn.secondary{border:1px solid rgba(104,177,238,.24);color:#dceeff;background:rgba(6,27,49,.4)}
.uc-hero-visual{height:480px;position:relative}.uc-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;font-weight:900;letter-spacing:.1em;background:radial-gradient(circle,rgba(35,140,238,.25),rgba(3,19,38,.9) 70%);border:1px solid rgba(90,179,255,.42);box-shadow:0 0 70px rgba(36,139,231,.14)}
.uc-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(88,174,248,.16);border-radius:50%}.o1{width:310px;height:310px}.o2{width:450px;height:450px}.uc-node{position:absolute;padding:9px 12px;border:1px solid rgba(88,174,248,.2);font-size:10px;letter-spacing:.12em;color:#8fcaff;background:#061b32}.n1{left:4%;top:48%}.n2{left:40%;top:7%}.n3{right:0;top:48%}
.uc-intro{padding:100px 7vw 76px;text-align:center;max-width:1100px;margin:auto}.uc-intro h2,.uc-cross h2,.uc-final h2{font-size:clamp(34px,4vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 20px}.uc-intro>p:last-child,.uc-cross>p,.uc-final>p{color:#aebfd0;font-size:17px;line-height:1.7;max-width:800px;margin:0 auto}
.uc-cases{max-width:1500px;margin:auto;padding:0 5vw 90px}.uc-case{position:relative;display:grid;grid-template-columns:70px minmax(420px,.9fr) minmax(420px,1.1fr);gap:38px;align-items:center;padding:88px 0;border-top:1px solid rgba(95,174,239,.1)}.uc-case.reverse .uc-copy{order:3}.uc-case.reverse .uc-mini{order:2}.uc-num{font-size:12px;font-weight:900;color:#4e9fe7;align-self:start;padding-top:7px}.uc-tag{font-size:11px;letter-spacing:.16em;font-weight:900;color:#58aef8}.uc-copy h2{font-size:clamp(31px,3vw,50px);line-height:1.05;letter-spacing:-.035em;margin:12px 0 18px}.uc-copy>p{color:#afc0d0;line-height:1.7}.uc-copy h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-top:28px}.uc-copy ul{padding-left:18px;color:#d3deea;line-height:1.75}.uc-result{padding-top:16px;border-top:1px solid rgba(91,174,248,.1);font-size:14px}.uc-result strong{color:#fff}
.uc-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:24px 0}.uc-flow span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#9ecdf6;padding:7px 9px;background:rgba(13,54,91,.34)}.uc-flow b{color:#2f8bd9;font-weight:400}
.uc-mini{height:430px;position:relative;background:radial-gradient(circle at center,rgba(22,107,188,.11),transparent 55%)}.uc-mini:before,.uc-mini:after{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#267ec9,transparent)}.uc-mini:after{top:20%;bottom:20%;left:50%;right:auto;width:1px;height:auto;background:linear-gradient(180deg,transparent,#267ec9,transparent)}.uc-mini i{position:absolute;width:10px;height:10px;border-radius:50%;background:#62b7ff;box-shadow:0 0 18px rgba(98,183,255,.7)}.uc-mini i:nth-child(1){left:18%;top:49%}.uc-mini i:nth-child(2){left:49%;top:19%}.uc-mini i:nth-child(3){right:18%;top:49%}.uc-mini span{position:absolute;padding:10px 14px;border:1px solid rgba(87,174,248,.22);font-size:10px;font-weight:900;letter-spacing:.12em;color:#8ecaff;background:#061a30}.uc-mini span:nth-of-type(1){left:30%;top:42%}.uc-mini span:nth-of-type(2){right:25%;bottom:25%}
.uc-cross{text-align:center;padding:100px 7vw;background:linear-gradient(180deg,rgba(5,24,44,.1),rgba(8,31,56,.65),rgba(5,24,44,.1))}.uc-cross div{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap;margin-top:38px}.uc-cross div span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#c7e5ff}.uc-cross div b{color:#4da8f5}
.uc-final{text-align:center;padding:110px 7vw 130px}.uc-final .uc-actions{justify-content:center}.uc-footer{padding:35px 6vw;border-top:1px solid rgba(91,174,248,.1);display:flex;justify-content:space-between;color:#91a7bb;font-size:12px}.uc-footer div{display:flex;gap:16px}.uc-footer strong{color:white}.uc-footer a{color:#91cfff;text-decoration:none}
@media(max-width:1000px){.uc-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#04172b;padding:22px;flex-direction:column;align-items:flex-start}.uc-nav.open{display:flex}.uc-menu-btn{display:block}.uc-hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.uc-hero-visual{height:360px}.uc-case,.uc-case.reverse{grid-template-columns:45px 1fr;gap:22px}.uc-case .uc-copy,.uc-case.reverse .uc-copy{order:initial;grid-column:2}.uc-case .uc-mini,.uc-case.reverse .uc-mini{order:initial;grid-column:2;height:310px}}
@media(max-width:620px){.uc-header{height:68px}.uc-nav{top:68px}.uc-hero{padding:58px 22px 35px}.uc-hero h1{font-size:48px}.uc-lead{font-size:16px}.uc-hero-visual{height:290px}.o1{width:210px;height:210px}.o2{width:285px;height:285px}.uc-core{width:110px;height:110px;font-size:12px}.uc-node{font-size:8px}.uc-intro{padding:70px 22px 50px}.uc-cases{padding:0 22px 60px}.uc-case,.uc-case.reverse{grid-template-columns:1fr;padding:60px 0}.uc-num,.uc-case .uc-copy,.uc-case.reverse .uc-copy,.uc-case .uc-mini,.uc-case.reverse .uc-mini{grid-column:1}.uc-mini{height:250px}.uc-flow{gap:6px}.uc-cross,.uc-final{padding:75px 22px}.uc-footer{flex-direction:column;gap:15px}.uc-footer div{flex-wrap:wrap}}

.home-usecases-v330{padding:95px 6vw;background:#031326;color:#fff}
.hu-inner{max-width:1250px;margin:auto}
.hu-inner>p{font-size:11px;font-weight:900;letter-spacing:.18em;color:#58aef8}
.hu-inner h2{font-size:clamp(36px,4vw,62px);letter-spacing:-.04em;line-height:1.02;margin:12px 0 32px}
.hu-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(91,174,248,.09);margin-bottom:30px}
.hu-list span{padding:24px;background:#04172b;color:#c5d6e5;font-size:14px}
.hu-inner>a{color:#63b7ff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em}
@media(max-width:750px){.home-usecases-v330{padding:65px 22px}.hu-list{grid-template-columns:1fr}.hu-list span{padding:18px}}

/* v3.3.1 — navigation harmonisation */
.usecases-page .uc-header,.usecases-page .uc-brand,.usecases-page .uc-nav,.usecases-page .uc-menu-btn{all:unset}

.usecase-entry-v331{padding:72px 6vw;background:#031326;color:#fff;border-top:1px solid rgba(91,174,248,.08)}
.usecase-entry-v331 p{color:#58aef8;font-size:11px;font-weight:900;letter-spacing:.16em}
.usecase-entry-v331 h2{max-width:850px;font-size:clamp(30px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em}
.usecase-entry-v331 a{color:#63b7ff;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.08em}