@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
:root{--navy:#123e60;--ocean:#086b9c;--aqua:#b8dce9;--ivory:#faf9f4;--text:#284b63;--pale:#ecf5f8;--line:#d7e8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--ivory);font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif;line-height:1.95;font-size:15px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,.serif{font-family:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;color:var(--navy);font-weight:600}h1{font-size:clamp(31px,5vw,54px);line-height:1.55;letter-spacing:.05em}h2{font-size:clamp(25px,3vw,37px);line-height:1.55;margin-bottom:20px}h3{font-size:clamp(19px,2.5vw,25px);line-height:1.6}p{line-height:2}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{display:block;max-width:100%}.wrap{width:min(1100px,calc(100% - 42px));margin-inline:auto}.kicker{font:700 11px Arial,sans-serif;letter-spacing:.24em;color:#478bab;text-transform:uppercase;display:block;margin-bottom:11px}.section{padding:76px 0;scroll-margin-top:86px}.section-white{background:#fff}.section-pale{background:#edf6f9}.section-ivory{background:#faf9f4}.section-head{text-align:center;margin-bottom:36px}.section-head h2{display:inline-block;position:relative}.section-head h2:before,.section-head h2:after{content:'';position:absolute;width:55px;height:1px;background:#a4becd;top:50%}.section-head h2:before{right:calc(100% + 20px)}.section-head h2:after{left:calc(100% + 20px)}.body-copy{max-width:730px;color:#446779}.topbar{height:78px;background:#ffffffeb;border-bottom:1px solid #dce9ee;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;gap:10px;align-items:center;color:#123f63;flex-shrink:0}.brand-name{display:block;font-family:'Noto Serif JP','Yu Mincho',serif;font-weight:700;font-size:20px;letter-spacing:.075em;line-height:1.25}.brand-sub{font:600 8px Georgia,serif;letter-spacing:.2em;display:block;color:#527d9d}.mark{width:53px;height:53px;flex:0 0 auto}.top-actions{display:flex;align-items:center;gap:9px}.circle-action{width:43px;height:43px;border:1px solid #d5e8ed;background:#f4fafc;color:#12628c;border-radius:99px;display:grid;place-items:center;font-size:18px}.nav-toggle{width:44px;height:44px;border:0;background:none;color:#124b71;font-size:26px}.desktop-nav{display:flex;gap:20px;align-items:center;font-size:12px;color:#315b72}.desktop-nav a:hover,.footer a:hover{color:#1585b7}.drawer{display:none;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 24px #123e601a;position:absolute;top:78px;left:0;right:0;padding:18px max(20px,calc((100% - 1100px)/2));grid-template-columns:repeat(4,1fr);gap:8px}.drawer.open{display:grid}.drawer a{padding:11px;background:#eef7fa;border-radius:5px;font-size:13px}.hero{position:relative;min-height:545px;background:linear-gradient(90deg,rgba(240,250,250,.98) 0%,rgba(240,250,250,.87) 39%,rgba(240,250,250,.15) 75%),url('assets/hero-ocean.jpg') center / cover no-repeat;display:flex;align-items:center;isolation:isolate}.hero:after{content:'';position:absolute;z-index:-1;bottom:0;left:0;right:0;height:28%;background:linear-gradient(transparent,#d7eff7a1)}.hero-inner{padding:75px 0 95px}.hero h1{margin:10px 0 14px}.hero p{color:#144465;font-weight:600;font-size:16px;max-width:500px}.wave{position:relative;white-space:nowrap}.wave:after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:7px;border-top:2px solid #78bcd6;border-radius:55%}.feature-band{background:#fffaf0e0;position:relative;margin:-40px auto 0;z-index:2;border-radius:16px;box-shadow:0 10px 35px #1c627019;display:grid;grid-template-columns:repeat(3,1fr);padding:20px 16px;max-width:1030px}.feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:#124969;padding:8px 18px;font-weight:700;font-size:14px;line-height:1.6}.feature+ .feature{border-left:1px solid #bfccd0}.feature svg{height:30px;width:30px;stroke:#22769b;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.guide-banner{display:grid;grid-template-columns:120px 1fr auto;gap:25px;align-items:center;background:linear-gradient(115deg,#fdfbf4 15%,#d8f0fa 100%);border:1px solid #e4eceb;box-shadow:0 10px 22px #2c718310;border-radius:17px;padding:24px 30px;overflow:hidden}.compass{width:93px;height:93px;border:3px double #76aac2;border-radius:50%;display:grid;place-items:center;font-size:51px;color:#4c9abe;background:#ffffff90;box-shadow:2px 8px 16px #4c93a724}.guide-banner h2{font-size:26px;margin:3px 0 8px}.guide-banner p{font-size:13px;line-height:1.8;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:40px;padding:13px 28px;font-weight:700;font-size:13px;line-height:1.5;min-height:48px;transition:filter .2s,transform .2s;border:1px solid transparent;white-space:normal;text-align:center}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-primary{background:linear-gradient(130deg,#35a2c8,#04608f);color:#fff;box-shadow:0 5px 13px #15739c25}.btn-ghost{border-color:#317797;color:#225c7b;background:#ffffffb5}.btn-muted{border-color:#a5c6d5;background:white;color:#285c77}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.image-card{position:relative;background:white;border:1px solid #edf0ec;border-radius:14px;overflow:hidden;box-shadow:0 10px 20px #153a4d0a;display:grid;grid-template-columns:41% 1fr;min-height:170px}.image-card img{width:100%;height:100%;object-fit:cover}.image-card .card-copy{padding:21px 22px;display:flex;flex-direction:column;justify-content:center}.image-card h3{font-size:23px;margin-bottom:6px}.image-card p{font-size:13px;line-height:1.8;margin:0}.image-card a{color:#1c739b;font-weight:700;font-size:12px;margin-top:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{height:300px;width:100%;object-fit:cover;border-radius:14px}.info-panel{background:white;border-radius:14px;border:1px solid #e1edf0;padding:27px 29px}.info-panel h3{margin-bottom:9px}.info-panel p{font-size:14px;color:#456879}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.principle{border:1px solid #dce9ed;border-radius:12px;padding:22px;background:#fff}.principle .num{font:700 12px Georgia;color:#5296b1;letter-spacing:.15em}.principle h3{font-size:19px;margin:5px 0 9px}.principle p{font-size:13px;color:#547182;margin:0}.page-hero{background:linear-gradient(100deg,#e9f7faef,#f6fbf9e3),url('assets/coast.jpg') center /cover;padding:75px 0 65px}.page-hero h1{font-size:clamp(30px,4.5vw,46px);margin:8px 0 12px}.page-hero p{max-width:670px;color:#376179}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.step{text-align:center;background:white;border:1px solid #dfeaec;border-radius:13px;padding:15px 8px;font-size:12px;min-height:134px}.stepnum{font:700 12px Georgia;color:#5e9ab7}.steplogo{font-size:28px;color:#28769a;display:block}.step strong{color:#234f69;line-height:1.45;display:block}.faq details{background:#fff;border-bottom:1px solid #d4e5eb;padding:20px 18px}.faq summary{font-weight:700;color:#204f6c;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}.faq summary:after{content:'＋';color:#478ab0}.faq details[open] summary:after{content:'−'}.faq details p{margin:13px 0 0;color:#496b7c;font-size:14px}.callout{background:linear-gradient(90deg,#f7f8f4,#e4f3fa);border-radius:14px;padding:25px 29px;border:1px solid #d5e8ee}.callout h3{margin-bottom:8px}.callout p{margin:0}.contact-panel{background:linear-gradient(90deg,#eaf6fa,#fffaf2);border:1px solid #ddebef;border-radius:15px;padding:35px}.contact-panel h2{margin:0 0 14px}.notice{background:#fff8e7;border:1px solid #eadbb9;padding:12px 16px;border-radius:8px;font-size:13px;color:#7c6840;margin:18px 0}.disabled-link{opacity:.65;cursor:default}.footer{background:#133f5d;color:#e7f3f8;padding:42px 0 35px}.footer .brand-name{color:white}.footer-links{display:flex;flex-wrap:wrap;gap:16px;margin:19px 0;font-size:12px}.footer-note{color:#b7d5e1;font-size:11px}.bottom-actions{display:none}.guide-shell{max-width:760px;margin:0 auto}.guide-intro{background:#fff;border-radius:16px;border:1px solid #dce9ed;padding:30px}.guide-intro h2{font-size:26px}.guide-progress{font:700 12px Arial;color:#4089a7;letter-spacing:.14em}.progress-track{background:#dcecf1;height:6px;border-radius:10px;margin:13px 0 26px}.progress-bar{height:100%;background:#3e9ec1;border-radius:10px;transition:width .2s}.choice-list{display:grid;gap:11px;margin:25px 0}.choice{display:block;width:100%;background:#fff;border:1px solid #d7e5eb;border-radius:10px;color:#234e67;font-size:14px;text-align:left;padding:16px 18px;line-height:1.7}.choice.selected{border-color:#2785aa;background:#e5f4f8;box-shadow:inset 4px 0 #2785aa}.guide-actions{display:flex;justify-content:space-between;gap:10px}.result-tips{display:grid;gap:13px;margin:22px 0}.result-tip{background:#f0f8fa;border-left:3px solid #80b6cc;padding:18px 21px;border-radius:7px}.result-tip strong{display:block;font-size:15px;color:#185779}.result-tip p{font-size:14px;margin:5px 0 0;color:#436879}.rating-options{display:grid;gap:8px}.rating-options button{padding:12px 16px;border:1px solid #d2e4ea;background:#fff;color:#235673;border-radius:8px;text-align:left}.rating-options button.selected{background:#e5f4f8;border-color:#2685aa}.micro{font-size:12px;color:#617f8c}.home-mini{background:linear-gradient(90deg,#f3fbfd,#eef8fa);padding:35px 0}.text-link{color:#08719f;font-size:13px;font-weight:700}.fine-print{font-size:12px;color:#69818b}.anchor-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.anchor-bar a{border:1px solid #8cb5ca;border-radius:25px;padding:8px 14px;font-size:12px;background:#ffffff8f}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;margin-bottom:5px}.form-group input,.form-group textarea{display:block;width:100%;padding:12px;border:1px solid #c9dde7;border-radius:7px;background:white;font:inherit}.form-group textarea{min-height:140px}.outline-card{border:1px solid #dce9ed;background:white;border-radius:12px;padding:24px}.outline-card h3{margin-bottom:10px}.outline-card p{margin:0;font-size:14px}.page-end{text-align:center;margin-top:37px}.hide{display:none!important}
@media(max-width:930px){.desktop-nav{display:none}.drawer{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}body{font-size:14px}.topbar{height:67px}.drawer{top:67px}.brand-name{font-size:17px}.brand-sub{font-size:7px}.mark{width:40px;height:40px}.circle-action{height:37px;width:37px;font-size:14px}.top-actions{gap:4px}.nav-toggle{width:39px}.hero{min-height:445px;background:linear-gradient(90deg,rgba(237,248,250,.88),rgba(239,249,250,.57) 56%,rgba(240,249,248,.10)),url('assets/hero-ocean.jpg') 63% center / cover no-repeat}.hero-inner{padding:55px 0 87px}.hero h1{font-size:clamp(26px,8vw,34px);line-height:1.6}.hero p{font-size:13px;line-height:2.05;max-width:330px}.feature-band{margin-top:-28px;padding:13px 2px;border-radius:13px}.feature{font-size:10px;padding:8px 5px;gap:8px}.feature svg{width:27px;height:27px}.section{padding:52px 0}.section-head h2:before,.section-head h2:after{width:23px}.section-head h2:before{right:calc(100% + 10px)}.section-head h2:after{left:calc(100% + 10px)}.guide-banner{grid-template-columns:68px 1fr;padding:19px 16px;gap:12px}.compass{width:59px;height:59px;font-size:33px}.guide-banner h2{font-size:20px}.guide-banner p{font-size:12px}.guide-banner .btn{grid-column:1/-1}.grid2,.grid3,.split,.principles{grid-template-columns:1fr}.split{gap:20px}.split img{height:200px}.image-card{min-height:135px;grid-template-columns:41% 1fr}.image-card .card-copy{padding:12px}.image-card h3{font-size:19px}.image-card p{font-size:12px}.image-card img{min-height:135px}.steps{grid-template-columns:repeat(3,1fr);gap:8px}.step{min-height:116px}.guide-intro{padding:22px 17px}.guide-intro h2{font-size:23px}.guide-actions .btn{padding:10px 15px}.contact-panel{padding:24px 17px}.footer{padding-bottom:105px}.bottom-actions{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 13px max(8px,env(safe-area-inset-bottom));z-index:30;box-shadow:0 -4px 16px #12415b20}.bottom-actions .btn{padding:10px 6px;min-height:42px;font-size:12px}.page-hero{padding:54px 0 47px}.page-hero h1{font-size:30px}.section-head h2{font-size:24px}.anchor-bar{gap:6px}.anchor-bar a{padding:7px 11px}}/* Mobile adjustments after visual check */
@media(max-width:650px){.hero h1{font-size:25px;letter-spacing:0;line-height:1.7}.section-head h2{max-width:calc(100vw - 75px)}.section-head h2:before,.section-head h2:after{display:none}.guide-banner h2{overflow-wrap:anywhere}.topbar-inner{min-width:0}}


/* Final visual polish — inspired by approved ocean / ivory homepage reference */
:root{--navy:#133b59;--ocean:#116d9d;--ivory:#fbfaf6}
body{background:#fbfaf7}
a,button{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e3a84d;outline-offset:3px}
.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 17px #155b8420}
.image-card{overflow:hidden}
.image-card img{transition:transform .5s ease}
.image-card:hover img{transform:scale(1.045)}
.guide-banner{box-shadow:0 12px 32px #12608b12;border:1px solid #d9ecf4}
.choice{cursor:pointer}
.choice:hover{border-color:#4c9ebd}
.choice:disabled{opacity:.5}
.rating-options button{cursor:pointer}
.rating-options button:hover{background:#f0f8fa}
@media (max-width:650px){
 .hero{background-position:63% 50%;min-height:455px}
 .hero-inner{padding-top:58px}
 .hero h1{font-size:clamp(27px,7.4vw,33px);line-height:1.62}
 .hero p{font-size:13px;background:linear-gradient(90deg,#ecf7f6a8,transparent);border-radius:8px}
 .guide-banner{border-radius:16px}
 .image-card{border-radius:14px}
 .feature-band{box-shadow:0 8px 24px #1c6e9510}
 .section{padding-block:50px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Service additions */
@media(min-width:651px){.service-wide{grid-column:1 / -1;max-width:760px;margin-inline:auto;width:100%;min-height:170px}}
#stalking .callout{margin-top:18px;padding:18px 20px}#stalking .callout h3{font-size:17px;margin-bottom:4px}#stalking .callout p{font-size:13px;line-height:1.9}