
:root{--ink:#10233f;--navy:#081c3c;--blue:#1765e9;--sky:#eaf3ff;--text:#465770;--border:#dfe7f2;--bg:#f7faff;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:#125bd1;text-decoration:none}a:hover{text-decoration:underline}.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.nav{max-width:1140px;margin:auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;font-size:25px;font-style:italic;color:#102848;letter-spacing:-1.1px;display:flex;align-items:center;gap:10px;white-space:nowrap}.brandmark{width:34px;height:34px;background:linear-gradient(140deg,#1c96df,#1963d0);border-radius:11px 11px 12px 4px;display:inline-grid;place-items:center;color:white;font-size:23px;font-style:normal}.links{display:flex;gap:21px;align-items:center;flex-wrap:wrap}.links a{font-size:14px;color:#36506f;font-weight:650}.links a:hover{color:#1765e9}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 20px;font-weight:750;background:var(--blue);color:white;border:1px solid var(--blue);gap:8px}.button:hover{background:#1051be;text-decoration:none;color:white}.button.secondary{background:white;color:#1553ad;border-color:#c3d8ff}.button.secondary:hover{background:#eff5ff}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}.hero{background:radial-gradient(ellipse at 75% 10%,#153e86,transparent 52%),linear-gradient(118deg,#07162e,#0d2758);color:white}.hero-inner{padding:70px 24px 64px}.kicker{font-size:12px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;color:#7ab4ff}.hero h1{font-size:clamp(40px,5.2vw,69px);line-height:1.12;letter-spacing:-2.1px;max-width:790px;margin:15px 0}.hero p{font-size:18px;max-width:670px;color:#ccdbf4}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:30px 0}.hero .button.secondary{background:transparent;color:white;border-color:#779ad0}.hero-image{width:100%;border-radius:20px;box-shadow:0 25px 60px #0005;margin-top:10px}.tiny{font-size:13px;color:#8291a6}.hero .tiny{color:#a6bee1}.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pill{border:1px solid #ffffff42;color:#e4edff;font-size:13px;border-radius:50px;padding:6px 12px}.section{padding:72px 0}.section.alt{background:var(--bg)}h2{font-size:clamp(27px,3.4vw,39px);line-height:1.2;letter-spacing:-1px;margin:10px 0 15px}h3{font-size:20px;line-height:1.3;margin:10px 0}.lead{color:var(--text);font-size:17px;max-width:760px;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--border);border-radius:19px;background:white;overflow:hidden;box-shadow:0 4px 18px #12325b0a}.card img{width:100%;height:auto;aspect-ratio:auto;display:block;object-fit:contain;background:#fff}.card .pad{padding:20px}.card p{font-size:15px;color:var(--text);margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.split img{width:100%;border-radius:20px;box-shadow:0 12px 30px #21487619}.featurelist{padding-left:18px;color:var(--text)}.featurelist li{margin:8px 0}.headlinebar{background:#edf5ff;padding:50px 0;border-bottom:1px solid var(--border)}.headlinebar h1{font-size:clamp(33px,4.6vw,52px);letter-spacing:-1.4px;line-height:1.15;margin:12px 0}.headlinebar p{color:var(--text);max-width:780px;margin:0}.content{max-width:860px;margin:0 auto;padding:40px 24px 85px}.content h2{font-size:24px;letter-spacing:-.3px;margin-top:34px}.content h3{font-size:18px;margin-top:20px}.content p,.content li{color:#40516b}.content li{margin:7px 0}.notice{padding:20px 22px;background:#f1f6ff;border:1px solid #c9dfff;border-radius:16px;margin:22px 0}.notice h2{margin:0 0 10px}.note-warning{background:#fff9ed;border-color:#f3daa9}.callbox{background:linear-gradient(120deg,#0b2d66,#155bc4);color:white;border-radius:20px;padding:34px;margin-top:28px}.callbox p{color:#d7e7ff}.callbox a:not(.button){color:white;text-decoration:underline}.footer{background:#081a34;color:#b7c7de;padding:48px 0 24px}.footergrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:34px}.footer a{color:#d9e8ff}.footer strong{color:#fff}.footlinks{display:flex;flex-direction:column;gap:9px}.copyright{border-top:1px solid #25405e;padding-top:18px;margin-top:35px;font-size:12px;color:#a3b7d4}.email{font-weight:750;word-break:break-word}.faq{border-bottom:1px solid var(--border);padding:16px 0}.faq h3{margin-bottom:4px}.faq p{margin:4px 0}.route-link{font-size:13px}.logo-image{max-width:410px;width:100%;height:auto}.screenshot{width:100%;border-radius:18px}.smallcaps{text-transform:uppercase;letter-spacing:.1em;color:#4080c6;font-size:12px;font-weight:800}.supportgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.supportitem{padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff}.mobilemenu{display:none}@media(max-width:800px){.links{gap:12px}.links a{font-size:12px}.brand{font-size:22px}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.section{padding:50px 0}.hero-inner{padding-top:46px}.footergrid{grid-template-columns:1fr 1fr}.supportgrid{grid-template-columns:1fr}}@media(max-width:560px){.nav{align-items:flex-start;flex-direction:column;gap:6px}.links{gap:13px}.links a{font-size:12px}.hero h1{letter-spacing:-1px}.footergrid{grid-template-columns:1fr}.wrap{padding:0 18px}.content{padding:32px 18px 60px}.headlinebar{padding:36px 0}.actions{align-items:stretch}.actions .button{flex:1}}

/* 2026-10-12: Ensure the full original 1700x697 feature artwork is visible. */
#features .cards .card > img { display:block !important; width:100% !important; height:auto !important; max-height:none !important; aspect-ratio:auto !important; object-fit:contain !important; object-position:center center !important; }

/* Official Feelion brand assets — 2026-10-12 */
a.brand:has(.official-brand-logo){display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;line-height:1}
.official-brand-logo{display:block;width:218px;height:auto;max-height:72px;object-fit:contain}
.official-brand-logo-footer{width:212px;max-height:72px}
@media(max-width:600px){.official-brand-logo{width:155px;max-height:54px}.official-brand-logo-footer{width:175px;max-height:60px}}

/* Feelion 2026-10-12: tightly cropped transparent brand; mobile-safe */
.nav > .brand,.footer .brand{display:inline-flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;line-height:1!important;white-space:normal!important}
.nav .official-brand-logo{display:block!important;width:188px!important;max-width:100%!important;max-height:58px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.footer .official-brand-logo-footer{display:block!important;width:214px!important;max-width:100%!important;max-height:68px!important;height:auto!important;object-fit:contain!important;object-position:left center!important}
.footergrid > div{min-width:0}
@media(max-width:560px){.nav{width:100%;max-width:100%;overflow:visible}.nav .official-brand-logo{width:168px!important;max-height:50px!important}.footer .official-brand-logo-footer{width:200px!important;max-height:65px!important}.footergrid{min-width:0}.footergrid > div{max-width:100%}}
