/* A welcoming story around DolphinPage's existing lagoon. */
.creative-page .section{max-width:1440px;padding:88px 6%}
.creative-page section[id]{scroll-margin-top:0}
.creative-page p{line-height:1.75}
.creative-page .eyebrow,.creative-page .section-kicker{font-size:11px;letter-spacing:1.6px}
.creative-page .button{font-size:14px;min-height:50px;padding-inline:26px}
.creative-page .text-link{font-size:14px;padding:9px 0;line-height:1.5}
.creative-page :focus-visible{outline:3px solid #96c6b4;outline-offset:5px}
/* Let the lagoon reach the screen edge while its controls clear the notch. */
.creative-page .lx-nav{margin:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}
.creative-page .hero-copy{margin-top:calc(env(safe-area-inset-top,0px) + var(--lagoon-lead,0px))}
/* Keep the water below the first screen; let copy grow on short displays. */
.creative-page .hero{height:auto;min-height:100svh;padding-top:128px;padding-bottom:180px}
.creative-page h1{font-size:clamp(58px,5.6vw,80px);letter-spacing:-3.7px}
.creative-page .hero .eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:23px}
.creative-page .hero-description{font-size:17px;line-height:1.75;max-width:600px;margin-bottom:24px}
.creative-page .hero .text-link{display:inline-block;font-size:14px}
.creative-page .hero-reassurance{font-size:13px;color:#eff3e7;margin:17px 0 10px}
.creative-page .hero-price{display:inline-block;font-size:14px;color:#f5f7eb;line-height:1.7;text-decoration:underline;text-decoration-color:#eff3e75c;text-underline-offset:4px}
.creative-page .hero-price span{display:block;font-size:11px;color:#e3ebda;margin-top:3px}
.creative-page .hero-art:before{background:radial-gradient(ellipse at 50% 30%,#061b17bb,transparent 80%),linear-gradient(#10271730,transparent 78%)}
.creative-page .dive-cue{font-size:12px;bottom:24px}.creative-page .dive-cue small{font-size:9px}
.creative-page .section-heading>p{font-size:16px;max-width:390px;line-height:1.75}
.creative-page h2{font-size:clamp(37px,3.9vw,56px);letter-spacing:-2px;line-height:1.13}
.creative-page .section-kicker{margin-bottom:35px}
.creative-page .examples-section{max-width:none;background:#fff;color:var(--forest);border-radius:32px 32px 0 0;margin-top:-32px}
.creative-page .examples-section h2{color:var(--forest)}.creative-page .examples-section h2 em{color:#6d8271}
.creative-page .examples-section .section-kicker,.creative-page .examples-section .section-heading>p{color:var(--soft-ink)}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.example-card{min-width:0}
.example-preview{display:block;overflow:hidden;border-radius:12px;border:1px solid #26473f1a;box-shadow:0 12px 26px #2a3f3110;transition:transform .2s,box-shadow .2s}
.example-preview:hover{transform:translateY(-5px);box-shadow:0 18px 34px #2a3f3120}
.example-description{padding:25px 2px 0}.concept-label{font-size:10px;letter-spacing:1px;color:#54685e;line-height:1.7;display:block}.example-description h3{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:12px 0 9px}.example-description p{font-size:15px;color:var(--soft-ink);margin-bottom:10px}.example-description .text-link{color:var(--forest);border-color:#82968b}.examples-note{font-size:12px;color:#52665e;margin:30px 0 0}
.creative-page .process-section {
  max-width: none;
  padding-top: 94px;
  background: transparent;
}
.process-list{list-style:none;padding:0;margin:46px 0 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.process-list > li{border-top:1px solid #d5e8dc55;padding-top:24px}.process-number{font-family:Georgia,serif;font-size:34px;font-style:italic;color:#d2e3c2}.process-list h3{font-size:24px;line-height:1.3;font-weight:450;letter-spacing:-.5px;margin:20px 0 12px}.process-list p{font-size:16px;color:#e0ece3;margin-bottom:18px}.process-detail{font-size:13px;color:#d3e3db}.process-footnote{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-top:28px;border-top:1px solid #d5e8dc33}.process-footnote p{font-size:13px;color:#d0e2d9;margin:0}.process-footnote strong{font-weight:500;font-size:16px;color:#f0f5e8}
#ongoing-care { scroll-margin-top:100px; }
/* Each decorative icon has a visible text label beside it. */
.step-mark {
  display: flex;
  align-items: center;
  gap: 14px;
}
.step-icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border: 1px solid #d2e3c261;
  border-radius: 14px;
  background: #d2e3c210;
  color: #e6f1cd;
}
.step-icon svg, .setup-services svg {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.step-icon svg { width: 31px; height: 31px; }
.setup-services {
  display: grid;
  gap: .55rem;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #e0ece3;
  font-size: 15px;
  line-height: 1.55;
}
.setup-services li {
  display: grid;
  grid-template-columns: 19px 1fr;
  gap: .65rem;
  align-items: start;
}
.setup-services svg { width: 19px; height: 19px; margin-top: 2px; color: #dfedc9; }
.creative-page .included{border-top:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.benefit-mark{display:flex;align-items:center;justify-content:center;height:48px;width:48px;font-size:31px;border:1px solid #d4e5d755;border-radius:50%;color:#e0eacb;margin-bottom:26px}.benefit-grid h3{font-size:24px;font-weight:450;letter-spacing:-.5px;line-height:1.3;margin-bottom:14px}.benefit-grid p{font-size:16px;color:#d5e6de}
.creative-page .support-section{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;border-top:1px solid var(--line)}.support-copy>p:not(.eyebrow){font-size:16px;color:#d8e6df;max-width:490px}.support-copy .text-link{color:#e6eed8}.support-note{padding:36px 40px;background:#e3e8d4;color:#284a3c;transform:rotate(2deg);border-radius:4px 42px 4px 4px;box-shadow:0 18px 35px #062b3825}.note-mark{font-size:34px}.support-note p{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:23px 0 27px}.support-note p em{font-family:Georgia,serif}.support-note>span:last-of-type{display:block;font-size:10px;letter-spacing:1.5px}.support-note>a{display:block;font-size:14px;margin-top:30px;text-decoration:underline;text-underline-offset:5px}
.creative-page .home-pricing{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;border-top:1px solid var(--line)}.pricing-intro{font-size:17px;color:#d0e2da;margin:24px 0}.home-pricing>div>.text-link{color:#e1ebd8}.home-price-card{padding:36px;background:var(--cream);color:var(--forest);border-radius:22px}.plan-label{font-size:11px;letter-spacing:1.5px;margin:0 0 24px}.price-pair{display:flex;align-items:center;gap:20px;border-bottom:1px solid #284a3c26;padding-bottom:27px}.price-pair>div{flex:1}.price-pair strong{display:block;font-size:53px;line-height:1.1;letter-spacing:-2px;font-weight:450}.price-pair strong>span{font-size:22px;letter-spacing:-1px}.price-pair>div>span{display:block;font-size:12px;margin-top:10px;line-height:1.5}.price-then{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#657d70}.home-price-card ul{list-style:none;padding:0;margin:25px 0}.home-price-card li{position:relative;font-size:15px;line-height:1.6;padding:6px 0 6px 24px}.home-price-card li:before{content:'✓';position:absolute;left:0;color:#497361}.home-price-card .price-explanation{font-size:13px;line-height:1.7;color:#556b60}.creative-page .home-price-card .button{display:flex;background:#28574b;color:white;margin-top:24px}.creative-page .home-price-card .button:hover{background:#1d463a}.price-reassurance{font-size:12px;text-align:center;margin:14px 0 0;color:#556b60}
.creative-page .faq{grid-template-columns:1fr 1.35fr;border-top:1px solid var(--line);gap:8%}.faq-intro{font-size:16px;color:#cfdfd6}.faq-intro a{text-decoration:underline;text-underline-offset:4px}.creative-page .faq summary{font-size:17px;line-height:1.5;padding:23px 0}.creative-page .faq details p{font-size:15px;line-height:1.85;color:#d5e4dc}.creative-page .closing-section{text-align:center;border-top:1px solid var(--line);padding-bottom:50px}.closing-section .eyebrow{display:block}.closing-section h2{font-size:clamp(45px,5.5vw,76px);margin:28px 0}.closing-section>p:not(.eyebrow){font-size:17px;color:#d5e3dc;margin-bottom:28px}.closing-section>.text-link{display:table;margin:18px auto 0;color:#dbe8de}.creative-page .footer p,.creative-page .footer>span{font-size:12px}
/* The example directory uses the same cards as the homepage. */
.examples-page{background:var(--cream);color:var(--forest)}.examples-page .content-page{max-width:1280px}.examples-page .content-page>h1{max-width:800px}.examples-page .content-lead{color:var(--soft-ink)}.examples-page .eyebrow{color:#5b7368}.examples-page .button{background:#28574b;color:white}.examples-page .button:hover{background:#1d463a}.examples-page .site-footer{background:var(--cream)}
@media(min-width:1600px){.creative-page .process-section,.creative-page .examples-section{padding-inline:max(6%,calc((100vw - 1268px)/2))}}
@media(max-width:1100px){.creative-page .hero{padding-top:125px}.example-grid{gap:18px}.process-list,.benefit-grid{gap:26px}.home-price-card{padding:28px}.price-pair{gap:12px}.price-pair strong{font-size:44px}.price-pair>div>span{font-size:11px}}
@media(max-width:800px){.creative-page h1{font-size:62px}.creative-page .section-heading{display:block}.creative-page .section-heading>p{margin-top:22px;max-width:none}.example-grid{grid-template-columns:1fr;gap:42px}.example-card{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.example-description{padding:0}.creative-page .section{padding:65px 6%}.creative-page .support-section,.creative-page .home-pricing{grid-template-columns:1fr;gap:40px}.support-note{max-width:540px;margin-inline:auto;transform:rotate(1deg)}.home-price-card{max-width:650px;width:100%}.process-list,.benefit-grid{grid-template-columns:1fr;gap:25px}.process-list > li{padding-top:22px}.process-list h3{margin-top:14px}.process-list p{margin-bottom:10px}.benefit-grid{margin-top:32px}.benefit-grid article{position:relative;padding-left:70px}.benefit-mark{position:absolute;left:0;top:0}.benefit-grid h3{margin-bottom:8px}.creative-page .faq{grid-template-columns:1fr;gap:25px}.process-footnote{align-items:flex-start;flex-direction:column}}
@media(max-width:540px){.creative-page .hero{padding:124px 6% 180px}.creative-page h1{font-size:clamp(40px,10.5vw,56px);letter-spacing:-2.4px}.creative-page .hero .eyebrow{font-size:9px;letter-spacing:1.3px}.creative-page .hero-description{font-size:16px;max-width:370px;line-height:1.7}.creative-page .hero-actions{gap:9px;flex-direction:column}.creative-page .hero-reassurance{max-width:300px;margin:13px auto 10px;font-size:12px}.creative-page .hero-price{font-size:13px}.creative-page .hero-price span{max-width:300px;font-size:10px}.creative-page .hero-art:before{background:linear-gradient(#09261b8f,#09261bac 43%,#09261b33 77%,transparent)}.creative-page .hero .button{font-size:14px}.creative-page .section{padding:60px 6%}.creative-page .section-kicker{font-size:10px;margin-bottom:28px}.creative-page h2{font-size:38px;letter-spacing:-1.6px}.example-card{display:block}.example-description{padding-top:22px}.example-description h3{font-size:24px}.example-grid{gap:38px}.examples-note{font-size:12px}.process-number{font-size:29px}.process-list h3,.benefit-grid h3{font-size:22px}.support-note{padding:27px}.support-note p{font-size:28px}.price-pair{gap:10px}.price-pair strong{font-size:43px}.price-pair>div>span{font-size:11px}.home-price-card{padding:26px 22px}.price-then{font-size:16px}.creative-page .faq summary{font-size:16px}.creative-page .closing-section h2{font-size:47px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){.example-preview{transition:none}.example-preview:hover{transform:none}}
@media(max-width:540px){.creative-page .hero-price span{font-size:12px}.creative-page .hero-reassurance{font-size:13px}}

/* Branded covers for the three independent example websites. */
.examples-page .content-lead { margin-bottom: 3rem; }
.example-preview { container-type: inline-size; }
.mini-cover {
  position:relative; overflow:hidden; isolation:isolate; aspect-ratio:1.36;
  background:var(--paper); color:var(--letter); font-family:Georgia,serif;
}
.mini-cover img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.mini-mast,.mini-base { position:absolute; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:4.2% 6%; }
.mini-mast b { font-size:4.6cqw; line-height:1; font-weight:500; }
.mini-mast span,.mini-base { font:600 max(8px,2.2cqw)/1.25 Arial,sans-serif; letter-spacing:.09em; }
.mini-type { position:absolute; left:6%; font-size:10.7cqw; line-height:.95; letter-spacing:-.065em; }
.mini-base { inset:auto 0 0; padding-block:3%; }
.cover-sauna { --paper:#263e31; --letter:#fff7e8; }
.cover-sauna .mini-cover::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(#09201ac9,transparent 42%,#0c231adc); }
.cover-sauna .mini-mast { border-bottom:1px solid #fffae844; }
.cover-sauna .mini-mast b { font-size:3.8cqw; letter-spacing:.13em; }
.cover-sauna .mini-type { bottom:19%; }
.cover-bloom { --paper:#164d41; --letter:#fff8df; }
.cover-bloom img { width:100%; height:100%; inset:0; object-position:center; }
.cover-bloom .mini-cover::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(#123e3550,transparent 75%); }
.cover-bloom .mini-mast { border-bottom:1px solid #fff8df60; }
.cover-bloom .mini-mast b { font-style:italic; font-weight:bold; letter-spacing:-.07em; }
.cover-bloom .mini-type { top:29%; width:90%; left:5%; text-align:center; font-family:"Arial Black",Impact,sans-serif; text-transform:uppercase; font-weight:900; font-size:8.3cqw; transform:rotate(-2deg); line-height:1.1; letter-spacing:-.045em; }
.cover-bloom .mini-type i { font-style:normal; color:#f1c478; }
.cover-bloom .mini-base { background:#154637; color:#fff0c6; }
.cover-porto { --paper:#eae8d9; --letter:#15387b; }
.cover-porto .mini-cover { background:linear-gradient(90deg,transparent 74%,#c8d4d6 74%,#c8d4d6 75%,transparent 75%),var(--paper); }
.cover-porto .mini-mast b { font-style:italic; font-weight:600; }
.cover-porto img { inset:23% 5% auto auto; width:47%; height:61%; transform:rotate(3deg); border:5px solid ivory; box-shadow:0 2px 5px #1f355c44; }
.cover-porto .mini-type { top:33%; font-size:9.6cqw; max-width:50%; }
.cover-porto .mini-base { border-top:1px solid currentColor; }
@media(max-width:800px) {
  .creative-page .process-section, .creative-page .examples-section, .examples-page .content-page { scroll-margin-top:65px; }
}