/* v2 — Sculptural product world, official marks and a coherent original icon family. */
:root{--pad:clamp(24px,5vw,88px)}
.scene-views[hidden]{display:none}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;font-style:normal;flex-shrink:0}
[data-icon] svg,.ui-icon svg{display:block;width:100%;height:100%}
.ui-icon{width:22px;height:22px;vertical-align:middle}
.official-lockup{display:block;overflow:visible;max-width:100%;flex-shrink:0}
.brand-official{display:block}.brand-official>img,.brand-official>svg{width:215px;height:36px}
.site-header{height:92px;background:#10151c;border-color:#ffffff15}
.hero{min-height:860px;height:100svh;max-height:1080px;grid-template-columns:44% 56%;padding-top:140px;padding-bottom:142px;background:radial-gradient(ellipse at 79% 52%,#24494e75,transparent 54%),#10151c}
.hero-grid{background-size:80px 80px;opacity:.6;mask-image:radial-gradient(ellipse at 85% 60%,#000,transparent 70%)}
.hero-copy{padding:0;z-index:3;pointer-events:none}
.hero-copy a{pointer-events:auto}.hero-copy .eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:31px;color:#aac4cb}
.hero h1{font-size:clamp(67px,6.35vw,108px);font-weight:450;line-height:1.01;letter-spacing:-.075em}
.hero h1 em{display:block;font-weight:450;color:#79d0dc}
.hero-description{font-size:14px;max-width:370px;line-height:1.85;margin-top:28px;color:#a9bdc7}
.hero-actions{gap:18px;flex-wrap:wrap;margin-top:30px}
.hero-actions .button{gap:14px;font-size:12px;border-radius:6px;box-shadow:0 8px 36px #58c3d222}
.hero-actions .text-link{font-size:11px}
.hero-signatures{display:flex;align-items:center;gap:18px;margin-top:43px;pointer-events:auto}
.signature-caption{font:8px/1.8 Plex,monospace;color:#8a9ca6;letter-spacing:.06em}
.hero-signatures>img{width:113px;height:auto;background:var(--paper);padding:10px 13px;border-radius:4px;box-sizing:content-box}
.hero-api{display:flex;align-items:center;gap:8px;font-size:10px;color:#b3c7cc;flex-wrap:wrap;max-width:108px;line-height:1}
.hero-api>span{font:9px Plex,monospace;color:var(--aqua);margin-left:30px;letter-spacing:.25em}.hero-api .ui-icon{width:22px;height:22px}
.hero-art{margin-left:-120px;margin-right:-78px;min-height:650px;z-index:1}
.hero-art::before{content:'';position:absolute;inset:26% 15% 0;background:radial-gradient(ellipse,#58c3d210,transparent 70%);filter:blur(30px)}
.scene-label{font-size:8px;letter-spacing:.16em;gap:9px;opacity:.8;color:#c8dce2}
.scene-label .ui-icon{width:17px;height:17px;color:#a6dce1}.scene-label:after{width:40px}.label-one{left:20%;top:10%}.label-two{right:7%;top:43%}.label-three{left:30%;bottom:10%}
.scene-controls{bottom:-32px;right:13%;gap:24px}.scene-controls button{color:#b3c5cc;font-size:9px}
.hero-bottom{bottom:26px;padding-top:18px;align-items:center}.hero-bottom>a{font-size:8px}
.scene-views{display:flex;gap:5px;padding:5px;border:1px solid #ffffff16;border-radius:8px;background:#1722298c;backdrop-filter:blur(8px)}
.scene-views button{display:flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#93a9b3;padding:10px 13px;border-radius:5px;font:10px Sora,sans-serif;transition:background .2s,color .2s}
.scene-views button[aria-pressed=true]{background:#2e7f8e44;border-color:#58c3d24a;color:#d6f9fc}.scene-views .ui-icon{width:17px;height:17px}
.scene-fallback{inset:15%;display:flex;align-items:center;justify-content:center;gap:15px;transform:perspective(600px) rotateY(-12deg)}
.scene-fallback>span{display:flex;align-items:center;justify-content:center;width:160px;height:180px;filter:drop-shadow(8px 10px 0 #17323b);color:#86d9e3;transform:rotate(-8deg)}.scene-fallback>span:first-child{width:240px;height:280px;position:absolute;top:12%;left:20%;color:#39a3b8}.scene-fallback>span:nth-child(2){position:absolute;bottom:0;left:-8%;transform:rotate(-12deg)}.scene-fallback>span:nth-child(3){position:absolute;bottom:0;right:-10%;color:#d3ece9;transform:rotate(8deg)}
.section-heading>.eyebrow{display:flex;align-items:center;gap:10px}.section-heading>.eyebrow:before{content:'';width:8px;height:8px;background:var(--teal);border-radius:2px}
.section-heading h2{font-size:clamp(36px,4.4vw,68px)}
.solution-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.solution-card{position:relative;min-height:590px;border-radius:18px;overflow:hidden;padding:30px 36px;background:#e9f0f0;display:flex;flex-direction:column;border:1px solid #173d4310;isolation:isolate}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:2}
.card-top img{object-fit:contain;height:auto}.card-top .row-number{font-size:9px;letter-spacing:.02em}
.product-name{display:flex;align-items:center;gap:10px;font:600 12px Sora,sans-serif;letter-spacing:.03em}.product-name [data-icon]{width:26px;height:26px}
.card-copy{margin-top:auto;position:relative;z-index:2;max-width:390px}.card-copy h3{font-size:37px;line-height:1.12;letter-spacing:-.06em}.card-copy p{font-size:12px;line-height:1.8;max-width:330px;margin-top:17px;color:#546970}
.card-link{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:600;margin-top:22px}.card-link i{width:18px;height:18px;transition:transform .3s}.solution-card:hover .card-link i{transform:translate(4px,-4px)}
.card-confidence{background:#10151c;color:var(--paper)}.card-confidence::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#24536399,transparent 65%);z-index:-1}.card-confidence p{color:#9db5bf}.card-confidence .row-number{color:#92c5cc}.card-confidence .card-link{color:#88d2df}.card-confidence .card-top .official-lockup{width:180px;height:30px}
.card-rci{background:#e7eeeb}.card-rci .card-top img{width:145px}.card-aptitude{background:#dce9ed}.card-api{background:#192b34;color:#efffff}.card-api p{color:#a4c0c7}.card-api .row-number{color:#8bccd6}.card-api .card-link{color:#8ae0ee}
.service-sculpture{position:relative;height:260px;flex-shrink:0;perspective:900px;margin:0 auto;width:100%;max-width:380px;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.solution-card:hover .service-sculpture{transform:translateY(-8px) rotateY(7deg)}
.sculpture-shield>i{position:absolute;left:110px;top:28px;width:155px;height:190px;color:#75d2dd;transform:rotateY(-24deg) rotateZ(10deg);filter:drop-shadow(2px 2px 0 #cceff0) drop-shadow(9px 10px 0 #216374) drop-shadow(16px 26px 15px #0008)}
.sculpture-shield>i svg{fill:#296776;stroke-width:1.2}.sculpture-shield>b{position:absolute;left:203px;top:147px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#c3edf0,#4f9eae);padding:14px;color:#173e49;box-shadow:4px 6px 0 #266477,8px 12px 24px #0006}
.sculpture-orbit{position:absolute;inset:10px 45px;border:1px solid #72d4e23b;border-radius:50%;transform:rotateX(62deg) rotateZ(-25deg);box-shadow:0 0 30px #4cd2ee0a}.floating-chip{position:absolute;left:10px;bottom:26px;display:flex;align-items:center;gap:8px;font:8px Plex,monospace;background:#273d488f;backdrop-filter:blur(12px);border:1px solid #b4ecf633;box-shadow:0 16px 30px #0002;border-radius:6px;padding:11px 14px;color:#cfecf0}.floating-chip i{width:17px;height:17px}
.document-layer{position:absolute;width:140px;height:177px;border-radius:11px;background:#fff;top:30px;left:118px;box-shadow:5px 8px 0 #b7cacc,14px 25px 30px #274d5228;transform:rotateY(-18deg) rotateZ(14deg)}
.document-layer.back{transform:rotateY(-18deg) rotateZ(27deg) translate(10px,-8px);background:#b8d1d4}.document-layer.middle{transform:rotateY(-18deg) rotateZ(2deg) translate(-20px,4px);background:#73a9b1}.document-layer.front{padding:20px 20px}.document-layer.front>i{width:40px;height:40px;color:#2e7f8e}.document-layer.front>b{display:block;background:#cfdddd;height:6px;width:86%;border-radius:3px;margin-top:15px}.document-layer.front>b:nth-of-type(2){width:65%;margin-top:10px}.document-layer.front>em{position:absolute;right:-17px;bottom:22px;border-radius:50%;width:43px;height:43px;background:#297d8b;color:white;padding:12px;box-shadow:3px 4px 0 #154c57}.sculpture-documents .floating-chip{color:#276170;background:#ffffffc0;border-color:#fff9;left:10px;bottom:18px}
.sculpture-chart{display:flex;align-items:end;justify-content:center;gap:24px;padding:40px 40px 33px;transform-style:preserve-3d}
.sculpture-chart>span{position:relative;display:block;width:42px;height:var(--bar);background:linear-gradient(110deg,#6fc2d0,#378295);transform:skewY(-15deg);box-shadow:11px 7px 0 #286474;z-index:1;border-radius:3px 3px 0 0}.sculpture-chart>span:nth-of-type(2){background:linear-gradient(110deg,#cae7e8,#8fb6c0);box-shadow:11px 7px 0 #5f8a99}.sculpture-chart>span:nth-of-type(3){background:linear-gradient(110deg,#437e90,#205062);box-shadow:11px 7px 0 #143d4b}.chart-floor{position:absolute;width:260px;height:130px;border:1px solid #60969b44;bottom:-20px;transform:rotateX(68deg) rotateZ(-18deg);background:linear-gradient(90deg,#67a7b422,transparent);box-shadow:0 15px 30px #305d6b11}.sculpture-chart>i{position:absolute;left:43px;top:30px;width:30px;height:30px;color:#458494}
.api-core{position:absolute;top:65px;left:128px;width:118px;height:118px;border-radius:22px;background:linear-gradient(135deg,#9edbe1,#337f93);color:#10303b;padding:28px;transform:rotate(-12deg) rotateY(-20deg);box-shadow:7px 9px 0 #246073,15px 25px 35px #0004;border:1px solid #c7f9ff66}
.sculpture-api::before,.sculpture-api::after{content:'';position:absolute;border:1px solid #76c4d244;border-radius:50%;inset:25px 45px;transform:rotateX(60deg) rotateZ(25deg)}.sculpture-api::after{inset:0px 20px;transform:rotateX(40deg) rotateZ(-25deg)}
.api-node{position:absolute;width:54px;height:54px;background:#273f4a;border:1px solid #8ed7e63b;color:#a7e1e9;border-radius:11px;padding:14px;box-shadow:4px 5px 0 #10232c,0 15px 20px #0003;z-index:2}.node-person{left:35px;top:24px;transform:rotate(-8deg)}.node-data{right:22px;top:110px;transform:rotate(12deg)}.node-lock{left:66px;bottom:10px;transform:rotate(-10deg)}
.experience{background:radial-gradient(ellipse at 88% 75%,#2d4b5877,transparent 50%),#101b23}
.product-tabs{gap:12px}.product-tabs button{display:flex;align-items:center;gap:10px;padding:16px 18px}.product-tabs [data-icon]{width:23px;height:23px}.product-tabs button[aria-selected=true]{background:#23424c;border-radius:8px 8px 0 0}
.demo-window{border-radius:14px;box-shadow:15px 25px 0 #ffffff05,0 45px 70px #0005;transform:perspective(1400px) rotateY(-6deg) rotateX(3deg)}
.avatar svg{width:24px;height:24px}.window-bar{padding:17px 20px}.demo-window .demo-status{border:1px solid #accfc3}
.journey-line article{padding-top:32px}.journey-icon{display:flex;width:52px;height:52px;padding:14px;border-radius:14px;color:var(--teal);background:#e0eeed;border:1px solid #aec6c733;margin-bottom:20px;box-shadow:3px 4px 0 #c3d6d8}.journey-line article>span{position:absolute;top:47px;left:69px}.journey-line h3{margin-top:24px}
.login-page .login-visual{background:radial-gradient(ellipse at 70% 60%,#244c5670,transparent 65%),#10151c}.login-page .login-visual .scene-host{top:245px;bottom:55px;left:-5%;right:-5%}.login-page .login-headline h1{font-size:clamp(38px,3.8vw,60px)}.login-card>.official-lockup{width:220px;height:auto;margin-bottom:38px}.login-page .login-visual>.brand{display:block}.login-page .login-headline{margin-top:48px}.login-page .login-submit{border-radius:6px;background:#287c8a}.login-page .preview-notice{border-left:2px solid var(--teal)}
@media(min-width:1800px){.hero h1{font-size:116px}.hero-art{min-height:760px}}
@media(max-width:1150px){.hero{grid-template-columns:46% 54%;min-height:820px}.hero h1{font-size:76px}.hero-description{max-width:335px;font-size:13px}.hero-art{margin-left:-150px;margin-right:-75px}.hero-actions{flex-direction:column;align-items:start}.hero-signatures{gap:12px}.signature-caption{display:none}.scene-label{font-size:7px}.label-one{left:35%}.label-three{left:40%}.card-top{gap:10px}.card-top .row-number{font-size:7px}.solution-card{padding:26px;min-height:570px}.card-copy h3{font-size:33px}.service-sculpture{transform:scale(.9);transform-origin:center}.card-confidence .card-top .official-lockup{width:155px}.product-tabs button{padding:14px 11px;font-size:12px}}
@media(max-width:850px){.site-header{height:78px}.brand-official>img,.brand-official>svg{width:185px;height:31px}.hero{display:block;height:auto;min-height:0;max-height:none;padding:126px var(--pad) 138px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(60px,10vw,83px)}.hero h1 em{display:inline}.hero-description{max-width:440px}.hero-actions{flex-direction:row;align-items:center}.hero-signatures{margin-top:26px}.signature-caption{display:block}.hero-art{height:570px;min-height:0;margin:-35px -30px 0}.scene-label.label-one{top:13%;left:16%}.label-two{right:8%;top:50%}.label-three{left:30%;bottom:8%}.scene-controls{bottom:-20px;right:10%}.hero-bottom{bottom:24px}.hero-bottom>a{display:none}.scene-views{width:100%;justify-content:space-around}.scene-views button{padding:10px 16px;font-size:10px}.solution-card{min-height:535px;padding:24px}.card-top{align-items:start;flex-direction:column;gap:13px}.service-sculpture{width:340px;max-width:none;margin-left:50%;transform:translateX(-50%) scale(.85);height:238px}.solution-card:hover .service-sculpture{transform:translateX(-50%) scale(.85) translateY(-5px)}.card-copy h3{font-size:28px}.card-copy p{font-size:11px}.product-tabs{gap:2px}.product-tabs button{padding:14px 10px}.demo-window{transform:none}.login-page .login-visual .scene-host{top:160px;bottom:45px}.login-page .login-visual>.brand{display:none}.login-page .login-headline{margin-top:0}}
@media(max-width:600px){.solution-gallery{grid-template-columns:1fr;gap:20px;margin-top:35px}.solution-card{min-height:550px}.card-top{flex-direction:row;align-items:center}.card-top .row-number{font-size:8px}.card-copy h3{font-size:34px}.card-copy p{font-size:12px}.service-sculpture{transform:translateX(-50%);height:250px}.solution-card:hover .service-sculpture{transform:translateX(-50%) translateY(-5px)}.product-tabs button{flex-direction:column;gap:9px;font-size:10px;flex:1}.product-tabs [data-icon]{width:24px;height:24px}.product-stage{margin-top:32px}.hero-art{height:470px}}
@media(max-width:480px){.brand-official>img,.brand-official>svg{width:165px;height:28px}.site-header{gap:13px}.header-actions{gap:13px}.header-actions .access-link span{display:none}.hero{padding-top:117px;padding-bottom:122px}.hero h1{font-size:clamp(52px,12vw,62px);line-height:1.05}.hero-copy .eyebrow{font-size:8px;letter-spacing:.055em}.hero-description{font-size:12px;margin-top:22px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:14px 17px;gap:11px}.hero-signatures{gap:14px;margin-top:28px}.hero-signatures>img{width:97px;padding:8px 11px}.signature-caption{font-size:7px}.hero-api{font-size:8px;max-width:90px;gap:6px}.hero-api .ui-icon{width:17px;height:17px}.hero-api>span{margin-left:23px;font-size:8px}.hero-art{height:400px;margin:-9px -30px 0}.scene-label.label-one{left:13%;top:14%}.scene-label{font-size:6px;gap:6px}.scene-label .ui-icon{width:14px;height:14px}.scene-label:after{display:none}.label-two{right:8%}.label-three{left:26%}.scene-controls{right:12%;bottom:-13px}.scene-controls button{font-size:8px}.scene-views{padding:4px;gap:0}.scene-views button{flex-direction:column;gap:6px;padding:8px 10px;font-size:8px}.scene-views .ui-icon{width:19px;height:19px}.hero-bottom{bottom:20px;padding-top:14px}.card-confidence .card-top .official-lockup{width:155px}.card-rci .card-top img{width:130px}.product-name{font-size:10px}.card-top .row-number{font-size:7px}.solution-card{min-height:555px}.section-heading h2{font-size:36px}.journey-line{gap:32px 18px}.journey-line article>span{left:60px}.journey-icon{width:46px;height:46px;padding:12px}.login-card>.official-lockup{width:205px;margin-bottom:35px}.login-page .login-headline h1{font-size:32px}.login-page .login-visual .scene-host{top:130px;left:-10%;right:-10%}.login-page .login-visual{min-height:590px}}
@media(max-width:360px){.brand-official>img,.brand-official>svg{width:142px;height:24px}.hero h1{font-size:48px}.hero-art{height:340px}.signature-caption{display:none}.scene-label{display:none}.scene-controls{right:13%}.card-top{flex-direction:column;align-items:start}.solution-card{min-height:595px}.service-sculpture{transform:translateX(-50%) scale(.9)}.card-copy h3{font-size:31px}.product-tabs button{font-size:8px;padding:12px 5px}}
@media(prefers-reduced-motion:reduce){.service-sculpture,.solution-card:hover .service-sculpture{transition:none}.hero .scene-fallback{transform:none}}
