:root{--ink:#30294b;--muted:#665f78;--paper:#fffaf1;--lime:#a9d95d;--line:#eadcf0;--blue:#7250c7;--aqua:#ff5a45;--coral:#ff5a45;--yellow:#f6d66d;--lavender:#eee7ff}
body{background:linear-gradient(145deg,#fffaf1 0%,#f7f0ff 49%,#fff4df 100%)}
.site-header{position:relative;z-index:0;border-bottom:1px solid #eadcf0}.site-header::before,.footer::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#fffdf8}
.site-header nav{align-items:center;gap:12px}
.site-header nav a{color:var(--ink);font-weight:700;padding:9px 13px;border-radius:999px;transition:background .2s,color .2s}
.site-header nav a:hover{color:#fff;background:linear-gradient(105deg,var(--blue),var(--aqua))}
.nav-menu{position:relative}.nav-menu summary{list-style:none;color:var(--ink);font-size:14px;font-weight:700;padding:9px 29px 9px 13px;border-radius:999px;cursor:pointer;position:relative}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary::after{content:"";position:absolute;right:13px;top:50%;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .2s}.nav-menu[open] summary{color:#fff;background:linear-gradient(105deg,var(--blue),var(--aqua))}.nav-menu[open] summary::after{transform:translateY(-30%) rotate(225deg)}.nav-dropdown{position:absolute;z-index:5;top:calc(100% + 10px);right:0;min-width:180px;display:grid;gap:3px;padding:7px;background:#fff;border:1px solid #cce4f0;border-radius:16px;box-shadow:0 18px 36px #0e436324}.site-header nav .nav-dropdown a{display:block;padding:9px 11px;color:var(--ink);font-size:13px;font-weight:700;border-radius:10px;white-space:nowrap}.site-header nav .nav-dropdown a:hover{color:#0e547d;background:#e9f7fb}
.site-header nav{margin-right:86px}.language-select{appearance:none;position:absolute;z-index:6;top:12px;right:0;width:78px;height:36px;background:#fff;border:1px solid #cfbddf;border-radius:999px;color:var(--ink);padding:5px 7px;font:inherit;font-size:13px;font-weight:750;line-height:1;cursor:pointer;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{background:radial-gradient(circle at 88% 5%,#f6d66d70,transparent 30%),radial-gradient(circle at 8% 90%,#d8c9ff5c,transparent 31%)}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:clamp(42px,7vw,110px);min-height:620px}
.hero h1{max-width:760px}
.hero-products{position:relative;display:grid;gap:16px;padding:30px 0 23px}
.hero-products::before{content:"";position:absolute;z-index:-1;inset:0 0 0 44px;border-radius:32px;background:linear-gradient(145deg,#eee7ff,#fff1db 54%,#ffd6cf);transform:rotate(3deg)}
.hero-product{display:flex;align-items:center;gap:18px;padding:18px;background:#fffdf9;border:1px solid #eadcf0;border-radius:24px;box-shadow:0 18px 35px #583c6d18;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.hero-product:hover{transform:translateY(-3px);box-shadow:0 22px 40px #583c6d24}
.hero-product:nth-child(2){margin-left:38px}
.hero-product img{width:82px;height:82px;flex:0 0 auto;border-radius:24%;object-fit:cover;box-shadow:0 9px 20px #122f3d20}
.hero-product p{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#7250c7}
.hero-product strong{font-size:19px;line-height:1.12;letter-spacing:-.04em;color:#30294b}
.hero-product-setflow p{color:#7045c3}.hero-product-setflow strong{color:#3a2c61}.hero-product-familybite p{color:#b8432d}.hero-product-familybite strong{color:#4d3426}
.hero-product-gymie{background:linear-gradient(120deg,#171b16,#2b3823);border-color:#526441}.hero-product-gymie p{color:#a7ff00}.hero-product-gymie p small{display:inline-block;margin-left:5px;padding:3px 5px;border:1px solid #a7ff0066;border-radius:999px;color:#d6ff8d;font-size:8px;letter-spacing:.08em;vertical-align:2px}.hero-product-gymie strong{color:#f2f8e9}.hero-product-gymie img{box-shadow:0 9px 20px #00000040}
.hero-products-note{max-width:280px;margin:5px 0 0 43px;color:#665f78;font-size:13px;font-weight:650;line-height:1.35}
.eyebrow,.pillar-number{color:#7250c7}.hero h1{color:#30294b}.button{background:linear-gradient(105deg,#7250c7,#aa68cc 50%,#ff5a45);box-shadow:0 12px 28px #8a55a833}.button span,.text-link b{color:#fff7d6}
.button [data-i18n]{color:#fff;font-size:inherit}.button b{color:#d7ffef;font-size:18px}
.principles{border-color:#eadcf0}.philosophy-note{max-width:620px;margin:-35px 0 64px;padding:20px 22px;border-left:3px solid #ff5a45;color:#4b405d;background:linear-gradient(105deg,#f2ecff,#fff0db);font-size:16px;font-weight:650;line-height:1.55}.pillars article{border-color:#c9b4eb}.apps{background:linear-gradient(135deg,#352755,#7250a0 53%,#d15c72 100%)}.apps .eyebrow,.app-label{color:#f6d66d}
.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:54px}.apps-grid .app-card{margin-top:0;grid-template-columns:1fr auto;gap:28px;min-height:470px;background:linear-gradient(145deg,#173967,#145979);padding:clamp(30px,4vw,48px)}
.apps-grid .app-card:hover{box-shadow:0 20px 40px #001d3d44}.app-card-copy>p:not(.app-label){color:#d4ecf2}.app-symbol{align-self:end;justify-self:end}.app-symbol img{display:block;width:148px;height:148px;border-radius:25%;box-shadow:0 18px 35px #001d3d30;object-fit:cover}.app-benefits{display:grid;gap:8px;margin:26px 0 0;padding:0;list-style:none;font-size:13px;font-weight:650;line-height:1.35}.app-benefits li{position:relative;padding-left:18px}.app-benefits li::before{content:"✓";position:absolute;left:0;color:#18b8b0;font-weight:800}.familybite-icon{border-radius:24%;box-shadow:0 18px 35px #001d3d55;object-fit:cover}.apps-closing{max-width:540px;margin:48px auto 0;color:#d1edf0;text-align:center;font-size:17px;font-weight:650;line-height:1.45}
.apps-grid .setflow-card{background:linear-gradient(145deg,#fbf9ff,#e8e0ff);color:#312750}.setflow-card .app-label{color:#7347c7}.setflow-card .app-card-copy>p:not(.app-label){color:#645a7c}.setflow-card .app-benefits{color:#554b74}.setflow-card .app-benefits li::before{color:#774ee0}.setflow-card .text-link{color:#4d2f9d}.setflow-card .text-link b{color:#8d63e5}.apps-grid .setflow-card:hover{box-shadow:0 20px 45px #7550bd35}
.apps-grid .familybite-card{background:linear-gradient(145deg,#fffaf0,#f4e2bd);color:#33271f}.familybite-card .app-label{color:#b8432d}.familybite-card .app-card-copy>p:not(.app-label){color:#705d4e}.familybite-card .app-benefits{color:#675547}.familybite-card .app-benefits li::before{color:#c65437}.familybite-card .text-link{color:#99402e}.familybite-card .text-link b{color:#c65437}.apps-grid .familybite-card:hover{box-shadow:0 20px 45px #8b542d32}.familybite-card .familybite-icon{box-shadow:0 18px 35px #8e563034}
.footer{position:relative;z-index:0;border-top:1px solid #dcecf5}.footer p{color:#526781}.footer>a:not(:first-child){color:var(--ink);font-weight:750;text-decoration:none}.footer>a:not(:first-child):hover{color:#7250c7}
@media(max-width:700px){.site-header nav{gap:3px}.site-header nav a{padding:7px 8px}.hero{display:block;min-height:0}.hero-products{margin-top:46px;padding:20px 0 17px}.hero-products::before{left:18px}.hero-product{gap:13px;padding:14px;border-radius:20px}.hero-product:nth-child(2){margin-left:18px}.hero-product img{width:62px;height:62px}.hero-product strong{font-size:16px}.hero-products-note{margin-left:22px;font-size:12px}.philosophy-note{margin:-22px 0 44px;font-size:15px}.apps-grid{grid-template-columns:1fr}.apps-grid .app-card{min-height:0;grid-template-columns:1fr;gap:24px}.app-symbol{justify-self:start;align-self:auto}.app-symbol img{width:118px;height:118px}.apps-closing{margin-top:34px;font-size:15px}}

/* GYMIE */
.apps-grid .gymie-card{background:linear-gradient(145deg,#111412,#252b20);color:#f7f8ef;border:1px solid #3d4b2e}.gymie-card .app-label{color:#a7ff00}.gymie-card .app-status{display:inline-block;margin-left:8px;padding:4px 7px;border:1px solid #a7ff0066;border-radius:999px;color:#d6ff8d;font-size:9px;letter-spacing:.08em;vertical-align:2px}.gymie-card .app-card-copy>p:not(.app-label){color:#c8d0c0}.gymie-card .app-benefits{color:#dce5d2}.gymie-card .app-benefits li::before{color:#a7ff00}.gymie-card .text-link{color:#e9ffbf}.gymie-card .text-link b{color:#a7ff00}.gymie-card .app-symbol img{box-shadow:0 18px 35px #00000055}

/* MOMENT */
.hero-product-moment p{color:#4a4944}.hero-product-moment strong{color:#20201e}.apps-grid .moment-card{background:linear-gradient(145deg,#f7f3ec,#e3d8cc);color:#20201e}.moment-card .app-label{color:#766a5c}.moment-card .app-card-copy>p:not(.app-label){color:#554f48}.moment-card .app-benefits{color:#47423d}.moment-card .app-benefits li::before{color:#d98f8f}.moment-card .text-link{color:#64584b}.moment-card .moment-status{font-size:13px;letter-spacing:.08em;text-transform:uppercase}.apps-grid .moment-card:hover{box-shadow:0 20px 45px #3b342a28}
@media(min-width:701px){.apps-grid .app-card{grid-template-columns:1fr;gap:24px;min-height:500px;padding:30px}.apps-grid .app-card h3{font-size:clamp(34px,3.4vw,50px)}.app-symbol{justify-self:start;align-self:end}.app-symbol img{width:112px;height:112px}}
@media(min-width:1050px){.apps-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}
@media(max-width:700px){.hero-product:nth-child(3){margin-left:5px}}
