/* CODE BY THE SEA / BRAND 1.0
   Layered over the user's current styles.css to preserve its base layout.
   Brand colors: ocean #0B3D5B | teal #2A9D8F | seafoam #A7D7C9 | sand #EADCC8
*/
:root {
  --ink:#123449;
  --muted:#5a7180;
  --dark:#092f46;
  --deep:#062437;
  --light:#f8faf7;
  --mint:#a7d7c9;
  --purple:#86c7c6;
  --line:#dce8e4;
  --shadow:0 20px 60px rgba(10,61,83,.10);
  --sea:#2a9d8f;
  --sea-deep:#187c79;
  --foam:#a7d7c9;
  --sand:#eadcc8;
  --cream:#fcfaf6;
}
::selection{background:#a7d7c9;color:#092f46}
:focus-visible{outline:3px solid #2a9d8f;outline-offset:4px}
body{color:var(--ink);background:#fcfaf6}
.site-header{background:#092f46;border-bottom:1px solid rgba(167,215,201,.18)}
.nav-wrap{min-height:92px}
.brand{gap:11px;letter-spacing:normal;font-weight:600;line-height:1}
.brand-icon{height:48px;width:48px;display:block;flex:none;object-fit:contain;padding:0;background:none;border:0;border-radius:0}
.brand-wordmark{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;font-size:24px;font-weight:600;color:#f7f7ef;white-space:nowrap}
.brand-wordmark em{font-weight:400;color:#a7d7c9;font-style:italic}
.desktop-nav{color:#d3e7e6}
.desktop-nav a:hover,.back-top:hover{color:#a7d7c9}
.button{border-radius:8px}
.button-outline-light{border-color:rgba(167,215,201,.54);color:#e9f4f0}
.button-outline-light:hover{background:#e7f4ed;color:#092f46}
.button-primary{background:#a7d7c9;color:#082f40;box-shadow:0 8px 22px rgba(4,20,29,.06)}
.button-primary:hover{background:#cdeae0;color:#082f40;box-shadow:0 12px 28px rgba(0,0,0,.13)}
.hero{background:radial-gradient(ellipse 72% 94% at 100% 22%,rgba(42,157,143,.23),transparent 66%),linear-gradient(125deg,#072b42 7%,#0b3d5b 59%,#125968);color:#fff}
.hero::before{background-image:linear-gradient(rgba(230,246,239,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(230,246,239,.075) 1px,transparent 1px);opacity:.16;mask-image:linear-gradient(to right,transparent 10%,#000 90%)}
.hero-glow{right:-8%;top:-30%;width:760px;height:760px;background:radial-gradient(circle,rgba(113,200,186,.15),transparent 69%)}
.hero-grid{padding-top:108px;padding-bottom:133px;gap:60px}
.hero .eyebrow-dark{color:#c1e8db}
.eyebrow{color:#237e7d}
.status-dot,.running-dot{background:#82d1bf;box-shadow:0 0 0 4px rgba(167,215,201,.12)}
.hero h1{font-weight:750;letter-spacing:-.061em;max-width:650px}
.hero h1 .highlight{display:block;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.055em;color:#acdcd1;font-size:.95em;line-height:1.17;margin-top:.1em}
.hero-lede{color:#cbdee3;font-size:16px}
.hero-proof{color:#c6e2df}
.hero-proof svg{stroke:#9edac7}
.text-link{color:#f6f5e8}.text-link:hover{color:#a7d7c9}
.hero-visual{isolation:isolate;padding-top:33px}
.shell-watermark{position:absolute;z-index:-1;right:-58px;top:-118px;width:240px;height:240px;opacity:.20;transform:rotate(-15deg);pointer-events:none;filter:drop-shadow(0 7px 22px rgba(0,0,0,.05))}
.shell-watermark img{width:100%;height:100%;display:block}
.editor{background:#0a2638;border:1px solid rgba(175,231,225,.30);box-shadow:0 38px 90px rgba(1,16,26,.37);transform:rotate(1deg)}
.editor-topbar{background:#16394b;border-bottom:1px solid #2c5262}
.editor-footer{border-top:1px solid #2c5262}
.editor-code{color:#e5f6f0}
.editor-code .purple{color:#89d9cd}
.editor-code .yellow{color:#efce94}
.editor-code .green{color:#93daba}
.editor-code .mint{color:#acdcd1}
.cursor{background:#a7d7c9}
.floating-note{background:#fbfaf5;border:1px solid rgba(255,255,255,.6);box-shadow:0 23px 65px rgba(3,28,41,.25)}
.note-icon{color:#116c73;background:#dbf2e8}
.hero-tide{position:absolute;bottom:-1px;left:0;display:block;width:100%;height:72px;pointer-events:none}
.audience-bar{background:#eff8f4;border-bottom:1px solid #d4e8e0}
.audience-inner{padding-top:26px;padding-bottom:27px}
.audience-inner p{color:#2b777d;font-weight:900;letter-spacing:.2em}
.audience-types span{color:#466877}
.subjects-section{background:#f8faf7}
.section-heading h2,.pricing-head h2,.approach-intro h2,.faq-grid h2,.contact-intro h2{letter-spacing:-.05em}
.heading-italic{color:#237f85}
.topic-card{border:1px solid #e0eae7;background:#fffefa;border-radius:13px;box-shadow:0 8px 24px rgba(15,57,71,.025)}
.topic-num{color:#698c90}
.symbol-blue{background:#e3f1f2;color:#1b7588}
.symbol-mint{background:#e4f4eb;color:#247e72}
.symbol-purple{background:#f0f1e4;color:#6e8373}
.symbol-peach{background:#f6ebdc;color:#a27742}
.topic-card p{color:#617680}
.tags span{background:#edf5f0;color:#446a71}
.after-grid a{color:#116c74}
.approach-section{background:#fffefa;position:relative;overflow:hidden}
.approach-section:before{content:"";position:absolute;width:410px;height:410px;right:-250px;bottom:-150px;border:1px solid rgba(35,127,133,.12);border-radius:50%;box-shadow:0 0 0 45px rgba(167,215,201,.035),0 0 0 90px rgba(167,215,201,.035);pointer-events:none}
.experience-number{color:#0b3d5b}
.experience-number>span{color:#2a9d8f}
.step-number{background:#e3f2ed;color:#19747a}
.pricing-section{background:linear-gradient(132deg,#082e46,#0b3d5b 75%,#10546a)}
.pricing-section:before{background:radial-gradient(circle,rgba(167,215,201,.12),transparent 70%)}
.pricing-head .eyebrow{color:#acdcd1}
.pricing-head .heading-italic{color:#acdcd1}
.price-featured{background:#e6f3ed;border-color:#d3e8df;color:#123c42}
.price-standard{background:#16455b;border-color:#376477}
.offer-badge{color:#125e63;background:#c4e6dc}
.price-featured .button-primary{background:#0b3d5b;color:#fff}
.price-featured .button-primary:hover{background:#176379}
.price-standard .button-secondary{background:#f2f7f2;color:#0b3d5b}
.price-card li:before,.price-standard li:before{color:#2a9d8f}
.consult-note span{color:#acdcd1}
.faq-section{background:#fffefa}
.faq-list summary span{color:#247f85}
.contact-section{background:linear-gradient(160deg,#eff8f4 5%,#e6f4f0 100%)}
.contact-intro .heading-italic{color:#16757d}
.contact-reassurance{color:#46696a}
.contact-reassurance span{color:#16887d}
.contact-email-link{color:#13717c}
.contact-card{border:1px solid #d7e8e3;background:#fffefa;box-shadow:0 23px 60px rgba(8,55,66,.09)}
.form-mark{background:#e1f2eb;color:#167b7c}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px rgba(42,157,143,.14)}
.contact-card .button-primary{background:#0b3d5b;color:#fff}
.contact-card .button-primary:hover{background:#1e6175}
.form-status{color:#176a70}
.site-footer{background:#062739}
.footer-brand .brand-wordmark{font-size:21px}
.footer-inner p{color:#b0cbce}
.footer-inner a:hover{color:#c6e7db}
@media(max-width:1070px){.hero-grid{gap:34px}.shell-watermark{right:0;top:-90px;width:205px;height:205px}}
@media(max-width:810px){.hero-grid{padding-top:80px;padding-bottom:112px}.hero-tide{height:50px}.shell-watermark{top:-45px;right:15px}.nav-wrap{min-height:79px}}
@media(max-width:570px){
  .nav-wrap{min-height:72px}
  .brand{gap:7px}
  .brand-icon{height:38px;width:38px}
  .brand-wordmark{font-size:18px;letter-spacing:-.045em}
  .footer-brand .brand-wordmark{font-size:18px}
  .nav-wrap>.button-small{font-size:10.5px;padding:9px 10px}
  .hero-grid{padding-top:73px;padding-bottom:98px}
  .hero h1{font-size:clamp(43px,10.5vw,58px)}
  .hero h1 .highlight{font-size:.94em}
  .shell-watermark{width:151px;height:151px;top:-12px;right:0;opacity:.13}
  .hero-tide{height:35px}
  .audience-inner{padding-top:19px}
  .topic-card{background:#fffefa}
  .editor{transform:rotate(.6deg)}
}
@media(prefers-reduced-motion:reduce){.shell-watermark{transform:none}}