@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin-ext.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Montserrat;src:url(../fonts/montserrat-latin.woff2) format("woff2");font-style:normal;font-weight:300 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin-ext.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Open Sans";src:url(../fonts/open-sans-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

#do-clip-on-bryle-oasis-2026{
  --do-blue:#25428A;
  --do-green:#00CC99;
  --do-cyan:#16B9DC;
  --do-red:#DB0812;
  --do-yellow:#FFEA0A;
  --do-text:#272727;
  --do-bg:#F8F7FD;
  --do-neutral:#F6F7F5;
  --do-radius:28px;
  position:relative;
  width:100%;
  overflow:hidden;
  color:var(--do-text);
  background:#fff;
  font-family:"Open Sans",Arial,sans-serif;
  font-size:19px;
  line-height:1.7;
  text-rendering:optimizeLegibility;
}

#do-clip-on-bryle-oasis-2026 *,#do-clip-on-bryle-oasis-2026 *::before,#do-clip-on-bryle-oasis-2026 *::after{box-sizing:border-box}
#do-clip-on-bryle-oasis-2026 h1,#do-clip-on-bryle-oasis-2026 h2,#do-clip-on-bryle-oasis-2026 h3,#do-clip-on-bryle-oasis-2026 p{margin-top:0}
#do-clip-on-bryle-oasis-2026 h1,#do-clip-on-bryle-oasis-2026 h2,#do-clip-on-bryle-oasis-2026 h3{font-family:Montserrat,Arial,sans-serif;color:var(--do-blue)}
#do-clip-on-bryle-oasis-2026 h1{font-size:clamp(48px,3.3vw,60px);font-weight:300;line-height:1.04;letter-spacing:-.035em;margin-bottom:28px;color:#fff}
#do-clip-on-bryle-oasis-2026 h2{font-size:clamp(36px,2.6vw,48px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin-bottom:24px}
#do-clip-on-bryle-oasis-2026 h3{font-size:clamp(25px,2vw,34px);font-weight:400;line-height:1.2;margin-bottom:12px}
#do-clip-on-bryle-oasis-2026 a{color:inherit}
#do-clip-on-bryle-oasis-2026 .do-shell{width:80%;max-width:1920px;margin-inline:auto}
#do-clip-on-bryle-oasis-2026 .do-section{padding:96px 0}
#do-clip-on-bryle-oasis-2026 .do-eyebrow,#do-clip-on-bryle-oasis-2026 .do-kicker{margin-bottom:14px;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.11em;text-transform:uppercase}
#do-clip-on-bryle-oasis-2026 .do-eyebrow{color:var(--do-red)}

#do-clip-on-bryle-oasis-2026 .do-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 28px;border:2px solid transparent;border-radius:40px;font-family:Montserrat,Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.2;letter-spacing:.025em;text-align:center;text-decoration:none!important;text-transform:uppercase;transition:color .18s ease,background-color .18s ease}
#do-clip-on-bryle-oasis-2026 .do-btn-primary{border-color:var(--do-green);background:var(--do-green);color:#fff!important}
#do-clip-on-bryle-oasis-2026 .do-btn-primary:hover,#do-clip-on-bryle-oasis-2026 .do-btn-primary:focus{border-color:var(--do-green);background:var(--do-green);color:var(--do-blue)!important}
#do-clip-on-bryle-oasis-2026 .do-btn:focus-visible,#do-clip-on-bryle-oasis-2026 .do-text-link:focus-visible,#do-clip-on-bryle-oasis-2026 summary:focus-visible{outline:3px solid var(--do-blue);outline-offset:4px}
#do-clip-on-bryle-oasis-2026 .do-hero .do-btn:focus-visible,#do-clip-on-bryle-oasis-2026 .do-hero .do-text-link:focus-visible,#do-clip-on-bryle-oasis-2026 .do-final-cta .do-btn:focus-visible{outline-color:var(--do-yellow)}
#do-clip-on-bryle-oasis-2026 .do-text-link{display:inline-block;color:#fff!important;font-family:Montserrat,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.035em;text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:5px;text-transform:uppercase}

