@layer reset, base, components, responsive;
@layer reset {
  *,*::before,*::after{box-sizing:border-box}
  body,h1,h2,h3,p,figure{margin:0}
  button,input,select,textarea{font:inherit}
  button,a{-webkit-tap-highlight-color:transparent}
  button{cursor:pointer}
  img,svg{display:block}
  [hidden]{display:none!important}
}
@layer base {
  @font-face{font-family:'Pirata One';font-style:normal;font-weight:400;font-display:swap;src:url(../public/fonts/pirata-one-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
  @font-face{font-family:'Pirata One';font-style:normal;font-weight:400;font-display:swap;src:url(../public/fonts/pirata-one.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
  :root{--ink:#173e48;--muted:#5c7375;--paper:#faf6ea;--cream:#f1ebda;--coral:#b64c35;--coral-hover:#953c29;--line:#dcded0;--sea:#d8ece6;--serif:Georgia,'Times New Roman',serif;color-scheme:light}
  html{scroll-behavior:smooth;scroll-padding-top:120px}
  body{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
  body.modal-open{overflow:hidden}
  a{color:inherit;text-decoration:none}
  button{color:inherit}
  button:disabled{cursor:default}
  ::selection{background:#ecc29b;color:var(--ink)}
  :focus-visible{outline:3px solid #dc923b;outline-offset:5px}
  h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
  h2{font-size:clamp(38px,4.1vw,60px);line-height:1.06}
  h3{font-size:29px;line-height:1.15;letter-spacing:-.035em}
  p{line-height:1.7}
  .wrap{width:min(1200px,calc(100% - 104px));margin-inline:auto}
  .eyebrow{font-size:10px;line-height:1.4;letter-spacing:.19em;text-transform:uppercase;font-weight:700}
  .eyebrow.coral{color:var(--coral)}
  .muted{color:var(--muted)}
  .icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:49px;padding:13px 22px;border:1px solid transparent;border-radius:7px;background:var(--coral);color:#fffaf0;font-size:13px;font-weight:600;line-height:1.3;transition:background .18s,transform .18s,box-shadow .18s}
  .button:hover{background:var(--coral-hover);transform:translateY(-2px);box-shadow:0 5px 12px #71361c15}
  .button .icon{width:16px;height:16px}
  .button.secondary{background:transparent;color:var(--ink);border-color:#9caeaa}
  .button.secondary:hover{background:#e7eee2}
  .text-link{font-size:13px;display:inline-flex;align-items:center;gap:10px;border:0;padding:0 0 5px;background:none;border-bottom:1px solid #91a29a}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .skip-link{position:fixed;z-index:100;top:-70px;left:20px;background:var(--paper);padding:12px;border-radius:5px}
  .skip-link:focus{top:16px}
}
@layer components {
  .site-header{position:fixed;z-index:20;inset:24px 36px auto;max-width:1536px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;border:1px solid #fff9e995;border-radius:13px;background:#fcf9edee;box-shadow:0 5px 28px #16415108;visibility:hidden;opacity:0;transform:translateY(calc(-100% - 30px));pointer-events:none;transition:transform .25s ease,opacity .2s ease,visibility .25s}
  .site-header[data-visible=true]{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}
  .brand{display:inline-flex;align-items:center;gap:9px;font-family:var(--serif);font-size:25px;font-weight:bold;letter-spacing:-.9px;white-space:nowrap}
  .brand-mark{width:28px;height:34px;flex:none;fill:currentColor;stroke:none}
  .main-nav,.header-actions{display:flex;align-items:center;gap:30px}
  .main-nav a,.login-button{font-size:12px;font-weight:550}
  .main-nav a{position:relative;padding:8px 0}
  .main-nav a::after{content:'';position:absolute;bottom:2px;left:0;right:100%;height:1px;background:currentColor;transition:right .2s}
  .main-nav a:hover::after{right:0}
  .login-button{border:0;background:none;padding:10px 0}
  .header-actions{gap:22px}
  .header-actions .button{min-height:39px;padding:10px 16px;gap:20px;font-size:11px}
  .menu-button{display:none;border:0;background:none;padding:6px}
  /* Keep the approved full-size composition; clip only its bottom 141 image pixels. */
  .hero{width:100%;aspect-ratio:1672/800;position:relative;isolation:isolate;overflow:hidden;background:#92d6e5}
  .harbor-scene{position:absolute;left:0;top:0;width:100%;aspect-ratio:1672/941}
  .harbor-scene picture,.harbor-scene picture img{display:block;width:100%;height:100%}
  .harbor-scene picture img{object-fit:fill}
  .harbor-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
  .harbor-scene[data-animate=true] .harbor-canvas{opacity:1}
  .hero-copy{position:absolute;z-index:2;left:32%;top:calc(100vw * 941 / 1672 * .08);width:37%;text-align:center;color:#123c4d;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:auto}
  .hero-copy .eyebrow{font-size:10px;font-weight:750;letter-spacing:.17em;line-height:normal;margin:0 0 16px}
  .hero-copy h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.065em;font-size:clamp(36px,5.4vw,100px);line-height:.98;margin:0}
  .hero-description{font-size:clamp(12px,1.15vw,20px);line-height:1.45;margin:16px 0 20px}
  .hero-copy .button{display:inline-flex;align-items:center;gap:25px;min-height:0;border:0;background:#b84630;color:#fff9eb;padding:13px 21px;border-radius:7px;font-size:13px;font-weight:650;line-height:normal;box-shadow:0 3px 0 #853420}
  .hero-copy .button:hover{background:#9f3c29}
  .language-control{position:relative;display:flex;align-items:center;flex:none;width:54px;height:32px;padding:0 19px 0 9px;border:1px solid #b9c8be;border-radius:6px;font-size:11px;font-weight:650;direction:ltr}
  .language-control select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:14px}
  .language-control:focus-within{outline:3px solid #dc923b;outline-offset:3px}
  .language-control>svg{position:absolute;right:6px;top:9px;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;pointer-events:none}
  .bay-community{position:absolute;z-index:3;right:clamp(14px,2.5vw,42px);bottom:15px;width:330px;aspect-ratio:3/1;color:#fff4da}
  .fleet-sign-art{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 3px 3px #142f3d33)}
  .community-copy{position:absolute;left:29%;right:8%;top:29%;text-align:center;text-shadow:0 -1px 0 #1a0e08cc,0 1px 0 #ffffff26,0 2px 3px #120a06aa}
  .community-title{display:block;font-family:var(--serif);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#e7c592;margin-bottom:8px;white-space:nowrap}
  .community-copy p{display:flex;align-items:baseline;justify-content:center;gap:8px;line-height:1;white-space:nowrap}
  .community-copy p>span{font-family:var(--serif);font-size:12px;color:#fff0d3}
  .community-copy strong{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#fff6df}
  .features{padding:76px 0 78px}
  .voyage-story{display:grid;gap:112px;max-width:640px;margin:64px auto 0}
  .voyage-step{text-align:center;min-width:0}
  .voyage-copy{width:100%}
  .voyage-kicker{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;font-size:10px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:#8b6444;margin-bottom:19px}
  .voyage-number{display:inline-block;padding:6px 15px 6px 10px;background:#ece2cc;color:#705233;clip-path:polygon(0 0,100% 0,calc(100% - 6px) 50%,100% 100%,0 100%);font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1.4;white-space:nowrap}
  .voyage-title-row{display:flex;align-items:center;justify-content:center;gap:28px;width:fit-content;max-width:100%;margin:0 auto 19px}
  .voyage-step:nth-child(even) .voyage-title-row{flex-direction:row-reverse}
  .voyage-copy h3{min-width:0;font-size:clamp(32px,3.1vw,43px);line-height:1.09;letter-spacing:-.04em;margin:0}
  .voyage-copy>p:not(.voyage-kicker){font-size:15px;line-height:1.8;color:#52676a;max-width:450px;margin-inline:auto}
  .voyage-feature-art{width:140px;height:auto;flex:none;pointer-events:none}
  .technical-features{max-width:1000px;padding:30px 0 90px}
  .technical-heading{text-align:center}
  .technical-heading .eyebrow{margin-bottom:16px}
  .technical-heading h2{font-size:clamp(34px,3.6vw,48px)}
  .technical-list{margin:38px 0 0;border-top:1px solid var(--line)}
  .technical-list>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px;padding:25px 0;border-bottom:1px solid var(--line)}
  .technical-list dt{display:flex;align-items:flex-start;gap:13px;font-size:17px;line-height:1.5;font-weight:600}
  .technical-list dt .icon{margin-top:3px;color:#547768}
  .technical-list dd{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
  .section-heading{text-align:center;max-width:950px;margin:0 auto 29px}
  .section-heading .eyebrow{justify-content:center;margin-bottom:17px}
  .section-heading h2{font-size:clamp(37px,4vw,57px);line-height:1.1}
  .section-heading>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:720px;color:var(--muted);margin:20px auto 0}
  .chapter-label{display:flex;gap:10px;align-items:center;margin-bottom:20px}
  .chapter-label::before{content:'';display:block;width:25px;height:1px;background:currentColor}
  .free-section{background:#173c49;color:var(--paper);position:relative;overflow:hidden;padding:59px 0 58px;border-top:5px solid #bfa67a;border-bottom:5px solid #bfa67a}
  .free-section::before{content:'';position:absolute;inset:16px 0;border-top:1px dashed #bfa67a55;border-bottom:1px dashed #bfa67a55;pointer-events:none}
  .free-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;align-items:center;position:relative}
  .free-story{position:relative;z-index:1;max-width:445px}
  .free-story h2{font-size:clamp(42px,4vw,59px)}
  .free-story h2 em{font-weight:normal;font-style:normal;color:#e6ba80}
  .free-allowances{list-style:none;padding:0;margin:27px 0 24px;border-top:1px solid #e9eed22b;max-width:375px}
  .free-allowances li{display:flex;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #e9eed22b;font-size:12px;line-height:1.75;color:#c4d3cc}
  .free-allowances .icon{width:22px;height:22px;color:#e6ba80}
  .free-allowances strong{display:block;color:var(--paper);font-size:13px;font-weight:600;margin-bottom:2px}
  .free-actions{display:flex;align-items:center;gap:24px}
  .free-note{font-size:10px;color:#b3c8c1;margin-top:16px}
  .free-harbor{position:relative;width:calc(100% + 120px);margin-left:-85px;isolation:isolate}
  .free-harbor img{display:block;width:100%;height:auto}
  .free-harbor canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
  .free-harbor[data-animate=true] canvas{opacity:1}
  .free-harbor[data-animate=true] img{visibility:hidden}
  .badge-section{padding:80px 0 76px}
  .badge-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:center}
  .badge-display{padding:28px;background:#eee8d7;border-radius:14px;border:1px solid #d8cfb7}
  .badge-preview-label{font-size:14px;font-weight:600;margin-bottom:18px}
  .website-preview{border:1px solid #cad4c8;border-radius:9px;background:#fffef9;overflow:hidden;box-shadow:0 10px 24px #173e4809;container-type:inline-size;transition:background .25s,color .25s}
  .browser-bar{height:33px;display:flex;align-items:center;border-bottom:1px solid #dbe0d6;padding:0 12px;gap:4px;font-size:9px;color:#637870}
  .browser-bar i{width:5px;height:5px;border:1px solid #b5c2b6;border-radius:100%}
  .browser-bar span{margin:auto;transform:translateX(-12px)}
  .website-body{padding:25px 24px 23px;display:grid;grid-template-columns:minmax(0,1fr) clamp(80px,11vw,160px);align-items:center;gap:14px}
  .shop-art{display:block;width:100%;height:auto;pointer-events:none}
  .shop-copy{min-width:0}
  .shop-kicker{font-size:8px;font-weight:650;letter-spacing:.12em;opacity:.65;margin-bottom:12px}
  .shop-title{font-family:var(--serif);font-size:32px;line-height:1.07;letter-spacing:-.04em;margin-bottom:12px}
  .shop-description{font-size:11px;line-height:1.6;opacity:.8}
  .website-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 12px;margin:0 16px 18px;padding:18px 16px;border:1px dashed #95ac8e;border-radius:7px;background:#f0f3e6}
  .footer-label{flex-basis:100%;font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
  .footer-owner{font-size:10px;color:var(--muted)}
  .badge-target{position:relative;margin-inline-start:auto}
  .badge-arrow{position:absolute;width:70px;height:95px;bottom:calc(100% + 1px);inset-inline-start:-59px;transform-origin:64% 90%;transform:rotate(-12deg) scaleX(-1);fill:none;stroke:#c64d38;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;overflow:visible}
  .badge-arrow-line{stroke-dasharray:110;animation:draw-badge-arrow 4.8s ease-in-out infinite}
  .badge-arrow-tip{stroke-dasharray:45;animation:draw-badge-tip 4.8s ease-in-out infinite}
  @container (max-width:420px){.footer-label{padding-inline-end:170px}.badge-arrow{transform:rotate(-12deg) scale(-.75,.75)}}
  @container (max-width:300px){.footer-owner{display:none}.footer-label{padding-inline-end:0}.website-footer{row-gap:78px}}
  @keyframes draw-badge-arrow{0%,8%{stroke-dashoffset:110;opacity:0}12%{opacity:1}45%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
  @keyframes draw-badge-tip{0%,38%{stroke-dashoffset:45;opacity:0}43%{opacity:1}54%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
  .warmup-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #c4d3bd;background:#f4f6e9;border-radius:6px;padding:8px 11px;white-space:nowrap;color:#173e48}
  .warmup-badge .brand-mark{width:20px;height:24px}
  .warmup-badge span{display:flex;flex-direction:column;gap:2px}
  .warmup-badge small{font-size:6px;letter-spacing:.07em;text-transform:uppercase}
  .warmup-badge strong{font-family:var(--serif);font-size:12px;line-height:1;font-weight:bold;letter-spacing:-.4px}
  .badge-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
  .badge-caption>p{font-size:11px;color:var(--muted)}
  .theme-switch{display:flex;gap:3px;background:#d8dfd2;border-radius:100px;padding:3px}
  .theme-switch button{display:grid;place-items:center;width:29px;height:27px;border:0;border-radius:50%;background:none;color:var(--muted)}
  .theme-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 4px #173e4812}
  .theme-switch .icon{width:14px;height:14px}
  .website-preview[data-theme=dark]{background:#183f47;color:#f4f6e9;border-color:#183f47}
  .website-preview[data-theme=dark] .browser-bar{border-color:#f4f6e926;color:#b9ccc0}.website-preview[data-theme=dark] .website-footer{background:#20484c;border-color:#8aab8f}.website-preview[data-theme=dark] .footer-owner{color:#bdcfc3}
  .website-preview[data-theme=dark] .warmup-badge{background:#244e52;border-color:#6a8276;color:#f4f6e9}
  .badge-story .eyebrow{margin-bottom:18px}
  .badge-story h2{font-size:clamp(38px,4vw,54px)}
  .badge-story>p:not(.eyebrow){margin:22px 0;color:var(--muted);font-size:14px;max-width:390px}
  .badge-story>p.badge-reason{padding-left:16px;border-left:2px solid #c4ad80;font-size:13px}
  .badge-story .text-link{margin-top:5px;gap:12px}
  .badge-story>p.badge-condition{font-size:11px;margin:13px 0 0}
  .registration-badge{margin:0 0 20px;padding:14px 0;border-block:1px solid var(--line)}
  .registration-badge summary{cursor:pointer;font-size:12px;font-weight:600}
  .registration-badge>p{font-size:12px;color:var(--muted);margin:13px 0}
  .registration-badge pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eeeee2;border:1px solid #d5ddce;border-radius:8px;padding:12px;font-size:10px;max-height:130px;overflow:auto;margin:12px 0 0}
  .copy-status{display:block;font-size:10px;color:#4c7865;margin-top:8px}
  .faq-section{border-top:1px solid var(--line);padding:79px 0 88px}
  .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
  .faq-intro .eyebrow{margin-bottom:20px}
  .faq-intro h2{font-size:47px}
  .faq-intro p:last-child{margin-top:22px;color:var(--muted);font-size:13px;max-width:255px}
  .faq-list{border-top:1px solid #ccd7c8}
  .faq-list details{border-bottom:1px solid #ccd7c8}
  .faq-list summary{position:relative;list-style:none;cursor:pointer;padding:21px 34px 21px 0;font-size:14px;font-weight:500;line-height:1.5}
  .faq-list summary::-webkit-details-marker{display:none}
  .faq-list summary::before,.faq-list summary::after{content:'';position:absolute;background:var(--ink);right:2px;top:30px;width:10px;height:1px}
  .faq-list summary::after{transform:rotate(90deg);transition:transform .2s}
  .faq-list details[open] summary::after{transform:rotate(0)}
  .faq-list details p{font-size:12px;line-height:1.85;color:var(--muted);padding:0 27px 22px 0}
  .closing{position:relative;overflow:hidden;background:linear-gradient(180deg,#e5eee2,#d3e7df);border-top:1px solid #ccd7c8;padding:76px 0 79px;text-align:center}
  .closing::after{content:'';position:absolute;inset:auto -10% -68px;height:100px;border-top:1px solid #93b9af66;border-radius:50%;box-shadow:0 -15px 0 #fff9e928,0 -31px 0 #a4c8bd1c;pointer-events:none}
  .closing .eyebrow{margin-bottom:17px}
  .closing h2{font-size:clamp(40px,4.4vw,66px)}
  .closing>p{font-size:13px;color:var(--muted);margin:17px 0 24px}
  .closing .button{gap:30px}
  .closing-illustration{position:absolute;object-fit:contain;pointer-events:none}
  .closing-post{width:310px;height:auto;bottom:28px;left:3%}
  .closing-gull{width:265px;height:265px;bottom:25px;right:4%}
  .site-footer{padding:36px 0 25px}
  .footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:29px}
  .footer-top>p{font-family:var(--serif);font-size:17px;font-style:italic;color:#75867a}
  .footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--muted);font-size:10px}
  .footer-links{display:flex;align-items:center;gap:24px}
  .footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
  .dialog{border:1px solid #d7dfd0;padding:0;background:var(--paper);color:var(--ink);width:min(510px,calc(100% - 32px));max-height:calc(100svh - 40px);border-radius:17px;box-shadow:0 30px 100px #082c4940}
  .dialog::backdrop{background:#102f45a6;backdrop-filter:blur(5px)}
  .dialog-content{padding:39px}
  .dialog-close{position:absolute;top:15px;right:15px;border:0;background:#e8ebdd;border-radius:50%;padding:7px}
  .dialog-close .icon{width:16px;height:16px}
  .dialog-mark{width:47px;height:50px;margin-bottom:22px;color:var(--coral)}
  .dialog .eyebrow{color:var(--coral);margin-bottom:14px}
  .dialog h2{font-size:43px;line-height:1.06;max-width:350px}
  .dialog-description{font-size:13px;color:var(--muted);margin:20px 0 23px}
  .dialog-plans{border:1px solid #cdd7c6;border-radius:8px;overflow:hidden;margin-bottom:23px}
  .dialog-plan{padding:14px 16px;display:flex;align-items:center;gap:13px}
  .dialog-plan+.dialog-plan{border-top:1px solid #cdd7c6;background:#ecf0df}
  .dialog-plan .icon{color:#577966}
  .dialog-plan strong{display:block;font-size:12px;line-height:1.5}
  .dialog-plan p{font-size:10px;color:var(--muted);margin-top:3px}
  .dialog-plan>span{font-family:var(--serif);font-size:21px;margin-left:auto}
  .dialog-note{font-size:10px;color:var(--muted);margin-top:14px;line-height:1.7}
  .dialog .button{width:100%}
}
@layer responsive {
  @media(max-width:1100px){
    .site-header{inset:20px 24px auto;padding:13px 18px}.main-nav{gap:18px}.header-actions{gap:16px}
    .wrap{width:calc(100% - 72px)}.badge-layout,.faq-layout{gap:45px}.free-layout{grid-template-columns:1fr 1fr;gap:0}.free-harbor{width:calc(100% + 65px);margin-left:-35px}.closing-post{left:-70px;width:260px}.closing-gull{right:-35px;width:225px;height:225px}
  }
  @media(max-width:850px){
    .main-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--paper);padding:15px 22px;border:1px solid #d7dfcd;border-radius:12px;box-shadow:0 12px 18px #183f4710;gap:3px}
    .main-nav[data-open=true]{display:flex}.main-nav a{padding:11px 0}.main-nav a::after{display:none}.menu-button{display:block}.header-actions{margin-left:auto;gap:17px}.header-actions .button{display:none}
    .hero-copy{top:calc(100vw * 941 / 1672 * .07)}.hero-copy .eyebrow{font-size:7px;margin-bottom:8px}.hero-copy h1{font-size:5.2vw}.hero-description{font-size:1.65vw;line-height:1.3;margin:9px 0 12px}.hero-copy .button{font-size:1.5vw;padding:8px 12px;gap:12px}
    .bay-community{bottom:11px;right:16px;width:280px}.community-copy{top:28%}.community-copy strong{font-size:25px}.community-copy p>span{font-size:10px}.community-title{font-size:8px;margin-bottom:7px}.section-heading{margin-bottom:26px}.section-heading>p:not(.eyebrow){font-size:15px;max-width:600px}.desktop-break{display:none}
    .features{padding:55px 0}.free-section{padding:48px 0}.free-layout{grid-template-columns:1fr .95fr;gap:0}.free-harbor{width:calc(100% + 80px);margin-left:-45px}.free-story>p:not(.eyebrow):not(.free-note){font-size:13px}.free-story h2{font-size:44px}.free-actions{gap:19px}.free-actions .button{padding-inline:16px;gap:18px}

    .shop-title{font-size:26px}
    .badge-section{padding:60px 0}.badge-layout{gap:32px}.badge-display{padding:22px 18px}.website-footer{margin:0 12px 14px;padding:16px 12px}.badge-story h2{font-size:40px}
    .faq-section{padding:65px 0}.faq-layout{grid-template-columns:.8fr 1.2fr;gap:35px}.faq-intro h2{font-size:40px}.faq-list summary{font-size:13px}.closing-post{display:none}.closing-gull{width:160px;height:160px;right:-28px;bottom:20px}
  }
  @media(max-width:580px){
    .wrap{width:calc(100% - 40px)}.site-header{inset:14px 14px auto;padding:12px 15px;gap:10px;border-radius:10px}.brand{font-size:23px}.brand-mark{width:25px;height:30px}.header-actions{gap:10px}.login-button{font-size:11px}.menu-button{padding:5px 0 5px 3px}
    .bay-community{bottom:4px;right:7px;width:220px}.community-copy{top:28%}.community-copy strong{font-size:21px}.community-copy p{gap:5px}.community-copy p>span{font-size:9px}.community-title{font-size:6.5px;letter-spacing:.06em;margin-bottom:5px}.section-heading{margin-bottom:25px;text-align:left}.section-heading .eyebrow{justify-content:flex-start;font-size:9px;margin-bottom:14px}.section-heading h2{font-size:37px}h2{font-size:40px}.section-heading>p:not(.eyebrow){font-size:14px;margin-top:17px}.section-heading h2 br{display:none}
    .features{padding:41px 0 44px}.free-section{padding:43px 0 20px}.free-layout{grid-template-columns:1fr;gap:0}.free-story{max-width:none}.free-harbor{width:calc(100% + 30px);margin:-23px -15px 0}.free-story h2{font-size:43px}.free-story>p:not(.eyebrow):not(.free-note){margin:20px 0;font-size:13px}.free-allowances{margin-bottom:23px}.free-allowances li{font-size:11px;gap:13px;padding:15px 0}.free-allowances strong{font-size:12px}.free-note{font-size:9px}

    .features .section-heading{text-align:center}.features .section-heading .eyebrow{justify-content:center}
    .voyage-story{gap:78px;margin-top:42px}.voyage-kicker{font-size:9px;gap:9px;letter-spacing:.06em;margin-bottom:16px}.voyage-number{font-size:9px}.voyage-title-row{gap:15px;margin-bottom:16px}.voyage-copy h3{font-size:28px}.voyage-copy>p:not(.voyage-kicker){font-size:14px;line-height:1.75}.voyage-feature-art{width:clamp(70px,19vw,100px)}
    .technical-features{padding:26px 0 54px}.technical-heading h2{font-size:34px}.technical-list{margin-top:28px}.technical-list>div{grid-template-columns:1fr;gap:9px;padding:22px 0}.technical-list dt{font-size:16px;gap:10px}.technical-list dt .icon{width:18px;height:18px}.technical-list dd{font-size:13px;padding-left:28px}

    .badge-section{padding:48px 0}.badge-layout{grid-template-columns:1fr;gap:30px}.badge-story{grid-row:1}.badge-display{padding:22px 18px}.badge-story h2{font-size:40px}.badge-story .eyebrow{font-size:9px}.badge-story>p:not(.eyebrow){font-size:13px;margin:18px 0}.badge-story>p.badge-condition{font-size:11px;margin-bottom:0}.badge-preview-label{font-size:13px}.website-body{padding:22px 16px;grid-template-columns:minmax(0,1fr) clamp(75px,24vw,100px);gap:10px}.shop-title{font-size:27px}
    .faq-section{padding:50px 0 57px}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-intro h2{font-size:42px}.faq-intro .eyebrow{font-size:9px;margin-bottom:15px}.faq-intro p:last-child{margin-top:15px;max-width:300px;font-size:12px}.faq-list summary{padding-block:20px;font-size:13px}
    .closing{padding:26px 20px 53px}.closing-gull{position:relative;right:auto;bottom:auto;width:154px;height:154px;margin:0 auto 20px}.closing .eyebrow{font-size:9px}.closing h2{font-size:45px}.closing>p{font-size:12px;margin:18px 0 23px}.site-footer{padding:30px 0 23px}.footer-top{align-items:flex-start;gap:15px;flex-direction:column;padding-bottom:25px}.footer-top>p{font-size:16px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;font-size:9px}.footer-links{gap:20px;font-size:10px}
    .dialog-content{padding:33px 25px 29px}.dialog h2{font-size:39px}.dialog-description{font-size:12px}.dialog-plan{padding:13px 12px}.dialog-plan strong{font-size:11px}.dialog-plan p{font-size:9px}
  }
  @media(max-width:520px){.hero-copy .eyebrow{display:none}.hero-description{margin:7px 0}.hero-copy .button{padding:5px 8px;border-radius:4px;box-shadow:0 2px 0 #853420}}
  @media(max-width:359px){.brand{font-size:20px}.header-actions{gap:7px}.language-control{width:46px;padding-left:7px;padding-right:15px}.language-control>svg{right:3px}}
  /* Localized copy can wrap without changing the approved English hero. */
  html:not([lang=en]) :is(h2,h3){overflow-wrap:anywhere;hyphens:auto;text-wrap:balance}
  html:not([lang=en]) .free-actions,html:not([lang=en]) .footer-links{flex-wrap:wrap}
  html:not([lang=en]) .hero-copy h1{font-size:clamp(30px,4.6vw,86px)}
  html:not([lang=en]) .hero-copy .eyebrow{letter-spacing:.09em}
  html:not([lang=en]) .community-title{letter-spacing:0;font-size:9px}
  html:not([lang=en]) .community-copy p>span{font-size:10px;white-space:normal;text-align:start}
  .brand,.browser-bar,.registration-badge pre{direction:ltr}
  :lang(ar),:lang(hi){--serif:ui-serif,Georgia,serif}
  :is(:lang(ar),:lang(hi)) :is(h1,h2,h3,.eyebrow,.voyage-kicker,.shop-title){letter-spacing:0;line-height:1.3}
  [dir=rtl] .badge-story>p.badge-reason{padding-left:0;border-left:0;padding-right:16px;border-right:2px solid #c4ad80}
  [dir=rtl] .badge-arrow{transform-origin:36% 90%;transform:rotate(12deg)}
  @container (max-width:420px){[dir=rtl] .badge-arrow{transform:rotate(12deg) scale(.75)}}
  [dir=rtl] .faq-list summary{padding-left:34px;padding-right:0}
  [dir=rtl] .faq-list summary::before,[dir=rtl] .faq-list summary::after{right:auto;left:2px}
  [dir=rtl] .faq-list details p{padding-right:0;padding-left:27px}
  [dir=rtl] .dialog-plan>span{margin-left:0;margin-right:auto}
  [dir=rtl] .technical-list dd{padding-left:0}
  @media(max-width:850px){html:not([lang=en]) .hero-copy h1{font-size:4.7vw}html:not([lang=en]) .community-title{font-size:7px}}
  @media(max-width:580px){
    html:not([lang=en]) .community-title{font-size:6px}html:not([lang=en]) .community-copy p>span{font-size:8px}
    html:not([lang=en]) .header-actions{gap:8px}.site-header .brand{flex:none}
    html:not([lang=en]) .hero-copy h1{font-size:4.6vw}
    [dir=rtl] .technical-list dd{padding-right:28px}
  }
  @media(max-width:359px){.site-header{padding-inline:9px}.site-header .brand{font-size:19px;gap:6px}.shop-title{font-size:23px}html:not([lang=en]) .header-actions{gap:6px}}
  /* Painted-sign lettering for Latin scripts; other scripts keep the serif. */
  html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-title{font-family:'Pirata One',var(--serif);letter-spacing:.06em;text-transform:none;margin-bottom:3px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy strong{font-family:'Pirata One',var(--serif);letter-spacing:0}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy p>span{font-family:'Pirata One',var(--serif)}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)):not([lang=en]) .community-title{letter-spacing:.02em}
  html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy{top:24%}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-title{font-size:15px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy strong{font-size:36px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy p>span{font-size:17px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)):not([lang=en]) .community-title{font-size:13px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)):not([lang=en]) .community-copy p>span{font-size:13px}
  @media(max-width:850px){html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy{top:24%}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-title{font-size:13px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy strong{font-size:31px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy p>span{font-size:14.5px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)):not([lang=en]) .community-title{font-size:11px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)):not([lang=en]) .community-copy p>span{font-size:11px}}
  @media(max-width:580px){html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy{top:24%}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-title{font-size:10px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy strong{font-size:24px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)) .community-copy p>span{font-size:11.5px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)):not([lang=en]) .community-title{font-size:8.5px}html:not(:lang(ru),:lang(ar),:lang(hi),:lang(zh),:lang(ja),:lang(ko)):not([lang=en]) .community-copy p>span{font-size:9px}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.harbor-canvas,.free-harbor canvas{display:none!important}.free-harbor[data-animate=true] img{visibility:visible}}
}