:root{
      --ink:#112b36;--muted:#55717a;--cream:#f8f6ef;--paper:#fffdf8;
      --teal:#087f78;--aqua:#43c7bb;--coral:#ed775e;--gold:#e6b65c;
      --line:rgba(17,43,54,.13);--shadow:0 18px 45px rgba(19,67,72,.11);
      --display:"Syne",sans-serif;--body:"DM Sans",sans-serif;
    }
    *{box-sizing:border-box} html{scroll-behavior:smooth}
    body{margin:0;color:var(--ink);font-family:var(--body);background:var(--cream);line-height:1.65}
    a{color:inherit;text-decoration:none;transition:.25s ease} a:hover{color:var(--coral)}
    .wrap{width:min(1140px,calc(100% - 40px));margin:auto}
    header{position:absolute;z-index:5;top:0;left:0;right:0;padding:24px 0;color:white}
    nav{display:flex;align-items:center;justify-content:space-between;gap:25px}
    .logo{font-family:var(--display);font-weight:800;font-size:1.35rem;letter-spacing:-.06em}
    .logo span{color:var(--aqua)}
    .navlinks{display:flex;gap:25px;font-size:.83rem;font-weight:600}
    .navlinks a{opacity:.86}.navlinks a:hover{opacity:1;color:var(--aqua)}
    .menu{display:none;border:1px solid rgba(255,255,255,.4);background:none;color:#fff;border-radius:99px;padding:7px 11px}
    .hero{min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff;background-image:linear-gradient(105deg,rgba(7,35,40,.94) 5%,rgba(9,57,62,.75) 48%,rgba(7,42,47,.35)),url("../assets/hero.jpg");background-size:cover;background-position:center}
    .hero:after{content:"";position:absolute;bottom:-1px;left:-3%;width:106%;height:70px;background:var(--cream);clip-path:polygon(0 70%,100% 0,100% 100%,0 100%)}
    .hero-content{padding:120px 0 100px;max-width:760px}
    .eyebrow,.kicker{color:var(--aqua);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
    h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0 0 18px;letter-spacing:-.045em}
    h1{font-size:clamp(3.2rem,8vw,6.6rem);max-width:800px}
    h2{font-size:clamp(2rem,4vw,3.55rem)} h3{font-size:1.3rem}
    p{margin:0 0 20px}.hero p{font-size:clamp(1rem,2vw,1.22rem);max-width:690px;color:#e5f0eb}
    .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:4px;padding:13px 19px;font-weight:700;font-size:.88rem;cursor:pointer}
    .btn.primary{background:var(--coral);color:white;box-shadow:0 7px 20px rgba(237,119,94,.28)}
    .btn.primary:hover{background:#f38e77;color:#fff;transform:translateY(-2px)}
    .btn.ghost{border-color:rgba(255,255,255,.55);color:#fff}.btn.ghost:hover{background:#fff;color:var(--ink)}
    .btn.teal{background:var(--teal);color:#fff}.btn.teal:hover{background:#07645f;color:#fff}
    section{padding:88px 0;position:relative;overflow:hidden}
    section:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:24px;background:linear-gradient(135deg,transparent 48%,rgba(67,199,187,.15) 49%,rgba(67,199,187,.15) 52%,transparent 53%);opacity:.8}
    .intro{max-width:740px}.intro p{color:var(--muted);font-size:1.03rem}
    .section-label{display:flex;gap:12px;align-items:center;margin-bottom:14px}.section-label:before{content:"";width:35px;height:3px;background:var(--coral)}
    .cream{background:var(--cream)} .mint{background:linear-gradient(135deg,#e8f5ef,#f8f6ef 65%,#f3e9d5)}
    .blue{background:linear-gradient(135deg,#e5f2f2,#f8fbf7 60%,#e9eef8)}
    .sand{background:linear-gradient(135deg,#f8f1df,#fffaf0 60%,#e8f4ef)}
    .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
    .card{background:rgba(255,255,255,.7);border:1px solid rgba(8,127,120,.2);border-top:3px solid var(--teal);padding:24px;border-radius:4px;box-shadow:var(--shadow);position:relative}
    .card:nth-child(2n){border-top-color:var(--coral)}.card:nth-child(3n){border-top-color:var(--gold)}
    .card:before{content:"";position:absolute;right:18px;top:17px;width:25px;height:25px;border-radius:50%;background:rgba(67,199,187,.18)}
    .card p{font-size:.91rem;color:var(--muted);margin:0}
    .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
    .feature-panel{padding:30px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--coral);box-shadow:var(--shadow)}
    .feature-panel ul{padding-left:20px;margin:8px 0 0;color:var(--muted)}li{margin:9px 0}
    .feature-panel.teal-border{border-left-color:var(--teal)}
    .brand-table{width:100%;border-collapse:collapse;margin-top:32px;background:rgba(255,255,255,.76);box-shadow:var(--shadow)}
    th,td{text-align:left;padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:top}
    th{font-family:var(--display);font-size:1.05rem;color:var(--teal);background:rgba(8,127,120,.07)}
    td{color:var(--muted);font-size:.91rem}.brand-name{font-weight:700;color:var(--ink);font-family:var(--display)}
    .note{font-size:.82rem;color:var(--muted);margin-top:14px}
    .band{background:linear-gradient(110deg,var(--teal),#07535a 55%,#163c51);color:#fff;padding:62px 0}
    .band:after{display:none}.band-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{max-width:650px}.band p{color:#d8eeea;max-width:650px}
    .library{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.library .card{min-height:180px}
    .faq{max-width:850px;margin-top:30px}.faq details{background:rgba(255,255,255,.72);border-bottom:1px solid var(--line);padding:18px 20px}.faq summary{font-weight:700;cursor:pointer;color:var(--teal)}.faq p{padding:12px 0 0;color:var(--muted);margin:0}
    .subscribe{display:flex;gap:9px;max-width:530px;margin-top:25px}.subscribe input{flex:1;min-width:0;padding:14px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;border-radius:3px;font:inherit}.subscribe input::placeholder{color:#c9e1dc}
    .thanks{display:none;color:var(--aqua);font-weight:700;margin-top:14px}.show{display:block}
    .disclaimer{background:#173d47;color:#e4f0eb;padding:58px 0}.disclaimer h2{color:#fff;font-size:2rem}.disclaimer p{max-width:920px;color:#c5ddd7}
    footer{background:#102c35;color:#aac4c0;padding:48px 0 22px;font-size:.85rem}.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-brand{max-width:390px}.footer-brand .logo{color:#fff;margin-bottom:12px}.footer-nav{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:570px}.footer-nav a:hover{color:var(--aqua)}.credits{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:17px;font-size:.72rem;color:#6f9692}.credits a{color:#92b8b1}
    .reveal{opacity:.55;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease}.reveal.visible{opacity:1;transform:none}
    @media(max-width:800px){.navlinks{display:none}.menu{display:block}.cards{grid-template-columns:repeat(2,1fr)}.library{grid-template-columns:repeat(2,1fr)}.band-inner{display:block}}
    @media(max-width:520px){.wrap{width:min(100% - 28px,1140px)}section{padding:72px 0}.hero-content{padding-top:125px}.hero{min-height:78vh}.cards,.grid-2,.library{grid-template-columns:1fr}.brand-table{font-size:.82rem;display:block;overflow-x:auto;white-space:normal}th,td{min-width:150px;padding:13px}.subscribe{display:block}.subscribe .btn{width:100%;margin-top:9px}}