#do-clip-on-bryle-oasis-2026 .do-hero{position:relative;min-height:clamp(680px,69vw,940px);display:flex;align-items:center;background:var(--do-blue);isolation:isolate}
#do-clip-on-bryle-oasis-2026 .do-hero-media{position:absolute;inset:0;z-index:-2}
#do-clip-on-bryle-oasis-2026 .do-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:70% center}
#do-clip-on-bryle-oasis-2026 .do-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(37,66,138,.98) 0%,rgba(37,66,138,.92) 35%,rgba(37,66,138,.46) 58%,rgba(37,66,138,.08) 80%)}
#do-clip-on-bryle-oasis-2026 .do-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;padding:82px 0}
#do-clip-on-bryle-oasis-2026 .do-hero-copy{max-width:790px;color:#fff}
#do-clip-on-bryle-oasis-2026 .do-kicker{color:var(--do-yellow)}
#do-clip-on-bryle-oasis-2026 .do-hero-offer{max-width:720px;margin-bottom:18px;font-size:clamp(23px,2vw,34px);line-height:1.35;color:#fff}
#do-clip-on-bryle-oasis-2026 .do-hero-offer strong{color:var(--do-yellow);white-space:nowrap}
#do-clip-on-bryle-oasis-2026 .do-hero-price-note{margin:-8px 0 24px;font-size:16px;font-weight:700;color:#fff}
#do-clip-on-bryle-oasis-2026 .do-lead{max-width:680px;margin:22px 0 0;font-size:18px;line-height:1.6;color:rgba(255,255,255,.9)}
#do-clip-on-bryle-oasis-2026 .do-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
#do-clip-on-bryle-oasis-2026 .do-action-note{margin:14px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.86)}

#do-clip-on-bryle-oasis-2026 .do-transform{background:#fff}
#do-clip-on-bryle-oasis-2026 .do-transform-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(50px,6vw,120px);align-items:center}
#do-clip-on-bryle-oasis-2026 .do-transform-copy p:last-child{max-width:65ch;margin-bottom:0}
#do-clip-on-bryle-oasis-2026 .do-benefit-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(37,66,138,.16);border-radius:var(--do-radius);overflow:hidden;background:var(--do-bg)}
#do-clip-on-bryle-oasis-2026 .do-benefit-strip article{min-height:250px;padding:32px 28px;border-right:1px solid rgba(37,66,138,.14);display:flex;flex-direction:column;justify-content:center}
#do-clip-on-bryle-oasis-2026 .do-benefit-strip article:last-child{border-right:0}
#do-clip-on-bryle-oasis-2026 .do-benefit-strip span{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:26px;border-radius:22px;background:var(--do-blue);color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:24px;font-weight:600}
#do-clip-on-bryle-oasis-2026 .do-benefit-strip h3{font-size:23px}
#do-clip-on-bryle-oasis-2026 .do-benefit-strip p{margin-bottom:0;font-size:16px;line-height:1.55}

#do-clip-on-bryle-oasis-2026 .do-usecases{background:var(--do-bg)}
#do-clip-on-bryle-oasis-2026 .do-section-head{max-width:850px;margin:0 auto 54px;text-align:center}
#do-clip-on-bryle-oasis-2026 .do-usecase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#do-clip-on-bryle-oasis-2026 .do-usecase{position:relative;min-height:340px;padding:42px 38px;border-radius:var(--do-radius);overflow:hidden;background:#fff;border:1px solid rgba(37,66,138,.11);display:flex;flex-direction:column;justify-content:flex-end}
#do-clip-on-bryle-oasis-2026 .do-usecase::before{content:"";position:absolute;inset:0 0 auto 0;height:10px;background:var(--do-cyan)}
#do-clip-on-bryle-oasis-2026 .do-usecase-winter::before{background:var(--do-blue)}
#do-clip-on-bryle-oasis-2026 .do-usecase-day::before{background:var(--do-yellow)}
#do-clip-on-bryle-oasis-2026 .do-usecase-number{position:absolute;top:28px;right:30px;color:rgba(37,66,138,.1);font-family:Montserrat,Arial,sans-serif;font-size:88px;font-weight:600;line-height:1}
#do-clip-on-bryle-oasis-2026 .do-usecase p{margin-bottom:0;max-width:38ch;font-size:17px;line-height:1.65}

