*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20334c;background:linear-gradient(125deg,#dff9ee 0%,#f0f7ff 50%,#eaf9f3 100%);min-height:100vh}.page{position:relative;max-width:1160px;margin:auto;padding:26px 24px 48px;z-index:1}.float{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.float span{position:absolute;font-size:clamp(35px,5vw,75px);font-weight:800;opacity:.18;animation:drift 16s ease-in-out infinite alternate}.float span:nth-child(1){top:10%;left:5%;color:#6cbbab}.float span:nth-child(2){top:32%;left:48%;color:#8cafd7;animation-delay:-4s}.float span:nth-child(3){top:65%;left:9%;color:#a3c8eb;animation-delay:-8s}.float span:nth-child(4){top:80%;right:8%;color:#d2ad72;animation-delay:-6s}.float span:nth-child(5){top:13%;right:3%;color:#6cbbab;animation-delay:-9s}.float span:nth-child(6){top:48%;right:15%;color:#e5a9cc;animation-delay:-2s}.float span:nth-child(7){top:92%;left:43%;color:#8cafd7;animation-delay:-12s}.float span:nth-child(8){top:35%;left:18%;color:#e5a9cc;animation-delay:-3s}@keyframes drift{to{transform:translate(36px,-48px) rotate(15deg)}}header{margin-bottom:36px}.brand{display:flex;gap:18px;align-items:center}.brand img{width:78px;height:78px;border-radius:18px}.eyebrow,.previewtop{font-size:.8rem;letter-spacing:.17em;font-weight:800;color:#59728e}h1{font-size:clamp(1.65rem,3vw,2.6rem);margin:2px 0;letter-spacing:-.05em}.motto{font-size:1.15rem;color:#586b80;margin:18px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.introcopy{padding:18px 8px}.introcopy h2{font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.04em;line-height:1.13;margin:0 0 10px}.introcopy p{font-size:1.25rem;line-height:1.5}.lovely{font-weight:750;color:#2b7470}.cta{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;background:#193b51;color:white;border-radius:16px;padding:16px 22px;text-decoration:none;font-weight:800;box-shadow:0 10px 25px #193b512b}.cta:hover{background:#28556a}.subnote{font-size:.9rem!important;color:#647a85}.preview{background:linear-gradient(140deg,#fff 20%,#e6f8f2);border:1px solid #d7e5e6;border-radius:32px;padding:30px;box-shadow:0 16px 45px #193b511a}.preview h3{font-size:1.55rem;margin:10px 0}.aside{color:#637186;font-weight:650}.figure{position:relative;background:linear-gradient(120deg,#1b2f51,#235d57);border-radius:27px;color:#fff;font-size:clamp(2.7rem,5vw,4.5rem);font-weight:850;letter-spacing:-.07em;text-align:center;padding:36px 10px;margin:20px 0}.pink{position:absolute;right:10%;bottom:15%;font-size:2.2rem;color:#eab1ce;opacity:.5}.remaining{background:linear-gradient(115deg,#e7f0ff,#e6f8f2);border-radius:22px;padding:20px}.remaining p{font-size:1.08rem;color:#5a6c7e;margin:0 0 8px}.remaining strong{font-size:2rem;display:block}.remaining small{display:block;margin-top:7px;color:#68798b}.tapestry{text-align:center;border-top:1px solid #d6e4e2;margin-top:20px;padding-top:18px;color:#2a716d}.tapestry b,.tapestry i{display:block}.tapestry i{color:#667b85;margin-top:4px}.example{display:block;text-align:center;color:#778993;margin-top:16px}.info{background:#ffffffd9;border:1px solid #dbe9e8;border-radius:25px;padding:26px 30px;margin-top:28px;box-shadow:0 6px 24px #1b314408}.info h2{margin:0 0 12px}.info p{line-height:1.6;color:#536a7a}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tiles div{background:#e5f5f0;padding:17px 12px;text-align:center;border-radius:15px;font-weight:700}.tiles div:nth-child(even){background:#e7efff}footer{text-align:center;margin-top:48px;color:#5c7284}footer p{margin:4px}footer small{display:block}.review{font-size:.8rem;margin-top:20px;color:#8b6472}@media(max-width:750px){.page{padding:20px 18px 36px}.brand img{width:64px;height:64px}.intro{grid-template-columns:1fr;gap:12px}.introcopy{padding:4px}.preview{padding:22px}.tiles{grid-template-columns:1fr 1fr}.introcopy p{font-size:1.12rem}}@media(prefers-reduced-motion:reduce){.float span{animation:none}}
.tile-note{margin:0 0 16px;font-size:.95rem}.tiles div{cursor:default}@media(max-width:750px){header{margin-bottom:20px}.motto{margin:12px 0}.introcopy h2{margin-bottom:8px}.introcopy p{margin:14px 0}.introcopy .subnote{margin:12px 0 4px}.info{margin-top:22px}}

.language-nav{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.language-nav a{border:1px solid #bfd8d8;border-radius:20px;padding:6px 11px;text-decoration:none;color:#29485b;font-size:.85rem;font-weight:750;background:#ffffffaa}.language-nav a[aria-current="page"]{background:#193b51;color:#fff;border-color:#193b51}.language-nav a:focus-visible,.cta:focus-visible{outline:3px solid #287f82;outline-offset:3px} .introcopy p{overflow-wrap:anywhere}