/* Version two: brighter technical detail, with product imagery carrying the color. */
.screenshot-media{display:block;background:#08151c}.screenshot-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 23%}.screenshot-media .media-caption{top:auto;bottom:12px;background:#08151ce8;color:#dcfaff;padding:6px 9px;border:1px solid #466a79}
:root{--mint:#73f7ed;--bg:#090d13;--panel:#111821;--line:#283747;--muted:#a6b5c5;--text:#f1f6fb}
body{background-image:radial-gradient(ellipse at 90% 4%,#1a4b6b25,transparent 27%),radial-gradient(ellipse at 0 19%,#42318016,transparent 25%)}
header{position:relative}header:after{content:'';position:absolute;left:0;bottom:-1px;width:85px;height:2px;background:var(--mint);box-shadow:0 0 16px #73f7ed70}.mark{font-weight:400;text-shadow:0 0 20px #73f7ed80}.brand{letter-spacing:.3px}.contact,.button{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.primary{background:linear-gradient(110deg,#8af9db,#72e5ff);box-shadow:0 0 30px #72e5ff12}.primary:hover{background:#c2fffb}.hero{position:relative}.hero h1 em{background:linear-gradient(100deg,#8ef6dc,#66d7ff 75%);color:transparent;background-clip:text}.eyebrow{letter-spacing:2.2px}.hero-foot{color:#94a6bc}.hero-foot b{color:#70e8f8}.orbital{background:radial-gradient(ellipse at center,#25618035 0,transparent 69%);height:490px}.orb-grid{background-image:linear-gradient(#70dcff0e 1px,transparent 1px),linear-gradient(90deg,#70dcff0e 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.orbit{border-color:#79e9ff65;box-shadow:0 0 14px #70daff09}.o1{border-top:2px solid #7feaff;transform:translate(-50%,-50%) rotate(-32deg);width:440px;height:280px}.o2{border-color:#9e83ee65;width:420px;height:290px}.o3{border-style:dashed;border-color:#6fe5ed42;width:380px;height:380px}.orbital:after{content:'+';position:absolute;right:17%;top:13%;font:22px monospace;color:#96dfea;text-shadow:0 0 15px #65efff}.core{border-radius:24%;transform:translate(-50%,-50%) rotate(-6deg);background:linear-gradient(145deg,#214e60aa,#101c2a 70%);border-color:#75e5ff99;box-shadow:0 0 50px #4bdfff17,inset 0 0 40px #69c8ed14}.core>*{transform:rotate(6deg)}.core strong{font-size:30px}.core small{font-size:5px;color:#a6c7db}.node{border-color:#46748b;background:#0d1924;box-shadow:0 0 20px #61e0fb0a;color:#d0e4f3}.n2{top:242px}.coordinate,.diagram-label{color:#8ba3b7}.sector-band{background:linear-gradient(90deg,#101b26,#10121c);border-color:#2d4050}.sector-band p{color:#d0dce8}.sector-band span{color:#94a9bc}.featured{position:relative;background:radial-gradient(ellipse at 80% 0,#20577130,transparent 65%),#101922;border-color:#3b6776;box-shadow:inset 0 1px #76e5ff20}.featured:before{content:'';height:3px;width:90px;position:absolute;top:-1px;left:-1px;background:var(--mint);box-shadow:0 0 18px #73f7ed55}.featured-copy .tags span{color:#bdd7e4;border-color:#385366;background:#64d5ff07}.coach-demo{background:#0b131e;border-color:#34576c;box-shadow:0 15px 50px #0003,0 0 40px #6ee4fa05}.demo-top{border-color:#284152}.context p{border-color:#243d4e}.answer{background:linear-gradient(120deg,#16303b,#182238);border-color:#436c7c}.answer-footer{border-color:#375366}.filters button.active{background:#72e9ff10;border-color:#4a8999;color:#a0f6ff}.approach{background:linear-gradient(120deg,#111b26,#11141e)}.steps article{border-color:#426477}.steps article>span{font-size:13px}.next{border-color:#345066}.badge{border-color:#3d6c7a}.connect{background:radial-gradient(ellipse at center,#429ae212,transparent 70%)}
.product-grid{gap:22px}.visual-card{padding:0;overflow:hidden;position:relative;background:linear-gradient(135deg,#131d29,#0f151f);border-color:#2c4051;min-height:0}.visual-card:hover{border-color:#6cacc4;box-shadow:0 8px 35px #0004,0 0 20px #57d4f90b;transform:translateY(-4px)}.card-content{padding:24px;display:flex;flex-direction:column;flex:1}.visual-card .card-top{margin-bottom:16px}.visual-card h3{font-size:24px}.visual-card p{font-size:13px;line-height:1.75;margin-bottom:25px}.visual-card .icon{width:29px;height:29px;font-size:16px;border-color:#3b5e73;background:#73daff08}.visual-card .category{color:#a1bfd1}.visual-card .card-bottom{padding-top:18px;border-top:1px solid #293b4c}.visual-card .card-bottom>span{font-size:7px;letter-spacing:.8px;color:#9ab4c5}.product-media{height:226px;position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid #314b5c;background:#0b1522}.media-caption{position:absolute;left:17px;top:15px;font:7px monospace;letter-spacing:1.3px;color:#aecada;z-index:3}.art-media{background-image:linear-gradient(#70bfff08 1px,transparent 1px),linear-gradient(90deg,#70bfff08 1px,transparent 1px),radial-gradient(ellipse at center,#1c426080,transparent);background-size:25px 25px,25px 25px,auto}.art-media:after{content:'+';position:absolute;right:16px;bottom:9px;color:#6e9cb2;font:15px monospace}.film-media{height:280px;background:#080d14}.film-media video{height:100%;width:100%;position:relative;object-fit:cover;z-index:1}.film-media.portrait video{object-fit:contain}.film-backdrop{position:absolute;inset:-25px;background:linear-gradient(#071019aa,#071019aa),var(--poster) center/cover;filter:blur(18px);opacity:.7}.film-media .media-caption{background:#09121dd9;padding:5px 7px;top:13px;left:13px;color:#cdebf6}.preview-toggle,.expand-film{position:absolute;z-index:4;background:#09151fee;border:1px solid #6aa4b5;color:#d2f8ff;height:34px;bottom:14px;box-shadow:0 3px 15px #0005}.preview-toggle{left:14px;width:36px;font-size:12px}.expand-film{right:14px;padding:0 12px;font-size:10px}.preview-toggle:hover,.expand-film:hover{background:#224354;color:#fff}.film-card{border-top:2px solid #73e7f1}.film-card.lifestyle{border-top-color:#db97ff}.film-card.education{border-top-color:#acacff}
.hub-map{position:absolute;inset:44px 35px 25px}.hub-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border:1px solid #7de6ff;background:#153044;color:#8eeeff;box-shadow:0 0 30px #39d8ff24;font:30px 'Space Grotesk',sans-serif;z-index:2;border-radius:12px}.hub-map span{position:absolute;background:#13283a;border:1px solid #527c94;font:8px monospace;color:#b4d7ec;padding:8px;z-index:2}.hub-map span:nth-of-type(1){top:0;left:0}.hub-map span:nth-of-type(2){right:0;top:0}.hub-map span:nth-of-type(3){bottom:0;left:0}.hub-map span:nth-of-type(4){bottom:0;right:0}.hub-map i{position:absolute;left:20%;top:20%;height:60%;width:60%;border:1px solid #5094b8;transform:rotate(-18deg);box-shadow:0 0 20px #63e5f013}.vault-art{position:absolute;inset:38px 35px 16px}.sheet{position:absolute;width:112px;height:137px;left:calc(50% - 56px);background:linear-gradient(145deg,#294154,#142637);border:1px solid #6b95b0;transform:rotate(-7deg);padding:18px;box-shadow:8px 9px 25px #0005}.s-back{transform:translate(18px,-5px) rotate(7deg);opacity:.5}.sheet b{font:8px monospace;letter-spacing:1px;color:#b9d4e7}.sheet>i,.resume i{display:block;height:3px;margin-top:12px;background:#7ca7bd80}.sheet>i:nth-of-type(2){width:75%}.sheet>i:nth-of-type(3){width:85%}.sheet em{position:absolute;right:8px;bottom:6px;color:#8aeaff;font-size:30px;font-style:normal}.scan-bar{position:absolute;left:-15px;right:-15px;top:72px;height:2px;background:#7ef7fc;box-shadow:0 0 16px 5px #66efff33}.insight{position:absolute;bottom:4px;right:-10px;padding:7px;background:#0c1f30;border:1px solid #4e839d;font:7px monospace;color:#9ce7fa;letter-spacing:1px}.okr-art{position:absolute;inset:50px 25px 30px;display:flex;align-items:center;gap:20px}.target-rings{width:130px;height:130px;border:1px solid #72ddeb88;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#56ccff20,transparent 70%)}.target-rings:before{content:'';position:absolute;inset:18px;border-radius:50%;border:1px dashed #9c93e6}.target-rings b{font-size:50px;font-weight:400;color:#b5f4ff}.key-results{flex:1}.key-results>span{font:8px monospace;color:#a5c9dc}.key-results i{display:block;background:linear-gradient(90deg,#73e7f1,#7379e8);height:5px;margin:15px 0;width:100%;box-shadow:0 0 15px #73dcff20}.key-results i:nth-of-type(2){width:75%}.key-results i:nth-of-type(3){width:50%}.key-results small{font:6px monospace;color:#92b1cb}.recon-art{position:absolute;inset:40px 30px 20px}.resume{position:absolute;width:115px;height:140px;left:calc(50% - 75px);padding:20px;border:1px solid #8796c5;background:linear-gradient(135deg,#2b3353,#172238);transform:rotate(-9deg)}.resume b{font:8px monospace;color:#bbc9e7}.resume i:last-child{width:60%}.lens{position:absolute;top:20px;left:50%;width:90px;height:90px;border:1px solid #9babe0;border-radius:50%;background:#172e49d9;backdrop-filter:blur(2px);display:grid;place-items:center;font-size:60px;color:#92e7ff;box-shadow:0 0 25px #7375e030}.recon-art small{position:absolute;bottom:0;right:0;font:7px monospace;letter-spacing:1px;color:#a7c4dd}.art-tastd{background:radial-gradient(ellipse at 85% 40%,#66404470,transparent 65%),#211923}.tastd-art{position:absolute;inset:45px 25px 20px}.taste-word{position:absolute;left:0;top:20px;font:22px/1.25 'Space Grotesk',sans-serif;z-index:2;letter-spacing:-.7px}.taste-word em{font-style:normal;color:#f2b4a2}.plate{position:absolute;width:140px;height:140px;border:1px solid #dcaba381;right:-8px;top:0;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#77434d40,#402832 65%);box-shadow:0 0 30px #e4936c0a}.plate i{position:absolute;inset:14px;border-radius:50%;border:1px solid #dca2954d}.plate b{font-size:57px;color:#d8a094;font-weight:400}.taste-note{position:absolute;bottom:0;left:0;font:7px monospace;letter-spacing:1.3px;color:#ceaaa9}.art-paceometer{background:radial-gradient(ellipse at center,#16444860,transparent),#101c27}.pace-art{position:absolute;inset:42px 20px 18px;text-align:center}.dial{width:130px;height:95px;border-radius:100px 100px 0 0;border:1px solid #6ec9cb;border-bottom:0;margin:auto;position:relative;background:repeating-conic-gradient(from 270deg at 50% 100%,transparent 0deg 14deg,#79dadd35 15deg 16deg,transparent 17deg 30deg);overflow:hidden}.dial span{font-size:55px;color:#abf0ed;position:absolute;left:42px;bottom:-18px}.pace-art b{display:block;margin-top:10px;font:10px monospace;letter-spacing:2px;color:#bcecea}.pace-art small{font:6px monospace;color:#8eb6be;letter-spacing:1px}.art-longotude{background:radial-gradient(ellipse,#57457865,transparent),#171b32}.geo-art{position:absolute;inset:32px 30px 18px}.geo-art svg{height:145px;width:100%;overflow:visible}.geo-art path{fill:#6b639a40;stroke:#b0a8e6;stroke-width:1}.geo-art circle{fill:#c5f4f7}.geo-art path.route{fill:none;stroke:#83d9e9;stroke-dasharray:3 5}.geo-art span{display:block;text-align:center;font:7px monospace;letter-spacing:1.7px;color:#bab5dc}
.film-dialog{background:#0b111b;color:var(--text);border:1px solid #537e91;padding:18px;width:min(900px,94vw);max-height:94dvh;box-shadow:0 0 90px #3cd1ff15}.film-dialog::backdrop{background:#020710ed;backdrop-filter:blur(9px)}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.film-heading h2{font-size:20px;letter-spacing:-.5px}.close-film{background:#142532;color:#d6f9ff;border:1px solid #547d91;padding:7px 12px;font-size:12px}.film-dialog>video{display:block;width:100%;height:min(76dvh,760px);object-fit:contain;background:#05080d}.film-dialog:focus{outline:none}
@media(min-width:901px) and (max-width:1100px){.orbital{transform:scale(.83);transform-origin:center}.n1{left:10px}.n2{right:-5px}.core{width:185px;height:185px}.core strong{font-size:27px}}
@media(max-width:900px){.orbital{height:410px;max-width:100%}.o1{width:390px;height:255px}.o2{width:360px;height:260px}.o3{width:330px;height:330px}.n2{top:210px}.film-media{height:290px}.product-media:not(.film-media){height:220px}}
@media(max-width:700px){.orbital{height:360px}.o1{width:330px;height:230px}.o2{width:330px;height:230px}.o3{width:300px;height:300px}.core{width:175px;height:175px}.core strong{font-size:25px}.n1{top:25px;left:8px}.n2{top:215px;right:0}.n3{bottom:12px;left:30px}.coordinate,.diagram-label{font-size:5px}.product-media:not(.film-media){height:230px}.film-media{height:330px}.card-content{padding:24px}.film-dialog{padding:12px}.film-dialog>video{height:74dvh}}
.product-media.screenshot-media{height:280px}.screenshot-media img{object-position:center top}@media(max-width:900px){.product-media.screenshot-media{height:290px}}@media(max-width:700px){.product-media.screenshot-media{height:330px}}
/* Phone QA: preserve landscape footage and provide comfortable touch targets. */
.film-media:not(.portrait) video{object-fit:contain}
@media(max-width:700px){
 .preview-toggle{width:44px;height:44px}
 .expand-film,.close-film{min-height:44px}
 .filters button{min-height:44px}
 .film-dialog>video{height:auto;max-height:74dvh;aspect-ratio:auto}
}
.brand-mark{display:block;flex-shrink:0;width:34px;height:34px;margin-right:6px}@media(max-width:700px){.brand-mark{width:26px;height:26px;margin-right:3px}}

.eval-results{grid-column:1/-1;border-top:1px solid var(--line);padding-top:30px;min-width:0}.eval-results h4{font-size:clamp(24px,4vw,36px);line-height:1.2;margin-bottom:16px}.eval-results .eval-scope{color:var(--mint);max-width:780px}.eval-table{overflow-x:auto;margin:24px 0}.eval-table table{width:100%;border-collapse:collapse;font-size:14px}.eval-table caption{text-align:left;color:var(--muted);font-size:12px;padding-bottom:12px}.eval-table th,.eval-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line)}.eval-table th{font-weight:500}.eval-total{color:var(--mint)}.eval-notes{display:grid;grid-template-columns:1fr 1fr;gap:30px}.eval-results h5{font-size:16px;margin:10px 0}.eval-limitations{border-left:2px solid var(--mint);padding:8px 20px;background:#73f7ed06;margin-top:18px}.eval-limitations p:last-child{margin-bottom:8px}@media(max-width:700px){.eval-notes{grid-template-columns:1fr;gap:10px}.eval-table th,.eval-table td{padding:10px 5px;font-size:12px}.eval-limitations{padding:8px 12px}}

.case-page{padding-top:48px;padding-bottom:64px}.case-page>.eyebrow{margin-top:40px}.case-page>.intro{max-width:680px}.case-page .case-study{margin-top:36px}.case-page .case-study>div{min-width:0}.case-page h1{font-size:clamp(34px,5vw,60px)}a.case-link{display:block;width:fit-content}