#do-clip-on-bryle-oasis-2026 .do-pricing{background:var(--do-neutral)}
#do-clip-on-bryle-oasis-2026 .do-pricing-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(48px,7vw,130px);align-items:center}
#do-clip-on-bryle-oasis-2026 .do-pricing-copy>p:not(.do-eyebrow){max-width:65ch;margin-bottom:30px}
#do-clip-on-bryle-oasis-2026 .do-price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
#do-clip-on-bryle-oasis-2026 .do-price-card{position:relative;min-height:320px;padding:38px 34px;border:2px solid var(--do-blue);border-radius:var(--do-radius);background:#fff;display:flex;flex-direction:column;justify-content:center}
#do-clip-on-bryle-oasis-2026 .do-price-card-featured{border-color:var(--do-red)}
#do-clip-on-bryle-oasis-2026 .do-price-card p{margin-bottom:14px;color:var(--do-blue);font-weight:700}
#do-clip-on-bryle-oasis-2026 .do-price-card strong{display:block;margin-bottom:14px;color:var(--do-blue);font-family:Montserrat,Arial,sans-serif;font-size:clamp(38px,3vw,70px);font-weight:400;line-height:1;white-space:nowrap}
#do-clip-on-bryle-oasis-2026 .do-price-card-featured strong{color:var(--do-red)}
#do-clip-on-bryle-oasis-2026 .do-price-card span{font-size:15px;line-height:1.5;color:#555}

#do-clip-on-bryle-oasis-2026 .do-final-cta{padding:82px 0;background:var(--do-blue);color:#fff;text-align:center}
#do-clip-on-bryle-oasis-2026 .do-final-cta h2{color:#fff}
#do-clip-on-bryle-oasis-2026 .do-final-cta .do-eyebrow{color:var(--do-yellow)}
#do-clip-on-bryle-oasis-2026 .do-final-cta .do-final-lead{max-width:820px;margin:0 auto 34px;font-size:20px}
#do-clip-on-bryle-oasis-2026 .do-booking-steps{max-width:880px;margin:0 auto 36px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none}
#do-clip-on-bryle-oasis-2026 .do-booking-steps li{padding:18px 14px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:rgba(255,255,255,.08);font-family:Montserrat,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.35}
#do-clip-on-bryle-oasis-2026 .do-booking-steps span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:9px;border-radius:50%;background:#fff;color:var(--do-blue);font-weight:700}
#do-clip-on-bryle-oasis-2026 .do-final-cta .do-final-note{margin:14px 0 0;font-size:14px;color:rgba(255,255,255,.78)}

#do-clip-on-bryle-oasis-2026 .do-faq{background:#fff}
#do-clip-on-bryle-oasis-2026 .do-faq-grid{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr);gap:clamp(42px,7vw,130px);align-items:start}
#do-clip-on-bryle-oasis-2026 .do-faq-intro{position:sticky;top:40px}
#do-clip-on-bryle-oasis-2026 .do-faq-list{display:grid;gap:12px}
#do-clip-on-bryle-oasis-2026 .do-faq-list details{border:1px solid rgba(37,66,138,.18);border-radius:16px;background:var(--do-bg)}
#do-clip-on-bryle-oasis-2026 .do-faq-list summary{position:relative;padding:22px 58px 22px 24px;cursor:pointer;list-style:none;color:var(--do-blue);font-family:Montserrat,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.4}
#do-clip-on-bryle-oasis-2026 .do-faq-list summary::-webkit-details-marker{display:none}
#do-clip-on-bryle-oasis-2026 .do-faq-list summary::after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:400}
#do-clip-on-bryle-oasis-2026 .do-faq-list details[open] summary::after{content:"–"}
#do-clip-on-bryle-oasis-2026 .do-faq-list details p{padding:0 24px 22px;margin:0;font-size:16px;line-height:1.65}

