:root{--navy:#17385f;--blue:#2c6595;--ice:#dff3f9;--mist:#f3f9fc;--ink:#15263a;--muted:#64778b;--line:rgba(23,56,95,.13)}
*{box-sizing:border-box}
html{font-size:16px;background:var(--mist)}
body{margin:0;min-width:280px;min-height:100svh;overflow-x:hidden;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:linear-gradient(180deg,#e7f6fa 0,#f8fbfd 42%,#eef7fb 100%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 7%,rgba(48,126,171,.16),transparent 25rem),radial-gradient(circle at 90% 48%,rgba(23,56,95,.08),transparent 27rem)}
main{position:relative;width:100%;max-width:760px;margin:auto;padding:20px 14px calc(28px + env(safe-area-inset-bottom))}
.brand{display:flex;align-items:center;margin:0 2px 18px}
.brand img{display:block;width:170px;max-width:60vw;height:auto}
.hero{position:relative;display:grid;grid-template-columns:48% 52%;min-height:300px;margin-bottom:13px;overflow:hidden;border:1px solid rgba(255,255,255,.85);border-radius:22px;background:var(--navy);box-shadow:0 16px 38px rgba(23,56,95,.17)}
.hero-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:20px 7px 20px 16px}
.eyebrow{margin:0 0 9px;color:#93cee7;font-size:clamp(.55rem,2.2vw,.7rem);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
h1{margin:0;color:#fff;font-size:clamp(1.72rem,8vw,2.85rem);line-height:.98;letter-spacing:-.06em}
.intro{max-width:300px;margin:12px 0 0;color:rgba(255,255,255,.76);font-size:clamp(.72rem,3vw,.92rem);line-height:1.48}
.portrait{position:relative;min-height:300px;overflow:hidden;background:linear-gradient(155deg,#e9f8fc,#caeaf4)}
.portrait:after{content:"";position:absolute;left:7%;right:7%;bottom:-24%;height:57%;border-radius:50%;background:rgba(255,255,255,.68)}
.lena{position:absolute;z-index:2;left:50%;bottom:-37%;width:98%;height:143%;transform:translateX(-50%);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 20px rgba(23,56,95,.16))}
.lena-identity{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-1px 0 12px;padding:13px 16px 14px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:0 0 17px 17px;box-shadow:0 8px 22px rgba(23,56,95,.06)}
.lena-identity img{display:block;width:190px;max-width:72vw;height:auto;clip-path:polygon(0 0,88% 0,88% 31%,100% 31%,100% 100%,0 100%)}
.lena-identity p{margin:3px 0 0;color:var(--navy);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-align:center;text-transform:uppercase}
.cta{position:relative;display:flex;align-items:center;min-height:78px;margin-bottom:11px;padding:14px 56px 14px 17px;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--blue),var(--navy));border-radius:16px;box-shadow:0 12px 28px rgba(23,56,95,.22);transition:.18s ease}
.cta strong,.standard strong{display:block;font-size:1rem}.cta small{display:block;margin-top:5px;color:rgba(255,255,255,.76);font-size:.8rem;line-height:1.35}
.arrow{position:absolute;right:16px;top:50%;display:grid;place-items:center;width:32px;height:32px;margin-top:-16px;color:var(--navy);border-radius:50%;background:#fff;font-size:1.1rem}
.products,.links{display:grid;gap:11px;margin-bottom:11px}
.product{display:block;overflow:hidden;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 24px rgba(23,56,95,.08);transition:.18s ease}
.product-image{height:150px;overflow:hidden;background:linear-gradient(145deg,#e9f8fc,#ccebf4)}
.product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.product-copy{position:relative;padding:15px 46px 16px 16px}.product-copy strong{display:block;color:var(--navy);font-size:1rem}.product-copy span{display:block;margin-top:5px;color:var(--muted);font-size:.8rem;line-height:1.4}.product-copy b{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--blue)}
.standard{position:relative;display:flex;align-items:center;min-height:68px;padding:13px 52px 13px 16px;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:15px;transition:.18s ease}
.standard small{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}.standard b{position:absolute;right:17px;color:var(--blue)}
.contact-row{display:grid;grid-template-columns:1fr;gap:10px}.contact{display:flex;align-items:center;justify-content:center;min-height:52px;color:#fff;font-size:.9rem;font-weight:700;text-decoration:none;background:var(--navy);border-radius:14px;transition:.18s ease}
footer{display:flex;flex-direction:column;gap:10px;margin-top:26px;padding:18px 2px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem;line-height:1.6}footer a{color:inherit;text-decoration:none}
.cta:focus-visible,.product:focus-visible,.standard:focus-visible,.contact:focus-visible{outline:3px solid #58a9d2;outline-offset:3px}
@media(hover:hover){.cta:hover,.product:hover,.standard:hover,.contact:hover{transform:translateY(-2px)}.product:hover img{transform:scale(1.025)}.contact:hover{background:var(--blue)}}
@media(min-width:480px){main{padding-inline:18px}.contact-row{grid-template-columns:1fr 1fr}footer{flex-direction:row;justify-content:space-between}.hero{min-height:350px}.hero-copy{padding-left:24px}.portrait{min-height:350px}}
@media(min-width:660px){main{padding-top:40px}.brand{margin-bottom:22px}.brand img{width:205px}.hero{grid-template-columns:48% 52%;grid-template-rows:none;min-height:400px;border-radius:28px}.hero-copy{padding:34px 12px 34px 36px}.portrait{min-height:400px}.lena{bottom:-38%;width:93%;height:142%}.lena-identity{flex-direction:row;gap:18px;padding-block:10px}.lena-identity img{width:205px}.lena-identity p{margin:0}.products,.links{grid-template-columns:1fr 1fr}.product-image{height:174px}.cta{min-height:82px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}