:root{font-family:Arial,"Helvetica Neue",system-ui,sans-serif;color:#262f3a;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{height:64px;background:#fff;position:relative;z-index:30;border-bottom:1px solid #f0f0f3}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:0 40px}.brand{display:inline-flex;align-items:center;gap:16px;white-space:nowrap;color:#090909;font-size:24px;font-weight:400}.brand img{width:32px;height:32px;object-fit:contain}.header-actions{display:flex;align-items:center;gap:25px;height:100%}.text-nav,.lang-trigger{border:0;background:none;display:inline-flex;align-items:center;gap:8px;color:#17191f;font-size:16px;white-space:nowrap;padding:7px 0}.text-nav:hover,.lang-trigger:hover{color:#6f57ab}.text-nav svg,.lang-trigger svg{width:17px;height:17px}.signin{height:37px;min-width:83px;padding:0 19px;border-radius:25px;border:0;background:#7159ae;color:#fff;font-size:14px}.signin:hover,.pill-cta:hover{background:#604795;box-shadow:0 10px 20px #6f57ab33;transform:translateY(-2px)}.language{position:relative}.lang-trigger{max-width:155px}.lang-trigger span{overflow:hidden;text-overflow:ellipsis}.lang-menu{position:absolute;right:-50px;top:43px;width:330px;max-height:350px;overflow-y:auto;background:#fff;box-shadow:0 12px 35px #2d215332;border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:2px;z-index:50;scrollbar-width:thin;scrollbar-color:#b7a6dc #f4f0fa}.lang-menu[hidden]{display:none}.lang-menu button{border:0;background:transparent;text-align:left;border-radius:6px;padding:10px;color:#353044;font-size:14px}.lang-menu button:hover,.lang-menu button[aria-current="true"]{background:#eee9f9;color:#5f469c}.mobile-menu-trigger,.mobile-menu{display:none}.hero{position:relative;min-height:760px;display:flex;align-items:center;flex-direction:column;gap:16px;overflow:hidden;padding:63px 16px 0;background:linear-gradient(180deg,#f0f1fd 0%,#f7f7fd 43%,#fff 89%)}.hero h1{position:relative;z-index:2;margin:0;color:#293746;text-align:center;font-size:48px;font-weight:700;line-height:1.16}.hero-kicker{position:relative;z-index:2;color:#7056bb;font-size:20px;line-height:1.4;text-align:center;padding-left:24px;margin:0}.hero-kicker:before{content:"";position:absolute;left:0;top:2px;width:8px;height:24px;background:#7159b0}.hero-desc{position:relative;z-index:2;margin:0;max-width:846px;text-align:center;font-size:18px;line-height:1.55}.proof{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-top:0}.proof img{width:auto;height:42px}.proof-text{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#666}.proof-text strong{font-size:16px;color:#333}.pill-cta{position:relative;z-index:7;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-width:320px;height:60px;padding:0 28px;border:0;border-radius:999px;background:#7159ae;color:#fff;font-size:24px;font-weight:700;box-shadow:0 7px 15px #6f57ab20;transition:background .2s,transform .2s,box-shadow .2s}.pill-cta svg{width:20px;height:20px}.hero-art{position:absolute;z-index:4;inset:0;pointer-events:none}.hero-art .pc-art{position:absolute;bottom:-20px;left:50%;width:1920px;min-width:1920px;height:auto;max-width:none;transform:translateX(-50%)}.hero-art .mobile-art{display:none}.cloud{position:absolute;z-index:5;width:100px;pointer-events:none;animation:cloud-float 4.8s ease-in-out infinite}.cloud.c1{top:263px;left:calc(50% - 312px);width:102px;animation-delay:-.8s}.cloud.c2{top:306px;left:calc(50% + 214px);width:104px;animation-delay:-2s}.cloud.c3{top:388px;left:calc(50% - 560px);width:82px;animation-delay:-1.4s}.cloud.c4{top:430px;left:calc(50% + 560px);width:58px;animation-delay:-2.8s}@keyframes cloud-float{50%{transform:translateY(-12px)}}.section{max-width:1160px;margin:0 auto;padding:0 16px}.section-title{text-align:center;margin:0 auto 52px;position:relative;padding-bottom:24px}.section-title .eyebrow{display:block;color:#252d39;font-size:20px;font-weight:400;text-transform:uppercase;line-height:1.35;margin-bottom:12px}.section-title h2{margin:0;color:#242831;font-size:38px;line-height:1.22}.section-title:after{content:"";width:64px;height:4px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);background:linear-gradient(90deg,#735ab4 0 30px,transparent 30px 36px,#735ab4 36px)}.insights{padding-top:88px}.insight-grid{display:grid;grid-template-columns:1.32fr 1fr;gap:24px}.insight-card{height:300px;border-radius:24px;background:#f8f7fc;padding:44px 24px;display:flex;flex-direction:column;justify-content:space-between;color:#333;transition:transform .25s,box-shadow .25s}.insight-card:nth-child(2),.insight-card:nth-child(3){grid-column:2}.insight-card:nth-child(3){grid-column:1;grid-row:2}.insight-card:nth-child(4){grid-column:2;grid-row:2}.insight-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px #6f57ab16}.insight-card img{width:64px;height:64px;object-fit:contain}.insight-card h3{font-size:20px;margin:0 0 16px}.insight-card p{font-size:16px;line-height:1.6;margin:0}.comparison{padding-top:120px;text-align:center}.comparison-box{border-radius:24px;background:#f8f7fc;padding:45px 60px;display:grid;grid-template-columns:1fr 1fr;gap:90px;position:relative}.comparison-col{text-align:left;min-width:0}.comparison-col h3{font-size:24px;margin:0 0 26px;color:#333}.comparison-list{display:grid;gap:14px}.comparison-list div{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.5}.comparison-list img{width:24px;height:24px;flex:none;object-fit:contain}.vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:2px solid #b7afe7;border-radius:50%;background:#f8f7fc;color:#6c55bd;display:grid;place-items:center;font-size:24px;font-style:italic;font-weight:800}.comparison-box:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #b7afe7}.comparison .pill-cta{margin-top:52px}.traits-band{margin-top:120px;padding:120px 0;background:#f8f7fc;clip-path:polygon(0 0,18.4% 4%,54.9% 0,77.5% 4%,100% 0,100% 96.9%,80.2% 100%,49.2% 95.7%,25.4% 100%,0 100%)}.traits-layout{display:flex;justify-content:space-between;align-items:center;gap:40px}.traits-art{width:454px;flex:none;object-fit:contain}.traits-list{width:576px;display:grid;gap:18px}.trait-row{display:flex;align-items:flex-start;gap:16px}.trait-number{width:48px;height:48px;flex:none;border-radius:10px;background:#9b83c9;color:#fff;font-style:italic;font-weight:700;font-size:24px;display:grid;place-items:center}.trait-row:nth-child(2) .trait-number{background:#90a9df}.trait-row:nth-child(3) .trait-number{background:#89bf87}.trait-row:nth-child(4) .trait-number{background:#f2bd69}.trait-row:nth-child(5) .trait-number{background:#c393d1}.trait-row:nth-child(6) .trait-number{background:#8fd5c0}.trait-row h3{font-size:20px;font-style:italic;margin:2px 0 7px;color:#333}.trait-row p{font-size:16px;color:#555;margin:0;line-height:1.45}.examples{padding-top:120px;text-align:center}.type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:42px}.type-card{--type:#6a55a3;border-radius:14px;overflow:hidden;background:#fbf9f3;min-height:359px;display:flex;flex-direction:column;text-align:center}.type-card:nth-child(2){--type:#639654}.type-card:nth-child(3){--type:#4f72ad}.type-card:nth-child(4){--type:#bd9143}.type-card h3{height:57px;background:var(--type);color:white;font-size:24px;font-weight:500;display:grid;place-items:center;margin:0}.type-card p{font-size:14px;line-height:1.55;margin:0;min-height:69px;padding:17px 17px 0;color:#333}.type-image{width:200px;height:178px;margin:0 auto 17px;overflow:hidden;transform-origin:bottom;transition:transform .28s}.type-card:hover .type-image{transform:scale(1.1)}.type-image img{width:100%;max-width:none}.type-card:nth-child(1) .type-image img,.type-card:nth-child(2) .type-image img,.type-card:nth-child(4) .type-image img{margin-top:-20px}.type-card:nth-child(3) .type-image img{margin-top:-15px}.type-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:0 10px 19px;margin-top:auto}.type-tags span{border:1px solid var(--type);background:#ffffff8c;color:var(--type);font-size:14px;border-radius:4px;height:34px;display:grid;place-items:center}.examples .pill-cta{margin-top:52px}.reviews{padding-top:120px}.review-viewport{overflow:hidden;margin-top:40px}.review-track{display:flex;gap:10px;transition:transform .36s ease}.review-card{flex:0 0 calc(33.3333% - 6.666px);border:1px solid #e2e2e2;border-radius:12px;background:#ffffffa8;min-height:256px;padding:17px;text-align:left}.review-top{display:flex;align-items:center;gap:12px}.review-top img{width:56px;height:56px;border-radius:50%;object-fit:cover}.review-name{font-size:20px;font-weight:500;color:#333}.stars{font-size:15px;color:#ffb800;letter-spacing:1px;margin-top:8px}.badges{display:flex;gap:8px;margin-top:12px}.badges span{border:1px solid #d9d4e5;background:#f5f2fc;border-radius:99px;padding:6px 14px;color:#5e479e;font-size:14px}.badges span:first-child{color:#333}.badges span:first-child:before{content:"✓";display:inline-grid;place-items:center;background:#36a97a;color:white;width:12px;height:12px;border-radius:50%;font-size:9px;margin-right:4px}.review-card p{margin:24px 0 0;color:#333;font-size:14px;line-height:1.75;font-weight:500}.review-dots{display:flex;justify-content:center;gap:9px;margin-top:24px}.review-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#d9d9d9}.review-dots button.active{background:#7259ae;transform:scale(1.12)}.cta-banner{position:relative;margin:64px auto 96px;max-width:1160px;min-height:282px;border-radius:16px;background:#5e479e;overflow:hidden;color:#fff;display:flex;align-items:center;padding:29px 62px 42px}.cta-banner .copy{position:relative;z-index:2;max-width:690px}.cta-banner h2{font-size:28px;font-weight:600;margin:0}.cta-banner p{font-size:16px;line-height:1.5;margin:24px 0 0}.gold-cta{margin-top:36px;width:320px;height:60px;border:0;border-radius:999px;color:#5e479e;background:linear-gradient(#fbda88 25%,#eda649);font-size:24px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 10px #00000026;transition:transform .2s,filter .2s}.gold-cta:hover{filter:brightness(1.05);transform:translateY(-2px)}.cta-banner small{display:block;text-align:center;width:320px;margin-top:7px;font-size:14px}.cta-banner>img{position:absolute;width:308px;bottom:0;right:20px;transform:scaleX(-1)}.site-footer{border-top:1px solid #e9e8ed;color:#0f1927}.footer-main{max-width:1070px;margin:auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px;padding:52px 16px 34px}.footer-main .brand{font-size:24px;align-self:start}.footer-main h3{font-size:16px;margin:0 0 18px}.footer-main a,.footer-main button{display:block;background:none;border:0;padding:0;text-align:left;font-size:14px;line-height:1.5;margin:0 0 14px}.footer-main a:hover,.footer-main button:hover{color:#6e55aa}.support-mail{border:1px solid #e3e1e8!important;border-radius:99px!important;padding:8px 14px!important;max-width:230px}.footer-bottom{border-top:1px solid #e9e8ed;text-align:center;font-size:14px;line-height:1.7;padding:24px 16px 28px}.footer-bottom p{margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media(max-width:1160px){.type-grid{grid-template-columns:repeat(2,1fr);gap:16px}.type-card{min-height:auto}.type-card h3{height:32px;font-size:16px}.type-card p{display:none}.type-image{width:80%;height:107px;margin:16px auto}.type-image img{width:100%}.type-tags{grid-template-columns:repeat(2,1fr);gap:10px 11px;padding:0 14px 18px}.type-tags span{height:25px;font-size:12px}.traits-art{width:38%}.traits-list{width:55%}}
@media(max-width:767px){.site-header{height:64px}.header-inner{padding:0 20px;gap:8px}.brand{font-size:18px;gap:10px}.brand img{width:28px;height:28px}.header-actions{gap:10px}.text-nav,.signin{display:none}.lang-trigger{font-size:14px;gap:3px}.lang-trigger svg{width:16px;height:16px}.mobile-menu-trigger{display:grid;place-items:center;width:30px;height:36px;border:0;background:none;color:#333;padding:0}.mobile-menu-trigger svg{width:18px;height:18px}.mobile-menu{display:grid;position:absolute;right:14px;top:62px;background:#fff;border-radius:10px;box-shadow:0 12px 28px #2d215333;padding:10px;min-width:210px;z-index:40}.mobile-menu[hidden]{display:none}.mobile-menu button{padding:10px;border:0;background:none;text-align:left;color:#302941}.lang-menu{right:-36px;top:43px;width:min(320px,calc(100vw - 24px));max-height:320px}.hero{min-height:537px;padding:20px 16px 0;gap:15px}.hero h1{font-size:32px}.hero-kicker{font-size:16px;padding:0}.hero-kicker:before{display:none}.hero-desc{font-size:14px;line-height:1.45}.proof img{height:32px}.proof-text{font-size:12px}.proof-text strong{font-size:14px}.hero-art{position:relative;order:5;inset:auto;margin-top:6px;width:100%;height:200px;overflow:hidden}.hero-art .pc-art{display:none}.hero-art .mobile-art{display:block;position:absolute;left:50%;top:-160px;height:350px;width:auto;max-width:none;transform:translateX(-50%)}.hero>.pill-cta{order:6;width:min(320px,100%);height:52px;min-width:0;font-size:24px}.cloud{display:none}.section{padding:0 16px}.section-title{margin-bottom:24px;padding-bottom:16px}.section-title .eyebrow{font-size:12px;margin-bottom:8px}.section-title h2{font-size:24px}.insights{padding-top:64px}.insight-grid{display:flex;flex-direction:column;gap:12px}.insight-card{height:auto;min-height:220px;align-items:center;text-align:center;padding:16px 12px;gap:20px}.insight-card img{width:32px;height:32px}.insight-card h3{font-size:16px;margin:0 0 12px}.insight-card p{font-size:16px}.comparison{padding-top:52px}.comparison-box{display:flex;flex-direction:column;gap:24px;padding:16px;border-radius:24px}.comparison-col h3{font-size:20px;margin-bottom:16px}.comparison-list{gap:12px}.comparison-list div{font-size:16px}.comparison-box:before,.comparison-box>.vs{display:none}.comparison-col:first-child:after{content:"VS";display:flex;justify-content:center;align-items:center;margin:20px 0 0;color:#6c55bd;font-weight:800;font-style:italic;border-top:1px dashed #b7afe7}.comparison .pill-cta{margin-top:28px}.traits-band{margin-top:64px;padding:50px 0;clip-path:polygon(0 0,18% 1.2%,55% 0,77% 1.2%,100% 0,100% 99%,80% 100%,49% 98.8%,25% 100%,0 100%)}.traits-layout{flex-direction:column;gap:24px}.traits-art{width:227px;height:227px}.traits-list{width:100%;gap:18px}.trait-number{width:32px;height:32px;border-radius:8px;font-size:18px}.trait-row h3{font-size:18px;margin:0 0 7px}.examples{padding-top:64px}.type-grid{margin-top:24px}.examples .pill-cta{margin-top:32px}.reviews{padding-top:64px}.review-viewport{margin-top:24px}.review-track{display:grid;gap:14px;transform:none!important}.review-card{min-height:0;padding:17px}.review-card:nth-child(n+4){display:none}.review-top img{width:36px;height:36px}.review-name{font-size:16px}.review-card p{margin-top:16px}.review-dots{display:none}.cta-banner{width:100%;min-height:0;margin:40px 0 0;padding:28px 24px;border-radius:0}.cta-banner .copy{max-width:100%}.cta-banner h2{font-size:16px}.cta-banner p{font-size:12px;margin-top:8px}.gold-cta{width:180px;height:32px;font-size:14px;margin-top:31px}.cta-banner small{width:180px;font-size:12px}.cta-banner>img{width:190px;right:-60px}.footer-main{display:flex;flex-direction:column;gap:28px;align-items:center;text-align:center;padding:34px 16px 20px}.footer-main .brand{align-self:center;font-size:16px}.footer-main .brand img{width:24px;height:24px}.footer-main h3{margin-bottom:14px}.footer-main a,.footer-main button{text-align:center;margin:0 auto 14px}.footer-bottom{font-size:10px;padding:18px 14px}}
/* Keep in-viewport content visible even when an observer callback is delayed. */
.reveal{opacity:1;transform:none}.reveal.is-pending{opacity:0;transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:767px){.hero{min-height:505px}.hero-art{margin-top:20px}}
@media(min-width:768px){.section{max-width:1140px;padding:0}.insight-grid{display:flex;flex-wrap:wrap}.insight-card:nth-child(1),.insight-card:nth-child(4){width:calc((100% - 24px)*.57)}.insight-card:nth-child(2),.insight-card:nth-child(3){width:calc((100% - 24px)*.43)}.comparison{max-width:1040px}.hero{gap:20px}}
html,body{max-width:100%;overflow-x:clip}main,.hero,.traits-band{min-width:0;max-width:100%}h1,h2,h3,p,.hero-kicker,.proof-text,.trait-row,.comparison-list span{overflow-wrap:anywhere;word-break:break-word}.hero h1,.hero-kicker,.hero-desc{width:min(100%,850px)}
@media(max-width:430px){.header-inner{padding:0 14px}.header-inner .brand{font-size:16px;gap:7px}.lang-trigger span{max-width:80px}.header-actions{gap:6px}}

/* Reference site's gold banner button. Keep the icon's intrinsic SVG size from stretching the flex row. */
.gold-cta{
  color:#5e479e;
  cursor:pointer;
  white-space:nowrap;
  background:linear-gradient(#fbda88 25%,#eda649 100%);
  border:0;
  border-radius:999px;
  justify-content:center;
  align-items:center;
  gap:12px;
  width:320px;
  height:60px;
  margin-top:36px;
  padding:0;
  font-size:24px;
  font-weight:700;
  display:inline-flex;
  overflow:hidden;
  box-shadow:0 0 10px #00000026;
}
.gold-cta svg{width:20px;height:20px;flex:none}
@media(max-width:767px){.gold-cta{width:180px;height:32px;margin-top:31px;font-size:14px}.gold-cta svg{width:12px;height:12px}}
