/* October revision: cinematic brand opening and enterprise application map. */
.header{background:#0d0f0e;border-color:#ffffff12;height:100px}.header .brand{gap:0}.brand .wordmark-crop{display:block!important;position:relative;width:225px;height:46px;overflow:hidden;line-height:1;flex-shrink:0}.wordmark-crop img{position:absolute;width:260px!important;height:260px!important;max-width:none!important;left:-17px;top:-150px;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}.header .desktop-nav{gap:30px}.header .nav-join{border-color:#ffffff30}.footer .wordmark-crop{background:#17191b}.brand .wordmark-crop img{display:block}
.hero-cinematic{isolation:isolate;min-height:790px;grid-template-columns:.98fr 1.13fr;padding-top:8px;max-width:1440px;width:calc(100% - 112px);background:#0d0f0e;overflow:visible}.hero-cinematic:before{content:'';position:absolute;top:0;bottom:0;left:calc((100vw - 100%)/-2);right:calc((100vw - 100%)/-2);background:#0d0f0e;z-index:-2}.hero-cinematic .hero-copy{padding-bottom:55px;pointer-events:none}.hero-cinematic .hero-copy a{pointer-events:auto}.hero-cinematic .eyebrow{font-size:12px;letter-spacing:.05em;color:#cdd2c9;margin-bottom:24px}.hero-cinematic h1{font-size:clamp(45px,4.9vw,78px);line-height:1.24;font-weight:620;letter-spacing:-.06em;position:relative}.hero-line{display:block}.hero-cinematic h1 em{font-size:1.26em;line-height:1.17;margin-top:9px;letter-spacing:-.045em}.hero-cinematic .hero-description{font-size:15px;color:#c2c8bb;line-height:2.05;margin-top:32px;max-width:550px}.hero-cinematic .hero-actions{margin-top:34px}.hero-cinematic .hero-audience{color:#727e63;font-size:10px}.hero-cinematic .hero-art{height:660px;width:calc(100% + 65px);margin:0 -45px 40px -20px;position:relative;align-self:center;z-index:0;cursor:grab;touch-action:pan-y}.hero-cinematic .hero-art:active{cursor:grabbing}.hero-cinematic .hero-art:before{inset:3% -3% 8%;background:radial-gradient(ellipse at 58% 80%,#8bab050c,transparent 65%);border-radius:0}.hero-cinematic #infinity-canvas{height:100%;width:100%;position:relative;z-index:2}.hero-cinematic .art-caption{top:8px;left:32px;right:22px;color:#73805d;font-size:8px}.hero-cinematic .art-note{bottom:5px;right:20px;left:30px;font-size:10px;color:#7e8e6a;z-index:5;gap:15px;cursor:default}.hero-cinematic .art-note .art-hint{font-size:10px;color:#8a9976;letter-spacing:.05em}.motion-controls{display:flex;align-items:center;gap:12px}.motion-controls button{border:1px solid #b8f50026;padding:5px 10px;border-radius:3px;color:#b6c69d;display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.4;transition:background .2s,color .2s}.motion-controls button span{font-size:8px;letter-spacing:0;line-height:1.4}.motion-controls button:hover{background:#b8f50012;color:#b8f500}.hero-cinematic .hero-bottom{border-color:#ffffff1b;padding-block:24px;z-index:3}.hero-cinematic .hero-bottom a{font-size:10px}.hero-cinematic .hero-actions .lime{box-shadow:0 0 36px #b8f50010}.hero-cinematic .hero-actions .lime:hover{box-shadow:0 0 38px #b8f50035}
@keyframes headline-in{0%{opacity:0;transform:translateY(26px);filter:blur(8px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes glow-word{0%,100%{text-shadow:0 0 40px #b8f50000}48%{text-shadow:0 0 28px #b8f5002a,0 0 90px #b8f50010}}
.hero-cinematic .hero-line{animation:headline-in 1s cubic-bezier(.2,.75,.2,1) both}.hero-cinematic h1 em{animation:headline-in 1.15s .16s cubic-bezier(.2,.75,.2,1) both,glow-word 8s 1.4s ease-in-out infinite}.hero-cinematic .hero-description{animation:headline-in 1s .3s both}.hero-cinematic .hero-actions{animation:headline-in .9s .45s both}
.business-applications .possibility-grid{grid-template-columns:.73fr 1.27fr;min-height:615px}.business-applications .scenario-tabs{padding-block:0}.business-applications .scenario-tabs>button{padding:22px 29px 22px 7px;min-height:101px;position:relative;border-bottom:1px solid #ffffff16}.business-applications .scenario-tabs>button:last-child{border-bottom:0}.business-applications .scenario-tabs [aria-selected=true]{background:linear-gradient(90deg,#b8f50005,#b8f50000)}.business-applications .scenario-tabs [aria-selected=true]:before{content:'';position:absolute;left:-1px;top:22px;bottom:22px;width:2px;background:#b8f500}.business-applications .scenario-tabs [aria-selected=true] .tab-num{color:#b8f500}.business-applications .scenario-tabs strong{font-size:20px}.business-applications .scenario-tabs small{font-size:10px}.business-applications .tab-num{padding-left:12px}.business-applications .scenario-panel{padding:35px 0 29px 42px;min-width:0}.business-applications .scenario-panel h3{font-size:26px;margin:15px 0;line-height:1.5;max-width:630px}.business-applications .scenario-panel>p{font-size:13px;line-height:1.95;max-width:660px;color:#aeb7a4}.scenario-task-heading{margin-top:28px;display:flex;justify-content:space-between;color:#7e8b71;font-size:9px;letter-spacing:.03em;padding-bottom:12px;border-bottom:1px solid #ffffff1b}.scenario-task-heading>span:last-child{width:47%}.business-task-list{list-style:none;padding:0;margin:0}.business-task-list li{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:21px;padding:15px 0;border-bottom:1px solid #ffffff10}.business-task-list strong{font-size:12px;font-weight:400;color:#d3dbc9}.business-task-list span{font-size:12px;color:#a2b28d;display:flex;align-items:center;gap:9px}.business-task-list span:before{content:'↳';color:#b8f500;font-size:13px}.business-applications .flow-demo{margin:22px 0;gap:9px}.business-applications .flow-step{padding:14px 12px;min-height:75px;background:#21271b;border-color:#b8f50012}.business-applications .flow-step:last-child{background:#b8f5000c;border-color:#b8f50033}.business-applications .flow-step small{font-size:8px;letter-spacing:.06em}.business-applications .flow-step strong{font-size:11px;margin-top:7px}.business-applications .scenario-result{padding-top:15px;gap:20px}.business-applications .scenario-result span{font-size:9px;color:#81966a}.business-applications .scenario-result p{font-size:11px;line-height:1.9}.business-applications .scenario-panel .text-link{margin-top:13px;font-size:11px}.business-foot{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:20px}.business-foot>span{font-size:11px;color:#b6c5a3}.business-foot>p{font-size:10px;color:#7a896b}.method-steps{list-style:none;margin:5px 0 30px;padding:0;counter-reset:method}.method-steps li{display:grid;grid-template-columns:35px 1fr;gap:17px;counter-increment:method;border-top:1px solid #cbd5be;padding:23px 0}.method-steps li:before{content:'0' counter(method);font-size:12px;color:#86a259;margin-top:3px}.method-starter{background:#e4ecd8;padding:22px;border-radius:4px;margin-top:24px}.method-starter p{color:#5f7449;font-size:13px}.article-detail.method-detail .button{margin-top:24px}.method-detail .note{font-size:11px}
@media(min-width:1680px){.hero-cinematic{min-height:870px}.hero-cinematic h1{font-size:79px}.hero-cinematic .hero-art{height:750px}}
@media(max-width:1190px){.header .brand .wordmark-crop{width:194px;height:42px}.header .wordmark-crop img{width:230px!important;height:230px!important;top:-133px;left:-16px}.header .desktop-nav{gap:19px}.hero-cinematic{width:calc(100% - 70px);min-height:740px;grid-template-columns:1fr 1.07fr}.hero-cinematic h1{font-size:clamp(43px,4.95vw,64px)}.hero-cinematic .hero-art{height:595px;width:calc(100% + 32px);margin-left:-12px;margin-right:-20px}.hero-cinematic .hero-description{font-size:13px}.hero-cinematic .eyebrow{font-size:10px}.hero-cinematic .hero-actions{gap:20px}.hero-cinematic .hero-actions .text-link{font-size:10px}.hero-cinematic .motion-controls{gap:7px}.hero-cinematic .motion-controls button{padding:4px 7px}.hero-cinematic .art-note .art-hint{font-size:8px}.business-applications .scenario-panel{padding-left:31px}.business-applications .scenario-tabs>button{padding-right:21px}.business-applications .scenario-tabs strong{font-size:18px}.business-applications .scenario-panel h3{font-size:24px}.business-task-list li{gap:16px}.business-task-list strong,.business-task-list span{font-size:11px}}
@media(max-width:900px){.hero-cinematic{grid-template-columns:1fr 1fr;min-height:665px}.hero-cinematic h1{font-size:43px}.hero-cinematic h1 em{font-size:1.25em}.hero-cinematic .hero-art{height:490px;margin-left:-17px;width:calc(100% + 36px)}.hero-cinematic .hero-description{font-size:12px;max-width:325px}.hero-cinematic .hero-description br{display:none}.hero-cinematic .hero-actions{gap:15px}.hero-cinematic .hero-audience{font-size:8px}.hero-cinematic .art-note{left:12px;right:0}.hero-cinematic .art-note .art-hint{display:none}.hero-cinematic .motion-controls{margin-left:auto}.business-applications .possibility-grid{grid-template-columns:.75fr 1.25fr}.business-applications .scenario-tabs>button{gap:14px;padding-right:17px;min-height:105px}.business-applications .scenario-tabs strong{font-size:16px}.business-applications .scenario-tabs small{font-size:8px}.business-applications .tab-num{padding-left:3px}.business-applications .scenario-panel{padding-left:24px}.business-applications .scenario-panel h3{font-size:22px}.business-applications .scenario-panel>p{font-size:12px}.business-task-list li{grid-template-columns:1fr;padding:12px 0;gap:4px}.business-task-list strong,.business-task-list span{font-size:11px}.business-task-list span{color:#8b9b77}.scenario-task-heading>span:last-child{display:none}.business-applications .flow-step strong{font-size:9px}.business-applications .flow-step{padding:12px 7px}.business-foot{align-items:flex-start}.business-foot>span{white-space:nowrap;font-size:10px}.business-foot>p{font-size:9px}}
@media(max-width:640px){.header{height:83px;padding:0 20px}.header .brand .wordmark-crop{width:180px;height:35px}.header .wordmark-crop img{width:207px!important;height:207px!important;top:-120px;left:-14px}.header .nav-join{padding:7px 9px;font-size:9px;gap:8px}#mobile-nav{top:83px}.hero-cinematic{width:calc(100% - 40px);display:flex;min-height:0;padding-top:40px}.hero-cinematic:before{left:-20px;right:-20px}.hero-cinematic .hero-copy{padding:0}.hero-cinematic .eyebrow{font-size:9px;letter-spacing:.015em;margin-bottom:22px}.hero-cinematic h1{font-size:clamp(37px,9vw,55px);line-height:1.3;letter-spacing:-.065em}.hero-cinematic h1 em{font-size:1.4em;line-height:1.12;margin-top:10px;letter-spacing:-.055em}.hero-cinematic .hero-description{font-size:13px;line-height:2;max-width:100%;margin-top:27px}.hero-cinematic .hero-description br{display:initial}.hero-cinematic .hero-actions{margin-top:24px;gap:16px;flex-direction:row;align-items:center}.hero-cinematic .hero-actions .text-link{font-size:9px}.hero-cinematic .hero-audience{display:none}.hero-cinematic .hero-art{height:385px;width:calc(100% + 14px);margin:12px -7px 0;align-self:center;cursor:default}.hero-cinematic .hero-art:before{inset:10% 0 0}.hero-cinematic .art-caption{font-size:6px;left:12px;right:12px;top:4px}.hero-cinematic .art-note{left:13px;right:13px;bottom:15px}.hero-cinematic .art-note .art-hint{display:block;font-size:8px}.hero-cinematic .motion-controls{gap:8px}.hero-cinematic .motion-controls button{font-size:13px;padding:4px 7px;gap:5px}.hero-cinematic .motion-controls button span{font-size:7px}.hero-cinematic .hero-bottom{padding:18px 0}.hero-cinematic .hero-bottom a{font-size:8px;gap:10px}.business-applications .possibility-grid{display:block;min-height:0}.business-applications .scenario-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}.business-applications .scenario-tabs>button{padding:16px 12px 16px 0;min-height:86px;gap:9px;border-bottom:1px solid #ffffff15}.business-applications .scenario-tabs>button:nth-child(5),.business-applications .scenario-tabs>button:nth-child(6){border:0}.business-applications .scenario-tabs [aria-selected=true]:before{top:16px;bottom:16px;left:-1px}.business-applications .tab-num{padding-left:6px;font-size:8px}.business-applications .scenario-tabs strong{font-size:15px}.business-applications .scenario-tabs small{font-size:7px;line-height:1.6;max-width:140px}.business-applications .scenario-tabs i{margin-left:auto;font-size:16px}.business-applications .scenario-panel{padding:28px 0 26px}.business-applications .scenario-panel h3{font-size:24px;line-height:1.5}.business-applications .scenario-panel>p{font-size:13px}.scenario-task-heading{margin-top:24px;font-size:10px}.business-task-list li{grid-template-columns:1fr;padding:14px 0;gap:5px}.business-task-list strong{font-size:13px}.business-task-list span{font-size:12px}.business-applications .flow-demo{gap:6px;margin:23px 0}.business-applications .flow-step{padding:13px 9px;min-height:84px;display:flex;flex-direction:column;justify-content:center}.business-applications .flow-step small{font-size:8px}.business-applications .flow-step strong{font-size:10px;line-height:1.7}.business-applications .scenario-result{gap:15px}.business-applications .scenario-result p{font-size:12px}.business-applications .scenario-result span{font-size:9px}.business-applications .scenario-panel .text-link{font-size:11px}.business-foot{display:block;padding-top:20px}.business-foot>span{font-size:11px}.business-foot>p{font-size:10px;margin-top:7px}.footer .brand .wordmark-crop{width:200px;height:43px}.footer .wordmark-crop img{width:235px!important;height:235px!important;top:-136px;left:-16px}.method-steps li{grid-template-columns:24px 1fr;gap:10px}.method-steps li:before{font-size:11px}.method-starter{padding:17px}}
@media(max-width:360px){.header{padding:0 15px;gap:10px}.header .brand .wordmark-crop{width:151px;height:29px}.header .wordmark-crop img{width:175px!important;height:175px!important;top:-101px;left:-12px}.header .nav-join{font-size:8px;padding:7px;gap:6px}.hero-cinematic .eyebrow{font-size:8px}.hero-cinematic h1{font-size:34px}.hero-cinematic .hero-description{font-size:12px}.hero-cinematic .hero-art{height:330px}.hero-cinematic .hero-actions{gap:11px}.hero-cinematic .hero-actions .text-link{font-size:8px}.business-applications .scenario-tabs strong{font-size:13px}.business-applications .scenario-tabs small{font-size:6px}.business-applications .scenario-tabs i{font-size:13px}.business-applications .scenario-tabs>button{gap:7px;padding-right:8px}.business-applications .flow-step{padding-inline:7px}.business-applications .flow-step strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-cinematic .hero-line,.hero-cinematic h1 em,.hero-cinematic .hero-description,.hero-cinematic .hero-actions{animation:none;opacity:1;transform:none;filter:none}}

.wordmark-crop img{filter:url(#brand-dark)}
.hero-cinematic .hero-art:before{inset:3% 0 8%}
@media(max-width:640px){.hero-cinematic .hero-art:before{inset:10% 0 0}}
