.hero{--black:#0B0D0E;--paper:#F5F2EC;--white:#FFFFFF;--grey:#C6CBC7;--grey-l:#D9D9D0;--orange:#E16324; --line-d2:rgba(245,242,236,.28);--maxw:1320px;--sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif; --ease:cubic-bezier(.16,1,.3,1);--ease-cine:cubic-bezier(.22,.61,.36,1); position:relative;box-sizing:border-box;min-height:100svh;padding-top:calc(var(--header) + 32px);display:flex;align-items:flex-end;overflow:hidden; background:var(--black);color:var(--paper);font-family:var(--sans);line-height:1.6} .hero *,.hero *::before,.hero *::after{box-sizing:border-box} .hero .bleed{position:absolute;inset:0;overflow:hidden;z-index:0;animation:filmIn 1.8s var(--ease-cine) both} .hero .bleed img{width:100%;height:100%;max-width:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.4s var(--ease-cine)} .hero .bleed.kb img{animation:kb 22s var(--ease-cine) infinite alternate}  .hero .bleed::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;--f:clamp(110px,15vh,200px); background:linear-gradient(180deg, var(--black) 0, rgba(11,13,14,0.9978) calc(var(--f)*0.0625), rgba(11,13,14,0.9839) calc(var(--f)*0.125), rgba(11,13,14,0.9512) calc(var(--f)*0.1875), rgba(11,13,14,0.8965) calc(var(--f)*0.25), rgba(11,13,14,0.82) calc(var(--f)*0.3125), rgba(11,13,14,0.7248) calc(var(--f)*0.375), rgba(11,13,14,0.616) calc(var(--f)*0.4375), rgba(11,13,14,0.5) calc(var(--f)*0.5), rgba(11,13,14,0.384) calc(var(--f)*0.5625), rgba(11,13,14,0.2752) calc(var(--f)*0.625), rgba(11,13,14,0.18) calc(var(--f)*0.6875), rgba(11,13,14,0.1035) calc(var(--f)*0.75), rgba(11,13,14,0.0488) calc(var(--f)*0.8125), rgba(11,13,14,0.0161) calc(var(--f)*0.875), rgba(11,13,14,0.0022) calc(var(--f)*0.9375), rgba(11,13,14,0) var(--f), rgba(11,13,14,0) calc(100% - var(--f)), rgba(11,13,14,0.0022) calc(100% - var(--f)*0.9375), rgba(11,13,14,0.0161) calc(100% - var(--f)*0.875), rgba(11,13,14,0.0488) calc(100% - var(--f)*0.8125), rgba(11,13,14,0.1035) calc(100% - var(--f)*0.75), rgba(11,13,14,0.18) calc(100% - var(--f)*0.6875), rgba(11,13,14,0.2752) calc(100% - var(--f)*0.625), rgba(11,13,14,0.384) calc(100% - var(--f)*0.5625), rgba(11,13,14,0.5) calc(100% - var(--f)*0.5), rgba(11,13,14,0.616) calc(100% - var(--f)*0.4375), rgba(11,13,14,0.7248) calc(100% - var(--f)*0.375), rgba(11,13,14,0.82) calc(100% - var(--f)*0.3125), rgba(11,13,14,0.8965) calc(100% - var(--f)*0.25), rgba(11,13,14,0.9512) calc(100% - var(--f)*0.1875), rgba(11,13,14,0.9839) calc(100% - var(--f)*0.125), rgba(11,13,14,0.9978) calc(100% - var(--f)*0.0625), var(--black) 100%)} .hero .scrim{position:absolute;inset:0;z-index:1} .hero .scrim.b{background:linear-gradient(180deg,rgba(11,13,14,.55) 0%,rgba(11,13,14,.2) 32%,rgba(11,13,14,.72) 100%)}  .hero>.scrim.l{background:linear-gradient(90deg,rgba(11,13,14,.84) 0%,rgba(11,13,14,.76) 25%,rgba(11,13,14,.42) 48%,rgba(11,13,14,.1) 72%,transparent 100%)} .hero-in{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(22px,4vw,56px) clamp(56px,8vh,104px)} .hero .lab{font:600 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--grey);margin-bottom:26px;animation:liftIn 1s var(--ease-cine) both;animation-delay:.14s} .hero h1{margin:0;font-size:clamp(2.7rem,7vw,7rem);font-stretch:118%;font-weight:500;letter-spacing:-.035em;line-height:.97;max-width:16ch;color:var(--paper);text-wrap:wrap} .hero h1 b{font-weight:600} .hero-h .ln{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em} .hero-h .ln>*{display:block;animation:lineUp 1.15s var(--ease-cine) both} .hero-h .ln:nth-child(1)>*{animation-delay:.30s} .hero-h .ln:nth-child(2)>*{animation-delay:.46s} .hero .sub{margin:26px 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55;color:var(--grey-l);max-width:44ch;font-weight:400;text-wrap:balance;animation:liftIn 1s var(--ease-cine) both;animation-delay:.66s} .hero-actions{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;animation:liftIn 1s var(--ease-cine) both;animation-delay:.84s} .hero .cta{display:inline-flex;align-items:center;gap:12px;font:500 13px/1 var(--sans);letter-spacing:.02em;padding:15px 26px;border:1px solid var(--line-d2);border-radius:2px;color:var(--white);text-decoration:none; transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .22s var(--ease)} .hero .cta:hover{background:var(--white);color:var(--black);border-color:var(--white);transform:translateY(-1px)} .hero .cta:active{transform:translateY(1px) scale(.985);transition-duration:.08s} .hero .cta.solid{background:var(--orange);border-color:var(--orange);color:var(--black);font-weight:600;position:relative;overflow:hidden} .hero .cta.solid>span{position:relative;z-index:1} .hero .cta.solid:hover{background:#fff;color:var(--black);border-color:var(--paper)} .hero .scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;animation:liftIn 1s ease both;animation-delay:1.3s} .hero .scroll-cue .ln{width:1px;height:34px;position:relative;overflow:hidden;border-radius:1px;background:rgba(225,99,36,.28)} .hero .scroll-cue .ln::after{content:"";position:absolute;left:0;top:-16px;width:1px;height:16px;border-radius:1px;background:var(--orange);animation:cuedrop 2.6s cubic-bezier(.65,.05,.35,1) infinite} @keyframes kb{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-1.5%,-2%,0)}} @keyframes filmIn{from{opacity:0}to{opacity:1}} @keyframes lineUp{from{transform:translateY(118%)}to{transform:translateY(0)}} @keyframes liftIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}} @keyframes cuedrop{0%{transform:translateY(0);opacity:0}14%{opacity:1}70%{opacity:1}100%{transform:translateY(52px);opacity:0}}  @media (max-width:900px){ .hero>.scrim.l{background:linear-gradient(180deg,rgba(11,13,14,.2) 0%,rgba(11,13,14,.7) 36%,rgba(11,13,14,.76) 100%)} } @media (max-width:600px){ .hero-actions{flex-direction:column;align-items:stretch} .hero-actions .cta{width:100%;min-height:48px;line-height:1.3;text-align:center;justify-content:center} } @media (max-width:560px){ .hero h1{font-size:2.5rem} .hero-in{padding-left:20px;padding-right:20px} } @media (prefers-reduced-motion:reduce){ .hero .bleed img,.hero .bleed.kb img{animation:none!important;transform:scale(1.04)!important;transition:none!important} .hero .bleed,.hero-h .ln>*,.hero .lab,.hero .sub,.hero-actions,.hero .scroll-cue{animation:none!important} .hero .scroll-cue .ln::after{animation:none;opacity:0} .hero .cta{transition:none!important} .hero .cta:hover,.hero .cta:active{transform:none} }   .sys-n{--wrap:1208px;--gutter:clamp(22px,4vw,56px)} @media (max-width:560px){.sys-n{--gutter:20px}}  .enhanced .sys-n .site-header:not(.is-solid):not(:has(.suite-menu[open])):before{opacity:0} @media (min-width:1051px){ .sys-n{--header:80px} .sys-n .nav-wrap{width:100%;max-width:1320px;padding-inline:clamp(22px,4vw,56px);gap:34px} .sys-n .site-header .brand{width:178.5px;margin-left:-9px} .sys-n .desktop-nav{gap:34px} .sys-n .desktop-nav .text-link,.sys-n .suite-menu>summary{font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#D9D9D0} .sys-n .desktop-nav .text-link:hover,.sys-n .suite-menu>summary:hover,.sys-n .suite-menu[open]>summary{color:#F5F2EC} .sys-n .nav-contact{margin-left:0;min-height:44px;padding:11px 20px;font-size:12px;font-weight:600;letter-spacing:.1em;color:#0B0D0E} }  .sys-n .home-pocket{min-height:0;padding:clamp(88px,11vh,128px) 0 clamp(96px,12vh,136px)} .sys-n .home-pocket .chapter-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(32px,4vw,64px)} .duo-evidence{max-width:560px;margin-inline:auto 0;padding:0 0 9% 13%;text-align:left} .duo-evidence .duo-phone{position:absolute;left:0;bottom:calc(18px + 1.45em + 14px);width:27%;padding:5px;border-radius:22px;overflow:hidden;box-shadow:0 26px 48px #0009} .duo-evidence .duo-phone img{border-radius:17px} .duo-evidence figcaption{text-align:right} @media (max-width:700px){ .sys-n .home-pocket{padding:72px 0 80px} .sys-n .home-pocket .chapter-grid{grid-template-columns:1fr;gap:44px} .duo-evidence{margin-inline:auto;padding-left:11%} }  @media (max-width:1050px){ .sys-n .site-header .brand{transition:width .25s var(--ease)} .enhanced .sys-n .site-header:not(.is-solid):not(:has(.suite-menu[open])) .brand{width:160px;margin-left:-6px} .enhanced .sys-n .site-header:not(.is-solid):not(:has(.suite-menu[open])) .nav-contact{display:none} .enhanced .sys-n .site-header:not(.is-solid) .suite-menu{margin-left:auto} }  @media (min-width:1051px){ .sys-n .chapter>.scene-photo{opacity:.58} .sys-n .chapter:has(>.scene-photo):before{background:linear-gradient(90deg,rgba(11,13,14,.9) 0%,rgba(11,13,14,.82) 30%,rgba(11,13,14,.6) 58%,rgba(11,13,14,.46) 100%)}  .sys-n .chapter.object-chapter:has(>.scene-photo):before{background:linear-gradient(180deg,transparent 30%,rgba(11,13,14,.82) 62%,rgba(11,13,14,.9) 100%),linear-gradient(90deg,rgba(11,13,14,.9) 0%,rgba(11,13,14,.82) 30%,rgba(11,13,14,.6) 58%,rgba(11,13,14,.46) 100%)} }  @media (min-width:901px){ .hero>.scrim.l{background:linear-gradient(90deg,rgba(11,13,14,.84) 0%,rgba(11,13,14,.76) 25%,rgba(11,13,14,.56) 48%,rgba(11,13,14,.44) 60%,rgba(11,13,14,.1) 76%,transparent 100%)} }  .sys-n .paper .evidence figcaption{color:#2f3533}  @media (max-width:900px){.hero .lab{color:#F2F1EB}}   .hero.short{min-height:max(560px,72svh)}  .hero h1.long{font-size:clamp(2.3rem,4.7vw,4.6rem);max-width:21ch;line-height:1.02;letter-spacing:-.03em;text-wrap:balance} .hero h1 a{color:inherit} .hero .sub a{color:inherit;text-decoration:underline;text-underline-offset:4px} @media (max-width:560px){.hero h1.long{font-size:2.15rem}}  .first-look{padding:clamp(8px,2vh,24px) 0 clamp(72px,10vh,120px);text-align:center} .first-look .evidence{margin-inline:auto} .first-look .desk-evidence,.first-look .window-evidence{max-width:min(880px,100%)} .sys-n.page-inner-d .first-look{background:var(--carbon);color:var(--paper)}   .alive .rv{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,.61,.36,1) var(--rv-d,0s),transform 1.1s cubic-bezier(.16,1,.3,1) var(--rv-d,0s)} .alive .rv.in{opacity:1;transform:none} .alive .rv-shot{opacity:0;transform:translateY(40px) scale(.975);transition:opacity 1s cubic-bezier(.22,.61,.36,1) .1s,transform 1.3s cubic-bezier(.16,1,.3,1) .1s} .alive .rv-shot.in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){.alive .rv,.alive .rv-shot{opacity:1!important;transform:none!important;transition:none!important}}  .home-doors{padding:clamp(72px,10vh,120px) 0} .home-doors .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:32px clamp(40px,6vw,96px);align-items:start} .home-doors h2{font-size:clamp(30px,3.4vw,50px);max-width:14ch;margin:0} .door-list{display:grid;border-top:1px solid #ffffff38} .door{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr) auto;gap:8px 28px;align-items:baseline;padding:24px 0;border-bottom:1px solid #ffffff38;color:inherit} .door:hover{text-decoration:none} .door h3{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.03em;transition:transform .35s var(--ease)} .door p{color:#cbd0cc;font-size:16px;line-height:1.55} .door i{width:8px;height:8px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg);align-self:center;transition:transform .35s var(--ease)} .door:hover h3{transform:translateX(8px)} .door:hover i{transform:translateX(6px) rotate(45deg)} .door:focus-visible{outline:2px solid var(--accent);outline-offset:4px} @media (max-width:900px){.home-doors .wrap{grid-template-columns:1fr}.door{grid-template-columns:1fr auto}.door p{grid-column:1;grid-row:2}}   .deal-stage{position:relative;max-width:560px;margin-left:auto} .deal-stage .deal-roles{border:0;padding:0;margin:0 0 18px;display:flex;gap:26px;align-items:center} .deal-stage .deal-roles legend{float:left;font-size:14px;color:#e2e5df;margin-right:26px;padding:0} .deal-stage .screens{position:relative;aspect-ratio:1080/810;background:#323633;padding:7px;border-radius:5px;box-shadow:0 34px 70px #0008} .deal-stage .screens img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;object-position:top left;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.16,1,.3,1)} .deal-stage .screens img{transition:clip-path .52s cubic-bezier(.2,.8,.2,1)} .deal-stage .shot-manager{clip-path:inset(0 0 55% 0)} .deal-stage:has(input[value="manager"]:checked) .shot-manager{clip-path:inset(0)} .deal-stage .pocket{position:absolute;left:-7%;bottom:-9%;width:23%;padding:5px;border-radius:22px;background:#323633;box-shadow:0 26px 48px #000a;overflow:hidden} .deal-stage .pocket img{display:block;border-radius:17px} .deal-stage figcaption{margin-top:16px;padding-left:22%;font-size:14px;color:#e2e5df;min-height:calc(9vw - 20px)} .deal-stage .who{display:block;min-height:1.5em} .deal-stage .who span{display:none} .deal-stage:has(input[value="salesperson"]:checked) .who .w-sales,.deal-stage:has(input[value="manager"]:checked) .who .w-manager{display:inline}  .home-shotgun .chapter-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center} .floor-steps{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid #ffffff38;max-width:520px} .floor-steps button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px;width:100%;min-height:64px;padding:10px 0;border-bottom:1px solid #ffffff38;cursor:pointer;color:#b9beb9;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.02em;transition:color .35s,padding .45s var(--ease)} .floor-steps button:before{content:"";width:9px;height:9px;border-radius:50%;border:1px solid #ffffff80;transition:background .35s,border-color .35s,transform .45s var(--ease)} .floor-steps button[aria-pressed="true"]{color:var(--paper);padding-left:10px} .floor-steps button[aria-pressed="true"]:before{background:var(--accent);border-color:var(--accent);transform:scale(1.25)} .floor-steps button:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .floor-phone{position:relative;width:min(290px,70vw);margin-inline:auto;aspect-ratio:390/844;background:#323633;padding:7px;border-radius:38px;box-shadow:0 40px 80px #000b} .floor-phone img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;object-position:top;border-radius:31px;opacity:0;transform:translateY(14px);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.16,1,.3,1)} .floor-stage:not([data-step]) .floor-phone img:nth-child(1),.floor-stage[data-step="0"] .floor-phone img:nth-child(1),.floor-stage[data-step="1"] .floor-phone img:nth-child(2),.floor-stage[data-step="2"] .floor-phone img:nth-child(3),.floor-stage[data-step="3"] .floor-phone img:nth-child(4){opacity:1;transform:none} .floor-stage figcaption{text-align:center;margin-top:18px;font-size:14px;color:#cbd0cc} @media (max-width:700px){ .deal-stage{margin-inline:0} .deal-stage .pocket{display:none} .deal-stage figcaption{padding-left:0;min-height:0} .deal-stage .deal-roles legend{float:none;display:block;margin:0 0 6px} .home-shotgun .chapter-grid{grid-template-columns:1fr} .floor-steps{margin-top:28px} .floor-phone{width:min(250px,66vw)} } @media (prefers-reduced-motion:reduce){.deal-stage .screens img,.floor-phone img,.floor-steps button,.floor-steps button:before,.door h3,.door i{transition:none}}  .home-ai .ai-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff45;border-bottom:1px solid #ffffff45} .home-ai .ai-rows a{display:block;padding:30px 26px 30px 0;color:inherit;position:relative} .home-ai .ai-rows a+a{padding-left:26px;border-left:1px solid #ffffff30} .home-ai .ai-rows a:before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)} .home-ai .ai-rows a:hover:before,.home-ai .ai-rows a:focus-visible:before{transform:scaleX(1)} .home-ai .ai-rows a:hover{text-decoration:none} .home-ai .ai-rows h3{font-size:clamp(22px,2vw,28px);margin-bottom:16px;max-width:12ch} .home-ai .ai-rows p{font-size:16px;line-height:1.55;color:#e6e8e2;max-width:26ch} @media (max-width:900px){.home-ai .ai-rows{grid-template-columns:1fr 1fr}.home-ai .ai-rows a:nth-child(odd){padding-left:0;border-left:0}.home-ai .ai-rows a:nth-child(n/**/+3){border-top:1px solid #ffffff30}} @media (max-width:560px){.home-ai .ai-rows{grid-template-columns:1fr}.home-ai .ai-rows a{padding:24px 0!important;border-left:0!important}.home-ai .ai-rows a+a{border-top:1px solid #ffffff30}}  @media (min-width:1051px) and (max-width:1240px){.sys-n .desktop-nav{gap:22px}.sys-n .nav-wrap{gap:22px}.sys-n .desktop-nav .text-link,.sys-n .suite-menu>summary{letter-spacing:.1em}}  .quote-log{margin-top:44px;max-width:620px} .quote-chapter .word-flow{margin-bottom:0} .shotgun-board{padding:clamp(88px,11vh,128px) 0} .shotgun-board .chapter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)} .deal-stage:not(:has(.pocket)) figcaption{padding-left:0;min-height:0}   @media (min-width:901px){ .sys-n:not(.page-index) .hero>.scrim.l{background:linear-gradient(90deg,rgba(11,13,14,.9) 0%,rgba(11,13,14,.84) 28%,rgba(11,13,14,.68) 52%,rgba(11,13,14,.4) 76%,rgba(11,13,14,.16) 100%)} } @media (max-width:900px){ .sys-n:not(.page-index) .hero>.scrim.l{background:linear-gradient(180deg,rgba(11,13,14,.3) 0%,rgba(11,13,14,.74) 30%,rgba(11,13,14,.82) 100%)} }  .sys-n .chapter-copy>.button+.text-link{margin-left:24px} @media (max-width:700px){.sys-n .chapter-copy>.button+.text-link{margin-left:0;display:flex}}   @media (min-width:1051px){ .page-index .home-pocket h2,.page-index .home-ai h2{font-size:clamp(52px,5.3vw,80px);letter-spacing:-.045em} .page-index .home-writeup h2,.page-index .home-shotgun h2,.page-index .home-mailroom h2,.page-index .home-lori h2,.page-index .home-steady h2,.page-index .home-builders h2,.page-index .home-wall h2{font-size:clamp(40px,3.9vw,56px)} .sys-n .closing h2{font-size:clamp(56px,7vw,108px);max-width:14ch;line-height:.98;letter-spacing:-.045em} .sys-n .closing .close-grid{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);align-items:end} .sys-n .closing{min-height:min(820px,92vh)} }  @media (min-width:1051px){ .page-index .home-mailroom .chapter-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:56px} .page-index .home-lori .chapter-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr);gap:56px} .page-index .home-mailroom,.page-index .home-lori{min-height:0;padding:96px 0} .page-index .home-mailroom{padding-bottom:40px} }  @media (min-width:901px){.home-doors h2{position:sticky;top:calc(var(--header) + 40px)}}  .door{position:relative} .door:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .24s cubic-bezier(.2,.8,.2,1)} .door:hover:after,.door:focus-visible:after{transform:scaleX(1)} .sys-n .button:active,.sys-n .nav-contact:active{transform:scale(.97)}  @view-transition{navigation:auto} ::view-transition-old(root),::view-transition-new(root){animation-duration:.3s} @media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}.door:after{transition:none}}  .small-duo{max-width:440px} .quote-log{max-width:440px}  .page-ai .editorial-row p,.page-ai .sec-lead,.page-ai .prose p{font-size:17px;line-height:1.7;color:#3a3a36;max-width:62ch} .page-ai .detail-rows{counter-reset:step;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px} .page-ai .detail-rows .editorial-row{counter-increment:step;position:relative;padding-left:52px} .page-ai .detail-rows .editorial-row:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:28px;font-size:14px;font-weight:600;color:var(--accent-ink);letter-spacing:.04em} .page-ai .inner-detail{grid-template-columns:1fr;gap:8px} .ai-shot{max-width:900px;margin:56px auto 0} @media (max-width:700px){.page-ai .detail-rows{grid-template-columns:1fr}.ai-shot{margin-top:36px}} @media (min-width:1051px){  .page-index .home-mailroom h2 br~br,.page-index .home-lori h2 br~br{display:none} .page-index .home-mailroom h2,.page-index .home-lori h2{font-size:clamp(36px,3.3vw,48px);max-width:13ch} }   @media (max-width:700px){.shotgun-board .chapter-grid{grid-template-columns:1fr}.shotgun-board{padding:72px 0}}  .floor-phone img{transform:none;transition:opacity .28s linear}  @media (min-width:1051px){ .page-index .home-pocket h2,.page-index .home-ai h2{font-size:clamp(46px,4.5vw,66px)} .page-index .home-mailroom h2 br~br,.page-index .home-lori h2 br~br{display:inline} .page-index .home-mailroom h2,.page-index .home-lori h2{font-size:clamp(32px,2.9vw,42px);max-width:none} .sys-n .closing h2{font-size:clamp(46px,5.1vw,74px);max-width:22ch;line-height:1.02} }  @media (min-width:1051px){ .page-index .home-mailroom .evidence,.page-index .home-lori .evidence{max-width:none} .page-index .home-mailroom .evidence{margin-right:0}.page-index .home-lori .evidence{margin-left:0} }  .sys-n .xlinks .text-link{margin-left:0;margin-right:24px}  .first-look .desk-evidence{max-width:560px}  .small-duo .duo-phone{border-radius:14px}.small-duo .duo-phone img{border-radius:10px} @media (max-width:600px){.hero .scroll-cue{display:none}}   .hero.brief{min-height:max(460px,56svh)}  .enhanced .sys-n .site-header.past:before{opacity:1!important} @media (max-width:1050px){ .enhanced .sys-n .site-header.past .brand{width:86px!important;margin-left:0!important} .enhanced .sys-n .site-header.past .nav-contact{display:inline-flex!important} .enhanced .sys-n .site-header.past .suite-menu{margin-left:0!important} }  .deal-stage .screens{aspect-ratio:1024/628;background:none;padding:0;box-shadow:none;border-radius:0} .deal-stage .screens:before{content:"";position:absolute;inset:0 0 auto 0;height:var(--frame,50%);background:#323633;border-radius:5px;box-shadow:0 34px 70px #0008;transition:height .5s cubic-bezier(.2,.8,.2,1)} .deal-stage .screens img{inset:7px 7px auto 7px;width:calc(100% - 14px);height:auto;object-fit:fill;clip-path:inset(0 0 calc(100% - var(--show,48%)) 0);transition:clip-path .5s cubic-bezier(.2,.8,.2,1)} .deal-stage .shot-manager{opacity:0} .deal-stage:has(input[value="manager"]:checked) .screens{--frame:100%;--show:100%} .deal-stage:has(input[value="manager"]:checked) .shot-manager{opacity:1;clip-path:inset(0 0 calc(100% - var(--show,48%)) 0)} .deal-stage:has(input[value="manager"]:checked) .shot-sales{opacity:0} .deal-stage figcaption{position:relative}  .alive .rv{transition:opacity .5s cubic-bezier(.22,.61,.36,1) var(--rv-d,0s),transform .7s cubic-bezier(.16,1,.3,1) var(--rv-d,0s)}  .floor-stage{padding-bottom:clamp(40px,8vh,120px)}  @media (min-width:1051px){ .page-index .home-pocket h2,.page-index .home-ai h2,.sys-n .closing h2{font-size:clamp(46px,4.45vw,64px);letter-spacing:-.03em;line-height:1.04} .page-index .home-writeup h2,.page-index .home-shotgun h2,.page-index .home-mailroom h2,.page-index .home-lori h2,.page-index .home-steady h2,.page-index .home-builders h2,.page-index .home-wall h2,.page-index .home-services h2,.page-index .home-doors h2{font-size:clamp(36px,3.35vw,48px);letter-spacing:-.03em} .page-index .home-mailroom h2,.page-index .home-lori h2{font-size:clamp(32px,2.9vw,42px)} } .page-index .chapter:not(.tv-room) .evidence figcaption,.page-index .duo-evidence figcaption,.floor-stage figcaption{text-align:left} .page-index .duo-evidence figcaption{padding-left:17%} @media (max-width:700px){.page-index .duo-evidence figcaption{padding-left:20%}}  @media (min-width:1051px){ .page-index .home-steady{min-height:70vh} .page-index .home-steady>.scene-photo{opacity:.72;object-position:70% 62%} .page-index .home-steady:has(>.scene-photo):before{background:linear-gradient(90deg,rgba(11,13,14,.92) 0%,rgba(11,13,14,.84) 32%,rgba(11,13,14,.5) 56%,rgba(11,13,14,.18) 100%)} }  @media (hover:hover){ .door{transition:opacity .25s} .door-list:hover .door:not(:hover){opacity:.55} .door:hover i{transform:translateX(12px) rotate(45deg)} }  @media (min-width:1051px){.sys-n .menu-panel{padding-inline:max(clamp(22px,4vw,56px),calc((100% - 1320px)/2 + clamp(22px,4vw,56px)))}} @media (max-width:700px){.sys-n .menu-panel{min-height:calc(100dvh - var(--header))}}  @media (min-width:1051px){ .sys-n .chapter:not(.single-column):not(.centered):not(.object-chapter) .chapter-copy h2{font-size:clamp(34px,3.35vw,48px);max-width:none;letter-spacing:-.03em} .page-index .home-pocket .chapter-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)} .page-index .home-pocket .chapter-copy h2{font-size:clamp(42px,3.9vw,56px);letter-spacing:-.035em} .page-index .home-mailroom .chapter-copy h2,.page-index .home-lori .chapter-copy h2{font-size:clamp(30px,2.75vw,40px)} .sys-n .home-services h2{max-width:none}  .hero h1.mid{font-size:clamp(2.6rem,5.2vw,5rem);max-width:none;line-height:1} } @media (min-width:1051px){ .page-index .home-mailroom .chapter-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)} .page-index .home-lori .chapter-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)} .page-index .home-mailroom .chapter-copy h2,.page-index .home-lori .chapter-copy h2{font-size:clamp(30px,2.6vw,38px)} }   @media (min-width:701px){.floor-phone{width:min(262px,26vh + 60px)}} .floor-stage figcaption{text-align:center}  .deal-stage{container-type:inline-size} .deal-stage figcaption{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform:translateY(calc(-.5 * 61.33cqw))} .deal-stage:has(input[value="manager"]:checked) figcaption{transform:none} @media (prefers-reduced-motion:reduce){.deal-stage figcaption{transition:none}}  @media (min-width:1051px){.sys-n .menu-groups{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.sys-n .menu-s{top:120px;right:auto;left:0}}  .sys-n .phone-evidence figcaption{width:max-content;max-width:86vw;position:relative;left:50%;transform:translateX(-50%)}  @media (min-width:901px){.home-ai .ai-rows h3{min-height:2.2em}}  .sys-n .footer .brand{margin-left:-6px}  .sys-n .prose ul{list-style:disc}.sys-n .prose ol{list-style:decimal}  .sys-n .evidence:not(.tv-evidence)>.screen-light{display:none}  .sys-n .lead,.hero .sub{text-wrap:pretty} .sys-n .centered .lead{text-wrap:balance}   .cycle{position:relative} .cycle img+img{position:absolute;left:7px;top:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;opacity:0;transition:opacity .6s ease} .tv-evidence .cycle img+img{left:10px;top:10px;width:calc(100% - 20px);height:calc(100% - 20px)} .cycle img.on{opacity:1} .cycle .tv-shutters,.cycle .tv-ember{z-index:2}  .ticker{list-style:none;display:flex;flex-wrap:wrap;gap:8px 10px;padding:0;margin:22px 0 4px} .ticker li{font-size:15px;font-weight:600;padding:9px 16px;border:1px solid currentColor;border-radius:2px;opacity:.5;animation:turn 6s infinite} .ticker li:nth-child(2){animation-delay:2s}.ticker li:nth-child(3){animation-delay:4s} @keyframes turn{0%,28%{opacity:1;background:var(--accent);border-color:var(--accent);color:#14110F}36%,100%{opacity:.5;background:transparent}}  .voice{display:flex;align-items:center;gap:5px;height:34px;margin:22px 0 2px} .voice i{width:3px;height:100%;background:var(--accent-ink);border-radius:2px;transform:scaleY(.2);animation:speak 1.5s ease-in-out infinite} .dark .voice i{background:var(--accent)} .voice i:nth-child(2n){animation-delay:.18s}.voice i:nth-child(3n){animation-delay:.42s}.voice i:nth-child(5n){animation-delay:.7s}.voice i:nth-child(7n){animation-delay:.95s} @keyframes speak{0%,100%{transform:scaleY(.2)}40%{transform:scaleY(1)}70%{transform:scaleY(.45)}}  .flow-scene{padding:clamp(72px,10vh,120px) 0} .flow-scene h2{font-size:clamp(34px,4vw,56px);max-width:none;margin-bottom:clamp(36px,5vh,60px)} .flow{display:grid;grid-template-columns:minmax(0,auto) minmax(60px,160px) minmax(0,1fr);align-items:center;gap:0 22px} .flow-in{list-style:none;padding:0;margin:0;display:grid;gap:0} .flow-in li{display:flex;align-items:center;height:64px;font-size:clamp(18px,1.7vw,24px);letter-spacing:-.02em;white-space:nowrap} .flow-lines{display:grid;align-self:stretch} .flow-lines i{position:relative;height:64px;align-self:center} .flow-lines i:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff45} .flow-lines i:after{content:"";position:absolute;left:0;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--accent);animation:travel 2.6s cubic-bezier(.5,0,.3,1) infinite} .flow-lines i:nth-child(2):after{animation-delay:.5s}.flow-lines i:nth-child(3):after{animation-delay:1s}.flow-lines i:nth-child(4):after{animation-delay:1.5s}.flow-lines i:nth-child(5):after{animation-delay:2s} @keyframes travel{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}} .flow-end{min-width:0} .flow-out{max-width:none;margin:0}.flow-out.flow-small{max-width:440px} .flow-out figcaption{text-align:left} .flow-end .ticker{margin:0 0 18px} .flow-words .flow-end .ticker{flex-direction:column;align-items:flex-start;gap:0;margin:0} .flow-words .flow-end .ticker li{height:64px;display:flex;align-items:center;font-size:clamp(18px,1.7vw,24px);font-weight:500;letter-spacing:-.02em;padding:0 18px} @media (max-width:820px){ .flow{grid-template-columns:1fr;gap:22px} .flow-in{display:flex;flex-wrap:wrap;gap:8px} .flow-in li{height:auto;font-size:15px;padding:8px 14px;border:1px solid #ffffff45;border-radius:2px;white-space:normal} .flow-lines{display:block;height:44px;width:1px;margin-left:20px} .flow-lines i{display:none}.flow-lines i:first-child{display:block;height:44px;width:8px} .flow-lines i:first-child:before{left:3px;right:auto;top:0;width:1px;height:100%} .flow-lines i:first-child:after{animation-name:fall;left:0;top:0} } @keyframes fall{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:36px;opacity:0}} @media (prefers-reduced-motion:reduce){.ticker li{animation:none;opacity:1}.voice i{animation:none;transform:scaleY(.6)}.flow-lines i:after{animation:none;left:calc(50% - 4px)}.cycle img+img{transition:none}}  .flow-lines{align-self:center;grid-auto-rows:64px} .flow-in{grid-auto-rows:64px}  @media (max-width:560px){.hero h1 .ln>*{text-wrap:balance}}   @media (max-width:900px){ .sys-n .hero>.scrim.l{background:none} .sys-n .hero>.scrim.b{background:linear-gradient(180deg,rgba(11,13,14,.5) 0,rgba(11,13,14,.08) 22%,transparent 40%)} .sys-n .hero .bleed::after{--f:90px} .sys-n .hero-in{padding-top:120px;background:linear-gradient(180deg,rgba(11,13,14,0) 0,rgba(11,13,14,.8) 96px,rgba(11,13,14,.9) 150px,#0B0D0E 100%)} .sys-n .hero{min-height:100svh} .sys-n .hero.short{min-height:max(620px,90svh)} .sys-n .hero.brief{min-height:max(520px,72svh)} .sys-n .hero .bleed img{object-position:center 30%}  .sys-n .chapter>.scene-photo,.sys-n .closing>.scene-photo{opacity:.7} .sys-n .chapter:has(>.scene-photo):before,.sys-n .closing:has(>.scene-photo):before{background:linear-gradient(180deg,rgba(11,13,14,.25) 0,rgba(11,13,14,.82) 34%,rgba(11,13,14,.9) 100%)} .sys-n .chapter:has(>.scene-photo),.sys-n .closing:has(>.scene-photo){padding-top:max(150px,26vh)} }  .hero h1 .lab{display:block;font:600 11px/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--grey);margin:0 0 26px;max-width:none;animation:liftIn 1s var(--ease-cine) both;animation-delay:.14s} @media (max-width:900px){.hero h1 .lab{color:#F2F1EB}} @media (prefers-reduced-motion:reduce){.hero h1 .lab{animation:none}}    body.sys-n:not(.page-index) main > section { --u: 8px; --display: clamp(2.5rem, 1.5rem + 4vw, 5.5rem); --heading: clamp(2rem, 1.4rem + 2.4vw, 3.5rem); --subheading: clamp(1.4375rem, 1.15rem + 1.15vw, 2rem); --lead-size: clamp(1.3125rem, 1.1rem + .85vw, 1.75rem); --body-size: clamp(1.0625rem, 1rem + .25vw, 1.125rem); --small-size: clamp(.875rem, .825rem + .2vw, .9375rem); --section-space: clamp(64px, 8vw, 128px); --column-gap: clamp(32px, 5vw, 80px); --motion-ease: cubic-bezier(.22, .68, .24, 1); --ink: #0B0D0E; --muted: #535956; --accent: #E16324; --accent-ink: #A73C12; --line: #535956; --focus: #A73C12; font: 400 var(--body-size)/1.65 Manrope, sans-serif; overflow-wrap: break-word; } body.sys-n:not(.page-index) main > section.paper { background-color: #F5F2EC; color: var(--ink); color-scheme: light; } body.sys-n:not(.page-index) main > section:is(.dark, .black) { --ink: #F5F2EC; --muted: #CBD0CC; --accent-ink: #E16324; --line: #CBD0CC; --focus: #E16324; color: var(--ink); color-scheme: dark; background-color: #0B0D0E; } body.sys-n:not(.page-index) main > section.black { background-color: #080B0C; } body.sys-n:not(.page-index) main > section :is(.wrap, .chapter-copy, .chapter-art, .row-body, .wf-copy, .person, .flow-end) { min-width: 0; } body.sys-n:not(.page-index) main > section ::selection { background: #E16324; color: #080B0C; }  body.sys-n:not(.page-index) main > section :is(h2, h3, h4) { font-family: Manrope, sans-serif; font-weight: 500; text-wrap: balance; overflow-wrap: anywhere; } body.sys-n:not(.page-index) main > section h2 { font-size: var(--heading) !important; line-height: 1.12; letter-spacing: -.035em !important; max-width: 22ch; margin: 0; color: var(--ink); } body.sys-n:not(.page-index) main > section h3 { font-size: var(--subheading); line-height: 1.22; letter-spacing: -.025em; max-width: 26ch; color: var(--ink); } body.sys-n:not(.page-index) main > section p { font-size: var(--body-size); line-height: 1.65; max-width: 64ch; text-wrap: pretty; color: var(--muted); opacity: 1; } body.sys-n:not(.page-index) main > section p + p { margin-top: calc(2 * var(--u)); } body.sys-n:not(.page-index) main > section :is(.lead, .sec-lead) { font-size: var(--lead-size); line-height: 1.5; letter-spacing: -.015em; max-width: 46ch; margin: calc(3 * var(--u)) 0 0; color: var(--muted); } body.sys-n:not(.page-index) main > section :is(small, .small, figcaption, .tag, .status, .role, .page-meta, .avail, .sample) { font-size: var(--small-size); line-height: 1.6; color: var(--muted); opacity: 1; } body.sys-n:not(.page-index) main > section :is(.lab, .num, .step .n, .fact .k, .wl-n, .wl-who > span) { font-size: .75rem; font-weight: 600; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); } body.sys-n:not(.page-index) main > section :is(.fact .v, .num, .step .n, .wl-n, table) { font-variant-numeric: tabular-nums lining-nums; }  body.sys-n:not(.page-index) main > section:is(.prose-section, .faq-section, .flow-scene, .moment, .install-section) { min-height: 0; padding: var(--section-space) 0; } body.sys-n:not(.page-index) main > section.chapter { min-height: 0; padding: clamp(80px, 10vw, 160px) 0; } body.sys-n:not(.page-index) main > section.prose-section:has(> .wrap > .editorial-rows:only-child) { padding-block: clamp(40px, 5vw, 80px); } body.sys-n:not(.page-index) main > section.prose-section:has(.prose) { padding-block: clamp(72px, 9vw, 144px); } body.sys-n:not(.page-index) main > section.prose-section:has(.xlinks) { padding-block: clamp(56px, 6vw, 96px); } body.sys-n:not(.page-index) main > section .sec-top { max-width: none; margin: 0 0 calc(6 * var(--u)); } body.sys-n:not(.page-index) main > section .sec-top h2 { margin: 0; } body.sys-n:not(.page-index) main > section .wrap > h2 { margin-bottom: calc(6 * var(--u)); } body.sys-n:not(.page-index) main > header.hero + section .sec-top h2 { font-size: var(--display) !important; line-height: 1.04; max-width: 20ch; } body.sys-n:not(.page-index) main > header.hero + section .sec-lead { color: var(--ink); } body.sys-n:not(.page-index) main > section .section-mark { margin: 0 0 calc(4 * var(--u)); color: var(--accent-ink); }  body.sys-n:not(.page-index) main > section .editorial-rows { margin: 0; padding: 0; border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section .editorial-row { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: calc(2 * var(--u)) var(--column-gap); padding: calc(5 * var(--u)) 0; border-bottom: 1px solid var(--line); color: var(--ink); background: none; border-radius: 0; text-decoration: none; } body.sys-n:not(.page-index) main > section .editorial-row h3 { max-width: 24ch; } body.sys-n:not(.page-index) main > section .editorial-row p { font-size: var(--body-size); color: var(--muted); } body.sys-n:not(.page-index) main > section .editorial-row .tag { font-size: var(--small-size); margin-top: calc(2 * var(--u)); } body.sys-n:not(.page-index) main > section .editorial-row::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--accent-ink); transform: scaleX(0); transform-origin: left; transition: transform 360ms var(--motion-ease); } body.sys-n:not(.page-index) main > section a.editorial-row:is(:hover, :focus-visible)::after { transform: scaleX(1); } body.sys-n:not(.page-index) main > section a.editorial-row:is(:hover, :focus-visible) h3 { color: var(--accent-ink); text-decoration: none; } body.sys-n:not(.page-index) main > section .row-body .go { margin-top: calc(2 * var(--u)); min-height: 44px; font-size: var(--small-size); font-weight: 600; color: var(--ink); } body.sys-n:not(.page-index) main > section .detail-rows { display: block; counter-reset: solva-step; border-top: 0; } body.sys-n:not(.page-index) main > section .detail-rows .editorial-row { counter-increment: solva-step; grid-template-columns: calc(5 * var(--u)) minmax(0, 1fr); gap: var(--u) calc(2 * var(--u)); padding: calc(4 * var(--u)) 0; } body.sys-n:not(.page-index) main > section .detail-rows .editorial-row::before { content: counter(solva-step, decimal-leading-zero); position: static; grid-column: 1; grid-row: 1 / span 2; padding-top: var(--u); font-size: .75rem; font-weight: 600; letter-spacing: .08em; font-variant-numeric: tabular-nums; color: var(--accent-ink); } body.sys-n:not(.page-index) main > section .detail-rows .editorial-row > * { grid-column: 2; } body.sys-n:not(.page-index) main > section .detail-rows h3 { font-size: clamp(1.4375rem, 2.2vw, 1.75rem); }  body.sys-n:not(.page-index) main > section .prose { max-width: 56ch; margin-inline: 0; font-size: var(--body-size); line-height: 1.65; } body.sys-n:not(.page-index) main > section .prose h2 { font-size: clamp(1.875rem, 1.4rem + 1.8vw, 2.75rem) !important; margin: calc(8 * var(--u)) 0 calc(3 * var(--u)); max-width: 26ch; } body.sys-n:not(.page-index) main > section .prose h2:first-child { margin-top: 0; } body.sys-n:not(.page-index) main > section .prose h3 { margin: calc(5 * var(--u)) 0 calc(2 * var(--u)); } body.sys-n:not(.page-index) main > section .prose > p:first-child:not([style]):not(.page-meta), body.sys-n:not(.page-index) main > section .prose > :is(.page-meta, [style*="font-size:14px"]) + p { font-size: var(--lead-size); line-height: 1.5; letter-spacing: -.015em; color: var(--ink); } body.sys-n:not(.page-index) main > section .prose > :is(.page-meta, [style*="font-size:14px"]) { font-size: var(--small-size) !important; color: var(--muted) !important; opacity: 1 !important; margin: 0 0 calc(4 * var(--u)) !important; } body.sys-n:not(.page-index) main > section .prose :is(ul, ol) { margin: calc(3 * var(--u)) 0; padding-left: calc(3 * var(--u)); } body.sys-n:not(.page-index) main > section .prose li { padding-left: var(--u); color: var(--ink); } body.sys-n:not(.page-index) main > section .prose li + li { margin-top: calc(2 * var(--u)); } body.sys-n:not(.page-index) main > section .prose li::marker { color: var(--accent-ink); }  body.sys-n:not(.page-index) main > section :is(.faq, .faqs) { max-width: none; min-width: 0; } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details { border-bottom: 1px solid var(--line); } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details:first-child { border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) summary { padding: calc(3 * var(--u)) calc(5 * var(--u)) calc(3 * var(--u)) 0; min-height: 64px; font-size: clamp(1.125rem, 1rem + .6vw, 1.375rem); font-weight: 500; line-height: 1.45; letter-spacing: -.015em; color: var(--ink); } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) summary::after { top: calc(3 * var(--u)); right: var(--u); font-size: 24px; line-height: 1.3; color: var(--accent-ink); } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details[open] { border-bottom: 2px solid var(--accent-ink); } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details[open] > summary { color: var(--accent-ink); } body.sys-n:not(.page-index) main > section :is(.faq .ans, .faqs details > div, .faqs details > p) { max-width: 64ch; padding: 0 calc(4 * var(--u)) calc(4 * var(--u)) 0; font-size: var(--body-size); color: var(--muted); } body.sys-n:not(.page-index) main > section .xlinks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 calc(5 * var(--u)); margin-top: calc(4 * var(--u)); } body.sys-n:not(.page-index) main > section .xlinks .text-link { display: flex; justify-content: space-between; margin: 0; padding: calc(2 * var(--u)) 0; min-height: 56px; border-bottom: 1px solid var(--line); font-size: var(--body-size); font-weight: 400; }  body.sys-n:not(.page-index) main > section .chapter-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: calc(6 * var(--u)) var(--column-gap); align-items: center; text-align: left; } body.sys-n:not(.page-index) main > section .chapter-copy h2 { font-size: clamp(2.25rem, 1.25rem + 3.4vw, 4.5rem) !important; max-width: 19ch; line-height: 1.08; } body.sys-n:not(.page-index) main > section .chapter-art { transform: none; justify-self: start; max-width: 100%; } body.sys-n:not(.page-index) main > section.centered .chapter-art { width: 100%; } body.sys-n:not(.page-index) main > section .chapter-copy :is(.lead, .section-mark) { margin-inline: 0; } body.sys-n:not(.page-index) main > section .chapter-grid.single-column { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > section .inner-detail { align-items: start; } body.sys-n:not(.page-index) main > section .inner-detail .sec-top { margin: 0; } body.sys-n:not(.page-index) main > section :is(.evidence, .deal-stage, .source-evidence) { margin-inline: 0; text-align: left; } body.sys-n:not(.page-index) main > section :is(.evidence, .deal-stage, .floor-stage) figcaption { font-size: var(--small-size); color: var(--muted); text-align: left; margin-top: calc(2 * var(--u)); padding-inline: 0; } body.sys-n:not(.page-index) main > section .phone-evidence figcaption { width: auto; max-width: 100%; left: auto; transform: none; } body.sys-n:not(.page-index) main > section .duo-evidence figcaption { text-align: left; } body.sys-n:not(.page-index) main > section .floor-phone { margin-inline: 0; } body.sys-n:not(.page-index) main > section .first-look { text-align: left; } body.sys-n:not(.page-index) main > section.first-look { padding-block: calc(4 * var(--u)) clamp(64px, 8vw, 128px); text-align: left; } body.sys-n:not(.page-index) main > section :is(.screen-frame, .deal-stage .screens::before, .floor-phone, .duo-phone, .appwin, .lori-win) { box-shadow: none; background-color: #0B0D0E; } body.sys-n:not(.page-index) main > section :is(.screen-light, .tv-shutters, .tv-ember), body.sys-n:not(.page-index) main > section.tv-room::before, body.sys-n:not(.page-index) main > section.tv-room::after, body.sys-n:not(.page-index) main > section .tv-evidence::after { display: none !important; } body.sys-n:not(.page-index) main > section.tv-room .chapter-copy { transform: none; }  body.sys-n:not(.page-index) main > section.scene:has(> .scene-photo)::before { background: rgb(6 8 9 / .82); opacity: 1; } body.sys-n:not(.page-index) main > section.chapter.inner-photo { min-height: clamp(440px, 65svh, 760px); padding-block: clamp(80px, 12vw, 192px); align-items: end; } body.sys-n:not(.page-index) main > section.chapter.inner-photo .chapter-copy h2 { font-size: var(--display) !important; max-width: 19ch; line-height: 1.04; } body.sys-n:not(.page-index) main > section.chapter.inner-photo .lead { max-width: 42ch; color: #CBD0CC; }  body.sys-n:not(.page-index) main > section .people { gap: calc(8 * var(--u)) var(--column-gap); } body.sys-n:not(.page-index) main > section .person { border-top: 1px solid var(--line); padding-top: calc(4 * var(--u)); } body.sys-n:not(.page-index) main > section .person h2 { margin-bottom: calc(2 * var(--u)); } body.sys-n:not(.page-index) main > section .person .role { margin-top: 0; } body.sys-n:not(.page-index) main > section .work-feature { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; gap: calc(5 * var(--u)) var(--column-gap); margin-bottom: calc(8 * var(--u)); } body.sys-n:not(.page-index) main > section .work-feature .source-evidence { margin-block: 0; } body.sys-n:not(.page-index) main > section .wf-copy h3 { margin: calc(2 * var(--u)) 0 calc(3 * var(--u)); } body.sys-n:not(.page-index) main > section .formwrap { gap: var(--column-gap); } body.sys-n:not(.page-index) main > section .eform { gap: calc(4 * var(--u)) calc(3 * var(--u)); } body.sys-n:not(.page-index) main > section .eform :is(label, legend) { font-size: .75rem !important; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); } body.sys-n:not(.page-index) main > section .eform .opt { color: var(--muted); letter-spacing: 0; text-transform: none; } body.sys-n:not(.page-index) main > section .eform :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { min-width: 0; max-width: 100%; min-height: 56px; padding: calc(2 * var(--u)); font: inherit; color: var(--ink); background: #F5F2EC; border: 1px solid var(--line); border-radius: 0; box-shadow: none; } body.sys-n:not(.page-index) main > section .eform textarea { min-height: 192px; } body.sys-n:not(.page-index) main > section .eform ::placeholder { color: #535956; opacity: 1; } body.sys-n:not(.page-index) main > section :is(.eform .hint, .eform .consent, .side-card .hours) { font-size: var(--small-size) !important; line-height: 1.6; color: var(--muted); } body.sys-n:not(.page-index) main > section .side-card { padding: calc(4 * var(--u)) 0; background: none; border-color: var(--line); } body.sys-n:not(.page-index) main > section .side-card h2 { font-size: var(--subheading) !important; margin-bottom: calc(3 * var(--u)); } body.sys-n:not(.page-index) main > section .side-card li { font-size: var(--body-size) !important; line-height: 1.65; color: var(--muted); } body.sys-n:not(.page-index) main > section .side-card .mail a { word-break: normal; overflow-wrap: anywhere; color: var(--accent-ink); } body.sys-n:not(.page-index) main > section .fstatus.show { border-radius: 0; background: #F5F2EC; color: #0B0D0E; border-color: #535956; } body.sys-n:not(.page-index) main > section .fstatus.err { color: #A73C12; border-color: #A73C12; } body.sys-n:not(.page-index) main > section .form-extra { border-color: var(--line); } body.sys-n:not(.page-index) main > section .form-extra summary::before { color: var(--accent-ink); } body.sys-n:not(.page-index) main > section .form-extra[open] summary::before { content: "-"; }  body.sys-n:not(.page-index) main > section a { text-underline-offset: .22em; text-decoration-thickness: 1px; } body.sys-n:not(.page-index) main > section :is(.prose, .ans, .person, .consent) a { text-decoration: underline; color: var(--accent-ink); overflow-wrap: anywhere; } body.sys-n:not(.page-index) main > section .text-link { min-height: 44px; color: var(--ink); white-space: normal; } body.sys-n:not(.page-index) main > section .text-link:is(:hover, :focus-visible) { color: var(--accent-ink); } body.sys-n:not(.page-index) main > section :is(.text-link, .go)::after { transition: translate 240ms var(--motion-ease); flex-shrink: 0; } body.sys-n:not(.page-index) main > section :is(.text-link:hover, a.editorial-row:hover .go)::after { translate: 4px 0; } body.sys-n:not(.page-index) main > section :is(.button, .eform button[type="submit"]) { min-height: 48px; max-width: 100%; padding: calc(2 * var(--u)) calc(3 * var(--u)); background: #E16324; color: #080B0C; border: 1px solid #E16324; border-radius: 0; font-size: var(--small-size); font-weight: 600; line-height: 1.5; white-space: normal; transition: background-color 220ms ease, color 220ms ease; } body.sys-n:not(.page-index) main > section :is(.button, .eform button[type="submit"]):is(:hover, :active) { background: var(--ink); color: #F5F2EC; border-color: var(--ink); transform: none; } body.sys-n:not(.page-index) main > section:is(.dark, .black) .button:is(:hover, :active) { color: #080B0C; } body.sys-n:not(.page-index) main > section :is(a, button, summary, input, select, textarea):focus-visible { outline: 2px solid var(--focus); outline-offset: 5px; } body.sys-n:not(.page-index) main > section .actions { gap: calc(2 * var(--u)) calc(4 * var(--u)); margin-top: calc(5 * var(--u)); }  body.sys-n:not(.page-index) main > section.closing { background-color: #060809; min-height: clamp(560px, 78svh, 880px); padding-block: clamp(88px, 12vw, 192px); } body.sys-n:not(.page-index) main > section.closing:has(> .scene-photo)::before { background: rgb(8 11 12 / .88); } body.sys-n:not(.page-index) main > section.closing .close-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: end; gap: var(--column-gap); } body.sys-n:not(.page-index) main > section.closing h2 { font-size: var(--display) !important; letter-spacing: -.045em !important; line-height: 1.04; max-width: 18ch; } body.sys-n:not(.page-index) main > section.closing .lead { color: #CBD0CC; max-width: 44ch; } body.sys-n:not(.page-index) main > section.closing .founders { justify-content: flex-start; flex-wrap: wrap; gap: calc(4 * var(--u)); } body.sys-n:not(.page-index) main > section.closing .founder :is(b, span) { font-size: var(--small-size); } body.sys-n:not(.page-index) main > section.closing .founder span { color: #CBD0CC; }  @media (min-width: 1051px) { body.sys-n:not(.page-index) main > section .sec-top > div:has(> .sec-lead) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; gap: var(--column-gap); } body.sys-n:not(.page-index) main > section .sec-top > div > .sec-lead { margin-top: 0; } body.sys-n:not(.page-index) main > header.hero + section .sec-top > div:has(> .sec-lead) { display: block; } body.sys-n:not(.page-index) main > header.hero + section .sec-top .sec-lead { margin-top: calc(4 * var(--u)); max-width: 54ch; } body.sys-n:not(.page-index) main > section .inner-detail .sec-top > div { display: block; } body.sys-n:not(.page-index) main > section .inner-detail .sec-top .sec-lead { margin-top: calc(3 * var(--u)); } body.sys-n:not(.page-index) main > section .wrap:has(> .faq) { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--column-gap); align-items: start; } body.sys-n:not(.page-index) main > section .wrap:has(> .faq) > .sec-top h2 { font-size: clamp(2rem, 3vw, 2.75rem) !important; } body.sys-n:not(.page-index):is(.page-mailroom, .page-lori) main > section.chapter .chapter-grid { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); } body.sys-n:not(.page-index):is(.page-mailroom, .page-lori) main > section.chapter .chapter-art { width: 100%; } body.sys-n:not(.page-index):is(.page-mailroom, .page-lori) main > section.chapter :is(.window-evidence, .appwin, .lori-win) { max-width: 100%; } body.sys-n:not(.page-index):is(.page-steady, .page-dealerships, .page-construction, .page-custom-software, .page-website-design, .page-small-business, .page-revenue) main > section.chapter:nth-of-type(even) .chapter-grid:not(.single-column) { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); } }  body.sys-n:not(.page-index) main > section :is(.rv, .rv-shot) { opacity: 1; transform: none; visibility: visible; } body.sys-n:not(.page-index) main > section .word-flow::after { transform: scaleX(1); } body.sys-n:not(.page-index) main > section .ticker li { animation: none; opacity: 1; background: none; color: var(--ink); border-color: var(--line); } body.sys-n:not(.page-index) main > section .quote-chapter .flow-word::before { color: var(--muted); } body.sys-n:not(.page-index) main > section :is(.voice i, .flow-lines i::after) { animation: none; background: var(--accent-ink); } body.sys-n:not(.page-index) main:where(html.alive *) > section :is(.rv, .rv-shot) { transition: opacity 440ms var(--motion-ease), transform 540ms var(--motion-ease); transition-delay: clamp(0ms, var(--rv-d, 0ms), 100ms); } body.sys-n:not(.page-index) main:where(html.alive *) > section .rv:not(.in) { opacity: 0; transform: translateY(12px); } body.sys-n:not(.page-index) main:where(html.alive *) > section :is(h2, h3).rv:not(.in) { transform: translateY(20px); } body.sys-n:not(.page-index) main:where(html.alive *) > section .editorial-row.rv { transition-duration: 380ms, 460ms; transition-delay: clamp(0ms, var(--rv-d, 0ms), 120ms); } body.sys-n:not(.page-index) main:where(html.alive *) > section .editorial-row.rv:not(.in) { transform: translateY(8px); } body.sys-n:not(.page-index) main:where(html.alive *) > section .editorial-row.rv.in::after { transform: scaleX(1); background: var(--line); height: 1px; } body.sys-n:not(.page-index) main:where(html.alive *) > section a.editorial-row.rv.in:is(:hover, :focus-visible)::after { background: var(--accent-ink); height: 2px; } body.sys-n:not(.page-index) main:where(html.alive *) > section .rv-shot { transition-duration: 460ms, 580ms; transition-delay: clamp(0ms, var(--rv-d, 0ms), 80ms); transform-origin: left center; } body.sys-n:not(.page-index) main:where(html.alive *) > section .rv-shot:not(.in) { opacity: 0; transform: translateY(16px) scale(.99); } body.sys-n:not(.page-index) main:where(html.alive *) > section :is(.rv, .rv-shot):is(:focus, :focus-within) { opacity: 1; transform: none; transition: none; }  @media (max-width: 900px) { body.sys-n:not(.page-index) main > section :is(.chapter-grid, .formwrap, .work-feature) { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > section .chapter-copy { order: 0; } body.sys-n:not(.page-index) main > section .chapter-art { order: 1; } } @media (max-width: 700px) { body.sys-n:not(.page-index) main > section { --gutter: 20px; --section-space: 64px; --column-gap: 32px; } body.sys-n:not(.page-index) main > section :is(.wrap, .moment-grid) { width: calc(100% - 40px); margin-inline: auto; } body.sys-n:not(.page-index) main > section:is(.chapter, .closing) { padding-block: 80px; } body.sys-n:not(.page-index) main > section .chapter-grid { gap: calc(5 * var(--u)); } body.sys-n:not(.page-index) main > section :is(.editorial-row, .people, .xlinks, .eform, .fx-grid, .close-grid, .steps, .family-brief, .integration-map, .system-map, .moment-grid) { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > section.closing .close-grid { grid-template-columns: minmax(0, 1fr); gap: calc(7 * var(--u)); } body.sys-n:not(.page-index) main > section .editorial-row { padding-block: calc(4 * var(--u)); gap: calc(2 * var(--u)); } body.sys-n:not(.page-index) main > section .editorial-row h3 { max-width: none; } body.sys-n:not(.page-index) main > section .sec-top { margin-bottom: calc(4 * var(--u)); } body.sys-n:not(.page-index) main > section .side-card { padding-inline: 0; } body.sys-n:not(.page-index) main > section .eform .full { grid-column: 1; } body.sys-n:not(.page-index) main > section :is(.text-link, .button, summary, .deal-roles label, .floor-steps button) { min-height: 44px; } body.sys-n:not(.page-index) main > section :is(.prose, .ans, .consent, .person, .fact) a { display: inline-flex; align-items: center; min-height: 44px; max-width: 100%; } body.sys-n:not(.page-index) main > section .actions { align-items: stretch; flex-direction: column; } body.sys-n:not(.page-index) main > section .actions .text-link { margin-inline: 0; } body.sys-n:not(.page-index) main > section :is(.deal-roles, .deal-stage .deal-roles) { flex-wrap: wrap; gap: calc(2 * var(--u)); } body.sys-n:not(.page-index) main > section :is(.fact .v, .text-link, .go, .founder) { min-width: 0; overflow-wrap: anywhere; } body.sys-n:not(.page-index) main > section .chapter-copy h2 br { display: none; } body.sys-n:not(.page-index) main > section.chapter.inner-photo { min-height: 480px; } }  @media (prefers-reduced-motion: reduce) { body.sys-n:not(.page-index) main > section, body.sys-n:not(.page-index) main > section *, body.sys-n:not(.page-index) main > section *::before, body.sys-n:not(.page-index) main > section *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } body.sys-n:not(.page-index) main > section :is(.rv, .rv-shot, .chapter-art, .flow-word, .scene-photo) { opacity: 1; transform: none !important; } body.sys-n:not(.page-index) main > section .watermark { transform: none !important; } body.sys-n:not(.page-index) main > section :is(.rv, .rv-shot) { opacity: 1 !important; visibility: visible !important; } body.sys-n:not(.page-index) main > section .editorial-row.rv::after { transform: scaleX(1); } }  body.sys-n:not(.page-index) .flow-word, body.sys-n:not(.page-index) .flow-word span { overflow-wrap: normal; word-break: keep-all; white-space: nowrap; } body.sys-n:not(.page-index) .phone-evidence figcaption { white-space: nowrap; }  body.sys-n .hero .lab, body.sys-n .hero h1 .lab { font-size: 12px; letter-spacing: .22em; }   body.sys-n:not(.page-index) .chapter-grid > .chapter-art { min-width: 0; width: 100%; } body.sys-n:not(.page-index) .deal-stage { width: 100%; max-width: 560px; }  body.sys-n:not(.page-index) .build-sequence { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } body.sys-n:not(.page-index) .build-sequence h3 { overflow-wrap: normal; word-break: keep-all; hyphens: none; }  body.sys-n:not(.page-index) main > section { --display: clamp(2.25rem, 1.4rem + 3vw, 4rem); }  body.sys-n:not(.page-index) .prose p, body.sys-n:not(.page-index) .prose li { max-width: 56ch; }  body.sys-n:not(.page-index) .side-card a[href^="mailto:"], body.sys-n:not(.page-index) .side-card a[href^="tel:"] { display: block; }  body.sys-n:not(.page-index) .chapter-art .build-sequence { grid-template-columns: 1fr; }   body.sys-n:not(.page-index) main > header.hero .bleed::before { content: ""; position: absolute; inset: 0; z-index: 1; background: #080B0C; opacity: 0; pointer-events: none; animation: lxArrive 1.2s cubic-bezier(.2, .6, .2, 1) both; } @keyframes lxArrive { from { opacity: .68; } to { opacity: 0; } }  body.sys-n:not(.page-index) main:where(html.alive *) > section .rv-shot:not(.in) { opacity: 1; transform: none; } body.sys-n:not(.page-index) main:where(html.alive *) > section .rv-shot > :not(figcaption, label, input, fieldset, button, .floor-steps) { transition: opacity .9s cubic-bezier(.2, .6, .2, 1) var(--rv-d, 0s), filter .9s cubic-bezier(.2, .6, .2, 1) var(--rv-d, 0s); } body.sys-n:not(.page-index) main:where(html.alive *) > section .rv-shot:not(.in) > :not(figcaption, label, input, fieldset, button, .floor-steps) { opacity: .3; filter: brightness(.55); } @media (prefers-reduced-motion: reduce) { body.sys-n:not(.page-index) main > header.hero .bleed::before { animation: none; opacity: 0; } body.sys-n:not(.page-index) main > section .rv-shot > :not(img, picture) { opacity: 1 !important; filter: none !important; } }  body.sys-n:not(.page-index) main > header.hero h1.hero-h:is(.mid, .long) { font-size: clamp(2.25rem, 1.3rem + 3.6vw, 4.5rem) !important; }  body.sys-n:not(.page-index) main > section:is(.install-section, .faq-section) { padding-inline: 0; } body.sys-n:not(.page-index) main > section:is(.install-section, .faq-section) > .wrap { width: min(1208px, calc(100% - 2 * clamp(22px, 4vw, 56px))); max-width: none; margin-inline: auto; } body.sys-n:not(.page-index) main > section.install-section h2 { margin-bottom: calc(7 * var(--u)); padding-bottom: .08em; } body.sys-n:not(.page-index) main > section.faq-section :is(.faq, .faqs) { max-width: 900px; }  @media (max-width: 900px) { body.sys-n :is(.tag, .evidence, .role, .hint, .consent, .hours, .page-meta, .footer-contact) { font-size: 15px; } body.sys-n .legal .text-link { font-size: 15px; min-width: 44px; justify-content: center; } }  body.sys-n:not(.page-index) main > section .duo-evidence.small-duo > figcaption { padding-left: 72px; }  body.sys-n:not(.page-index) main > section .editorial-rows.bare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: calc(6 * var(--u)); } body.sys-n:not(.page-index) main > section .editorial-rows.bare .editorial-row { display: block; } body.sys-n:not(.page-index) main > section .editorial-rows.bare .editorial-row h3 { max-width: none; } @media (max-width: 700px) { body.sys-n:not(.page-index) main > section .editorial-rows.bare { grid-template-columns: minmax(0, 1fr); } }  body.sys-n:not(.page-index) main > section .chapter-art.site-art { display: block; } body.sys-n:not(.page-index) main > section .chapter-art.site-art .sample { margin-top: calc(2 * var(--u)); font-size: 12px; color: var(--muted); }  body.sys-n:not(.page-index) main > section .tw2{position:relative;max-width:600px;margin:0 auto;padding:0 0 34px;font-family:var(--font);color:#1d2326} body.sys-n:not(.page-index) main > section .tw2-desk{background:#fff;border:1px solid #D9D9D0;border-radius:10px;overflow:hidden;box-shadow:0 44px 90px -48px rgba(11,13,14,.55)} body.sys-n:not(.page-index) main > section .tw2-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#EFEDE8;border-bottom:1px solid #DDDAD3} body.sys-n:not(.page-index) main > section .tw2-bar i{width:9px;height:9px;border-radius:50%;background:#C9C6BF} body.sys-n:not(.page-index) main > section .tw2-bar span{margin-left:10px;flex:1;max-width:240px;padding:4px 10px;border-radius:99px;background:#fff;font-size:10.5px;color:#585D5C} body.sys-n:not(.page-index) main > section .tw2-nav{display:flex;align-items:center;gap:18px;padding:14px 22px;border-bottom:1px solid #ECEAE5} body.sys-n:not(.page-index) main > section .tw2-nav b{font-size:14px;letter-spacing:-.01em} body.sys-n:not(.page-index) main > section .tw2-links{display:flex;gap:16px;margin-left:auto} body.sys-n:not(.page-index) main > section .tw2-links i{font-style:normal;font-size:11.5px;color:#585D5C} body.sys-n:not(.page-index) main > section .tw2-call{font-weight:700;font-size:11.5px;background:#1d2326;color:#fff;border-radius:99px;padding:8px 13px} body.sys-n:not(.page-index) main > section .tw2-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;padding:26px 22px 20px;background:linear-gradient(180deg,#FAF8F3,#fff)} body.sys-n:not(.page-index) main > section .tw2-eye{font:700 9.5px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:#AE3F14} body.sys-n:not(.page-index) main > section .tw2-h{margin:10px 0 0;font-size:25px;line-height:1.06;letter-spacing:-.025em;font-weight:700} body.sys-n:not(.page-index) main > section .tw2-p{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:#4b5356} body.sys-n:not(.page-index) main > section .tw2-btns{display:flex;gap:8px;margin-top:14px} body.sys-n:not(.page-index) main > section .tw2-b1,body.sys-n:not(.page-index) main > section .tw2-b2{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 13px;border-radius:6px;font-size:11.5px;font-weight:700} body.sys-n:not(.page-index) main > section .tw2-b1{background:#AE3F14;color:#fff} body.sys-n:not(.page-index) main > section .tw2-b2{border:1px solid #C9C6BF;color:#1d2326} body.sys-n:not(.page-index) main > section .tw2-stars{margin:13px 0 0;font-size:11px;font-weight:600;color:#4b5356} body.sys-n:not(.page-index) main > section .tw2-stars span{color:#AE3F14;letter-spacing:1px} body.sys-n:not(.page-index) main > section .tw2-form{border:1px solid #E3E0DA;border-radius:10px;padding:13px;background:#fff;box-shadow:0 18px 30px -24px rgba(11,13,14,.35)} body.sys-n:not(.page-index) main > section .tw2-form b{display:block;font-size:12px;margin-bottom:8px} body.sys-n:not(.page-index) main > section .tw2-in{height:24px;border:1px solid #DDDAD3;border-radius:6px;margin-top:6px} body.sys-n:not(.page-index) main > section .tw2-in.tall{height:42px} body.sys-n:not(.page-index) main > section .tw2-send{margin-top:9px;height:28px;border-radius:6px;background:#1d2326;color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center} body.sys-n:not(.page-index) main > section .tw2-srv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 22px 16px} body.sys-n:not(.page-index) main > section .tw2-srv div{display:flex;align-items:center;gap:8px;border:1px solid #ECEAE5;border-radius:8px;padding:10px;font-size:11.5px;font-weight:600;color:#3a4245} body.sys-n:not(.page-index) main > section .tw2-srv i{width:14px;height:14px;border-radius:4px;background:#F3D9CC;flex:0 0 auto} body.sys-n:not(.page-index) main > section .tw2-areas{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:12px 22px 16px;border-top:1px solid #ECEAE5;background:#FAF8F3} body.sys-n:not(.page-index) main > section .tw2-areas span{font:700 9.5px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#585D5C;margin-right:6px} body.sys-n:not(.page-index) main > section .tw2-areas em{font-style:normal;font-size:10.5px;color:#3a4245;border:1px solid #DDDAD3;border-radius:99px;padding:4px 9px;background:#fff} body.sys-n:not(.page-index) main > section .tw2-phone{position:absolute;right:-18px;bottom:0;width:132px;padding:6px;border-radius:22px;background:#111416;box-shadow:0 30px 50px -24px rgba(11,13,14,.7)} body.sys-n:not(.page-index) main > section .tw2-notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:36px;height:8px;border-radius:99px;background:#111416;z-index:1} body.sys-n:not(.page-index) main > section .tw2-pscr{border-radius:17px;background:#fff;padding:26px 11px 14px;display:flex;flex-direction:column;gap:7px} body.sys-n:not(.page-index) main > section .tw2-pscr b{font-size:9.5px} body.sys-n:not(.page-index) main > section .tw2-pscr p{margin:2px 0 4px;font-size:13px;line-height:1.1;font-weight:700;letter-spacing:-.02em} body.sys-n:not(.page-index) main > section .tw2-pscr .tw2-b1,body.sys-n:not(.page-index) main > section .tw2-pscr .tw2-b2{height:24px;font-size:9.5px;padding:0} body.sys-n:not(.page-index) main > section .tw2-pline{height:5px;border-radius:99px;background:#ECEAE5;margin-top:4px} body.sys-n:not(.page-index) main > section .tw2-pline.s{width:60%} @media (max-width:560px){body.sys-n:not(.page-index) main > section .tw2-hero{grid-template-columns:1fr} body.sys-n:not(.page-index) main > section .tw2-links{display:none} body.sys-n:not(.page-index) main > section .tw2-phone{right:-6px;width:112px}} body.sys-n:not(.page-index) main > section .tw2,body.sys-n:not(.page-index) main > section .tradeweb{max-width:100%;min-width:0} body.sys-n:not(.page-index) main > section .tw2-srv{grid-template-columns:repeat(3,minmax(0,1fr))} body.sys-n:not(.page-index) main > section .tw2-srv>div{min-width:0;white-space:normal;gap:4px} body.sys-n:not(.page-index) main > section .chapter-art.site-art .tw2 { margin: 0; } body.sys-n:not(.page-index) main > section .tw2 :is(p, b, span, i, em, div) { max-width: none; overflow-wrap: normal; text-wrap: wrap; } body.sys-n:not(.page-index) main > section .tw2-pscr p { font-size: 11px; }   body.sys-n:not(.page-index) main > header.hero.short:not(.brief) { min-height: max(640px, 100svh); }  body.sys-n:not(.page-index) main > section.dealer-floor { padding-block: calc(10 * var(--u)) calc(12 * var(--u)); background: #060809; overflow: hidden; } body.sys-n:not(.page-index) main > section.dealer-floor h2 { margin-bottom: calc(7 * var(--u)); } body.sys-n .floor-row { display: flex; align-items: flex-end; gap: clamp(20px, 3vw, 48px); flex-wrap: wrap; } body.sys-n .floor-item { display: block; flex: 0 1 auto; color: #F5F2EC; text-decoration: none; transition: transform .5s cubic-bezier(.2, .7, .2, 1); } body.sys-n .floor-item .screen-frame { display: block; background: #323633; padding: 6px; border-radius: 4px; } body.sys-n .floor-item .screen-frame.phone { border-radius: 22px; overflow: hidden; } body.sys-n .floor-item .screen-frame.phone img { border-radius: 17px; } body.sys-n .floor-item img { display: block; width: 100%; height: auto; } body.sys-n .floor-item .cycle img + img, body.sys-n .floor-art .cycle img + img { left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px); } body.sys-n .fi-desk { width: min(340px, 100%); } body.sys-n .fi-tv { width: min(400px, 100%); } body.sys-n .fi-sheet { width: min(320px, 100%); } body.sys-n .fi-phone { width: 132px; } body.sys-n .floor-name { display: block; margin-top: calc(2.5 * var(--u)); font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; } body.sys-n .floor-what { display: block; margin-top: 4px; font-size: 15px; color: #CBD0CC; } body.sys-n .floor-note { margin-top: calc(5 * var(--u)); font-size: 12px; color: #CBD0CC; } @media (hover: hover) { body.sys-n .floor-item:is(:hover, :focus-visible) { transform: translateY(-10px); } body.sys-n .floor-item:is(:hover, :focus-visible) .floor-name { color: #E16324; } }  @supports (animation-timeline: view()) { html.alive body.sys-n .dealer-floor .floor-item .screen-frame { animation: floorRise linear both; animation-timeline: view(); animation-range: entry 0% entry 80%; } } @keyframes floorRise { from { opacity: .2; transform: translateY(36px); filter: brightness(.4); } to { opacity: 1; transform: none; filter: none; } } @media (prefers-reduced-motion: reduce) { html body.sys-n .dealer-floor .floor-item .screen-frame { animation: none !important; opacity: 1; transform: none; filter: none; } } @media (max-width: 700px) { body.sys-n .floor-row { gap: 28px 16px; } body.sys-n .fi-desk, body.sys-n .fi-tv, body.sys-n .fi-sheet { width: 100%; } body.sys-n .fi-phone { width: calc(50% - 8px); max-width: 150px; } } body.sys-n:not(.page-index) main > section .floor-art { margin: 0; width: min(420px, 100%); } body.sys-n:not(.page-index) main > section .floor-art.phone-art { width: 190px; } body.sys-n:not(.page-index) main > section .floor-art .screen-frame { display: block; background: #323633; padding: 6px; border-radius: 4px; } body.sys-n:not(.page-index) main > section .floor-art .screen-frame.phone { border-radius: 22px; overflow: hidden; } body.sys-n:not(.page-index) main > section .floor-art .screen-frame.phone img { border-radius: 17px; } body.sys-n:not(.page-index) main > section .floor-art img { display: block; width: 100%; height: auto; } body.sys-n:not(.page-index) main > section .floor-art figcaption { margin-top: calc(2 * var(--u)); font-size: 12px; }  body.sys-n .hero.has-reel .hero-reel { margin: calc(5 * var(--u)) 0 0; position: relative; width: min(720px, 100%); } body.sys-n .hero.has-reel .hero-reel img { display: block; width: 100%; height: auto; aspect-ratio: 8 / 5; object-fit: cover; object-position: top left; border: 6px solid #323633; border-radius: 4px; background: #323633; transition: opacity .8s ease; } body.sys-n .hero.has-reel .hero-reel img + img { position: absolute; left: 0; top: 0; width: 100%; height: auto; opacity: 0; } body.sys-n .hero.has-reel .hero-reel img + img.on { opacity: 1; } body.sys-n .hero.has-reel .hero-reel figcaption { margin-top: calc(1.5 * var(--u)); font-size: 12px; color: #CBD0CC; } @media (min-width: 1100px) { body.sys-n .hero.has-reel .hero-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); column-gap: calc(7 * var(--u)); align-items: end; } body.sys-n .hero.has-reel .hero-in > :not(.hero-reel) { grid-column: 1; } body.sys-n .hero.has-reel .hero-reel { grid-column: 2; grid-row: 1 / span 4; margin: 0; align-self: end; width: 100%; } } @media (min-width: 1000px) { body.sys-n .floor-row { display: grid; grid-template-columns: 2.9fr 3.3fr 1fr 2.7fr 1fr; flex-wrap: nowrap; } body.sys-n .floor-row .floor-item { width: auto; min-width: 0; } } @media (min-width: 1100px) { body.sys-n .hero.has-reel .hero-in { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); column-gap: calc(5 * var(--u)); } body.sys-n:not(.page-index) main > header.hero.has-reel h1.hero-h { font-size: clamp(2.25rem, 1rem + 3.4vw, 4.25rem) !important; } }  body.sys-n:not(.page-index) main > section.app-shelf { padding-block: calc(10 * var(--u)) calc(12 * var(--u)); background: #060809; } body.sys-n:not(.page-index) main > section.app-shelf h2 { margin-bottom: calc(7 * var(--u)); } body.sys-n .shelf-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: calc(8 * var(--u)) calc(6 * var(--u)); align-items: end; } body.sys-n .shelf-grid > :nth-child(3) { order: 4; } body.sys-n .shelf-grid > :nth-child(4) { order: 3; } body.sys-n .shelf-item { margin: 0; min-width: 0; } body.sys-n .shelf-item .screen-frame { display: block; position: relative; background: #323633; padding: 6px; border-radius: 4px; } body.sys-n .shelf-item .screen-frame.phone { border-radius: 26px; padding: 7px; overflow: hidden; } body.sys-n .shelf-item .screen-frame.phone img { border-radius: 20px; } body.sys-n .shelf-item img { display: block; width: 100%; height: auto; } body.sys-n .shelf-item .cycle img + img { left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px); object-fit: cover; object-position: top left; } body.sys-n .phone-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(3 * var(--u)); align-items: end; } body.sys-n .phone-pair > :nth-child(2) { transform: translateY(calc(-5 * var(--u))); } body.sys-n .shelf-item figcaption { margin-top: calc(3 * var(--u)); color: #CBD0CC; font-size: 15px; line-height: 1.5; } body.sys-n .shelf-item figcaption b { display: block; margin-bottom: 4px; color: #F5F2EC; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; } body.sys-n .shelf-item figcaption span { display: block; max-width: 44ch; } body.sys-n .build-show { display: grid; grid-template-columns: minmax(0, 1fr) 210px; gap: calc(6 * var(--u)); align-items: end; } @supports (animation-timeline: view()) { html.alive body.sys-n .app-shelf .shelf-item .screen-frame { animation: floorRise linear both; animation-timeline: view(); animation-range: entry 0% entry 70%; } } @media (prefers-reduced-motion: reduce) { html body.sys-n .app-shelf .shelf-item .screen-frame { animation: none !important; opacity: 1; transform: none; filter: none; } } @media (max-width: 800px) { body.sys-n .shelf-grid, body.sys-n .build-show { grid-template-columns: minmax(0, 1fr); } body.sys-n .shelf-grid > * { order: 0 !important; } body.sys-n .phone-pair { max-width: 340px; } body.sys-n .build-phone { max-width: 190px; } } body.sys-n .shelf-item.shelf-one .screen-frame.phone { width: min(190px, 60%); }  body.sys-n:not(.page-index) main > section.shelf-tight { padding-block: calc(9 * var(--u)) calc(10 * var(--u)); } body.sys-n .shelf-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: calc(6 * var(--u)); align-items: end; margin-bottom: calc(6 * var(--u)); } body.sys-n:not(.page-index) main > section.shelf-tight .shelf-head h2 { margin: 0; } body.sys-n .shelf-lead { margin: 0; max-width: 40ch; color: #CBD0CC; font-size: 18px; line-height: 1.55; } body.sys-n .shelf-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(5 * var(--u)); align-items: start; } body.sys-n .shelf-stage { position: relative; padding: 0 0 calc(5 * var(--u)) 0; } body.sys-n .shelf-stage > .screen-frame:first-child { width: 100%; } body.sys-n .shelf-stage .shelf-over { position: absolute; right: -10px; bottom: 0; width: 23%; min-width: 96px; box-shadow: 0 18px 40px rgb(0 0 0 / .5); } body.sys-n .shelf-row figcaption span { max-width: 52ch; } @media (max-width: 900px) { body.sys-n .shelf-head, body.sys-n .shelf-rows { grid-template-columns: minmax(0, 1fr); } body.sys-n .shelf-head { gap: calc(2 * var(--u)); } body.sys-n .shelf-stage .shelf-over { right: 4px; width: 30%; } }  body.sys-n .menu-intro { display: flex; flex-direction: column; } body.sys-n .menu-intro .menu-s { position: static; order: -1; width: 30px; height: 33px; margin: 0 0 22px; opacity: 1; color: #E16324; fill: #E16324; z-index: auto; } body.sys-n .menu-panel { background: #060809; border-bottom-color: rgb(245 242 236 / .16); }  body.sys-n:not(.page-index) main > section .build-feature { margin-bottom: calc(8 * var(--u)); } body.sys-n:not(.page-index) main > section .build-feature .screen-frame { position: relative; display: block; } body.sys-n:not(.page-index) main > section .build-feature .cycle img + img { object-fit: cover; object-position: top left; }  body.sys-n:not(.page-index) main:where(html.alive *) > section .rv-shot:not(.in) > :not(figcaption, label, input, fieldset, button, .floor-steps) { opacity: 1; filter: none; transform: translateY(18px); } body.sys-n:not(.page-index) main:where(html.alive *) > section .rv-shot > :not(figcaption, label, input, fieldset, button, .floor-steps) { transition: transform .8s cubic-bezier(.2, .7, .2, 1) var(--rv-d, 0s); } @keyframes floorRise { from { opacity: 1; transform: translateY(28px); filter: none; } to { opacity: 1; transform: none; filter: none; } }  body.sys-n:not(.page-index) main > section.flipped .watermark { display: none; } body.sys-n:not(.page-index) main > section:is(.app-shelf, .dealer-floor).paper { background: #F5F2EC; color: #0B0D0E; } body.sys-n:not(.page-index) main > section:is(.app-shelf, .dealer-floor).paper h2 { color: #0B0D0E; } body.sys-n section.paper :is(.floor-item, .floor-name) { color: #0B0D0E; } body.sys-n section.paper :is(.floor-what, .floor-note, .shelf-lead) { color: #535956; } body.sys-n section.paper .shelf-item figcaption { color: #535956; } body.sys-n section.paper .shelf-item figcaption b { color: #0B0D0E; } body.sys-n section.paper .floor-item:is(:hover, :focus-visible) .floor-name { color: #A73C12; } body.sys-n section.paper :is(.floor-item, .shelf-item, .floor-art) .screen-frame { background: #0B0D0E; box-shadow: 0 30px 60px -28px rgb(11 13 14 / .45); }   body.sys-n main > section.closing { min-height: 0; padding-block: calc(9 * var(--u, 8px)) calc(8 * var(--u, 8px)); } body.sys-n main > section.closing > .scene-photo { opacity: .5; } body.sys-n main > section.closing:has(> .scene-photo)::before { background: linear-gradient(90deg, rgb(6 8 9 / .86) 0, rgb(6 8 9 / .7) 55%, rgb(6 8 9 / .45) 100%); } body.sys-n main > section.closing .founder img { width: 120px; height: 120px; } body.sys-n main > section.closing .founder { max-width: 170px; } body.sys-n .footer { background: #15191A; border-top: 1px solid rgb(245 242 236 / .14); }  body.sys-n .hero .sub { animation-duration: .5s; animation-delay: .12s; } body.sys-n .hero .hero-actions { animation-duration: .5s; animation-delay: .2s; } body.sys-n .hero-h .ln > * { animation-duration: .7s; } body.sys-n .hero-h .ln:nth-child(1) > * { animation-delay: .02s; } body.sys-n .hero-h .ln:nth-child(2) > * { animation-delay: .1s; } body.sys-n .hero-h .ln:nth-child(3) > * { animation-delay: .18s; } body.sys-n:not(.page-index) main > header.hero .bleed img { filter: brightness(1.35) contrast(1.04); }  body.sys-n:not(.page-index) main > section .editorial-row p { font-size: 16px; } body.sys-n:not(.page-index) main > section.paper .editorial-row p { color: #3D4341; } body.sys-n:not(.page-index) main > section :is(.num, .tag, figcaption, .floor-note, .sample) { font-size: 13px; } @media (max-width: 900px) { body.sys-n main > section.closing .founder img { width: 88px; height: 88px; } }  body.sys-n main :is(.person, .side-card, .fact, .co-card, .co-facts) a[href^="mailto:"], body.sys-n main :is(.person, .side-card, .fact, .co-card, .co-facts) a[href^="tel:"] { display: inline-flex; align-items: center; min-height: 44px; } body.sys-n main a[href*="calendar.app.google"] { display: inline-flex; align-items: center; min-height: 44px; }  body.sys-n main section.paper :is(figcaption, .floor-note, .sample, [class$="-cap"], [class*="-cap "], [class$="-note"], [class*="-note "]) { color: #3D4341; }   body.sys-n main section.closing .button:is(:hover, :active, :focus-visible) { background: #F77937 !important; border-color: #F77937 !important; color: #0B0D0E !important; } body.sys-n main section.closing :is(.rv, h2, .lead, .actions, .founder) { opacity: 1 !important; transform: none !important; transition: none !important; }  @media (min-width: 1100px) { body.sys-n:not(.page-index) main > section :is(.faq, .faqs) { columns: 2; column-gap: calc(6 * var(--u)); max-width: none; } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details { break-inside: avoid; } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details:first-child { border-top: 0; } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details { border-top: 1px solid var(--line); border-bottom: 0; } body.sys-n:not(.page-index) main > section :is(.faq, .faqs) details[open] { border-bottom: 0; border-top-color: var(--accent-ink); } }  body.sys-n main :not(p):not(li) > a[href^="mailto:"], body.sys-n main :not(p):not(li) > a[href^="tel:"], body.sys-n main a[href*="calendar.app.google"] { display: inline-flex !important; align-items: center; min-height: 44px !important; }  body.sys-n:not(.page-index) main > section.fw-sec { padding-block: calc(11 * var(--u)) calc(12 * var(--u)); } body.sys-n:not(.page-index) main > section.fw-sec .fw-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: calc(9 * var(--u)); align-items: start; } body.sys-n:not(.page-index) main > section.fw-sec .fw-label { margin: 0 0 calc(3 * var(--u)); font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #A73C12; } body.sys-n:not(.page-index) main > section.fw-sec h2 { max-width: 18ch; } body.sys-n:not(.page-index) main > section.fw-sec .fw-lead { margin: calc(3 * var(--u)) 0 0; max-width: 46ch; font-size: 19px; line-height: 1.55; color: #3D4341; } body.sys-n:not(.page-index) main > section.fw-sec .fw-result { margin-top: calc(6 * var(--u)); padding: calc(4 * var(--u)) calc(4 * var(--u)) calc(3.5 * var(--u)); background: #0B0D0E; color: #F5F2EC; border-radius: 4px; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: calc(4 * var(--u)); align-items: center; } body.sys-n:not(.page-index) main > section.fw-sec .fw-num { margin: 0; grid-row: 1 / span 2; font-size: clamp(72px, 8vw, 120px); font-weight: 500; line-height: .9; letter-spacing: -.05em; color: #E16324; } body.sys-n:not(.page-index) main > section.fw-sec .fw-what { margin: 0; font-size: 20px; line-height: 1.35; letter-spacing: -.02em; max-width: 26ch; } body.sys-n:not(.page-index) main > section.fw-sec .fw-src { margin: calc(1.5 * var(--u)) 0 0; font-size: 14px; color: #CBD0CC; } body.sys-n:not(.page-index) main > section.fw-sec .fw-src a { color: #F5F2EC; text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; } body.sys-n:not(.page-index) main > section.fw-sec .fw-rows { list-style: none; margin: 0; padding: 0; } body.sys-n:not(.page-index) main > section.fw-sec .fw-rows li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: calc(2 * var(--u)); padding: calc(3.5 * var(--u)) 0; border-top: 1px solid rgb(11 13 14 / .22); transition: transform .45s cubic-bezier(.2, .7, .2, 1); } body.sys-n:not(.page-index) main > section.fw-sec .fw-rows li:last-child { border-bottom: 1px solid rgb(11 13 14 / .22); } body.sys-n:not(.page-index) main > section.fw-sec .fw-no { padding-top: 6px; font-size: 13px; font-weight: 600; letter-spacing: .2em; color: #A73C12; } body.sys-n:not(.page-index) main > section.fw-sec .fw-rows h3 { margin: 0; font-size: 24px; line-height: 1.2; letter-spacing: -.03em; max-width: none; } body.sys-n:not(.page-index) main > section.fw-sec .fw-rows p { margin: 8px 0 4px; font-size: 16px; line-height: 1.55; color: #3D4341; max-width: 44ch; } @media (hover: hover) { body.sys-n:not(.page-index) main > section.fw-sec .fw-rows li:hover { transform: translate3d(8px, 0, 0); } } @media (max-width: 900px) { body.sys-n:not(.page-index) main > section.fw-sec .fw-grid { grid-template-columns: minmax(0, 1fr); gap: calc(6 * var(--u)); } body.sys-n:not(.page-index) main > section.fw-sec .fw-result { grid-template-columns: minmax(0, 1fr); row-gap: calc(1.5 * var(--u)); } body.sys-n:not(.page-index) main > section.fw-sec .fw-num { grid-row: auto; } body.sys-n:not(.page-index) main > section.fw-sec .fw-rows li { grid-template-columns: 44px minmax(0, 1fr); } } body.sys-n:not(.page-index) main > section.fw-sec .fw-result p { max-width: none; } body.sys-n:not(.page-index) main > section.fw-sec .fw-num { color: #E16324; opacity: 1; } body.sys-n:not(.page-index) main > section.fw-sec .fw-what { color: #F5F2EC; opacity: 1; }  body.sys-n main section.closing .close-assure { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 28px 0 0; font-size: 14px; color: #CBD0CC; } body.sys-n main section.closing .close-assure span { position: relative; padding-left: 16px; } body.sys-n main section.closing .close-assure span::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; background: #E16324; } body.sys-n main section.closing .founder .founder-does { display: block; margin-top: 6px; font-style: normal; font-size: 13px; line-height: 1.4; color: #CBD0CC; } body.sys-n main section.closing .founder { max-width: 190px; } body.sys-n:not(.page-index) main > section.promise-sec { padding-block: calc(6 * var(--u)) calc(7 * var(--u)); } body.sys-n .promise-row { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(5 * var(--u)); } body.sys-n:not(.page-index) main > section.promise-sec .promise-row li { padding-top: calc(3 * var(--u)); border-top: 1px solid rgb(11 13 14 / .28); font-size: 22px; line-height: 1.3; letter-spacing: -.02em; color: #0B0D0E; max-width: none; } body.sys-n .promise-row li span { display: block; margin-bottom: calc(1.5 * var(--u)); font-size: 13px; font-weight: 600; letter-spacing: .2em; color: #A73C12; } @media (max-width: 800px) { body.sys-n .promise-row { grid-template-columns: minmax(0, 1fr); gap: calc(3 * var(--u)); } } body.sys-n:not(.page-index) main > section.fw-sec .fw-result { grid-template-columns: auto minmax(0, 1fr); } body.sys-n:not(.page-index) main > section.fw-sec .fw-what { font-size: 24px; align-self: end; } body.sys-n:not(.page-index) main > section.fw-sec .fw-body { grid-column: 1 / -1; margin: calc(2.5 * var(--u)) 0 0; font-size: 16px; line-height: 1.55; color: #E4E2DC; max-width: 46ch; } body.sys-n:not(.page-index) main > section.fw-sec .fw-src { grid-column: 1 / -1; } body.sys-n:not(.page-index) main > section.fw-sec .fw-num { grid-row: auto; }  body.sys-n main section.closing .close-also { margin: 18px 0 0; font-size: 14px; color: #CBD0CC; } body.sys-n main section.closing .close-also a { color: #F5F2EC; text-decoration: underline; text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; } body.sys-n .footer .foot-where { margin-top: 10px; }  @media (max-width: 700px) {   body.sys-n:not(.page-index) main > header.hero .bleed img { object-position: var(--ph-pos, 50% 30%); }  body.sys-n.page-inner-d main > header.hero .hero-actions a[href="#enquiry"] { display: none; } body.sys-n .ph-hide { display: none !important; } }  body.sys-n:not(.page-index) main > section.lori-next { padding-block: calc(10 * var(--u)) calc(11 * var(--u)); } body.sys-n:not(.page-index) main > section.lori-next .fw-label { margin: 0 0 calc(3 * var(--u)); font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #A73C12; } body.sys-n:not(.page-index) main > section.lori-next .lori-next-lead { margin: calc(3 * var(--u)) 0 0; max-width: 48ch; font-size: 19px; line-height: 1.55; color: #3D4341; } body.sys-n:not(.page-index) main > section.lori-next .lori-next-rows { list-style: none; margin: calc(7 * var(--u)) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(5 * var(--u)); } body.sys-n:not(.page-index) main > section.lori-next .lori-next-rows li { padding-top: calc(3 * var(--u)); border-top: 1px solid rgb(11 13 14 / .28); max-width: none; } body.sys-n:not(.page-index) main > section.lori-next .ln-status { display: inline-block; margin-bottom: calc(2 * var(--u)); font-size: 13px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #3D4341; } body.sys-n:not(.page-index) main > section.lori-next .ln-status.ln-build { color: #A73C12; } body.sys-n:not(.page-index) main > section.lori-next .lori-next-rows h3 { margin: 0; font-size: 26px; line-height: 1.15; letter-spacing: -.03em; } body.sys-n:not(.page-index) main > section.lori-next .lori-next-rows p { margin: calc(1.5 * var(--u)) 0 0; font-size: 16px; line-height: 1.55; color: #3D4341; max-width: 40ch; } @media (max-width: 800px) { body.sys-n:not(.page-index) main > section.lori-next .lori-next-rows { grid-template-columns: minmax(0, 1fr); gap: calc(3.5 * var(--u)); } }  body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) { --ai-frame: #0B0D0E; --ai-tint: #E9E5DB; --ai-hair: #CFC9BC; --ai-shadow: 0 30px 60px -28px rgb(11 13 14 / .45); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero):is(.dark, .black) { --ai-frame: #323633; --ai-tint: #15191A; --ai-hair: #3A3F3C; --ai-shadow: 0 30px 60px -24px rgb(0 0 0 / .7); } body.sys-n:not(.page-index) main > section.ai-sec { min-height: 0; padding: clamp(56px, 6.7vw, 96px) 0; position: relative; } body.sys-n:not(.page-index) main > section.ai-sec > .wrap { display: block; } body.sys-n:not(.page-index) main > section.ai-sec.ai-settle:has(+ section.paper) { padding-bottom: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) figure { margin: 0; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-head { margin: 0 0 clamp(28px, 4vw, 56px); } body.sys-n:not(.page-index) main > section.ai-sec .ai-head h2 { max-width: 18ch; margin: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-kick { margin: 0 0 16px; max-width: none; font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); } body.sys-n:not(.page-index) main > section.ai-sec .ai-lead { margin: 20px 0 0; max-width: 40ch; font-size: clamp(1.125rem, 1rem + .6vw, 1.375rem); line-height: 1.5; letter-spacing: -.01em; color: var(--muted); } body.sys-n:not(.page-index) main > section.ai-sec .ai-head.ai-split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px var(--column-gap); align-items: end; } body.sys-n:not(.page-index) main > section.ai-sec .ai-head.ai-split > .ai-lead { margin: 0 0 6px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-head.ai-split > .text-link { justify-self: start; margin: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-cap { display: grid; gap: 2px; margin: 20px 0 0; max-width: none; font-size: 13px; line-height: 1.5; color: var(--muted); text-align: left; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-cap b { font: 600 12px/1.5 Manrope, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: var(--ink); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-cap span { font-size: 13px; line-height: 1.5; color: var(--muted); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-n { font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .12em; color: var(--muted); font-variant-numeric: tabular-nums; }  body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame { display: block; position: relative; margin: 0; padding: 6px; background: var(--ai-frame); border-radius: 4px; box-shadow: var(--ai-shadow); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame img { display: block; width: 100%; height: auto; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame.cycle img + img { position: absolute; left: 6px; top: 6px; width: calc(100% - 12px); height: calc(100% - 12px); object-fit: cover; object-position: top left; opacity: 0; transition: opacity .7s ease; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame.cycle img + img.on { opacity: 1; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame.ai-phone { border-radius: 22px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame.ai-phone img { border-radius: 17px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame.ai-tv { padding: 10px; border-radius: 3px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-frame.ai-tv.cycle img + img { left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); }  body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet { --ink: #0B0D0E; --muted: #535956; --accent-ink: #A73C12; --line: #535956; --ai-hair: #DDD8CC; position: relative; margin: 0; padding: 20px 22px 22px; background: #FFFEFB; color: #0B0D0E; border: 1px solid #D8D2C4; border-radius: 3px; box-shadow: var(--ai-shadow); font-size: 14px; line-height: 1.5; color-scheme: light; text-align: left; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet-top b { font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet-top span { font-size: 13px; line-height: 1.5; color: #535956; white-space: nowrap; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet-top .ai-sample { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet-top .ai-sample::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #E16324; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet :is(p, li, dd, dt, td, th, blockquote) { max-width: none; font-size: 14px; line-height: 1.5; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-fine { margin: 0; font-size: 13px; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-drawn { margin: 0; padding: clamp(14px, 2.2vw, 32px); background: var(--ai-tint); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-drawn .ai-sheet { box-shadow: none; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-drawn > figcaption { margin-top: 14px; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-note { display: grid; align-content: center; justify-items: start; } body.sys-n:not(.page-index) main > section.ai-sec .ai-status { display: flex; align-items: baseline; gap: 10px; margin: 0 0 14px; max-width: 34ch; font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); } body.sys-n:not(.page-index) main > section.ai-sec .ai-status::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: #E16324; translate: 0 -1px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-note h3 { margin: 0; font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem); line-height: 1.12; letter-spacing: -.03em; } body.sys-n:not(.page-index) main > section.ai-sec .ai-note p:not(.ai-status) { margin: 12px 0 0; max-width: 36ch; } body.sys-n:not(.page-index) main > section.ai-sec .ai-note .text-link { margin: 16px 0 0; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-duo { display: grid; grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr); gap: 32px clamp(32px, 4vw, 56px); align-items: center; } body.sys-n:not(.page-index) main > section.ai-sec .ai-duo.ai-rev { grid-template-columns: minmax(0, 1fr) minmax(0, 2.4fr); } body.sys-n:not(.page-index) main > section.ai-sec .ai-duo + :is(.ai-duo, .ai-two) { margin-top: clamp(48px, 6vw, 88px); } body.sys-n:not(.page-index) main > section.ai-sec .ai-pair { position: relative; padding: 0 7% 4% 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-pair .ai-over { position: absolute; right: 0; bottom: 0; width: 19%; } body.sys-n:not(.page-index) main > section.ai-sec .ai-two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: 28px var(--column-gap); } body.sys-n:not(.page-index) main > section.ai-sec .ai-two-item { display: grid; grid-row: span 2; grid-template-rows: subgrid; gap: 28px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-two-item > figure { align-self: end; }  body.sys-n:not(.page-index) main > section.ai-sec.ai-settle h2 { max-width: 20ch; margin: 0 0 clamp(28px, 3.5vw, 48px); } body.sys-n:not(.page-index) main > section.ai-sec.ai-settle .ai-next { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--column-gap); margin-top: 0; border-top: 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-settle-shot { display: none; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--column-gap); border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section.ai-sec .ai-six li { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-content: start; padding: 20px 0 22px; border-bottom: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > section.ai-sec .ai-six .ai-n { padding-top: 5px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six h3 { margin: 0; max-width: none; font-size: 1.375rem; letter-spacing: -.02em; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six p { grid-column: 2; margin: 4px 0 0; font-size: 1rem; line-height: 1.5; color: var(--ink); }  body.sys-n:not(.page-index) main > section.ai-sec .ai-next { display: grid; margin-top: 32px; border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section.ai-sec .ai-next a { display: grid; grid-template-columns: minmax(0, 1fr) 20px; gap: 2px 16px; min-height: 44px; padding: 16px 0; border-bottom: 1px solid var(--ai-hair); color: var(--ink); text-decoration: none; } body.sys-n:not(.page-index) main > section.ai-sec .ai-next b { font-size: 1.25rem; letter-spacing: -.015em; font-weight: 500; line-height: 1.35; transition: color .2s ease; } body.sys-n:not(.page-index) main > section.ai-sec .ai-next span { grid-column: 1; font-size: 1rem; line-height: 1.5; color: var(--ink); } body.sys-n:not(.page-index) main > section.ai-sec .ai-next i { grid-column: 2; grid-row: 1 / span 2; align-self: center; width: 8px; height: 8px; border-top: 1.5px solid var(--accent-ink); border-right: 1.5px solid var(--accent-ink); rotate: 45deg; transition: translate .24s ease; } body.sys-n:not(.page-index) main > section.ai-sec .ai-next a:is(:hover, :focus-visible) b { color: var(--accent-ink); } body.sys-n:not(.page-index) main > section.ai-sec .ai-next a:is(:hover, :focus-visible) i { translate: 4px 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-next.ai-next-big { margin-top: 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-next.ai-next-big a { padding: 26px 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-next.ai-next-big b { font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); letter-spacing: -.025em; line-height: 1.2; } body.sys-n:not(.page-index) main > section.ai-sec .ai-next.ai-next-big span { font-size: 1rem; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section.ai-sec .ai-steps li { display: grid; grid-template-columns: 36px minmax(0, 1fr); padding: 18px 0 20px; border-bottom: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > section.ai-sec .ai-steps .ai-n { padding-top: 5px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-steps h3 { margin: 0; font-size: 1.25rem; letter-spacing: -.02em; } body.sys-n:not(.page-index) main > section.ai-sec .ai-steps p { grid-column: 2; margin: 4px 0 0; font-size: 1rem; line-height: 1.5; color: var(--ink); }  body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-related { display: grid; margin-top: 40px; } @media (min-width: 1051px) { body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero).ai-host > .wrap:has(> .faq) { row-gap: 8px; grid-template-rows: auto 1fr; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero).ai-host > .wrap:has(> .faq) > .sec-top { margin-bottom: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero).ai-host > .wrap:has(> .faq) > .faq { grid-column: 2; grid-row: 1 / span 2; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero).ai-host > .wrap:has(> .faq) > .ai-related { grid-column: 1; grid-row: 2; align-self: start; margin-top: 24px; } } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-related .ai-kick { margin-bottom: 8px; color: var(--muted); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-related .text-link { display: flex; justify-content: space-between; margin: 0; padding: 10px 0; min-height: 44px; border-bottom: 1px solid var(--ai-hair); font-size: .9375rem; font-weight: 400; letter-spacing: 0; text-transform: none; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-gal { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 48px 32px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile { display: block; grid-column: span 5; color: var(--ink); text-decoration: none; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile.ai-t-wide { grid-column: span 7; } body.sys-n:not(.page-index) main > section.ai-sec .ai-stage { position: relative; height: clamp(300px, 29vw, 420px); padding: 36px 36px 0; overflow: hidden; background: var(--ai-tint); } body.sys-n:not(.page-index) main > section.ai-sec .ai-stage > :is(.ai-frame, .ai-sheet) { transition: transform .5s var(--motion-ease); } body.sys-n:not(.page-index) main > section.ai-sec .ai-t-narrow .ai-stage > .ai-frame { width: 136%; } body.sys-n:not(.page-index) main > section.ai-sec .ai-stage > .ai-over { position: absolute; right: 36px; top: 28%; width: 22%; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile:is(:hover, :focus-visible) .ai-stage > :is(.ai-frame, .ai-sheet) { transform: translateY(-8px); } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile-txt { display: grid; grid-template-columns: 40px minmax(0, 1fr); padding-top: 20px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile-txt .ai-n { grid-row: 1 / span 3; padding-top: 8px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile-txt h3 { margin: 0; font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem); letter-spacing: -.025em; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile-txt p { margin: 8px 0 0; max-width: 46ch; font-size: 1rem; line-height: 1.55; color: var(--ink); } body.sys-n:not(.page-index) main > section.ai-sec .ai-go { display: inline-flex; align-items: center; gap: 12px; margin-top: 12px; font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); } body.sys-n:not(.page-index) main > section.ai-sec .ai-go::after { content: ""; width: 6px; height: 6px; border-top: 1.5px solid var(--accent-ink); border-right: 1.5px solid var(--accent-ink); rotate: 45deg; transition: translate .24s ease; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile:is(:hover, :focus-visible) .ai-go::after { translate: 4px 0; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-sort-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px var(--column-gap); align-items: center; } body.sys-n:not(.page-index) main > section.ai-sec .ai-facts { margin: 0; border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section.ai-sec .ai-facts > div { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > section.ai-sec .ai-facts dt { padding-top: 4px; font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); } body.sys-n:not(.page-index) main > section.ai-sec .ai-facts dd { margin: 0; font-size: 1.0625rem; line-height: 1.5; color: var(--ink); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-lanes { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 1fr); gap: 16px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-lane h4 { display: flex; justify-content: space-between; margin: 0 0 4px; padding-bottom: 8px; border-bottom: 2px solid #0B0D0E; font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: 0; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-lane.ai-l-now h4 { border-bottom-color: #E16324; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-lane.ai-l-noise h4 { border-bottom-color: #BEB8AA; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-lane h4 span { font-weight: 500; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mail { display: grid; gap: 2px; margin-top: 8px; padding: 10px 12px; background: #F7F4EC; border: 1px solid #DDD8CC; border-radius: 3px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mail b { font-size: 13px; font-weight: 600; line-height: 1.4; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mail span { font-size: 13px; line-height: 1.4; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-l-noise .ai-mail { background: none; border-style: dashed; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-l-noise .ai-mail b { font-weight: 500; color: #535956; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-sources { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-sources li { display: grid; gap: 4px; align-content: start; padding: 14px 0 0; border-top: 2px solid var(--ink); } body.sys-n:not(.page-index) main > section.ai-sec .ai-sources b { font-size: 1.125rem; font-weight: 500; line-height: 1.25; letter-spacing: -.015em; } body.sys-n:not(.page-index) main > section.ai-sec .ai-converge { display: block; width: 100%; height: 88px; margin-top: 16px; overflow: visible; } body.sys-n:not(.page-index) main > section.ai-sec .ai-converge path { fill: none; stroke: var(--muted); stroke-width: 1; } body.sys-n:not(.page-index) main > section.ai-sec .ai-node { margin: 0; max-width: none; text-align: center; } body.sys-n:not(.page-index) main > section.ai-sec .ai-node span { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border: 1px solid var(--ink); background: var(--ai-tint); font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); } body.sys-n:not(.page-index) main > section.ai-sec .ai-node span::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: #E16324; } body.sys-n:not(.page-index) main > section.ai-sec .ai-result { position: relative; max-width: 1080px; margin: 0 auto; padding-top: 32px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-result::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 32px; background: var(--muted); } body.sys-n:not(.page-index) main > section.ai-sec.ai-seen .ai-head h2 { max-width: 24ch; } body.sys-n:not(.page-index) main > section.ai-sec .ai-trio { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr) minmax(0, 1.9fr); gap: 32px; align-items: end; } body.sys-n:not(.page-index) main > section.ai-sec .ai-trio figcaption { margin-top: 16px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-trio figcaption b { font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); }  body.sys-n:not(.page-index) main > section.ai-sec .ai-three { display: grid; grid-template-columns: minmax(0, 1.15fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); gap: 16px; align-items: stretch; } body.sys-n:not(.page-index) main > section.ai-sec .ai-arrow { align-self: center; justify-self: center; width: 12px; height: 12px; border-top: 2px solid var(--accent-ink); border-right: 2px solid var(--accent-ink); rotate: 45deg; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-wave { display: flex; align-items: center; gap: 3px; height: 40px; margin-bottom: 14px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-wave i { flex: 1 1 0; max-width: 4px; height: calc(var(--h) * 1px); background: #A73C12; border-radius: 1px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet blockquote { margin: 0; padding: 12px 0; border-top: 1px solid var(--ai-hair); font-size: 15px; line-height: 1.45; color: #0B0D0E; quotes: none; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet blockquote span { display: block; margin-bottom: 2px; font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .04em; color: #535956; font-variant-numeric: tabular-nums; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-points { display: grid; gap: 10px; margin: 0; padding: 0 0 0 18px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-points li { font-size: 15px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-points + .ai-fine { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks { list-style: none; margin: 0; padding: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks li { position: relative; padding: 10px 0 10px 30px; border-top: 1px solid var(--ai-hair); font-size: 15px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks li:first-child { padding-top: 0; border-top: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks li::before { content: ""; position: absolute; left: 0; top: 12px; width: 16px; height: 16px; border: 1.5px solid #0B0D0E; border-radius: 3px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks li:first-child::before { top: 2px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks li.ai-done { color: #535956; text-decoration: line-through; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks li.ai-done::before { background: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-checks li.ai-done::after { content: ""; position: absolute; left: 6px; top: 15px; width: 4px; height: 8px; border-right: 2px solid #FFFEFB; border-bottom: 2px solid #FFFEFB; rotate: 45deg; } body.sys-n:not(.page-index) main > section.ai-sec .ai-duo.ai-duo-side { align-items: start; } body.sys-n:not(.page-index) main > section.ai-sec .ai-side { display: grid; gap: 32px; } body.sys-n:not(.page-index) main > section.ai-sec :is(.ai-duo-side, .ai-side) figcaption { display: grid; justify-items: start; gap: 2px; margin-top: 16px; } body.sys-n:not(.page-index) main > section.ai-sec :is(.ai-duo-side, .ai-side) figcaption b { font-size: 1.25rem; font-weight: 500; letter-spacing: -.02em; color: var(--ink); } body.sys-n:not(.page-index) main > section.ai-sec :is(.ai-duo-side, .ai-side) figcaption span { font-size: .9375rem; line-height: 1.5; color: var(--muted); } body.sys-n:not(.page-index) main > section.ai-sec :is(.ai-duo-side, .ai-side) figcaption .text-link { margin: 4px 0 0; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-assess-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 40px var(--column-gap); align-items: center; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-jobs { list-style: none; margin: 0; padding: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-jobs li { display: flex; justify-content: space-between; align-items: center; gap: 8px 16px; padding: 12px 0; border-bottom: 1px solid var(--ai-hair); font-size: 15px; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-jobs li:first-child { padding-top: 2px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) :is(.ai-jobs b, .ai-key span) { padding: 5px 10px; border-radius: 2px; font: 600 13px/1.4 Manrope, sans-serif; letter-spacing: .02em; white-space: nowrap; text-align: center; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-v-cover { border: 1px solid #0B0D0E; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-v-build { border: 1px solid #A73C12; background: #A73C12; color: #FFFEFB; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-v-leave { border: 1px dashed #535956; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-key { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-annot-grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 32px var(--column-gap); align-items: center; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pinned { position: relative; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pin { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #E16324; color: #0B0D0E; font: 700 14px/1 Manrope, sans-serif; box-shadow: 0 0 0 3px #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pinned .ai-pin { position: absolute; translate: -50% -50%; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pin.ai-p1 { left: 31%; top: 37.2%; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pin.ai-p2 { left: 41%; top: 24.5%; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pin.ai-p3 { left: 71.5%; top: 15%; } body.sys-n:not(.page-index) main > section.ai-sec .ai-legend { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section.ai-sec .ai-legend li { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; padding: 20px 0; border-bottom: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > section.ai-sec .ai-legend h3 { margin: 2px 0 0; font-size: 1.375rem; letter-spacing: -.02em; } body.sys-n:not(.page-index) main > section.ai-sec .ai-legend p { grid-column: 2; margin: 4px 0 0; font-size: 1rem; line-height: 1.5; color: var(--ink); }  body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-doc > .ai-sheet { padding: 26px 30px 14px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-doc-title { margin: 0 0 18px; font-size: clamp(1.375rem, 1.1rem + 1vw, 1.75rem); font-weight: 500; line-height: 1.2; letter-spacing: -.025em; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-doc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 36px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-line { list-style: none; margin: 0 0 clamp(36px, 4.5vw, 64px); padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section.ai-sec .ai-line li { position: relative; padding: 20px 32px 0 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-line.ai-line3 { grid-template-columns: repeat(3, minmax(0, 1fr)); margin: clamp(32px, 4vw, 56px) 0 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-line h3 { margin: 4px 0 0; font-size: 1.375rem; letter-spacing: -.02em; } body.sys-n:not(.page-index) main > section.ai-sec .ai-line p { margin: 6px 0 0; font-size: 1rem; line-height: 1.5; color: var(--ink); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-blk { padding: 14px 0 18px; border-top: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-blk h4 { display: flex; align-items: baseline; gap: 10px; margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; letter-spacing: -.01em; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-blk h4 span { font: 600 13px/1.5 Manrope, sans-serif; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-blk .ai-fine { margin: 0 0 10px 18px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-fill { margin: 0; font-size: 13px; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-chain { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin-top: 6px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-chain em { flex: 0 0 72px; font: normal 600 13px/1.5 Manrope, sans-serif; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-chain i { padding: 2px 7px; border: 1px solid #BEB8AA; border-radius: 2px; font-style: normal; font-size: 13px; line-height: 1.5; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-chain.ai-chain-new i { border-color: #A73C12; box-shadow: inset 0 -2px 0 #E16324; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-access { margin: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-access div { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; border-bottom: 1px dotted #BEB8AA; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-access :is(dt, dd) { margin: 0; font-size: 13px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-access dd { color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-opts { display: flex; gap: 6px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-opts span { flex: 1; padding: 6px 4px; border: 1px solid #BEB8AA; font-size: 13px; font-weight: 600; line-height: 1.5; text-align: center; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-opts .ai-on { background: #0B0D0E; border-color: #0B0D0E; color: #FFFEFB; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-quote { display: grid; gap: 6px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-quote span { margin-top: 4px; font-size: 13px; font-weight: 600; line-height: 1.5; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-quote i { display: block; height: 7px; background: #E4DFD3; border-radius: 1px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-quote i:nth-of-type(2) { width: 70%; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-quote i:nth-of-type(3) { width: 82%; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-quote .ai-redact { width: 44%; height: 16px; background: #0B0D0E; }  body.sys-n:not(.page-index) main > section.ai-sec .ai-who-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 32px var(--column-gap); align-items: center; } body.sys-n:not(.page-index) main > section.ai-sec.ai-who h2 { max-width: 18ch; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mark { display: grid; gap: 2px; margin: 0; padding: 10px 0; border-top: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mark:first-of-type { padding-top: 0; border-top: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mark span { font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .1em; text-transform: uppercase; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mark s { color: #535956; text-decoration-color: #A73C12; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-mark ins { font-weight: 600; color: #0B0D0E; text-decoration: none; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-to { display: grid; grid-template-columns: 64px minmax(0, 1fr); margin: 0; padding: 6px 0; border-bottom: 1px solid var(--ai-hair); font-size: 13px; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-to span { color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-card-body { margin: 10px 0 0; font-size: 15px; color: #0B0D0E; }  body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-board { padding: 22px 26px 26px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-panes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr) minmax(0, .9fr); gap: 0 28px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pane h4 { margin: 0 0 12px; padding-bottom: 8px; border-bottom: 2px solid #0B0D0E; font: 600 13px/1.5 Manrope, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pane.ai-pane-main h4 { border-bottom-color: #E16324; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-people { list-style: none; margin: 0; padding: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-people li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 12px; padding: 9px 0; border-bottom: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-people b { font-size: 14px; font-weight: 600; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-people span { grid-column: 1; font-size: 13px; color: #535956; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-people i { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-style: normal; font-size: 13px; font-weight: 600; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-people li.ai-out :is(b, span, i) { font-weight: 400; color: #535956; text-decoration: line-through; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-msg { margin-bottom: 10px; padding: 12px 14px 14px; background: #F7F4EC; border: 1px solid #DDD8CC; border-radius: 3px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-msg:last-child { margin-bottom: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-msg-top { display: flex; justify-content: space-between; gap: 12px; margin: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-msg-top b { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-msg-top i { font-style: normal; font-size: 13px; color: #535956; white-space: nowrap; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-msg-sub { margin: 6px 0 0; font-size: 14px; font-weight: 600; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-msg-body { margin: 4px 0 0; font-size: 15px; line-height: 1.45; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-msg.ai-msg-in { border-color: #0B0D0E; background: #FFFEFB; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-msg.ai-msg-in .ai-msg-top i { font-weight: 600; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pane > .ai-fine { margin-top: 12px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-audit { width: min(480px, 100%); margin-left: auto; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-audit .ai-sheet :is(s, ins, span) { font-size: 15px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-audit .ai-mark span { font-size: 13px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-audit figcaption { --ink: #F5F2EC; --muted: #CBD0CC; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet .ai-card-body { margin: 10px 0 0; font-size: 15px; color: #0B0D0E; }  body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero).ai-plan > .wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 460px); gap: 32px var(--column-gap); align-items: center; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero).ai-plan .ai-drawn { position: relative; z-index: 1; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-outs { list-style: none; margin: 0; padding: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-outs li { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: baseline; gap: 0 8px; padding: 11px 0; border-bottom: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-outs li:last-child { border-bottom: 0; padding-bottom: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-outs b { font-size: 16px; font-weight: 500; color: #0B0D0E; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-outs i { font-style: normal; font-size: 13px; color: #535956; white-space: nowrap; }  body.sys-n:not(.page-index) main > header.hero.ai-h64 h1.hero-h.hero-h { font-size: clamp(2.25rem, 4.45vw, 4rem) !important; }  body.sys-n:not(.page-index) main > header.hero.ai-hero { --ai-frame: #323633; --ai-shadow: 0 30px 60px -24px rgb(0 0 0 / .7); } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-hero-art { margin: 32px 0 0; width: min(560px, 100%); } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-hero-art figcaption { --ink: #F5F2EC; --muted: #CBD0CC; margin-top: 14px; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-pair { position: relative; padding: 0 8% 5% 0; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-pair .ai-over { position: absolute; right: 0; bottom: 0; width: 24%; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-pair.ai-pair-win { padding: 0 0 13% 0; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-pair.ai-pair-win > .ai-frame:first-child { width: 84%; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-pair.ai-pair-win > .ai-over { width: 58%; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 22px; align-items: center; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed li { position: relative; max-width: 16ch; padding: 7px 12px; border: 1px solid #8B908C; background: rgb(11 13 14 / .72); font-size: 13px; line-height: 1.4; color: #F5F2EC; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed li::after { content: ""; position: absolute; left: 100%; top: 50%; width: 22px; height: 1px; background: #CBD0CC; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan { display: grid; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-page { width: 64%; padding: 16px 18px 18px; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-page-b { justify-self: end; rotate: 4deg; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-page-a { margin-top: -30%; rotate: -3deg; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-doc-title { margin-bottom: 10px; font-size: 1.25rem; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-access { margin-top: 12px; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-quote { margin-top: 12px; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan.ai-fan-mail .ai-page { width: 78%; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan.ai-fan-mail .ai-page-a { margin-top: -12%; } @media (min-width: 1100px) { body.sys-n:not(.page-index) main > header.hero.ai-hero h1.hero-h.hero-h { max-width: none; } body.sys-n:not(.page-index) main > header.hero.ai-hero .hero-in { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); column-gap: 40px; align-items: end; } body.sys-n:not(.page-index) main > header.hero.ai-hero .hero-in > :not(.ai-hero-art) { grid-column: 1; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-hero-art { grid-column: 2; grid-row: 1 / span 6; align-self: end; width: 100%; margin: 0; } } @media (max-width: 520px) { body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-page { width: 80%; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-fan .ai-page-a { margin-top: -22%; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed { grid-template-columns: minmax(0, 1fr); gap: 12px; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed li { max-width: none; } body.sys-n:not(.page-index) main > header.hero.ai-hero .ai-feed li::after { display: none; } }  @keyframes aiRise { from { transform: translateY(36px); } to { transform: none; } } @keyframes aiDrop { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: no-preference) { @supports (animation-timeline: view()) { body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-rise { animation: aiRise linear both; animation-timeline: view(); animation-range: entry 0% entry 70%; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sorter .ai-mail { animation: aiDrop linear both; animation-timeline: view(); animation-range: entry 0% cover 14%; } @media (min-width: 1051px) { body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sorter .ai-lane:nth-child(2) .ai-mail { animation-range: entry 60% cover 20%; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sorter .ai-lane:nth-child(3) .ai-mail { animation-range: entry 120% cover 26%; } } } } @media (prefers-reduced-motion: reduce) { body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) :is(.ai-frame, .ai-sheet, .ai-go::after, .ai-next i) { transition: none; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile:is(:hover, :focus-visible) .ai-stage > :is(.ai-frame, .ai-sheet) { transform: none; } }  @media (max-width: 1050px) { body.sys-n:not(.page-index) main > section.ai-sec .ai-gal { gap: 40px 24px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-three { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > section.ai-sec .ai-arrow { rotate: 135deg; margin: 2px 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-lanes { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > section.ai-sec .ai-six { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-doc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 860px) { body.sys-n:not(.page-index) main > section.ai-sec { padding: 56px 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-head.ai-split, body.sys-n:not(.page-index) main > section.ai-sec .ai-duo, body.sys-n:not(.page-index) main > section.ai-sec .ai-duo.ai-rev, body.sys-n:not(.page-index) main > section.ai-sec .ai-who-grid, body.sys-n:not(.page-index) main > section.ai-sec .ai-sort-grid, body.sys-n:not(.page-index) main > section.ai-sec .ai-assess-grid, body.sys-n:not(.page-index) main > section.ai-sec .ai-annot-grid { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > section.ai-sec .ai-line, body.sys-n:not(.page-index) main > section.ai-sec .ai-line.ai-line3 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 28px; border-top: 0; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero).ai-plan > .wrap { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-panes { grid-template-columns: minmax(0, 1fr); gap: 24px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-audit { margin: 28px 0 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-line li { border-top: 1px solid var(--line); } body.sys-n:not(.page-index) main > section.ai-sec.ai-settle .ai-next { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > section.ai-sec .ai-head.ai-split > .ai-lead { margin: 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-duo.ai-rev > .ai-note { order: 2; } body.sys-n:not(.page-index) main > section.ai-sec .ai-duo { gap: 24px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile, body.sys-n:not(.page-index) main > section.ai-sec .ai-tile.ai-t-wide { grid-column: span 6; } body.sys-n:not(.page-index) main > section.ai-sec .ai-stage { height: auto; aspect-ratio: 4 / 3; padding: 20px 20px 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-stage > .ai-over { right: 20px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-sources { grid-template-columns: minmax(0, 1fr); gap: 0; border-top: 2px solid var(--ink); } body.sys-n:not(.page-index) main > section.ai-sec .ai-sources li { grid-template-columns: 36px minmax(0, 1fr); align-items: baseline; padding: 12px 0; border-top: 0; border-bottom: 1px solid var(--ai-hair); } body.sys-n:not(.page-index) main > section.ai-sec .ai-converge { display: none; } body.sys-n:not(.page-index) main > section.ai-sec .ai-node { position: relative; padding-top: 28px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-node::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 28px; background: var(--muted); } body.sys-n:not(.page-index) main > section.ai-sec .ai-node span { text-align: left; } body.sys-n:not(.page-index) main > section.ai-sec.ai-seen .ai-head h2 { max-width: 24ch; } body.sys-n:not(.page-index) main > section.ai-sec .ai-trio { grid-template-columns: minmax(0, 1fr) minmax(0, .42fr); gap: 28px 20px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-trio > figure:nth-child(2) { grid-column: 1 / -1; order: -1; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-pin { width: 22px; height: 22px; font-size: 12px; box-shadow: 0 0 0 2px #0B0D0E; } body.sys-n:not(.page-index) main > section.ai-sec .ai-legend li { grid-template-columns: 40px minmax(0, 1fr); } } @media (max-width: 640px) { body.sys-n:not(.page-index) main > section.ai-sec .ai-settle-shot { display: block; height: 150px; margin: 0 0 24px; overflow: hidden; } body.sys-n:not(.page-index) main > section.ai-sec.ai-settle h2 { margin-bottom: 20px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six { column-gap: 20px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six li { grid-template-columns: minmax(0, 1fr); padding: 12px 0 14px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six .ai-n { padding-top: 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six h3 { font-size: 1.0625rem; line-height: 1.25; } body.sys-n:not(.page-index) main > section.ai-sec .ai-six p { grid-column: 1; line-height: 1.4; } body.sys-n:not(.page-index) main > section.ai-sec .ai-tile, body.sys-n:not(.page-index) main > section.ai-sec .ai-tile.ai-t-wide { grid-column: 1 / -1; } body.sys-n:not(.page-index) main > section.ai-sec .ai-two { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; gap: 48px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-two-item { grid-row: auto; grid-template-rows: none; gap: 24px; } } @media (max-width: 520px) { body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet { padding: 16px 16px 18px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-doc > .ai-sheet { padding: 18px 16px 8px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-doc-grid { grid-template-columns: minmax(0, 1fr); } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-jobs li { flex-wrap: wrap; } body.sys-n:not(.page-index) main > section.ai-sec .ai-line, body.sys-n:not(.page-index) main > section.ai-sec .ai-line.ai-line3 { grid-template-columns: minmax(0, 1fr); row-gap: 20px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-board { padding: 16px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-line li { padding-top: 18px; } body.sys-n:not(.page-index) main > :is(section.ai-sec, section.ai-host, header.ai-hero) .ai-sheet-top { flex-wrap: wrap; gap: 2px 12px; } body.sys-n:not(.page-index) main > section.ai-sec .ai-pair { padding: 0 9% 6% 0; } body.sys-n:not(.page-index) main > section.ai-sec .ai-pair .ai-over { width: 24%; } } body.sys-n:not(.page-index) main > section figcaption > b { display: block; margin-bottom: 2px; font-size: 13px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: var(--ink); } body.sys-n:not(.page-index) main > section figcaption > span { display: block; font-size: 14px; line-height: 1.5; color: var(--muted); max-width: 64ch; }   body.sys-n:not(.page-index) { --sl-paper: 245, 242, 236; --sl-night: 11, 13, 14; font-family: "Manrope", sans-serif; } body.sys-n:not(.page-index) :is(h1, h2, h3) { font-weight: 500; letter-spacing: -.035em; } body.sys-n:not(.page-index) :is(.label, .eyebrow, .kicker) { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .2em; } body.sys-n:not(.page-index) :is(button, a.btn, a.button, [role="button"]) { min-inline-size: 44px; min-block-size: 44px; }  body.sys-n:not(.page-index) :is(.hero, section.dark) { --sl-grounding: 0 18px 44px -12px rgba(var(--sl-paper), .045), 0 44px 88px -28px rgba(var(--sl-paper), .035); } body.sys-n:not(.page-index) section.paper { --sl-grounding: 0 16px 28px -16px rgba(var(--sl-night), .18), 0 44px 64px -30px rgba(var(--sl-night), .16); } body.sys-n:not(.page-index) :is(.hero, section.dark, section.paper) :where( .screen-frame, figure:has(img[src*="/assets/shots/"]):not(:has(.screen-frame)), .hero-in :is( .dl-heroshot, .ow-heroshot, .hero-reel, .sv-heroshot, .ai-heroshot ):not(:has(.screen-frame, figure)) ) { box-shadow: var(--sl-grounding); }  body.sys-n:not(.page-index) .hero .hero-in :is(.dl-heroshot, .ow-heroshot, .hero-reel, .sv-heroshot, .ai-heroshot) { position: relative; isolation: isolate; } body.sys-n:not(.page-index) .hero .hero-in :is(.dl-heroshot, .ow-heroshot, .hero-reel, .sv-heroshot, .ai-heroshot)::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; pointer-events: none; background: radial-gradient( ellipse at 50% 72%, rgba(var(--sl-paper), 1) 0%, rgba(var(--sl-paper), .45) 38%, rgba(var(--sl-paper), 0) 76% ); box-shadow: 0 28px 64px -16px rgba(var(--sl-paper), .7); opacity: 0; }  body.sys-n:not(.page-index) :is(header.hero, section.dark) + section.paper { position: relative; isolation: isolate; } body.sys-n:not(.page-index) :is(header.hero, section.dark) + section.paper::before { content: ""; position: absolute; inset: 0 0 auto; block-size: clamp(80px, 18vh, 180px); z-index: -1; pointer-events: none; background: linear-gradient( to bottom, rgba(var(--sl-night), .12), rgba(var(--sl-night), .045) 45%, rgba(var(--sl-night), 0) ); opacity: 0; } @keyframes sl-inner-arrival { 0% { opacity: 0; } 38% { opacity: .06; } 100% { opacity: 0; } } @keyframes sl-inner-daybreak { from { opacity: 1; } to { opacity: 0; } } @media (prefers-reduced-motion: no-preference) { body.sys-n:not(.page-index) .hero .hero-in :is( .dl-heroshot, .ow-heroshot, .hero-reel, .sv-heroshot, .ai-heroshot ).sl-arrived::after { animation: sl-inner-arrival 1050ms cubic-bezier(.22, .61, .36, 1) both; } @supports (animation-timeline: view()) and (animation-range: entry 0% entry 25%) { body.sys-n:not(.page-index) :is(header.hero, section.dark) + section.paper::before { animation: sl-inner-daybreak linear both; animation-timeline: view(); animation-range: entry 0% entry 25%; } } } @media (prefers-reduced-motion: reduce) { body.sys-n:not(.page-index) .hero .hero-in :is(.dl-heroshot, .ow-heroshot, .hero-reel, .sv-heroshot, .ai-heroshot)::after, body.sys-n:not(.page-index) :is(header.hero, section.dark) + section.paper::before { animation: none; opacity: 0; } }   body.sys-n .site-header { --menu-paper: #F5F2EC; --menu-muted: #CBD0CC; --menu-ember: #E16324; --menu-ground: #060809; --menu-rule: rgb(245 242 236 / 18%); --menu-gutter: clamp(20px, 4vw, 56px); --header: 88px; display: block; height: var(--header); overflow: visible; color: var(--menu-paper); font-family: "Manrope", sans-serif; transform: none; filter: none; contain: none; } body.sys-n .site-header *, body.sys-n .site-header *::before, body.sys-n .site-header *::after { box-sizing: border-box; } body.sys-n .site-header::before { background: #0B0D0E; } body.sys-n .site-header:has(.suite-menu[open])::before { background: var(--menu-ground); border-bottom: 1px solid var(--menu-rule); opacity: 1 !important; } body.sys-n .site-header .nav-wrap { position: static; display: flex; align-items: center; gap: clamp(16px, 2vw, 32px); width: 100%; max-width: 1440px; height: 100%; margin-inline: auto; padding-inline: var(--menu-gutter); transform: none; filter: none; contain: none; }  body.sys-n .site-header .nav-wrap .brand.brand { display: inline-flex; flex: none; width: 140px !important; min-height: 44px; margin: 0 !important; padding: 0; transition: none !important; } body.sys-n .site-header .brand img { display: block; width: 100%; height: auto; object-fit: contain; } body.sys-n .site-header .desktop-nav { display: flex; align-items: center; gap: clamp(16px, 1.8vw, 28px); margin-left: auto; } body.sys-n .site-header .desktop-nav .text-link, body.sys-n .site-header .suite-menu > summary { min-height: 44px; color: var(--menu-paper); font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: .2em; text-transform: uppercase; } body.sys-n .site-header .desktop-nav .text-link { display: inline-flex; align-items: center; margin: 0; } body.sys-n .site-header .nav-wrap .suite-menu.suite-menu { position: static; flex: none; order: 3; margin: 0 !important; transform: none; filter: none; contain: none; } body.sys-n .site-header .suite-menu > summary { display: flex; align-items: center; justify-content: center; gap: 0; min-width: 60px; padding: 8px 4px; list-style: none; cursor: pointer; touch-action: manipulation; } body.sys-n .site-header summary::-webkit-details-marker { display: none; } body.sys-n .site-header summary::marker { content: ""; } body.sys-n .site-header .suite-menu > summary::before, body.sys-n .site-header .suite-menu > summary::after, body.sys-n .site-header .menu-icon { display: none; } body.sys-n .site-header .desktop-label { display: inline; } body.sys-n .site-header .mobile-label, body.sys-n .site-header .menu-close-label { display: none; } body.sys-n .site-header .suite-menu[open] > summary .desktop-label, body.sys-n .site-header .suite-menu[open] > summary .mobile-label { display: none; } body.sys-n .site-header .suite-menu[open] > summary .menu-close-label { display: inline; } body.sys-n .site-header .nav-wrap .nav-contact.nav-contact { position: static; display: inline-flex !important; flex: none; order: 2; align-items: center; justify-content: center; min-height: 48px; margin: 0; padding: 12px 18px; border: 1px solid var(--menu-ember); border-radius: 2px; background: var(--menu-ember); color: #060809; box-shadow: none; font: 600 13px/1.35 "Manrope", sans-serif; letter-spacing: 0; text-align: center; text-decoration: none; text-transform: none; white-space: normal; transition: transform 180ms ease; } body.sys-n .site-header .nav-contact::before, body.sys-n .site-header .nav-contact::after, body.sys-n .site-header .text-link::after { display: none; } body.sys-n .site-header :is(a, summary):focus-visible { outline: 3px solid #E16324 !important; outline-offset: 3px !important; } body.sys-n .site-header ::selection { background: var(--menu-paper); color: var(--menu-ground); }  body.sys-n .site-header .suite-menu:not([open]) > .menu-panel { display: none; } body.sys-n .site-header .menu-panel { position: fixed; inset: var(--header) 0 auto; display: grid; grid-template-columns: minmax(125px, .65fr) minmax(0, 4fr); align-items: start; gap: clamp(28px, 4vw, 64px); width: auto; min-width: 0; min-height: 0; max-height: calc(100vh - var(--header)); max-height: calc(100dvh - var(--header)); padding: 32px max( var(--menu-gutter), calc((100% - 1328px) / 2) ); border: 0; border-bottom: 1px solid var(--menu-rule); background: radial-gradient( ellipse 65% 320px at 35% 0, rgb(245 242 236 / 4%), transparent 75% ), var(--menu-ground); color: var(--menu-paper); box-shadow: none; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scroll-padding-block: 20px; scrollbar-width: thin; scrollbar-color: #CBD0CC #060809; animation: none !important; transform: none; } body.sys-n .site-header .menu-panel > *, body.sys-n .site-header .menu-groups > * { min-width: 0; } body.sys-n .site-header .menu-intro { position: relative; display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 0; font-size: clamp(24px, 2vw, 30px); font-weight: 500; line-height: 1.12; letter-spacing: -.04em; } body.sys-n .site-header .menu-intro .menu-s { position: static; order: -1; flex: none; width: 64px; height: 64px; margin: 0 0 22px; color: var(--menu-paper); fill: currentColor; opacity: 1; z-index: auto; } body.sys-n .site-header .menu-intro > span { display: none; max-width: 24ch; margin-top: 20px; color: var(--menu-muted); font-size: 14px; font-weight: 400; line-height: 1.65; letter-spacing: 0; } body.sys-n .site-header .menu-groups { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: start; gap: 22px 22px; counter-reset: solva-menu; } body.sys-n .site-header .menu-group { min-width: 0; margin: 0; counter-increment: solva-menu; } body.sys-n .site-header .menu-group > summary { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 16px; align-items: center; gap: 8px; min-height: 44px; padding: 0 0 12px; border: 0; border-bottom: 1px solid var(--menu-rule); color: var(--menu-paper); font-size: 18px; font-weight: 500; line-height: 1.25; letter-spacing: -.03em; list-style: none; overflow-wrap: anywhere; cursor: pointer; pointer-events: auto; touch-action: manipulation; transition: color 180ms ease; } body.sys-n .site-header .menu-group > summary::before { content: none; display: none; grid-column: 1 / -1; color: var(--menu-muted); font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .2em; font-variant-numeric: tabular-nums; } body.sys-n .site-header .menu-group > summary::after { content: ""; display: block; width: 12px; height: 12px; justify-self: end; background: linear-gradient(currentColor, currentColor) center / 12px 1px no-repeat, linear-gradient(currentColor, currentColor) center / 1px 12px no-repeat; } body.sys-n .site-header .menu-group[open] > summary { color: var(--menu-paper); } body.sys-n .site-header .menu-group[open] > summary::after { background: linear-gradient(currentColor, currentColor) center / 12px 1px no-repeat; } body.sys-n .site-header .menu-group > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; padding: 12px 0 0; } body.sys-n .site-header .menu-group:not([open]) > div { display: none; } body.sys-n .site-header .menu-group .text-link, body.sys-n .site-header .menu-company .text-link { display: flex; align-items: center; min-width: 0; min-height: 44px; margin: 0; padding: 10px 0; color: var(--menu-muted); font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; text-decoration: none; text-transform: none; white-space: normal; overflow-wrap: anywhere; transition: color 180ms ease, transform 180ms ease; } body.sys-n .site-header .menu-company { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 32px; margin: 0; padding: 20px 0 0; border-top: 1px solid var(--menu-rule); } body.sys-n .site-header .menu-company .text-link { color: var(--menu-paper); font-weight: 500; } body.sys-n .site-header .menu-group .text-link:is(:focus-visible, :active), body.sys-n .site-header .menu-company .text-link:is(:focus-visible, :active), body.sys-n .site-header .menu-group > summary:is(:focus-visible, :active) { color: var(--menu-ember); } @media (hover: hover) { body.sys-n .site-header .menu-group .text-link:hover, body.sys-n .site-header .menu-company .text-link:hover { color: var(--menu-ember); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; transform: translateX(3px); } body.sys-n .site-header .menu-group > summary:hover, body.sys-n .site-header .suite-menu > summary:hover { color: var(--menu-ember); } body.sys-n .site-header .nav-contact:hover { transform: translateY(-2px); } }  @media (min-width: 901px) and (max-width: 1240px) { body.sys-n .site-header .desktop-nav { display: none; } body.sys-n .site-header .nav-wrap .nav-contact.nav-contact { margin-left: auto; } } @media (min-width: 901px) and (max-width: 1100px) { body.sys-n .site-header .menu-groups { grid-template-columns: repeat(3, minmax(0, 1fr)); } }  @media (max-width: 900px) { body.sys-n:has(.site-header .suite-menu[open]) { overflow: hidden; } body.sys-n .site-header { --header: calc(76px + env(safe-area-inset-top, 0px)); --menu-gutter: clamp(16px, 4.5vw, 36px); --menu-dock: calc(88px + env(safe-area-inset-bottom, 0px)); height: var(--header); padding-top: env(safe-area-inset-top, 0px); } body.sys-n .site-header .nav-wrap { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: clamp(8px, 2.4vw, 20px); padding-left: max(var(--menu-gutter), env(safe-area-inset-left, 0px)); padding-right: max(var(--menu-gutter), env(safe-area-inset-right, 0px)); } body.sys-n .site-header .nav-wrap .brand.brand { grid-column: 1; grid-row: 1; width: clamp(80px, 22vw, 112px) !important; } body.sys-n .site-header .desktop-nav { display: none; } body.sys-n .site-header .nav-wrap .suite-menu.suite-menu { grid-column: 3; grid-row: 1; justify-self: end; } body.sys-n .site-header .suite-menu > summary { width: 64px; min-height: 48px; padding: 8px 4px; font-size: 12px; letter-spacing: .2em; } body.sys-n .site-header .desktop-label { display: none; } body.sys-n .site-header .mobile-label { display: inline; } body.sys-n .site-header .nav-wrap .nav-contact.nav-contact { grid-column: 2; grid-row: 1; justify-self: end; min-width: 0; max-width: 100%; min-height: 44px; padding: 8px 10px; font-size: 12px; line-height: 1.35; } body.sys-n .site-header:has(.suite-menu[open])::after { content: ""; position: fixed; inset: auto 0 0; height: var(--menu-dock); border-top: 1px solid var(--menu-rule); background: var(--menu-ground); pointer-events: none; z-index: 1; } body.sys-n .site-header:has(.suite-menu[open]) .nav-wrap .nav-contact.nav-contact { position: fixed; inset: auto max(var(--menu-gutter), env(safe-area-inset-right, 0px)) calc(18px + env(safe-area-inset-bottom, 0px)) max(var(--menu-gutter), env(safe-area-inset-left, 0px)); justify-self: auto; width: auto; max-width: none; min-height: 52px; margin: 0; padding: 12px 20px; font-size: 14px; z-index: 2; } body.sys-n .site-header .menu-panel { inset: var(--header) 0 auto; display: block; height: calc(100vh - var(--header) - var(--menu-dock)); height: calc(100dvh - var(--header) - var(--menu-dock)); min-height: 0; max-height: none; padding: 20px max(var(--menu-gutter), env(safe-area-inset-right, 0px)) 28px max(var(--menu-gutter), env(safe-area-inset-left, 0px)); border: 0; background: radial-gradient( ellipse 100% 280px at 50% 0, rgb(245 242 236 / 4%), transparent 80% ), var(--menu-ground); } body.sys-n .site-header .menu-intro { display: flex; flex-direction: row; align-items: center; gap: 12px; min-height: 32px; margin: 0 0 20px; padding: 0; color: var(--menu-muted); font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: -.02em; } body.sys-n .site-header .menu-intro .menu-s { position: static; width: 22px; height: auto; aspect-ratio: 1; margin: 0; } body.sys-n .site-header .menu-intro > span { display: none; } body.sys-n .site-header .menu-groups { grid-template-columns: minmax(0, 1fr); gap: 0; } body.sys-n .site-header .menu-group > summary { grid-template-columns: minmax(0, 1fr) 20px; gap: 12px; min-height: 60px; padding: 14px 0; font-size: clamp(24px, 4vw, 32px); line-height: 1.15; } body.sys-n .site-header .menu-group > summary::before { content: none; display: none; } body.sys-n .site-header .menu-group > summary::after { width: 14px; height: 14px; } body.sys-n .site-header .menu-group > div { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; padding: 8px 0 18px; } body.sys-n .site-header .menu-group .text-link { min-height: 48px; padding-block: 10px; font-size: 14px; line-height: 1.45; } body.sys-n .site-header .menu-company { justify-content: space-between; gap: 8px 16px; margin-top: 20px; padding-top: 16px; } body.sys-n .site-header .menu-company .text-link { min-height: 48px; font-size: 15px; } }  @media (max-width: 420px) { body.sys-n .site-header .menu-group > div { grid-template-columns: minmax(0, 1fr); } }  @media (prefers-reduced-motion: no-preference) { body.sys-n .site-header .suite-menu[open] .menu-group[open] > div > a { animation: solva-menu-link-in 320ms cubic-bezier(.22, 1, .36, 1) backwards; } body.sys-n .site-header .menu-group > div > a:nth-child(2) { animation-delay: 35ms; } body.sys-n .site-header .menu-group > div > a:nth-child(3) { animation-delay: 70ms; } body.sys-n .site-header .menu-group > div > a:nth-child(4) { animation-delay: 105ms; } body.sys-n .site-header .menu-group > div > a:nth-child(5) { animation-delay: 140ms; } } @keyframes solva-menu-link-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { body.sys-n .site-header, body.sys-n .site-header *, body.sys-n .site-header::before, body.sys-n .site-header::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } } @media print { body.sys-n .site-header { display: none !important; } }  @media (min-width: 901px) { body.sys-n .site-header .nav-wrap > .nav-contact { order: 9 !important; } }   body.sys-n:not(.page-index) { --sl2-paper: 245,242,236; } body.sys-n:not(.page-index) main > header.hero { --beam-x: 50%; --beam-tilt: 0deg; position: relative; isolation: isolate; }  body.sys-n:not(.page-index) main > header.hero .bleed { animation: none !important; } body.sys-n:not(.page-index) main > header.hero .bleed::before { content: none; } body.sys-n:not(.page-index) main > header.hero .hero-in :is(.dl-heroshot,.ow-heroshot,.sv-heroshot,.ai-heroshot,.hero-reel)::after { content: none !important; } body.sys-n:not(.page-index) main > header.hero .hero-in { z-index: 3; } body.sys-n:not(.page-index) main > header.hero :is(.lab,.sub,.hero-actions,.hero-h .ln > *,figure) { animation: none !important; } body.sys-n:not(.page-index) .sl2-field { position: absolute; inset: 0; overflow: hidden; z-index: 2; pointer-events: none; contain: paint; } body.sys-n:not(.page-index) .sl2-ray { position: absolute; top: 0; left: var(--beam-x); width: clamp(240px,48vw,680px); height: clamp(260px,65vh,660px); transform: translate(calc(-50% + var(--sl2-dx,0px)),calc(-78% + var(--sl2-y,0px))); } body.sys-n:not(.page-index) .sl2-ray::before { content: ""; display: block; width: 100%; height: 100%; background: radial-gradient(ellipse at 50% 70%, rgba(var(--sl2-paper),.14),rgba(var(--sl2-paper),.07) 32%,transparent 70%); transform: rotate(var(--beam-tilt)); transform-origin: 50% 78%; opacity: .7; } body.sys-n:not(.page-index) .sl2-receiver { position: relative; } body.sys-n:not(.page-index) .sl2-catch { position: absolute; inset: 0 0 auto; height: 84px; z-index: 4; pointer-events: none; opacity: .55; background: linear-gradient(rgba(var(--sl2-paper),.06),transparent); }  body.sys-n:not(.page-index) .sl2-title { position: relative; margin-bottom: 30px; } body.sys-n:not(.page-index) .sl2-keyline { position: absolute; left: 0; bottom: -13px; width: 42px; height: 1px; background: currentColor; opacity: .45; transform-origin: left; pointer-events: none; } body.sys-n:not(.page-index) main > section.sl2-watch { position: relative; isolation: isolate; } body.sys-n:not(.page-index) .sl2-ground { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; contain: paint; } body.sys-n:not(.page-index) .sl2-ground::before { content: ""; position: absolute; inset: auto 0 0; width: 70%; height: min(55%,360px); background: radial-gradient(ellipse at 50% 100%,rgba(var(--sl2-paper),.065),transparent 65%); transform: translateX(15%); opacity: .7; }  body.sys-n:not(.page-index) main > section :is(.rv,.rv-shot) { opacity: 1 !important; visibility: visible !important; transform: none !important; } body.sys-n:not(.page-index) main > section .rv-shot > :not(img) { transform: none !important; filter: none !important; } body.sys-n:not(.page-index) main > header.hero.hero h1.hero-h.hero-h { font-weight: 500; letter-spacing: -.035em; line-height: 1.04; font-size: clamp(2.25rem,1.2rem + 3.2vw,4rem) !important; } body.sys-n:not(.page-index) .hero-h b { font-weight: 500; } body.sys-n:not(.page-index) .hero-h .ln { overflow: visible; } body.sys-n:not(.page-index) main > section h2 { line-height: 1.1; letter-spacing: -.03em; } body.sys-n:not(.page-index) main > header.hero .lab { font-size: 12px; font-weight: 600; letter-spacing: .2em; margin-bottom: 18px; } body.sys-n:not(.page-index) main > header.hero .sub { max-width: 44ch; font-size: 1rem; line-height: 1.6; color: #CBD0CC; } body.sys-n:not(.page-index) :is(.cta,.button,button,input:not([type=checkbox]),select,summary) { min-height: 44px; box-sizing: border-box; } body.sys-n:not(.page-index) :is(.cta,.button) { white-space: normal; } body.sys-n:not(.page-index) .hero .cta.solid { background: #E16324; color: #0B0D0E; } body.sys-n:not(.page-index) :is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } body.sys-n:not(.page-index) main :is(.hero-in,.chapter-copy,figure) { min-width: 0; } body.sys-n:not(.page-index) main a { overflow-wrap: anywhere; } @keyframes sl2-arrive { from { transform: translate(-50%,-78%); } to { transform: translate(calc(-50% + var(--sl2-dx)),calc(-78% + var(--sl2-y))); } } @keyframes sl2-breathe { 0%,100% { opacity: .7; } 50% { opacity: 1; } } @keyframes sl2-catch { from { opacity: 0; } to { opacity: .55; } } @keyframes sl2-rule { from { transform: scaleX(.25); opacity: .18; } 65% { opacity: .85; } to { transform: scaleX(1); opacity: .45; } } @keyframes sl2-ground { from { transform: translateX(-35%); } to { transform: translateX(75%); } } @media (prefers-reduced-motion: no-preference) { body.sys-n:not(.page-index) .sl2-ready .sl2-ray { animation: sl2-arrive 1.4s cubic-bezier(.22,.61,.36,1) both; } body.sys-n:not(.page-index) .sl2-ready .sl2-ray::before { animation: sl2-breathe 8s ease-in-out 1.4s infinite; } body.sys-n:not(.page-index) .sl2-ready .sl2-catch { animation: sl2-catch .35s ease-out 1.05s both; } body.sys-n:not(.page-index) .sl2-title.sl2-in > .sl2-keyline { animation: sl2-rule .7s ease-out both; } body.sys-n:not(.page-index) .sl2-ground::before { animation: sl2-ground 18s ease-in-out infinite alternate; } body.sys-n:not(.page-index) .sl2-watch:not(.sl2-active) :is(.sl2-ray,.sl2-catch), body.sys-n:not(.page-index) .sl2-watch:not(.sl2-active) :is(.sl2-ray,.sl2-ground)::before, body.sys-n:not(.page-index) .sl2-watch:not(.sl2-active) .bleed img, body.sys-n.sl2-paused:not(.page-index) .hero .bleed img, body.sys-n.sl2-paused:not(.page-index) :is(.sl2-ray,.sl2-catch), body.sys-n.sl2-paused:not(.page-index) :is(.sl2-ray,.sl2-ground)::before { animation-play-state: paused; } } @media (max-width: 1099px) { body.sys-n:not(.page-index) main > header.hero.hero .hero-in { display: block; } body.sys-n:not(.page-index) main > header.hero.hero .dl-heroshot { order: 0; display: block; margin: 28px 0 0; } } @media (max-width: 760px) { body.sys-n:not(.page-index) main > header.hero.hero { min-height: 0 !important; padding-top: calc(var(--header,64px) + 36px); } body.sys-n:not(.page-index) main > header.hero.hero .hero-in { padding: 24px 20px 40px; } body.sys-n:not(.page-index) main > header.hero.hero h1.hero-h.hero-h { font-size: clamp(2rem,9.3vw,2.625rem) !important; line-height: 1.06; } body.sys-n:not(.page-index) main > header.hero.hero .hero-actions { display: flex; flex-direction: column; align-items: stretch; gap: 10px; margin-top: 24px; } body.sys-n:not(.page-index) main > header.hero.hero .hero-actions .cta { width: 100%; flex: auto; min-height: 48px; padding: 12px 16px; } body.sys-n:not(.page-index) main > header.hero .bleed::after { --f: 72px; } body.sys-n:not(.page-index) main > section.closing { padding-block: 48px; } body.sys-n:not(.page-index) main > section.closing .founders { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } body.sys-n:not(.page-index) main > section.closing .founder img { width: 64px; height: 64px; } body.sys-n:not(.page-index) main > section.closing .founder { max-width: none; } body.sys-n:not(.page-index) main > :is(section,header.hero) figure figcaption { font-size: 14px; line-height: 1.5; } } @media (prefers-reduced-motion: reduce) { body.sys-n:not(.page-index) main > header.hero .bleed img { animation: none !important; transition: none !important; } body.sys-n:not(.page-index) :is(.sl2-ray,.sl2-catch,.sl2-keyline), body.sys-n:not(.page-index) :is(.sl2-ray,.sl2-ground)::before { animation: none !important; } }  @media (max-width: 700px) { body.sys-n:not(.page-index) .dl-heroshot .dl-pair { width: 100%; gap: 16px; } }  body.sys-n:not(.page-index) { --sl2-paper: 245, 242, 236; --sl-ease: cubic-bezier(.16, 1, .3, 1); color-scheme: dark; }  body.sys-n:not(.page-index) main > section.paper { --ink: #0B0D0E; --muted: #535956; --line: rgb(11 13 14 / .24); background-color: #F5F2EC; color-scheme: light; } body.sys-n:not(.page-index) main > section:is(.dark, .black) { --ink: #F5F2EC; --muted: #CBD0CC; --line: rgb(245 242 236 / .22); color-scheme: dark; }  body.sys-n:not(.page-index) .sl2-ray { top: 0; left: var(--beam-x, 50%); width: clamp(240px, 48vw, 680px); height: clamp(260px, 65vh, 660px); transform: translate(calc(-50% + var(--sl2-dx, 0px)), calc(-78% + var(--sl2-y, 0px))); } body.sys-n:not(.page-index) .sl2-ray::before { background: radial-gradient(ellipse at 50% 70%, rgb(245 242 236 / .14), rgb(245 242 236 / .06) 32%, transparent 70%); opacity: .7; transform: rotate(var(--beam-tilt, 0deg)); } body.sys-n:not(.page-index) .sl2-catch { opacity: .3; background: linear-gradient(rgb(245 242 236 / .045), transparent); } body.sys-n:not(.page-index) h2.sl2-accent { position: relative; } body.sys-n:not(.page-index) .sl2-ground::before { background: radial-gradient(ellipse at 50% 100%, rgb(245 242 236 / .05), transparent 65%); } @keyframes sl-continuity-catch { from { opacity: 0; } to { opacity: .3; } } @media (prefers-reduced-motion: no-preference) { body.sys-n:not(.page-index) .sl2-ready .sl2-ray { animation: sl2-arrive 1800ms var(--sl-ease) both; } body.sys-n:not(.page-index) .sl2-ready .sl2-ray::before { animation: sl2-breathe 12s ease-in-out 1800ms infinite; } body.sys-n:not(.page-index) .sl2-ready .sl2-catch { animation: sl-continuity-catch 700ms var(--sl-ease) 1100ms both; } body.sys-n:not(.page-index) .sl2-accent.sl2-in > .sl2-keyline { animation: sl2-rule 900ms var(--sl-ease) both; } body.sys-n:not(.page-index) .sl2-ground::before { animation: sl2-ground 28s ease-in-out infinite alternate; } body.sys-n:not(.page-index) main > header.hero .bleed.kb img { animation-duration: 36s; animation-timing-function: ease-in-out; transition: none; } }  html.alive body.sys-n:not(.page-index) main > section :is(.dl-rise, .ow-rise, .ow-rise > .ow-over, .ow-lanes .ow-card, .ai-rise, .ai-sorter .ai-mail, .co-gal .co-media, .co-example .co-ex-media, .co-wall, .sv-duo, .sv-fig > .sv-frame, .sv-fig > .sv-crop, .sv-pinned, .sv-fig > .sv-mock, .sv-flow-out > .sv-frame, .sv-gitem > .sv-site, .sv-sitepair, .sv-found-art) { animation: none !important; opacity: 1; transform: none; filter: none; } body.sys-n:not(.page-index) main > header.hero :is(.lab, .sub, .hero-actions, .hero-h .ln > *, figure, .sv-hero-fig) { opacity: 1; transform: none; }  body.sys-n:not(.page-index) .sl2-watch:not(.sl2-active) *, body.sys-n:not(.page-index) .sl2-watch:not(.sl2-active) *::before, body.sys-n:not(.page-index) .sl2-watch:not(.sl2-active) *::after, body.sys-n.sl2-paused:not(.page-index) main *, body.sys-n.sl2-paused:not(.page-index) main *::before, body.sys-n.sl2-paused:not(.page-index) main *::after { animation-play-state: paused !important; } @media (prefers-reduced-motion: reduce) { body.sys-n:not(.page-index) main *, body.sys-n:not(.page-index) main *::before, body.sys-n:not(.page-index) main *::after { animation: none !important; transition-duration: 0s !important; } } body.sys-n:not(.page-index) ::selection { background: #E16324; color: #0B0D0E; }  :root { --solva-settle:cubic-bezier(.16,1,.3,1); --solva-touch:cubic-bezier(.2,.7,.2,1); } body.sys-n :is(button,.btn,.lx-btn) { transition:transform 180ms var(--solva-touch),background-color 180ms ease,border-color 180ms ease; } body.sys-n :is(button,.btn,.lx-btn):active { transform:scale(.985); transition-duration:90ms; } body.sys-n :is(button,a,input,textarea,select,summary):focus-visible { outline:2px solid #E16324; outline-offset:5px; } .solva-motion-control { position:fixed; z-index:90; bottom:16px; right:16px; min-height:44px; padding:10px 16px; border:1px solid #656a67; border-radius:4px; background:#0B0D0E; color:#F5F2EC; font-family:inherit; font-size:12px; line-height:1.2; font-weight:500; cursor:pointer; } .solva-motion-control[hidden] { display:none; } .solva-material { position:relative; isolation:isolate; } .solva-material::after { content:""; position:absolute; z-index:6; top:0; left:8%; width:60%; height:1px; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(245,242,236,.6),transparent); opacity:.15; transform:scaleX(.45); transform-origin:left; } .solva-material.solva-arrived::after { animation:solva-edge 600ms var(--solva-settle) 500ms both; } @keyframes solva-edge { 0% { opacity:.15; transform:translateX(-8%) scaleX(.45); } 65% { opacity:.65; } 100% { opacity:.3; transform:translateX(25%) scaleX(1); } } [data-solva-process] { position:relative; } [data-solva-process]::after { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,#E16324,rgba(225,99,36,.15)); transform-origin:left; pointer-events:none; } [data-solva-process].solva-arrived::after { animation:solva-trace 720ms cubic-bezier(.22,1,.36,1) both; } @keyframes solva-trace { from { transform:scaleX(.08); } to { transform:scaleX(1); } } html[data-solva-motion="paused"] body.sys-n *,html[data-solva-motion="paused"] body.sys-n *::before,html[data-solva-motion="paused"] body.sys-n *::after, body.solva-motion-paused *,body.solva-motion-paused *::before,body.solva-motion-paused *::after { animation-play-state:paused!important; } .solva-still.solva-material::after { animation:none!important; transform:none; opacity:.3; } .solva-still[data-solva-process]::after { animation:none!important; transform:none; } body[data-solva-family="read"] :is(.sl2-ray,.sl2-ground,.sl2-catch),body[data-solva-family="utility"] :is(.sl2-ray,.sl2-ground,.sl2-catch) { animation:none!important; } @media(prefers-reduced-motion:reduce) { body.sys-n *,body.sys-n *::before,body.sys-n *::after { animation:none!important; scroll-behavior:auto!important; } body.sys-n :is(button,.btn,.lx-btn):active { transform:none; } .solva-material::after,[data-solva-process]::after { transform:none!important; } } body.sys-n .solva-contents { border-block:1px solid currentColor; padding-block:8px; } body.sys-n .solva-contents summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-size:14px; } body.sys-n .solva-contents summary::after { content:"+"; margin-left:auto; font-size:20px; } body.sys-n .solva-contents[open] summary::after { content:"-"; } @media(min-width:701px) { body.sys-n .solva-contents { border:0; } }  body.sys-n[data-solva-quiet="true"] :is(.sl2-ray, .sl2-catch), body.sys-n[data-solva-quiet="true"] .sl2-ray::before, body.sys-n[data-solva-quiet="true"] .sl2-ground::before, body.sys-n[data-solva-quiet="true"] main > header.hero .bleed.kb img { animation: none !important; } body.sys-n[data-solva-family="read"] main :is(h2, h3)[id] { scroll-margin-top: calc(var(--header, 80px) + 24px); } body.sys-n[data-solva-family="read"] main :is(.co-row-text, .co-g-lead, .prose.legal) > p { max-width: 68ch; } body.sys-n:not(.page-index)[data-solva-family="read"] main > section .co-rail a { min-height: 44px; text-underline-offset: .2em; transition: color 180ms ease; } body.sys-n:not(.page-index)[data-solva-family="read"] main > section .co-rail a:is(:hover, :focus-visible) { padding-left: 0; text-decoration: underline; } body.sys-n .sv-sample-picker { min-width: 0; padding: 0; margin: 0; border: 0; color: inherit; } body.sys-n .sv-sample-picker legend { float: none; padding: 0; margin-bottom: 8px; font: 500 14px/1.5 Manrope, sans-serif; } body.sys-n .sv-sample-options { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 20px; } body.sys-n .sv-sample-options label { display: flex; align-items: center; min-height: 44px; gap: 8px; cursor: pointer; font: 500 14px/1.4 Manrope, sans-serif; } body.sys-n .sv-sample-options input { appearance: auto; width: 18px; height: 18px; min-height: 0 !important; margin: 0; accent-color: #E16324; } body.sys-n .sv-sample-options label:has(input:checked) { text-decoration: underline; text-underline-offset: .3em; } body.sys-n .sv-sample-options input:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; } body.sys-n:not(.page-index) main > :is(section, header) .sv-sample-picker:has(input[value="back"]:checked) .sv-fan > .sv-site:first-child { z-index: 2; transform: translate(-6%, 8%); } body.sys-n:not(.page-index) main > :is(section, header) .sv-sample-picker:has(input[value="back"]:checked) .sv-fan > .sv-site:last-child { transform: translate(5%, -5%); } @media (prefers-reduced-motion: no-preference) { html:not([data-solva-motion="paused"]) body.sys-n .sv-sample-picker .sv-fan > .sv-site { transition: transform 360ms cubic-bezier(.16, 1, .3, 1); } } @media (max-width: 600px) { body.sys-n:not(.page-index) main > :is(section, header) .sv-sample-picker .sv-fan { display: grid; padding-top: 0; } body.sys-n:not(.page-index) main > :is(section, header) .sv-sample-picker .sv-fan > .sv-site { grid-area: 1 / 1; position: relative; inset: auto; width: 100%; transform: none !important; transition: none; } body.sys-n .sv-sample-picker:has(input[value="front"]:checked) .sv-fan > .sv-site:first-child, body.sys-n .sv-sample-picker:has(input[value="back"]:checked) .sv-fan > .sv-site:last-child { visibility: hidden; } }  body.sys-n .solva-gallery-controls { position: relative; z-index: 3; grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; width: fit-content; max-width: 100%; padding: 0; margin: 12px 0 0; border: 0; border-radius: 0; background: transparent; color: inherit; box-shadow: none; } html body.sys-n main .solva-gallery-controls .solva-gallery-view { min-width: 0; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline: 8px; font: 500 12px/1.4 var(--sans); } html body.sys-n main .solva-gallery-controls button { appearance: none; border: 1px solid currentColor; border-color:color-mix(in srgb,currentColor 35%,transparent); border-radius: 3px; min-width: 44px; min-height: 44px; padding: 8px 10px; margin: 0; background: transparent; color: inherit; cursor: pointer; font: 600 13px/1.2 var(--sans) !important; letter-spacing: 0; white-space: nowrap; } body.sys-n .solva-gallery-controls button:hover { background:color-mix(in srgb,currentColor 9%,transparent); } body.sys-n .solva-gallery-controls button:focus-visible { outline: 2px solid #E16324; outline-offset: 3px; } body.sys-n .solva-gallery-controls button:disabled { opacity: .55; cursor: default; } body.sys-n .solva-gallery-controls[hidden] { display: none !important; } body.sys-n .solva-gallery-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } html[data-solva-motion="paused"] body.sys-n :is(.cycle img, .floor-phone img) { transition: none !important; } @media (max-width: 700px) { body.sys-n .solva-gallery-controls { flex-wrap: wrap; width: 100%; } html body.sys-n main .solva-gallery-controls .solva-gallery-view { flex: 0 0 100%; max-width: none; white-space: normal; overflow: visible; text-overflow: clip; padding: 4px 8px; font-size: 13px; } } @media (min-width: 901px) { body.sys-n main > header.hero .hero-in > .solva-gallery-controls { grid-column: 2 !important; } }  @media (max-width:700px) { body.sys-n .solva-motion-control { width:44px; height:44px; min-width:44px; min-height:44px; padding:0; display:grid; place-items:center; font-size:0; right:12px; bottom:max(12px,env(safe-area-inset-bottom)); background:rgba(11,13,14,.94); border-color:rgba(245,242,236,.42); } body.sys-n .solva-motion-control::before { content:""; box-sizing:border-box; width:12px; height:14px; border-inline:4px solid currentColor; } body.sys-n .solva-motion-control[aria-pressed="true"]::before { width:0; height:0; border:0 solid transparent; border-block-width:8px; border-left:13px solid currentColor; } body.sys-n .solva-motion-control[hidden] { display:none; } body.sys-n:has(.suite-menu[open]) .solva-motion-control { visibility:hidden; } }  html[data-solva-motion="paused"] body.sys-n .site-header .suite-menu[open] .menu-group[open] > div > a, body.solva-motion-paused .site-header .suite-menu[open] .menu-group[open] > div > a { animation:none!important; opacity:1; transform:none; }  @media (max-width:600px) { body.sys-n .solva-motion-control, body.sys-n #lx-lights .lx-motion-toggle { position:fixed; top:calc(16px + env(safe-area-inset-top,0px)); right:88px; bottom:auto; z-index:1100; width:44px; height:44px; min-height:44px; padding:0; background:#0B0D0E; color:#F5F2EC; border:1px solid rgb(245 242 236 / .3); } body.sys-n #lx-lights .lx-motion-dock { z-index:1100; } body.sys-n:has(.suite-menu[open]) #lx-lights .lx-motion-dock, body.sys-n:has(.suite-menu[open]) .solva-motion-control { visibility:hidden; } }  body.sys-n:not(.page-index) main > header.pc-hero { min-height: min(820px, 94svh); padding-top: calc(var(--header, 88px) + clamp(64px, 8vw, 116px)); padding-bottom: clamp(60px, 7vw, 96px); } body.sys-n:not(.page-index) main > header.pc-hero .hero-in { align-items: center; gap: 24px 5%; } body.sys-n:not(.page-index) main > header.pc-hero .sub { max-width: 43ch; } body.sys-n:not(.page-index) main > header.pc-hero .pc-hero-art { align-self: center; filter: none; min-width: 0; } body.sys-n:not(.page-index) main > header.pc-hero .pc-hero-art > figcaption { margin-top: 20px; } body.sys-n:not(.page-index) main > header.pc-hero :is(.ow-hduo, .dl-duo-hero, .sv-duo) { transform: translateY(-8px); } body.sys-n:not(.page-index) main > header.pc-hero :is(.ow-frame, .dl-frame, .sv-frame, .ai-frame) { box-shadow: 0 26px 56px -20px rgb(0 0 0 / .55); } body.sys-n:not(.page-index) main > header.pc-hero :is(.hero-h, .hero-actions, .sub) { position: relative; z-index: 3; } body.sys-n:not(.page-index) main > section.pc-section { position: relative; display: block; min-height: 0; padding-block: clamp(48px, 6vw, 88px); overflow: hidden; } body.sys-n:not(.page-index) main > section.pc-section h2 { margin: 0 0 30px; max-width: 22ch; font-size: clamp(32px, 3.2vw, 48px); } body.sys-n:not(.page-index) main .pc-console { min-width: 0; --pc-ink: #0b0d0e; --pc-paper: #fffefa; --pc-rule: #d5d0c4; --pc-muted: #535956; } body.sys-n:not(.page-index) main .pc-console fieldset { position: relative; border: 0; padding: 0; margin: 0; min-width: 0; } body.sys-n:not(.page-index) main .pc-console legend { display: block; float: none; padding: 0; margin-bottom: 8px; font: 500 14px/1.5 Manrope, sans-serif; color: var(--muted); } body.sys-n:not(.page-index) main .pc-choice { position: absolute; width: 1px; height: 1px; min-height: 0!important; padding: 0; margin: 0; border: 0; clip-path: inset(50%); overflow: hidden; } body.sys-n:not(.page-index) main .pc-tabs { display: flex; flex-wrap: wrap; gap: 4px 24px; align-items: center; margin-bottom: 26px; border-bottom: 1px solid color-mix(in srgb, var(--ink) 24%, transparent); } body.sys-n:not(.page-index) main .pc-tabs label { position: relative; display: inline-flex; align-items: center; min-height: 48px; padding: 7px 0 13px; font: 500 16px/1.4 Manrope, sans-serif; color: var(--muted); cursor: pointer; user-select: none; } body.sys-n:not(.page-index) main .pc-tabs label::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--ink); transform: scaleX(0); transform-origin: left; transition: transform 220ms cubic-bezier(.16,1,.3,1); } body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="0"]:checked) .pc-tabs label:nth-child(1), body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="1"]:checked) .pc-tabs label:nth-child(2), body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="2"]:checked) .pc-tabs label:nth-child(3), body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="3"]:checked) .pc-tabs label:nth-child(4), body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="4"]:checked) .pc-tabs label:nth-child(5) { color: var(--ink); } body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="0"]:checked) .pc-tabs label:nth-child(1)::after, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="1"]:checked) .pc-tabs label:nth-child(2)::after, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="2"]:checked) .pc-tabs label:nth-child(3)::after, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="3"]:checked) .pc-tabs label:nth-child(4)::after, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="4"]:checked) .pc-tabs label:nth-child(5)::after { transform: scaleX(1); } body.sys-n:not(.page-index) main .pc-console:has(.pc-choice:focus-visible) .pc-tabs { outline: 2px solid #e16324; outline-offset: 4px; } body.sys-n:not(.page-index) main .pc-panels { display: grid; min-width: 0; } body.sys-n:not(.page-index) main .pc-panel { grid-area: 1 / 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 3.8fr) minmax(180px, 1fr); gap: 28px; align-items: center; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity 240ms ease, transform 360ms cubic-bezier(.16,1,.3,1); } body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="0"]:checked) .pc-panel-0, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="1"]:checked) .pc-panel-1, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="2"]:checked) .pc-panel-2, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="3"]:checked) .pc-panel-3, body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="4"]:checked) .pc-panel-4 { visibility: visible; opacity: 1; transform: none; } body.sys-n:not(.page-index) main .pc-display { display: block; min-width: 0; margin: 0; padding: 6px; border-radius: 5px; background: #323633; box-shadow: 0 30px 50px -28px rgb(0 0 0 / .6); align-self: center; } body.sys-n:not(.page-index) main .pc-display img { display: block; width: 100%; height: auto; opacity: 1; filter: none; border-radius: 1px; } body.sys-n:not(.page-index) main .pc-explanation h3 { margin: 0 0 12px; font: 500 clamp(22px, 1.7vw, 28px)/1.18 Manrope, sans-serif; letter-spacing: -.025em; } body.sys-n:not(.page-index) main .pc-explanation p { margin: 0; max-width: 30ch; font-size: 15px; line-height: 1.55; color: var(--muted); } body.sys-n:not(.page-index) main .pc-caption { margin: 24px 0 0; max-width: 70ch; color: var(--muted); font-size: 13px; line-height: 1.5; } body.sys-n:not(.page-index) main .pc-compact .pc-panel { grid-template-columns: 1fr; gap: 20px; } body.sys-n:not(.page-index) main .pc-compact .pc-explanation p { max-width: 52ch; } body.sys-n:not(.page-index) main .pc-shotgun .pc-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(30px, 7vw, 100px); max-width: 840px; margin-inline: auto; } body.sys-n:not(.page-index) main .pc-phone-display { max-width: 252px; justify-self: center; border-radius: 27px; padding: 7px; } body.sys-n:not(.page-index) main .pc-phone-display img { border-radius: 21px; } body.sys-n:not(.page-index) main .pc-shotgun .pc-explanation h3 { font-size: clamp(30px, 3vw, 44px); } body.sys-n:not(.page-index) main .pc-mail .pc-panel, body.sys-n:not(.page-index) main .pc-voice .pc-panel { display: block; } body.sys-n:not(.page-index) main .pc-mail { max-width: 960px; } body.sys-n:not(.page-index) main .pc-letter { min-height: 350px; background: #f5f0e3; color: #252b27; padding: clamp(26px, 4vw, 56px); box-shadow: 0 28px 42px -24px rgb(0 0 0 / .5); } body.sys-n:not(.page-index) main :is(.pc-letter-top, .pc-document-top) { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 30px; color: #535956; font-size: 13px; } body.sys-n:not(.page-index) main .pc-letter h3 { color: #252b27; margin: 0 0 16px; font: 500 clamp(28px, 3vw, 42px)/1.1 Manrope, sans-serif; } body.sys-n:not(.page-index) main .pc-letter-subject { margin: 0; color: #252b27; max-width: 48ch; font-size: clamp(18px, 1.8vw, 24px); } body.sys-n:not(.page-index) main .pc-letter-rule { height: 1px; background: #b5b5a7; margin: 30px 0 20px; } body.sys-n:not(.page-index) main .pc-letter-action { margin: 0; font-size: 16px; color: #794018; font-weight: 600; } body.sys-n:not(.page-index) main .pc-letter-footer { margin: 8px 0 0; font-size: 14px; color: #535956; } body.sys-n:not(.page-index) main .pc-voice .pc-panels { margin-bottom: 32px; } body.sys-n:not(.page-index) main :is(.pc-spoken, .pc-document) { min-height: 310px; padding: clamp(26px, 4vw, 52px); } body.sys-n:not(.page-index) main .pc-spoken { background: #0B0D0E; color: #f5f2ec; } body.sys-n:not(.page-index) main .pc-spoken p { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.5; color: #f5f2ec; margin: 22px 0 24px; max-width: 48ch; } body.sys-n:not(.page-index) main .pc-spoken > span { color: #cbd0cc; font-size: 14px; } body.sys-n:not(.page-index) main .pc-wave { display: flex; gap: 5px; align-items: center; height: 48px; } body.sys-n:not(.page-index) main .pc-wave i { display: block; width: 3px; height: calc(var(--pc-wave) * .6); background: #e16324; transform-origin: center; } body.sys-n:not(.page-index) main .pc-document { background: #fffefa; color: #0b0d0e; box-shadow: 0 28px 42px -24px rgb(0 0 0 / .2); } body.sys-n:not(.page-index) main .pc-document h3 { margin: 0 0 20px; font-size: clamp(24px, 2.3vw, 32px); color: #0b0d0e; } body.sys-n:not(.page-index) main .pc-document :is(p, li) { font-size: 17px; color: #252b27; line-height: 1.6; } body.sys-n:not(.page-index) main .pc-caret { display: block; width: 2px; height: 20px; background: #a73c12; margin-top: 20px; } body.sys-n:not(.page-index) main .pc-evidence-after { margin-top: 36px; } body.sys-n:not(.page-index) main .pc-ledger-details { border-top: 1px solid #cbc6b8; margin-top: 28px; } body.sys-n:not(.page-index) main .pc-ledger-details summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; color: #0b0d0e; font-size: 15px; font-weight: 600; cursor: pointer; } body.sys-n:not(.page-index) main .pc-ledger-details summary::after { content: "+"; font-size: 20px; } body.sys-n:not(.page-index) main .pc-ledger-details[open] summary::after { content: "−"; } body.sys-n:not(.page-index) main .pc-ledger-note { margin: 18px 0 0; font-size: 12px; color: #535956; } @media (min-width: 1051px) { body.sys-n:not(.page-index) main > header.pc-hero .hero-in { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); } body.sys-n:not(.page-index) main > header.pc-hero .pc-hero-art { width: 100%; } } @media (max-width: 1050px) { body.sys-n:not(.page-index) main > header.pc-hero { min-height: 0; padding-top: calc(var(--header, 76px) + 54px); padding-bottom: 56px; } body.sys-n:not(.page-index) main > header.pc-hero .hero-in { row-gap: 26px; } body.sys-n:not(.page-index) main > header.pc-hero .pc-hero-art { margin-top: 6px; } body.sys-n:not(.page-index) main .pc-panel { grid-template-columns: 1fr; gap: 24px; } body.sys-n:not(.page-index) main .pc-explanation { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 20px; } body.sys-n:not(.page-index) main .pc-explanation h3 { margin: 0; } body.sys-n:not(.page-index) main .pc-shotgun .pc-explanation { display: block; } body.sys-n:not(.page-index) main .pc-shotgun .pc-explanation h3 { margin-bottom: 16px; } } @media (max-width: 600px) { body.sys-n:not(.page-index) main > header.pc-hero { padding-top: calc(var(--header, 76px) + 38px); padding-bottom: 40px; } body.sys-n:not(.page-index) main > header.pc-hero .hero-h { font-size: clamp(32px, 8.5vw, 46px); line-height: 1.07; } body.sys-n:not(.page-index) main > header.pc-hero .sub { font-size: 16px; line-height: 1.6; margin-top: 18px; } body.sys-n:not(.page-index) main > header.pc-hero .hero-actions { margin-top: 24px; } body.sys-n:not(.page-index) main > header.pc-hero .pc-hero-art > figcaption { margin-top: 18px; } body.sys-n:not(.page-index) main > header.pc-hero :is(.ow-hduo, .dl-duo-hero, .sv-duo) { transform: none; } body.sys-n:not(.page-index) main .pc-tabs { gap: 0 20px; margin-bottom: 22px; } body.sys-n:not(.page-index) main .pc-tabs label { font-size: 14px; } body.sys-n:not(.page-index) main .pc-explanation { display: block; } body.sys-n:not(.page-index) main .pc-explanation h3 { margin-bottom: 10px; font-size: 23px; } body.sys-n:not(.page-index) main .pc-explanation p { max-width: 44ch; } body.sys-n:not(.page-index) main .pc-shotgun .pc-panel { grid-template-columns: 1fr; gap: 26px; } body.sys-n:not(.page-index) main .pc-shotgun .pc-explanation { text-align: center; } body.sys-n:not(.page-index) main .pc-shotgun .pc-explanation h3 { max-width: 18ch; margin: 0 auto 12px; font-size: 28px; } body.sys-n:not(.page-index) main .pc-shotgun .pc-explanation p { margin-inline: auto; } body.sys-n:not(.page-index) main .pc-letter { min-height: 330px; } body.sys-n:not(.page-index) main .pc-letter-top { margin-bottom: 24px; } body.sys-n:not(.page-index) main .pc-letter-rule { margin-top: 24px; } body.sys-n:not(.page-index) main .pc-wave { gap: 4px; } } @media (prefers-reduced-motion: no-preference) { body.sys-n:not(.page-index) main .pc-console:has(.pc-choice[value="0"]:checked) .pc-wave i { animation: pc-voice-arrive 800ms cubic-bezier(.16,1,.3,1) both; } @supports (animation-timeline: view()) { body.sys-n:not(.page-index) main [data-pc-material] { animation: pc-material-arrive linear both; animation-timeline: view(); animation-range: entry 0% entry 80%; } } } @keyframes pc-voice-arrive { from { transform: scaleY(.35); } to { transform: scaleY(1); } } @keyframes pc-material-arrive { from { transform: translateY(22px); } to { transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { body.sys-n:not(.page-index) main :is(.pc-panel, .pc-tabs label::after) { transition: none; transform: none; } body.sys-n:not(.page-index) main [data-pc-material], body.sys-n:not(.page-index) main .pc-wave i { animation: none; } }  body.sys-n main .dc-dealer-opening{background:#111514;--ink:#f4f1e9;--muted:#b7beb5} body.sys-n main .dc-dealer-opening .hero-in{align-items:center} body.sys-n main .dc-dealer-opening .dl-heroshot{transform:none;align-self:center} body.sys-n main .dc-dealer-opening .dl-heroshot .dl-frame{border:1px solid #424a44;padding:5px;box-shadow:0 22px 64px #0007} body.sys-n main .dc-shotgun-single{max-width:290px;margin-inline:auto} body.sys-n main .dc-task-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0} body.sys-n main .dc-task-list li{font-size:12px;padding:8px 12px;border:1px solid #465049;border-radius:2px;color:#c6cdc5} body.sys-n main .dc-crm{background:#161b18;color:#f2f0e8;border:1px solid #475247;border-radius:7px;overflow:hidden;box-shadow:0 25px 55px #0003;font:14px/1.5 Manrope,sans-serif;text-align:left} body.sys-n main .dc-crm-bar{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #3b453c} body.sys-n main .dc-wordmark{font-size:16px;font-weight:750;letter-spacing:.13em} body.sys-n main .dc-wordmark>span{font-size:9px;font-weight:400;letter-spacing:.15em;color:#b9c1b8} body.sys-n main .dc-concept{font-size:8px;letter-spacing:.14em;color:#d3dbce;border:1px solid #465547;padding:4px 6px} body.sys-n main .dc-crm-nav{display:flex;gap:25px;padding:0 22px;border-bottom:1px solid #3b453c;color:#98a397;font-size:11px} body.sys-n main .dc-crm-nav>*{padding:13px 0} body.sys-n main .dc-crm-nav>b{border-bottom:2px solid #ee824f;color:#fff} body.sys-n main .dc-crm-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:27px 22px 24px} body.sys-n main .dc-eyebrow{color:#df875c;font-size:9px;letter-spacing:.16em} body.sys-n main .dc-crm .dc-crm-heading h3{font:500 25px/1.17 Georgia,serif;letter-spacing:-.02em;color:#f4f1e9;margin:8px 0 0} body.sys-n main .dc-filter{font-size:10px;white-space:nowrap;border:1px solid #485349;padding:7px 9px} body.sys-n main .dc-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 22px 24px} body.sys-n main .dc-crm .dc-lane h4{font-size:10px;color:#aeb9a9;letter-spacing:.02em;font-weight:500;margin:0 0 9px} body.sys-n main .dc-customer-card{display:flex;flex-direction:column;padding:13px 11px;background:#f1efe6;border-top:3px solid #d67747;border-radius:3px;color:#27332a;min-height:207px} body.sys-n main .dc-avatar{display:grid;place-items:center;width:27px;height:27px;background:#dfe3d7;border-radius:50%;font-size:9px;margin-bottom:12px} body.sys-n main .dc-customer-card>b{font-size:12px;font-weight:700} body.sys-n main .dc-vehicle{font-size:10px;color:#65715f;margin-top:2px} body.sys-n main .dc-card-rule{height:1px;background:#d6d9cd;margin:12px 0} body.sys-n main .dc-customer-card small{font-size:9px;color:#68735f} body.sys-n main .dc-crm .dc-customer-card p{color:#344331;font-size:10px;margin:5px 0 14px;line-height:1.4;letter-spacing:0} body.sys-n main .dc-card-tail{display:flex;justify-content:space-between;margin-top:auto;font-size:8px;color:#6e7968} body.sys-n main .dc-crm-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #3b453c;padding:12px 22px;font-size:8px;color:#95a28f} body.sys-n main .dc-crm-piece .dl-stagebox{padding:18px;background:#dedfd5;aspect-ratio:auto} body.sys-n main .dc-crm-piece .dc-crm{width:100%;max-width:640px} body.sys-n main .dl-sheet{background:#d9ddd0;padding:28px;transform:rotate(-3deg);max-width:320px;border:none;box-shadow:0 22px 40px #0005} body.sys-n main .dl-sheet-in{background:#f6f4ec;padding:22px;border-top:5px solid #d86f39;box-shadow:0 3px 10px #0001} body.sys-n main .dl-sheet-car{font-family:Georgia,serif;font-size:27px;line-height:1.1} body.sys-n main .dl-sheet-sub{font-size:9px;letter-spacing:.12em;color:#737c6c} body.sys-n main .dl-sheet .dl-car{color:#324235;margin:30px 0 18px;filter:drop-shadow(0 10px 7px #465b331f)} body.sys-n main .dc-sheet-specs{display:flex;flex-wrap:wrap;gap:5px 12px;border-top:1px solid #d9ddce;border-bottom:1px solid #d9ddce;padding:10px 0;font-size:8px;color:#56624f;margin-bottom:16px} body.sys-n main .dl-tourphone{max-width:270px;background:#354136;padding:6px} body.sys-n main .dl-tour .dl-ui-in{background:#eef0e5;min-height:380px} body.sys-n main .dl-tour .dl-ui-who{padding:20px 18px} body.sys-n main .dl-tour .dl-ui-who>b{font:500 24px/1.1 Georgia,serif;color:#243527} body.sys-n main .dl-tour .dl-ui-who>span{font-size:8px;letter-spacing:.09em;margin-top:8px} body.sys-n main .dl-tour-view{background:radial-gradient(ellipse at center,#cdd6c2,#e9ede0 70%);min-height:180px;color:#304930} body.sys-n main .dc-tour-views{display:flex;justify-content:center;gap:17px;font-size:9px;padding:15px;color:#64735b} body.sys-n main .dc-tour-views>b{color:#253d28;border-bottom:2px solid #ce713e;padding-bottom:5px} body.sys-n main .dc-tour-specs{display:flex;flex-direction:column;gap:5px;padding:18px;border-top:1px solid #d4ddc9;color:#536a4b} body.sys-n main .dc-tour-specs>span{font-size:8px;letter-spacing:.1em} body.sys-n main .dc-tour-specs>b{font:500 20px Georgia,serif;color:#243b26} body.sys-n main .dc-tour-specs>small{font-size:10px} @media(max-width:700px){ body.sys-n main .dc-dealer-opening .dl-heroshot{display:block!important;width:100%;margin:28px 0 0;max-width:100%} body.sys-n main .dc-dealer-opening .hero-in{display:block} body.sys-n main .dc-shotgun-family{display:grid;grid-template-columns:1fr;gap:28px} body.sys-n main .dc-crm-piece .dl-stagebox{padding:10px} body.sys-n main .dc-crm-bar{padding:16px 14px} body.sys-n main .dc-crm-nav{padding-inline:14px;gap:20px} body.sys-n main .dc-crm-heading{padding:22px 14px 20px;display:block} body.sys-n main .dc-filter{display:none} body.sys-n main .dc-crm .dc-crm-heading h3{font-size:26px} body.sys-n main .dc-pipeline{grid-template-columns:1fr;padding:0 14px 18px;gap:15px} body.sys-n main .dc-customer-card{min-height:0;display:grid;grid-template-columns:32px 1fr;gap:0 9px;padding:13px} body.sys-n main .dc-avatar{grid-row:1/3;margin:0} body.sys-n main .dc-vehicle{grid-column:2} body.sys-n main .dc-card-rule{grid-column:1/-1;margin:10px 0} body.sys-n main .dc-customer-card small,body.sys-n main .dc-crm .dc-customer-card p,body.sys-n main .dc-card-tail{grid-column:1/-1;font-size:10px} body.sys-n main .dc-crm .dc-customer-card p{margin-bottom:10px} body.sys-n main .dc-crm-footer{padding-inline:14px;font-size:9px;flex-direction:column} body.sys-n main .dc-shotgun-single{width:min(78%,270px)} body.sys-n main .dl-sheet{max-width:300px;width:88%;padding:18px} }  body.sys-n main .dl-famparts .dl-stagebox{aspect-ratio:auto;min-height:420px;overflow:visible;padding:28px 20px;align-items:center;place-items:center} body.sys-n main .dl-famparts .dl-stagebox .dl-sheet{height:auto;aspect-ratio:auto;width:min(100%,300px);container-type:normal} body.sys-n main .dl-famparts .dl-sheet-in{height:auto;min-height:350px;box-sizing:border-box} body.sys-n main .dl-famparts .dl-sheet .dl-ui-k{font-size:9px;line-height:1.4} body.sys-n main .dl-famparts .dl-sheet-foot{font-size:11px;margin-top:auto} body.sys-n main .dl-famparts .dl-sheet-price{font-size:29px} body.sys-n main .dl-famparts .dl-sheet .dl-qr{width:52px;height:52px;flex-shrink:0} body.sys-n main .dl-famparts .dl-stagebox .dl-tourphone{width:min(100%,270px);height:auto;aspect-ratio:auto;align-self:center;box-sizing:border-box} body.sys-n main .dl-famparts .dl-tourphone .dl-ui{height:auto;aspect-ratio:auto;container-type:normal} body.sys-n main .dl-famparts .dl-tourphone .dl-ui-in{height:auto;min-height:420px;box-sizing:border-box} body.sys-n main .dl-famparts .dl-tourphone .dl-tour-hint{font-size:10px} body.sys-n main .dl-famparts .dl-tourphone .dl-tour-ring{border-color:#91a182} body.sys-n main .dl-famparts .dl-stagebox .dl-payrun{height:auto;min-height:300px;aspect-ratio:auto} body.sys-n main .dl-famparts .dl-payrun .dl-ui-in{height:auto;min-height:300px} @media(max-width:700px){body.sys-n main .dl-famparts .dl-stagebox{min-height:0;padding:30px 16px}body.sys-n main .dl-famparts .dl-stagebox .dl-sheet{width:min(92%,300px)}body.sys-n main .dl-famparts .dl-stagebox .dl-tourphone{width:min(88%,270px)}body.sys-n main .dl-famparts .dl-stagebox .dl-payrun{width:100%}} body.sys-n main .dl-famparts .dl-tourphone .dc-tour-specs small{color:#536a4b} body.sys-n main .dl-famparts .dl-stagebox .dl-payrun,body.sys-n main .dl-famparts .dl-payrun .dl-ui-in{min-height:0} body.sys-n main .pc-construction-opening .hero-in{display:block;max-width:1200px} body.sys-n main .pc-construction-opening .hero-copy{max-width:850px} body.sys-n main .ow-build-detail .ow-detail-top{align-items:end;gap:32px} body.sys-n main .ow-build-detail .ow-money-parts{display:flex;gap:16px;flex-wrap:wrap;padding-bottom:10px;color:#cbd0cc;font-size:14px} body.sys-n main .ow-build-detail .ow-money-parts span{padding-block:12px;border-top:1px solid #65716b} body.sys-n main .ow-build-detail .ow-big{max-width:1120px;margin:36px auto 0} body.sys-n main .ow-build-detail .ow-frame img{width:100%;height:auto;object-fit:contain} @media(max-width:700px){body.sys-n main .ow-build-detail .ow-detail-top{display:block}body.sys-n main .ow-build-detail .ow-money-parts{gap:8px 16px;margin-top:20px}}  body.sys-n main > section.aw-section{min-height:0;padding:clamp(60px,7vw,110px) 0;background:#0b0d0e;color:#f2efe7;--ink:#f2efe7;--muted:#aaa9a3;--line:#383b39;color-scheme:dark} body.sys-n main > section.aw-section > .wrap{display:block} .aw-section *{box-sizing:border-box} .aw-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:end;margin-bottom:36px} body.sys-n .aw-heading h2{margin:0;max-width:22ch;font-size:clamp(32px,4vw,58px);line-height:1.08;letter-spacing:-.05em} body.sys-n .aw-heading .ai-kick{font:600 11px/1.5 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#e98553;margin:0 0 16px} body.sys-n .aw-heading > p{max-width:30ch;margin:0;color:#b7b8b2;font-size:17px;line-height:1.6} .aw-workbench{border:1px solid #3c403c;border-radius:10px;overflow:hidden;background:#151817;box-shadow:0 28px 70px -25px #000} .aw-titlebar{display:flex;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #333936;color:#c3c5bd;font:500 11px/1.5 Manrope,sans-serif;letter-spacing:.04em} .aw-titlebar > span:first-child{display:flex;align-items:center;gap:9px;color:#f2efe7} .aw-titlebar i{width:6px;height:6px;border-radius:50%;background:#e16324;box-shadow:0 0 18px #e1632470} .aw-desk{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(24px,4vw,56px);padding:clamp(24px,4vw,48px);background:radial-gradient(ellipse at 85% 30%,#e1632409,transparent 60%)} .aw-input{padding:24px;background:#202522;border:1px solid #3e4540;border-radius:6px;align-self:start;transform:rotate(-1deg);box-shadow:0 12px 30px #0003} body.sys-n .aw-section .aw-eyebrow{margin:0 0 20px;font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b0b8af} .aw-person{display:flex;gap:12px;align-items:center;margin-bottom:24px} .aw-person > span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#374139;font:600 12px/1 Manrope,sans-serif;color:#d7e0d4} .aw-person b,.aw-person small{display:block;font:600 12px/1.6 Manrope,sans-serif} .aw-person small{font-weight:400;font-size:10px;color:#aeb5ac} body.sys-n .aw-section .aw-input h3{font:600 20px/1.35 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 14px;color:#f2efe7} body.sys-n .aw-section .aw-input > p:not(.aw-eyebrow){font-size:14px;line-height:1.7;margin:0;color:#c4c9c0;max-width:none} .aw-input-rule{height:1px;background:#3e4540;margin:26px 0 20px} .aw-sources{list-style:none;margin:0;padding:0} .aw-sources li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #343c35;font:500 11px/1.5 Manrope,sans-serif;color:#e2e5dc} .aw-sources li span{font-size:10px;color:#b1b9ab;white-space:nowrap} .aw-sources li:last-child span{color:#e98553} body.sys-n .aw-section .aw-input p.aw-input-foot{font-size:10px;line-height:1.6;margin-top:16px;color:#aeb5ac} .aw-output{margin:0;padding:0;border:0;min-width:0;position:relative} .aw-output legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap} .aw-choice{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;opacity:0} .aw-tabs{display:flex;gap:4px;padding-bottom:18px;border-bottom:1px solid #3c423d;margin-bottom:24px} .aw-tabs label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 8px;font:600 12px/1.5 Manrope,sans-serif;color:#aeb3ab;cursor:pointer;border-radius:4px;transition:background .25s,color .25s} .aw-tabs label span{font-size:9px;opacity:.6;letter-spacing:.08em} .aw-tabs label:hover{color:#f2efe7;background:#292e29} #aw-step-draft:checked ~ .aw-tabs label[for=aw-step-draft],#aw-step-check:checked ~ .aw-tabs label[for=aw-step-check],#aw-step-person:checked ~ .aw-tabs label[for=aw-step-person]{background:#e16324;color:#0b0d0e} #aw-step-draft:focus-visible ~ .aw-tabs label[for=aw-step-draft],#aw-step-check:focus-visible ~ .aw-tabs label[for=aw-step-check],#aw-step-person:focus-visible ~ .aw-tabs label[for=aw-step-person]{outline:2px solid #f2efe7;outline-offset:3px} .aw-panels{min-height:340px} .aw-panel{display:none;animation:aw-arrive .35s ease both} #aw-step-draft:checked ~ .aw-panels .aw-draft,#aw-step-check:checked ~ .aw-panels .aw-check,#aw-step-person:checked ~ .aw-panels .aw-person-panel{display:block} .aw-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font:500 10px/1.5 Manrope,sans-serif;color:#aeb3ab} .aw-panel-top b{padding:4px 8px;background:#33362d;border:1px solid #515242;border-radius:3px;color:#d8d5b8;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.08em} body.sys-n .aw-section .aw-panel h3{font:500 clamp(22px,2.5vw,32px)/1.2 Manrope,sans-serif;margin:0 0 24px;color:#f2efe7;letter-spacing:-.04em} .aw-letter{padding:22px 24px;background:#f2efe7;color:#222924;border-radius:4px;box-shadow:0 12px 32px #0002;position:relative} .aw-letter:after{content:"";display:block;width:2px;height:15px;background:#b7491c;margin-top:10px} body.sys-n .aw-section .aw-letter p{font:400 14px/1.7 Manrope,sans-serif;margin:0 0 12px;max-width:none;color:#222924} body.sys-n .aw-section .aw-letter p:last-child{margin-bottom:0} body.sys-n .aw-section .aw-note{font:400 11px/1.6 Manrope,sans-serif;color:#adb3a8;max-width:none;margin:18px 0 0} .aw-note span{color:#e98553;margin-right:7px} .aw-gaps{display:grid;gap:14px} .aw-gaps > div{display:flex;gap:14px;padding:18px;background:#23251e;border:1px solid #474535;border-radius:4px} .aw-gaps > div > span{display:grid;place-items:center;flex:0 0 28px;height:28px;border:1px solid #716549;border-radius:50%;color:#e7b98a;font:500 14px/1 Manrope,sans-serif} body.sys-n .aw-section .aw-gaps p{font:400 12px/1.6 Manrope,sans-serif;color:#b6b5a4;margin:0;max-width:none} .aw-gaps b{display:block;color:#efecdf;font-weight:600;margin-bottom:4px} .aw-review{display:flex;gap:18px;align-items:center;padding:24px 0 28px} .aw-review-avatar{flex:0 0 54px;height:54px;display:grid;place-items:center;border:1px solid #575d51;background:#30372d;border-radius:50%;font:600 10px/1 Manrope,sans-serif;letter-spacing:.05em;color:#e0e9d6} .aw-review b{font:600 14px/1.5 Manrope,sans-serif;color:#f2efe7} body.sys-n .aw-section .aw-review p{font:400 13px/1.6 Manrope,sans-serif;color:#bcc3b4;margin:5px 0 0;max-width:30ch} .aw-boundary{display:flex;gap:14px;padding:18px;border:1px solid #67452f;border-left:3px solid #e16324;background:#e1632409;border-radius:3px} .aw-boundary > span{color:#e98553;font-size:18px} body.sys-n .aw-section .aw-boundary p{font:400 12px/1.6 Manrope,sans-serif;color:#c1b9ad;max-width:none;margin:0} .aw-boundary b{display:block;color:#f2efe7;margin-bottom:4px} body.sys-n .aw-section .aw-output-foot{font:400 10px/1.5 Manrope,sans-serif;color:#969e91;margin:18px 0 0;max-width:none} .aw-test{display:flex;align-items:center;gap:20px;border-top:1px solid #343c35;padding:22px 28px;background:#1d231d} .aw-test-mark{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid #66775e;border-radius:50%;color:#c0d4b3} .aw-test b{font:600 13px/1.5 Manrope,sans-serif;color:#e3eadc} body.sys-n .aw-section .aw-test p{font:400 11px/1.6 Manrope,sans-serif;color:#b1bda8;max-width:66ch;margin:4px 0 0} .aw-test-label{margin-left:auto;white-space:nowrap;font:600 9px/1.5 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#aabb9e} .aw-rules{margin-top:32px;display:grid;grid-template-columns:1fr 3fr;gap:28px} body.sys-n .aw-section .aw-rules > p{font:500 12px/1.5 Manrope,sans-serif;color:#b2b6ab;margin:8px 0} .aw-rules > div{display:grid;grid-template-columns:1fr 1fr;gap:0 26px} .aw-rules details{border-bottom:1px solid #343b34;padding:10px 0} .aw-rules summary{cursor:pointer;color:#d4dace;font:500 12px/1.5 Manrope,sans-serif;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px} .aw-rules summary::-webkit-details-marker{display:none} .aw-rules summary:after{content:"+";font-size:16px;color:#e98553} .aw-rules details[open] summary:after{content:"−"} .aw-rules summary:focus-visible{outline:2px solid #e98553;outline-offset:5px} body.sys-n .aw-section .aw-rules details p{font:400 11px/1.7 Manrope,sans-serif;color:#b2bbae;max-width:40ch;margin:10px 0 3px} body.sys-n main > section.aw-faq{min-height:0;padding:clamp(48px,5vw,76px) 0} body.sys-n main > section.aw-faq h2{font-size:clamp(25px,3vw,38px);line-height:1.15;letter-spacing:-.04em;margin:0} body.sys-n main > section.aw-faq .sec-top{margin-bottom:24px} @keyframes aw-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}} @media(max-width:760px){.aw-heading{grid-template-columns:1fr;gap:20px}.aw-heading > p{max-width:40ch}.aw-desk{grid-template-columns:1fr;gap:28px;padding:22px}.aw-input{transform:none}.aw-titlebar{flex-direction:column;gap:5px;padding:14px 22px}.aw-panels{min-height:330px}.aw-test{align-items:flex-start;padding:20px 22px;gap:14px}.aw-test-label{display:none}.aw-rules{grid-template-columns:1fr;gap:8px}.aw-rules > div{gap:0 20px}.aw-tabs label{font-size:11px}.aw-tabs label span{font-size:8px}.aw-letter{padding:20px}.aw-titlebar{font-size:10px}} @media(max-width:420px){.aw-rules > div{grid-template-columns:1fr}.aw-sources li{font-size:10px}.aw-desk{padding:18px}.aw-input{padding:20px}.aw-tabs label{gap:5px}.aw-review{gap:12px}.aw-panel-top{font-size:9px}} @media(prefers-reduced-motion:reduce){.aw-panel{animation:none}.aw-tabs label{transition:none}} html[data-solva-motion="paused"] .aw-panel,body.solva-motion-paused .aw-panel{animation:none!important}  body.sys-n .ais-opening {background:#151a19;color:#eee9de;border:1px solid #50534b;border-radius:6px;padding:clamp(24px,3vw,42px);box-shadow:0 28px 70px #0005;} body.sys-n .ais-opening .ais-label {color:#ed772e;font:600 11px/1.5 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px;} body.sys-n .ais-opening h3 {font:500 clamp(22px,2.5vw,34px)/1.15 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 30px;max-width:18ch;} body.sys-n .ais-route {display:grid;grid-template-columns:1fr;gap:13px;} body.sys-n .ais-route span {color:#aaa99f;font-size:12px;line-height:1.5;padding:12px 16px;border-left:2px solid #ed772e;background:#222725;} body.sys-n .ais-route b {color:#eee9de;display:block;font-size:15px;font-weight:500;} body.sys-n .ais-route i {font-style:normal;color:#ed772e;transform:rotate(90deg);justify-self:start;margin-left:22px;} body.sys-n .ais-limit {font-size:12px;line-height:1.6;color:#aaa99f;border-top:1px solid #454941;padding-top:18px;margin:22px 0 0;} body.sys-n .ais-split {display:grid;grid-template-columns:1fr 1fr;gap:20px;} body.sys-n .ais-split>div {border-top:2px solid #ed772e;padding-top:15px;} body.sys-n .ais-split span {font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#aaa99f;} body.sys-n .ais-split b {display:block;font-size:20px;font-weight:500;margin-top:15px;line-height:1.4;} body.sys-n .ais-split p {font-size:13px;color:#aaa99f;line-height:1.6;} body.sys-n .ais-decision {display:grid;grid-template-columns:1fr;gap:8px;} body.sys-n .ais-decision span {color:#aaa99f;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:15px;} body.sys-n .ais-decision b {font-size:20px;font-weight:500;line-height:1.4;border-bottom:1px solid #454941;padding-bottom:16px;} body.sys-n .ais-capability {width:100%;height:100%;padding:clamp(24px,3vw,44px);display:flex;flex-direction:column;justify-content:center;align-items:start;background:#171d1a;color:#eee9de;} body.sys-n .ais-capability>span {font:500 clamp(40px,6vw,88px)/1 Manrope,sans-serif;letter-spacing:-.06em;} body.sys-n .ais-capability p {font-size:14px;margin:24px 0 12px;color:#bebeb2;} body.sys-n .ais-capability i {color:#ed772e;font-style:normal;font-size:30px;} body.sys-n .ais-capability b {font-size:18px;font-weight:500;line-height:1.4;max-width:24ch;} body.sys-n main>section.ai-sec.ai-settle.ais-brief>.wrap {display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(30px,6vw,90px);align-items:start;} body.sys-n .ais-brief h2 {max-width:16ch;} body.sys-n .ais-rules {border-top:1px solid var(--line);} body.sys-n .ais-rules details {border-bottom:1px solid var(--line);} body.sys-n .ais-rules summary {cursor:pointer;padding:19px 32px 19px 0;list-style:none;font-size:16px;line-height:1.4;position:relative;} body.sys-n .ais-rules summary::-webkit-details-marker {display:none;} body.sys-n .ais-rules summary:after {content:"+";position:absolute;right:0;color:#bf591f;} body.sys-n .ais-rules details[open] summary:after {content:"−";} body.sys-n .ais-rules p {font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 24px;max-width:48ch;} body.sys-n .ais-brief .ai-next {grid-column:2;margin-top:24px;} body.sys-n .ai-trio.ais-two-devices {grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:clamp(30px,7vw,100px);max-width:1000px;margin:0 auto;} body.sys-n .ais-blue-process {margin:0 0 40px;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;} body.sys-n .ai-doc .ai-quote p {font-size:14px;line-height:1.5;margin:6px 0 18px;color:var(--ink);} body.sys-n .ais-email {border-top:1px solid #cfc9bc;} body.sys-n .ais-email summary {cursor:pointer;padding:14px 0;font-size:12px;font-weight:600;} body.sys-n .ais-email .ai-msg {margin-top:0;} body.sys-n :is(.ais-rules,.ais-email) summary:focus-visible {outline:2px solid #d96624;outline-offset:3px;} @media(max-width:760px){body.sys-n main>section.ai-sec.ai-settle.ais-brief>.wrap{grid-template-columns:1fr;gap:28px;}body.sys-n .ais-brief .ai-next{grid-column:1;}body.sys-n .ais-split{gap:16px;}body.sys-n .ais-split b{font-size:17px;}body.sys-n .ais-blue-process{grid-template-columns:1fr;}body.sys-n .ai-trio.ais-two-devices{grid-template-columns:1fr;max-width:500px;}body.sys-n .ai-trio.ais-two-devices>figure:last-child{max-width:240px;justify-self:center;}body.sys-n .ais-capability{min-height:240px;}body.sys-n .ais-opening{padding:24px;}} .co-brief-opening{margin:0;align-self:center;min-width:0}.co-brief-opening .co-sheet{background:#f5f2ec;color:#0B0D0E;padding:clamp(24px,4vw,56px);border-top:3px solid #e16324;box-shadow:0 24px 70px #0005;transform:rotate(-1deg)}.co-brief-opening figcaption{font-size:13px;margin-top:18px;color:#bfc2bf}.co-reel .hero-reel img{object-fit:contain}.co-gal-live .co-rooftop .co-frame img{object-fit:contain}@media(max-width:700px){.co-brief-opening{margin-top:32px}.co-brief-opening .co-sheet{transform:none}.co-brief-opening .co-sheet span{font-size:15px}}  .ps-detail{border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);width:100%;margin:24px 0 0} .ps-detail>summary{padding:22px 0;cursor:pointer;font-size:clamp(17px,1.4vw,22px);font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:24px} .ps-detail>summary::after{content:"+";font-weight:400;font-size:26px;line-height:1} .ps-detail[open]>summary::after{content:"−"} .ps-detail>summary:focus-visible{outline:2px solid currentColor;outline-offset:6px} .ps-detail-body{padding:0 0 28px;max-width:100%;overflow-wrap:anywhere} .ps-detail-body .ow-cards{margin:0;gap:22px}.ps-detail-body .ow-card2{padding:18px 0;min-height:0}.ps-detail-body .ow-card2 h3{margin-top:0} .ps-mail-workflow{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-top:44px} .ps-mail-workflow article{border:1px solid #c9c9bd;padding:clamp(24px,4vw,56px);border-radius:6px} .ps-incoming{background:#e9e8df}.ps-draft{background:#fff;box-shadow:0 24px 60px #1a261a12} .ps-eyebrow{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:34px} .ps-mail-workflow h3{font-size:clamp(28px,3vw,46px);line-height:1.06;letter-spacing:-.04em;margin:0 0 24px} .ps-mail-workflow p{font-size:clamp(16px,1.5vw,20px);line-height:1.5;max-width:40ch} .ps-compact-section{padding-block:36px!important}.ps-compact-section .chapter-grid,.ps-compact-section .dl-split{display:block!important;min-height:0!important}.ps-compact-section .ps-detail{margin:0} .dl-fanart:has(.dl-depts):not(:has(.dl-fan)){display:flex;align-items:center;justify-content:center;min-height:100px} .ps-family-wall{display:block!important;padding:24px 0 0!important}.ps-family-wall .dl-copy{max-width:100%!important}.ps-family-wall h3{font-size:22px!important} .ow-pocket .ow-phones:has(.ow-phone):not(:has(.ow-mock)){display:block;max-width:360px;margin-inline:auto}.ow-pocket .ow-phones:not(:has(.ow-mock)) .ow-phone{width:100%;position:relative;transform:none} @media(max-width:700px){.ps-mail-workflow{grid-template-columns:1fr;gap:14px;margin-top:28px}.ps-mail-workflow article{padding:26px}.ps-eyebrow{margin-bottom:24px}.ps-detail-body .ow-cards{grid-template-columns:1fr!important}.ps-compact-section{padding-block:24px!important}} .ss-service .ss-detail{border-top:1px solid currentColor;padding:18px 0;color:inherit}.ss-service .ss-detail summary{cursor:pointer;font-size:20px;line-height:1.35;list-style:none;display:flex;justify-content:space-between;gap:20px}.ss-service .ss-detail summary::after{content:"+";color:#ed7336}.ss-service .ss-detail[open] summary::after{content:"−"}.ss-service .ss-detail p{margin:15px 0 0;font-size:15px;line-height:1.65;max-width:65ch}.ss-service .sv-items>li{padding:0!important;border:0!important}.ss-service .sv-notes{display:block}.ss-service .sv-notes2{align-items:start}.ss-service .ss-detail summary:focus-visible{outline:2px solid #ed7336;outline-offset:5px} .ss-concept{--ink:#26342e;--sand:#e9e2d5;background:var(--sand);color:var(--ink);box-shadow:0 25px 60px #0003;overflow:hidden;border-radius:2px}.ss-concept fieldset{border:0;padding:0;margin:0;min-width:0}.ss-concept legend{padding:12px 24px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#25352f;color:#eee8dc;width:100%;box-sizing:border-box}.ss-concept-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 24px;border-bottom:1px solid #26342e30}.ss-concept-nav b{font:600 17px Georgia,serif}.ss-concept-nav span{font-size:9px;letter-spacing:.07em;text-transform:uppercase}.ss-choice{position:absolute;opacity:0;width:1px;height:1px}.ss-tabs{display:flex;padding:15px 24px;gap:7px;flex-wrap:wrap}.ss-tabs label{font-size:11px;cursor:pointer;padding:9px 12px;border:1px solid #26342e40;border-radius:99px}.ss-choice:nth-of-type(1):checked~.ss-tabs label:nth-child(1),.ss-choice:nth-of-type(2):checked~.ss-tabs label:nth-child(2),.ss-choice:nth-of-type(3):checked~.ss-tabs label:nth-child(3){background:var(--ink);color:var(--sand)}.ss-choice:focus-visible~.ss-tabs{outline:2px solid #df6227;outline-offset:-2px}.ss-view{display:none}.ss-choice:nth-of-type(1):checked~.ss-views .ss-view-0,.ss-choice:nth-of-type(2):checked~.ss-views .ss-view-1,.ss-choice:nth-of-type(3):checked~.ss-views .ss-view-2{display:grid;grid-template-columns:1fr 1fr}.ss-elevation{position:relative;min-height:240px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 29px,#26342e0a 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#26342e0a 29px 30px);border-right:1px solid #26342e25}.ss-elevation::before{content:"";position:absolute;left:15%;right:14%;top:34%;bottom:22%;border:1px solid #26342e;background:repeating-linear-gradient(90deg,#bdac9260 0 8px,transparent 8px 9px)}.ss-elevation::after{content:"";position:absolute;left:8%;right:7%;bottom:20%;border-top:1px solid #26342e}.ss-roof{position:absolute;left:15%;width:72%;top:23%;height:12%;border-top:1px solid #26342e;transform:skewY(-12deg);z-index:1}.ss-window{position:absolute;left:25%;width:27%;height:21%;top:44%;border:1px solid #26342e;background:linear-gradient(90deg,transparent 48%,#26342e 49% 50%,transparent 51%),#e9e2d5}.ss-door{position:absolute;right:26%;width:15%;height:31%;top:44%;border:1px solid #26342e;background:#718376}.ss-elevation span{position:absolute;left:18px;bottom:15px;font-size:8px;letter-spacing:.08em}.ss-elevation-1::before{background:repeating-linear-gradient(0deg,#bdac9260 0 9px,transparent 9px 10px)}.ss-elevation-1 .ss-roof{transform:skewY(8deg)}.ss-elevation-2 .ss-roof{transform:none;top:27%;border-top:3px solid #26342e}.ss-elevation-2 .ss-window{width:40%;left:21%}.ss-elevation-2 .ss-door{right:19%}.ss-site-copy{padding:25px 24px}.ss-site-copy>span:first-child{font-size:8px;letter-spacing:.09em}.ss-site-copy h3{font:normal clamp(25px,2.7vw,44px)/1.07 Georgia,serif;margin:20px 0 15px!important;letter-spacing:-.03em}.ss-site-copy p{font-size:12px;line-height:1.6;margin:0 0 20px;max-width:30ch}.ss-site-action{font-size:10px;border-top:1px solid #26342e40;padding-top:12px;display:block}.ss-concept-note{font-size:10px!important;line-height:1.5!important;padding:14px 24px;margin:0!important;border-top:1px solid #26342e25;color:#45564b}.ss-compact .ss-site-copy{padding:18px}.ss-compact .ss-site-copy h3{font-size:32px}.ss-compact .ss-elevation{min-height:230px} .ss-receipt{min-height:210px;padding:28px;background:#e3ded3;color:#202a25;display:flex;flex-direction:column;justify-content:space-between;border-top:3px solid #ce6533}.ss-receipt>span{font-size:9px;letter-spacing:.1em}.ss-receipt>b{font:normal 28px/1.1 Georgia,serif;margin:20px 0}.ss-receipt-rule{height:1px;background:#202a2530}.ss-receipt p{font-size:12px;line-height:1.6;margin:12px 0}.ss-material{padding:30px;color:#ece7dc;border:1px solid #ece7dc30}.ss-material>span{font-size:10px;letter-spacing:.1em}.ss-material-line{display:flex;gap:24px;border-bottom:1px solid #ece7dc30;padding:24px 0}.ss-material-line:last-child{border:0}.ss-material-line>b{color:#ed7336;font-size:12px}.ss-material-line p{font:normal 30px/1.1 Georgia,serif;margin:0}.ss-material-line small{display:block;font:12px/1.5 Arial,sans-serif;margin-top:9px;color:#c4c5bc}.ss-service-scene>.wrap{display:grid!important;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}.ss-service-scene .ss-concept{width:100%}.ss-service-scene .sample{display:none}.ss-service-scene .sec-top{grid-column:1}.ss-service-scene .ss-concept{grid-column:2;grid-row:1/4}.ss-service-scene .detail-rows{grid-column:1}.ss-websites .sv-gal{gap:26px}.ss-websites .sv-gitem figcaption{padding-top:22px} @media(max-width:760px){.ss-concept-nav{padding:18px}.ss-concept-nav span{display:none}.ss-tabs{padding:12px 18px}.ss-choice:nth-of-type(1):checked~.ss-views .ss-view-0,.ss-choice:nth-of-type(2):checked~.ss-views .ss-view-1,.ss-choice:nth-of-type(3):checked~.ss-views .ss-view-2{grid-template-columns:1fr}.ss-elevation,.ss-compact .ss-elevation{min-height:190px;border-right:0;border-bottom:1px solid #26342e25}.ss-site-copy{padding:22px}.ss-site-copy h3,.ss-compact .ss-site-copy h3{font-size:34px}.ss-site-copy p{max-width:40ch}.ss-service-scene>.wrap{display:block!important}.ss-service-scene .ss-concept{margin-top:30px}.ss-material{padding:24px}.ss-material-line p{font-size:27px}.ss-receipt{min-height:180px}.ss-service .ss-detail summary{font-size:18px}.ss-service .sv-notes2{gap:30px}} @media(prefers-reduced-motion:reduce){.ss-service *{scroll-behavior:auto}.ss-concept *{animation:none!important;transition:none!important}} .ss-project{background:#d8d1c0;color:#27382d;padding:30px;min-height:370px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 25px 60px #0003}.ss-project>span{font-size:9px;letter-spacing:.12em}.ss-project>b{font:normal clamp(40px,4vw,65px)/.96 Georgia,serif;letter-spacing:-.055em;position:relative;margin:100px 0 26px;max-width:8ch;z-index:1}.ss-project-mark{position:absolute;right:25px;top:80px;width:54%;height:55%;transform:rotate(-13deg)}.ss-project-mark i{position:absolute;width:72%;height:74%;border:1px solid #586d5960;transform:skewY(15deg);right:0;top:0;background:#c4c5ae50}.ss-project-mark i:nth-child(2){right:22px;top:22px;background:#92a18930}.ss-project-mark i:nth-child(3){right:44px;top:44px;background:#5b745240}.ss-project-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #27382d50;padding-top:18px;font-size:11px;margin-top:auto;position:relative}.ss-project>p{font-size:9px;line-height:1.5;margin:18px 0 0}.ss-service-scene>.wrap>div:not(.ss-concept){min-width:0}.ss-service-scene .detail-rows{margin-top:30px}.ss-service-scene>.wrap>.ss-concept{grid-row:auto} @media(max-width:760px){.ss-project{padding:25px;min-height:340px}.ss-project>b{font-size:56px;margin-top:85px}.ss-project-foot{font-size:10px}} .ss-service-scene .sec-top{display:block!important}.ss-service-scene .sec-top .sec-lead{margin-top:18px}.ss-service-scene .sec-top h2{word-break:normal;overflow-wrap:normal} @media(max-width:760px){.ss-receipt{min-height:0;padding:18px}.ss-receipt>b{font-size:25px;margin:14px 0}.ss-receipt p{display:none}.ss-websites .sv-gitem{margin-bottom:15px}} .ss-service-scene .sec-top>div{display:block!important}.ss-view{animation:ss-settle .28s cubic-bezier(.2,.7,.2,1) both}@keyframes ss-settle{from{transform:translateY(6px);opacity:.65}to{transform:none;opacity:1}}html[data-solva-motion="paused"] .ss-view,body.solva-motion-paused .ss-view{animation:none!important}@media(prefers-reduced-motion:reduce){.ss-view{animation:none!important}} .sc-story{background:#102b24!important;color:#f2f4e9;overflow:hidden;padding-block:clamp(64px,8vw,128px)!important} .sc-story-in{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(40px,7vw,110px)} .sc-kicker{font-size:11px;letter-spacing:.15em;color:#b6ce93;margin:0 0 28px} .sc-story h2{font-size:clamp(38px,4.8vw,72px);line-height:1.02;letter-spacing:-.05em;margin:0 0 28px} .sc-intro{font-size:clamp(18px,1.5vw,22px);line-height:1.55;max-width:34ch;color:#d7e0d4} .sc-capabilities{list-style:none;margin:32px 0;padding:0;counter-reset:sc-step}.sc-capabilities li{counter-increment:sc-step;padding:14px 0;border-top:1px solid #ffffff1c;display:flex;gap:18px;font-size:16px}.sc-capabilities li::before{content:"0" counter(sc-step);color:#b6ce93;font-size:11px;letter-spacing:.05em;padding-top:4px} .sc-details{border-block:1px solid #ffffff26;margin:24px 0}.sc-details>summary{display:flex;justify-content:space-between;list-style:none;cursor:pointer;padding:20px 0;font-size:17px;gap:24px}.sc-details>summary::after{content:"+"}.sc-details[open]>summary::after{content:"−"}.sc-details>div{padding-bottom:22px}.sc-details p{font-size:14px;line-height:1.6;color:#c8d8c9}.sc-details a{font-size:13px;color:#dbeeb9}.sc-coverage{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:8px 0 26px}.sc-coverage strong{font-size:40px;line-height:1.1;display:block;font-weight:500;letter-spacing:-.04em;color:#dbeeb9}.sc-coverage span{display:block;margin-top:8px;font-size:12px;color:#c8d8c9} .sc-showcase{margin:0;display:flex;align-items:center;flex-direction:column;position:relative}.sc-showcase::before{content:"";position:absolute;width:90%;height:80%;top:10%;border-radius:50%;background:#7da86b22;filter:blur(55px);pointer-events:none} .sc-phone{width:min(100%,370px);border:1px solid #7a958055;border-radius:34px;overflow:hidden;background:#102920;padding:12px;box-shadow:0 40px 80px #0006;position:relative}.sc-phone-top{display:flex;align-items:center;justify-content:space-between;padding:15px 12px 24px}.sc-phone-top span:first-child{font-size:23px;letter-spacing:-.05em;font-weight:600}.sc-phone-top span:last-child{font-size:8px;letter-spacing:.1em;color:#a9c198} .sc-explorer{border:0;margin:0;padding:0;min-width:0}.sc-explorer legend{font-size:15px;font-weight:500;padding:0 12px 16px}.sc-explorer>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.sc-tabs{display:flex;gap:4px;background:#ffffff09;border-radius:12px;padding:5px;margin:0 8px 14px}.sc-tabs label{flex:1;text-align:center;padding:10px 8px;font-size:12px;cursor:pointer;border-radius:8px;color:#bdcebc} .sc-explorer:has(#sc-course:checked) label[for=sc-course],.sc-explorer:has(#sc-green:checked) label[for=sc-green]{background:#d7eab4;color:#153b2d}.sc-explorer:has(input:focus-visible) .sc-tabs{outline:2px solid #d7eab4;outline-offset:3px} .sc-maps{position:relative;border-radius:18px;overflow:hidden}.sc-maps svg{display:block;width:100%;height:auto}.sc-geometry path{fill:#c2d99b;stroke:#e9f5ce;stroke-width:1}.sc-geometry text{font:9px sans-serif;fill:#e1edcc}.sc-north{font:12px sans-serif;fill:#c2d99b}.sc-maps p{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 18px;margin:0;background:linear-gradient(transparent,#102b24)}.sc-maps strong{font-size:17px;display:block;font-weight:500}.sc-maps span{font-size:11px;display:block;margin-top:6px;color:#b9cebd}.sc-green-panel{display:none}.sc-explorer:has(#sc-green:checked) .sc-green-panel{display:block}.sc-explorer:has(#sc-green:checked) .sc-course-panel{display:none} .sc-phone-footer{padding:16px 10px 7px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:#a9c198}.sc-showcase figcaption{position:relative;font-size:11px;line-height:1.5;color:#adbfaf;max-width:370px;margin-top:20px}.sc-story a:focus-visible{outline:2px solid #d7eab4;outline-offset:6px} @media(max-width:760px){.sc-story-in{grid-template-columns:1fr;gap:42px}.sc-story h2{font-size:clamp(38px,9vw,56px)}.sc-intro{max-width:100%}.sc-phone{width:min(100%,350px)}.sc-story-copy{max-width:540px}.sc-showcase figcaption{max-width:350px}} .sc-verified{font-size:11px;color:#afc4ae;margin:-12px 0 22px;line-height:1.5}.sc-story-copy>.sc-coverage{margin-top:30px;margin-bottom:24px} .sc-geometry path.sc-bunker{fill:#d3b77e;stroke:#f4deb1;stroke-width:1.2}.sc-map-legend{position:absolute;top:16px;left:14px;display:flex;gap:13px;background:#102b24cc;padding:9px 12px;border:1px solid #ffffff16;border-radius:8px}.sc-map-legend>span{display:flex;align-items:center;gap:6px;color:#edf3e3;font-size:10px;margin:0}.sc-map-legend i{width:8px;height:8px;border-radius:50%;display:block}.sc-green-key{background:#c2d99b}.sc-bunker-key{background:#d3b77e} .sc-tabs label{padding-inline:5px;font-size:11px}.sc-explorer:has(#sc-score:checked) label[for=sc-score]{background:#d7eab4;color:#153b2d}.sc-score-panel{display:none;background:#eaf0de;color:#183b2b;height:0;min-width:0}.sc-explorer:has(#sc-score:checked) .sc-score-panel{display:flex;flex-direction:column;height:auto;aspect-ratio:350/490}.sc-explorer:has(#sc-score:checked) .sc-course-panel,.sc-explorer:has(#sc-score:checked) .sc-green-panel{display:none}.sc-score-title{padding:22px 18px 16px}.sc-score-title>span{font-size:9px;letter-spacing:.1em}.sc-score-title h3{font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:10px 0}.sc-score-title small{font-size:11px;color:#496451}.sc-score-scroll{overflow-y:auto;min-height:0;flex:1;padding:0 16px;scrollbar-width:thin;scrollbar-color:#75926b #eaf0de}.sc-score-scroll:focus-visible{outline:2px solid #53763f;outline-offset:-2px}.sc-score-scroll table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}.sc-score-scroll th,.sc-score-scroll td{padding:10px 8px;border-bottom:1px solid #b5c5a7;text-align:right}.sc-score-scroll th:first-child{text-align:left}.sc-score-scroll thead{position:sticky;top:0;background:#dce6cf;font-size:10px;letter-spacing:.04em}.sc-score-bottom{padding:13px 16px;font-size:9px;background:#dce6cf;border-top:1px solid #b5c5a7} .sc-score-title,.sc-score-title h3,.sc-score-title>span{color:#183b2b!important}.sc-score-title small{color:#496451!important}  body.sys-n main .dl-famparts .dl-three{grid-template-columns:.8fr 1.15fr 1.15fr;align-items:start} body.sys-n main .vf-sheet-piece .dl-stagebox,body.sys-n main .vf-tour-piece .dl-stagebox{padding:clamp(12px,2vw,28px);background:#232827;min-height:0;display:block} .vf-sheet{display:block;position:relative;color:#eee;text-decoration:none}.vf-sheet img{display:block;width:100%;height:auto;object-fit:contain!important;box-shadow:0 18px 38px #0005}.vf-sheet>span{display:block;padding:14px 0 0;font-size:13px}.vf-sheet:focus-visible{outline:2px solid #e46b24;outline-offset:8px} .vf-tour{border:1px solid #4c504a;border-radius:18px;overflow:hidden;background:#f5f3ed;color:#161d1a;container-type:inline-size;font-family:Manrope,sans-serif;box-shadow:0 24px 50px #0005}.vf-tour-top{display:flex;align-items:center;justify-content:space-between;padding:6cqw 7cqw;border-bottom:1px solid #d4d6cb}.vf-tour-top>span{font-weight:800;font-size:6cqw;letter-spacing:-.04em}.vf-tour-top small{font-size:2.8cqw;color:#526158}.vf-tour-identity{padding:7cqw}.vf-tour-identity>small{font-size:2.8cqw;letter-spacing:.15em}.vf-tour-identity h4{font:500 10cqw/1.1 Manrope,sans-serif!important;letter-spacing:-.055em;margin:3cqw 0;color:#18201c!important}.vf-tour-identity p{font-size:3cqw!important;color:#526158!important;margin:0!important} .vf-tour-tabs{margin:0;padding:0;border:0;display:grid;grid-template-columns:repeat(3,1fr)}.vf-tour-tabs>input{position:absolute;width:1px;height:1px;opacity:0}.vf-tour-tabs>label{display:flex;min-height:44px;align-items:center;justify-content:center;font-size:3.3cqw;border-bottom:2px solid #d4d6cb;cursor:pointer}.vf-tour-tabs>input:checked+label{border-color:#df6723;color:#111}.vf-tour-tabs>input:focus-visible+label{outline:2px solid #df6723;outline-offset:-4px}.vf-tour-panels{grid-column:1/-1;aspect-ratio:1.18;position:relative;overflow:hidden;background:#151c18}.vf-tour-panel{display:none;width:100%;height:100%;position:absolute;inset:0}.vf-tour-panel img{width:100%;height:100%;object-fit:cover!important;display:block}.vf-exterior img{object-position:50% 50%}.vf-interior img{object-position:center}.vf-tour-panel>span{position:absolute;bottom:0;left:0;right:0;padding:12cqw 6cqw 5cqw;background:linear-gradient(transparent,#07110be8);font-size:3.3cqw;color:#fff}.vf-tour-tabs:has(#vf-out:checked) .vf-exterior,.vf-tour-tabs:has(#vf-in:checked) .vf-interior,.vf-tour-tabs:has(#vf-details:checked) .vf-details{display:block}.vf-details{background:#182a22;color:#eef2e7;padding:7cqw}.vf-details>small{font-size:2.8cqw;letter-spacing:.16em}.vf-details h4{font:500 9cqw/1.05 Manrope,sans-serif!important;color:#eef2e7!important;margin:4cqw 0!important;letter-spacing:-.04em}.vf-details dl{margin:0}.vf-details dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #8fa79344;padding:3cqw 0;font-size:3cqw}.vf-details dd{margin:0}.vf-tour-footer{padding:6cqw 7cqw;display:grid;gap:4cqw}.vf-tour-footer>span{font-size:2.7cqw;color:#526158}.vf-tour-footer a{display:block;font-size:3.1cqw;color:#182a22;text-decoration:none;padding:3cqw 0;border-bottom:1px solid #758979} body.sys-n main .dc-dealer-opening>.bleed{display:block!important;opacity:.68}body.sys-n main .dc-dealer-opening>.bleed img{object-position:center 35%;filter:none!important}body.sys-n main .dc-dealer-opening .scrim.b{background:linear-gradient(180deg,#0a100d20,#0a100dbb 55%,#0a100d 100%)}body.sys-n main .dc-dealer-opening .scrim.l{background:linear-gradient(90deg,#0a100ddd,transparent 85%)} @media(max-width:1000px){body.sys-n main .dl-famparts .dl-three{grid-template-columns:1fr 1fr}.dl-famparts .dl-piece:first-child{grid-column:1/-1}.dl-famparts .dl-piece:first-child .dl-fig{max-width:460px;margin:auto}} @media(max-width:700px){body.sys-n main .dl-famparts .dl-three{grid-template-columns:1fr;gap:48px}.vf-sheet-piece,.vf-tour-piece{max-width:480px;margin-inline:auto;width:100%}body.sys-n main .dc-dealer-opening>.bleed{height:74%;opacity:.8}body.sys-n main .dc-dealer-opening .scrim.l{background:linear-gradient(180deg,#08100b20,#08100b99 35%,#111514 76%)}body.sys-n main .vf-sheet-piece .dl-stagebox,body.sys-n main .vf-tour-piece .dl-stagebox{padding:16px}} @media(prefers-reduced-motion:no-preference){.vf-tour-panel{animation:vf-settle 260ms ease-out}@keyframes vf-settle{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}}html[data-solva-motion="paused"] .vf-tour-panel,body[data-solva-quiet="true"] .vf-tour-panel{animation:none} body.sys-n main .dl-famparts .dl-three{grid-template-columns:1fr 1fr;gap:48px 32px}body.sys-n main .dl-famparts .dl-piece:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.dl-famparts .dl-piece:first-child .dl-fig{width:100%;max-width:480px;margin:0}.dl-famparts .dl-piece:first-child .dl-piece-t{max-width:36ch}.vf-tour{max-width:520px;margin-inline:auto}@media(max-width:700px){body.sys-n main .dl-famparts .dl-three{grid-template-columns:1fr}body.sys-n main .dl-famparts .dl-piece:first-child{display:block}.dl-famparts .dl-piece:first-child .dl-piece-t{max-width:none}} body.sys-n main .vf-tour-piece .vf-tour{display:block;width:100%;min-width:0;justify-self:stretch}body.sys-n main .vf-tour-tabs{min-inline-size:0;width:100%;position:relative}body.sys-n main .vf-tour-tabs>input{min-height:0;padding:0;border:0} body.sys-n main .vf-tour .vf-tour-top small,body.sys-n main .vf-tour .vf-tour-identity>small,body.sys-n main .vf-tour .vf-tour-footer>span{color:#526158!important;font-size:clamp(11px,2.8cqw,15px)}body.sys-n main .vf-tour .vf-tour-identity p{color:#526158!important;font-size:clamp(11px,3cqw,16px)!important}body.sys-n main .vf-tour .vf-tour-footer a{color:#182a22!important;font-size:clamp(12px,3.1cqw,16px)}body.sys-n main .vf-tour-tabs>label{font-size:clamp(12px,3.3cqw,17px);color:#34473c!important}body.sys-n main .vf-tour-tabs>input:checked+label{color:#111!important}.vf-tour-tabs>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vf-tour-panel img{object-fit:contain!important}.vf-tour-panel>span{font-size:clamp(11px,3.3cqw,17px);color:#fff!important}.vf-tour-panel.vf-details>small{color:#cbd8ce!important}.vf-tour-panel.vf-details dl{color:#eef2e7!important}  .media-hero-ready { display:none; } @supports selector(:has(*)) { body.sys-n main > header.hero:not(:has(.media-hero-ready)) { visibility:hidden; } } body.sys-n main > header.hero .bleed { animation: none !important; } body.sys-n:not(.page-index) main > header.hero .bleed::before { animation: none !important; opacity: 0 !important; } body.sys-n:not(.page-index) .hero .hero-in :is(.dl-heroshot,.ow-heroshot,.hero-reel,.sv-heroshot,.ai-heroshot).sl-arrived::after { animation: none !important; opacity: 0 !important; } body.sys-n .af-directory { padding-block:44px; min-height:0; } body.sys-n main > .af-directory .af-heading h2 { font-size:clamp(28px,3vw,42px) !important; line-height:1.1; margin:0; } body.sys-n main > .af-directory .af-heading h2::after { display:none; } body.sys-n main > .af-directory .af-service h3 { font-size:clamp(22px,2vw,29px); line-height:1.15; margin:0 0 12px; } body.sys-n main > .af-directory .af-service p { font-size:15px; line-height:1.5; margin:0 0 20px; } .af-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:30px; } .af-heading .eyebrow { flex-shrink:0; margin:0; } .af-heading h2 { font-size:clamp(28px,3vw,44px); max-width:650px; margin:0; line-height:1.1; } .af-services { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid #8f968e; } .af-service { display:flex; flex-direction:column; padding:24px 22px; color:#172a22; text-decoration:none; border-bottom:1px solid #8f968e; transition:background 220ms ease; } .af-service + .af-service { border-left:1px solid #c4c8bf; } .af-service:hover { background:#e7e9df; } .af-service:focus-visible { outline:3px solid #be4814; outline-offset:-3px; } .af-type { font-size:12px; letter-spacing:.08em; text-transform:uppercase; } .af-flow { display:flex; align-items:center; gap:10px; margin:24px 0; font-size:12px; } .af-flow span { padding:9px 10px; border:1px solid #aeb6a9; border-radius:4px; } .af-flow b { padding:9px 10px; background:#244333; color:#fff; border-radius:4px; font-weight:500; } .af-flow i { color:#b74719; font-style:normal; } .af-service h3 { font-size:clamp(22px,2vw,29px); line-height:1.15; margin:0 0 12px; letter-spacing:-.035em; } .af-service p { font-size:15px; line-height:1.5; margin:0 0 20px; } .af-open { display:flex; justify-content:space-between; align-items:center; margin-top:auto; font-size:14px; } .af-open i { font-style:normal; font-size:24px; transition:transform 220ms ease; } .af-service:hover .af-open i { transform:translate(2px,-2px); } @media(max-width:1000px) { .af-services { grid-template-columns:repeat(2,minmax(0,1fr)); } .af-service:nth-child(3) { border-left:0; } .af-heading { display:block; } .af-heading .eyebrow { margin-bottom:14px; } } @media(max-width:520px) { body.sys-n main > .af-directory { padding-block:36px; } .af-services { grid-template-columns:1fr; } .af-service { display:grid; grid-template-columns:minmax(0,1fr) 110px; column-gap:12px; padding:18px 0; position:relative; } .af-service + .af-service { border-left:0; } .af-type { font-size:10px; letter-spacing:.04em; grid-column:1; margin-bottom:8px; } body.sys-n main > .af-directory .af-service h3 { font-size:21px; grid-column:1; margin:0 0 8px; } body.sys-n main > .af-directory .af-service p { display:none; } .af-flow { grid-column:2; grid-row:1 / 4; flex-direction:column; align-self:center; margin:0; gap:3px; font-size:11px; } .af-flow :is(span,b) { padding:6px 8px; } .af-flow i { transform:rotate(90deg); } .af-open { display:none; } } @media(prefers-reduced-motion:reduce) { .af-service,.af-open i { transition:none; } } html.motion-paused .af-service,html.motion-paused .af-open i { transition:none; }  body.sys-n:not(.page-index) main>header.dc-dealer-opening{min-height:800px;min-height:min(900px,100svh);padding-top:calc(var(--header,88px) + 170px);padding-bottom:76px;display:flex;align-items:flex-end;background:#0B0D0E} body.sys-n:not(.page-index) main>header.dc-dealer-opening .hero-in{display:block;width:100%} body.sys-n main>header.dc-dealer-opening>.bleed{height:100%;opacity:1!important} body.sys-n main>header.dc-dealer-opening>.bleed img{object-position:62% 38%;filter:none!important} body.sys-n main>header.dc-dealer-opening .scrim.l{background:linear-gradient(90deg,rgba(16,23,24,.79) 0%,rgba(16,23,24,.5) 34%,rgba(16,23,24,.05) 78%)} body.sys-n main>header.dc-dealer-opening .scrim.b{background:linear-gradient(180deg,rgba(16,23,24,.38),transparent 28%,rgba(16,23,24,.08) 57%,rgba(16,23,24,.78))} body.sys-n main>header.dc-dealer-opening .hero-h{max-width:790px;font-size:clamp(52px,5.75vw,86px);line-height:1.04;letter-spacing:-.06em;margin-bottom:28px} body.sys-n:not(.page-index) main>header.dc-dealer-opening .sub{max-width:46ch;color:#f5f2ec;text-shadow:0 1px 12px #10171870} body.sys-n main>header.dc-dealer-opening .hero-actions{margin-top:30px} body.sys-n main .dl-famparts .dl-three{gap:52px 48px;max-width:1080px;margin-inline:auto;align-items:start} body.sys-n main .dl-famparts .ad-payrun-piece:first-child{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:60px;border-bottom:1px solid #ffffff24;padding-bottom:48px} body.sys-n main .dl-famparts .ad-payrun-piece .dl-fig{max-width:560px} body.sys-n main .dl-famparts .ad-payrun-piece .dl-stagebox{padding:0;min-height:0;background:none;display:block;overflow:visible;aspect-ratio:auto} body.sys-n main .ad-ledger{width:100%;background:#f5f2ec;color:#0B0D0E;border-top:3px solid #e16324;padding:25px 28px;box-shadow:0 20px 40px #0003} .ad-ledger-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:750;letter-spacing:.1em;border-bottom:1px solid #0B0D0E2b;padding-bottom:17px} .ad-ledger-top>span:last-child{color:#645f56;font-size:9px} .ad-ledger-total{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 0 20px} body.sys-n main .ad-ledger-total span{font-size:12px;color:#625d55} body.sys-n main .ad-ledger-total strong{display:block;font-size:clamp(34px,3.4vw,50px);line-height:1.12;font-weight:500;letter-spacing:-.055em;color:#0B0D0E;margin-top:6px} body.sys-n main .ad-ledger-total p{font-size:12px;line-height:1.7;color:#625d55;margin:0} .ad-ledger-total p b{color:#0B0D0E} .ad-ledger-row{position:relative;padding:13px 0 12px;border-top:1px solid #0B0D0E22;display:flex;justify-content:space-between;align-items:center} .ad-ledger-row>div{display:flex;gap:16px;align-items:baseline} .ad-ledger-row b,.ad-ledger-row strong{font-size:13px;font-weight:600;color:#0B0D0E} .ad-ledger-row span{font-size:11px;color:#676259} .ad-ledger-row i{position:absolute;height:2px;background:#e16324;left:0;bottom:0;width:calc(var(--commission) * .54);opacity:.8} body.sys-n main .ad-ledger-note{font-size:11px;color:#676259;border-top:1px solid #0B0D0E22;padding-top:15px;margin-top:8px} body.sys-n main .dl-famparts :is(.vf-sheet-piece,.vf-tour-piece) .dl-stagebox{padding:26px 20px;min-height:0;aspect-ratio:auto;background:#ffffff07;display:flex;justify-content:center;align-items:center;border-top:1px solid #ffffff24} body.sys-n main .dl-famparts .vf-sheet{width:100%;max-width:294px} body.sys-n main .dl-famparts .vf-sheet img{height:auto;aspect-ratio:1588/2246;object-fit:contain!important} body.sys-n main .dl-famparts .vf-tour{width:100%;max-width:320px;border-radius:8px} body.sys-n main .vf-tour-top{padding:4cqw 6cqw} body.sys-n main .vf-tour-identity{padding:5cqw 6cqw} body.sys-n main .vf-tour-identity h4{font-size:8.5cqw!important;margin:2cqw 0} body.sys-n main .vf-tour-panels{aspect-ratio:1.55} body.sys-n main .vf-tour-footer{padding:4cqw 6cqw;gap:2cqw} body.sys-n main .vf-tour-footer a{padding:2cqw 0} body.sys-n main .vf-details{padding:5cqw} body.sys-n main .vf-details h4{font-size:6.5cqw!important;margin:2cqw 0!important} body.sys-n main .vf-details dl>div{padding:2cqw 0;font-size:clamp(10px,3cqw,13px)} body.sys-n main .dl-famparts .dl-piece-t{margin-top:22px} body.sys-n main .dl-famparts .dl-piece-t h3{font-size:28px;letter-spacing:-.04em;margin-bottom:12px} body.sys-n main .dl-famparts .dl-piece-t p{font-size:16px;line-height:1.65;max-width:43ch} body.sys-n main .dl-famparts .dl-cap{font-size:11px;line-height:1.5;margin-top:16px} body.sys-n main .dl-famparts .dl-piece:hover .dl-stagebox>*{transform:none} @media(min-width:701px){body.sys-n main .dl-famparts :is(.vf-sheet-piece,.vf-tour-piece) .dl-stagebox{height:510px}} @media(max-width:700px){ body.sys-n:not(.page-index) main>header.dc-dealer-opening{min-height:740px;padding-top:270px;padding-bottom:50px;align-items:flex-end} body.sys-n main>header.dc-dealer-opening>.bleed img{object-position:63% 22%} body.sys-n main>header.dc-dealer-opening .scrim.l{background:linear-gradient(180deg,transparent 20%,#10171866 40%,#101718c9 68%,#101718e6)} body.sys-n main>header.dc-dealer-opening .scrim.b{background:linear-gradient(180deg,#10171866,transparent 25%,transparent 60%,#10171855)} body.sys-n main>header.dc-dealer-opening .hero-h{font-size:43px;line-height:1.06;max-width:10.3em;margin-bottom:22px} body.sys-n:not(.page-index) main>header.dc-dealer-opening .sub{font-size:16px;line-height:1.6;max-width:36ch} body.sys-n main>header.dc-dealer-opening .hero-actions{margin-top:25px} body.sys-n main .dl-famparts .dl-three{gap:42px} body.sys-n main .dl-famparts .ad-payrun-piece:first-child{display:flex;flex-direction:column-reverse;gap:22px;padding-bottom:38px} body.sys-n main .dl-famparts .ad-payrun-piece .dl-piece-t{margin-top:0;align-self:stretch} body.sys-n main .ad-ledger{padding:20px} .ad-ledger-row>div{gap:9px} body.sys-n main .ad-ledger-total strong{font-size:40px} body.sys-n main .dl-famparts :is(.vf-sheet-piece,.vf-tour-piece){max-width:390px} body.sys-n main .dl-famparts :is(.vf-sheet-piece,.vf-tour-piece) .dl-stagebox{padding:22px 16px} body.sys-n main .dl-famparts .vf-sheet{max-width:260px} body.sys-n main .dl-famparts .vf-tour{max-width:290px} body.sys-n main .dl-famparts .dl-piece-t h3{font-size:26px} }  body.sys-n:not(.page-index) main>header.hero.hero.dc-dealer-opening h1.hero-h.hero-h{font-size:clamp(52px,5.75vw,86px)!important;max-width:790px;line-height:1.04} @media(max-width:700px){ body.sys-n:not(.page-index) main>header.hero.hero.dc-dealer-opening{min-height:740px!important;padding-top:270px;padding-bottom:50px} body.sys-n:not(.page-index) main>header.hero.hero.dc-dealer-opening .hero-in{padding:0 20px;display:block} body.sys-n:not(.page-index) main>header.hero.hero.dc-dealer-opening h1.hero-h.hero-h{font-size:43px!important;max-width:10.3em;line-height:1.06} }  .ap-project{padding-block:48px!important;overflow:hidden;min-height:0!important} .ap-project-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,80px);min-height:0} .ap-project-copy{max-width:440px} .ap-project h2{margin:0 0 22px!important;font-size:clamp(46px,5vw,72px)!important;line-height:1.02;letter-spacing:-.035em} .ap-project .ap-intro{font-size:clamp(20px,1.9vw,28px);line-height:1.35;margin:0 0 24px;max-width:28ch} .ap-features{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:11px} .ap-features li{font-size:15px;line-height:1.45;display:flex;gap:12px;align-items:baseline} .ap-features li::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none;align-self:center} .ap-project .ap-link{font-size:14px;display:inline-flex;align-items:center;gap:16px;min-height:44px} .ap-project-media{min-width:0;margin:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center} .ap-project-media figcaption{font-size:11px;line-height:1.6;margin:18px 0 0;text-align:center;max-width:62ch} .ap-phones{width:100%;display:flex;justify-content:center;align-items:center;gap:22px} .ap-phone{display:block;width:min(41%,210px);flex:none;border-radius:18px;overflow:hidden;box-shadow:0 20px 42px #00000024;transition:transform .25s ease} .ap-phone:nth-child(2){transform:translateY(15px)} .ap-phone img{display:block;width:100%;height:auto} .ap-phone:hover{transform:translateY(-4px)} .ap-phone:nth-child(2):hover{transform:translateY(11px)} .ap-desktop{display:block;width:100%;overflow:hidden;border-radius:12px;box-shadow:0 20px 42px #00000030} .ap-desktop img{display:block;width:100%;height:auto} .ap-project a:focus-visible,.ap-project summary:focus-visible{outline:2px solid currentColor;outline-offset:6px} .ap-sliceco{background:#e8ecdf!important;color:#182d27!important} .ap-sliceco h2,.ap-sliceco .ap-intro,.ap-sliceco .ap-link{color:#182d27!important} .ap-sliceco .ap-features,.ap-sliceco figcaption{color:#3d5245!important} .ap-coverage{border-top:1px solid #182d2733;margin:0 0 16px;max-width:360px} .ap-coverage summary{cursor:pointer;font-size:12px;line-height:1.6;padding:13px 0;color:#314b3a;min-height:44px} .ap-coverage p{font-size:12px!important;line-height:1.7;color:#3d5245!important;margin:0 0 14px} .ap-keys{background:#152e2a!important;color:#f1eee6!important} .ap-keys h2,.ap-keys .ap-intro,.ap-keys .ap-link{color:#f1eee6!important} .ap-keys .ap-features,.ap-keys figcaption{color:#cfdbcf!important} .ap-fuel{background:#f0eadf!important;color:#322e26!important} .ap-fuel h2,.ap-fuel .ap-intro,.ap-fuel .ap-link{color:#322e26!important} .ap-fuel .ap-features,.ap-fuel figcaption{color:#5b5245!important} @media(max-width:760px){ .ap-project{padding-block:32px!important} .ap-project-in{grid-template-columns:1fr;gap:22px;min-height:0} .ap-project-copy{max-width:none} .ap-project h2{font-size:46px!important;margin-bottom:15px!important} .ap-project .ap-intro{font-size:22px;line-height:1.35;margin-bottom:18px} .ap-features{gap:7px;margin-bottom:14px} .ap-features li{font-size:13px} .ap-coverage{margin-bottom:7px;max-width:none} .ap-phones{gap:14px;align-items:flex-start;padding-bottom:14px} .ap-phone{width:calc((100% - 14px)/2);max-width:210px;border-radius:12px;box-shadow:0 10px 24px #00000020} .ap-project-media figcaption{font-size:10px;margin-top:15px;text-align:left;width:100%} .ap-keys .ap-project-media{padding-block:0} .ap-desktop{border-radius:7px} } @media(prefers-reduced-motion:reduce){.ap-phone{transition:none}}  body.sys-n.aw-curated main>header.hero{min-height:460px!important;height:auto!important} body.sys-n.aw-curated main>header.hero .hero-in{padding-top:136px!important;padding-bottom:56px!important;max-width:100%!important} body.sys-n.aw-curated main>header.hero .hero-h{max-width:16ch!important;font-size:clamp(48px,5.5vw,80px)!important;line-height:1.02!important;letter-spacing:-.035em!important} body.sys-n.aw-curated main>header.hero .sub{max-width:48ch!important;font-size:20px!important;margin-block:20px!important} .aw-jump{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:28px} .aw-jump a{display:inline-flex;align-items:center;min-height:44px;color:#fff!important;text-decoration:none;border-bottom:1px solid #ffffff80;font-size:14px;transition:border-color .2s ease} .aw-jump a:hover{border-color:#fff} .aw-jump a:focus-visible{outline:2px solid #fff;outline-offset:5px} body.sys-n.aw-curated main>section.co-gal{padding-block:48px!important;min-height:0!important} body.sys-n.aw-curated .co-piece{align-items:center!important;gap:40px!important} body.sys-n.aw-curated .co-piece+.co-piece{margin-top:48px!important;padding-top:48px!important} body.sys-n.aw-curated main>section .co-gal-h{font-size:clamp(32px,3.5vw,48px)!important;margin-bottom:34px!important} body.sys-n.aw-curated main>section .co-copy h3{font-size:clamp(26px,2.5vw,36px)!important;line-height:1.13!important;margin:12px 0 16px!important} body.sys-n.aw-curated main>section .co-copy p{font-size:17px!important;line-height:1.55!important} body.sys-n.aw-curated main>section .co-copy .num{font-size:10px!important;letter-spacing:.09em!important;line-height:1.6!important} body.sys-n.aw-curated .aw-websites{margin-top:46px;padding-top:30px;border-top:1px solid #26362c33} body.sys-n.aw-curated .aw-websites .co-copy{display:grid;grid-template-columns:1fr 1.5fr;gap:0 64px;align-items:start} body.sys-n.aw-curated .aw-websites .num{grid-column:1;grid-row:1} body.sys-n.aw-curated .aw-websites h3{grid-column:1;grid-row:2 / span 2;margin-bottom:0!important} body.sys-n.aw-curated .aw-websites p{grid-column:2;grid-row:1 / span 2;margin:0!important} body.sys-n.aw-curated .aw-websites a{grid-column:2;grid-row:3;justify-self:start} body.sys-n.aw-curated .aw-build-piece{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important} body.sys-n.aw-curated .aw-build-copy{display:grid;gap:26px} body.sys-n.aw-curated .aw-next-build{padding-top:24px;border-top:1px solid #ffffff40} body.sys-n.aw-curated main>section .aw-next-build h3{font-size:24px!important} body.sys-n.aw-curated main>section .aw-next-build p{font-size:15px!important} body.sys-n.aw-curated main>section.closing{min-height:0!important;padding-block:52px!important} body.sys-n.aw-curated .closing .close-grid{display:block!important;min-height:0!important} body.sys-n.aw-curated .closing .close-grid>div{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px} body.sys-n.aw-curated .closing h2{font-size:clamp(32px,3vw,44px)!important;margin:0!important} body.sys-n.aw-curated .closing .lead{font-size:14px!important;line-height:1.6!important;margin:0!important} body.sys-n.aw-curated .closing .actions{margin:0!important} body.sys-n.aw-curated #faq{padding-block:40px!important;min-height:0!important} body.sys-n.aw-curated #faq h2{font-size:32px!important} body.sys-n.aw-curated :is(#co-live-h,#co-build-h,#ap-sliceco-h){scroll-margin-top:100px} @media(max-width:900px){ body.sys-n.aw-curated .aw-build-piece{grid-template-columns:1fr!important} body.sys-n.aw-curated .aw-websites .co-copy{display:block} body.sys-n.aw-curated .closing .close-grid>div{grid-template-columns:1fr;gap:20px} } @media(max-width:760px){ body.sys-n.aw-curated main>header.hero{min-height:410px!important} body.sys-n.aw-curated main>header.hero .hero-in{padding-top:116px!important;padding-bottom:32px!important} body.sys-n.aw-curated main>header.hero .hero-h{font-size:48px!important;max-width:12ch!important} body.sys-n.aw-curated main>header.hero .sub{font-size:17px!important;line-height:1.5!important;margin-block:16px!important;max-width:34ch!important} .aw-jump{margin-top:18px;gap:20px} body.sys-n.aw-curated main>section.co-gal{padding-block:34px!important} body.sys-n.aw-curated .co-piece{gap:22px!important} body.sys-n.aw-curated .co-piece+.co-piece{margin-top:34px!important;padding-top:34px!important} body.sys-n.aw-curated main>section .co-gal-h{font-size:30px!important;margin-bottom:24px!important} body.sys-n.aw-curated main>section .co-copy h3{font-size:27px!important;margin-block:8px 12px!important} body.sys-n.aw-curated main>section .co-copy p{font-size:16px!important;line-height:1.55!important} body.sys-n.aw-curated .aw-websites{margin-top:30px;padding-top:26px} body.sys-n.aw-curated .aw-websites p{margin-top:14px!important} body.sys-n.aw-curated .aw-build-copy{gap:18px} body.sys-n.aw-curated .aw-next-build{padding-top:18px} body.sys-n.aw-curated main>section .aw-next-build h3{font-size:22px!important} body.sys-n.aw-curated main>section.closing{padding-block:34px!important} } @media(prefers-reduced-motion:reduce){.aw-jump a{transition:none}} body.sys-n #lx-mailroom .mv-voice-note { font-size:14px; line-height:1.45; color:#536159; margin:18px 0 0; max-width:32ch; } @media(max-width:700px) { body.sys-n #lx-mailroom .mv-voice-note { margin-top:12px; } } body.sys-n main #f-msg{min-height:150px;line-height:1.5;resize:vertical} .pc-writeup-opening{display:block;width:100%} @media(max-width:600px){body.sys-n main header.pc-hero .dl-heroshot:has(.pc-writeup-opening){max-width:275px;margin-inline:auto}body.sys-n main header.pc-hero .pc-writeup-opening img{width:100%;height:auto!important;aspect-ratio:390/844;object-fit:contain!important}} body.sys-n main .vf-tour-tabs:has(#vf-details:checked) .vf-tour-panels{min-height:260px;aspect-ratio:auto} body.sys-n main .ad-ledger .ad-ledger-total p{color:#625d55!important} @media(max-width:600px){body.sys-n main header.pc-hero .dl-heroshot .dl-device:has(.pc-writeup-opening){max-width:275px;margin-inline:auto}.pc-writeup-opening{margin-inline:auto}}  body.sys-n main .ce-mail-voice { min-height:0; padding-block:clamp(56px,7vw,104px); } body.sys-n main .ce-mail-layout { display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1fr); align-items:center; gap:clamp(36px,7vw,108px); } body.sys-n main .ce-mail-copy h2 { margin:0 0 26px; font-size:clamp(38px,4.2vw,60px); line-height:1.05; max-width:12ch; letter-spacing:-.04em; } body.sys-n main .ce-mail-copy p { max-width:37ch; font-size:16px; line-height:1.65; margin:0 0 20px; color:#535956; } body.sys-n main .ce-mail-copy .ce-mail-lead { font-size:clamp(19px,1.7vw,24px); line-height:1.5; color:#0B0D0E; } body.sys-n main .ce-mail-copy .ps-detail { margin-top:34px; } body.sys-n main .ce-mail-copy .ps-detail summary { font-size:16px; padding-block:18px; } body.sys-n main .ce-mail-lanes { margin:0; } body.sys-n main .ce-mail-lanes > div { display:grid; grid-template-columns:112px 1fr; gap:20px; padding:14px 0; border-top:1px solid #d5d0c4; } body.sys-n main .ce-mail-lanes > div:first-child { border-top:0; } body.sys-n main .ce-mail-lanes dt { font-weight:600; font-size:14px; } body.sys-n main .ce-mail-lanes dd { margin:0; color:#535956; font-size:14px; line-height:1.5; } body.sys-n main .ce-mail-art { position:relative; display:block; width:100%; max-width:530px; height:auto; max-height:none; overflow:visible; margin:0; justify-self:center; } body.sys-n main .ce-mail-art picture { display:block; background:#fbf5e7; box-shadow:0 24px 44px -25px rgb(11 13 14 / .3); } body.sys-n main .ce-mail-art img { display:block; width:100%; height:auto; opacity:1; filter:none; object-fit:contain; } body.sys-n main .ce-mail-art figcaption { position:static; display:block; opacity:1; visibility:visible; margin:18px 0 0; max-width:62ch; color:#535956; font-size:12px; line-height:1.55; } body.sys-n main .ow-trust:has(.ce-trust-layout) { padding-block:clamp(44px,5vw,72px); } body.sys-n main .ce-trust-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1fr); gap:0 clamp(36px,7vw,108px); align-items:start; } body.sys-n main .ce-trust-layout h2 { font-size:clamp(32px,3.6vw,48px); max-width:17ch; line-height:1.12; } body.sys-n main .ce-trust-facts { margin:0; } body.sys-n main .ce-trust-facts > div { padding:16px 0; border-top:1px solid #d5d0c4; } body.sys-n main .ce-trust-facts > div:first-child { padding-top:0; border-top:0; } body.sys-n main .ce-trust-facts dt { font-size:18px; font-weight:600; margin:0 0 7px; } body.sys-n main .ce-trust-facts dd { font-size:15px; line-height:1.6; color:#535956; margin:0; max-width:45ch; } body.sys-n main .ce-trust-detail { grid-column:2; margin-top:18px; }  body.sys-n main .ce-dictation { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,6vw,88px); align-items:center; padding-top:24px; } body.sys-n main .ce-shortcut-keys { display:flex; align-items:center; gap:16px; } body.sys-n main .ce-shortcut-keys kbd { border:1px solid #d5d0c4; border-radius:8px; padding:14px 20px; font:500 22px/1.2 Manrope,sans-serif; box-shadow:0 8px 14px -10px rgb(11 13 14 / .3); color:#0B0D0E; background:#fffefa; } body.sys-n main .ce-shortcut > p { font-size:18px; margin:22px 0; color:#0B0D0E; } body.sys-n main .ce-shortcut blockquote { font-size:17px; color:#535956; line-height:1.7; max-width:34ch; margin:0; } body.sys-n main .ce-dictation-result { padding:clamp(28px,4vw,52px); background:#fffefa; color:#0B0D0E; box-shadow:0 26px 40px -28px rgb(11 13 14 / .2); } body.sys-n main .ce-dictation-result h3 { margin:0 0 24px; font-size:clamp(25px,2.5vw,36px); line-height:1.2; letter-spacing:-.025em; color:#0B0D0E; } body.sys-n main .ce-dictation-result :is(p,li) { font-size:17px; line-height:1.65; color:#0B0D0E; } body.sys-n main .ce-dictation-result ul { padding-left:20px; } body.sys-n main .ce-dictation-result .ce-dictation-note { border-top:1px solid #d5d0c4; margin:28px 0 0; padding-top:16px; font-size:12px; line-height:1.5; color:#535956; }  body.sys-n main .ce-writeup-roles .pc-panel { grid-template-columns:minmax(0,3fr) minmax(220px,1fr); gap:clamp(30px,5vw,70px); } body.sys-n main .ce-writeup-roles .pc-explanation h3 { max-width:15ch; font-size:clamp(25px,2.4vw,36px); } @media(max-width:1050px) { body.sys-n main .ce-mail-layout { gap:40px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); } body.sys-n main .ce-writeup-roles .pc-panel { grid-template-columns:1fr; } } @media(max-width:700px) { body.sys-n main .ce-mail-voice { padding-block:48px; } body.sys-n main .ce-mail-layout { grid-template-columns:1fr; gap:32px; } body.sys-n main .ce-mail-copy h2 { font-size:38px; margin-bottom:22px; } body.sys-n main .ce-mail-copy .ce-mail-lead { font-size:20px; } body.sys-n main .ce-mail-copy .ps-detail { margin-top:22px; } body.sys-n main .ce-dictation { grid-template-columns:1fr; padding-top:8px; gap:28px; } body.sys-n main .ce-dictation-result { padding:28px; } body.sys-n main .ce-trust-layout { grid-template-columns:1fr; gap:28px; } body.sys-n main .ce-trust-detail { grid-column:1; margin-top:0; } } @media(max-width:600px) { body.sys-n main .ce-mail-art { max-width:310px; } body.sys-n main .ce-mail-art picture { border-radius:16px; overflow:hidden; } body.sys-n main .ce-mail-art img { aspect-ratio:390/844; } body.sys-n:not(.page-index) main > header.pc-hero .dl-heroshot:has(.pc-writeup-opening) { margin-left:auto!important; margin-right:auto!important; justify-self:center!important; width:275px!important; max-width:100%!important; } body.sys-n:not(.page-index) main > header.pc-hero .dl-heroshot .dl-device:has(.pc-writeup-opening) { margin-left:auto!important; margin-right:auto!important; width:100%!important; } body.sys-n main .pc-writeup-opening { margin-inline:auto!important; } body.sys-n main .ce-writeup-roles .pc-explanation { max-width:32ch; margin-inline:auto; text-align:center; } body.sys-n main .ce-writeup-roles .pc-explanation h3 { max-width:18ch; margin-inline:auto; } body.sys-n main .ce-writeup-roles .pc-explanation p { margin-inline:auto; } } @media(prefers-reduced-motion:no-preference) { @supports(animation-timeline:view()) { body.sys-n main .ce-mail-art { animation:ce-reply-arrives linear both; animation-timeline:view(); animation-range:entry 0% entry 90%; } } } @keyframes ce-reply-arrives { from { transform:translateY(20px); opacity:.92; } to { transform:none; opacity:1; } } html[data-solva-motion="paused"] body.sys-n main .ce-mail-art, body.solva-motion-paused main .ce-mail-art { animation:none!important; transform:none!important; opacity:1!important; } @media(prefers-reduced-motion:reduce) { body.sys-n main .ce-mail-art { animation:none!important; transform:none!important; opacity:1!important; } }  body.sys-n:not(.page-index) main>section.se-close{padding-block:44px!important;min-height:0!important} body.sys-n main .se-close .close-grid{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;min-height:0!important} body.sys-n main .se-close h2{font-size:clamp(30px,3vw,46px)!important;line-height:1.08!important;margin:0 0 18px!important;max-width:22ch} body.sys-n main .se-close .lead{font-size:16px!important;line-height:1.5!important;max-width:54ch;margin:0 0 20px!important} body.sys-n main .se-close .actions{margin:0!important;gap:18px} body.sys-n main .se-close .founders{display:flex!important;gap:24px;align-items:center} body.sys-n main .se-close .founder{display:flex!important;gap:10px;min-height:0!important;max-width:none;align-items:center} body.sys-n main .se-close .founder img{width:40px!important;height:40px!important;object-fit:cover;border-radius:50%} body.sys-n main .se-close .founder b{font-size:13px!important} body.sys-n main .se-close .founder span{font-size:11px!important} .se-assurance{margin-top:18px;font-size:12px;line-height:1.5} .se-assurance summary{cursor:pointer;min-height:44px;padding-block:12px;color:#cbd0cc} body.sys-n main .se-close .close-assure{margin:8px 0 0!important} body.sys-n main .se-close .close-also{font-size:12px!important;margin:16px 0 0!important} .se-enquiry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 64px;align-items:center} .se-identity{display:flex;gap:24px;align-items:center} .se-person{display:flex;align-items:center;gap:9px} .se-person img{width:40px;height:40px;object-fit:cover;border-radius:50%} .se-person b{font-size:13px;font-weight:500;color:#cbd0cc} .se-enquiry>.se-assurance{grid-column:1/-1;margin-top:0} .se-enquiry .se-assurance p{font-size:13px;line-height:1.5;color:#cbd0cc;margin-block:8px} body.sys-n main .se-about-facts .se-email-fact{grid-column:1/-1} body.sys-n main .se-about-facts .se-email-fact dd{font-size:15px!important} body.sys-n main .se-about-more{grid-column:1/-1} body.sys-n main .se-about-more>details{margin-left:18px} body.sys-n:not(.page-index) main>header.hero.se-service-opening .hero-in{display:block!important;max-width:1160px} body.sys-n main .se-service-opening h1{max-width:18ch!important} .se-paths{display:flex;gap:30px;margin-top:46px;max-width:900px} .se-paths a{position:relative;display:grid;flex:1;gap:8px;padding:16px 30px 14px 0;border-top:1px solid #f5f2ec55;color:#f5f2ec} .se-paths b{font-size:17px;font-weight:500} .se-paths span{font-size:13px;line-height:1.5;color:#cbd0cc} .se-paths i{position:absolute;right:0;top:16px;font-size:18px;font-style:normal;transition:transform .25s ease} .se-paths a:hover i{transform:translate(3px,-3px)} body.sys-n main .se-delivered{padding-block:54px!important} body.sys-n main .se-delivered .sv-gal{display:block!important;margin-top:28px} body.sys-n main .se-delivered .sv-gitem{border-top:1px solid #9b9f9466;padding:20px 0!important;margin:0!important;min-height:0!important} body.sys-n main .se-delivered figcaption{display:grid!important;grid-template-columns:110px minmax(180px,1fr) minmax(160px,1fr) auto;gap:14px 26px;align-items:center;padding:0!important;margin:0!important;border:0!important;min-height:0!important} body.sys-n main .se-delivered .sec-lead{margin-top:14px!important} body.sys-n main .se-delivered h3{font-size:22px!important;margin:0!important} body.sys-n main .se-delivered .sv-did{font-size:14px!important;margin:0!important} body.sys-n main .se-delivered .sv-place{margin:0!important;font-size:12px} .se-project-detail{grid-column:2/-1;font-size:14px;line-height:1.5} .se-project-detail summary{cursor:pointer;min-height:44px;padding:12px 0} body.sys-n main>header.hero.se-about-opening{background:#17201d;min-height:0!important;padding-block:140px 70px} body.sys-n main .se-about-opening .hero-in{display:grid!important;grid-template-columns:1.1fr 1fr;gap:54px;align-items:center} .se-founders{display:flex;gap:20px;min-width:0;margin:0} .se-founders>div{flex:1;min-width:0} .se-founders img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px} .se-founders figcaption{display:grid;gap:7px;margin-top:14px;color:#f5f2ec} .se-founders b{font-size:16px;font-weight:500} .se-founders span{font-size:12px;color:#cbd0cc} body.sys-n main .se-bios{display:grid!important;grid-template-columns:1fr 1fr;gap:50px} body.sys-n main .se-bios .person{display:block!important;padding:0!important;min-height:0!important} body.sys-n main .se-bios h2{font-size:30px!important} body.sys-n main>section.se-about-facts{padding-block:28px!important;min-height:0!important} body.sys-n main .se-about-facts .co-card{padding:0!important;border:0!important;min-height:0!important} body.sys-n main .se-about-facts .co-factgrid{gap:24px!important} body.sys-n main .se-about-facts .co-fact{padding:12px 0!important;min-height:0!important} body.sys-n main .se-about-facts .promise-row{gap:24px!important;padding:0!important} body.sys-n main .se-about-facts .promise-row li{padding:14px 0!important;min-height:0!important;font-size:15px!important} body.sys-n main .se-about-facts .promise-row li>span{font-size:12px!important} body.sys-n main .se-about-facts .xlinks{margin-top:22px!important} body.sys-n main .se-fuel-scene{padding-block:54px!important} .se-fuel-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;width:min(1210px,calc(100% - 40px));margin-inline:auto} .se-fuel-grid>div:first-child{max-width:420px} body.sys-n main .se-fuel-grid h2{font-size:clamp(34px,4vw,54px)!important;margin:0 0 20px} .se-fuel-grid p{font-size:18px;line-height:1.5} body.sys-n main .se-fuel-grid .ow-fuel{justify-self:center;max-width:240px;margin:0!important} body.sys-n main .se-builder-scene .ow-apps2-grid{display:block!important} .se-builder-head{display:flex;justify-content:space-between;align-items:baseline;gap:36px;margin-bottom:30px} .se-builder-head h2{font-size:clamp(30px,3.8vw,48px)!important;max-width:18ch} .se-builder-head p{font-size:14px;max-width:28ch;color:#cbd0cc} body.sys-n main .se-builder-scene .ow-crm{max-width:100%;min-width:0} body.sys-n main .se-related{padding-block:58px!important} body.sys-n main .se-related .dl-two{display:grid!important;grid-template-columns:1.15fr 1fr;gap:24px 64px;align-items:start} body.sys-n main .se-related .dl-two>.dc-crm-piece{display:block!important;grid-column:1;grid-row:auto!important;align-self:start} .se-related-directory{grid-column:2;display:grid;gap:0;align-self:start} body.sys-n main .se-related-directory>.dl-piece{display:block!important;grid-row:auto!important;min-height:0!important} body.sys-n main .se-related .dc-crm-piece .dl-stagebox{padding:18px!important} body.sys-n main .se-related .se-related-row{border-top:1px solid #9b9f9466;padding-block:18px;margin:0} body.sys-n main .se-related .se-related-row .dl-piece-t{margin:0!important} body.sys-n main .se-related .se-related-row h3{font-size:26px!important;margin:0 0 10px} body.sys-n main .se-related .se-related-row p{font-size:15px!important;line-height:1.5!important;margin:0 0 12px} body.sys-n main .se-outreach{padding-block:54px!important} body.sys-n main .se-outreach .fw-grid{gap:42px!important} body.sys-n main .se-outreach h2{font-size:clamp(32px,3.3vw,48px)!important;line-height:1.1!important} body.sys-n main .se-outreach .fw-result{margin-top:24px!important;padding-block:18px!important} body.sys-n main .se-outreach .fw-num{font-size:54px!important;margin:0!important} body.sys-n main .se-outreach .fw-body{font-size:16px!important;line-height:1.5!important} body.sys-n main .se-outreach .fw-src{font-size:12px!important;line-height:1.6!important} body.sys-n main .se-outreach .fw-rows li{padding-block:18px!important;min-height:0!important} body.sys-n main .se-outreach .fw-rows h3{font-size:23px!important;margin:0 0 10px!important} body.sys-n main .se-outreach .fw-rows p{font-size:15px!important;line-height:1.5!important;margin-bottom:12px!important} body.sys-n main .se-service-band{padding-block:28px!important} body.sys-n main .se-ai-questions{padding-block:48px!important} body.sys-n main .se-ai-questions .faq{gap:0 38px!important} body.sys-n main .se-ai-questions summary{font-size:19px!important;line-height:1.35!important;padding-block:20px!important} .se-more-services{margin-top:22px;border-top:1px solid #9b9f9444} .se-more-services>summary{cursor:pointer;font-size:14px!important;min-height:44px;padding-block:16px!important} body.sys-n main .se-commitments{padding-block:48px!important;min-height:0!important} body.sys-n main .se-commitments h2{font-size:clamp(30px,3.6vw,48px)!important} body.sys-n main .se-commitments .chapter-grid{align-items:center;gap:32px} body.sys-n main .se-commitments .project-card{min-height:0!important;padding:20px 0!important;background:none!important;border:0!important} body.sys-n main .se-commitments .project-card h3{font-size:23px!important} body.sys-n main .se-commitments .project-card p{font-size:15px!important} body.sys-n main .se-commitments .lead{font-size:16px!important;line-height:1.5!important} @media(max-width:760px){ body.sys-n main .se-close .close-grid{grid-template-columns:1fr!important;gap:26px} body.sys-n main .se-close .founders{gap:24px;flex-wrap:wrap} .se-enquiry{grid-template-columns:1fr;gap:18px} .se-identity{gap:26px} body.sys-n main .se-enquiry h2{font-size:30px!important} body.sys-n main .se-enquiry .lead{font-size:15px!important} body.sys-n:not(.page-index) main>section.se-close{padding-block:34px!important} body.sys-n main .se-close .actions{display:flex;flex-wrap:wrap;align-items:center} body.sys-n main .se-close .actions .button{width:auto!important;padding-inline:20px} .se-paths{gap:16px;margin-top:30px} .se-paths a{padding-right:0} .se-paths b{font-size:14px} .se-paths span{font-size:12px} .se-paths i{display:none} body.sys-n main .se-service-opening .hero-in{padding-bottom:36px!important} body.sys-n main .se-delivered figcaption{grid-template-columns:1fr auto;gap:10px 16px} body.sys-n main .se-delivered .sv-place{grid-column:1/-1} body.sys-n main .se-delivered .sv-did{grid-column:1/-1} .se-project-detail{grid-column:1/-1} body.sys-n main .se-delivered h3{font-size:23px!important} body.sys-n main>header.hero.se-about-opening{padding-block:100px 34px!important} body.sys-n main .se-about-opening .hero-in{grid-template-columns:1fr!important;gap:32px;padding:0 20px!important} .se-founders{gap:20px;max-width:420px} .se-founders img{max-height:190px} body.sys-n main .se-bios{grid-template-columns:1fr;gap:32px} body.sys-n main .se-about-facts .co-factgrid{grid-template-columns:1fr 1fr!important;gap:20px!important} body.sys-n main .se-about-facts .co-fact dd{font-size:13px!important;overflow-wrap:anywhere} body.sys-n main .se-about-facts .promise-row{grid-template-columns:1fr!important;gap:0!important} body.sys-n main .se-about-facts .promise-row li{display:flex;gap:16px;border-bottom:1px solid #9b9f9433} .se-fuel-grid{grid-template-columns:1fr;gap:24px} body.sys-n main .se-fuel-grid .ow-fuel{max-width:210px} .se-builder-head{display:block} body.sys-n main .se-outreach .fw-grid{gap:22px!important} body.sys-n main .se-related .dl-two{grid-template-columns:1fr;gap:22px} body.sys-n main .se-related .dc-crm-piece{grid-row:auto} body.sys-n main .se-related .dl-two>.dc-crm-piece,.se-related-directory{grid-column:auto} } @media(prefers-reduced-motion:reduce){.se-paths i{transition:none}} body.sys-n main .se-email-fact dd{display:grid!important;gap:8px} body.sys-n main .se-email-fact dd br{display:none} body.sys-n main:has(.af-directory)>header.hero .solva-gallery-controls{gap:6px;align-items:center;flex-wrap:nowrap} html body.sys-n main:has(.af-directory)>header.hero .solva-gallery-controls button{border:0;border-bottom:1px solid #f5f2ec55;border-radius:0;font-size:12px!important;padding:6px 8px} html body.sys-n main:has(.af-directory)>header.hero .solva-gallery-controls .solva-gallery-view{flex:1 1 auto;min-width:0;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}  body.sys-n:not(.page-index) main > section.wap { --wap-ink:#0B0D0E; --wap-muted:#535955; --wap-line:#C9CBC6; color:var(--wap-ink); padding:clamp(48px,5.2vw,76px) 0; min-height:0; overflow:clip; isolation:isolate; } body.sys-n:not(.page-index) main > section.wap.paper { background:#F5F2EC; } body.sys-n:not(.page-index) main > section.wap.dark { --wap-ink:#F5F2EC; --wap-muted:#C8CEC9; --wap-line:#454A47; background:#0B0D0E; color:var(--wap-ink); } body.sys-n:not(.page-index) main > section.wap .wap-wrap { width:min(1280px,calc(100% - 96px)); margin:auto; position:relative; z-index:2; } body.sys-n:not(.page-index) main > section.wap :is(h2,h3,h4,p,figure,dl,dd,ol,ul) { margin:0; } body.sys-n:not(.page-index) main > section.wap :is(h2,h3,h4) { color:var(--wap-ink); font-family:inherit; text-wrap:balance; font-weight:500; letter-spacing:-.03em; } body.sys-n:not(.page-index) main > section.wap h2 { font-size:clamp(32px,3.45vw,50px); line-height:1.05; max-width:25ch; } body.sys-n:not(.page-index) main > section.wap h3 { font-size:clamp(27px,2.5vw,36px); line-height:1.12; } body.sys-n:not(.page-index) main > section.wap h4 { font-size:22px; line-height:1.2; } body.sys-n:not(.page-index) main > section.wap :is(p,dd) { color:var(--wap-muted); font-size:16px; line-height:1.6; max-width:65ch; } body.sys-n:not(.page-index) main > section.wap .wap-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:36px; } body.sys-n:not(.page-index) main > section.wap .wap-heading > p { width:42%; font-size:18px; } body.sys-n:not(.page-index) main > section.wap .wap-link { display:inline-flex; align-items:center; gap:16px; min-height:44px; font-size:14px; font-weight:600; color:var(--wap-ink); text-decoration:underline; text-underline-offset:5px; text-decoration-color:#E16324; text-decoration-thickness:1px; line-height:1.4; border:0; padding:10px 0; background:none; } body.sys-n:not(.page-index) main > section.wap .wap-link svg { flex:none; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; } body.sys-n:not(.page-index) main > section.wap a:is(:hover,:focus-visible) { color:#A74112; } body.sys-n:not(.page-index) main > section.wap.dark a:is(:hover,:focus-visible) { color:#FFAA79; } body.sys-n:not(.page-index) main > section.wap :is(a,summary):focus-visible { outline:2px solid #E16324; outline-offset:5px; border-radius:2px; } body.sys-n:not(.page-index) main > section.wap ::selection { background:#E16324; color:#0B0D0E; }  body.sys-n:not(.page-index) main > section.wap .wap-services { list-style:none; padding:0; border-top:1px solid var(--wap-line); } body.sys-n:not(.page-index) main > section.wap .wap-services > li { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1fr); gap:60px; padding:28px 0; border-bottom:1px solid var(--wap-line); } body.sys-n:not(.page-index) main > section.wap .wap-services h3 { font-size:30px; } body.sys-n:not(.page-index) main > section.wap .wap-services h3 a { color:var(--wap-ink); text-decoration:none; display:inline-flex; align-items:center; min-height:44px; } body.sys-n:not(.page-index) main > section.wap .wap-services h4 { margin:3px 0 10px; } body.sys-n:not(.page-index) main > section.wap .wap-services p { max-width:58ch; } body.sys-n:not(.page-index) main > section.wap .wap-services .wap-link { margin-top:5px; }  body.sys-n:not(.page-index) main > section.wap .wap-exhibit { display:grid; grid-template-columns:minmax(0,.35fr) minmax(0,1fr); gap:38px; align-items:center; padding:30px 0 36px; } body.sys-n:not(.page-index) main > section.wap .wap-exhibit + .wap-exhibit { border-top:1px solid var(--wap-line); padding-top:42px; } body.sys-n:not(.page-index) main > section.wap .wap-product-copy > h3 { margin:0 0 14px; } body.sys-n:not(.page-index) main > section.wap .wap-product-copy > p + p { margin-top:10px; } body.sys-n:not(.page-index) main > section.wap .wap-product-copy .wap-product-line { font-size:20px; line-height:1.35; color:var(--wap-ink); } body.sys-n:not(.page-index) main > section.wap .wap-product-copy .wap-link { margin-top:12px; } body.sys-n:not(.page-index) main > section.wap .wap-pair { min-width:0; width:100%; } body.sys-n:not(.page-index) main > section.wap .wap-pair-screens { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.28fr); align-items:center; gap:18px; } body.sys-n:not(.page-index) main > section.wap .wap-device { min-width:0; overflow:hidden; line-height:0; background:#F5F2EC; box-shadow:0 18px 38px -22px rgb(0 0 0 / .45); border-radius:8px; } body.sys-n:not(.page-index) main > section.wap .wap-device img { display:block; width:100%; height:auto; max-width:none; opacity:1; filter:none; transform:none; object-fit:contain; position:static; } body.sys-n:not(.page-index) main > section.wap .wap-phone { width:min(100%,226px); justify-self:center; border-radius:20px; box-shadow:0 18px 32px -16px rgb(0 0 0 / .5); } body.sys-n:not(.page-index) main > section.wap figcaption { color:var(--wap-muted); font-size:12px; line-height:1.5; margin-top:14px; max-width:90ch; text-transform:none; letter-spacing:0; }  body.sys-n:not(.page-index) main > section.wap .wap-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:10px 0 16px; } body.sys-n:not(.page-index) main > section.wap .wap-facts > div { border-top:1px solid var(--wap-line); padding-top:16px; } body.sys-n:not(.page-index) main > section.wap .wap-facts dt { font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-.02em; color:var(--wap-ink); margin-bottom:8px; } body.sys-n:not(.page-index) main > section.wap .wap-facts dd { font-size:15px; line-height:1.5; } body.sys-n:not(.page-index) main > section.wap .wap-feature { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1fr); gap:50px; align-items:center; } body.sys-n:not(.page-index) main > section.wap .wap-feature .wap-feature-lead { font-size:18px; line-height:1.55; margin-bottom:24px; } body.sys-n:not(.page-index) main > section.wap .wap-feature .wap-facts { grid-template-columns:minmax(0,1fr); gap:18px; } body.sys-n:not(.page-index) main > section.wap .wap-feature-art { min-width:0; width:100%; } body.sys-n:not(.page-index) main > section.wap .wap-feature-art.wap-letter { width:min(100%,420px); justify-self:end; } body.sys-n:not(.page-index) main > section.wap .wap-feature .wap-pair-screens { gap:12px; grid-template-columns:minmax(0,1fr) minmax(0,.3fr); } body.sys-n:not(.page-index) main > section.wap .wap-sales { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 60px; align-items:center; } body.sys-n:not(.page-index) main > section.wap .wap-sales > p { grid-row:span 2; font-size:18px; } body.sys-n:not(.page-index) main > section.wap .wap-sales > a { justify-self:start; } body.sys-n:not(.page-index) main > section.wap .wap-flow { list-style:none; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; } body.sys-n:not(.page-index) main > section.wap .wap-flow > li { padding-top:20px; border-top:1px solid var(--wap-line); } body.sys-n:not(.page-index) main > section.wap .wap-flow b { display:block; color:var(--wap-ink); font-size:21px; line-height:1.25; font-weight:500; margin-bottom:10px; } body.sys-n:not(.page-index) main > section.wap .wap-flow p { font-size:15px; }  body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet { background:#fffdf8; color:#0B0D0E; padding:28px 30px; box-shadow:0 16px 36px -24px rgb(0 0 0 / .4); } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet :is(h3,dt,li) { color:#0B0D0E; } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet :is(p,dd) { color:#535955; } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet > h3 { font-size:28px; margin:16px 0 22px; } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet ol { padding:0 0 0 20px; margin:18px 0; } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet li { font-size:17px; padding:12px 0; line-height:1.5; border-bottom:1px solid #D5D6D0; } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet dl > div { display:grid; grid-template-columns:100px minmax(0,1fr); gap:20px; border-top:1px solid #D5D6D0; padding:18px 0; } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet dt { font-size:18px; font-weight:600; } body.sys-n:not(.page-index) main > section.wap .wap-disclosure { font-size:12px; line-height:1.5; }  body.sys-n:not(.page-index) main > section.wap .wap-question-grid { display:grid; grid-template-columns:minmax(0,.65fr) minmax(0,1fr); gap:70px; } body.sys-n:not(.page-index) main > section.wap .wap-brief { font-size:18px; max-width:37ch; } body.sys-n:not(.page-index) main > section.wap .wap-detail { border-top:1px solid var(--wap-line); border-bottom:0; margin:0; padding:0; } body.sys-n:not(.page-index) main > section.wap .wap-detail:last-child { border-bottom:1px solid var(--wap-line); } body.sys-n:not(.page-index) main > section.wap .wap-detail summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:56px; padding:14px 0; color:var(--wap-ink); font-size:16px; font-weight:500; line-height:1.45; cursor:pointer; list-style:none; } body.sys-n:not(.page-index) main > section.wap .wap-detail summary::-webkit-details-marker { display:none; } body.sys-n:not(.page-index) main > section.wap .wap-detail summary::after { content:"+"; color:var(--wap-ink); font-size:22px; font-weight:400; width:22px; text-align:center; flex:none; position:static; transform:none; } body.sys-n:not(.page-index) main > section.wap .wap-detail[open] summary::after { content:"−"; } body.sys-n:not(.page-index) main > section.wap .wap-detail > div { padding:0 30px 20px 0; } body.sys-n:not(.page-index) main > section.wap .wap-related { display:flex; gap:4px 24px; flex-wrap:wrap; margin-top:20px; } body.sys-n:not(.page-index) main > section.wap .wap-extra { max-width:1000px; } body.sys-n:not(.page-index) main > section.wap .wap-install .ow-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; padding:12px 0; } body.sys-n:not(.page-index) main > section.wap .wap-install .ow-mini { display:none; } body.sys-n:not(.page-index) main > section.wap .wap-install h3 { font-size:22px; margin:12px 0; } body.sys-n:not(.page-index) main > section.wap .wap-privacy :is(.ow-lp-map,.ow-out) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } body.sys-n:not(.page-index) main > section.wap .wap-privacy .ow-out { grid-template-columns:minmax(0,1fr); gap:14px; } body.sys-n:not(.page-index) main > section.wap .wap-privacy ul { padding-left:18px; } body.sys-n:not(.page-index) main > section.wap .wap-privacy :is(.ow-tag,b) { color:var(--wap-ink); }  body.sys-n:not(.page-index) main > section.wap .wap-dictation { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; align-items:center; } body.sys-n:not(.page-index) main > section.wap .wap-keys { display:flex; align-items:center; gap:14px; margin-bottom:18px; } body.sys-n:not(.page-index) main > section.wap kbd { font-family:inherit; font-size:16px; line-height:1; color:#0B0D0E; background:#F5F2EC; padding:14px 18px; border-radius:5px; box-shadow:0 4px 8px -3px rgb(0 0 0 / .5); } body.sys-n:not(.page-index) main > section.wap blockquote { margin:28px 0 0; max-width:34ch; color:var(--wap-ink); font-size:23px; line-height:1.45; } body.sys-n:not(.page-index) main > section.wap .wap-typed { padding:30px; background:#F5F2EC; color:#0B0D0E; } body.sys-n:not(.page-index) main > section.wap .wap-typed h3 { color:#0B0D0E; font-size:26px; margin-bottom:20px; } body.sys-n:not(.page-index) main > section.wap .wap-typed p { color:#535955; } body.sys-n:not(.page-index) main > section.wap .wap-typed ul { padding:12px 0 22px 20px; font-size:16px; } @media (max-width:1000px) { body.sys-n:not(.page-index) main > section.wap .wap-wrap { width:calc(100% - 64px); } body.sys-n:not(.page-index) main > section.wap .wap-exhibit { grid-template-columns:minmax(0,.4fr) minmax(0,1fr); gap:24px; } body.sys-n:not(.page-index) main > section.wap .wap-feature { gap:32px; } body.sys-n:not(.page-index) main > section.wap .wap-pair-screens { gap:10px; } body.sys-n:not(.page-index) main > section.wap .wap-question-grid { gap:40px; } } @media (max-width:760px) { body.sys-n:not(.page-index) main > section.wap .wap-wrap { width:calc(100% - 40px); } body.sys-n:not(.page-index) main > section.wap .wap-heading { display:block; margin-bottom:26px; } body.sys-n:not(.page-index) main > section.wap .wap-heading > p { width:100%; margin-top:20px; } body.sys-n:not(.page-index) main > section.wap .wap-exhibit { grid-template-columns:minmax(0,1fr); gap:24px; padding:16px 0 32px; } body.sys-n:not(.page-index) main > section.wap .wap-product-copy > p { max-width:55ch; } body.sys-n:not(.page-index) main > section.wap .wap-pair-screens { grid-template-columns:minmax(0,1fr) minmax(0,.3fr); gap:12px; } body.sys-n:not(.page-index) main > section.wap .wap-services > li { grid-template-columns:minmax(0,1fr); gap:12px; padding:24px 0; } body.sys-n:not(.page-index) main > section.wap .wap-services h3 { font-size:27px; } body.sys-n:not(.page-index) main > section.wap :is(.wap-feature,.wap-question-grid,.wap-dictation) { grid-template-columns:minmax(0,1fr); gap:30px; } body.sys-n:not(.page-index) main > section.wap .wap-feature-art.wap-letter { justify-self:center; width:min(100%,360px); } body.sys-n:not(.page-index) main > section.wap .wap-facts { grid-template-columns:minmax(0,1fr); gap:20px; } body.sys-n:not(.page-index) main > section.wap .wap-sales { grid-template-columns:minmax(0,1fr); gap:8px; } body.sys-n:not(.page-index) main > section.wap .wap-sales > p { grid-row:auto; margin-bottom:16px; } body.sys-n:not(.page-index) main > section.wap .wap-flow { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } body.sys-n:not(.page-index) main > section.wap .wap-install .ow-steps { grid-template-columns:minmax(0,1fr); } body.sys-n:not(.page-index) main > section.wap .wap-privacy .ow-lp-map { grid-template-columns:minmax(0,1fr); } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet { padding:24px; } } @media (max-width:700px) { body.sys-n:not(.page-index) main > section.wap .wap-pair-screens > .wap-phone { order:1; } body.sys-n:not(.page-index) main > section.wap .wap-pair-screens > .wap-desk { order:2; } } @media (max-width:480px) { body.sys-n:not(.page-index) main > section.wap .wap-pair-screens { grid-template-columns:minmax(0,1fr); gap:20px; } body.sys-n:not(.page-index) main > section.wap .wap-phone { width:190px; border-radius:16px; } body.sys-n:not(.page-index) main > section.wap .wap-feature .wap-pair-screens { grid-template-columns:minmax(0,1fr); } body.sys-n:not(.page-index) main > section.wap .wap-heading h2 { font-size:34px; } body.sys-n:not(.page-index) main > section.wap .wap-workflow-sheet dl > div { grid-template-columns:minmax(0,1fr); gap:6px; } } @media (prefers-reduced-motion:reduce) { body.sys-n:not(.page-index) main > section.wap * { animation:none; transition:none; scroll-behavior:auto; } }  body.sys-n main .wd-ledger :is(span,b,strong,dd,dt,th,td){color:#0B0D0E!important}body.sys-n main .wd-ledger :is(small,.wd-ledger-columns,.wd-ledger-columns span){color:#525652!important}body.sys-n main .wd-ledger .wd-expand{color:#8b4119!important} .wd-section{--wd-ink:#0B0D0E;--wd-paper:#f5f2ec;--wd-ember:#e16324}.wd-section .wrap{min-width:0}.wd-section :is(h2,h3,h4){letter-spacing:-.035em!important}.wd-section a:focus-visible,.wd-section summary:focus-visible,.wd-tabs label:focus-visible{outline:2px solid #e16324;outline-offset:5px}.wd-section::selection,.wd-ledger::selection{background:#e16324;color:#0B0D0E} .wd-selector fieldset{border:0;margin:0;padding:0;min-width:0}.wd-selector legend{font-size:15px;margin-bottom:14px}.wd-choice{position:absolute;width:1px;height:1px;opacity:0;margin:0!important;padding:0!important;min-height:0!important}.wd-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #bdbbb4;margin-bottom:24px}.wd-tabs label{padding:13px 22px;min-height:48px;font-size:15px;cursor:pointer;border-bottom:3px solid transparent;user-select:none}.wd-panel{display:none}.wd-selector fieldset:has(.wd-choice:nth-of-type(1):checked) .wd-panel-0,.wd-selector fieldset:has(.wd-choice:nth-of-type(2):checked) .wd-panel-1,.wd-selector fieldset:has(.wd-choice:nth-of-type(3):checked) .wd-panel-2,.wd-selector fieldset:has(.wd-choice:nth-of-type(4):checked) .wd-panel-3{display:block}.wd-selector fieldset:has(.wd-choice:nth-of-type(1):checked) .wd-tabs label:nth-child(1),.wd-selector fieldset:has(.wd-choice:nth-of-type(2):checked) .wd-tabs label:nth-child(2),.wd-selector fieldset:has(.wd-choice:nth-of-type(3):checked) .wd-tabs label:nth-child(3),.wd-selector fieldset:has(.wd-choice:nth-of-type(4):checked) .wd-tabs label:nth-child(4){border-color:#e16324;font-weight:750}.wd-choice:focus-visible~.wd-tabs{outline:2px solid #e16324;outline-offset:3px} body.sys-n main .wd-rooftop-console .pc-panel{grid-template-columns:1fr!important}body.sys-n main .wd-rooftop-console .pc-explanation{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:20px}.wd-rooftop-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,23%);gap:28px;align-items:center}.wd-rooftop-pair .pc-display{min-width:0!important;width:100%!important}.wd-phone{margin:0!important;max-width:300px;justify-self:center;width:100%}.wd-phone-body{background:#0B0D0E;padding:7px;border-radius:25px;overflow:hidden;box-shadow:0 24px 46px #0B0D0E22}.wd-phone-body img{display:block;width:100%;height:auto;object-fit:contain!important;border-radius:19px}.wd-phone figcaption,.wd-payfigure figcaption{font-size:12px;line-height:1.5;margin-top:14px;color:inherit}.wd-rooftop-pair .wd-phone figcaption{font-size:11px}.dl-famwu .wd-phone{max-width:286px;justify-self:center}body.sys-n main .dl-famwu .dl-split{grid-template-columns:1fr 1fr;align-items:center} body.sys-n main .dl-famparts .wd-payrun-piece{display:block!important;grid-column:1/-1!important}body.sys-n main .dl-famparts .wd-payrun-piece .wd-payfigure{max-width:none;width:100%;margin:0 0 26px}body.sys-n main .dl-famparts .wd-payrun-piece .dl-piece-t{max-width:none;display:grid;grid-template-columns:1fr 2fr;gap:12px 36px;align-items:center}body.sys-n main .dl-famparts .wd-payrun-piece .dl-piece-t p{margin:0}body.sys-n main .dl-famparts .wd-payrun-piece .dl-piece-t a{grid-column:2}.wd-ledger{background:#f5f2ec;color:#0B0D0E;padding:clamp(22px,4vw,48px);border-radius:12px}.wd-ledger-head{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid #c6c4bd;font-size:14px}.wd-ledger-head img{width:100px;height:auto}.wd-ledger-head small{margin-left:auto;font-size:12px;color:#525652}.wd-ledger-title{display:flex;justify-content:space-between;gap:40px;padding:30px 0}.wd-ledger-title h3{font:500 clamp(28px,3.3vw,46px)/1.1 Manrope,sans-serif!important;color:#0B0D0E!important;margin:0 0 12px!important}.wd-ledger-title p{max-width:44ch;font-size:14px!important;color:#525652!important;margin:0!important}.wd-ledger-title dl{margin:0;display:flex;gap:30px}.wd-ledger-title dt{font-size:12px;color:#525652}.wd-ledger-title dd{font:600 30px/1.4 Manrope,sans-serif;margin:0}.wd-ledger-columns,.wd-person summary{display:grid;grid-template-columns:minmax(0,1fr) 110px 132px;gap:20px;align-items:center}.wd-ledger-columns{font-size:11px;color:#525652;padding:10px 0;border-bottom:1px solid #c6c4bd}.wd-person{border-bottom:1px solid #c6c4bd}.wd-person summary{padding:17px 0;cursor:pointer;min-height:60px;font-size:14px;list-style:none}.wd-person summary::-webkit-details-marker{display:none}.wd-person summary small{margin-left:18px;font-size:12px;color:#525652}.wd-person summary strong{font-size:16px;font-variant-numeric:tabular-nums}.wd-expand{font-size:12px;text-decoration:underline;text-underline-offset:4px}.wd-person[open] .wd-expand{color:#9b4619}.wd-calculation{background:#ebe8e1;padding:20px;margin-bottom:17px;border-radius:8px}.wd-calculation p{font-size:12px!important;color:#525652!important;margin:0 0 15px!important}.wd-calculation p:last-child{margin:14px 0 0!important}.wd-table-scroll{overflow:auto;scrollbar-color:#a6a69c #ebe8e1}.wd-calculation table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;text-align:left}.wd-calculation caption{text-align:left;font-weight:700;margin-bottom:10px}.wd-calculation th,.wd-calculation td{padding:10px 8px;border-bottom:1px solid #c6c4bd;white-space:nowrap}.wd-calculation th:last-child,.wd-calculation td:last-child{text-align:right}.wd-calculation tfoot{font-weight:700}.wd-ledger-note{font-size:12px!important;color:#525652!important;margin:22px 0 0!important} .wd-solva-logo{width:120px;height:auto;display:block}.wd-truth{font-size:14px!important;line-height:1.6!important;color:inherit}.wd-capture{margin:0;width:100%;min-width:0}.wd-capture picture{display:block;background:#211b15;border-radius:12px;overflow:hidden;box-shadow:0 20px 42px #0B0D0E1c}.wd-capture img{display:block;width:100%;height:auto;object-fit:contain!important}.wd-capture figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding-top:15px;line-height:1.5;color:#525652}.wd-capture figcaption a{color:#0B0D0E;text-underline-offset:4px}.wd-feature-copy{display:grid;grid-template-columns:1fr 1fr;gap:14px 50px;margin-top:30px;align-items:start}.wd-feature-copy h3{grid-row:span 3;font:500 clamp(28px,3vw,40px)/1.12 Manrope,sans-serif!important;margin:0!important}.wd-feature-copy p{font-size:16px!important;line-height:1.7!important;margin:0!important}.wd-feature-copy a{grid-column:2}.wd-example{background:#fffdfa;color:#0B0D0E;padding:36px;border-radius:12px}.wd-example-top{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #cfcec7;padding-bottom:22px;font-size:13px;align-items:center}.wd-example-top img{width:100px;height:auto}.wd-example h3{font:500 clamp(26px,3vw,40px)/1.12 Manrope,sans-serif!important;margin:28px 0 14px!important}.wd-example h4{font:600 20px/1.2 Manrope,sans-serif!important;margin:0 0 18px!important}.wd-campaign-flow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.wd-campaign-flow p{font-size:14px!important}.wd-campaign-flow ol{list-style:none;padding:0;counter-reset:none}.wd-campaign-flow li{padding:18px 0;border-top:1px solid #cfcec7;display:grid;gap:8px;font-size:14px}.wd-campaign-flow li span{color:#525652;font-size:13px}.wd-letter{background:#f5f2ec;padding:32px;border-radius:8px}.wd-letter>span,.wd-letter small{display:block;font-size:12px;color:#525652}.wd-letter h4{margin:24px 0 18px!important}.wd-letter p{line-height:1.8!important;font-size:15px!important}.wd-fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:26px}.wd-fleet-grid ul{list-style:none;padding:0;margin:0}.wd-fleet-grid li{border-top:1px solid #cfcec7;padding:18px 0;display:grid;gap:8px;font-size:15px}.wd-fleet-grid li span{font-size:13px;color:#525652}.wd-fleet-record{background:#f5f2ec;padding:26px;border-radius:8px}.wd-fleet-record dl>div{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #cfcec7;padding:15px 0;font-size:13px}.wd-fleet-record dd{margin:0}.wd-fleet-record p{font-size:12px!important;line-height:1.7!important}.wd-money-view{border-radius:12px;overflow:hidden}.wd-money-view img{width:100%;height:auto;display:block;object-fit:contain!important}body.sys-n main .wd-crm-intro{display:block;max-width:980px;margin-bottom:36px}body.sys-n main .wd-crm-intro .dl-copy{max-width:none}.wd-crm-capabilities .dl-pieces{display:grid!important;grid-template-columns:1fr 1fr!important;gap:36px}.wd-crm-capabilities .dl-piece{display:block!important}.wd-crm-capabilities .dl-piece-t{max-width:none!important}.wd-crm-capabilities .dl-pairtext{display:grid;gap:30px} .wd-writeup-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;max-width:960px;margin-inline:auto}.wd-writeup-layout h3{font:500 36px/1.15 Manrope,sans-serif!important}.wd-writeup-layout p{font-size:17px;line-height:1.7}.wd-writeup-layout .wd-phone{max-width:286px}body.sys-n main .wd-writeup-quote .chapter-grid{display:block}.wd-related-phone{display:flex;align-items:center;justify-content:center;background:#ebe8e1;padding:22px}.wd-related-phone img{display:block;width:auto;max-width:100%;height:320px;object-fit:contain!important} @media(max-width:800px){.wd-rooftop-pair{grid-template-columns:minmax(0,1fr) 24%;gap:15px}.wd-rooftop-pair .wd-phone-body{padding:4px;border-radius:14px}.wd-rooftop-pair .wd-phone-body img{border-radius:10px}.wd-ledger-title{gap:20px}.wd-ledger-title dl{display:block}.wd-ledger-title dl>div+div{margin-top:12px}.wd-feature-copy{gap:16px 25px}.wd-campaign-flow,.wd-fleet-grid{gap:24px}.wd-example{padding:26px}} @media(max-width:600px){body.sys-n main .wd-rooftop-console .pc-explanation{display:block}.wd-rooftop-pair{grid-template-columns:1fr;gap:28px}.wd-rooftop-pair .wd-phone{max-width:230px}.wd-rooftop-pair .wd-phone-body{padding:6px;border-radius:24px}.wd-rooftop-pair .wd-phone-body img{border-radius:18px}.wd-rooftop-pair .wd-phone figcaption{font-size:12px}.wd-ledger{padding:20px}.wd-ledger-head{flex-wrap:wrap;gap:12px}.wd-ledger-head small{margin-left:0;width:100%}.wd-ledger-title{display:block;padding:24px 0}.wd-ledger-title dl{display:flex;gap:30px;margin-top:22px}.wd-ledger-title dl>div+div{margin:0}.wd-ledger-title dd{font-size:25px}.wd-ledger-columns{display:none}.wd-person summary{grid-template-columns:minmax(0,1fr) 70px;gap:8px;font-size:13px}.wd-person summary small{display:block;margin:5px 0 0}.wd-expand{grid-column:1/-1}.wd-calculation{padding:14px;margin-inline:-5px}.wd-calculation table{min-width:420px}.wd-ledger-note{font-size:11px!important}body.sys-n main .dl-famparts .wd-payrun-piece .dl-piece-t{display:block}.wd-payrun-piece .dl-piece-t p{margin:15px 0!important}.wd-tabs label{padding:12px 13px;font-size:13px}.wd-capture picture{max-width:360px;margin-inline:auto}.wd-capture figcaption{display:grid;gap:8px}.wd-feature-copy{display:block}.wd-feature-copy h3{margin-bottom:16px!important}.wd-feature-copy p{margin-bottom:16px!important}.wd-campaign-flow,.wd-fleet-grid{grid-template-columns:1fr}.wd-example{padding:20px}.wd-example-top{font-size:11px;gap:12px}.wd-example-top img{width:80px}.wd-letter{padding:22px}.wd-fleet-record{padding:20px}.wd-feature-copy a{display:inline-block;margin-top:8px}.wd-crm-capabilities .dl-pieces{grid-template-columns:1fr!important}body.sys-n main .dl-famwu .dl-split,.wd-writeup-layout{grid-template-columns:1fr;gap:35px}.wd-writeup-layout .wd-phone,.dl-famwu .wd-phone{max-width:270px}.wd-writeup-layout h3{font-size:28px!important}.wd-writeup-layout p{font-size:16px}.wd-related-phone img{height:280px}}  body.sys-n:not(.page-index) main > section:is(.wi-construction,.wi-websites,.wi-outreach,.wi-crosslink,.wi-small-systems,.wi-handover,.wi-web-moment){padding-block:clamp(48px,6vw,88px);min-height:0} body.sys-n .wi-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:start;margin-bottom:36px} body.sys-n .wi-heading h2,body.sys-n .wi-web-moment h2{font-size:clamp(2rem,4.8vw,4.5rem);line-height:1.07;letter-spacing:-.035em;max-width:18ch;margin:0} body.sys-n .wi-heading p{max-width:55ch;margin:0 0 16px} body.sys-n .wi-status{font-size:.875rem;font-weight:600;color:var(--accent-ink)} body.sys-n .wi-product-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.2fr);gap:clamp(16px,3vw,40px);align-items:end;max-width:1160px;margin:0 auto 32px} body.sys-n .wi-product-pair figure{margin:0;min-width:0} body.sys-n .wi-product-pair img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 20px 45px -25px rgb(11 13 14 / .5)} body.sys-n .wi-phone img{border-radius:18px} body.sys-n .wi-product-pair figcaption,body.sys-n .wi-small-proof figcaption{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-top:12px} body.sys-n .wi-feature-lines{margin:0} body.sys-n .wi-feature-lines>div{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px} body.sys-n .wi-feature-lines dt{font-size:1.0625rem;font-weight:600} body.sys-n .wi-feature-lines dd{font-size:1rem;line-height:1.6;margin:0;color:var(--muted)} body.sys-n .wi-caption{font-size:.8125rem;line-height:1.55;color:var(--muted);display:block;margin-top:16px;max-width:75ch} body.sys-n .wi-sites{display:grid;grid-template-columns:minmax(0,1fr);gap:48px} body.sys-n .wi-site{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin:0;align-items:center} body.sys-n .wi-site:nth-child(2){grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)} body.sys-n .wi-site:nth-child(2) .wi-site-image{order:2} body.sys-n .wi-site-image{min-width:0;overflow:hidden;background:#e4ded2;box-shadow:0 24px 48px -32px rgb(11 13 14 / .5)} body.sys-n .wi-site-image img{display:block;width:100%;height:auto} body.sys-n .wi-site h3{font-size:clamp(1.5rem,2.1vw,2.2rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 14px} body.sys-n .wi-site figcaption p{font-size:1.0625rem;line-height:1.6;max-width:45ch} body.sys-n .wi-outreach-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px)} body.sys-n .wi-outreach h2,body.sys-n .wi-crosslink h2{font-size:clamp(2rem,3.7vw,3.7rem);letter-spacing:-.03em;line-height:1.1;margin:0 0 24px;max-width:20ch} body.sys-n .wi-outreach p{max-width:55ch} body.sys-n .wi-outreach .wi-feature-lines>div{grid-template-columns:minmax(0,1fr);gap:6px;padding-block:20px} body.sys-n .wi-outreach .wi-result{font-size:1.125rem;font-weight:600;margin:30px 0 8px} body.sys-n .wi-crosslink p{max-width:65ch} body.sys-n .wi-small-proof{margin:0} body.sys-n .wi-small-proof img{width:100%;height:auto;display:block} body.sys-n .wi-small-systems h3{margin:0 0 12px;font-size:1.5rem} body.sys-n .wi-small-systems h3:not(:first-child){margin-top:40px} body.sys-n .wi-work-websites{margin-top:64px;padding-top:48px;border-top:1px solid var(--line)} body.sys-n .wi-work-websites>.wi-heading h3{font-size:clamp(1.75rem,3vw,3rem);margin:0;letter-spacing:-.03em} body.sys-n .wi-work-websites .wi-sites{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px} body.sys-n .wi-work-websites .wi-site{display:block} body.sys-n .wi-work-websites .wi-site figcaption{margin-top:20px} body.sys-n .wi-work-websites .wi-site h3{font-size:1.25rem} body.sys-n .wi-work-websites .wi-site p{font-size:.9375rem} body.sys-n .wi-builder-copy{display:block} body.sys-n .wi-dealer-gallery{position:relative;min-width:0;margin-bottom:24px} body.sys-n .wi-radio{position:absolute;inline-size:1px;block-size:1px;opacity:0;top:0} body.sys-n .wi-dealer-choices{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);gap:0 28px;margin-bottom:30px} body.sys-n .wi-dealer-choices label{font-size:.9375rem;cursor:pointer;padding:14px 0;min-height:44px;border-bottom:2px solid transparent;color:var(--muted);font-weight:600} body.sys-n .wi-dealer-panel{display:none;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center} body.sys-n .wi-dealer-media{min-width:0} body.sys-n .wi-dealer-media>img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;object-position:left center} body.sys-n .wi-dealer-copy h3{font-size:clamp(1.75rem,2.6vw,2.5rem);letter-spacing:-.03em;line-height:1.15;margin:0 0 20px} body.sys-n .wi-crm-preview{background:#0B0D0E;color:#f5f2ec;padding:clamp(24px,4vw,48px);--muted:#cecac3;--line:#464c4c;--accent-ink:#ff9758} body.sys-n .wi-crm-preview h3{font-size:clamp(2rem,3.5vw,3.7rem);line-height:1.08;letter-spacing:-.03em;margin:20px 0 30px} body.sys-n :is(#wi-rooftop:checked~.wi-dealer-panels .wi-dealer-rooftop,#wi-writeup:checked~.wi-dealer-panels .wi-dealer-writeup,#wi-shotgun:checked~.wi-dealer-panels .wi-dealer-shotgun,#wi-crm:checked~.wi-dealer-panels .wi-dealer-crm){display:grid} body.sys-n :is(#wi-rooftop:checked~.wi-dealer-choices [for=wi-rooftop],#wi-writeup:checked~.wi-dealer-choices [for=wi-writeup],#wi-shotgun:checked~.wi-dealer-choices [for=wi-shotgun],#wi-crm:checked~.wi-dealer-choices [for=wi-crm]){color:var(--ink);border-color:var(--accent-ink)} body.sys-n :is(#wi-rooftop:focus-visible~.wi-dealer-choices [for=wi-rooftop],#wi-writeup:focus-visible~.wi-dealer-choices [for=wi-writeup],#wi-shotgun:focus-visible~.wi-dealer-choices [for=wi-shotgun],#wi-crm:focus-visible~.wi-dealer-choices [for=wi-crm]){outline:2px solid var(--accent-ink);outline-offset:4px} body.sys-n .wi-web-moment{position:relative;overflow:hidden;background:#0B0D0E} body.sys-n .wi-web-moment>.wrap{position:relative;z-index:1} body.sys-n .wi-web-moment::before{content:"";position:absolute;inset:-15% -30%;background:linear-gradient(105deg,transparent 38%,rgb(245 242 236 / .045) 45%,rgb(245 242 236 / .18) 49%,rgb(245 242 236 / .045) 53%,transparent 60%);pointer-events:none} body.sys-n .wi-web-moment p{margin-top:24px;max-width:50ch} body.sys-n .wi-web-window{width:min(960px,100%);margin:48px auto 0;box-shadow:0 28px 70px -38px rgb(0 0 0 / .8)} body.sys-n .wi-web-window img{display:block;width:100%;height:auto} @supports(animation-timeline:view()){html.alive body.sys-n .wi-web-moment::before{animation:wi-daylight linear both;animation-timeline:view();animation-range:entry 0% exit 100%}} @keyframes wi-daylight{from{translate:-15% 0;clip-path:inset(0 25% 0 0)}to{translate:15% 0;clip-path:inset(0 0 0 25%)}} @media(max-width:700px){body.sys-n :is(.wi-heading,.wi-outreach-grid,.wi-site,.wi-site:nth-child(2),.wi-dealer-panel){grid-template-columns:minmax(0,1fr)}body.sys-n .wi-site:nth-child(2) .wi-site-image{order:0}body.sys-n .wi-heading{gap:20px;margin-bottom:28px}body.sys-n .wi-product-pair{grid-template-columns:minmax(0,1fr) minmax(80px,.27fr);gap:12px}body.sys-n .wi-product-pair figcaption{font-size:.75rem}body.sys-n .wi-feature-lines>div{grid-template-columns:minmax(0,1fr);gap:6px}body.sys-n .wi-work-websites .wi-sites{grid-template-columns:minmax(0,1fr)}body.sys-n .wi-dealer-choices{gap:0 20px}body.sys-n .wi-dealer-choices label{font-size:.875rem}body.sys-n .wi-dealer-media>img{max-height:360px}body.sys-n .wi-site{gap:20px}body.sys-n .wi-sites{gap:40px}body.sys-n .wi-web-window{margin-top:32px}} @media(prefers-reduced-motion:reduce){html.alive body.sys-n .wi-web-moment::before{animation:none;translate:none;clip-path:none}} @media(max-width:700px){body.sys-n .wi-product-pair{grid-template-columns:minmax(0,1fr);gap:24px}body.sys-n .wi-product-pair .wi-phone{width:156px;justify-self:center}body.sys-n .wi-product-pair .wi-phone figcaption{max-width:none}}  body.sys-n.walkthrough-edition main > header.hero.ws-photo-opening { min-height:100svh!important;height:auto!important;display:flex!important;align-items:center; padding:clamp(132px,16vh,190px) 0 clamp(72px,10vh,128px)!important; background:#0b0d0e; } body.sys-n.walkthrough-edition main > header.hero.ws-photo-opening .hero-in { width:min(1320px,calc(100% - 112px));max-width:1320px;display:block!important; padding:0!important;margin-inline:auto;position:relative;z-index:3; } body.sys-n.walkthrough-edition .ws-photo-opening .hero-h {max-width:920px;font-size:clamp(56px,6.7vw,104px)!important;line-height:1.02;letter-spacing:-.055em} body.sys-n.walkthrough-edition .ws-photo-opening .sub {max-width:650px;margin:30px 0 0;font-size:clamp(18px,1.65vw,24px);line-height:1.55} body.sys-n.walkthrough-edition .ws-photo-opening .hero-actions {max-width:760px;margin-top:36px} body.sys-n.walkthrough-edition .ws-photo-opening .bleed {inset:0!important;height:100%!important;opacity:1!important;mask-image:none!important} body.sys-n.walkthrough-edition .ws-photo-opening .bleed img {height:100%!important;object-fit:cover;object-position:var(--ph-pos,50% 50%);filter:grayscale(1)!important;opacity:1!important;transform:none!important;animation:none!important} body.sys-n.walkthrough-edition .ws-photo-opening .scrim.b {background:linear-gradient(0deg,#0b0d0e 0%,rgb(11 13 14 / .6) 16%,transparent 64%,rgb(11 13 14 / .2))!important;opacity:1} body.sys-n.walkthrough-edition .ws-photo-opening .scrim.l {background:linear-gradient(90deg,rgb(11 13 14 / .77),rgb(11 13 14 / .48) 47%,rgb(11 13 14 / .13) 100%)!important;opacity:1} body.sys-n.walkthrough-edition .ws-photo-opening .sl2-ray::before {animation:none!important;opacity:.55} body.sys-n.walkthrough-edition .ws-photo-opening .sl2-ray {height:100%;top:0;left:var(--beam-x,55%);transform:translateX(-50%);opacity:.7} body.sys-n.walkthrough-edition .ws-photo-opening[data-light-direction="up"] .sl2-ray::before {background:radial-gradient(ellipse at 50% 100%,rgb(245 242 236 / .16),transparent 65%)} body.sys-n.walkthrough-edition .ws-photo-opening[data-light-direction="converge"] .sl2-ray::before {background:radial-gradient(ellipse at 50% 0%,rgb(245 242 236 / .12),transparent 55%),radial-gradient(ellipse at 50% 100%,rgb(245 242 236 / .12),transparent 55%)} @keyframes ws-light-down {from {opacity:0;transform:translate(-50%,-12%)}to{opacity:.7;transform:translate(-50%,0)}} @keyframes ws-light-up {from {opacity:0;transform:translate(-50%,12%)}to{opacity:.7;transform:translate(-50%,0)}} @keyframes ws-light-meet {from {opacity:0;transform:translateX(-50%) scaleY(1.18)}to{opacity:.7;transform:translateX(-50%) scaleY(1)}} @media(prefers-reduced-motion:no-preference){ body.sys-n.walkthrough-edition .ws-photo-opening.sl2-ready .sl2-ray {animation:ws-light-down 2400ms cubic-bezier(.16,1,.3,1) both!important} body.sys-n.walkthrough-edition .ws-photo-opening[data-light-direction="up"].sl2-ready .sl2-ray {animation-name:ws-light-up!important} body.sys-n.walkthrough-edition .ws-photo-opening[data-light-direction="converge"].sl2-ready .sl2-ray {animation-name:ws-light-meet!important} }  .walkthrough-edition .sl2-ground::before {animation:none!important} .walkthrough-edition .lx-motion-dock,.walkthrough-edition .solva-motion-control {display:none!important} .walkthrough-edition #lx-lights :is(.lx-device,.lx-phone,.lx-panel-window), .walkthrough-edition main :is(.dl-sheet,.aw-input,.dl-rise,.ow-rise,.sv-rise) {rotate:0deg!important;perspective:none!important} .walkthrough-edition #lx-lights .lx-door-photo {rotate:0deg!important;transform:translateY(-50%)!important} .walkthrough-edition #lx-lights .lx-tv .lx-grid {grid-template-columns:1fr!important;gap:32px} .walkthrough-edition #lx-lights .ws-tv-row {width:100%;max-width:none} .walkthrough-edition #lx-lights .ws-tv-row .ws-wall-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;aspect-ratio:auto;overflow:visible} .walkthrough-edition #lx-lights .ws-wall-screen {position:relative!important;opacity:1!important;transform:none!important;min-width:0;overflow:visible} .walkthrough-edition #lx-lights .ws-wall-screen img {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain} .ws-screen-label {display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding-top:12px;color:#cbd0cc} .walkthrough-edition #lx-lights .ws-tv-row .lx-tv-emitter {display:none} .walkthrough-edition #lx-lights .lx-mail-stage {width:100%;max-width:none} .ws-mail-pair {display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,22%);align-items:center;gap:clamp(24px,4vw,64px);margin-top:48px} .walkthrough-edition #lx-lights .ws-mail-desktop {width:100%;max-width:none;margin:0} .walkthrough-edition #lx-lights .ws-mail-desktop .lx-panel-window {aspect-ratio:8/5;max-height:none} .walkthrough-edition #lx-lights .ws-mail-desktop img {width:100%;height:auto;object-fit:contain} .ws-mail-phone {margin:0;max-width:260px;justify-self:center} .ws-phone-shell {border:7px solid #252925;border-radius:30px;overflow:hidden;box-shadow:0 20px 40px #0b0d0e24} .ws-phone-shell img {display:block;width:100%;height:auto} .ws-mail-phone figcaption {font-size:13px;line-height:1.5;color:#535956;margin-top:14px} body.sys-n.walkthrough-edition main>section.ws-closing {background:#0b0d0e!important;color:#f5f2ec!important;--ink:#f5f2ec;--muted:#c7ccc7;--line:#f5f2ec33;padding:64px 0!important;min-height:0!important;isolation:isolate} body.sys-n.walkthrough-edition .ws-closing::before,body.sys-n.walkthrough-edition .ws-closing::after, body.sys-n.walkthrough-edition .ws-closing :is(.scene-photo,.scrim,.sl2-ground) {display:none!important} .ws-closing :is(h2,p,b,summary,.text-link,.lead,.close-also,.close-assure) {color:#f5f2ec!important} .ws-closing .ws-close-mark {display:block;width:52px;height:57px;fill:#e16324;grid-column:1/-1;margin:0 0 8px} .ws-closing :is(.se-enquiry,.close-grid) {row-gap:20px} .ws-closing .close-grid {grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr)} .ws-closing h2 {font-size:clamp(36px,4.3vw,64px)!important;line-height:1.06} .ws-closing .close-assure {display:flex;flex-wrap:wrap;gap:10px 22px;font-size:13px} .ws-closing .close-assure span+span::before {display:none} body.sys-n.walkthrough-edition .ws-closing .founder-does {display:none!important} .ws-closing .founders {align-self:center} body.sys-n.walkthrough-edition .ws-closing .close-grid .founders {gap:24px;flex-wrap:wrap;} body.sys-n.walkthrough-edition .ws-closing .close-grid .founder {display:flex;align-items:center;gap:12px;max-width:none;} body.sys-n.walkthrough-edition .ws-closing .close-grid .founder img {width:40px!important;height:40px!important;margin:0!important;} body.sys-n.walkthrough-edition .ws-closing .close-grid .founder :is(b,span) {font-size:13px;line-height:1.5;} .ws-closing .button {color:#0b0d0e!important;background:#e16324!important} @media(max-width:900px){ body.sys-n.walkthrough-edition main > header.hero.ws-photo-opening {padding:130px 0 78px!important;min-height:100svh!important} body.sys-n.walkthrough-edition main > header.hero.ws-photo-opening .hero-in {width:calc(100% - 40px)} body.sys-n.walkthrough-edition .ws-photo-opening .hero-h {font-size:clamp(44px,9vw,72px)!important;max-width:700px} body.sys-n.walkthrough-edition .ws-photo-opening .sub {font-size:18px;margin-top:24px;max-width:550px} body.sys-n.walkthrough-edition .ws-photo-opening .scrim.l {background:linear-gradient(0deg,rgb(11 13 14 / .72),rgb(11 13 14 / .44) 60%,rgb(11 13 14 / .18))!important} body.sys-n.walkthrough-edition .ws-photo-opening .hero-actions {margin-top:28px;gap:12px} .ws-mail-pair {grid-template-columns:1fr;gap:30px;margin-top:32px} .ws-mail-phone {width:min(235px,72%)} .walkthrough-edition #lx-lights .ws-mail-desktop .lx-panel-window {aspect-ratio:8/5!important} .walkthrough-edition #lx-lights .ws-mail-desktop img {height:100%!important;object-fit:contain!important} .ws-closing .close-grid {grid-template-columns:1fr!important} body.sys-n.walkthrough-edition main>section.ws-closing {padding:44px 0!important} } @media(prefers-reduced-motion:reduce){body.sys-n.walkthrough-edition .ws-photo-opening .sl2-ray{animation:none!important}}  .walkthrough-edition .lx-hero.lx-breathing .lx-opening-breath {animation-iteration-count:1!important;animation-duration:4s!important} .walkthrough-edition #lx-lights.lx-running .lx-backdrop img,.walkthrough-edition #lx-lights.lx-running .lx-steady-photo img {animation:none!important} .walkthrough-edition .lx-hero .lx-phone-beam::before,.walkthrough-edition .lx-hero .lx-phone-beam::after,.walkthrough-edition .lx-hero .lx-phone-source {animation-iteration-count:1!important} @media(max-width:700px){ body.sys-n.walkthrough-edition main > section.wap .wap-pair .wap-phone {width:min(100%,286px)!important;max-width:286px!important} body.sys-n.walkthrough-edition main .wi-product-pair .wi-phone {width:min(100%,280px)!important;max-width:280px!important} .walkthrough-edition .ws-mail-phone {width:min(100%,280px);max-width:280px} } body.sys-n.walkthrough-edition main>.wi-handover {background:#f5f2ec!important;color:#0B0D0E} body.sys-n.walkthrough-edition main>.wi-handover::before,body.sys-n.walkthrough-edition main>.wi-handover::after {display:none!important} @media(max-width:700px){body.sys-n.walkthrough-edition main .wi-dealer-media{width:min(100%,300px);margin-inline:auto}body.sys-n.walkthrough-edition main .wi-dealer-media img{height:auto!important;aspect-ratio:auto!important;object-fit:contain}} body.sys-n.walkthrough-edition main > section.wap .wap-services > li{display:block;padding:0} .ws-ai-choice summary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) 24px;gap:24px;align-items:center;min-height:84px;cursor:pointer;list-style:none;padding:18px 0} .ws-ai-choice summary::-webkit-details-marker{display:none} .ws-ai-choice summary b{font-size:24px;font-weight:500;letter-spacing:-.03em} .ws-ai-choice summary span{font-size:16px;color:#535956} .ws-ai-choice summary::after{content:"+";font-size:24px;color:#a74112} .ws-ai-choice[open] summary::after{content:"−"} .ws-ai-choice>div{padding:0 0 24px 45%;max-width:none} .ws-ai-choice summary:focus-visible{outline:2px solid #e16324;outline-offset:4px} @media(max-width:700px){.ws-ai-choice summary{grid-template-columns:1fr 24px;gap:6px 14px;padding:18px 0}.ws-ai-choice summary b{font-size:23px}.ws-ai-choice summary span{font-size:14px;grid-column:1;grid-row:2}.ws-ai-choice summary::after{grid-column:2;grid-row:1/3}.ws-ai-choice>div{padding-left:0}}  .walkthrough-edition #lx-lights .lx-mail-stage {margin-top:28px} .ws-mail-example {border-top:1px solid #53595655;border-bottom:1px solid #53595655} .ws-mail-example summary {cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;min-height:56px;font-size:17px;padding:14px 0} .ws-mail-example summary::-webkit-details-marker {display:none} .ws-mail-example summary::after {content:"+";color:#a74112;font-size:24px} .ws-mail-example[open] summary::after {content:"−"} .ws-mail-example summary:focus-visible {outline:2px solid #e16324;outline-offset:4px} .walkthrough-edition #lx-lights .ws-mail-example .lx-lane {border:0} .walkthrough-edition #lx-lights .ws-mail-example .lx-email {border:0;padding:12px 0;min-height:0} .walkthrough-edition #lx-lights .ws-mail-example .lx-lane h3 {padding:12px 0;font-size:16px} .walkthrough-edition #lx-lights .ws-mail-example .lx-lanes {margin-bottom:20px} @media(max-width:700px){.ws-mail-phone{order:-1}.ws-mail-pair{gap:24px}}  .walkthrough-edition #lx-lights .ws-mail-desktop .lx-panel-window picture {display:block;width:100%;height:100%;aspect-ratio:8/5} .walkthrough-edition #lx-lights .ws-mail-desktop .lx-panel-window img {width:100%!important;height:100%!important;aspect-ratio:8/5!important;object-fit:contain!important}  body.sys-n footer.footer {background:#fff;color:#0B0D0E;border-top:1px solid #0B0D0E33;color-scheme:light;--ink:#0B0D0E;--muted:#535956;--line:#0B0D0E33;} body.sys-n footer.footer :is(p,.legal) {color:#535956;} body.sys-n footer.footer .legal {border-color:#0B0D0E33;} body.sys-n footer.footer>svg.watermark {display:none;} @media(max-width:700px){ body.sys-n footer.footer {padding-top:32px;padding-bottom:20px;} body.sys-n footer.footer .footer-grid {gap:20px;} body.sys-n footer.footer .footer-grid>div:first-child>p {margin-top:8px;} body.sys-n footer.footer .footer-grid>div:first-child>p.foot-where {margin-top:10px;} body.sys-n footer.footer .legal {margin-top:20px;padding-top:16px;} }  body.sys-n.walkthrough-edition #lx-lights .ws-mail-desktop .lx-device { border-radius:4px!important;overflow:visible!important; } body.sys-n.walkthrough-edition #lx-lights .ws-mail-desktop .lx-panel-window { border-radius:0;overflow:visible; }  body.sys-n main :is(.lx-device.lx-phone,.lx-device.lx-phone-frame,.lx-steady-phone,.dl-frame.dl-phone,.co-frame.co-phone,.sv-frame.sv-phone,.ow-frame.ow-phone,.pc-phone-display,.wd-phone-body,.wap-device.wap-phone,.ap-phone) { --device-radius:22px; padding:10px!important;border-radius:var(--device-radius)!important;overflow:hidden!important; } body.sys-n main :is(.lx-phone,.lx-phone-frame,.lx-steady-phone,.dl-phone,.co-phone,.sv-phone,.ow-phone,.pc-phone-display,.wd-phone-body,.wap-phone,.ap-phone) img { border-radius:max(0px,calc(var(--device-radius) - 10px))!important;object-fit:contain!important; } body.sys-n main :is(.dl-frame.dl-phone,.ow-frame.ow-phone) {--device-radius:24px} body.sys-n main .lx-steady-phone {--device-radius:26px} body.sys-n main .pc-phone-display {--device-radius:27px} body.sys-n main .wd-phone-body {--device-radius:25px} body.sys-n main .wap-device.wap-phone {--device-radius:20px} body.sys-n main .ap-phone {--device-radius:18px;background:#252925} body.sys-n main .co-stage.co-stage-two > .co-phone {--device-radius:16px} body.sys-n main .ws-phone-shell {--device-radius:30px;border-width:10px;border-radius:var(--device-radius);overflow:hidden} body.sys-n main .ws-phone-shell img {border-radius:calc(var(--device-radius) - 10px)} @media(max-width:900px){body.sys-n main .lx-steady-phone {--device-radius:20px}} @media(max-width:760px){ body.sys-n main .sv-duo > .sv-phone {--device-radius:14px} body.sys-n main .ap-phone {--device-radius:12px} } @media(max-width:700px){body.sys-n main .wap-device.wap-phone {--device-radius:16px}} @media(max-width:600px){ body.sys-n main .wd-phone-body {--device-radius:24px} body.sys-n main .wd-money-view {overflow:hidden!important} body.sys-n main .wd-money-view > picture > img {border-radius:14px!important} body.sys-n main .fs-gallery .wd-capture picture {padding:10px!important;border-radius:24px!important;overflow:hidden!important} body.sys-n main .fs-gallery .wd-capture picture img {border-radius:14px!important} } @media(max-width:560px){body.sys-n main .co-frame.co-phone {--device-radius:14px}} body.sys-n main :is(.wap-device.wap-desk,.wd-capture picture) {padding:6px!important;border-radius:6px!important;overflow:visible!important} body.sys-n main .wi-phone img {padding:10px;background:#252925;border-radius:22px!important} body.sys-n #lx-lights .lx-steady-phone img {filter:none;object-fit:contain!important}  body.sys-n main :is(.co-thumb,.co-prod .co-frame,.co-strip-item:not(.co-strip-phone) .co-frame) > img { object-fit:contain!important;object-position:center!important;transform:none!important; } @media(max-width:360px){  body.sys-n #lx-lights .lx-steady-photo {min-height:300px} body.sys-n #lx-lights .lx-steady-photo > img {height:300px;aspect-ratio:auto;object-fit:cover} } body.sys-n main :is(.lx-device,.dl-frame,.co-frame,.sv-frame,.ow-frame,.ai-frame).cycle > img { object-fit:contain!important; } body.sys-n main :is(.dl-phone,.co-phone,.sv-phone,.ow-phone).cycle > img + img { left:10px!important;top:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important; }  body.sys-n main .co-stage:has(>.co-over):not(.co-stage-two) { display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,22%); gap:clamp(16px,2vw,28px);align-items:center;padding:0!important; } body.sys-n main .co-stage:has(>.co-over):not(.co-stage-two) > .co-over { position:static!important;width:100%!important;min-width:0; }  body.sys-n main .dl-duo-tile:has(>.dl-phone:only-child) > .dl-phone { position:relative!important;inset:auto!important;width:min(100%,190px)!important; margin:0 auto 20px!important; } body.sys-n main :is(.dl-related .dl-duo:has(>.dl-phone:not(:only-child)),.ow-proof .ow-duo) { display:grid;grid-template-columns:minmax(0,1fr) minmax(84px,24%); gap:24px;align-items:center;padding:0!important; } body.sys-n main :is(.dl-related .dl-duo,.ow-proof .ow-duo) > :is(.dl-phone,.ow-phone) { position:static!important;width:100%!important;margin:0!important; }  body.sys-n main .ow-proof .ow-duo .ow-crop {aspect-ratio:auto!important} body.sys-n main .ow-proof .ow-duo .ow-crop img {width:100%!important;transform:none!important;object-fit:contain!important} @media(max-width:700px){ body.sys-n main .dl-related .dl-tiles:has(.dl-duo-tile > .dl-phone:only-child) {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px} body.sys-n main .co-stage:has(>.co-over):not(.co-stage-two) {grid-template-columns:1fr;gap:24px} body.sys-n main .co-stage:has(>.co-over):not(.co-stage-two) > .co-over {width:min(100%,240px)!important;justify-self:center} body.sys-n main .dl-duo-tile:has(>.dl-phone:only-child) > .dl-phone {width:min(100%,220px)!important} body.sys-n main :is(.dl-related .dl-duo:has(>.dl-phone:not(:only-child)),.ow-proof .ow-duo) {grid-template-columns:1fr} body.sys-n main :is(.dl-related .dl-duo,.ow-proof .ow-duo) > :is(.dl-phone,.ow-phone) {width:min(100%,240px)!important;justify-self:center} }  body.sys-n main > section.pps-showcase, body.sys-n main > section.pps-home-story, body.sys-n main > section.pps-family-story { min-height:0; height:auto; padding-block:clamp(36px,5vw,72px); } body.sys-n main .pps-showcase .pps-showcase-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(28px,5vw,72px); min-height:0; } body.sys-n main .pps-showcase .pps-showcase-copy {max-width:520px; min-width:0} body.sys-n main .pps-showcase .pps-showcase-copy h2 {margin-bottom:18px} body.sys-n main .pps-showcase .pps-showcase-copy > p {max-width:47ch} body.sys-n main .pps-showcase .pps-scope {color:#BAC1B8; font-size:13px; line-height:1.6; margin-top:20px} body.sys-n main .pps-showcase.paper .pps-scope {color:#555D58} body.sys-n main .pps-home-story .lx-grid, body.sys-n main .pps-family-story .dl-split {align-items:center; min-height:0; height:auto} body.sys-n main .pps-home-story .lx-grid > .pps-story, body.sys-n main .pps-family-story .dl-split > .pps-story {width:100%; min-width:0; margin:0 auto} body.sys-n main .dl-tile > .pps-story.pps-compact {width:100%; max-width:340px; margin:0 auto} body.sys-n main .wi-dealer-panel > .pps-story.pps-compact {width:100%; max-width:340px; flex:none; margin:0 auto} @media(max-width:760px) { body.sys-n main .pps-showcase .pps-showcase-grid {grid-template-columns:minmax(0,1fr); gap:22px} body.sys-n main > section.pps-showcase, body.sys-n main > section.pps-home-story, body.sys-n main > section.pps-family-story {padding-block:36px} body.sys-n main > section.pps-showcase {padding-block:34px} } body.sys-n main .pps-story.pps-story { --pps-ink:#0B0D0E; --pps-paper:#F5F2EC; --pps-ember:#E16324; --pps-muted:#A6ACA8; --pps-line:#D8D3CA; position:relative; display:block; width:100%; max-width:620px; min-width:0; margin:0 auto; padding:0; color:var(--pps-paper); font-family:Manrope,sans-serif; text-align:center; isolation:isolate; container-type:inline-size; } body.sys-n main .pps-story.pps-story *, body.sys-n main .pps-story.pps-story *::before, body.sys-n main .pps-story.pps-story *::after {box-sizing:border-box} body.sys-n main .pps-story .pps-stage { position:relative; display:block; width:100%; height:246px; min-height:0; margin:0; padding:0; overflow:visible; background:transparent; border:0; } body.sys-n main .pps-story .pps-art { position:absolute; width:300px; height:232px; top:7px; left:50%; margin:0; padding:0; transform:translateX(-50%); transform-origin:50% 50%; } body.sys-n main .pps-story .pps-controls { display:none; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; width:min(100%,440px); margin:0 auto; padding:0; } body.sys-n main .pps-story.pps-shotgun .pps-controls {grid-template-columns:repeat(4,minmax(0,1fr)); width:min(100%,460px)} body.sys-n main .pps-story[data-pps-ready] .pps-controls {display:grid} body.sys-n main .pps-story .pps-choice { appearance:none; display:flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; height:auto; margin:0; padding:6px 5px; border:1px solid #555C59; border-radius:4px; background:#0B0D0E; color:#F5F2EC; font:600 13px/1.3 Manrope,sans-serif; letter-spacing:0; text-transform:none; text-decoration:none; box-shadow:none; white-space:normal; cursor:pointer; transition:background .18s ease,border-color .18s ease,color .18s ease; } body.sys-n main .pps-story .pps-choice:hover {border-color:#F5F2EC} body.sys-n main .pps-story .pps-choice[aria-pressed="true"] {background:#F5F2EC; color:#0B0D0E; border-color:#F5F2EC} body.sys-n main .pps-story .pps-choice:focus-visible {outline:2px solid #E16324; outline-offset:3px} body.sys-n main .pps-story .pps-benefit { display:block; max-width:440px; min-height:38px; margin:12px auto 0; padding:0 5px; color:#F5F2EC; font:500 13px/1.45 Manrope,sans-serif; letter-spacing:0; text-wrap:balance; } body.sys-n main .paper .pps-story .pps-benefit {color:#0B0D0E} body.sys-n main .paper .pps-story .pps-choice {background:#F5F2EC; color:#0B0D0E; border-color:#8B918A} body.sys-n main .paper .pps-story .pps-choice:hover {border-color:#0B0D0E} body.sys-n main .paper .pps-story .pps-choice[aria-pressed="true"] {background:#0B0D0E; color:#F5F2EC; border-color:#0B0D0E} body.sys-n main .paper .pps-story .pps-custody-label {color:#555D58} body.sys-n main .paper .pps-story .pps-tag-hole {background:#F5F2EC}  body.sys-n main .pps-story .pps-deal {position:absolute; width:222px; height:205px; left:39px; top:20px; transform:rotate(-4deg)} body.sys-n main .pps-story .pps-jacket-back { position:absolute; inset:19px 0 0; border:1px solid #ABA294; border-radius:4px 4px 6px 6px; background:#CFC5B4; box-shadow:0 14px 24px #0003; } body.sys-n main .pps-story .pps-jacket-tab { position:absolute; top:-19px; right:0; width:95px; height:25px; padding:6px 9px; background:#CFC5B4; border:1px solid #ABA294; border-bottom:0; border-radius:4px 4px 0 0; color:#343B38; font:600 9px/1 Manrope,sans-serif; text-align:right; } body.sys-n main .pps-story .pps-paper { position:absolute; top:5px; left:14px; width:194px; height:185px; padding:18px 16px; background:#F5F2EC; border:1px solid #E5E0D7; color:#0B0D0E; box-shadow:0 2px 7px #0002; transform:translateY(0) rotate(1deg); transition:transform .5s cubic-bezier(.2,.7,.2,1); } body.sys-n main .pps-story .pps-paper-brand {display:block; margin:0 0 10px; color:#A73C12; font:700 10px/1 Manrope,sans-serif; text-align:left} body.sys-n main .pps-story .pps-document-title {display:block; margin:0; color:#0B0D0E; font:700 16px/1.25 Manrope,sans-serif; letter-spacing:-.5px; text-align:left} body.sys-n main .pps-story .pps-paper-rule {display:block; height:1px; margin:11px 0; background:#C9C4BB} body.sys-n main .pps-story .pps-paper-lines {display:grid; gap:7px; width:100%; margin:0} body.sys-n main .pps-story .pps-paper-lines i {display:block; height:3px; width:88%; background:#D8D3CA; border-radius:1px} body.sys-n main .pps-story .pps-paper-lines i:nth-child(2) {width:64%} body.sys-n main .pps-story .pps-paper-lines i:nth-child(3) {width:76%} body.sys-n main .pps-story .pps-jacket-pocket { position:absolute; inset:136px 0 0; border:1px solid #A99E8B; border-radius:0 0 5px 5px; background:#DCD2C1; clip-path:polygon(0 0,45% 0,54% 10px,100% 10px,100% 100%,0 100%); box-shadow:0 -2px 5px #0001; padding:31px 16px 0; color:#4B514B; } body.sys-n main .pps-story .pps-jacket-pocket span {display:block; font:600 10px/1.2 Manrope,sans-serif; text-align:left} body.sys-n main .pps-story .pps-jacket-pocket i {position:absolute; top:20px; right:13px; width:22px; height:2px; background:#A99E8B} body.sys-n main .pps-story .pps-review-mark { position:absolute; display:flex; align-items:center; gap:5px; left:16px; bottom:33px; color:#A73C12; opacity:0; transform:translateY(5px); transition:opacity .25s ease,transform .4s ease; } body.sys-n main .pps-story .pps-review-symbol {position:relative; display:grid; place-items:center; width:19px; height:19px; border:1px solid #A73C12; border-radius:50%; font:700 12px/1 Manrope,sans-serif} body.sys-n main .pps-story .pps-review-text {font:600 9px/1.1 Manrope,sans-serif} body.sys-n main .pps-story .pps-paper-clip {position:absolute; top:8px; right:22px; width:13px; height:31px; border:2px solid #E16324; border-radius:7px; transform:rotate(7deg); transition:transform .4s ease} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-paper {transform:translateY(-17px) rotate(1deg)} body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-paper {transform:translateY(-26px) rotate(1deg)} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-review-mark, body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-review-mark {opacity:1; transform:translateY(0)} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-review-symbol {color:transparent} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-review-symbol::after {content:""; width:5px; height:5px; border-radius:50%; background:#A73C12; position:absolute} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-paper-clip {transform:translateY(-10px) rotate(7deg)} body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-paper-clip {transform:translateY(-17px) rotate(7deg)}  body.sys-n main .pps-story .pps-key-desk {position:absolute; width:300px; height:225px; left:0; top:3px} body.sys-n main .pps-story .pps-key-set {position:absolute; width:117px; height:184px; top:4px; left:68px; z-index:3; filter:drop-shadow(1px 4px 3px #0002); transform:rotate(-8deg); transition:transform .55s cubic-bezier(.2,.7,.2,1),left .55s cubic-bezier(.2,.7,.2,1),top .55s cubic-bezier(.2,.7,.2,1),opacity .3s ease} body.sys-n main .pps-story .pps-key-ring {position:absolute; width:42px; height:42px; top:6px; left:30px; z-index:4; border:3px solid #AFB4B0; border-radius:50%; box-shadow:inset 0 0 0 1px #ECEEE8,0 0 0 1px #505653; transform:rotate(20deg)} body.sys-n main .pps-story .pps-key-ring::after {content:""; position:absolute; inset:1px -1px -1px 1px; border:1px solid #5C625E; border-radius:50%} body.sys-n main .pps-story .pps-key-fob {position:absolute; top:30px; left:72px; width:34px; height:57px; background:#303734; border:1px solid #747D75; border-radius:11px 11px 13px 13px; transform:rotate(-22deg); z-index:1; box-shadow:2px 4px 6px #0003} body.sys-n main .pps-story .pps-key-fob::before {content:""; position:absolute; width:9px; height:9px; top:3px; left:12px; border:2px solid #969E96; border-radius:50%} body.sys-n main .pps-story .pps-key-fob i {position:absolute; top:22px; left:8px; width:16px; height:8px; border:1px solid #677169; border-radius:2px} body.sys-n main .pps-story .pps-key-fob i + i {top:36px} body.sys-n main .pps-story .pps-key-tag {position:absolute; top:29px; left:0; width:98px; height:153px; padding:42px 13px 12px; background:#F5F2EC; color:#0B0D0E; clip-path:polygon(15px 0,83px 0,98px 15px,98px 100%,0 100%,0 15px); border-radius:0 0 3px 3px; box-shadow:1px 5px 7px #0002} body.sys-n main .pps-story .pps-tag-hole {position:absolute; top:12px; left:40px; width:16px; height:16px; border:2px solid #BDB7AB; border-radius:50%; background:#0B0D0E; box-shadow:0 1px 1px #0002} body.sys-n main .pps-story .pps-tag-brand {display:block; margin:0 0 10px; color:#A73C12; font:700 9px/1 Manrope,sans-serif; text-align:left} body.sys-n main .pps-story .pps-tag-label, body.sys-n main .pps-story .pps-tag-secondary-label {display:block; font:700 17px/1.15 Manrope,sans-serif; letter-spacing:-.5px; text-align:left; color:#0B0D0E} body.sys-n main .pps-story .pps-tag-rule {display:block; width:100%; height:1px; margin:13px 0 9px; background:#D2CDC2} body.sys-n main .pps-story .pps-tag-purpose {display:block; color:#666C65; font:500 9px/1 Manrope,sans-serif; text-align:left} body.sys-n main .pps-story .pps-key-set-secondary {left:164px; top:23px; opacity:0; transform:rotate(8deg) translateY(9px); z-index:2; visibility:hidden} body.sys-n main .pps-story .pps-key-set-secondary .pps-key-tag {background:#E16324; color:#0B0D0E} body.sys-n main .pps-story .pps-key-set-secondary .pps-tag-brand, body.sys-n main .pps-story .pps-key-set-secondary .pps-tag-purpose {color:#0B0D0E} body.sys-n main .pps-story .pps-key-set-secondary .pps-tag-rule {background:#0B0D0E55} body.sys-n main .pps-story .pps-key-set-secondary .pps-tag-hole {border-color:#A73C12} body.sys-n main .pps-story .pps-return-slot {position:absolute; left:31px; top:118px; width:238px; height:76px; z-index:0; border:1px solid #5C655C; border-radius:3px; background:#222925; opacity:0; transform:translateY(8px); transition:opacity .3s ease,transform .5s ease} body.sys-n main .pps-story .pps-return-slot span {position:absolute; bottom:12px; left:15px; color:#C4CBC3; font:600 10px/1 Manrope,sans-serif} body.sys-n main .pps-story .pps-return-slot i {position:absolute; top:20px; left:13px; right:13px; height:5px; border-radius:3px; background:#0E1210; box-shadow:0 1px 0 #788274} body.sys-n main .pps-story .pps-handover-packet {position:absolute; left:28px; top:63px; width:244px; height:138px; z-index:0; background:#D3C9B7; border:1px solid #B0A590; border-radius:3px; transform:rotate(4deg) translateY(8px); opacity:0; transition:opacity .3s ease,transform .5s ease} body.sys-n main .pps-story .pps-handover-packet::after {content:""; position:absolute; left:0; right:0; top:0; height:58px; border-bottom:1px solid #B0A590; clip-path:polygon(0 0,100% 0,50% 100%); background:#E4DBCA} body.sys-n main .pps-story .pps-handover-packet span {position:absolute; bottom:19px; right:17px; color:#4F554B; font:600 11px/1 Manrope,sans-serif} body.sys-n main .pps-story .pps-custody-label {position:absolute; left:61px; bottom:4px; width:150px; color:#BAC1B8; font:500 10px/1.2 Manrope,sans-serif; text-align:center; transition:opacity .3s ease} body.sys-n main .pps-shotgun[data-pps-state="loan"] .pps-key-set {left:145px; top:6px; transform:rotate(7deg) scale(.91)} body.sys-n main .pps-shotgun[data-pps-state="loan"] .pps-return-slot {opacity:1; transform:translateY(0)} body.sys-n main .pps-shotgun[data-pps-state="trade"] .pps-key-set {left:46px; top:3px; transform:rotate(-7deg)} body.sys-n main .pps-shotgun[data-pps-state="trade"] .pps-key-set-secondary {left:164px; top:22px; opacity:1; visibility:visible; transform:rotate(8deg) translateY(0)} body.sys-n main .pps-shotgun[data-pps-state="handover"] .pps-key-set {left:52px; top:5px; transform:rotate(-13deg) scale(.91)} body.sys-n main .pps-shotgun[data-pps-state="handover"] .pps-handover-packet {opacity:1; transform:rotate(4deg) translateY(0)} body.sys-n main .pps-shotgun:not([data-pps-state="drive"]) .pps-custody-label {opacity:0}  body.sys-n main .pps-story[data-pps-entered] .pps-jacket-back {animation:pps-material .65s cubic-bezier(.16,1,.3,1) both} body.sys-n main .pps-story[data-pps-entered] .pps-paper {animation:pps-material .7s cubic-bezier(.16,1,.3,1) .1s both} body.sys-n main .pps-story[data-pps-entered] .pps-paper-clip {animation:pps-turn .65s cubic-bezier(.16,1,.3,1) .2s both} body.sys-n main .pps-story[data-pps-entered] .pps-key-tag {animation:pps-material .7s cubic-bezier(.16,1,.3,1) both} body.sys-n main .pps-story[data-pps-entered] .pps-key-ring {animation:pps-turn .75s cubic-bezier(.16,1,.3,1) .08s both} body.sys-n main .pps-story[data-pps-entered] .pps-key-fob {animation:pps-turn .85s cubic-bezier(.16,1,.3,1) .14s both} @keyframes pps-material {from {translate:0 12px} to {translate:0 0}} @keyframes pps-turn {from {rotate:12deg; translate:0 4px} to {rotate:0deg; translate:0 0}} body.sys-n main .pps-story.pps-compact .pps-stage {height:192px} body.sys-n main .pps-story.pps-compact .pps-art {top:-13px; transform:translateX(-50%) scale(.8)} body.sys-n main .pps-story.pps-compact .pps-benefit {font-size:11px; line-height:1.4; min-height:31px; margin:4px auto 0; max-width:270px} @container (max-width:380px) { body.sys-n main .pps-story:not(.pps-compact) .pps-stage {height:224px} body.sys-n main .pps-story:not(.pps-compact) .pps-art {top:-2px; transform:translateX(-50%) scale(.91)} body.sys-n main .pps-story .pps-choice {font-size:12px; padding:5px 3px} body.sys-n main .pps-story .pps-benefit {font-size:12px; margin-top:10px} } @container (max-width:260px) { body.sys-n main .pps-story.pps-compact .pps-stage {height:172px} body.sys-n main .pps-story.pps-compact .pps-art {top:-22px; transform:translateX(-50%) scale(.7)} } @container (max-width:300px) { body.sys-n main .pps-story:not(.pps-compact) .pps-art {transform:translateX(-50%) scale(.8)} body.sys-n main .pps-story:not(.pps-compact) .pps-stage {height:205px} } @container (max-width:190px) { body.sys-n main .pps-story.pps-compact .pps-art {top:-58px; transform:translateX(-50%) scale(.42)} body.sys-n main .pps-story.pps-compact .pps-stage {height:116px} } body.sys-n main .pps-shotgun[data-pps-state="handover"] .pps-tag-label {font-size:14px; white-space:nowrap}  body.sys-n main .pps-story .pps-deal {width:246px; left:27px} body.sys-n main .pps-story .pps-paper {width:214px; left:16px} body.sys-n main .pps-story .pps-key-set {scale:1.12; transform-origin:50% 50%} body.sys-n main .pps-story .pps-stage::before { content:""; position:absolute; width:min(210px,70%); height:3px; left:50%; bottom:14px; transform:translateX(-50%); border-radius:50%; background:#0002; box-shadow:0 6px 13px 6px #0002; pointer-events:none; } body.sys-n main .paper .pps-story .pps-stage::before {background:#0B0D0E14; box-shadow:0 6px 13px 6px #0B0D0E14} body.sys-n main .pps-story .pps-controls { --pps-tabs:3; position:relative; gap:0; border-bottom:1px solid #555C59; } body.sys-n main .pps-story.pps-shotgun .pps-controls {--pps-tabs:4} body.sys-n main .pps-story .pps-controls::after { content:""; position:absolute; bottom:-1px; left:calc(var(--pps-active,0) * 100% / var(--pps-tabs)); width:calc(100% / var(--pps-tabs)); height:2px; background:#E16324; transition:left .38s cubic-bezier(.16,1,.3,1); pointer-events:none; } body.sys-n main .pps-story .pps-choice, body.sys-n main .paper .pps-story .pps-choice { border:0; border-radius:0; background:transparent; color:#BAC1B8; } body.sys-n main .pps-story .pps-choice:hover, body.sys-n main .pps-story .pps-choice[aria-pressed="true"] {background:transparent; color:#F5F2EC; border:0} body.sys-n main .paper .pps-story .pps-choice {color:#555D58} body.sys-n main .paper .pps-story .pps-choice:hover, body.sys-n main .paper .pps-story .pps-choice[aria-pressed="true"] {background:transparent; color:#0B0D0E; border:0} body.sys-n main .pps-story .pps-choice[aria-pressed="true"] {font-weight:700} body.sys-n main .pps-showcase .pps-eyebrow {font:600 12px/1.4 Manrope,sans-serif; letter-spacing:.14em; text-transform:uppercase; margin:0 0 14px}  body.sys-n #lx-lights .pps-story .pps-choice {font:600 13px/1.3 Manrope,sans-serif; padding:6px 5px} body.sys-n #lx-lights .lx-day .pps-home-story.pps-home-story {min-height:0; padding-block:52px} body.sys-n #lx-lights #lx-shotgun.pps-home-story .lx-backdrop img {filter:brightness(.45)} @media(max-width:700px) { body.sys-n #lx-lights .pps-story .pps-choice {font-size:12px; padding:5px 3px} body.sys-n #lx-lights .lx-day .pps-home-story.pps-home-story {padding-block:40px} } @media (prefers-reduced-motion:reduce) { body.sys-n main .pps-story.pps-story *, body.sys-n main .pps-story.pps-story *::before, body.sys-n main .pps-story.pps-story *::after {animation:none!important; transition:none!important} } html[data-solva-motion="paused"] body.sys-n main .pps-story.pps-story *, html[data-solva-motion="paused"] body.sys-n main .pps-story.pps-story *::before, html[data-solva-motion="paused"] body.sys-n main .pps-story.pps-story *::after, body.sys-n.solva-motion-paused main .pps-story.pps-story *, body.sys-n.solva-motion-paused main .pps-story.pps-story *::before, body.sys-n.solva-motion-paused main .pps-story.pps-story *::after {animation:none!important; transition:none!important}  body.sys-n main .pps-story .pps-art {width:340px} body.sys-n main .pps-story .pps-stage::before {display:none} body.sys-n main .pps-story .pps-surface {position:absolute;left:10px;top:180px;width:320px;height:38px;border:1px solid #617067;border-radius:50% / 28%;background:linear-gradient(175deg,#435149 0%,#2d3832 55%,#1a221d 57%);box-shadow:0 13px 13px -8px #0008,inset 0 1px #b1bbb560} body.sys-n main .pps-story .pps-surface i {position:absolute;left:23px;bottom:10px;width:24px;height:2px;background:#788b7b;opacity:.65} body.sys-n main .pps-story .pps-surface i:nth-child(2) {left:52px;width:5px;background:#e16324} body.sys-n main .pps-story .pps-surface i:nth-child(3) {left:auto;right:23px;width:17px} body.sys-n main .pps-story .pps-deal {width:190px;height:190px;left:34px;top:19px;z-index:5;transform:rotate(-7deg);transition:transform .65s cubic-bezier(.16,1,.3,1)} body.sys-n main .pps-story .pps-jacket-back {background:linear-gradient(130deg,#536156,#303f35);border-color:#718173;box-shadow:5px 10px 11px -5px #0008,inset 0 1px #9caa9855} body.sys-n main .pps-story .pps-jacket-tab {background:#4b5a4e;border-color:#718173;color:#e0e5dc;font-size:8px;width:100px} body.sys-n main .pps-story .pps-paper {width:164px;height:166px;left:13px;padding:17px 13px;background:linear-gradient(120deg,#fffefa,#eee9df);box-shadow:0 1px 0 1px #bcb6aa,0 3px 0 #eee8da,0 4px 0 #aba394,3px 8px 9px #0003} body.sys-n main .pps-story .pps-document-title {font-size:16px;line-height:1.2;max-width:130px} body.sys-n main .pps-story .pps-paper-lines {gap:6px} body.sys-n main .pps-story .pps-signature {display:block;width:39px;height:9px;margin-top:13px;border-bottom:1px solid #716959;transform:skewY(-9deg);border-radius:50%} body.sys-n main .pps-story .pps-jacket-pocket {inset:132px 0 0;padding:29px 13px 0;background:linear-gradient(150deg,#536357,#344239);border-color:#718173;box-shadow:0 -3px 7px #0002;color:#e3e8df} body.sys-n main .pps-story .pps-jacket-pocket i {background:#99ad92} body.sys-n main .pps-story .pps-paper-clip {right:22px;top:9px;border-color:#d77d47;box-shadow:inset 1px 0 #f7cba5,1px 1px 1px #0003} body.sys-n main .pps-story .pps-manager-folio {position:absolute;left:189px;top:32px;width:137px;height:166px;padding:14px 11px;border:1px solid #687970;border-left:5px solid #bc652f;border-radius:3px 7px 7px 3px;background:linear-gradient(135deg,#35463c,#202c25);box-shadow:5px 9px 10px -4px #0009,inset 0 1px #8a9d8660;transform:rotate(6deg);transform-origin:50% 90%;z-index:4;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .5s,opacity .4s;opacity:.85} body.sys-n main .pps-story .pps-manager-role {display:block;color:#d8e2d3;font:600 8px/1.2 Manrope,sans-serif;text-align:left;margin-bottom:11px;letter-spacing:.05em} body.sys-n main .pps-story .pps-manager-paper {position:relative;height:116px;background:linear-gradient(125deg,#faf8f2,#e8e4d9);padding:15px 10px;color:#0B0D0E;box-shadow:0 2px #c8c2b3,0 3px #efebe2} body.sys-n main .pps-story .pps-manager-title {display:block;max-width:80px;text-align:left;font:700 15px/1.2 Manrope,sans-serif;letter-spacing:-.03em} body.sys-n main .pps-story .pps-manager-lines {display:grid;gap:5px;margin-top:15px} body.sys-n main .pps-story .pps-manager-lines i {display:block;height:2px;background:#c9c5b9;width:100%} body.sys-n main .pps-story .pps-manager-lines i:nth-child(2) {width:75%} body.sys-n main .pps-story .pps-manager-lines i:nth-child(3) {width:88%} body.sys-n main .pps-story .pps-manager-seal {position:absolute;right:8px;bottom:9px;width:24px;height:24px;border:1px solid #49745c;border-radius:50%;display:grid;place-items:center;color:#315c43;font:700 14px Manrope,sans-serif;opacity:0;transform:scale(.7) rotate(-20deg);transition:transform .4s .15s,opacity .3s .15s} body.sys-n main .pps-story .pps-manager-clasp {position:absolute;right:-5px;top:101px;width:27px;height:15px;border-radius:3px;background:linear-gradient(#ef9a5b,#b95121);box-shadow:0 1px #f5bd85,0 3px 5px #0005;transform:translateX(13px) rotateY(65deg);transform-origin:right;transition:transform .45s .15s} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-deal,body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-deal {transform:translate(-15px,3px) rotate(-10deg) scale(.97)} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-paper,body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-paper {transform:rotate(1deg)} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-paper-clip,body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-paper-clip {transform:rotate(7deg)} body.sys-n main .pps-writeup[data-pps-state="review"] .pps-manager-folio {opacity:1;z-index:6;transform:translate(-5px,-14px) rotate(-2deg);box-shadow:7px 18px 15px -6px #0009} body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-manager-folio {opacity:1;z-index:6;transform:translate(-5px,1px) rotate(-2deg)} body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-manager-seal {opacity:1;transform:scale(1) rotate(-8deg)} body.sys-n main .pps-writeup[data-pps-state="approval"] .pps-manager-clasp {transform:translateX(0) rotateY(0)} body.sys-n main .pps-story .pps-key-desk {left:20px} body.sys-n main .pps-story .pps-key-desk::before {content:"";position:absolute;left:17px;top:37px;width:271px;height:152px;border-radius:23px;border:1px solid #6c7f71;background:linear-gradient(140deg,#4a5a4d,#25362b);box-shadow:inset 0 0 0 7px #3e4c42,inset 0 0 0 8px #73837055,inset 0 8px 18px #07140e66,4px 9px 10px #0005;transform:rotate(-3deg)} body.sys-n main .pps-story .pps-key-desk::after {content:"";position:absolute;left:42px;top:64px;width:218px;height:91px;border:1px solid #8ba18266;border-top-color:transparent;border-radius:35px;transform:rotate(-3deg);pointer-events:none} body.sys-n main .pps-story .pps-return-slot {left:27px;top:149px;width:246px;height:45px;opacity:1;transform:none;background:linear-gradient(170deg,#445348,#28372d);border-color:#788a77;border-radius:5px;box-shadow:0 4px 5px #0005} body.sys-n main .pps-story .pps-return-slot i {top:11px;height:4px;box-shadow:0 1px #899a7e} body.sys-n main .pps-story .pps-return-slot span {bottom:8px;font-size:8px;color:#d4ddd0} body.sys-n main .pps-story .pps-key-set {scale:1.02;filter:drop-shadow(5px 9px 4px #0005);transition:transform .7s cubic-bezier(.16,1,.3,1),left .7s cubic-bezier(.16,1,.3,1),top .7s cubic-bezier(.16,1,.3,1),opacity .3s} body.sys-n main .pps-story .pps-key-tag {background:linear-gradient(125deg,#fffef8,#e3dece);box-shadow:inset 0 -2px #b4ab98} body.sys-n main .pps-story .pps-key-ring {border-color:#b8c1b6;box-shadow:inset 1px 1px #fafaf0,1px 2px 0 #323c34,2px 4px 3px #0005} body.sys-n main .pps-story .pps-key-fob {background:linear-gradient(125deg,#6a766b 0%,#26352b 36%,#17241b 80%);border-color:#a0aa98;box-shadow:inset 0 1px #cad0be88,3px 5px 5px #0006} body.sys-n main .pps-story .pps-key-fob i {border-color:#93a083;box-shadow:inset 0 -2px #07130c66} body.sys-n main .pps-story.pps-shotgun .pps-custody-label {left:75px;bottom:13px;color:#f5f2ec} body.sys-n main .pps-shotgun[data-pps-state="loan"] .pps-key-set {transform:rotate(15deg) scale(.91)} body.sys-n main .pps-story .pps-handover-packet {left:30px;top:76px;width:242px;height:122px;background:linear-gradient(145deg,#e6dcc8,#bcb199);box-shadow:3px 5px 8px #0005} body.sys-n main .pps-story .pps-key-set-secondary .pps-key-tag {background:linear-gradient(135deg,#f6a460,#d66b2e)} @container(max-width:340px){ body.sys-n main .pps-story:not(.pps-compact) .pps-art, body.sys-n #lx-lights .nh-floor-pair .pps-story .pps-art, body.sys-n.dealer-editorial main .de-products .pps-story .pps-art {transform:translateX(-50%) scale(.74)} }  body.sys-n .db-ecosystem {border-top:1px solid #bfc3b9; margin-top:36px; padding-top:30px} body.sys-n .db-ecosystem > h2 {font-size:clamp(28px,3vw,42px); margin-bottom:22px} body.sys-n .db-mailroom {margin:22px 0 0; font-size:14px; line-height:1.7; color:#555d58} body.sys-n .db-mailroom a {color:#0B0D0E; text-decoration:underline; text-underline-offset:4px} body.sys-n main .dl-famparts .db-payrun-balanced.db-payrun-balanced:first-child {display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; align-items:center} body.sys-n .db-payrun-balanced .wd-payfigure {width:100%!important; max-width:620px!important; margin:0!important} body.sys-n .db-payrun-balanced .dl-piece-t {display:block!important; max-width:38ch} body.sys-n .db-pay-slip {padding:24px; background:#f5f2ec; color:#0B0D0E; border:1px solid #dedfd7; box-shadow:0 20px 45px #0002} body.sys-n .db-pay-header {display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:20px; border-bottom:1px solid #d5d8ce; font-size:12px} body.sys-n .db-pay-header img {width:80px; height:auto} body.sys-n .db-pay-person {margin:24px 0!important; font-size:19px} body.sys-n main .dl-famparts .db-pay-slip p {color:#0B0D0E!important} body.sys-n .db-pay-person span {display:block; font-size:13px; color:#59625c; margin-top:5px} body.sys-n .db-pay-total {display:flex; justify-content:space-between; align-items:baseline; gap:16px; font-size:13px} body.sys-n .db-pay-total strong {font-size:clamp(30px,3vw,42px); font-weight:500; letter-spacing:-.04em} body.sys-n .db-pay-track {display:flex; gap:6px; margin:18px 0 24px} body.sys-n .db-pay-track i {height:3px; background:#e16324; flex:1} body.sys-n .db-pay-calculation {border-top:1px solid #d5d8ce; font-size:13px} body.sys-n .db-pay-calculation summary {display:flex; justify-content:space-between; padding:15px 0; cursor:pointer; min-height:44px; align-items:center; list-style:none} body.sys-n .db-pay-calculation summary::-webkit-details-marker {display:none} body.sys-n .db-pay-calculation summary span {color:#b5440e; font-size:20px; transition:transform .25s} body.sys-n .db-pay-calculation[open] summary span {transform:rotate(45deg)} body.sys-n .db-pay-calculation p {font-size:13px; margin:8px 0 12px; line-height:1.6} body.sys-n .db-rooftop-breadth {padding-block:70px!important} body.sys-n .db-breadth-art.db-breadth-art {height:auto; min-height:0; display:block} body.sys-n .db-breadth-list {display:grid; grid-template-columns:1fr 1fr; column-gap:24px} body.sys-n .db-breadth-list a {display:block; padding:15px 0; border-top:1px solid #ffffff30; text-decoration:none; min-width:0} body.sys-n .db-breadth-list b {display:block; font-size:18px; font-weight:500; line-height:1.4} body.sys-n .db-breadth-list span {display:block; font-size:13px; line-height:1.6; color:#c4c8c1; margin-top:6px} body.sys-n .db-breadth-list small {font-size:10px; color:#f7a26c; white-space:nowrap; margin-left:5px} body.sys-n .db-related-line {font-size:13px; line-height:1.8; margin:20px 0 0; color:#c4c8c1} body.sys-n .db-related-line a {text-decoration:underline; text-underline-offset:4px} body.sys-n .db-breadth-list a:focus-visible, body.sys-n .db-pay-calculation summary:focus-visible {outline:2px solid #e16324; outline-offset:4px} @media(max-width:700px) { body.sys-n main .dl-famparts .db-payrun-balanced.db-payrun-balanced:first-child {grid-template-columns:minmax(0,1fr); gap:22px} body.sys-n .db-payrun-balanced .dl-piece-t {grid-row:1} body.sys-n main .db-payrun-balanced .dl-piece-t p {font-size:16px!important; line-height:1.65!important} body.sys-n .db-payrun-balanced .wd-payfigure {grid-row:2} body.sys-n .db-pay-slip {padding:20px} body.sys-n .db-rooftop-breadth {padding-block:20px!important} body.sys-n main .db-rooftop-breadth .chapter-grid {gap:24px!important} body.sys-n main .db-rooftop-breadth .chapter-copy h2 {margin:0 0 18px!important} body.sys-n main .db-rooftop-breadth .lead {font-size:16px!important; line-height:1.6!important; margin:0 0 16px!important} body.sys-n main .db-rooftop-breadth .text-link {margin-top:0!important} body.sys-n .db-breadth-list {column-gap:18px} body.sys-n .db-breadth-list a {padding:10px 0; min-height:44px} body.sys-n .db-breadth-list b {font-size:16px} body.sys-n .db-breadth-list span {display:none} body.sys-n .db-breadth-list small {display:block; margin:4px 0 0} body.sys-n .db-ecosystem {margin-top:24px; padding-top:24px} } @media(prefers-reduced-motion:reduce) {body.sys-n .db-pay-calculation summary span {transition:none}} html[data-solva-motion="paused"] body.sys-n .db-pay-calculation summary span {transition:none}  body.sys-n main .wd-money-view {padding:6px;background:#323633;border-radius:4px;overflow:visible} body.sys-n main .wd-money-view picture {display:block} body.sys-n main .wd-money-view img {border-radius:0} @media(max-width:600px){ body.sys-n main .wd-money-view {max-width:280px;margin-inline:auto;padding:10px;border-radius:24px} } #lx-lights .ai-workshop {width:100%;max-width:560px;margin:24px 0 0;position:relative} #lx-lights .ai-workshop-stage {position:relative;width:100%;aspect-ratio:8/5;isolation:isolate} #lx-lights .ai-workshop-stage canvas,#lx-lights .ai-workshop-poster {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain} #lx-lights .ai-workshop-stage canvas {opacity:0} #lx-lights .ai-workshop[data-ready="true"] canvas {opacity:1} #lx-lights .ai-workshop[data-ready="true"] .ai-workshop-poster {visibility:hidden} #lx-lights .ai-workshop-caption {display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding-top:4px;border-top:1px solid #f5f2ec38} #lx-lights .ai-workshop-steps {display:flex;gap:24px;font:500 12px/1.5 Manrope,sans-serif;color:#c4c8c1} #lx-lights .ai-workshop-steps span {position:relative;padding-block:13px} #lx-lights .ai-workshop-steps span::before {content:"";position:absolute;top:-5px;left:0;width:100%;height:2px;background:#e16324;transform:scaleX(0);transform-origin:left;transition:transform .3s ease} #lx-lights .ai-workshop[data-step="read"] [data-step-label="read"],#lx-lights .ai-workshop[data-step="connect"] [data-step-label="connect"],#lx-lights .ai-workshop[data-step="build"] [data-step-label="build"] {color:#f5f2ec} #lx-lights .ai-workshop[data-step="read"] [data-step-label="read"]::before,#lx-lights .ai-workshop[data-step="connect"] [data-step-label="connect"]::before,#lx-lights .ai-workshop[data-step="build"] [data-step-label="build"]::before {transform:scaleX(1)} #lx-lights .ai-workshop button {display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0 8px 12px;background:none;border:0;color:#f5f2ec;cursor:pointer;font:500 12px/1.4 Manrope,sans-serif} #lx-lights .ai-workshop button[hidden] {display:none} #lx-lights .ai-workshop button svg {width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6} #lx-lights .ai-workshop button:focus-visible {outline:2px solid #e16324;outline-offset:4px} #lx-lights .ai-workshop button:disabled {opacity:.7;cursor:default} @media(max-width:700px){#lx-lights .ai-workshop{margin-top:22px}#lx-lights .ai-workshop-steps{gap:18px}} @media(prefers-reduced-motion:reduce){#lx-lights .ai-workshop-steps span::before{transition:none}} html[data-solva-motion="paused"] #lx-lights .ai-workshop-steps span::before{transition:none}  #lx-lights .ai-workshop-caption{position:relative;border-top:0;padding:6px 0 0;gap:16px} #lx-lights .ai-workshop-caption::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:#f5f2ec26} #lx-lights .ai-workshop-caption::after{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#e16324 0%,#e16324 34%,#79cabc 100%);transform:scaleX(var(--workshop-progress,1));transform-origin:left} #lx-lights .ai-workshop-steps{gap:20px;counter-reset:workshop} #lx-lights .ai-workshop-steps span{display:flex;align-items:center;gap:6px;padding-block:10px;color:#a9b4af} #lx-lights .ai-workshop-steps span::before{position:static;width:auto;height:auto;background:none;transform:none;counter-increment:workshop;content:"0" counter(workshop);font-size:9px;color:#8eaaa4;transition:color .2s} #lx-lights .ai-workshop[data-step="read"] [data-step-label="read"]::before{color:#ef874c} #lx-lights .ai-workshop[data-step="connect"] [data-step-label="connect"]::before,#lx-lights .ai-workshop[data-step="build"] [data-step-label="build"]::before{color:#8bd6c9} #lx-lights .ai-workshop button{padding:8px 11px;border:1px solid #f5f2ec38;border-radius:7px;min-width:78px;justify-content:center} #lx-lights .ai-workshop button:hover{background:#f5f2ec0d;border-color:#8bd6c9} #lx-lights .ai-workshop button svg{width:13px;height:13px;stroke-width:2} #lx-lights .ai-workshop[data-playing="false"] button svg{fill:currentColor;stroke-width:1} @media(max-width:380px){#lx-lights .ai-workshop-steps{gap:12px}#lx-lights .ai-workshop-caption{gap:10px}#lx-lights .ai-workshop button{min-width:72px;padding-inline:8px}}  body.sys-n main .fs-gallery .wd-capture {margin:0} body.sys-n main .fs-gallery .wd-capture img {border-radius:0} body.sys-n main .fs-gallery .wd-capture picture {display:block} body.sys-n main .fs-notes .sv-notes2 {grid-template-columns:minmax(0,1fr)} body.sys-n main .fs-builder-pair {margin-top:32px} body.sys-n main .fs-freshness .sv-measures {display:block;max-width:620px;margin:32px 0} body.sys-n main .fs-freshness .sv-measures figure {margin:0} body.sys-n main .fs-site-example {display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(24px,5vw,72px);align-items:center} body.sys-n main .fs-site-example h2 {font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.1;letter-spacing:-.03em} body.sys-n main .fs-site-example .wd-panel>img {display:block;width:100%;height:auto;border-radius:0} body.sys-n main .fs-reply-example {max-width:440px;margin:0 auto} body.sys-n main .fs-reply-example img {display:block;width:100%;height:auto;border-radius:0;box-shadow:0 20px 44px -28px rgb(0 0 0 / .65)} body.sys-n main .fs-reply-example figcaption {font-size:.8125rem;line-height:1.55;color:var(--muted);margin-top:16px} body.sys-n main .fs-worked-example .co-ex-grid {display:block;max-width:900px} body.sys-n main .fs-worked-example .co-ex-copy {max-width:none} body.sys-n main :is(.wd-panel,.wi-dealer-panel) {animation:fs-view-arrive 220ms cubic-bezier(.16,1,.3,1) both} @keyframes fs-view-arrive {from{transform:translateY(8px);opacity:.94}to{transform:none;opacity:1}} @media(max-width:700px){body.sys-n main .fs-site-example {grid-template-columns:minmax(0,1fr)}body.sys-n main .fs-reply-example {max-width:330px}} @media(max-width:600px){body.sys-n main .fs-gallery .wd-capture picture {padding:10px;background:#323633;border-radius:24px;overflow:visible;max-width:280px;margin-inline:auto}} @media(prefers-reduced-motion:reduce){body.sys-n main :is(.wd-panel,.wi-dealer-panel){animation:none}}  body.sys-n .fp-founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:0;min-width:0;width:100%;} body.sys-n .fp-person{min-width:0;margin:0;} body.sys-n .fp-person img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:1/1.12;object-fit:cover;object-position:50% 42%;border-radius:0;margin:0;filter:grayscale(1);} body.sys-n .fp-person:first-child img{object-position:50% 38%;} body.sys-n .fp-person figcaption{display:grid;gap:5px;border-top:1px solid #f5f2ec38;padding-top:12px;margin:14px 0 0;color:#f5f2ec;} body.sys-n .fp-person b{font-size:15px;font-weight:500;line-height:1.3;} body.sys-n .fp-person figcaption span{color:#c7ccc7;font-size:12px;line-height:1.4;}  body.sys-n.walkthrough-edition main>section.fp-close{padding-block:52px!important;} body.sys-n.walkthrough-edition .fp-close .fp-invite-grid{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(260px,.72fr)!important;align-items:center;gap:20px 64px;min-height:0!important;} body.sys-n .fp-close .ws-close-mark{display:none!important;} body.sys-n .fp-close .fp-founders{max-width:320px;justify-self:end;align-self:center;} body.sys-n .fp-close .fp-person img{height:auto;aspect-ratio:1/1.12;} body.sys-n .fp-close .fp-person figcaption{margin-top:10px;padding-top:10px;} body.sys-n .fp-close h2{font-size:clamp(32px,3.6vw,52px)!important;line-height:1.08!important;max-width:19ch;margin:0 0 18px!important;} body.sys-n .fp-close .lead{font-size:16px!important;line-height:1.55!important;max-width:49ch;margin:0 0 22px!important;} body.sys-n .fp-close .actions{margin:0!important;} body.sys-n .fp-close .close-also{font-size:13px;margin:22px 0 0;} body.sys-n .fp-close .close-assure{margin:16px 0 0;gap:8px 18px;font-size:12px;} body.sys-n .fp-close .se-assurance{grid-column:1/-1;margin-top:0;}  body.sys-n main>header.hero.fp-about{background:#0b0d0e!important;min-height:0!important;padding:124px 0 58px!important;overflow:hidden;} body.sys-n .fp-about::before,body.sys-n .fp-about::after,body.sys-n .fp-about :is(.sl2-ground,.sl2-ray,.sl2-catch,.hero-light,.scrim){display:none!important;} body.sys-n main .fp-about .hero-in{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;max-width:1280px;} body.sys-n .fp-about .hero-h{font-size:clamp(44px,5.4vw,76px)!important;line-height:1.02!important;letter-spacing:-.04em!important;max-width:8.4ch;margin:0!important;} body.sys-n .fp-about .sub{max-width:42ch;font-size:17px!important;line-height:1.65;margin:28px 0 0!important;} body.sys-n .fp-about .hero-actions{margin-top:30px!important;gap:14px;} body.sys-n .fp-about .fp-founders{max-width:560px;justify-self:end;} body.sys-n .fp-about .fp-person img{height:auto;aspect-ratio:1/1.18;} body.sys-n .fp-about .fp-person figcaption{padding-top:13px;margin-top:16px;} @media(max-width:900px){ body.sys-n.walkthrough-edition .fp-close .fp-invite-grid{gap:24px 32px;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr)!important;} body.sys-n main .fp-about .hero-in{gap:32px;} body.sys-n .fp-about .hero-actions{flex-wrap:wrap;} } @media(max-width:700px){ body.sys-n.walkthrough-edition main>section.fp-close{padding-block:32px!important;} body.sys-n.walkthrough-edition .fp-close .fp-invite-grid{grid-template-columns:minmax(0,1fr)!important;gap:24px;} body.sys-n .fp-close .fp-founders{max-width:280px;justify-self:start;} body.sys-n .fp-close .fp-person img{aspect-ratio:1.35;} body.sys-n .fp-close .fp-person b{font-size:13px;} body.sys-n .fp-close .fp-person figcaption{margin-top:8px;padding-top:8px;} body.sys-n .fp-close .lead{margin-bottom:18px!important;} body.sys-n .fp-close .close-assure{gap:6px 18px;} body.sys-n .fp-close .se-assurance{margin-top:-8px;} body.sys-n main>header.hero.fp-about{padding:108px 0 38px!important;} body.sys-n main .fp-about .hero-in{grid-template-columns:minmax(0,1fr);gap:28px;} body.sys-n .fp-about .hero-h{font-size:clamp(40px,10vw,58px)!important;max-width:13ch;} body.sys-n .fp-about .sub{font-size:16px!important;line-height:1.55;margin-top:20px!important;} body.sys-n .fp-about .hero-actions{margin-top:22px!important;} body.sys-n .fp-about .fp-founders{max-width:none;} body.sys-n .fp-about .fp-person img{aspect-ratio:1;} body.sys-n .fp-about .fp-person b{font-size:14px;} body.sys-n .fp-about .fp-person figcaption{margin-top:12px;padding-top:10px;} body.sys-n .fp-about .fp-person figcaption span{font-size:11px;} }  body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening h1.hero-h.hero-h { font-size:clamp(64px,6.25vw,92px)!important;line-height:1.02!important; letter-spacing:-.04em;font-weight:500;max-width:16ch;text-wrap:balance; } body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening .hero-h .ln, body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening .hero-h .ln > * { font:inherit;line-height:inherit;overflow:visible;padding:0;margin:0; } body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening .hero-h .studio-product-name { font-size:.65em;line-height:1.25;color:#f5f2ec; } body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening.studio-long-title h1.hero-h.hero-h {font-size:clamp(64px,5.83vw,84px)!important;max-width:20ch} body.sys-n.walkthrough-edition main > header.studio-opening .sub {font-size:18px;line-height:1.5;max-width:42ch;margin-top:24px} body.sys-n.walkthrough-edition main > header.studio-opening .hero-actions {margin-top:28px} body.sys-n.walkthrough-edition main > header.studio-opening.ws-photo-opening .scrim.l { background:linear-gradient(90deg,rgb(11 13 14 / .85),rgb(11 13 14 / .74) 35%,rgb(11 13 14 / .60) 65%,rgb(11 13 14 / .08) 90%,rgb(11 13 14 / .04))!important; } body.sys-n.walkthrough-edition main > header.studio-opening.ws-photo-opening .scrim.b { background:linear-gradient(0deg,#0b0d0e,rgb(11 13 14 / .3) 18%,transparent 45%)!important; } body.sys-n.walkthrough-edition:is([data-solva-family="read"],[data-solva-family="utility"]) main > header.hero.hero h1.hero-h.hero-h { font-size:clamp(34px,3.6vw,52px)!important;line-height:1.12;max-width:24ch; }  body.sys-n.walkthrough-edition :is(header.hero,section.dark) + section.paper::before {content:none!important;animation:none!important} body.sys-n.walkthrough-edition .wd-choice:focus-visible ~ .wd-tabs, body.sys-n.walkthrough-edition .pc-choice:focus-visible ~ .pc-tabs {outline:none} body.sys-n.walkthrough-edition .wd-selector:has(.wd-choice:nth-of-type(1):focus-visible) .wd-tabs label:nth-child(1), body.sys-n.walkthrough-edition .wd-selector:has(.wd-choice:nth-of-type(2):focus-visible) .wd-tabs label:nth-child(2), body.sys-n.walkthrough-edition .wd-selector:has(.wd-choice:nth-of-type(3):focus-visible) .wd-tabs label:nth-child(3), body.sys-n.walkthrough-edition .wd-selector:has(.wd-choice:nth-of-type(4):focus-visible) .wd-tabs label:nth-child(4), body.sys-n.walkthrough-edition .pc-console:has(.pc-choice:nth-of-type(1):focus-visible) .pc-tabs label:nth-child(1), body.sys-n.walkthrough-edition .pc-console:has(.pc-choice:nth-of-type(2):focus-visible) .pc-tabs label:nth-child(2), body.sys-n.walkthrough-edition .pc-console:has(.pc-choice:nth-of-type(3):focus-visible) .pc-tabs label:nth-child(3), body.sys-n.walkthrough-edition .pc-console:has(.pc-choice:nth-of-type(4):focus-visible) .pc-tabs label:nth-child(4) {outline:2px solid #e16324;outline-offset:3px}  .studio-inspect-row {position:relative;padding-right:52px!important} button.studio-inspect-trigger {position:absolute;right:0;top:0;z-index:1;display:grid;place-items:center;min-width:44px;min-height:44px;padding:9px;background:#0b0d0e;color:#f5f2ec;border:1px solid #f5f2ec55;border-radius:8px;cursor:pointer;box-shadow:0 4px 12px #0b0d0e30} button.studio-inspect-trigger[hidden] {display:none} .studio-inspect-trigger svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5} .studio-inspect-trigger:focus-visible,.studio-inspect-dialog button:focus-visible {outline:3px solid #e16324;outline-offset:3px} .studio-inspect-dialog {box-sizing:border-box;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:12px;background:#151a18;color:#f5f2ec;box-shadow:0 24px 70px #0008} .studio-inspect-dialog::backdrop {background:rgb(11 13 14 / .92)} .studio-inspect-dialog[open] {display:flex;flex-direction:column} .studio-inspect-toolbar {display:flex;align-items:center;gap:8px;padding:12px 16px;flex:none;border-bottom:1px solid #f5f2ec22} .studio-inspect-toolbar h2 {flex:1;min-width:0;font:500 14px/1.3 Manrope,sans-serif;letter-spacing:0;margin:0} .studio-inspect-modes {display:flex;gap:6px;flex:none} .studio-inspect-toolbar button {min-height:44px;padding:8px 12px;background:transparent;color:inherit;border:1px solid #f5f2ec44;border-radius:6px;font:500 14px/1 Manrope,sans-serif;cursor:pointer} .studio-inspect-toolbar button[aria-pressed="true"] {background:#f5f2ec;color:#0b0d0e;border-color:#f5f2ec} .studio-inspect-stage {flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:16px;overscroll-behavior:contain} .studio-inspect-dialog .studio-inspect-image {display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0;filter:none;box-shadow:0 12px 28px #0003} .studio-inspect-dialog[data-inspect-mode="actual"] .studio-inspect-stage {display:block} .studio-inspect-dialog[data-inspect-mode="actual"] .studio-inspect-image {width:var(--inspect-natural-width);height:auto;max-width:none;max-height:none} .studio-inspect-dialog .studio-inspect-image[hidden] {display:none} .studio-inspect-status {flex:none;margin:0;padding:8px 16px 12px;color:#cbd0cc;font:400 12px/1.5 Manrope,sans-serif} .studio-inspect-stage.is-panning {cursor:grabbing} .studio-inspect-dialog[data-inspect-mode="actual"] .studio-inspect-stage {cursor:grab} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band {background:#0B0D0E!important;padding-block:56px!important;min-height:0!important} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band::before, body.sys-n.walkthrough-edition main > section.studio-interval.sv-band::after {display:none!important} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band > .wrap {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band h2 {font-size:44px;line-height:1.12;max-width:16ch;margin:0} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band .sv-probs {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band .sv-probs li {border-top:1px solid #f5f2ec33;padding-top:16px} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band .sv-probs h3 {font-size:18px;line-height:1.35} body.sys-n.walkthrough-edition :is(.sv-notes-sec,.co-g,.co-read) :is(h2,h3) {font-weight:600} html:has(.studio-inspect-dialog[open]) {overflow:hidden} @media(max-width:900px) { body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening {min-height:min(740px,100svh)!important;padding:120px 0 64px!important} body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening h1.hero-h.hero-h {font-size:clamp(36px,10.8vw,44px)!important;line-height:1.04!important;max-width:19ch} body.sys-n.walkthrough-edition main > header.studio-opening.hero.ws-photo-opening.studio-long-title h1.hero-h.hero-h {font-size:clamp(34px,10.25vw,40px)!important;max-width:23ch} body.sys-n.walkthrough-edition main > header.studio-opening .sub {font-size:16px;line-height:1.5;margin-top:20px;max-width:42ch} body.sys-n.walkthrough-edition main > header.studio-opening .hero-actions {margin-top:24px} body.sys-n.walkthrough-edition main > header.studio-opening.ws-photo-opening .hero-in {background:none!important} body.sys-n.walkthrough-edition main > header.studio-opening.ws-photo-opening .scrim.l {background:linear-gradient(180deg,rgb(11 13 14 / .18),rgb(11 13 14 / .4) 20%,rgb(11 13 14 / .70) 45%,rgb(11 13 14 / .78) 75%,rgb(11 13 14 / .84))!important} body.sys-n.walkthrough-edition:is([data-solva-family="read"],[data-solva-family="utility"]) main > header.hero.hero h1.hero-h.hero-h {font-size:34px!important;line-height:1.12} .studio-inspect-dialog {width:calc(100vw - 12px);height:calc(100dvh - 12px)} .studio-inspect-toolbar {padding:8px;gap:6px} .studio-inspect-toolbar h2 {font-size:12px} .studio-inspect-toolbar button {padding:8px} .studio-inspect-stage {padding:8px} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band {padding-block:36px!important} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band > .wrap {grid-template-columns:minmax(0,1fr);gap:24px} body.sys-n.walkthrough-edition main > section.studio-interval.sv-band h2 {font-size:32px;max-width:22ch} } body.sys-n.walkthrough-edition main .pc-console:has(.pc-choice:focus-visible) .pc-tabs {outline:none} body.sys-n.walkthrough-edition main .pc-console:has(.pc-choice[value="4"]:focus-visible) .pc-tabs label:nth-child(5) {outline:2px solid #e16324;outline-offset:3px}  body.sys-n main img.studio-current-steady {aspect-ratio:1260 / 780!important;width:100%;height:auto!important;object-fit:contain!important;filter:none}  body.sys-n main .lx-screen-foot.studio-inspect-row {padding-right:0!important} body.sys-n main .lx-screen-foot button.studio-inspect-trigger {position:static;flex:none}  body.sys-n main .lx-role-field .pc-load-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}  body.sys-n main .studio-inspect-row {max-width:none!important} body.sys-n main .studio-inspect-row:has(>button[hidden]) {padding-right:0!important}  img[data-media-src] { visibility: hidden; }  body.sys-n main>section.sr-about-facts{padding-block:24px!important;min-height:0!important;} body.sys-n main .sr-about-facts .co-card{padding:0!important;margin:0;min-height:0!important;} body.sys-n main .sr-about-facts .co-factgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr) minmax(0,1.1fr)!important;gap:16px 24px!important;align-items:start;} body.sys-n main .sr-about-facts .co-fact{padding:0!important;grid-column:auto;min-height:0!important;} body.sys-n main .sr-about-facts .co-fact dt{font-size:11px;line-height:1.4;letter-spacing:.12em;} body.sys-n main .sr-about-facts .co-fact dd{display:block!important;margin:8px 0 0;gap:0;font-size:14px!important;line-height:1.5;} body.sys-n:not(.page-index) main>section.sr-about-facts .co-fact dd .text-link{min-height:32px;padding:4px 0;font-size:14px;line-height:1.5;} body.sys-n main .sr-about-facts .xlinks{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px!important;padding-top:12px;} body.sys-n main .sr-about-facts .xlinks .text-link{font-size:13px;} body.sys-n main .sr-rooftop-console .pc-panel{gap:16px;align-items:start;} body.sys-n main .sr-rooftop-console .wd-rooftop-pair{grid-template-columns:minmax(0,1fr) minmax(140px,.19fr);gap:24px;align-items:center;} body.sys-n main .sr-rooftop-console .wd-phone{max-width:180px;} body.sys-n main .sr-rooftop-console .pc-explanation{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 24px;margin-top:0;min-height:0;align-items:start;} body.sys-n:not(.page-index) main .sr-rooftop-console .pc-explanation h3{margin:0!important;font-size:clamp(21px,1.7vw,26px);line-height:1.2;} body.sys-n:not(.page-index) main .sr-rooftop-console .pc-explanation p{max-width:60ch;margin:0!important;font-size:14px;line-height:1.6;} body.sys-n main .sr-rooftop-console .wd-phone figcaption{margin-top:8px;font-size:11px;line-height:1.5;} body.sys-n:not(.page-index) main .sr-console-screen,body.sys-n:not(.page-index) main .sr-money-screen{padding:0;background:none;border-radius:0;box-shadow:none;overflow:visible;} body.sys-n:not(.page-index) main .sr-console-screen>img,body.sys-n:not(.page-index) main .sr-money-screen picture{border:6px solid #323633;border-radius:5px;box-sizing:border-box;} body.sys-n:not(.page-index) main .sr-console-screen img,body.sys-n:not(.page-index) main .sr-money-screen img{display:block;width:100%;height:auto;object-fit:contain!important;} body.sys-n main .sr-screen-caption{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;margin:8px 0 0!important;padding:0!important;color:var(--muted);font-size:11px;line-height:1.5;} body.sys-n main .sr-screen-caption>span{min-width:0;} body.sys-n main .sr-screen-caption>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;color:inherit;text-decoration:underline;text-underline-offset:4px;font:500 12px/1.4 Manrope,sans-serif;} body.sys-n main .sr-screen-caption>a svg{flex-shrink:0;} body.sys-n main .sr-screen-caption>a:focus-visible,body.sys-n main .sr-phone-link:focus-visible{outline:2px solid #e16324;outline-offset:4px;} body.sys-n main .sr-wallrow{margin-top:32px;} body.sys-n main .sr-wallrow .dl-pieces{gap:24px;} body.sys-n:not(.page-index) main .sr-wallrow .dl-piece-t{margin-top:12px;} body.sys-n:not(.page-index) main .sr-wallrow .dl-piece-t h3{font-size:23px;line-height:1.2;margin-bottom:8px;} body.sys-n:not(.page-index) main .sr-wallrow .dl-piece-t p{font-size:14px;line-height:1.6;margin:0;} body.sys-n main .sr-money{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:32px;max-width:1100px;margin-inline:auto;} body.sys-n main .sr-money .sr-money-screen{margin:0;min-width:0;} body.sys-n main .sr-money-screen picture{display:block;overflow:hidden;} body.sys-n main .sr-money .sr-money-copy{display:block;margin:0;max-width:42ch;min-width:0;} body.sys-n main .sr-money-copy h3{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.15!important;margin:0 0 16px!important;} body.sys-n main .sr-money-copy p{font-size:14px!important;line-height:1.65!important;margin:0 0 12px!important;} body.sys-n main .sr-money-copy .text-link{font-size:14px;margin-top:4px;} body.sys-n .sr-builder-pair{grid-template-columns:minmax(0,1fr) minmax(160px,.22fr);gap:24px;align-items:center;max-width:1080px;} body.sys-n .sr-builder-phone{width:100%;max-width:192px;justify-self:center;} body.sys-n.walkthrough-edition main .wi-product-pair .wi-phone.sr-builder-phone{width:192px!important;max-width:100%;} body.sys-n .sr-phone-link{display:block;padding:6px;background:#323633;border-radius:22px;} body.sys-n .sr-builder-phone img{border-radius:16px;object-fit:contain!important;height:auto;box-shadow:none;} body.sys-n .sr-builder-phone figcaption{margin-top:8px;} @media(max-width:900px){ body.sys-n main .sr-about-facts .co-factgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 24px!important;} body.sys-n main .sr-money{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;} } @media(max-width:700px){ body.sys-n main>section.sr-about-facts{padding-block:20px!important;} body.sys-n main .sr-about-facts .co-factgrid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;} body.sys-n main .sr-about-facts .co-fact{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;align-items:baseline;} body.sys-n main .sr-about-facts .co-fact dd{margin:0;font-size:13px!important;} body.sys-n:not(.page-index) main>section.sr-about-facts .co-fact dd .text-link{min-height:44px;font-size:13px;} body.sys-n main .sr-about-facts .xlinks{gap:4px 20px;margin-top:12px!important;padding-top:8px;} body.sys-n main .sr-rooftop-console .wd-rooftop-pair{grid-template-columns:minmax(0,1fr) 100px;gap:12px;} body.sys-n main .sr-rooftop-console .wd-phone{max-width:100px;} body.sys-n main .sr-rooftop-console .wd-phone-body{padding:4px;border-radius:14px;} body.sys-n main .sr-rooftop-console .wd-phone-body img{border-radius:10px;} body.sys-n main .sr-rooftop-console .pc-explanation{grid-template-columns:minmax(0,1fr);gap:8px;} body.sys-n main .sr-screen-caption{flex-wrap:wrap;gap:0 12px;} body.sys-n main .sr-screen-caption>a{justify-content:flex-start;} body.sys-n main .sr-wallrow{margin-top:24px;} body.sys-n main .sr-money{grid-template-columns:minmax(0,1fr);gap:20px;} body.sys-n main .sr-money .sr-money-copy{max-width:none;} body.sys-n main .sr-money-copy h3{font-size:26px!important;margin-bottom:12px!important;} body.sys-n .sr-builder-pair{grid-template-columns:minmax(0,1fr);gap:24px;} body.sys-n .sr-builder-pair .sr-builder-phone{width:180px;max-width:100%;} body.sys-n.walkthrough-edition main .wi-product-pair .wi-phone.sr-builder-phone{width:234px!important;max-width:100%;} }  body.sys-n main .sr-about-facts .se-email-fact dd .text-link{display:flex;width:fit-content;max-width:100%;overflow-wrap:anywhere;} @media(max-width:700px){ body.sys-n main .sr-rooftop-console .wd-rooftop-pair{grid-template-columns:minmax(0,1fr);} body.sys-n main .sr-rooftop-console .wd-rooftop-pair .wd-phone{display:none;} } body.sys-n main .sr-about-facts .se-email-fact dd{display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:0;}  html body.sys-n main .solva-gallery-controls button { min-width:44px; min-height:44px; padding:5px 4px; font:600 13px/1.2 Manrope,sans-serif!important; white-space:normal; overflow-wrap:normal; } html body.sys-n:not(.page-index) main .pc-tabs label { min-width:44px; } .studio-inspect-dialog .studio-inspect-toolbar button { min-width:44px; min-height:44px; }  body.sys-n #lx-lights .lx-rooftop-rig { display:grid; grid-template-columns:minmax(0,1fr) clamp(86px,25%,150px); gap:clamp(16px,2vw,24px); align-items:center; width:100%; max-width:620px; padding:0; } body.sys-n #lx-lights .lx-rooftop-rig > .lx-desk { width:100%; min-width:0; } body.sys-n #lx-lights .lx-rooftop-rig > .lx-rooftop-phone { position:relative; inset:auto; width:100%; min-width:0; } body.sys-n:not(.page-index) main > section :is(.sv-show > .sv-duo,.sv-fig > .sv-duo.k) { display:grid; grid-template-columns:minmax(0,1fr) clamp(84px,20%,210px); gap:16px clamp(16px,2vw,28px); align-items:center; padding:0; } body.sys-n:not(.page-index) main > section :is(.sv-show > .sv-duo,.sv-fig > .sv-duo.k) > .sv-frame:first-child { grid-column:1; grid-row:1; min-width:0; } body.sys-n:not(.page-index) main > section :is(.sv-show > .sv-duo,.sv-fig > .sv-duo.k) > .sv-phone { position:relative; inset:auto; grid-column:2; grid-row:1; width:100%; min-width:0; } body.sys-n:not(.page-index) main > section .sv-show > .sv-duo > .solva-gallery-controls { grid-column:1 / -1; margin:0; }  body.page-rooftop.sys-n main .dl-pocket-selector > :is(.pc-choice,.dl-pocket-tabs) {display:none} body.page-rooftop.sys-n main .dl-pocket-selector .dl-ph > a {display:block;cursor:zoom-in;border-radius:24px} body.page-rooftop.sys-n main .dl-pocket-selector .dl-ph > a:focus-visible {outline:3px solid #e16324;outline-offset:4px} @media(max-width:760px) { body.page-rooftop.sys-n main > section.dl-pocket .dl-phones.dl-pocket-selector {display:block} body.page-rooftop.sys-n main .dl-pocket-selector > .pc-choice {display:block} body.page-rooftop.sys-n main .dl-pocket-selector > .dl-pocket-tabs {display:flex;justify-content:center;gap:20px;margin:0 0 8px;flex-wrap:nowrap} body.page-rooftop.sys-n main .dl-pocket-selector > .dl-pocket-tabs label {min-height:44px;padding:5px 0;font-size:14px} body.page-rooftop.sys-n main .dl-pocket-selector > .dl-ph {display:none;grid-area:auto;width:clamp(148px,calc(57vw - 34px),188px);max-width:none;margin:0 auto} body.page-rooftop.sys-n main .dl-pocket-selector > .dl-ph figcaption {display:none} body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-0:checked) > .dl-pocket-view-0, body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-1:checked) > .dl-pocket-view-1, body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-2:checked) > .dl-pocket-view-2 {display:block} body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-0:checked) .dl-pocket-tabs label:nth-child(1)::after, body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-1:checked) .dl-pocket-tabs label:nth-child(2)::after, body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-2:checked) .dl-pocket-tabs label:nth-child(3)::after {transform:scaleX(1);background:#e16324} body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-0:focus-visible) .dl-pocket-tabs label:nth-child(1), body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-1:focus-visible) .dl-pocket-tabs label:nth-child(2), body.page-rooftop.sys-n main .dl-pocket-selector:has(#dl-pocket-2:focus-visible) .dl-pocket-tabs label:nth-child(3) {outline:2px solid #e16324;outline-offset:3px} body.page-rooftop.sys-n main .dl-pocket-selector .pc-load-status {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} }  body.sys-n main .co-stage > .co-over.cycle, body.sys-n main .co-stage:has(>.co-over):not(.co-stage-two) > .co-over.cycle { position:relative!important; }  body.sys-n main .cycle > img { transition:opacity .28s cubic-bezier(.22,1,.36,1)!important; } body.sys-n main .cycle:has(> img + img.on) > img:first-child { opacity:0; } @media(prefers-reduced-motion:reduce) { body.sys-n main .cycle > img { transition:none!important; } }