#do-clip-on-bryle-oasis-2026 .do-terms{padding:78px 0;background:var(--do-neutral)}
#do-clip-on-bryle-oasis-2026 .do-terms-card{padding:42px 48px;border:1px solid rgba(37,66,138,.18);border-radius:22px;background:#fff}
#do-clip-on-bryle-oasis-2026 .do-terms h2{margin-bottom:20px;font-size:clamp(30px,2.7vw,44px)}
#do-clip-on-bryle-oasis-2026 .do-terms-body{max-width:1160px;font-size:15px;line-height:1.65}
#do-clip-on-bryle-oasis-2026 .do-terms-body>p{margin-bottom:18px}
#do-clip-on-bryle-oasis-2026 .do-terms-body ul{margin:0;padding-left:22px}
#do-clip-on-bryle-oasis-2026 .do-terms-body li+li{margin-top:8px}

#do-clip-on-bryle-oasis-2026 .do-mobile-cta{display:none}

@media (max-width:1180px){
  #do-clip-on-bryle-oasis-2026 .do-shell{width:86%}
  #do-clip-on-bryle-oasis-2026 .do-hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}
  #do-clip-on-bryle-oasis-2026 .do-transform-grid,#do-clip-on-bryle-oasis-2026 .do-pricing-grid{grid-template-columns:1fr;gap:48px}
}

@media (max-width:900px){
  #do-clip-on-bryle-oasis-2026 .do-section{padding:76px 0}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip{grid-template-columns:1fr}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip article{min-height:0;border-right:0;border-bottom:1px solid rgba(37,66,138,.14);display:grid;grid-template-columns:64px 1fr;column-gap:20px;align-items:center}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip article:last-child{border-bottom:0}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip span{grid-row:1/3;margin:0}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip h3,#do-clip-on-bryle-oasis-2026 .do-benefit-strip p{grid-column:2}
  #do-clip-on-bryle-oasis-2026 .do-usecase-grid{grid-template-columns:1fr}
  #do-clip-on-bryle-oasis-2026 .do-usecase{min-height:250px}
  #do-clip-on-bryle-oasis-2026 .do-faq-grid{grid-template-columns:1fr;gap:24px}
  #do-clip-on-bryle-oasis-2026 .do-faq-intro{position:static}
}

