:root{--deep:#092332;--navy:#102f3a;--ocean:#107f85;--teal:#2cb8aa;--mint:#b6eee1;--mist:#e8f3ef;--cream:#f8f7f1;--ink:#0e2b36;--muted:#61747a;--line:#d5e2de;--radius:22px;--max:1200px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,select{font:inherit}a:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}::selection{background:#c3efe2;color:#082b2e}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.055em;line-height:1.12}p{line-height:1.72}h1{font-size:clamp(2.9rem,5.5vw,5.9rem);font-weight:800}h2{font-size:clamp(2rem,3vw,3.35rem);font-weight:800}h3{font-size:1.28rem;font-weight:800}.site-wrap{max-width:100%;overflow:hidden}.site-header{height:92px;max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 26px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:11px;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.065em;font-size:clamp(1.1rem,2vw,1.45rem);white-space:nowrap}.brand-go{font-size:.55em;letter-spacing:.05em;color:var(--ocean);vertical-align:top;margin-left:5px;font-weight:800}.brand-mark{position:relative;display:inline-block;width:40px;height:40px;overflow:hidden;border-radius:13px;background:var(--deep);flex-shrink:0;transform:rotate(-6deg)}.brand-mark span{position:absolute;width:40px;height:21px;border-radius:50% 50% 0 0;border-top:3px solid var(--mint);transform:rotate(-25deg)}.brand-mark span:nth-child(1){top:9px;left:7px}.brand-mark span:nth-child(2){top:18px;left:-2px;border-color:#50d2bf}.brand-mark span:nth-child(3){top:28px;left:-10px;border-color:#15969d}.desktop-nav{display:flex;align-items:center;gap:30px;color:#45616b;font-size:.88rem;font-weight:700}.desktop-nav a,.footer a{transition:color .2s}.desktop-nav a:hover,.footer a:hover{color:var(--ocean)}.header-actions{display:flex;align-items:center;gap:14px}.language-control{position:relative;display:inline-flex;align-items:center;gap:4px;background:#e9f2ef;border:1px solid #d9e7e2;border-radius:100px;padding:7px 10px;font-size:.78rem;color:var(--deep)}.language-control>span{font-size:1.05rem}.language-control select{appearance:none;border:0;background:transparent;color:var(--deep);font-size:.78rem;font-weight:700;cursor:pointer;width:88px;padding-right:16px;outline:none}.language-control:after{content:'⌄';position:absolute;right:10px;top:4px;font-size:16px;pointer-events:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:52px;padding:13px 24px;border-radius:100px;font-weight:800;font-size:.91rem;white-space:nowrap;transition:transform .18s,box-shadow .18s,background .18s;border:1px solid transparent}.button span{font-size:1.2rem;font-weight:600}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0923321a}.button-solid{background:var(--deep);color:#fff}.button-solid:hover{background:#185260}.button-outline{background:transparent;border:1px solid #a5c8c2;color:var(--deep)}.button-outline-light{border:1px solid #8baaaa;color:white;background:transparent}.button-mini{background:var(--deep);color:white;min-height:39px;padding:7px 17px;font-size:.78rem;gap:8px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:800;color:#247c78;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:#4ecdb6;box-shadow:0 0 0 4px #d6f0e8}.hero{max-width:var(--max);margin:28px auto 0;min-height:610px;display:grid;grid-template-columns:1fr .98fr;align-items:stretch;padding:0 26px;gap:26px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:44px 0 80px;max-width:620px}.hero h1{margin:20px 0 22px}.hero-label{margin-top:19px;display:inline-block;border:1px solid #77c7be;background:#e7f6f1;color:#07746e;border-radius:40px;padding:6px 12px;font-size:.69rem;font-weight:800;letter-spacing:.11em}.lead{font-size:clamp(1rem,1.4vw,1.23rem);color:#49636b;line-height:1.73;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:29px}.micro-copy{font-size:.79rem;color:#74868a;margin-top:30px;max-width:420px;line-height:1.7}.ocean-scene{position:relative;overflow:hidden;isolation:isolate;border-radius:46% 46% 27px 27px / 23% 23% 27px 27px;min-height:585px;background:radial-gradient(ellipse at 77% 23%,#f5e3bb 0%,transparent 29%),linear-gradient(173deg,#97d8d2 0%,#55b9b3 31%,#1d7f86 49%,#0e4a5b 74%,#092d3b 100%);box-shadow:inset 0 0 0 1px #ffffff35,0 25px 50px #0d596824}.ocean-sun{position:absolute;width:170px;height:170px;border-radius:50%;background:#fff0c8b8;top:17%;right:15%;box-shadow:0 0 85px #fff0c877}.ocean-horizon{position:absolute;top:47%;left:0;width:100%;height:1px;background:#d5ece160;transform:rotate(-3deg)}.ocean-arc{position:absolute;height:250px;width:125%;left:-15%;border:27px solid #b4eee0a1;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-24deg)}.arc-one{top:57%;z-index:2}.arc-two{top:67%;left:-22%;border-color:#7fd4caaa;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-16deg)}.arc-three{top:81%;border-color:#c9eee170;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(-10deg)}.ocean-board{position:absolute;z-index:3;width:29px;height:245px;border:3px solid #e9e6d8;border-radius:60% 60% 45% 45% / 38% 38% 10% 10%;background:linear-gradient(90deg,#edf2e2,#faeed5,#bcd8c8);left:61%;top:43%;transform:rotate(23deg);box-shadow:18px 8px 22px #00343b77}.ocean-board:after{content:'';position:absolute;width:4px;height:175px;background:#448e85;top:36px;left:10px;border-radius:5px}.ocean-coord{position:absolute;bottom:29px;left:31px;color:#d8f4eab5;font:600 .68rem/1.7 monospace;letter-spacing:.17em;z-index:4}.feature-section,.how-section,.destination-section,.editorial-section{max-width:var(--max);margin:0 auto;padding:103px 26px 30px}.section-heading{max-width:680px;margin-bottom:34px}.section-heading h2{margin:13px 0 12px}.section-heading p{color:var(--muted);font-size:1rem}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:314px;padding:28px;border-radius:var(--radius);background:#fff;border:1px solid #e0e9e5;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #09233211}.card-symbol{display:flex;justify-content:center;align-items:center;width:59px;height:59px;background:#daf2ec;border-radius:19px;font-size:2rem;color:#116a73;margin:23px 0 21px}.feature-card h3{margin-bottom:10px}.feature-card p{font-size:.94rem;color:var(--muted);line-height:1.7;max-width:285px}.card-arrow{position:absolute;right:24px;bottom:22px;color:var(--ocean);font-size:1.25rem}.how-section{margin-top:63px;padding-top:70px;padding-bottom:80px;background:var(--mist);max-width:none}.how-section>.section-heading,.steps-grid{max-width:calc(var(--max) - 52px);margin-left:auto;margin-right:auto}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.step{border-top:1px solid #b6cdc8;padding-top:18px}.step h3{margin:24px 0 10px}.step p{color:#587078;font-size:.94rem}.destination-section{padding-bottom:96px}.destinations-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.destination-card{display:block;overflow:hidden;border:1px solid #dce6e1;border-radius:19px;background:#fff;transition:transform .2s,box-shadow .2s}.destination-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #15343d17}.dest-art{height:195px;position:relative;overflow:hidden;background:linear-gradient(137deg,#aac9ca,#45afa6,#115d66)}.dest-art:before,.dest-art:after{content:'';position:absolute;width:170%;height:125px;left:-30%;border:22px solid #cff7dfa3;border-bottom:0;border-left-color:transparent;border-radius:50%;transform:rotate(-22deg)}.dest-art:before{top:62%}.dest-art:after{top:82%;border-color:#ffffff70;border-bottom:0;border-left-color:transparent}.dest-art>span:first-child{position:absolute;left:16px;top:15px;color:#fff9;font:800 .73rem monospace}.dest-wave{position:absolute;right:19px;bottom:7px;color:#ffffff78;font-size:6.5rem;line-height:1}.destination-morocco .dest-art{background:linear-gradient(145deg,#efbf91,#c17a69,#34546a)}.destination-portugal .dest-art{background:linear-gradient(145deg,#d4e9d4,#6eb0a2,#13566b)}.destination-bali .dest-art{background:linear-gradient(145deg,#d7bfb1,#71bba8,#12485d)}.dest-copy{position:relative;padding:21px 19px 25px}.dest-copy small{display:block;font-size:.71rem;color:#7e9496;margin-bottom:6px}.dest-copy h3{font-size:1.2rem}.dest-copy>span{position:absolute;right:18px;bottom:24px;color:var(--ocean)}.small-caption{font-size:.79rem;margin-top:20px;color:#809196}.platform-strip{max-width:calc(var(--max) - 52px);margin:10px auto 120px;padding:35px 40px;border:1px solid #cae0d7;border-radius:24px;background:#e5f5ef;display:flex;align-items:center;gap:22px;justify-content:space-between}.platform-strip>span{font-size:.7rem;letter-spacing:.11em;font-weight:800;color:#0b7975}.platform-strip p{max-width:350px;font-size:.84rem;color:#47656a}.platform-links{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.platform-links>span{font-size:.72rem;color:#547475}.platform-links .button{font-size:.76rem;min-height:39px;padding:9px 13px}.final-cta{background:var(--deep);color:#fff;padding:86px max(26px,calc((100vw - 1148px)/2));display:flex;justify-content:space-between;align-items:center;gap:55px}.final-cta>div:first-child{max-width:650px}.final-cta h2{margin:15px 0 16px}.final-cta p{color:#adcecc;max-width:580px}.final-cta .eyebrow{color:#76d9c6}.final-cta .button-solid{background:var(--mint);color:var(--deep)}.cta-actions{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.footer{max-width:var(--max);padding:60px 26px 28px;margin:auto}.footer-top{display:flex;justify-content:space-between;gap:24px;padding-bottom:58px}.footer-top p{font-size:.82rem;color:#7b8e91;margin-top:14px}.footer-nav{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;font-size:.8rem;color:#566e73}.footer-bottom{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #d6e4df;padding-top:25px;font-size:.76rem;color:#899995}.lang-footer{display:flex;gap:13px}.inner-hero{max-width:var(--max);margin:15px auto 0;padding:85px 26px 90px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:468px;gap:80px}.inner-hero h1{font-size:clamp(2.6rem,4.5vw,4.7rem);margin:18px 0}.inner-decoration{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;aspect-ratio:1/1;max-height:330px;border-radius:51% 49% 32% 68% / 48% 45% 55% 52%;background:linear-gradient(137deg,#bcece0,#57b3aa,#1c6874);transform:rotate(-5deg)}.inner-decoration .brand-mark{transform:scale(3) rotate(-7deg)}.inner-decoration>span:last-child{margin-top:85px;font:700 .62rem monospace;color:#d8f7ea;letter-spacing:.15em}.editorial-section{padding-top:35px;display:grid;grid-template-columns:1.8fr 1fr;gap:80px;align-items:start;padding-bottom:75px}.editorial-body article{padding:27px 0 43px;border-top:1px solid #d2dfda}.editorial-body h2{font-size:clamp(1.55rem,2.3vw,2.3rem);margin:14px 0 14px}.editorial-body p{max-width:700px;color:#556d73}.editorial-sidebar{position:sticky;top:25px;border:1px solid #d1e5dd;border-radius:24px;background:#e5f4ee;padding:28px}.editorial-sidebar h3{margin:19px 0}.editorial-sidebar ul{padding-left:19px;color:#4d7273;font-size:.94rem;line-height:2}.editorial-sidebar p{color:#547279;font-size:.95rem}.editorial-sidebar>a{display:inline-block;margin-top:20px;color:#0b777d;font-weight:700;overflow-wrap:anywhere}.destination-roundel{height:360px;max-width:360px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#e6dac2 0%,#a3d9cd 30%,#3a9b9b 60%,#0f5f6e 100%);color:white;box-shadow:0 30px 45px #11515f16;transform:rotate(-9deg)}.destination-roundel span{text-transform:uppercase;letter-spacing:.2em;font-weight:800;font-size:.79rem}.destination-roundel strong{font-size:10rem;font-weight:400;line-height:1;margin-top:-15px}.legal-heading{max-width:var(--max);margin:38px auto 0;padding:65px 26px 40px}.legal-heading h1{font-size:clamp(2.6rem,4vw,4.6rem);max-width:900px;margin:19px 0 20px}.legal-layout{max-width:var(--max);padding:15px 26px 100px;margin:auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.7fr);align-items:start;gap:63px}.legal-document{background:white;border-radius:25px;border:1px solid #dce8e2;padding:35px 40px}.legal-document section{padding:21px 0;border-bottom:1px solid #e1ece8}.legal-document section:first-of-type{padding-top:3px}.legal-document h2{font-size:1.18rem;letter-spacing:-.03em;margin-bottom:12px}.legal-document p{font-size:.95rem;color:#52686d;overflow-wrap:anywhere}.legal-document h2:not(:first-child){margin-top:20px}.legal-aside{position:sticky;top:25px;background:#e8f3ef;border-radius:24px;padding:25px}.legal-aside h3{font-size:1.12rem;margin:16px 0 15px}.legal-aside nav{display:flex;flex-direction:column;gap:0;margin-bottom:25px}.legal-aside nav a{font-size:.83rem;line-height:1.45;padding:12px 0;border-bottom:1px solid #c9ded6}.legal-aside nav a[aria-current="page"]{color:var(--ocean);font-weight:800}.legal-aside .button{font-size:.78rem;min-height:42px;white-space:normal}.draft-banner{background:#fff2d9;border:1px solid #efd18c;color:#755522!important;border-radius:12px;padding:14px 16px;margin-bottom:20px;font-size:.82rem!important}.draft-marker{color:#aa5a24}.legal-date{margin-top:23px;font-size:.75rem!important;color:#889e9d!important}.contact-email{font-size:1.1rem;font-weight:800;color:#076c78;text-decoration:underline;text-underline-offset:5px}.root-chooser{min-height:100vh;background:var(--deep);color:white;display:grid;place-items:center;padding:25px}.root-chooser-inner{max-width:610px;text-align:center}.root-chooser-inner .brand-mark{margin:auto;transform:scale(1.35) rotate(-7deg)}.root-chooser h1{margin:27px 0 12px;font-size:clamp(2.4rem,6vw,4.7rem)}.root-chooser p{color:#a9d3cc}.root-chooser nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.root-chooser nav a{background:#ffffff16;border:1px solid #ffffff35;border-radius:12px;padding:15px 12px;font-weight:700}.root-chooser nav a:hover{background:#ffffff28}.root-chooser .button{margin-top:20px}.skip-link,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;top:8px;left:8px;background:white;color:black;padding:10px;z-index:99}
@media(max-width:1060px){.desktop-nav{gap:17px}.hero{min-height:540px}.ocean-scene{min-height:540px}.platform-strip{flex-wrap:wrap}.final-cta{flex-direction:column;align-items:flex-start}.cta-actions{flex-direction:row}.destinations-grid{grid-template-columns:repeat(2,1fr)}.inner-hero{gap:40px}}
@media(max-width:760px){.site-header{height:74px;padding:0 18px}.desktop-nav{display:none}.brand-mark{width:32px;height:32px;border-radius:10px}.brand{font-size:1.13rem;gap:8px}.header-actions{gap:6px}.header-actions .button{padding:7px 10px;font-size:.69rem;min-height:36px}.header-actions .button>span{display:none}.language-control{padding:6px 9px}.language-control select{width:57px;font-size:.65rem}.hero{display:flex;flex-direction:column;padding:0 18px;margin-top:0;gap:8px}.hero-copy{padding:55px 0 10px}.hero h1{margin:18px 0}.hero-actions{margin-top:23px}.hero-actions .button{padding:13px 18px;font-size:.82rem;gap:10px}.micro-copy{margin-top:21px}.ocean-scene{min-height:360px;max-height:380px;border-radius:45% 45% 20px 20% / 25% 25% 20px 20px}.feature-section,.destination-section,.how-section,.editorial-section{padding:70px 18px 26px}.cards-grid,.steps-grid{grid-template-columns:1fr;gap:13px}.feature-card{min-height:245px;padding:24px}.card-symbol{margin:16px 0}.how-section{margin-top:52px;padding-bottom:70px}.how-section>.section-heading,.steps-grid{padding:0 0;margin-left:auto;margin-right:auto}.step{padding-bottom:19px}.destinations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dest-art{height:145px}.dest-copy{padding:16px 12px 20px}.dest-copy small{font-size:.61rem}.dest-copy h3{font-size:1rem}.dest-copy>span{right:11px;bottom:19px}.platform-strip{margin:30px 18px 60px;padding:25px}.platform-links{justify-content:flex-start}.final-cta{padding:65px 20px}.final-cta h2{font-size:clamp(2.15rem,7vw,3.7rem)}.cta-actions{width:100%;flex-wrap:wrap}.footer{padding:55px 18px 24px}.footer-top{flex-direction:column;gap:33px;padding-bottom:35px}.footer-nav{gap:12px 18px}.inner-hero{display:flex;flex-direction:column;align-items:flex-start;padding:46px 18px 40px;gap:33px}.inner-hero h1{font-size:clamp(2.45rem,8vw,4rem)}.inner-decoration,.destination-roundel{max-width:240px;max-height:240px;width:100%;align-self:center}.inner-decoration .brand-mark{transform:scale(2) rotate(-7deg)}.inner-decoration>span:last-child{margin-top:55px}.destination-roundel strong{font-size:7rem}.editorial-section{display:flex;flex-direction:column;gap:25px;padding-top:20px;padding-bottom:45px}.editorial-sidebar{position:relative;top:auto;width:100%}.legal-heading{padding:45px 18px 20px;margin:0}.legal-layout{display:flex;flex-direction:column;padding:13px 18px 65px;gap:25px}.legal-document{padding:23px 22px}.legal-aside{position:relative;top:auto;width:100%}.root-chooser nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:370px){.header-actions .button{font-size:0;min-width:30px}.header-actions .button>span{font-size:1rem;display:inline}.brand{font-size:1rem}.language-control{padding:5px 8px}.language-control select{width:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0.01ms!important;animation-duration:0.01ms!important}}

/* Editorial SEO: the core problem is finding travel buddies, not booking surf destinations. */
.guide-teaser{max-width:calc(var(--max) - 52px);margin:66px auto 100px;border-radius:30px;background:#dbeee7;padding:64px;display:grid;grid-template-columns:1.2fr .8fr;gap:58px;align-items:center}
.guide-teaser h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.2}
.guide-teaser .section-heading{margin:0}.guide-teaser .section-heading p{margin-top:20px;color:#516d6e;line-height:1.77}
.guide-teaser-right{border-left:1px solid #a9d0c6;padding-left:45px}.guide-teaser-right>p{font-size:1.08rem;line-height:1.6;font-weight:700;color:#0d6364}
.guide-teaser-right ol{padding-left:21px;margin:24px 0;color:#305758;line-height:2.1;font-size:.93rem}.guide-teaser-right .button{margin-top:7px}
.guide-heading{padding-top:75px;padding-bottom:48px}.guide-heading h1{max-width:1020px;font-size:clamp(2.6rem,4.8vw,5.15rem)}
.guide-heading .lead{max-width:810px}.guide-article{max-width:var(--max);padding:10px 26px 80px;margin:auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,.75fr);gap:65px;align-items:start}
.guide-point{display:grid;grid-template-columns:55px minmax(0,1fr);gap:9px 20px;border-top:1px solid #d5e3dd;padding:34px 0 42px}.guide-point>
.guide-point h2{font-size:clamp(1.4rem,2.2vw,2.25rem);letter-spacing:-.05em}.guide-point p{color:#52696d;font-size:1rem;line-height:1.88;max-width:750px}
.guide-side{position:sticky;top:26px;padding:30px;border-radius:23px;border:1px solid #d1e7db;background:#e5f5ed}
.guide-side>p{margin:20px 0 24px;color:#31585c;font-size:1.05rem;font-weight:650}
.guide-side .button{white-space:normal;text-align:center;font-size:.82rem}
.guide-faq{max-width:calc(var(--max) - 52px);margin:0 auto 110px;padding:55px 60px;border-radius:28px;background:white;border:1px solid #dce7df}
.guide-faq h2{margin-bottom:24px}.guide-faq details{border-top:1px solid #dce9e3;padding:20px 4px}.guide-faq summary{cursor:pointer;font-weight:700;color:var(--deep);font-size:1.02rem}
.guide-faq details p{max-width:740px;margin-top:14px;color:#587178;font-size:.96rem}
@media(max-width:820px){.guide-teaser{grid-template-columns:1fr;gap:25px;padding:40px 28px}.guide-teaser-right{border-left:none;border-top:1px solid #aacfc6;padding:25px 0 0}.guide-article{grid-template-columns:1fr;gap:24px}.guide-side{position:relative;top:auto}.guide-faq{padding:35px 28px}}
@media(max-width:760px){.guide-teaser{margin:55px 18px 72px;padding:34px 24px}.guide-teaser-right ol{line-height:1.9}.guide-heading{padding:44px 18px 32px}.guide-article{padding:6px 18px 55px}.guide-point{grid-template-columns:28px minmax(0,1fr);gap:10px 11px;padding:29px 0}.guide-point h2{font-size:1.43rem}.guide-point p{font-size:.94rem}.guide-faq{margin:0 18px 80px;padding:32px 22px}}


/* One-page marketing: the visitor reads down rather than navigating between sales pages. */
[id]{scroll-margin-top:96px}
.reading-intro{max-width:920px;margin:0 auto;padding:118px 26px 74px;text-align:center}
.reading-intro .eyebrow{justify-content:center}
.reading-intro h2{max-width:890px;margin:17px auto 26px;font-size:clamp(2.25rem,4vw,4.1rem)}
.reading-intro p{color:#586e73;font-size:1.05rem;max-width:800px;margin:0 auto}
.reading-intro .intro-lead{font-size:clamp(1.06rem,1.7vw,1.3rem);font-weight:600;line-height:1.82;color:#294e56;margin-bottom:23px}
.reading-chapters{max-width:var(--max);padding:0 26px 88px;margin:auto}
.reading-chapter{display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px;border-top:1px solid #cbdcd6;padding:52px 0 73px}
.reading-chapter:last-child{border-bottom:1px solid #cbdcd6}


.chapter-content h2{max-width:780px;margin:16px 0 19px}
.chapter-content>.chapter-lead{max-width:780px;color:#49636b;font-size:1.14rem}
.chapter-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:38px}
.chapter-column{padding-left:18px;border-left:2px solid #83c6b7}
.chapter-column h3{font-size:1.06rem;letter-spacing:-.025em;margin-bottom:11px;line-height:1.4}
.chapter-column p{font-size:.88rem;color:#607478;line-height:1.78}
.onepage-guide{background:linear-gradient(165deg,#e2f0e9 0%,#edf5f0 38%,#f4f6f0 100%);padding:100px max(26px,calc((100vw - 1148px)/2)) 110px}
.onepage-guide-heading{max-width:890px;margin-bottom:62px}
.onepage-guide-heading h2{margin:17px 0 25px;font-size:clamp(2.1rem,4.1vw,4.4rem);line-height:1.18}
.onepage-guide-heading p{font-size:1.14rem;color:#486b6c;max-width:800px;line-height:1.85}
.onepage-guide-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.onepage-advice{display:grid;grid-template-columns:45px minmax(0,1fr);gap:20px;border-top:1px solid #bbd8ce;padding:30px 0 46px}

.onepage-advice h3{font-size:clamp(1.2rem,1.6vw,1.56rem);line-height:1.38;letter-spacing:-.03em;margin:0 0 14px}
.onepage-advice p{font-size:.94rem;color:#4d696c;line-height:1.86}
.onepage-quote{display:flex;align-items:center;gap:29px;max-width:850px;margin:52px auto 0;padding:30px 0 0;border-top:1px solid #bad7ce;color:#096c70}
.onepage-quote>span{font-size:7rem;font-family:serif;line-height:.65;color:#60b4a6}
.onepage-quote p{font-size:clamp(1.15rem,2vw,1.68rem);font-weight:750;font-family:system-ui;letter-spacing:-.025em}
.onepage-faq{max-width:var(--max);padding:95px 26px 115px;margin:auto}
.onepage-faq h2{max-width:680px;margin-bottom:38px}
.onepage-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.onepage-faq-grid article{border:1px solid #d9e7e0;border-radius:22px;padding:27px;background:#fff}
.onepage-faq-grid h3{font-size:1.14rem;line-height:1.4;letter-spacing:-.025em;margin-bottom:15px}
.onepage-faq-grid p{font-size:.92rem;color:#5b7377;line-height:1.8}
.onepage-end{background:var(--deep);color:#fff;text-align:center;padding:95px 26px}
.onepage-end-inner{max-width:770px;margin:auto}
.onepage-end .eyebrow{justify-content:center;color:#82d9c8}
.onepage-end h2{margin:16px 0 15px}
.onepage-end p{color:#b9d8d2;font-size:1.08rem;margin-bottom:30px}
.onepage-end .button-solid{background:var(--mint);color:var(--deep)}
.onepage-end .button-solid:hover{background:#dafaf0}
@media(max-width:1050px){.chapter-columns{grid-template-columns:1fr;gap:20px}.reading-chapter{grid-template-columns:80px 1fr}.onepage-guide-content{gap:0 25px}.onepage-advice{grid-template-columns:33px 1fr;gap:14px}}
@media(max-width:760px){[id]{scroll-margin-top:78px}.reading-intro{padding:78px 20px 53px}.reading-intro h2{font-size:clamp(2rem,8vw,3.1rem)}.reading-intro p{font-size:.98rem}.reading-chapters{padding:0 19px 40px}.reading-chapter{grid-template-columns:1fr;gap:17px;padding:30px 0 42px}.chapter-content h2{margin:12px 0}.chapter-content>.chapter-lead{font-size:1.02rem}.chapter-columns{margin-top:27px;gap:25px}.chapter-column{padding-left:13px}.chapter-column h3{font-size:1.02rem}.onepage-guide{padding:75px 19px 79px}.onepage-guide-heading{margin-bottom:45px}.onepage-guide-heading h2{font-size:clamp(2.05rem,8vw,3.2rem)}.onepage-guide-heading p{font-size:1.01rem}.onepage-guide-content{grid-template-columns:1fr}.onepage-advice{padding:24px 0 36px}.onepage-advice h3{font-size:1.25rem}.onepage-advice p{font-size:.95rem}.onepage-quote{margin-top:35px}.onepage-quote>span{font-size:4.8rem}.onepage-faq{padding:70px 19px 80px}.onepage-faq-grid{grid-template-columns:1fr;gap:12px}.onepage-faq-grid article{padding:24px}.onepage-end{padding:70px 20px}.onepage-end h2{font-size:clamp(2.2rem,8vw,3.4rem)}}


/* Surf identity illustrations: original SVGs, decorative only, no external image dependencies. */
.hero-copy{position:relative}
.hero-swell-decoration{display:block;width:190px;max-width:45%;height:auto;margin:-12px 0 10px;opacity:.78;pointer-events:none}
.ocean-board{display:none}
.hero-surfer-art{position:absolute;inset:auto -2% 3% auto;width:110%;height:86%;z-index:4;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 16px rgba(3,40,50,.2));pointer-events:none;animation:surf-float 7s ease-in-out infinite}
.ocean-coord{z-index:5}
.reading-intro-art{display:block;width:205px;height:auto;margin:-13px auto 17px;max-width:65%;filter:drop-shadow(0 8px 12px #174b4a13)}
.chapter-lead-wrap{display:grid;grid-template-columns:minmax(0,1fr) 195px;gap:27px;align-items:center;margin:8px 0 5px}
.chapter-lead-wrap .chapter-lead{max-width:705px;color:#49636b;font-size:1.14rem;line-height:1.78}
.chapter-surf-art{display:block;width:100%;max-width:195px;height:auto;align-self:center;justify-self:end;filter:drop-shadow(0 11px 16px #19595917)}
.step-surf-icon{display:block;height:92px;width:92px;object-fit:contain;margin:22px 0 -8px;filter:drop-shadow(0 7px 12px #1c756f13)}
.onepage-advice{position:relative}
.advice-separator{grid-column:2;display:block;width:47px;height:47px;object-fit:contain;justify-self:end;opacity:.75;transform:rotate(-9deg);margin:-9px 0 -18px}
.faq-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.faq-heading h2{margin-bottom:0}
.faq-shell{display:block;width:83px;height:83px;flex-shrink:0;object-fit:contain;transform:rotate(11deg);opacity:.92}
.guide-page-swell{display:block;width:190px;height:auto;margin:0 0 15px}
.onepage-end{position:relative;overflow:hidden}
.onepage-end-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:32px;max-width:1148px;text-align:left}
.onepage-end-copy{position:relative;z-index:2}
.onepage-end .eyebrow{justify-content:flex-start}
.onepage-end-art{display:block;width:100%;max-width:430px;height:auto;justify-self:center;filter:drop-shadow(0 14px 18px #00000025)}
.onepage-end-copy h2{max-width:690px}
.final-cta-art{display:block;width:175px;max-width:18%;height:auto;flex-shrink:1;filter:drop-shadow(0 12px 18px #00000017)}
@keyframes surf-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(.6deg)}}
@media(max-width:1060px){
 .chapter-lead-wrap{grid-template-columns:minmax(0,1fr) 150px;gap:17px}
 .chapter-surf-art{max-width:150px}
 .final-cta-art{max-width:180px;width:25%}
}
@media(max-width:760px){
 .hero-swell-decoration{width:142px;margin:-11px 0 8px}
 .hero-surfer-art{width:107%;height:95%;right:-2%;bottom:-5%}
 .reading-intro-art{width:160px;margin:-7px auto 18px}
 .chapter-lead-wrap{grid-template-columns:1fr 112px;gap:10px;align-items:center}
 .chapter-lead-wrap .chapter-lead{font-size:1.01rem}
 .chapter-surf-art{max-width:112px}
 .step-surf-icon{width:74px;height:74px;margin:16px 0 -6px}
 .advice-separator{width:42px;height:42px;margin:0 0 -11px}
 .faq-shell{width:65px;height:65px}
 .onepage-end-inner{display:flex;flex-direction:column;gap:13px;text-align:center}
 .onepage-end .eyebrow{justify-content:center}
 .onepage-end-art{max-width:310px;margin:13px auto -24px}
 .final-cta-art{width:100%;max-width:230px;order:2;align-self:center;margin:0 auto -12px}
 .final-cta .cta-actions{order:3}
}
@media(max-width:400px){
 .chapter-lead-wrap{grid-template-columns:1fr}
 .chapter-surf-art{max-width:120px;justify-self:end;margin:-10px 4px -15px 0}
 .hero-surfer-art{height:87%;bottom:-2%}
}
@media(prefers-reduced-motion:reduce){.hero-surfer-art{animation:none}}


/* Final visual cleanup: clear surf rider instead of abstract board and no isolated section numbers. */
.ocean-scene .hero-ride-art{
  display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 50%;z-index:4;pointer-events:none;
}
.ocean-scene .ocean-coord{z-index:5;letter-spacing:.19em}
.reading-chapter{display:block}
.reading-chapter .chapter-content{width:100%;padding-left:0}
.reading-intro-art{width:280px;max-width:85%;margin:3px auto 24px}
.chapter-surf-art{max-width:215px}
.onepage-advice{display:block}
.onepage-advice .advice-separator{margin:4px 0 -18px auto}
.guide-point{display:block}
.step-surf-icon{margin:23px 0 0}
@media(max-width:760px){
  .ocean-scene .hero-ride-art{object-position:center 48%}
  .reading-intro-art{width:220px;margin:0 auto 18px}
  .chapter-surf-art{max-width:125px}
  .onepage-advice .advice-separator{margin:0 0 -12px auto}
}