.beach-page{--navy: #123f51;--coral: #db714f;--content-gutter: max(24px, calc((100vw - 1120px)/2) );color:var(--navy);background:#fff;font-family:Manrope,Arial,sans-serif;overflow-wrap:anywhere}.beach-page *,.beach-page *:before,.beach-page *:after{box-sizing:border-box}.beach-page :is(h1,h2,h3){text-wrap:balance}.beach-page :is(a,button,input,summary):focus-visible{outline:3px solid #db714f;outline-offset:4px}.beach-page button{font:inherit;cursor:pointer}.beach-page button:disabled{cursor:wait;opacity:.55}.beach-page [hidden]{display:none!important}.beach-hero{padding:50px 24px 60px;background:#edf7f8}.beach-hero__copy{max-width:900px;margin:0 auto 32px;text-align:center}.beach-eyebrow{margin:0 0 16px;color:#316f7a;font-size:12px;font-weight:600}.beach-hero h1{max-width:840px;margin:0 auto 20px;font:650 clamp(36px,4.5vw,62px)/1.05 "Bricolage Grotesque",Arial,sans-serif;letter-spacing:-.04em}.beach-hero__copy>p:last-child{max-width:790px;margin:0 auto;color:#526c75;font-size:15px;line-height:1.8}.beach-studio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:1120px;margin:auto;padding:10px;gap:10px;border:1px solid #d3e3e6;border-radius:16px;background:#fff;scroll-margin-top:100px}.beach-studio__preview{display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden;border-radius:10px;background:#e9f1f2}.beach-studio__image{display:grid;flex:1;align-items:center;min-height:340px}.beach-studio__image>:is(canvas,img){display:block;width:100%;height:100%;max-height:530px;object-fit:contain}.beach-studio__example{width:100%;aspect-ratio:3 / 2;background-size:cover;background-position:center}.beach-studio__example img{display:block;width:100%;height:100%;object-fit:contain}.beach-studio__preview figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;padding:16px;color:#526c75;background:#edf5f5;font-size:11px;line-height:1.7}.beach-studio__preview figcaption span{flex:1 1 200px;overflow-wrap:anywhere}.beach-studio__preview figcaption button{flex:0 0 auto;padding:8px 10px;border:1px solid #c4d8dc;border-radius:6px;color:#123f51;background:#fff;font-size:11px}.beach-workboard{min-width:0;padding:28px;border-radius:10px;background:#123f51;color:#fff}.beach-workboard.is-dragging{outline:3px dashed #f4c692;outline-offset:-8px}.beach-workboard h2{margin:0 0 22px;font:550 28px/1.12 Bricolage Grotesque,Arial,sans-serif;letter-spacing:-.025em}.beach-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:13px 18px;border:1px solid transparent;border-radius:7px;color:#123f51;background:#ffd2a1;font-size:14px;font-weight:700!important}.beach-button:hover:not(:disabled){background:#ffe0bc}.beach-workboard__formats{margin:9px 0 24px;color:#c4dce3;font-size:11px;text-align:center}.beach-scenes{min-width:0;padding:0;margin:0 0 20px;border:0}.beach-scenes legend{margin-bottom:11px;color:#e4f1f4;font-size:12px;font-weight:600}.beach-scenes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.beach-scenes button{min-width:0;padding:4px;overflow:hidden;border:1px solid #63838e;border-radius:7px;color:#e7f3f4;background:#1a4b5e;text-align:start}.beach-scenes button[aria-pressed=true]{border:2px solid #ffd2a1;padding:3px;background:#285d6f}.beach-scenes button img{display:block;width:100%;height:82px;object-fit:cover;border-radius:4px}.beach-scenes button span{display:block;padding:8px 5px 5px;font-size:11px;font-weight:600;hyphens:auto}.beach-workboard__status{min-height:35px;margin:12px 0;color:#d0e4e8;font-size:12px;line-height:1.7}.beach-workboard__status[role=alert]{color:#ffd6c8}.beach-workboard__secondary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center}.beach-workboard__secondary :is(a,button){padding:3px 0;border:0;color:#ffd2a1;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:4px}.beach-workboard__compatibility{margin:17px 0 0;color:#bed6de;font-size:10px;line-height:1.7}.beach-workboard__export>p{margin:8px 0 0;color:#d0e4e8;font-size:11px}.beach-workboard :is(button,input,a):focus-visible{outline-color:#ffd2a1}.beach-page .tool-section{--tool-section-gutter: var(--content-gutter)}.beach-page .tool-section.image-text-comparison{padding-block:78px;gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.beach-page .image-text-comparison h2{font-size:clamp(30px,3.2vw,45px);font-weight:600;line-height:1.1;letter-spacing:-.04em}.beach-page .image-text-comparison p{color:#526c75;font-size:15px;line-height:1.8}.beach-page .image-text-comparison--reversed{background:#f1f7f7}.beach-page .comparison-stage{aspect-ratio:3 / 2}.beach-page .comparison-input{direction:ltr}.beach-page .image-text-comparison--tall__visual{max-width:520px;width:100%}.beach-page .image-text-comparison a{color:#fff;background:#123f51}.beach-workflow{padding-bottom:66px;text-align:center}.beach-page .beach-workflow .seo-workflow{padding-bottom:26px;text-align:start}.beach-page .seo-workflow-grid{list-style:none}.beach-page .workflow-explanation{max-width:740px;margin:14px auto 0;color:#526c75;font-size:14px;line-height:1.7}.beach-section-cta{display:inline-flex;align-items:center;padding:14px 24px;border-radius:7px;color:#fff;background:#123f51;font-size:14px;text-decoration:none}.beach-page .why-section{--why-background: #f1f7f7}.beach-page .why-section__image{box-shadow:none}.beach-page .audience-tabs__tabs{margin-block:32px 44px;flex-wrap:wrap;background:#f1f7f7}.beach-page .tool-section .audience-tabs__tabs button{max-width:100%;white-space:normal}.beach-page .audience-tabs__tabs .is-active{color:#fff;background:#123f51}.beach-page .audience-tabs .audience-tabs__visual{width:100%;min-width:0;min-height:0;aspect-ratio:3 / 2;box-shadow:none}.beach-page #beach-audience-personal .audience-tabs__visual--single,.beach-page #beach-audience-profiles .audience-tabs__visual--single,.beach-page #beach-audience-creators .audience-tabs__visual--single{grid-template-columns:minmax(0,1fr)}.beach-page .audience-tabs .audience-tabs__visual img{display:block;min-width:0;min-height:0;height:100%}.beach-page .audience-tabs__copy{min-width:0}.beach-page .audience-tabs__copy>a{background:#123f51;box-shadow:none}.beach-page .preview-close{background:#123f51}.beach-page .preview-close a{color:#123f51;background:#ffd2a1}.beach-page:is(:lang(ar),:lang(he),:lang(th),:lang(hi)) :is(h1,h2,h3){letter-spacing:normal;line-height:1.25}@media(min-width:761px){.beach-page:dir(rtl) .workflow-card:not(:last-child):after{content:"←";right:auto;left:-33px}}@media(min-width:901px){.beach-page .tool-section.preview-close{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:40px;padding-inline:var(--content-gutter)}.beach-page .tool-section.preview-close>div{max-width:none}}@media(max-width:1100px){.beach-page{--content-gutter: 40px}.beach-page .tool-section.image-text-comparison{gap:36px}.beach-page .audience-tabs__tabs{border-radius:12px}}@media(max-width:860px){.beach-studio{grid-template-columns:minmax(0,1fr);max-width:660px}.beach-workboard{order:-1}.beach-studio__image{min-height:0}.beach-page .tool-section.image-text-comparison{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.beach-page{--content-gutter: 24px}.beach-hero{padding:34px 16px 30px}.beach-hero__copy{margin-bottom:24px}.beach-hero__copy>p:last-child{font-size:14px;line-height:1.7}.beach-workboard{padding:22px 18px}.beach-page .tool-section.image-text-comparison{padding-block:50px}.beach-page .why-section__grid{grid-template-columns:minmax(0,1fr)}.beach-page .tool-section :is(.faq-layout,.audience-tabs__content){grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.beach-page *{scroll-behavior:auto!important}}