@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.header-bg{background:url(/hero-waves.svg) bottom center / 100% 520px no-repeat,radial-gradient(circle at 10% 0%,#9db3c6,#b7c8d9 40%,#c7d6e6 68%,#b5c7d7);background-size:cover}.page-shell{width:100%;max-width:none;min-height:100vh;background:#f7fbfc;border:0;border-radius:0;box-shadow:none;position:relative;overflow:hidden;animation:shell-in .7s ease;display:flex;flex-direction:column;margin:0}header,main{position:relative;z-index:1}main{flex:1}.container{max-width:1180px;margin:0 auto;padding-inline:clamp(28px,5vw,64px)}header{padding:18px 32px 8px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:0;margin-bottom:14px}.nav{display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;align-items:center;gap:10px}.logo-mark{width:40px;height:40px;border-radius:999px;background:radial-gradient(circle at 25% 15%,#10a4b5 0,#024353 60%,#012633);position:relative;overflow:hidden}.logo-mark:after{content:"";position:absolute;width:25px;height:25px;border-radius:999px;background:#f7fbfd;opacity:.9;transform:translate(4px,10px)}.logo-text-main{font-size:1rem;font-weight:800;letter-spacing:.03em}.logo-text-sub{font-size:.76rem;font-weight:600;letter-spacing:.24em}.nav-links{display:flex;gap:clamp(18px,2.8vw,34px);font-size:.92rem;color:#5a6a76;font-weight:500}.nav-links a{position:relative;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;border-radius:999px;background:var(--primary);transition:width .2s ease}.nav-links a:hover:after{width:100%}.hero{padding:62px clamp(28px,5vw,64px) 42px}.hero-title{font-size:3rem;font-weight:800;letter-spacing:-.05em;margin-bottom:10px;color:#0c2235}.hero-subtitle{max-width:440px;font-size:.96rem;color:var(--text-muted);margin-bottom:28px}.hero-actions{display:flex;gap:14px}.hero,.product-grid .card,.why-item,.refer-row,.footer-grid{animation:rise-in .7s ease both}.hero{animation-delay:.05s}.product-grid .card:nth-child(1){animation-delay:.1s}.product-grid .card:nth-child(2){animation-delay:.16s}.product-grid .card:nth-child(3){animation-delay:.22s}.why-item:nth-child(1){animation-delay:.08s}.why-item:nth-child(2){animation-delay:.14s}.why-item:nth-child(3){animation-delay:.2s}.why-item:nth-child(4){animation-delay:.26s}.refer-row{animation-delay:.12s}.footer-grid{animation-delay:.18s}@keyframes shell-in{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.page-shell,.hero,.product-grid .card,.why-item,.refer-row,.footer-grid{animation:none}}.btn{border-radius:999px;padding:11px 26px;font-size:.94rem;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-weight:600;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,border-color .1s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 14px 26px #06465259}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 18px 36px #0041498c}.btn-outline{background:#fff;color:var(--text-main);border-color:#d3dde6}.btn-outline:hover{border-color:var(--primary);background:#f8feff;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a29}section{padding:2px clamp(28px,5vw,64px) 30px}.section-heading{font-size:1.35rem;font-weight:700;margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:36px}.card{background:#fff;border-radius:22px;border:1px solid #d9e5f0;padding:22px 18px 18px;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;box-shadow:0 10px 22px #0b1c2c0f}.card-icon{width:64px;height:64px;border-radius:999px;border:1px solid #d7e5f0;background:#f2f7fb;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);margin-bottom:2px}.card-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.card-title{font-size:.98rem;font-weight:700}.card-body{font-size:.82rem;color:var(--text-muted);max-width:200px}.card .btn{margin-top:12px;padding-inline:18px;font-size:.78rem}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding-bottom:30px}.why-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.78rem;text-align:center;color:#607080}.why-icon{width:56px;height:56px;border-radius:999px;background:#edf7fb;display:flex;align-items:center;justify-content:center;color:var(--primary-dark);border:1px solid #d8e6f0}.why-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.why-label{font-weight:700;font-size:.86rem;color:var(--text-main)}.refer-row{display:grid;grid-template-columns:1.2fr 1.1fr;gap:24px;padding-bottom:42px;align-items:center}.refer-illustration{background:radial-gradient(circle at 0 80%,#d8eaef 0,#d8eaef 60%,transparent 61%),radial-gradient(circle at 80% 0,#d7e8f1 0,#d7e8f1 58%,transparent 59%),#f3f9fc;border-radius:26px;padding:30px 22px 14px;display:flex;justify-content:center;align-items:center;min-height:220px}.refer-illustration img{width:min(340px,100%);height:auto}.refer-card{background:#f2f8fd;border-radius:26px;border:1px solid #d2e4f2;padding:22px 22px 18px}.refer-title{font-size:1.1rem;font-weight:700;margin-bottom:8px}.refer-step{font-size:.9rem;margin-bottom:12px;color:#183247}.refer-step span{font-weight:700}.refer-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:18px}.refer-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.refer-links{font-size:.8rem;color:var(--primary-dark);display:flex;align-items:center;gap:4px;font-weight:600}footer{background:#e7f2f4;border-top:1px solid #d0e4e9;padding:16px clamp(28px,5vw,64px) 20px;font-size:.78rem;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:2.2fr 1.4fr .8fr;gap:10px;align-items:center}.footer-contact{display:flex;flex-direction:column;gap:2px}.footer-contact p{margin-bottom:2px}.footer-line{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:#4e5b69}.footer-icon{width:16px;height:16px;color:#5d6f80;flex:0 0 16px}.footer-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.footer-social{display:flex;justify-content:flex-end;gap:8px}.social-circle{width:24px;height:24px;border-radius:999px;border:1px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:#425464;background:#f8fbfe}.footer-copy{grid-column:1 / -1;text-align:center;margin-top:2px}@media(max-width:880px){.container{padding-inline:20px}.product-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.refer-row{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:1.6fr 1.4fr}.footer-social{justify-content:flex-start}}@media(max-width:640px){.container{padding-inline:16px}#root{padding:0}.page-shell{border-radius:0;margin:0}header{padding:14px 0 4px}.nav-links{display:none}.hero{padding:32px 18px 24px}.hero-title{font-size:2.4rem}.product-grid,.why-grid,.footer-grid{grid-template-columns:minmax(0,1fr)}.footer-social{justify-content:flex-start}}:root{--primary: #0b6070;--primary-dark: #084956;--bg-page: #c5d3e1;--bg-card: #f7fbfe;--text-main: #0b2233;--text-muted: #5f6b78;--border-soft: #d6e3ee;--shadow-soft: 0 36px 80px rgba(11, 28, 44, .26);--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Plus Jakarta Sans,Segoe UI,sans-serif;color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}#root{min-height:100vh;width:100%;display:block;padding:0}