.indoor-page{overflow-x:hidden;background:var(--paper)}
.indoor-page main{overflow:hidden}
.indoor-page h1,.indoor-page h2,.indoor-page h3{font-family:var(--display);text-transform:uppercase}
.indoor-page :focus-visible{outline:3px solid var(--yellow);outline-offset:4px}

.indoor-entry{background:var(--blue-dark);color:var(--paper)}
.indoor-entry-inner{width:min(100%,1440px);min-height:calc(100svh - 82px);margin:auto;padding:clamp(58px,7vw,108px) clamp(22px,5vw,72px) 64px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.78fr);gap:clamp(45px,7vw,108px);align-items:center}
.indoor-entry-copy{max-width:730px}
.indoor-entry h1{max-width:760px;margin:0;font:700 clamp(63px,7vw,96px)/.86 var(--display);letter-spacing:-.035em;text-wrap:balance}
.indoor-entry h1 span{display:block;color:var(--yellow)}
.indoor-entry-copy>p{max-width:620px;margin:30px 0 0;color:#dce5ff;font-size:18px;line-height:1.65}
.indoor-primary-action{min-height:56px;margin-top:30px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);color:var(--ink);box-shadow:0 10px 22px rgba(0,0,0,.24);font:700 19px/1 var(--display);text-transform:uppercase;transition:transform .22s ease,box-shadow .22s ease}
.indoor-primary-action:hover{transform:translateY(-3px);box-shadow:0 16px 26px rgba(0,0,0,.3)}
.indoor-primary-action b{font-size:29px;line-height:.7}
.indoor-entry-proof{margin:34px 0 0;padding:20px 0 0;display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid rgba(246,243,235,.32);list-style:none}
.indoor-entry-proof li{display:flex;align-items:center;gap:9px;color:#e9eeff;font-size:13px;font-weight:600}
.indoor-entry-proof li::before{content:"";width:10px;height:10px;background:#79e9df;clip-path:polygon(0 0,100% 50%,0 100%,22% 50%)}
.indoor-real-frame{width:min(100%,500px);margin:0;position:relative;justify-self:end}
.indoor-real-frame::before{content:"";position:absolute;inset:-25px -34px 34px 30%;border:1px solid rgba(255,211,26,.52);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);pointer-events:none}
.indoor-real-frame img{width:100%;height:min(69vh,690px);min-height:520px;object-fit:cover;object-position:50% 50%;border:5px solid var(--paper);border-radius:42px 42px 34px 34px;box-shadow:0 28px 58px rgba(0,0,0,.4)}
.indoor-photo-label{position:absolute;z-index:2;top:20px;left:-24px;padding:9px 11px;background:var(--yellow);color:var(--ink);font:700 13px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.indoor-real-frame figcaption{max-width:420px;margin:14px 0 0 auto;color:#dce5ff;font-size:12px;line-height:1.5;text-align:right}
.indoor-photo-route{position:absolute;right:-25px;bottom:76px;width:145px;height:52px;border-bottom:3px solid #79e9df;border-right:3px solid #79e9df;border-radius:0 0 34px 0;filter:drop-shadow(0 0 8px rgba(121,233,223,.35));pointer-events:none}
.indoor-photo-route i{position:absolute;bottom:-7px;width:12px;height:12px;border:3px solid var(--paper);border-radius:50%;background:var(--teal)}
.indoor-photo-route i:first-child{left:-5px}.indoor-photo-route i:nth-child(2){right:-7px}
.indoor-photo-route b{position:absolute;bottom:-6px;left:8px;width:18px;height:10px;border-radius:6px;background:var(--yellow);animation:indoorRoute 3.2s cubic-bezier(.4,0,.2,1) infinite}
.indoor-entry-strip{min-height:72px;padding:0 clamp(22px,5vw,72px);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#061430;border-top:1px solid rgba(255,255,255,.17);color:#dce5ff;font:700 12px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;text-align:center}
.indoor-entry-strip span+span{border-left:1px solid rgba(255,255,255,.18)}

.indoor-flow{padding:clamp(82px,10vw,142px) clamp(22px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.68fr);gap:clamp(48px,8vw,120px);align-items:center;background:var(--ink);color:var(--paper)}
.indoor-film-wrap{position:relative;margin:0}
.indoor-film-wrap::before{content:"";position:absolute;z-index:0;inset:24px -24px -24px 24px;border:1px solid rgba(121,233,223,.55)}
.indoor-film{width:100%;aspect-ratio:16/9;position:relative;z-index:1;display:block;object-fit:cover;background:#04143f;box-shadow:0 24px 46px rgba(0,0,0,.35)}
.indoor-film-note{position:absolute;z-index:2;right:14px;bottom:14px;padding:8px 10px;background:var(--yellow);color:var(--ink);font:700 11px/1 var(--display);letter-spacing:.05em;text-transform:uppercase}
.indoor-flow-copy h2,.indoor-section-head h2,.indoor-creative-copy h2,.indoor-faq h2,.indoor-conversation h2{margin:0;font:700 clamp(48px,5.6vw,82px)/.9 var(--display);letter-spacing:-.03em;text-wrap:balance}
.indoor-flow-copy>p{max-width:560px;margin:25px 0 0;color:#d7d9df;font-size:17px;line-height:1.65}
.indoor-flow-steps{margin:38px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.35);list-style:none}
.indoor-flow-steps li{padding:20px 0;display:grid;grid-template-columns:minmax(160px,.55fr) 1fr;gap:20px;border-bottom:1px solid rgba(255,255,255,.22)}
.indoor-flow-steps strong{font:700 22px/1 var(--display);text-transform:uppercase}
.indoor-flow-steps span{color:#bfc4cf;font-size:13px;line-height:1.55}

.indoor-method,.indoor-promises{padding:clamp(88px,10vw,148px) clamp(22px,5vw,72px);background:var(--paper)}
.indoor-section-head{width:min(100%,1290px);margin:0 auto 58px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);gap:clamp(48px,8vw,120px);align-items:end}
.indoor-section-head p{max-width:560px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.indoor-method-list{width:min(100%,1390px);margin:auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);list-style:none}
.indoor-method-list li{min-height:300px;padding:24px 25px 32px;position:relative;border-right:1px solid var(--line)}
.indoor-method-list li:last-child{border-right:0}
.indoor-method-list li:not(:last-child)::after{content:"";position:absolute;z-index:1;right:-11px;top:90px;width:20px;height:20px;background:var(--yellow);clip-path:polygon(0 0,100% 50%,0 100%,22% 50%)}
.indoor-method-list>li>span{width:38px;height:38px;display:grid;place-items:center;background:var(--blue);color:var(--paper);font:700 23px/1 var(--display)}
.indoor-method-list h3{margin:74px 0 11px;font-size:28px;line-height:.95;letter-spacing:-.025em}
.indoor-method-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}

.indoor-formats{padding:clamp(88px,10vw,148px) clamp(22px,5vw,72px);background:var(--blue);color:var(--paper)}
.indoor-section-head-light p{color:#dce5ff}
.indoor-format-signs{width:min(100%,1390px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.indoor-format-signs article{min-height:184px;padding:23px 32px;display:grid;grid-template-columns:50px 1fr 27px;gap:17px;align-items:center;position:relative;background:var(--paper);color:var(--ink);clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%,5% 50%)}
.indoor-format-signs article:nth-child(2){background:var(--yellow)}
.indoor-format-signs article:nth-child(3){background:#79e9df}
.indoor-format-signs article::after{content:"";position:absolute;inset:10px 16px 10px 10px;border:1px solid rgba(16,19,22,.42);clip-path:inherit;pointer-events:none}
.indoor-format-signs h3{margin:0;font-size:35px;line-height:.9;letter-spacing:-.02em}
.indoor-format-signs p{margin:10px 0 0;font-size:13px;line-height:1.45}
.indoor-format-signs b{font:700 32px/1 var(--display)}
.format-screen,.format-group,.format-network{grid-row:1;width:43px;height:36px;display:block;position:relative;z-index:1;border:3px solid currentColor}
.format-screen::after{content:"";position:absolute;bottom:-10px;left:11px;width:14px;height:7px;border:3px solid currentColor;border-top:0}
.format-group::before,.format-group::after{content:"";position:absolute;width:13px;height:10px;border:3px solid currentColor;background:var(--yellow)}
.format-group::before{top:-10px;left:11px}.format-group::after{right:-12px;bottom:-10px}
.format-network{border-radius:50%;transform:scale(.72)}
.format-network::before,.format-network::after{content:"";position:absolute;inset:14px -18px;border-top:4px solid currentColor;transform:rotate(45deg)}
.format-network::after{transform:rotate(-45deg)}
.indoor-availability{width:min(100%,1390px);margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.32);color:#dce5ff;font-size:13px}

.indoor-creative{padding:clamp(74px,9vw,126px) clamp(22px,7vw,110px);display:grid;grid-template-columns:minmax(270px,.48fr) minmax(0,1fr);gap:clamp(55px,10vw,160px);align-items:center;background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.indoor-creative-preview{width:min(100%,350px);aspect-ratio:9/16;justify-self:end;padding:27px 25px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:4px solid var(--blue-dark);box-shadow:0 24px 44px rgba(16,19,22,.24)}
.indoor-creative-preview::before{content:"";position:absolute;top:18%;right:-24%;width:115%;height:38%;border-radius:50%;background:#bdece6;transform:rotate(-13deg)}
.indoor-creative-preview::after{content:"";position:absolute;right:-22%;bottom:-14%;width:145%;height:52%;background:var(--blue-dark);transform:rotate(-12deg)}
.creative-preview-top,.indoor-creative-preview>strong,.creative-preview-action,.creative-preview-caption{position:relative;z-index:1}
.creative-preview-top{display:flex;justify-content:space-between;gap:12px;color:#42585d;font:700 10px/1 var(--body);letter-spacing:.06em}
.creative-preview-top small{font-size:8px}
.indoor-creative-preview>strong{margin-top:auto;color:var(--paper);font:700 clamp(39px,4vw,54px)/.84 var(--display);letter-spacing:-.03em}
.creative-preview-action{align-self:flex-start;margin-top:20px;padding:11px 12px;background:var(--yellow);font:700 12px/1 var(--display)}
.creative-preview-caption{margin-top:18px;color:#dce5ff;font-size:8px;font-weight:700;letter-spacing:.08em}
.indoor-creative-copy{max-width:820px}
.indoor-creative-copy p{max-width:720px;margin:24px 0 0;font-size:17px;line-height:1.65}
.indoor-creative-copy a{margin-top:29px;padding-bottom:7px;display:inline-flex;align-items:center;gap:14px;border-bottom:2px solid var(--ink);font:700 20px/1 var(--display);text-transform:uppercase}
.indoor-creative-copy a b{font-size:28px}

.indoor-promise-lines{width:min(100%,1390px);margin:auto;border-top:2px solid var(--ink)}
.indoor-promise-lines article{min-height:116px;padding:22px 0;display:grid;grid-template-columns:70px minmax(220px,.58fr) 1fr;gap:32px;align-items:center;border-bottom:1px solid var(--line)}
.indoor-promise-lines span{color:var(--blue);font:700 18px/1 var(--display)}
.indoor-promise-lines h3{margin:0;font-size:29px;line-height:.95}
.indoor-promise-lines p{max-width:610px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}

.indoor-faq{padding:clamp(88px,10vw,148px) clamp(22px,5vw,72px);display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1fr);gap:clamp(55px,9vw,140px);background:var(--paper-deep)}
.indoor-faq-intro p{max-width:430px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.65}
.indoor-faq-list{border-top:2px solid var(--ink)}
.indoor-faq-list details{border-bottom:1px solid var(--line)}
.indoor-faq-list summary{min-height:86px;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;font:700 clamp(24px,2.3vw,33px)/1 var(--display);letter-spacing:-.015em;text-transform:uppercase}
.indoor-faq-list summary::-webkit-details-marker{display:none}
.indoor-faq-list summary b{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:2px solid var(--blue);color:var(--blue);font:400 29px/.7 var(--body);transition:transform .2s ease,background .2s ease,color .2s ease}
.indoor-faq-list details[open] summary b{transform:rotate(45deg);background:var(--blue);color:var(--paper)}
.indoor-faq-list p{max-width:760px;margin:0 60px 25px 0;color:#383c42;font-size:15px;line-height:1.7}

.indoor-conversation{min-height:560px;padding:clamp(90px,11vw,160px) clamp(22px,7vw,110px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:70px;align-items:center;position:relative;isolation:isolate;background:var(--blue-dark);color:var(--paper)}
.indoor-conversation>div:not(.indoor-conversation-route){max-width:850px}
.indoor-conversation p{max-width:680px;margin:25px 0 0;color:#dce5ff;font-size:18px;line-height:1.65}
.indoor-conversation .indoor-primary-action{margin:0}
.indoor-conversation-route{position:absolute;z-index:-1;inset:12% -8% -38% 38%;border:2px solid rgba(255,211,26,.38);border-radius:50%;transform:rotate(-13deg)}
.indoor-conversation-route::before,.indoor-conversation-route::after{content:"";position:absolute;inset:18%;border:2px solid rgba(121,233,223,.34);border-radius:50%}
.indoor-conversation-route::after{inset:37%;border-color:rgba(246,243,235,.27)}
.indoor-conversation-route i{position:absolute;width:18px;height:18px;border:4px solid var(--yellow);border-radius:50%}
.indoor-conversation-route i:first-child{top:16%;left:24%}.indoor-conversation-route i:nth-child(2){top:48%;right:9%;border-color:#79e9df}.indoor-conversation-route i:nth-child(3){bottom:12%;left:46%;border-color:var(--paper)}
.indoor-host{min-height:84px;padding:18px clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:center;gap:28px;background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);text-align:center}
.indoor-host p{margin:0}.indoor-host a{padding-bottom:4px;border-bottom:2px solid var(--ink);font:700 17px/1 var(--display);text-transform:uppercase}
.indoor-mobile-action{display:none}

@keyframes indoorRoute{0%,100%{transform:translateX(0)}50%{transform:translateX(105px)}}

@media(max-width:1080px){
  .indoor-entry-inner{grid-template-columns:minmax(0,1fr) minmax(300px,.67fr);gap:45px}.indoor-entry h1{font-size:clamp(58px,7vw,78px)}.indoor-real-frame img{min-height:480px;height:590px}
  .indoor-flow{grid-template-columns:1fr}.indoor-flow-copy{max-width:860px}.indoor-flow-steps li{grid-template-columns:230px 1fr}
  .indoor-method-list{grid-template-columns:1fr 1fr}.indoor-method-list li:nth-child(2){border-right:0}.indoor-method-list li:nth-child(-n+2){border-bottom:1px solid var(--line)}.indoor-method-list li:nth-child(2)::after{display:none}
  .indoor-format-signs{grid-template-columns:1fr}.indoor-format-signs article{min-height:145px;clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%,3% 50%)}
  .indoor-conversation{grid-template-columns:1fr}.indoor-conversation .indoor-primary-action{justify-self:start}
}

@media(max-width:760px){
  .indoor-page{padding-bottom:72px}.indoor-entry-inner{min-height:0;padding:58px 20px 44px;display:flex;flex-direction:column;align-items:stretch;gap:45px}.indoor-entry h1{font-size:clamp(55px,16vw,76px);line-height:.86}.indoor-entry-copy>p{font-size:15px}.indoor-primary-action{width:100%;font-size:17px}.indoor-entry-proof{display:grid;gap:10px}.indoor-real-frame{width:min(100%,330px);align-self:center}.indoor-real-frame::before{inset:-15px -18px 27px 29%}.indoor-real-frame img{height:520px;min-height:0;border-width:4px;border-radius:34px 34px 28px 28px}.indoor-photo-label{top:16px;left:-10px;font-size:11px}.indoor-real-frame figcaption{font-size:11px}.indoor-photo-route{right:-13px;bottom:83px;width:112px}.indoor-photo-route b{animation-name:indoorRouteMobile}.indoor-entry-strip{min-height:0;padding:16px 20px;grid-template-columns:1fr 1fr;gap:14px 8px;text-align:left}.indoor-entry-strip span+span{border:0}.indoor-entry-strip span{font-size:10px}
  .indoor-flow{padding:78px 20px;gap:60px}.indoor-film-wrap::before{inset:13px -13px -13px 13px}.indoor-film-note{right:8px;bottom:8px;font-size:9px}.indoor-flow-copy h2,.indoor-section-head h2,.indoor-creative-copy h2,.indoor-faq h2,.indoor-conversation h2{font-size:clamp(47px,13vw,66px);line-height:.9}.indoor-flow-copy>p{font-size:15px}.indoor-flow-steps li{grid-template-columns:1fr;gap:8px}.indoor-flow-steps strong{font-size:21px}
  .indoor-method,.indoor-promises,.indoor-formats,.indoor-faq{padding:78px 20px}.indoor-section-head{display:block;margin-bottom:42px}.indoor-section-head p{margin-top:22px;font-size:15px}.indoor-method-list{grid-template-columns:1fr}.indoor-method-list li{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.indoor-method-list li:nth-child(-n+2){border-bottom:1px solid var(--line)}.indoor-method-list li:not(:last-child)::after{right:auto;top:auto;bottom:-10px;left:50%;transform:rotate(90deg)}.indoor-method-list li:nth-child(2)::after{display:block}.indoor-method-list h3{margin-top:42px;font-size:27px}
  .indoor-format-signs article{min-height:132px;padding:18px 27px;grid-template-columns:40px 1fr 20px;gap:13px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,4% 50%)}.indoor-format-signs h3{font-size:30px}.indoor-format-signs p{font-size:12px}.format-screen,.format-group,.format-network{width:35px;height:29px;transform:scale(.82)}
  .indoor-creative{padding:72px 20px;grid-template-columns:1fr;gap:47px}.indoor-creative-preview{width:min(82vw,310px);justify-self:center}.indoor-creative-copy p{font-size:15px}.indoor-creative-copy a{font-size:18px}
  .indoor-promise-lines article{padding:25px 0;grid-template-columns:47px 1fr;gap:9px 17px}.indoor-promise-lines h3{font-size:26px}.indoor-promise-lines p{grid-column:2;font-size:14px}
  .indoor-faq{display:block}.indoor-faq-intro p{font-size:15px}.indoor-faq-list{margin-top:42px}.indoor-faq-list summary{min-height:78px;font-size:25px}.indoor-faq-list p{margin-right:0;font-size:14px}
  .indoor-conversation{min-height:0;padding:85px 20px;display:block}.indoor-conversation p{font-size:15px}.indoor-conversation .indoor-primary-action{margin-top:34px}.indoor-host{padding:23px 20px;display:block}.indoor-host p{font-size:14px}.indoor-host a{display:inline-block;margin-top:13px;font-size:15px}
  .indoor-mobile-action{position:fixed;z-index:30;right:0;bottom:0;left:0;display:block;padding:9px 12px;background:rgba(246,243,235,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px)}.indoor-mobile-action a{min-height:53px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);font:700 17px/1 var(--display);text-transform:uppercase}.indoor-mobile-action b{font-size:27px}
}

@keyframes indoorRouteMobile{0%,100%{transform:translateX(0)}50%{transform:translateX(72px)}}
@media(prefers-reduced-motion:reduce){.indoor-photo-route b{animation:none}.indoor-primary-action,.indoor-faq-list summary b{transition:none}}
