:root{--navy:#0c2938;--ink:#153140;--teal:#146e76;--muted:#5c717b;--line:#cad8dc;--wash:#eff4f3}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:95px}body{font:14px/1.9 "Hiragino Sans","Yu Gothic",sans-serif;color:var(--ink);background:#fbfdfc}a{color:inherit;text-underline-offset:4px}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.container{width:min(1216px,calc(100% - 96px));margin:auto}.demo-note{font-size:10px;background:#dce8e8;color:#345860;padding:6px 20px;text-align:center}.demo-note a{margin-left:16px}header{position:sticky;top:0;z-index:30;background:#fbfdfc;border-bottom:1px solid var(--line)}.head-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{width:36px;height:36px;position:relative;overflow:hidden;border:1px solid var(--teal);border-radius:50%}.logo-mark::after{content:"";position:absolute;left:-10px;right:-10px;height:28px;top:16px;background:var(--teal);transform:rotate(-22deg)}.logo-text{font-size:17px;font-weight:700;letter-spacing:.08em}.logo-text span{display:block;font:9px/1.5 Arial,sans-serif;letter-spacing:.17em;color:var(--teal);margin-top:4px}nav ul{display:flex;gap:25px;list-style:none}nav a{font-size:12px;font-weight:700;text-decoration:none}.head-cta{font-size:12px;font-weight:700;text-decoration:none;background:var(--navy);color:#fff;padding:12px 22px}.menu-btn{display:none;border:1px solid var(--line);padding:5px 12px;background:none;color:var(--navy)}
.hero{position:relative;color:#fff;min-height:650px;overflow:hidden;background:var(--navy)}.ocean-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:saturate(.7)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,29,43,.88),rgba(4,29,43,.46) 58%,rgba(4,29,43,.12))}.hero-inner{position:relative;z-index:2;padding:100px 0 90px}.hero-label{font:11px Arial,sans-serif;letter-spacing:.22em;display:flex;align-items:center;gap:14px;margin-bottom:32px;color:#b6e6e8}.hero-label::before{content:"";width:28px;height:1px;background:currentColor}.hero h1{font-size:clamp(38px,4.8vw,68px);line-height:1.4;letter-spacing:.07em;font-weight:600;margin-bottom:25px}.hero h1 span{color:#a4dcdf}.hero p{font-size:13px;color:#d0e2e8;max-width:440px;line-height:2.2}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;font-size:12px;font-weight:700;text-decoration:none;border:1px solid #aac5d0}.btn-primary{background:#fff;color:var(--navy);border-color:#fff}.btn-ghost{background:transparent;color:inherit}.hero-caption{position:absolute;right:40px;bottom:27px;z-index:3;font:10px Arial,sans-serif;letter-spacing:.2em;color:#d2e3e9}.hero-coordinate{position:absolute;right:6%;top:26%;width:250px;height:250px;border:1px solid #d7f5ff55;border-radius:50%;z-index:1;pointer-events:none}.hero-coordinate::before,.hero-coordinate::after{content:"";position:absolute;background:#d7f5ff55}.hero-coordinate::before{height:1px;left:-45px;right:-45px;top:50%}.hero-coordinate::after{width:1px;top:-45px;bottom:-45px;left:50%}
.stats{background:#e7eeee;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.stat{padding:23px 25px;border-left:1px solid #c2d3d7;display:flex;gap:20px;align-items:center}.stat:first-child{border:0}.stat b{font-size:24px;letter-spacing:.05em;white-space:nowrap}.stat span{font-size:11px;color:var(--muted)}section{padding:96px 0}.sec-label{font:11px Arial,sans-serif;letter-spacing:.15em;color:var(--teal);margin-bottom:20px}h2{font-size:32px;line-height:1.6;letter-spacing:.04em;margin-bottom:18px}.sec-lead{font-size:13px;line-height:2.1;max-width:610px;color:var(--muted);margin-bottom:40px}.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.svc{position:relative;border-top:2px solid var(--navy);padding:34px 0 0}.svc-icon{width:58px;height:58px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;background:#dfecea;border-radius:50%}.svc-icon svg{width:28px;height:28px;stroke:var(--teal);fill:none;stroke-width:1.5}.svc h3{font-size:19px;line-height:1.6;margin-bottom:16px}.svc p{font-size:12px;line-height:2;color:var(--muted)}.strength{background:var(--wash)}.str-row{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.str-visual{position:relative;background:var(--navy);color:#d1e6e9;min-height:410px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.str-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a9d8d915 1px,transparent 1px),linear-gradient(90deg,#a9d8d915 1px,transparent 1px);background-size:33px 33px;pointer-events:none}.diagram-title{font:10px Arial,sans-serif;letter-spacing:.13em;position:relative}.diagram-stages{list-style:none;position:relative}.diagram-stages li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8bacb077;padding:17px 0}.diagram-stages span{font:27px Georgia,serif;color:#a9d8d9}.diagram-stages b{font-size:18px;font-weight:500}.diagram-stages small{font:10px Arial,sans-serif;letter-spacing:.12em;color:#a9bfc5}.diagram-note{font-size:11px;color:#adc5cc;position:relative;margin-top:18px}.str-list{list-style:none}.str-list li{padding:20px 0;border-bottom:1px solid var(--line)}.str-list li:first-child{padding-top:0}.str-list h3{font-size:17px;line-height:1.7;margin-bottom:8px}.str-list p{font-size:12px;color:var(--muted);line-height:2}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.flow-item{padding-top:20px;border-top:1px solid var(--teal)}.flow-step{font:11px Arial,sans-serif;letter-spacing:.13em;color:var(--teal);margin-bottom:20px}.flow-item h3{font-size:16px;margin-bottom:13px}.flow-item p{font-size:12px;color:var(--muted);line-height:2}.company{background:var(--wash)}.comp-table{width:100%;border-collapse:collapse;font-size:13px}.comp-table th,.comp-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:19px 12px}.comp-table th{width:180px;color:var(--muted)}.contact{background:var(--navy);color:#fff;text-align:center}.contact .sec-label{color:#a4dcdf}.contact h2{font-size:33px}.contact p{font-size:13px;max-width:560px;margin:auto;color:#b8d0da}.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0}.contact .demo-feedback{font-size:11px;color:#c3d8df}.demo-feedback:focus{outline:2px solid white;outline-offset:6px}footer{background:#061e2b;color:#b9ccd3;font-size:10px;padding:30px 0}.foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.foot-links{display:flex;gap:20px;list-style:none}.photo-credit{font-size:10px;color:#9ab7c3;margin-top:20px}a:focus-visible,button:focus-visible{outline:3px solid #cd9041;outline-offset:4px}
@media(max-width:1000px){.container{width:calc(100% - 56px)}nav ul{gap:15px}.head-cta{display:none}.hero-coordinate{right:4%;width:180px;height:180px}.str-row{gap:35px}.stat{gap:13px;padding:20px 15px}.stat span{font-size:10px}.svc-grid{gap:24px}}
@media(max-width:720px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.demo-note{font-size:9px;padding:7px 10px}.demo-note a{display:inline-block;margin-left:8px}.head-inner{height:72px}.logo-text{font-size:14px}.logo-mark{width:30px;height:30px}.logo-text span{font-size:8px}.menu-btn{display:block}nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:20px}nav.is-open{display:block}nav ul{flex-wrap:wrap;justify-content:center;gap:20px}.hero{min-height:580px}.hero-inner{padding:72px 0 90px}.hero h1{font-size:clamp(34px,9vw,47px);line-height:1.6;letter-spacing:.025em}.hero-label{font-size:9px;letter-spacing:.13em;margin-bottom:22px}.hero p{font-size:12px;max-width:360px}.hero-coordinate{width:130px;height:130px;right:-40px;top:43%;opacity:.45}.hero-caption{font-size:8px;right:20px;bottom:18px}.hero::after{background:linear-gradient(90deg,#041d2bcc,#041d2b77)}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat{padding:20px 8px;display:block;text-align:center}.stat b{font-size:20px;display:block;margin-bottom:4px}.stat span{font-size:9px;line-height:1.7;display:block}section{padding:60px 0}h2{font-size:26px}.sec-label{margin-bottom:13px}.sec-lead{font-size:12px;margin-bottom:30px}.svc-grid,.str-row{grid-template-columns:1fr;gap:32px}.svc{padding-top:23px}.svc-icon{width:46px;height:46px;float:left;margin:0 17px 10px 0}.svc h3{padding-top:8px;margin-bottom:22px}.svc p{clear:both}.str-visual{min-height:340px;padding:28px}.flow-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.flow-item h3{font-size:15px}.flow-item p{font-size:11px}.comp-table th{width:90px}.comp-table th,.comp-table td{padding:16px 6px;font-size:12px}.contact h2{font-size:25px}.contact p{font-size:12px}.foot-inner{display:block}.foot-links{margin-top:16px;gap:18px}.btn{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}