/* V6 service: an asymmetric flow, using Nest's existing raised and graphite surfaces. */
.v6p-service{--v6p-raised:#fbfbf8;--v6p-tile:#f3f3f0;--v6p-card:inset 0 2px 1px #fff,inset 0 0 0 .93px #fff,0 0 0 .93px #00000014,0 4px 8px #00000008,0 9px 8px #00000005;--v6p-recess:inset 0 0 0 1px #fff,inset 1px 1px 4px #0000001f,inset -2px -2px 3px #ffffffb3;--v6p-cta:linear-gradient(180deg,#4f4f4f,#202020);--v6p-dark-shadow:0 0 0 1px #4040401f,inset 0 2px 0 #ffffff3d,inset 0 -.5px 2px #00000040,0 2px 8px #00000008,0 3px 4px #00000029}
.v6p-service h1{font-size:54px;line-height:1.08;letter-spacing:-.041em;font-weight:500;white-space:nowrap}
.v6p-service-flow{position:relative;width:1152px;height:358px;margin-top:38px;isolation:isolate}
.v6p-flow-lines{position:absolute;inset:0;width:1152px;height:358px;pointer-events:none}
.v6p-upfront{position:absolute;left:0;top:-4px;display:flex;align-items:baseline;gap:15px;color:#262323}
.v6p-upfront strong{font-size:53px;line-height:1.05;font-weight:450;letter-spacing:-.06em}
.v6p-upfront span{font-size:20px;line-height:1.3;letter-spacing:-.02em;color:#2623238c}
.v6p-example-stack{position:absolute;left:28px;top:84px;width:234px;height:167px}
.v6p-example-back{position:absolute;left:-13px;top:-12px;width:232px;height:170px;background:#efefe9;border-radius:16px;box-shadow:var(--v6p-card);transform:rotate(-5deg);opacity:.8}
.v6p-example-sheet{position:absolute;inset:0;padding:22px 20px;border-radius:16px;background:var(--v6p-raised);box-shadow:var(--v6p-card),0 15px 20px #26232308}
.v6p-example-header{display:flex;align-items:center;gap:10px;color:#262323b8;font-size:16px;line-height:21px;letter-spacing:-.025em;font-weight:450;margin-bottom:22px}
.v6p-example-header>svg{width:19px;height:21px;color:#26232380;flex:none}
.v6p-example-row{display:flex;align-items:center;gap:10px;margin-top:12px;height:13px}
.v6p-example-row>i{display:block;width:7px;height:7px;flex:none;background:#b1b1a8;border-radius:3px;box-shadow:0 0 0 3px #b1b1a80d}
.v6p-example-row>span{display:block;flex:1;height:5px;background:#26232312;border-radius:4px}
.v6p-example-row>b{font:400 9px/1 'Geist Mono',ui-monospace,monospace;letter-spacing:-.01em;color:#26232380;background:#eeeeE8;padding:4px 6px;border-radius:4px}
.v6p-example-row:nth-last-child(2)>span{margin-right:13px}
.v6p-input-copy{position:absolute;left:0;top:278px;width:315px}
.v6p-input-copy h2{font-size:24px;line-height:29px;letter-spacing:-.033em;font-weight:500;color:#262323e8;white-space:nowrap}
.v6p-input-copy p{font-size:18px;line-height:25px;letter-spacing:-.018em;color:#2623238c;margin-top:8px}
.v6p-ml-core{position:absolute;left:447px;top:26px;width:170px;height:170px;border-radius:36px;display:flex;align-items:center;justify-content:center;background:var(--v6p-cta);border:1px solid #383838;box-shadow:var(--v6p-dark-shadow),0 17px 23px #26232316;color:#fbfbf8}
.v6p-ml-core>.v6p-piece{display:block;width:113px;height:75.333px;fill:currentColor;stroke:none}
.v6p-ml-copy{position:absolute;left:367px;top:218px;width:330px;text-align:center}
.v6p-ml-copy h2{font-size:25px;line-height:30px;font-weight:500;letter-spacing:-.035em;color:#262323ed}
.v6p-ml-copy p{font-size:17px;line-height:25px;letter-spacing:-.021em;color:#2623238c;margin-top:10px;white-space:nowrap}
.v6p-maintenance{position:absolute;left:408px;top:303px;display:flex;align-items:center;justify-content:center;gap:9px;min-width:248px;height:37px;border-radius:999px;background:#f0f0eb;box-shadow:var(--v6p-recess);color:#26232394;font-size:15px;line-height:20px;letter-spacing:-.02em}
.v6p-maintenance>svg{width:16px;height:16px;color:#26232380;flex:none}
.v6p-endpoint-back{position:absolute;left:829px;top:123px;width:298px;height:106px;border-radius:16px;background:#ededE7;box-shadow:var(--v6p-card);transform:rotate(3deg);opacity:.55}
.v6p-service-endpoint{position:absolute;left:813px;top:143px;width:316px;height:111px;padding:23px 23px;border-radius:17px;background:var(--v6p-raised);box-shadow:var(--v6p-card),0 16px 22px #26232308}
.v6p-service-endpoint>div{display:flex;align-items:center;gap:10px}
.v6p-service-endpoint h2{font-size:22px;line-height:27px;font-weight:500;letter-spacing:-.035em;color:#262323e8;white-space:nowrap}
.v6p-endpoint-status{display:block;width:5px;height:5px;border-radius:50%;background:#6c8c74;box-shadow:0 0 0 3px #6c8c7410;flex:none}
.v6p-service-endpoint>div>svg{display:block;width:20px;height:20px;margin-left:auto;color:#26232373;flex:none}
.v6p-service-endpoint>p{font-size:17px;line-height:24px;letter-spacing:-.018em;color:#2623238c;margin:10px 0 0 15px}
.v6p-endpoint-benefit{position:absolute;left:813px;top:282px;font-size:23px;line-height:1.26;letter-spacing:-.029em;color:#262323a6}
.v6p-release-commitment{height:84px;display:flex;align-items:center;gap:35px;margin-top:20px;padding-top:13px;border-top:1px solid #26232314;box-shadow:0 -1px #fff}
.v6p-release-time{font-size:55px;line-height:1.08;font-weight:450;letter-spacing:-.065em;color:#262323;min-width:157px;border-right:1px solid #2623231a;padding-right:31px}
.v6p-release-time>span{font-size:37px;font-weight:400;letter-spacing:-.045em;margin-left:4px}
.v6p-release-commitment h2{font-size:27px;line-height:31px;letter-spacing:-.033em;font-weight:500;color:#262323e8}
.v6p-release-commitment p{font-size:17px;line-height:24px;letter-spacing:-.021em;color:#2623238c;margin:5px 0 0}
/* The same eight platform illustrations, with more vertical space and the requested brand piece. */
.v6p-platform .v4p-feature-display{height:426px;margin-top:34px}
.v6p-platform .v4p-illustration{height:318px}
.v6p-platform .v6p-illustration-content{position:absolute;left:0;top:12px;width:560px;height:294px}
.v6p-platform .v4p-stage-controls{margin-top:18px}
.v6p-platform .v4p-feature-state.is-leaving{display:grid!important}
.v6p-platform .v4p-trained-tile>.v6p-piece{width:72px;height:48px;fill:currentColor;stroke:none}
.v6p-platform .v4p-endpoint>.v6p-piece{width:54px;height:36px;fill:currentColor;stroke:none}
@media(prefers-reduced-motion:reduce){.v6p-service *,.v6p-platform *{animation:none!important;transition:none!important}}
