/* A layered workspace and phone composition in the existing monochrome brand. */
.focus-section{background:#080808;color:#fff;padding:96px 0 98px;overflow:clip}
.focus-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px;margin-bottom:57px}
.focus-heading .eyebrow{color:#939393;font-size:12px;margin-bottom:22px}
.focus-heading h2{font-size:clamp(42px,4.8vw,67px);line-height:1.06;font-weight:600;letter-spacing:-.055em}
.focus-heading>p{max-width:363px;justify-self:end;color:#aaa;font-size:16px;line-height:1.85}
.focus-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:75px;align-items:start}
.focus-choices{position:relative;z-index:3;min-width:0}
.focus-choice{display:block;width:100%;border:0;border-top:1px solid #383838;text-align:left;padding:26px 0 28px;background:transparent;color:#fff;transition:opacity .3s,border-color .3s;position:relative}
.focus-choice:last-child{border-bottom:1px solid #383838}
.focus-choice-heading{display:flex;align-items:center;gap:13px;font-size:clamp(26px,2.7vw,37px);font-weight:500;letter-spacing:-.045em;line-height:1.2}
.focus-choice-number{font-size:12px;letter-spacing:.03em;color:#727272;align-self:center;min-width:20px}
.focus-choice-heading>.icon{margin-left:auto;flex-shrink:0;width:20px;height:20px;color:#858585;transition:transform .3s,color .3s}
.focus-choice-subtitle{display:block;margin-top:15px;font-size:16px;font-weight:600;line-height:1.6;color:#c6c6c6;letter-spacing:-.02em}
.focus-choice-description{display:block;margin-top:8px;color:#919191;font-size:16px;line-height:1.8;font-weight:400}
.focus-choice-benefit{display:block;margin-top:13px;font-size:14px;line-height:1.65;color:#c2c2c2;font-weight:500}
.focus-choice[aria-pressed=true]{border-top-color:#ededed}
.focus-choice[aria-pressed=true] .focus-choice-heading>.icon{transform:translate(2px,-2px);color:white}
.focus-choice[aria-pressed=true] .focus-choice-number{color:#fff}
.focus-choice[aria-pressed=true] .focus-choice-description{color:#b6b6b6}
.focus-choice:hover .focus-choice-heading>.icon{color:#fff;transform:translate(2px,-2px)}
.focus-mobile-description{display:none}
.focus-stage{position:sticky;top:calc(var(--header-height) + 25px);min-width:0;isolation:isolate}
.focus-art{height:660px;position:relative;perspective:1400px}
.focus-art::before{content:'';position:absolute;right:-14%;top:-16%;width:120%;height:104%;background:radial-gradient(ellipse at 70% 20%,#e4e4e426,transparent 63%);z-index:-1;pointer-events:none}
.focus-board{position:absolute;right:0;top:16px;width:79%;height:551px;border:1px solid #666;border-radius:19px;background:linear-gradient(125deg,#242424e8,#141414f5);box-shadow:inset 1px 1px 0 #ffffff21,17px 22px 60px #0005;transform:rotateY(-12deg) rotateZ(3deg);overflow:hidden;transform-origin:center;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.focus-board-header{height:62px;border-bottom:1px solid #424242;display:flex;align-items:center;gap:10px;padding:0 20px}
.focus-board-header>.icon{width:20px;height:20px;color:#b6b6b6}
.focus-board-header strong{font-size:14px;letter-spacing:-.015em;font-weight:600;white-space:nowrap}
.focus-board-header>span{font-size:8px;letter-spacing:.1em;margin-left:auto;color:#888}
.focus-board-map{height:249px;overflow:hidden;border-bottom:1px solid #424242;position:relative}
.focus-board-map>svg{display:block;width:100%;height:100%;object-fit:cover}
.focus-map-boundary,.focus-map-lasso,.focus-map-members{opacity:0;transition:opacity .45s}
.focus-map-pins{transform-origin:50% 50%;transition:opacity .5s}
.focus-board-results{padding:19px 21px 0}
.focus-board-label{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:.07em;color:#898989;margin-bottom:13px}
.focus-board-label>span:last-child{letter-spacing:0;color:#c1c1c1;font-size:9px}
.focus-board-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #303030}
.focus-board-row>span{background:#333;color:#bbb;width:26px;height:29px;border-radius:7px;display:grid;place-items:center;font-size:8px;flex-shrink:0}
.focus-board-row strong{font-size:10px;font-weight:600;display:block;line-height:1.5}
.focus-board-row small{font-size:8px;line-height:1.7;color:#888;display:block}
.focus-board-row>.icon{width:13px;height:13px;margin-left:auto;color:#bcbcbc;opacity:0;transition:opacity .35s}
.focus-board-note{font-size:9px;color:#aaa;padding:12px 21px;line-height:1.6}
.focus-device{position:absolute;width:440px;max-width:88%;left:-11%;top:88px;z-index:3;transform:rotate(-3deg)}
.focus-device>.device-hardware{filter:drop-shadow(0 22px 21px #0007)}
.focus-device.is-3d-ready{transform:none}
.focus-screen-layer{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s}
.focus-screen-layer.is-active{opacity:1;visibility:visible}
.focus-brand-tile{position:absolute;top:217px;left:-2%;width:91px;height:94px;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#e8e8e8);border:1px solid #ddd;border-radius:15px;box-shadow:6px 6px 0 #737373,12px 21px 40px #0006;transform:rotateY(-8deg) rotateZ(-4deg);z-index:5}
.focus-brand-tile>img{width:40px;height:49px;mix-blend-mode:multiply}
.focus-symbol-tile{position:absolute;right:1%;top:372px;width:94px;height:96px;border:1px solid #595959;background:linear-gradient(130deg,#3b3b3b,#1b1b1b);border-radius:17px;box-shadow:7px 5px 0 #121212,10px 15px 30px #0005;display:grid;place-items:center;z-index:4;transform:rotateY(-9deg) rotateZ(4deg);transition:transform .6s ease}
.focus-symbol-tile>.icon{width:42px;height:42px;stroke-width:1.1;color:#efefef}
.focus-result-card{position:absolute;right:0;bottom:22px;z-index:5;width:248px;padding:20px 22px;background:#fcfcfc;color:#111;border:1px solid #fff;border-radius:15px;box-shadow:0 18px 38px #0005;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.focus-result-card>span{display:block;font-size:9px;letter-spacing:.1em;line-height:1.6;color:#898989}
.focus-result-card>strong{display:block;font-size:23px;font-weight:650;letter-spacing:-.045em;line-height:1.3;margin-top:7px}
.focus-result-card>small{display:block;font-size:11px;line-height:1.65;color:#777;margin-top:7px}
.focus-example{display:flex;align-items:flex-start;gap:17px;margin-top:31px;padding-top:22px;border-top:1px solid #333}
.focus-example>span{font-size:12px;color:#8a8a8a;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.08em;padding-top:2px}
.focus-example>p{font-size:14px;line-height:1.8;color:#bbb;min-height:76px}
.focus-disclosure{color:#737373;font-size:12px;line-height:1.7;margin-top:15px}
.focus-stage[data-feature=lasso] .focus-map-lasso{opacity:1;animation:focus-draw 1.45s cubic-bezier(.3,.2,.2,1) both}
.focus-stage[data-feature=lasso] .focus-board-row>.icon,.focus-stage[data-feature=territories] .focus-board-row>.icon{opacity:1}
.focus-stage[data-feature=territories] .focus-map-boundary{opacity:1;animation:focus-boundary .7s ease-out both}
.focus-stage[data-feature=teams] .focus-map-boundary{opacity:.55}
.focus-stage[data-feature=teams] .focus-map-members{opacity:1}
.focus-stage[data-feature=teams] .focus-map-pins{opacity:.25}
.focus-stage[data-feature=lasso] .focus-result-card{transform:translateY(-7px)}
.focus-stage[data-feature=territories] .focus-board{transform:rotateY(-7deg) rotateZ(1deg)}
.focus-stage[data-feature=teams] .focus-symbol-tile{transform:rotateY(0) rotateZ(-4deg)}
@keyframes focus-draw{from{stroke-dashoffset:660;fill:#ffffff00}70%{fill:#ffffff00}to{stroke-dashoffset:0;fill:#ffffff12}}
@keyframes focus-boundary{from{opacity:0;transform:scale(.94);transform-origin:50% 50%}to{opacity:1;transform:scale(1);transform-origin:50% 50%}}
/* The explanatory labels above stay legible; tiny details are decorative app UI. */
@media(max-width:1200px){.focus-layout{gap:55px;grid-template-columns:1fr 1.16fr}.focus-art{height:607px}.focus-board{height:518px;width:85%;top:17px}.focus-board-map{height:223px}.focus-device{width:413px;max-width:91%;left:-14%;top:106px}.focus-brand-tile{width:77px;height:80px;left:-5%;top:217px}.focus-brand-tile img{width:33px;height:40px}.focus-symbol-tile{width:80px;height:82px;right:-1%;top:358px}.focus-symbol-tile .icon{width:37px;height:37px}.focus-result-card{width:221px;bottom:4px;padding:17px 19px}.focus-result-card strong{font-size:21px}.focus-heading{gap:45px}.focus-choice{padding-block:23px 25px}.focus-choice-heading{font-size:29px}}
@media(max-width:980px){.focus-layout{gap:35px;grid-template-columns:1fr 1fr}.focus-art{height:532px}.focus-board{width:94%;height:447px;top:25px}.focus-board-map{height:185px}.focus-board-header{padding-inline:14px;height:54px;gap:7px}.focus-board-header>span{display:none}.focus-board-header strong{font-size:12px}.focus-board-results{padding:15px 14px 0}.focus-board-row{padding-block:8px}.focus-board-note{padding:10px 14px;font-size:8px}.focus-device{max-width:none;width:116%;left:-25%;top:100px}.focus-brand-tile{width:66px;height:68px;left:-6%;top:205px}.focus-symbol-tile{width:68px;height:70px;top:330px;right:-3%}.focus-symbol-tile>.icon{width:32px;height:32px}.focus-result-card{width:195px;bottom:-7px;padding:14px 16px}.focus-result-card strong{font-size:19px}.focus-result-card small{font-size:10px}.focus-choice-heading{font-size:26px}.focus-choice-number{font-size:11px;min-width:17px}.focus-choice-description{font-size:15px}.focus-example>p{min-height:100px}.focus-heading h2{font-size:49px}.focus-heading>p{font-size:16px}.focus-choice-benefit{font-size:13px}.focus-choice-heading{gap:10px}.focus-choice-heading .icon{width:17px;height:17px}}
@media(max-width:760px){.focus-section{padding-block:64px 67px}.focus-heading{display:block;margin-bottom:29px}.focus-heading h2{font-size:46px}.focus-heading>p{margin-top:25px;max-width:510px}.focus-heading .eyebrow{font-size:11px;margin-bottom:20px}.focus-layout{display:flex;flex-direction:column;gap:0}.focus-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px}.focus-choice,.focus-choice:last-child{border:1px solid #3d3d3d;border-radius:11px;padding:16px 18px;min-height:72px}.focus-choice[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}.focus-choice-heading{font-size:18px;font-weight:600;line-height:1.35;gap:10px;letter-spacing:-.025em}.focus-choice-heading .icon{width:17px;height:17px}.focus-choice[aria-pressed=true] .focus-choice-heading .icon{color:#111}.focus-choice-number,.focus-choice-description,.focus-choice-subtitle,.focus-choice-benefit{display:none}.focus-mobile-description{display:block;font-size:16px;line-height:1.8;color:#b3b3b3;padding:23px 1px 0;min-height:112px;max-width:530px;margin:0}.focus-stage{position:relative;top:0;width:100%;max-width:550px;align-self:center;margin-top:17px}.focus-art{height:590px}.focus-board{width:76%;height:503px;top:19px}.focus-board-map{height:230px}.focus-board-header{height:55px;padding-inline:19px}.focus-board-header strong{font-size:14px}.focus-board-results{padding:17px 19px 0}.focus-board-row{padding-block:9px}.focus-board-row strong{font-size:11px}.focus-board-row small{font-size:9px}.focus-board-label{font-size:9px}.focus-board-label>span:last-child{font-size:9px}.focus-board-note{font-size:9px;padding-inline:19px}.focus-device{width:79%;left:-6%;top:83px}.focus-brand-tile{left:1%;top:215px;width:76px;height:79px}.focus-symbol-tile{right:1%;top:348px;width:78px;height:81px}.focus-symbol-tile>.icon{width:38px;height:38px}.focus-result-card{right:0;bottom:10px;width:220px;padding:18px 20px}.focus-result-card strong{font-size:22px}.focus-result-card small{font-size:11px}.focus-example{margin-top:27px;padding-top:19px;gap:15px}.focus-example>p{min-height:75px;font-size:14px}.focus-disclosure{margin-top:13px;font-size:12px}}
@media(max-width:540px){.focus-heading h2{font-size:clamp(35px,9.3vw,44px)}.focus-choice,.focus-choice:last-child{padding:14px 13px;min-height:68px}.focus-choice-heading{font-size:16px;gap:7px}.focus-choice-heading .icon{width:15px;height:15px}.focus-mobile-description{min-height:143px;padding-top:21px;font-size:16px}.focus-stage{margin-top:5px}.focus-art{height:460px}.focus-board{width:83%;height:378px;top:17px;border-radius:14px}.focus-board-header{height:42px;padding-inline:13px}.focus-board-header strong{font-size:11px}.focus-board-header .icon{width:16px;height:16px}.focus-board-map{height:156px}.focus-board-results{padding:13px 13px 0}.focus-board-label{font-size:7px;margin-bottom:8px}.focus-board-label>span:last-child{font-size:8px}.focus-board-row{gap:8px;padding:7px 0}.focus-board-row>span{width:23px;height:24px;font-size:7px}.focus-board-row strong{font-size:9px}.focus-board-row small{font-size:7px}.focus-board-note{font-size:7px;padding:8px 13px}.focus-device{width:88%;left:-10%;top:88px}.focus-brand-tile{width:60px;height:63px;left:0;top:190px;border-radius:11px;box-shadow:4px 4px 0 #737373,8px 14px 24px #0006}.focus-brand-tile>img{width:26px;height:32px}.focus-symbol-tile{width:60px;height:63px;right:0;top:294px;border-radius:12px;box-shadow:4px 4px 0 #121212,7px 10px 20px #0005}.focus-symbol-tile>.icon{width:29px;height:29px}.focus-result-card{width:174px;bottom:0;padding:14px 15px;border-radius:12px}.focus-result-card>span{font-size:7px}.focus-result-card>strong{font-size:18px;margin-top:6px}.focus-result-card>small{font-size:9px}.focus-example{margin-top:27px;gap:12px}.focus-example>span{font-size:11px}.focus-example>p{font-size:14px;min-height:100px}.focus-disclosure{font-size:11px}}
@media(max-width:370px){.focus-art{height:417px}.focus-device{width:94%;left:-15%;top:83px}.focus-board{height:347px}.focus-board-map{height:135px}.focus-board-row{padding-block:5px}.focus-brand-tile{top:175px}.focus-symbol-tile{top:270px}.focus-result-card{width:163px;bottom:-2px}.focus-choice-heading{font-size:15px}.focus-mobile-description{min-height:168px}}
@media(prefers-reduced-motion:reduce){.focus-board,.focus-symbol-tile,.focus-result-card{transition:none}.focus-map-lasso{animation:none!important;stroke-dashoffset:0}.focus-map-boundary{animation:none!important}.focus-choice-heading>.icon{transition:none}}