:root{--ink:#12313c;--deep:#0d3441;--ocean:#136078;--sand:#f6f1e9;--paper:#fffdfa;--orange:#fa7048;--yellow:#f6c85f;--line:rgba(18,49,60,0.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}a,button{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hero-section{min-height:620px;overflow:hidden;background:var(--sand);position:relative}.topbar{max-width:1180px;height:88px;margin:0 auto;padding:0 28px;display:flex;justify-content:space-between;position:relative;z-index:2}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:10px;line-height:1}.brand-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--deep);color:var(--yellow);font-family:Georgia,serif;font-size:22px;font-weight:700}.brand strong{display:block;letter-spacing:.08em;font-size:17px}.brand small{display:block;margin-top:5px;font-size:8px;font-weight:700;letter-spacing:.13em;color:var(--ocean)}.nav-actions{display:flex;gap:22px;align-items:center}.login-button,.nav-actions{font-size:13px;font-weight:700}.login-button{color:var(--paper);border:0;background:var(--deep);border-radius:999px;padding:11px 19px}.hero-content{max-width:1180px;min-height:532px;padding:64px 28px 78px;margin:0 auto;display:grid;grid-template-columns:46% 54%;align-items:center;position:relative}.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker{margin:0 0 14px;color:var(--orange);font-size:11px;letter-spacing:.17em;font-weight:800}.hero-copy h1{font-family:Georgia,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(44px,5.2vw,70px);line-height:1.14;letter-spacing:.03em;margin:0}.hero-lead{margin:28px 0;line-height:1.9;font-size:16px;font-weight:500}.hero-cta-row{display:flex;align-items:center;gap:23px}.primary-button{border:0;padding:15px 22px;border-radius:4px;background:var(--orange);color:white;font-weight:800;box-shadow:0 10px 20px rgba(250,112,72,.22)}.all-link span,.primary-button span{margin-left:13px;font-size:17px}.all-link,.text-button{color:var(--deep);background:transparent;border:0;padding:6px 0;font-size:13px;font-weight:800}.account-note{margin:20px 0 0;font-size:11px;color:rgba(18,49,60,.58)}.water-scene{position:absolute;right:-10px;bottom:-2px;width:min(630px,56vw);height:462px;overflow:hidden;border-radius:47% 0 0 0;background:linear-gradient(180deg,#cceef0 0 52%,#2a8192 52% 100%)}.sun{top:81px;right:125px;width:66px;height:66px;background:var(--yellow);opacity:.95}.cloud,.sun{position:absolute;border-radius:50%}.cloud{width:100px;height:22px;background:rgba(255,255,255,.68);filter:blur(1px)}.cloud:after,.cloud:before{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:40px;height:40px;left:18px;bottom:4px}.cloud:after{width:31px;height:31px;right:16px;bottom:3px}.cloud-one{top:141px;left:110px;transform:scale(.58)}.cloud-two{top:70px;right:10px;transform:scale(.38)}.horizon{top:230px;width:100%;height:4px;background:rgba(13,52,65,.14)}.boat,.horizon{position:absolute}.boat{top:177px;left:40%;width:220px;height:110px;transform:rotate(-2deg)}.boat-hull{position:absolute;bottom:16px;left:12px;width:170px;height:31px;background:var(--deep);border-radius:0 0 70% 30%;transform:skewX(-22deg)}.boat-cabin{position:absolute;bottom:44px;left:77px;width:62px;height:34px;border-radius:4px 4px 0 0;background:#f9eee0;border-bottom:6px solid var(--orange)}.boat-cabin:after{content:"";position:absolute;width:12px;height:15px;border-radius:2px;background:#4f9ca7;left:11px;top:8px;box-shadow:19px 0 #4f9ca7}.fishing-rod{position:absolute;width:85px;height:3px;left:132px;bottom:77px;background:var(--ink);transform:rotate(-53deg);transform-origin:left}.line{width:1px;height:64px;left:185px;bottom:40px;background:rgba(18,49,60,.5);transform:rotate(33deg)}.line,.wave{position:absolute}.wave{left:-10%;width:120%;height:90px;border-radius:50%;border-top:3px solid rgba(255,255,255,.35)}.wave-one{bottom:58px;transform:rotate(-3deg)}.wave-two{bottom:1px;transform:rotate(5deg);border-top-color:rgba(5,66,86,.25)}.fish{position:absolute;font-family:Georgia,serif;color:var(--yellow);font-size:43px;transform:rotate(-12deg)}.fish-one{right:101px;bottom:65px}.fish-two{left:52px;bottom:18px;color:#d2f1ef;font-size:29px}.content-section{max-width:1180px;padding:95px 28px;margin:0 auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:31px}.how-copy h2,.section-heading h2{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(27px,3.3vw,39px);letter-spacing:.04em}.how-copy .section-kicker,.section-heading .section-kicker{margin-bottom:10px}.trip-heading-actions{display:flex;align-items:center;gap:18px}.api-status{display:inline-flex;align-items:center;gap:6px;color:#6d7f84;font-size:10px;font-weight:800}.api-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#b8b0a3}.api-status.connected:before{background:#3da67a;box-shadow:0 0 0 3px rgba(61,166,122,.12)}.trip-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.trip-card{padding:22px 18px 24px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:64px 1fr;grid-column-gap:15px;column-gap:15px;position:relative}.trip-card+.trip-card{margin-left:23px;padding-left:0}.date-block{height:64px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--deep);font-weight:800}.date-block strong{font-family:Georgia,serif;font-size:22px}.date-block span{font-size:11px;margin-top:1px}.date-block.seafoam{background:#bfe5e6}.date-block.orange{background:#ffd1c0}.date-block.yellow{background:#f8e3a6}.trip-area{margin:1px 0 6px;color:var(--ocean);font-size:11px;font-weight:800}.trip-card h3{margin:0;font-size:16px;line-height:1.45}.trip-tags{display:flex;gap:6px;margin-top:10px}.trip-tags span{padding:4px 7px;background:#f0ece5;font-size:10px;color:#536b73}.seat-count{position:absolute;right:0;bottom:26px;color:var(--orange);font-size:11px;font-weight:800}.group-section{padding-top:42px}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.group-card{overflow:hidden;border:1px solid var(--line);background:white;border-radius:5px}.group-cover{height:136px;position:relative;overflow:hidden;background:#6bb4c2}.group-cover:before{width:170%;height:190px;background:rgba(255,255,255,.28);left:-22%;bottom:-141px}.group-cover:after,.group-cover:before{content:"";position:absolute;border-radius:50%}.group-cover:after{width:100px;height:100px;right:24px;top:-30px;background:rgba(246,200,95,.85)}.group-cover span{position:absolute;bottom:13px;left:17px;font-family:Georgia,serif;font-weight:700;font-size:31px;color:white;opacity:.9}.cover-2{background:#1c6f89}.cover-2:after{right:auto;left:39px;top:30px;width:65px;height:65px;background:#e7f1dc}.cover-3{background:#3c8993}.cover-3:after{background:#ffd1c0}.group-card-body{padding:17px}.group-card-body p{margin:0 0 7px;font-size:11px;font-weight:800;color:var(--ocean)}.group-card-body h3{margin:0 0 19px;font-size:17px}.group-card-body span{font-size:11px;color:#6d7f84}.how-section{background:var(--deep);color:var(--paper)}.how-inner{max-width:1180px;min-height:300px;padding:63px 28px;margin:0 auto;display:grid;grid-template-columns:.85fr 1.55fr;align-items:center;grid-gap:65px;gap:65px}.how-copy .section-kicker{color:var(--yellow)}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:26px;gap:26px}.steps li{border-left:1px solid rgba(255,255,255,.25);padding-left:18px}.steps li>span{display:block;font-family:Georgia,serif;color:var(--yellow);font-size:15px;margin-bottom:27px}.steps strong{font-size:15px}.steps p{font-size:12px;color:rgba(255,255,255,.65);line-height:1.7;margin:7px 0 0}footer{max-width:1180px;margin:0 auto;padding:31px 28px 39px;display:flex;align-items:center;gap:19px;font-size:10px;color:#6a7d83}.footer-brand .brand-mark{width:28px;height:28px;font-size:17px}.footer-brand strong{font-size:13px}.footer-note{margin-left:auto}.auth-page,.onboarding-page{min-height:100vh;padding:52px 20px;display:grid;place-items:center;background:linear-gradient(135deg,#f6f1e9,#e4f2f1)}.auth-card,.onboarding-card{width:min(100%,540px);padding:42px;background:rgba(255,253,250,.96);border:1px solid rgba(18,49,60,.12);box-shadow:0 22px 70px rgba(13,52,65,.12)}.auth-card.compact{width:min(100%,470px)}.auth-brand{display:inline-flex;align-items:center;gap:10px;margin-bottom:38px}.auth-brand>span:last-child{display:flex;flex-direction:column}.auth-brand small{margin-top:5px;color:var(--ocean);font-size:8px;font-weight:800;letter-spacing:.12em}.auth-kicker{margin:0 0 10px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.17em}.auth-card h1,.onboarding-card h1{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:32px;line-height:1.35}.auth-lead{margin:13px 0 28px;color:#677b82;font-size:13px;line-height:1.8}.auth-form,.profile-form{display:grid;grid-gap:17px;gap:17px}.auth-form label:not(.check-row),.profile-form label:not(.check-row){display:grid;grid-gap:7px;gap:7px}.auth-form label>span,.profile-form label>span{font-size:12px;font-weight:800}.auth-form input:not([type=checkbox]),.profile-form input:not([type=checkbox]),.profile-form select{width:100%;min-height:46px;border:1px solid rgba(18,49,60,.2);border-radius:4px;padding:10px 12px;background:white;color:var(--ink);outline:none}.auth-form input:focus,.profile-form input:focus,.profile-form select:focus{border-color:var(--ocean);box-shadow:0 0 0 3px rgba(19,96,120,.1)}.auth-form label small,.profile-form label small{color:#7a8d92;font-size:10px}.check-row{display:flex;align-items:flex-start;gap:9px;color:#566c73;font-size:11px;line-height:1.6;cursor:pointer}.check-row input{width:17px;height:17px;margin:0;accent-color:var(--ocean);flex:0 0 auto}.check-row a{color:var(--ocean);text-decoration:underline}.form-error,.form-notice{margin:0;padding:10px 12px;border-radius:4px;font-size:12px;line-height:1.6}.form-error{color:#a43d2b;background:#fff0eb}.form-notice{color:#22684f;background:#e9f7f0}.auth-submit{min-height:49px;border:0;border-radius:4px;background:var(--orange);color:white;font-weight:900;box-shadow:0 10px 20px rgba(250,112,72,.18)}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-switch{margin:25px 0 0;text-align:center;color:#6d7f84;font-size:12px}.auth-switch a{color:var(--ocean);font-weight:900}.auth-text-button{width:100%;margin-top:16px;border:0;background:transparent;color:var(--ocean);font-size:12px;font-weight:800}.code-input{text-align:center;font-family:Georgia,serif;font-size:27px;letter-spacing:.3em}.onboarding-card{width:min(100%,680px)}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.loading-page{display:grid;place-items:center;color:#6d7f84;font-size:13px}.dashboard-page,.loading-page{min-height:100vh;background:var(--sand)}.dashboard-page{padding-bottom:80px}.dashboard-header{max-width:1100px;height:82px;margin:0 auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between}.dashboard-header button{border:1px solid var(--line);border-radius:999px;padding:9px 15px;background:transparent;color:var(--deep);font-size:11px;font-weight:800}.dashboard-hero{max-width:1048px;margin:15px auto 0;padding:65px 58px;color:white;background:var(--deep);position:relative;overflow:hidden}.dashboard-hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-110px;top:-170px;background:rgba(246,200,95,.16);border:1px solid rgba(246,200,95,.32)}.dashboard-hero .auth-kicker{color:var(--yellow)}.dashboard-hero h1{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(32px,4vw,48px);line-height:1.35}.dashboard-hero>p:last-child{margin:20px 0 0;color:rgba(255,255,255,.65);font-size:12px}.dashboard-actions{max-width:1048px;margin:22px auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.dashboard-actions>*{min-height:165px;padding:23px;border:1px solid var(--line);background:var(--paper)}.dashboard-actions span{color:var(--orange);font-family:Georgia,serif;font-size:13px}.dashboard-actions strong{display:block;margin-top:31px;font-size:17px}.dashboard-actions p{margin:8px 0 0;color:#74868b;font-size:11px;line-height:1.6}.coming-action{opacity:.62}.dashboard-profile{max-width:1048px;margin:0 auto;padding:27px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;background:white;border:1px solid var(--line)}.dashboard-profile div{display:grid;grid-gap:8px;gap:8px}.dashboard-profile span{color:#7b8c90;font-size:10px}.dashboard-profile strong{overflow-wrap:anywhere;font-size:13px}@media (max-width:760px){.hero-section{min-height:710px}.topbar{height:72px;padding:0 20px}.nav-actions>a{display:none}.login-button{padding:9px 15px}.hero-content{grid-template-columns:1fr;padding:51px 20px 0;min-height:638px}.hero-copy h1{font-size:43px}.hero-lead{font-size:14px}.water-scene{width:100%;right:0;height:305px;bottom:0;border-radius:34% 0 0 0}.sun{top:38px;right:71px;width:48px;height:48px}.boat{top:102px;left:34%;transform:scale(.77) rotate(-2deg);transform-origin:top left}.horizon{top:158px}.content-section{padding:64px 20px}.group-grid,.trip-grid{grid-template-columns:1fr}.trip-card+.trip-card{margin-left:0}.group-section{padding-top:0}.how-copy h2,.section-heading h2{font-size:28px}.api-status{display:none}.how-inner{display:block;padding:55px 20px}.steps{margin-top:35px;grid-template-columns:1fr;gap:23px}.steps li>span{margin-bottom:9px}footer{padding:25px 20px;flex-wrap:wrap}.footer-note{margin:0;width:100%}.account-note{font-size:10px}.auth-page,.onboarding-page{padding:0;align-items:stretch;background:var(--paper)}.auth-card,.auth-card.compact,.onboarding-card{width:100%;min-height:100vh;padding:35px 22px;border:0;box-shadow:none}.auth-brand{margin-bottom:32px}.profile-form-grid{grid-template-columns:1fr}.dashboard-header{padding:0 18px}.dashboard-hero{margin:0;padding:48px 22px}.dashboard-actions,.dashboard-profile{margin:15px;grid-template-columns:1fr}}