:root{
  color-scheme:dark;
  --cyan:#2de8fd;
  --cyan-soft:#86d4df;
  --ink:#020d1d;
  --line:rgba(103,226,239,.22);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:#020d1d}
body{font-family:Manrope,Arial,sans-serif;color:#edf5f7;overflow:hidden;-webkit-font-smoothing:antialiased}
button,a{font:inherit}
button{border:0}
.relax{
  --look-x:0px;
  --look-y:0px;
  position:relative;
  min-height:100svh;
  overflow:hidden;
  isolation:isolate;
  background:#021326;
}
.relax__video{
  position:absolute;
  z-index:-5;
  inset:-3%;
  width:106%;
  height:106%;
  object-fit:cover;
  filter:saturate(.8) contrast(1.06) brightness(.62);
  transform:translate3d(var(--look-x),var(--look-y),0) scale(1.035);
  opacity:0;
  transition:opacity 3s ease,filter 1.3s ease,transform 2.4s cubic-bezier(.2,.65,.2,1);
}
.relax__video.is-visible{opacity:1}
.relax__veil{
  position:absolute;
  z-index:-4;
  inset:0;
  background:
    linear-gradient(90deg,rgba(1,10,25,.91) 0%,rgba(2,16,34,.77) 43%,rgba(1,14,31,.46) 72%,rgba(1,8,22,.72) 100%),
    linear-gradient(180deg,rgba(2,14,31,.5),transparent 34%,rgba(0,7,18,.82));
  transition:opacity 1.3s ease;
}
.surface-light{position:absolute;z-index:-3;inset:-12% 0 auto;height:54%;overflow:hidden;pointer-events:none;opacity:.65;filter:blur(2px)}
.surface-light i{position:absolute;top:-12%;width:21%;height:115%;background:linear-gradient(180deg,rgba(125,230,242,.22),rgba(40,159,190,.07) 50%,transparent);clip-path:polygon(37% 0,64% 0,100% 100%,0 100%);transform-origin:50% 0;animation:lightSway 12s ease-in-out infinite alternate}
.surface-light i:nth-child(1){left:15%;transform:rotate(-8deg)}
.surface-light i:nth-child(2){left:48%;animation-delay:-5s;transform:rotate(7deg)}
.surface-light i:nth-child(3){right:1%;width:15%;animation-delay:-9s;transform:rotate(-4deg)}
.current-lines{position:absolute;z-index:-2;inset:0;pointer-events:none;opacity:.42}
.current-lines i{position:absolute;left:-12%;width:112%;height:23%;border:1px solid rgba(106,224,237,.13);border-color:rgba(106,224,237,.14) transparent transparent;border-radius:50%;animation:currentDrift 18s ease-in-out infinite alternate}
.current-lines i:nth-child(1){top:14%}
.current-lines i:nth-child(2){top:34%;animation-delay:-6s}
.current-lines i:nth-child(3){top:58%;animation-delay:-11s}
.current-lines i:nth-child(4){top:78%;animation-delay:-3s}
.bubbles{position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.72}
.bubbles i{position:absolute;bottom:-30px;width:8px;height:8px;border:1px solid rgba(133,235,244,.46);border-radius:50%;box-shadow:inset 0 0 6px rgba(69,227,241,.18);animation:bubbleRise 16s linear infinite}
.bubbles i:nth-child(1){left:55%;animation-duration:18s}
.bubbles i:nth-child(2){left:61%;width:4px;height:4px;animation-delay:-8s;animation-duration:13s}
.bubbles i:nth-child(3){left:74%;width:11px;height:11px;animation-delay:-3s;animation-duration:22s}
.bubbles i:nth-child(4){left:84%;width:5px;height:5px;animation-delay:-11s;animation-duration:17s}
.bubbles i:nth-child(5){left:92%;width:14px;height:14px;animation-delay:-6s;animation-duration:25s}
.bubbles i:nth-child(6){left:46%;width:3px;height:3px;animation-delay:-14s;animation-duration:15s}
.bubbles i:nth-child(7){left:67%;width:6px;height:6px;animation-delay:-17s;animation-duration:20s}
.bubbles i:nth-child(8){left:79%;width:3px;height:3px;animation-delay:-1s;animation-duration:14s}
.interface{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1),visibility .85s}
.relax__header{
  position:absolute;
  z-index:5;
  top:0;
  left:clamp(24px,5.2vw,82px);
  right:clamp(24px,5.2vw,82px);
  display:flex;
  height:118px;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
}
.brand{display:block;width:220px;transition:opacity .25s ease,filter .25s ease}
.brand:hover{opacity:.84;filter:drop-shadow(0 0 10px rgba(45,232,253,.2))}
.brand img{display:block;width:100%;height:auto}
.header-state{display:flex;gap:12px;align-items:center;color:#a7cbd4;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.header-state i,.relax__footer p i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px rgba(45,232,253,.5)}
.relax__content{position:absolute;z-index:4;left:clamp(24px,8vw,126px);top:50%;width:min(500px,44vw);padding-bottom:22px;transform:translateY(-43%)}
.eyebrow{display:flex;margin:0 0 15px;gap:9px;align-items:center;color:#83c4cf;font-size:8px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.eyebrow span{width:8px;height:8px;border:0;border-radius:50%;background:currentColor;box-shadow:0 0 0 6px rgba(45,232,253,.09)}
h1{margin:0;font-size:clamp(34px,3.35vw,48px);font-weight:500;line-height:1.02;letter-spacing:-.055em}
h1 em{color:#78c5d1;font-style:normal}
.lead{max-width:490px;margin:20px 0 23px;color:#b9ceda;font-size:12.5px;line-height:1.65}
.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;min-height:48px;padding:0 20px;gap:14px;align-items:center;justify-content:center;border:0;border-radius:12px;color:#e9fbfd;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:0;cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,color .22s ease}
.button b{font-size:19px;font-weight:400;transition:transform .25s ease}
.button:hover{transform:translateY(-3px)}
.button:hover b{transform:translateX(3px)}
.button--primary{color:#041326;background:var(--cyan);box-shadow:none}
.button--primary:hover{background:#6cf3ff;box-shadow:none}
.button--quiet{position:relative;min-height:auto;padding:8px 0;border-radius:0;color:#cbe0e9;background:transparent;box-shadow:none}
.button--quiet b{margin-left:5px;color:var(--cyan)}
.button--quiet:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--cyan);box-shadow:0 0 9px rgba(45,232,253,.72);transition:right .25s ease}
.button--quiet:hover{color:#efffff;background:transparent;box-shadow:none}
.button--quiet:hover:after{right:0}
.site-return{position:relative;display:none;width:max-content;margin-top:20px;padding:7px 0;color:#b9d7df;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.02em;transition:color .22s ease}
.site-return span{margin-left:7px;color:var(--cyan);transition:transform .22s ease}
.site-return:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--cyan);box-shadow:0 0 9px rgba(45,232,253,.62);transition:right .25s ease}
.site-return:hover,.site-return:focus-visible{color:#fff;outline:none}
.site-return:hover:after,.site-return:focus-visible:after{right:0}
.site-return:hover span,.site-return:focus-visible span{transform:translate(2px,-2px)}
.footer-controls,.footer-end{display:flex;gap:9px;align-items:center}
.footer-end{gap:18px;justify-self:end}
.footer-end a{color:#9ab9c3;text-decoration:none;transition:color .2s ease}
.footer-end a span{margin-left:4px;color:#65c8d6}
.footer-end a:hover{color:#edf9fb}
.site-return .return-arrow,.footer-end a .return-arrow{display:inline-grid;width:16px;height:16px;place-items:center;vertical-align:middle}
.site-return .return-arrow svg,.footer-end a .return-arrow svg{display:block;width:100%;height:100%}
.footer-end a{display:inline-flex;align-items:center;gap:5px}
.footer-end a .return-arrow{margin-left:0}
.dim-control{display:flex;padding:9px 12px;gap:8px;align-items:center;border:1px solid rgba(102,212,225,.18);border-radius:999px;color:#a9c5cc;background:rgba(3,25,44,.28);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px);transition:.25s ease}
.dim-control i{width:11px;height:11px;border:1px solid #78c5d1;border-radius:50%;box-shadow:inset 4px 0 0 rgba(120,197,209,.25)}
.dim-control:hover,.dim-control[aria-pressed="true"]{color:#edf9fb;border-color:rgba(84,211,224,.5);background:rgba(4,38,60,.54)}
.relax__footer{position:absolute;z-index:5;left:clamp(24px,5.2vw,82px);right:clamp(24px,5.2vw,82px);bottom:29px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#9ab9c3;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.relax__footer p{display:flex;margin:0;gap:10px;align-items:center;justify-self:center}
.relax__footer time{justify-self:end;color:#d0e3e8;font-variant-numeric:tabular-nums}
.media-control{display:flex;width:max-content;padding:9px 12px 9px 10px;gap:9px;align-items:center;border:1px solid rgba(102,212,225,.22);border-radius:999px;color:#c4dce2;background:rgba(3,25,44,.32);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px);transition:.25s ease}
.media-control:hover{color:#fff;border-color:rgba(84,229,241,.6);background:rgba(4,39,62,.58)}
.media-control__icon{position:relative;width:15px;height:15px;border-radius:50%;background:rgba(45,232,253,.12)}
.media-control__icon:before,.media-control__icon:after{content:"";position:absolute;top:4px;width:2px;height:7px;border-radius:2px;background:var(--cyan)}
.media-control__icon:before{left:5px}.media-control__icon:after{right:5px}
.media-control.is-paused .media-control__icon:before{left:6px;top:3px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid var(--cyan);border-radius:0;background:transparent}
.media-control.is-paused .media-control__icon:after{display:none}
.leave-focus{position:absolute;z-index:8;right:clamp(20px,4vw,62px);top:clamp(20px,4vw,52px);display:flex;padding:11px 15px;gap:10px;align-items:center;border:1px solid rgba(107,226,238,.3);border-radius:999px;color:#c7e1e6;background:rgba(3,24,43,.36);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-10px);backdrop-filter:blur(12px);transition:.45s ease}
.leave-focus i{width:8px;height:8px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px rgba(45,232,253,.45)}
.leave-focus:hover{color:#fff;border-color:rgba(107,226,238,.72);background:rgba(3,31,52,.7)}
.relax.is-focus .interface{opacity:0;visibility:hidden;transform:translateY(14px);pointer-events:none}
.relax.is-focus .relax__header{transform:translateY(-14px)}
.relax.is-focus .relax__content{transform:translateY(calc(-45% + 14px))}
.relax.is-focus .leave-focus{opacity:1;visibility:visible;transform:none}
.relax.is-focus .relax__veil{opacity:.28}
.relax.is-focus .relax__video{filter:saturate(.9) contrast(1.04) brightness(.8);transform:translate3d(var(--look-x),var(--look-y),0) scale(1.02)}
.relax.is-extra-dim .relax__video{filter:saturate(.72) contrast(1.04) brightness(.37)}
.relax.is-extra-dim .relax__veil{opacity:1}
.relax.is-focus.is-extra-dim .relax__video{filter:saturate(.78) contrast(1.04) brightness(.49)}
.eye-break{position:absolute;z-index:9;inset:0;display:flex;padding:30px;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(1,8,19,.95);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease,visibility .8s}
.eye-break__label{display:flex;margin:0 0 22px;gap:10px;align-items:center;color:#83b7c1;font-size:10px;font-weight:800;letter-spacing:.17em}
.eye-break__label i{width:7px;height:7px;border-radius:50%;background:#6db9c5}
.eye-break__timer{position:relative;display:flex;align-items:baseline;color:#dce9ec;font-variant-numeric:tabular-nums}
.eye-break__timer strong{font-size:clamp(78px,11vw,150px);font-weight:400;line-height:.9;letter-spacing:-.07em}
.eye-break__timer span{position:absolute;left:calc(100% + 10px);bottom:4px;color:#78959e;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.eye-break h2{margin:30px 0 13px;color:#e1ecef;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1;letter-spacing:-.05em}
.eye-break>p:not(.eye-break__label){max-width:560px;margin:0;color:#91aab2;font-size:15px;line-height:1.7}
.eye-break__button{margin-top:28px;padding:10px 0;border-bottom:1px solid rgba(109,185,197,.35);color:#9bbac1;background:transparent;font-size:11px;font-weight:700;cursor:pointer;transition:.2s ease}
.eye-break__button:hover{color:#e8f5f6;border-color:#6db9c5}
.relax.is-eye-break .interface,.relax.is-eye-break .leave-focus{opacity:0;visibility:hidden;pointer-events:none}
.relax.is-eye-break .eye-break{opacity:1;visibility:visible;pointer-events:auto}
.relax.is-eye-break .relax__video{filter:saturate(.55) brightness(.13)}
.relax.is-eye-break .surface-light,.relax.is-eye-break .current-lines,.relax.is-eye-break .bubbles{opacity:.08}
.blink-note{position:absolute;z-index:10;left:50%;bottom:74px;display:flex;padding:11px 16px;gap:10px;align-items:center;border:1px solid rgba(105,194,205,.24);border-radius:999px;color:#b9cfd4;background:rgba(3,21,37,.78);font-size:11px;font-weight:700;opacity:0;visibility:hidden;transform:translate(-50%,10px);backdrop-filter:blur(14px);transition:.45s ease}
.blink-note i{width:6px;height:6px;border-radius:50%;background:#78c5d1}
.blink-note.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
@keyframes lightSway{0%{transform:translateX(-4%) rotate(-7deg);opacity:.44}100%{transform:translateX(7%) rotate(8deg);opacity:.78}}
@keyframes currentDrift{0%{transform:translateX(-2%) scaleX(.98)}100%{transform:translateX(5%) scaleX(1.04)}}
@keyframes bubbleRise{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}10%{opacity:.75}70%{opacity:.45}100%{transform:translate3d(24px,-112vh,0) scale(1.35);opacity:0}}
@media(max-width:760px){
  .relax__video{inset:-1%;width:102%;height:102%;object-position:62% center}
  .relax__veil{background:linear-gradient(180deg,rgba(1,12,28,.7),rgba(1,13,30,.7) 45%,rgba(0,7,18,.87)),linear-gradient(90deg,rgba(1,12,28,.8),transparent)}
  .relax__header{left:22px;right:22px;height:88px}
  .brand{width:164px}
  .header-state span{display:none}
  .relax__content{left:22px;right:22px;top:48%;width:auto;padding-bottom:0;transform:translateY(-42%)}
  .eyebrow{margin-bottom:18px;font-size:10px}
  h1{font-size:clamp(30px,8.8vw,39px);line-height:1.03}
  .lead{max-width:420px;margin:18px 0 20px;font-size:12px;line-height:1.58}
  .actions{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:14px}
  .button--primary{width:auto;min-height:47px;padding:0 18px}
  .button--quiet{width:auto;min-height:auto;padding:7px 0}
  .site-return{display:inline-flex;align-items:center}
  .relax__footer{left:22px;right:22px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between}
  .relax__footer p{display:none}
  .footer-controls{align-items:flex-start;flex-direction:column;gap:7px}
  .footer-end{align-items:flex-end;flex-direction:column-reverse;gap:7px}
  .footer-end a{font-size:8px}
  .media-control,.dim-control{padding:7px 9px;font-size:8px}
  .eye-break{padding:24px}
  .eye-break__timer{align-items:center;flex-direction:column;gap:8px}
  .eye-break__timer span{position:static}
  .eye-break h2{margin-top:24px}
  .blink-note{bottom:96px;white-space:nowrap}
  .surface-light{opacity:.48}
}
@media(max-width:359px){
  .actions{align-items:flex-start;flex-direction:column;gap:13px}
  .site-return{margin-top:14px}
}
@media(min-width:761px) and (max-width:1100px) and (orientation:portrait){
  .relax__header{height:104px}
  .brand{width:200px}
  .relax__content{left:clamp(42px,7vw,72px);top:40%;width:min(560px,66vw);padding-bottom:0;transform:translateY(-34%)}
  .site-return{display:inline-flex;align-items:center}
}
@media(max-height:690px) and (min-width:761px){
  .relax__header{height:88px}
  .brand{width:176px}
  .relax__content{top:51%}
  h1{font-size:clamp(32px,3.5vw,46px)}
  .lead{margin-top:16px;font-size:12px}
  .actions{margin-top:20px}
  .button{min-height:46px}
}
@media(max-height:420px) and (min-width:761px){
  .eyebrow{margin-bottom:10px}
  h1{font-size:30px;line-height:1}
  .lead{margin:12px 0 14px;font-size:11px;line-height:1.45}
  .actions{margin-top:0}
  .button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  .surface-light i,.current-lines i,.bubbles i{animation:none}
  .relax__video{transform:scale(1.02)}
  .interface,.leave-focus{transition:none}
}