:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#15364a;background:#f5f9fb;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:.16em;color:#0e92ae;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:51px;border-radius:9px;padding:14px 22px;background:#28bdd7;color:#06283b;font-weight:800;transition:background .2s,transform .2s}.btn:hover{background:#75dbeb;transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3ec7df;outline-offset:4px}
    .top{background:#071f32;color:#fff}.nav{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:205px;height:auto;max-height:72px;object-fit:contain}.nav-side{display:flex;align-items:center;gap:24px;font-size:.9rem;font-weight:700}.nav-side>a:hover{color:#79dce9}
    .hero{background:radial-gradient(circle at 82% 43%,#174a63,#0a2b40 43%,#071f32 80%);color:white;overflow:hidden}.hero-inner{padding:80px 0 42px}.hero-top{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.hero .eyebrow{color:#6bd5e7}.hero h1{font-size:clamp(2.7rem,5.2vw,4.6rem);letter-spacing:-.055em;line-height:1.06;margin:18px 0 20px}.hero h1 em{font-style:normal;color:#7bdbe9}.hero p{font-size:1.1rem;line-height:1.68;color:#c7dce6;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}.ghost{background:transparent;border:1px solid #89b8c9;color:white}.ghost:hover{background:#18465f}.product-visual{position:relative;display:grid;align-items:center;min-height:380px}.product-visual:before{content:'';position:absolute;inset:11% 2% 4%;background:radial-gradient(ellipse,#5acde53b,transparent 68%);filter:blur(17px)}.product-visual img{position:relative;display:block;width:100%;height:auto;max-height:440px;object-fit:contain;filter:drop-shadow(0 22px 24px #00162288)}.hero-foot{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #6c9cb048;padding-top:24px;margin-top:36px}.hero-foot span{padding:8px 13px;border:1px solid #7db0c049;border-radius:100px;color:#c7e2e9;font-size:.85rem;font-weight:700}
    .section{padding:92px 0}.section-head{max-width:760px;margin-bottom:38px}.section h2{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.14;letter-spacing:-.04em;margin:12px 0 15px}.section-head p,.lead{font-size:1.08rem;line-height:1.7;color:#526e7e;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.step,.card{background:#fff;border:1px solid #dbe9ed;border-radius:17px;box-shadow:0 15px 37px #183f500a}.step{padding:30px}.step-index{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#e2f6fa;color:#087f9e;font-weight:900;margin-bottom:25px}.step h3,.card h3{font-size:1.22rem;margin:0 0 9px}.step p,.card p{color:#557080;line-height:1.62;font-size:1rem;margin:0}.condition-note{font-size:.95rem;line-height:1.6;color:#486c7d;margin:23px 0 0}
    .purpose{background:#e7f4f7;padding:27px 0}.purpose-inner{display:flex;gap:26px;align-items:center;justify-content:space-between}.purpose-inner strong{display:block;color:#0a4960;font-size:1.1rem}.purpose-inner p{margin:6px 0 0;color:#3e6274;line-height:1.55}.purpose-mark{border:1px solid #7db9c9;color:#0b5971;border-radius:9px;padding:12px 15px;font-size:.85rem;font-weight:800;text-align:center;min-width:225px}
    .models{background:white}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{padding:18px 18px 25px;display:flex;flex-direction:column;min-height:400px}.model-photo{position:relative;height:195px;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 50% 70%,#e1f2f5,#f4fafb 72%);margin-bottom:22px}.model-photo img{display:block;width:100%;height:100%;object-fit:contain;transform:scale(var(--scale,1));filter:drop-shadow(0 8px 9px #294a5a38)}.model-label{font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#0e8ca8;margin-bottom:10px}.card h3{font-size:1.28rem}.card p{flex:1}.card .spec{border-top:1px solid #dce9ee;padding-top:17px;margin-top:22px;color:#18455e;font-size:.88rem;font-weight:750;line-height:1.5}.model-note{margin-top:21px;color:#627c89;font-size:.9rem;line-height:1.55}.temp{margin-top:25px;border-radius:15px;border:1px solid #b6dce4;background:#eaf7fa;padding:21px 25px;display:flex;gap:18px;align-items:center}.temp-icon{font-size:1.8rem;color:#0a8ca8}.temp strong{display:block;font-size:1.06rem}.temp p{margin:5px 0 0;color:#526e7e;line-height:1.55}
    .app-preview{background:#0b293e;color:#fff;overflow:hidden}.app-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}.app-preview .eyebrow{color:#68d1e4}.app-preview h2{max-width:480px}.app-preview p{color:#c7dce5;line-height:1.65;font-size:1.06rem}.app-preview .disclaimer{font-size:.9rem;color:#95b6c4;border-left:3px solid #4bc4d9;padding-left:15px;margin-top:25px}.app-visual img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;filter:drop-shadow(0 28px 35px #001b2b88)}
    .compare{background:#f2f8fa}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-panel{background:#fff;border:1px solid #dbe9ed;border-radius:17px;padding:30px}.compare-panel h3{font-size:1.35rem;margin:0 0 16px}.compare-panel p{color:#567181;line-height:1.65;margin:0}.compare-panel ul{padding-left:19px;color:#456779;line-height:1.65;margin:18px 0 0}.faq{background:#fff}.faq-list{display:grid;gap:11px;max-width:900px}.faq details{border:1px solid #d9e9ed;border-radius:12px;padding:0 20px;background:#fafdfd}.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:800;font-size:1.02rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';float:right;font-size:1.35rem;line-height:1;color:#0e8da8}.faq details[open] summary:after{content:'−'}.faq details p{color:#557080;line-height:1.65;margin:0 0 21px}
    .contact{background:#0b293e;color:#fff}.contact-layout{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{max-width:750px}.contact p{color:#c7dce5;line-height:1.6}.contact .btn{flex-shrink:0}.foot{background:#071f32;color:#adc5cf;padding:31px 0}.foot-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:.88rem}.foot img{width:160px;height:auto}.foot a:hover{color:#fff}
    @media(max-width:900px){.app-layout{grid-template-columns:1fr;gap:20px}.app-visual img{max-height:570px}.hero-top{grid-template-columns:1fr;gap:18px}.hero-inner{padding-top:58px}.product-visual{min-height:260px}.model-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.contact-layout{align-items:flex-start;flex-direction:column}}
    @media(max-width:600px){.app-visual img{max-height:none}.wrap{width:min(100% - 32px,1160px)}.nav{min-height:74px}.brand img{width:139px}.nav-side{gap:12px}.nav-side>a{display:none}.purpose-inner{flex-direction:column;align-items:flex-start}.purpose-mark{min-width:0;width:100%}.hero-inner{padding-top:46px}.hero h1{font-size:2.7rem}.hero p{font-size:1rem}.hero-actions .btn{width:100%}.product-visual{min-height:210px}.hero-foot{margin-top:13px}.section{padding:70px 0}.model-grid,.compare-grid{grid-template-columns:1fr}.card{min-height:0}.temp{align-items:flex-start}.contact .btn{width:100%}}
    @media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}