*{box-sizing:border-box}
body{margin:0;background:#fbfdfb;color:#20365f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.nav{min-height:92px;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:9px;color:#20365f;text-decoration:none;font-weight:800;font-size:28px;letter-spacing:0}
.brand img{width:45px;height:45px;object-fit:contain}.brand b{color:#51bfa8}
.nav nav{display:flex;gap:10px;align-items:center}.nav nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid transparent;border-radius:999px;color:#172548;text-decoration:none;font-size:14px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.nav nav a:hover{background:#f0faf7;border-color:#c9eee4;color:#167f70}.nav nav .active{color:#167f70;background:#e7f8f2;border-color:#bde9dc;font-weight:800;margin-top:0}
.actions{display:flex;gap:15px;align-items:center;position:relative}.actions i{height:28px;width:1px;background:#e4ece8}
.language button{border:1px solid #e2eae7;border-radius:24px;background:#fff;padding:10px 14px;color:#243a63;display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.language>button:hover{background:#f5fbf9;border-color:#bde9dc}.language>button[aria-expanded="true"]{border-color:#69cdb8;box-shadow:0 0 0 3px #dff6ef}
.language-menu{display:none;position:absolute;z-index:5;right:116px;top:49px;width:150px;padding:8px;background:#fff;border:1px solid #e4ece8;border-radius:8px;box-shadow:0 12px 24px #1d38531f}.language-menu.open{display:block}.language-menu button{width:100%;border:0;padding:9px 8px;text-align:left}
.delete-link,.danger-link{display:inline-flex;align-items:center;gap:6px;border:1px solid #f0c4c0;background:#fff8f7;color:#b74e49;font-size:13px;font-weight:700;text-decoration:none;border-radius:999px;padding:8px 12px;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.delete-link:hover,.danger-link:hover{background:#fff0ee;border-color:#dc8d86;color:#9f3e39}
.hero{display:flex;padding:50px 5% 0;min-height:670px;overflow:hidden}.copy{width:38%;padding-top:64px}.eyebrow{color:#278d79;font-weight:800;font-size:13px;letter-spacing:2px}.copy h1{font-size:49px;line-height:1.16;letter-spacing:0;margin:18px 0 0}.copy h1 em{font-style:normal;color:#d96963}.body{color:#5e6f87;font-size:17px;line-height:1.65;max-width:440px;margin:24px 0}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:30px;background:#168c77;border:1px solid #168c77;border-radius:30px;padding:15px 25px;color:#fff;font-size:16px;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:0 8px 18px #168c7730;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.cta:hover{background:#0f765f;border-color:#0f765f;box-shadow:0 10px 24px #168c7740;transform:translateY(-1px)}
.stores{color:#718096;font-size:12px;margin-top:22px;display:flex;gap:13px;align-items:center}.stores i{width:1px;height:15px;background:#dde6e2}
.carousel{flex:1;min-width:560px;position:relative;display:flex;align-items:center;justify-content:center}.phones{display:flex;align-items:center;gap:14px;transition:transform .3s}.phone{width:250px;height:430px;background:#fff;border:8px solid #f2f5f4;border-radius:31px;padding:17px;box-shadow:0 15px 30px #355f6929}.phone.side{width:210px;height:361px;opacity:.87;transform:rotate(-7deg)}.phone.right-phone{transform:rotate(7deg)}.phone small{color:#278d79;font-size:10px;font-weight:700}.phone h2{font-size:18px;line-height:1.25;margin:13px 0;color:#253a63}.phone.side h2{font-size:15px}
.art{height:42%;border-radius:18px;display:grid;place-items:center;overflow:hidden}.art.mint{background:#e1f8ef}.art.purple{background:#ddd9ff}.art.pink{background:#ffe7eb}.art img{width:80%;height:90%;object-fit:contain}.phone p{color:#536683;font-size:11px;line-height:1.5}.topics{display:flex;gap:5px}.topics span{background:#f5f9f7;border-radius:11px;padding:7px 5px;font-size:8px;color:#64738b;flex:1;text-align:center}
.arrow{position:absolute;z-index:3;width:50px;height:50px;border:1px solid #d9eee8;border-radius:50%;background:#fff;color:#278d79;font-size:34px;line-height:1;box-shadow:0 10px 24px #3c8d8021;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.arrow:hover{background:#e7f8f2;border-color:#9edccc;color:#167f70;transform:scale(1.04)}.arrow.left{left:4px}.arrow.right{right:4px}.dots{display:flex;gap:10px;position:absolute;bottom:42px}.dots button{width:10px;height:10px;border:1px solid #d5e7e1;border-radius:50%;background:#e5ebe8;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,width .2s ease}.dots button:hover{background:#9edccc;border-color:#76cdb9}.dots button.selected{width:28px;border-radius:8px;background:#278d79;border-color:#278d79}.float{position:absolute;object-fit:contain}.float.yoyo{width:130px;left:10%;bottom:16px}.float.whysy{width:110px;right:8%;bottom:26px}
.safe{width:520px;max-width:88%;margin:0 auto;background:#fff;border-radius:8px;padding:17px 24px;display:flex;gap:15px;align-items:center;box-shadow:0 12px 24px #366b631a}.safe>span{color:#278d79;font-size:28px}.safe strong,.safe small{display:block}.safe strong{font-size:15px}.safe small{font-size:13px;color:#6f7e91;margin-top:3px}
footer{margin:54px 5% 28px;display:flex;justify-content:space-between;color:#748195;font-size:12px}footer a{color:#68778b;text-decoration:underline;text-decoration-color:#c7d8d3;text-underline-offset:3px}footer a:hover{color:#167f70;text-decoration-color:#7dcdbb}a:focus-visible,button:focus-visible{outline:3px solid #8edcca;outline-offset:3px}
@media(max-width:820px){.nav{height:auto;padding:20px 5%;align-items:flex-start;flex-wrap:wrap}.nav>nav{order:3;width:100%;display:flex;gap:20px}.nav>nav a{font-size:13px}.actions i{display:none}.actions{gap:8px}.hero{flex-direction:column;align-items:center;padding-top:28px}.copy{width:90%;padding-top:10px;text-align:center}.copy h1{font-size:38px;line-height:1.18}.body{margin-left:auto;margin-right:auto}.cta{margin-top:24px}.stores{justify-content:center;flex-wrap:wrap}.carousel{min-width:100%;width:100%;margin-top:28px;transform:scale(.9)}footer{margin-top:40px;gap:16px;flex-wrap:wrap}}
@media(max-width:520px){.brand{font-size:22px}.brand img{width:38px;height:38px}.actions{width:100%;justify-content:space-between}.language-menu{right:auto;left:0}.carousel{transform:scale(.72);margin-top:-24px;margin-bottom:-70px}.safe{margin-top:20px}}
.legal-nav .danger-link{border-color:#f0c4c0;background:#fff8f7;color:#b74e49}.legal-nav .danger-link:hover{background:#fff0ee;border-color:#dc8d86;color:#9f3e39}
