:root{--ink:#123f49;--paper:#f8f8f2;--orange:#ec9b54;--muted:#576d70;--line:#d6dfd8;--pale:#e9f0d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}h2{font-size:clamp(30px,3vw,44px);font-weight:700;letter-spacing:.01em}h3{font-size:23px}.wrap{width:min(1160px,calc(100% - 96px));margin:auto}.section{padding:100px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;margin-bottom:22px;color:#59746a}.eyebrow.light{color:var(--pale)}.header{height:90px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid #dce3dc}.brand{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.14em;font-weight:500;margin-top:2px}.header nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}.header nav a:hover{color:#8b4c1e}.nav-cta{padding:10px 17px;border:1px solid var(--ink);border-radius:4px}.nav-cta span{margin-left:16px}.menu-toggle{display:none}.hero{position:relative;min-height:650px;height:calc(100svh - 90px);max-height:850px;isolation:isolate;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/ocean.jpg') center 60%/cover;z-index:-3;transform:scale(1.02)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,35,46,.85),rgba(7,38,49,.33) 65%,rgba(7,38,49,.12)),linear-gradient(0deg,rgba(7,38,49,.45),transparent 35%);z-index:-2}.hero-inner{width:min(1160px,calc(100% - 96px));margin:auto;padding:95px 0 100px}.hero h1{font-size:clamp(48px,5.7vw,80px);line-height:1.2;letter-spacing:.02em;font-weight:700}.hero h1 span{color:#deedc2}.hero-copy{font-size:17px;line-height:1.95;color:#e7efec;margin-top:27px}.actions{display:flex;gap:30px;align-items:center;margin-top:35px}.button{display:inline-flex;justify-content:space-between;gap:38px;align-items:center;border:0;border-radius:4px;padding:15px 23px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.orange{background:var(--orange);color:#233a38}.pale{background:var(--pale);color:var(--ink)}.dark{background:var(--ink);color:white}.text-link{font-size:14px;display:flex;gap:20px;align-items:center}.hero-bottom{position:absolute;bottom:0;left:4%;right:4%;padding:20px 0;border-top:1px solid #ffffff44;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em}.hero-bottom a{font-size:24px}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy p{margin-bottom:20px;color:var(--muted);font-size:15px}.about-copy .lead{font-size:21px;color:var(--ink);line-height:1.6}.principles{display:flex;gap:24px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;font-weight:700}.principles span:before{content:'＋';margin-right:8px;color:#6e8975}.courses{background:#eaf0e8}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-top>p{color:var(--muted);font-size:13px;line-height:1.8}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course{padding:25px 29px 20px;border:1px solid #c5d1c7;background:#f8faf4;border-radius:5px;display:flex;flex-direction:column}.course:nth-child(2){background:#f2f5e8}.course-number{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.04em}.course-number span{font-size:10px;color:var(--muted)}.course-symbol{font-size:58px;height:96px;line-height:1.6;color:#78977f}.course h3{margin:15px 0}.course p{font-size:13px;color:var(--muted);line-height:1.9}.course ul{list-style:none;padding:0;margin:25px 0 28px;font-size:12px;line-height:2.2;flex:1}.course li:before{content:'—';margin-right:10px;color:#7a9078}.course-link{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:16px 0 0;color:var(--ink);font-size:13px;font-weight:700}.course-link:hover{color:#ab6229}.course-note{font-size:12px;color:var(--muted);margin-top:25px}.learning{display:grid;grid-template-columns:1fr 1fr;gap:100px}.learning-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:22px}.learning-list article{display:flex;gap:24px;border-top:1px solid var(--line);padding:28px 0}.learning-list article>span{font-size:11px;color:#7b8e7a;padding-top:5px}.learning-list h3{font-size:19px;margin-bottom:12px}.learning-list p{font-size:14px;color:var(--muted)}.sea-diagram{height:190px;background:#e4eee8;margin-top:32px;position:relative;overflow:hidden;border-radius:3px}.land{position:absolute;left:-30px;bottom:-85px;width:270px;height:240px;border-radius:40% 70% 0 0;transform:rotate(-20deg);background:#c8d6b1;border:8px solid #dce3bd}.sun{position:absolute;right:60px;top:30px;width:34px;height:34px;background:#e7ad73;border-radius:50%}.wave{position:absolute;font-size:39px;letter-spacing:5px;color:#9abbb1}.wave-one{top:30px;left:25px;transform:rotate(-10deg)}.wave-two{bottom:25px;right:25px}.point{position:absolute;font-size:10px;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;border:1px solid #527870;background:#f8f8f2}.p1{top:44px;left:45px}.p2{top:105px;left:170px}.p3{top:55px;right:110px}.sea-diagram small{position:absolute;bottom:10px;left:18px;font-size:8px;letter-spacing:.15em}.community{background:var(--ink);color:#f1f3e8;padding:90px 0}.community-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:95px}.community h2{color:var(--pale)}.community-inner>div>p:not(.eyebrow){margin:25px 0 32px;font-size:14px;color:#c7d6d3;max-width:430px}.community-items article{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid #64827f70}.community-items article:first-child{padding-top:5px}.community-items article>span{color:#b8d09f;font-size:14px}.community-items h3{font-size:20px}.community-items p{font-size:13px;color:#c7d6d3;margin-top:12px}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;position:relative;padding-right:30px;font-size:15px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:20px;top:-3px}details[open] summary:after{content:'−'}details p{padding-top:15px;font-size:14px;color:var(--muted)}.contact{background:#eeeae0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.contact h2{font-size:40px}.contact-grid>div>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:24px}address{display:flex;flex-direction:column;font-style:normal;margin-top:34px;gap:8px;font-size:14px}address a{font-weight:700}address small{font-size:11px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:17px}label>span{color:#a0592a}input,select,textarea{display:block;width:100%;border:1px solid #bdc8bd;background:#fafaf5;border-radius:3px;padding:11px 12px;color:var(--ink);margin-top:7px;font-size:14px;min-width:0;outline-offset:2px}input:focus,select:focus,textarea:focus{outline:2px solid #537c70}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.privacy-note{font-size:11px;color:var(--muted);margin-bottom:17px}.form-actions{display:flex;gap:20px;align-items:center}.copy-button{border:0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}#form-status{font-size:12px;margin-top:15px}#mail-fallback{margin-top:15px}.footer{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:35px;gap:30px}.footer>div{font-size:10px;color:var(--muted)}.back-top{border:1px solid #becbc0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.mobile-break{display:none}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}
@media(min-width:1500px){.hero-inner{padding-top:130px}}@media(max-width:1050px){.header nav{gap:18px}.brand{font-size:14px}.wrap{width:calc(100% - 64px)}.hero-inner{width:calc(100% - 64px)}.about,.learning,.community-inner,.faq,.contact-grid{gap:45px}.course{padding:24px 20px}.course h3{font-size:20px}}@media(max-width:760px){html{scroll-padding-top:80px}.header{height:76px;padding:0 22px}.brand{font-size:14px;gap:9px}.brand img{width:34px;height:34px}.brand small{font-size:8px}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;border:1px solid #b6c7bb;border-radius:3px;padding:5px 10px;font-size:11px;color:var(--ink)}.header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:20px 24px;box-shadow:0 10px 20px #123f4920;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:12px 0}.header nav .nav-cta{border:0}.wrap{width:calc(100% - 44px)}.section{padding:65px 0}.hero{height:auto;min-height:680px}.hero-inner{width:calc(100% - 44px);padding:85px 0 125px}.hero h1{font-size:52px}.hero-copy{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.12em}.hero-image{background-position:63% center}.hero-shade{background:linear-gradient(90deg,#062b3dd9,#062b3d60),linear-gradient(0deg,#062b3d88,transparent)}.hero-bottom{left:22px;right:22px;font-size:8px;gap:12px}.actions{gap:22px}.button{padding:14px 18px;font-size:13px;gap:20px}.text-link{font-size:12px;gap:10px}.about,.learning,.community-inner,.faq,.contact-grid{grid-template-columns:1fr;gap:32px}.about-copy .lead{font-size:20px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:20px}.course-grid{grid-template-columns:1fr;gap:18px}.course{padding:22px 26px}.course-symbol{height:70px;font-size:45px}.course h3{font-size:25px;margin:15px 0}.course p{font-size:14px}.course ul{margin:18px 0;font-size:13px}.learning-list article{padding:22px 0}.sea-diagram{max-width:450px}.community{padding:65px 0}.faq{gap:30px}.contact h2{font-size:34px}.form-actions{gap:15px;flex-wrap:wrap}.footer{flex-wrap:wrap;gap:25px;padding:30px 0}.footer>div{order:3;width:100%;font-size:9px}.footer .brand{font-size:13px}.mobile-break{display:block}.form-row{gap:12px}.contact address{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}