@media (max-width:767px){
  #do-clip-on-bryle-oasis-2026{font-size:18px;line-height:1.65;padding-bottom:78px}
  #do-clip-on-bryle-oasis-2026 .do-shell{width:90%}
  #do-clip-on-bryle-oasis-2026 h1{font-size:clamp(36px,10vw,40px);line-height:1.08;margin-bottom:20px}
  #do-clip-on-bryle-oasis-2026 h2{font-size:clamp(30px,8.5vw,34px)}
  #do-clip-on-bryle-oasis-2026 h3{font-size:25px}
  #do-clip-on-bryle-oasis-2026 .do-section{padding:66px 0}
  #do-clip-on-bryle-oasis-2026 .do-hero{min-height:0;display:block;padding-top:340px;background:var(--do-blue)}
  #do-clip-on-bryle-oasis-2026 .do-hero-media{inset:0 0 auto;height:340px}
  #do-clip-on-bryle-oasis-2026 .do-hero-media img{object-position:center center}
  #do-clip-on-bryle-oasis-2026 .do-hero::after{inset:0 0 auto;height:340px;background:linear-gradient(180deg,rgba(37,66,138,.05) 45%,rgba(37,66,138,.88) 100%)}
  #do-clip-on-bryle-oasis-2026 .do-hero-grid{display:block;padding:28px 0 42px}
  #do-clip-on-bryle-oasis-2026 .do-kicker{margin-bottom:12px;font-size:12px}
  #do-clip-on-bryle-oasis-2026 .do-hero-offer{font-size:23px;margin-bottom:12px}
  #do-clip-on-bryle-oasis-2026 .do-hero-price-note{margin:0 0 18px;font-size:15px;line-height:1.45}
  #do-clip-on-bryle-oasis-2026 .do-lead{font-size:16px;line-height:1.55;margin:18px 0 0}
  #do-clip-on-bryle-oasis-2026 .do-actions{display:block}
  #do-clip-on-bryle-oasis-2026 .do-actions .do-btn{width:100%}
  #do-clip-on-bryle-oasis-2026 .do-text-link{margin-top:18px}
  #do-clip-on-bryle-oasis-2026 .do-btn{min-height:56px;padding:14px 18px;font-size:15px;letter-spacing:.01em}
  #do-clip-on-bryle-oasis-2026 .do-transform-grid,#do-clip-on-bryle-oasis-2026 .do-pricing-grid{gap:34px}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip article{padding:24px 20px;grid-template-columns:54px 1fr;column-gap:16px}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip span{width:54px;height:54px;border-radius:18px;font-size:20px}
  #do-clip-on-bryle-oasis-2026 .do-benefit-strip h3{font-size:21px;margin-bottom:5px}
  #do-clip-on-bryle-oasis-2026 .do-section-head{margin-bottom:36px;text-align:left}
  #do-clip-on-bryle-oasis-2026 .do-usecase{min-height:230px;padding:34px 28px}
  #do-clip-on-bryle-oasis-2026 .do-usecase-number{font-size:70px}
  #do-clip-on-bryle-oasis-2026 .do-price-cards{grid-template-columns:1fr}
  #do-clip-on-bryle-oasis-2026 .do-price-card{min-height:230px;padding:30px 26px}
  #do-clip-on-bryle-oasis-2026 .do-price-card strong{font-size:48px}
  #do-clip-on-bryle-oasis-2026 .do-pricing-copy .do-btn{width:100%}
  #do-clip-on-bryle-oasis-2026 .do-final-cta{padding:66px 0}
  #do-clip-on-bryle-oasis-2026 .do-final-cta br{display:none}
  #do-clip-on-bryle-oasis-2026 .do-final-cta .do-btn{width:100%}
  #do-clip-on-bryle-oasis-2026 .do-booking-steps{grid-template-columns:1fr;gap:9px;margin-bottom:28px;text-align:left}
  #do-clip-on-bryle-oasis-2026 .do-booking-steps li{padding:13px 16px}
  #do-clip-on-bryle-oasis-2026 .do-faq-list summary{padding:18px 50px 18px 18px;font-size:16px}
  #do-clip-on-bryle-oasis-2026 .do-faq-list details p{padding:0 18px 18px;font-size:16px;line-height:1.65}
  #do-clip-on-bryle-oasis-2026 .do-terms{padding:52px 0}
  #do-clip-on-bryle-oasis-2026 .do-terms-card{padding:28px 22px;border-radius:18px}
  #do-clip-on-bryle-oasis-2026 .do-terms-body{font-size:16px;line-height:1.65}
  #do-clip-on-bryle-oasis-2026 .do-mobile-cta{position:fixed;left:0;right:0;bottom:0;z-index:9998;display:block;padding:10px max(5%,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid rgba(37,66,138,.15);transition:opacity .18s ease,visibility .18s ease}
  #do-clip-on-bryle-oasis-2026 .do-mobile-cta .do-btn{width:100%}
  #do-clip-on-bryle-oasis-2026 .do-mobile-cta.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
}

@media (prefers-reduced-motion:reduce){
  #do-clip-on-bryle-oasis-2026 *,#do-clip-on-bryle-oasis-2026 *::before,#do-clip-on-bryle-oasis-2026 *::after{scroll-behavior:auto!important;transition:none!important}
}
