.solutions-hero{min-height:680px;position:relative;isolation:isolate;background:#081e2a;color:#fff;overflow:hidden}
.solutions-hero-image{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#081e2a 0%,rgba(8,30,42,.95) 18%,rgba(8,30,42,.65) 40%,rgba(8,30,42,.05) 75%),url('assets/solutions-hero.jpg') center right/cover no-repeat}
.solutions-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,30,42,.6),transparent 24%);pointer-events:none}
.solutions-hero-inner{min-height:625px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:22px;padding-bottom:44px}
.solutions-hero .number{color:#bae6dc;margin-bottom:26px}.solutions-hero h1{font-size:clamp(66px,7vw,108px);line-height:1;letter-spacing:-6px;margin-bottom:27px}.solutions-hero h1 em{color:#ff907a}.solutions-hero p{max-width:515px;font-size:19px;line-height:1.7;color:#d6e5e4;margin-bottom:28px}.solutions-hero .button{min-width:207px}.solutions-hero-bottom{height:55px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(221,245,239,.22);font-size:10px;letter-spacing:1.9px;color:#b4d2d0;font-weight:800}
.solution-jump{background:#d3e9e0;color:#153844;scroll-margin-top:0}.solution-jump .wrap{display:flex;align-items:center;gap:27px;min-height:80px}.solution-jump span{font-size:10px;letter-spacing:1.8px;font-weight:800;margin-right:auto;white-space:nowrap}.solution-jump a{font-size:12px;font-weight:800;white-space:nowrap;border-bottom:1px solid transparent;padding:8px 0}.solution-jump a:hover{border-color:#153844;color:#d26051}
.solutions-intro{background:#f7f6f1;padding:125px 0 130px}.solutions-intro-grid{display:grid;grid-template-columns:33% 67%;gap:10px}.solutions-intro-grid h2{font-size:clamp(47px,4.7vw,70px);line-height:1.1;margin-bottom:23px}.solutions-intro-grid p{font-size:20px;line-height:1.7;max-width:740px;color:#4e6870}
.solution-detail{scroll-margin-top:0;padding:90px 0}.solution-layout{display:grid;grid-template-columns:50% 50%;align-items:center;gap:0;min-height:570px}.solution-copy{padding:35px 20px 35px 80px}.solution-layout.reverse .solution-copy{padding:35px 80px 35px 0}.solution-copy .number{margin-bottom:22px}.solution-copy h2{font-size:clamp(45px,4.1vw,62px);letter-spacing:-3.3px;line-height:1.1;margin-bottom:22px}.solution-copy>p{font-size:17px;line-height:1.65;max-width:570px;color:#526c74;margin-bottom:30px}.solution-questions{border-top:1px solid #b9c9c5;padding-top:20px}.solution-questions>span{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#ba6356}.solution-questions ul{list-style:none;padding:0;margin:15px 0 25px}.solution-questions li{font-size:14px;color:#304e57;line-height:1.5;padding:8px 0 8px 23px;position:relative}.solution-questions li:before{content:"↗";position:absolute;left:0;color:#d56a5a}.method-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:33px}.method-tags span{border:1px solid #abc2bd;padding:8px 10px;border-radius:30px;font-size:11px;font-weight:700;color:#3d6b6b}.solution-link{display:inline-flex;gap:27px;align-items:center;font-size:14px;font-weight:800;border-bottom:1px solid #527f7b;padding-bottom:8px;transition:color .2s,gap .2s}.solution-link:hover{color:#d86857;gap:35px}.solution-link span{font-size:19px;line-height:1}
.solution-ad{background:#edf1ee}.solution-pack{background:#f7f6f1}.solution-digital{background:#e1ebe6}.solution-concepts{background:#f4f2ec}
.solution-art{height:550px;position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.art-caption{position:absolute;bottom:24px;left:25px;color:#fff;font-size:9px;letter-spacing:1.8px;font-weight:800;background:rgba(9,34,44,.5);padding:9px 11px;z-index:10}.art-ad{background:radial-gradient(circle at 60% 40%,#325e68,#0c2e3e 65%)}.art-ad:before{content:"";position:absolute;inset:8% 15%;border:1px solid rgba(191,229,220,.16);border-radius:50%;transform:scale(1.45)}.art-frame{position:relative;width:72%;max-width:390px;aspect-ratio:4/4.2;background:#f6f1e8;padding:9px;box-shadow:30px 30px 0 rgba(5,21,29,.35),0 24px 50px rgba(2,17,23,.35);transform:rotate(-5deg)}.art-ad-scene{height:100%;background:#d6dacc;position:relative;display:flex;align-items:end;padding:35px;overflow:hidden}.art-ad-scene:before{content:"";position:absolute;width:270px;height:270px;background:#f1a589;border-radius:50%;right:-65px;top:-65px}.art-ad-scene span{font-size:clamp(38px,4vw,62px);letter-spacing:-4px;line-height:.95;font-weight:800;color:#163744;position:relative;z-index:2}.art-orb{width:92px;height:92px;border-radius:50%;background:#143f4b;position:absolute;right:32px;bottom:32px;box-shadow:18px 18px 0 #9cbbae}.art-gaze{position:absolute;width:18px;height:18px;background:#f76e55;border-radius:50%;box-shadow:0 0 0 12px #ff7c5c52,0 0 0 26px #ff8b662b}.gaze-one{left:21%;top:29%}.gaze-two{right:27%;bottom:28%}.art-play{position:absolute;top:16px;right:16px;background:white;color:#163744;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:11px}
.art-pack{background:#dce6df}.art-pack:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #b1cfc7;border-radius:50%;top:-160px;right:-150px}.pack-shadow{position:absolute;width:350px;height:55px;border-radius:50%;background:rgba(31,64,64,.16);filter:blur(20px);bottom:68px;left:50%;transform:translateX(-50%)}.pack-object{height:355px;width:250px;background:linear-gradient(125deg,#ffa489,#e77760);box-shadow:18px 17px 0 #c4a59a,28px 28px 28px #52706a55;display:flex;flex-direction:column;justify-content:center;padding:36px;transform:rotate(6deg);position:relative;overflow:hidden}.pack-circle{width:245px;height:245px;border:1px solid #ffc4ae;border-radius:50%;position:absolute;right:-105px;top:-80px}.pack-object span{font-size:39px;line-height:1;letter-spacing:-2.5px;font-weight:800;color:#153b44;z-index:1}.pack-object small{z-index:1;font-size:8px;letter-spacing:1.3px;font-weight:800;color:#37565b;margin-top:35px}.pack-reticle{position:absolute;width:44px;height:44px;border:1px solid #ff7a62;border-radius:50%;box-shadow:0 0 0 14px #ff7a6230,0 0 0 30px #ff7a621a}.reticle-one{top:20%;left:31%}.reticle-two{bottom:23%;right:25%}.art-pack .art-caption,.art-digital .art-caption{color:#204650;background:rgba(255,255,255,.6)}
.art-digital{background:radial-gradient(circle at 80% 20%,#b1d3ca,#cbded6 62%,#b7d2c9)}.browser-visual{width:82%;height:70%;background:#f8faf5;box-shadow:21px 25px 45px #47736c55;transform:rotate(-4deg);border:8px solid #143a45;border-radius:12px;overflow:hidden}.browser-bar{height:30px;background:#e1eae5;display:flex;align-items:center;gap:5px;padding:0 13px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#87aaa2}.browser-bar i:first-child{background:#e58a74}.browser-bar span{height:9px;width:42%;background:#f5f8f4;border-radius:10px;margin-left:20px}.browser-body{display:grid;grid-template-columns:24% 76%;height:calc(100% - 30px)}.browser-sidebar{padding:22px 13px;background:#f1f5f0;display:flex;flex-direction:column;gap:13px}.browser-sidebar b{height:8px;border-radius:10px;background:#bfd3cc}.browser-sidebar b:nth-child(2){width:70%}.browser-sidebar b:nth-child(3){width:85%}.browser-main{padding:21px}.browser-banner{height:52%;background:linear-gradient(135deg,#eea086,#d8c1ad 57%,#74a89d);position:relative;overflow:hidden}.browser-banner:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #fff8;border-radius:50%;right:20px;top:-85px}.browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.browser-grid span{height:70px;background:#b3d0c7}.browser-grid span:nth-child(2){background:#f1c5ad}.browser-grid span:nth-child(3){background:#d8e2d7}.digital-cursor{position:absolute;color:#f57964;font-size:70px;font-weight:800;top:46%;left:58%;text-shadow:0 8px 18px #fff}.digital-scan{position:absolute;width:24px;height:24px;border-radius:50%;background:#ff836f88;box-shadow:0 0 0 14px #ff836f42,0 0 0 30px #ff836f1e}.scan-one{top:28%;left:52%}.scan-two{bottom:22%;left:32%;width:17px;height:17px}
.art-concept{background:#123440}.art-concept:before,.art-concept:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #52817c;border-radius:50%;opacity:.38}.art-concept:after{width:315px;height:315px}.concept-node{position:absolute;z-index:3;border:1px solid #9fcbc1;border-radius:50%;display:grid;place-items:center;letter-spacing:1.5px;font-size:12px;font-weight:800;color:#e9f5ee;background:#1d4a53;box-shadow:0 0 0 10px #123440}.node-a{width:120px;height:120px;left:20%;top:40%}.node-b{width:160px;height:160px;right:16%;top:20%;border-color:#ff9f85;color:#ffd2c3}.node-c{width:125px;height:125px;right:22%;bottom:15%}.concept-line{position:absolute;height:1px;background:#a5d5c8;transform-origin:left center;z-index:2}.line-a{width:190px;left:36%;top:49%;transform:rotate(-23deg)}.line-b{width:125px;right:24%;top:53%;transform:rotate(70deg);background:#ff9f85}.concept-glow{width:250px;height:250px;border-radius:50%;background:#d9745e;filter:blur(95px);opacity:.15;position:absolute;right:5%;top:15%}
.solutions-end{background:#0c2937;color:#f6faf6;padding:120px 0}.solutions-end-grid{display:grid;grid-template-columns:58% 42%;gap:30px;align-items:center}.solutions-end h2{font-size:clamp(48px,5.5vw,83px);letter-spacing:-5px;margin:0}.solutions-end p{font-size:18px;line-height:1.7;color:#bad1d0;max-width:480px;margin-bottom:30px}.solutions-end .number{color:#a4d7cc}.solutions-end .button{min-width:220px}
@media(max-width:1100px){.solution-jump .wrap{gap:17px}.solution-jump a{font-size:11px}.solution-layout{grid-template-columns:48% 52%}.solution-layout.reverse{grid-template-columns:52% 48%}.solution-copy{padding-left:50px}.solution-layout.reverse .solution-copy{padding-right:50px}.solution-copy h2{font-size:48px}.solution-copy>p{font-size:16px}}
@media(max-width:800px){.solutions-hero{min-height:610px}.solutions-hero-inner{min-height:555px}.solutions-hero h1{font-size:74px}.solutions-hero-image{background-position:center,60% center;background-image:linear-gradient(90deg,#081e2a 0%,rgba(8,30,42,.83) 32%,rgba(8,30,42,.42) 100%),url('assets/solutions-hero.jpg')}.solution-jump .wrap{flex-wrap:wrap;justify-content:flex-start;padding:17px 0;gap:12px 18px}.solution-jump span{width:100%}.solutions-intro-grid{grid-template-columns:1fr}.solutions-intro-grid h2{font-size:57px}.solution-layout,.solution-layout.reverse{display:flex;flex-direction:column;gap:0}.solution-layout.reverse{flex-direction:column-reverse}.solution-art{height:460px;width:100%}.solution-copy,.solution-layout.reverse .solution-copy{width:100%;padding:60px 15px 30px}.solution-copy h2{font-size:55px}.solution-detail{padding:50px 0 70px}.solutions-end-grid{grid-template-columns:1fr}.solutions-end p{max-width:620px}}
@media(max-width:520px){.solutions-hero{min-height:580px}.solutions-hero-inner{min-height:520px}.solutions-hero h1{font-size:clamp(52px,12vw,65px);letter-spacing:-3.8px}.solutions-hero p{font-size:17px}.solutions-hero-bottom{font-size:8px;letter-spacing:1px}.solutions-hero-bottom span:first-child{max-width:220px}.solution-jump .wrap{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;padding:18px 0}.solution-jump span{grid-column:1/-1;margin-bottom:4px}.solution-jump a{white-space:normal;font-size:11px}.solutions-intro{padding:82px 0}.solutions-intro-grid h2{font-size:45px}.solutions-intro-grid p{font-size:17px}.solution-art{height:390px}.solution-copy,.solution-layout.reverse .solution-copy{padding:46px 0 10px}.solution-copy h2{font-size:44px;letter-spacing:-2.5px}.solution-copy>p{font-size:16px}.art-frame{width:65%}.art-ad-scene{padding:22px}.art-ad-scene span{font-size:37px}.pack-object{height:270px;width:190px;padding:26px}.pack-object span{font-size:31px}.pack-object small{font-size:6px}.browser-visual{width:90%;height:68%}.node-a{left:7%}.node-b{right:7%}.node-c{right:9%}.solutions-end{padding:90px 0}.solutions-end h2{font-size:51px;letter-spacing:-3px}}
@media(prefers-reduced-motion:reduce){.solution-link,.solution-jump a{transition:none}}