*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#07143e;background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1536px,calc(100% - 64px));margin:auto}
.site-header{height:80px;background:#fff;position:relative;z-index:20;border-bottom:1px solid #eef0f6}.header-inner{height:80px;display:flex;align-items:center;justify-content:center}.brand{width:90px;display:flex;align-items:center}.brand img{width:auto;height:55px;object-fit:contain}.desktop-nav{margin-left:auto;display:flex;gap:34px;margin-right:42px}.desktop-nav a,.login{font-size:14px;font-weight:600;color:#18284e}.desktop-nav a:hover,.login:hover{color:#9333ea}.actions{display:flex;align-items:center;gap:30px}.signup{background:linear-gradient(100deg,#9333ea,#6b21c7);color:#fff;font-weight:700;font-size:14px;padding:16px 22px;border-radius:999px;box-shadow:0 10px 25px #6b21c725}.signup b{font-size:19px;margin-left:7px}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle i{display:block;width:24px;height:2px;background:#07143e;margin:5px}.mobile-nav{display:none}
.hero{position:relative;min-height:454px;overflow:hidden;background:#f7f8ff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#fafaff 0%,#f7f8ff 47%,#fff7f1 100%)}.hero-grid{position:relative;min-height:454px;display:grid;grid-template-columns:52% 48%}.hero-copy{z-index:3;padding:47px 0 30px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.3px;color:#9333ea}.eyebrow-line{width:53px;height:4px;background:#9333ea;border-radius:9px;margin:13px 0 20px}.hero h1{font-size:76px;line-height:.97;letter-spacing:-4px;margin:0 0 16px;font-weight:800}.hero h1 span{color:#9333ea;background:linear-gradient(90deg,#9333ea,#6b21c7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy p{font-size:19px;line-height:1.5;color:#566d8d;margin:0 0 25px}.primary-btn{display:inline-flex;align-items:center;gap:15px;padding:18px 31px;border-radius:999px;color:white;font-weight:800;font-size:18px;background:linear-gradient(100deg,#9333ea,#6b21c7);box-shadow:0 14px 28px #6b21c733;transition:.2s}.primary-btn:hover{transform:translateY(-2px)}.primary-btn span{font-size:24px}.hero-art{position:relative;min-height:454px}.hero-art img{position:absolute;top:-21px;right:-1%;width:110%;height:calc(100% + 21px);object-fit:cover;object-position:center top;mix-blend-mode:multiply}
.cards-section{position:relative;z-index:5;margin-top:-1px;padding-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{min-height:316px;border:1px solid #dce2ec;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:58% 42%;box-shadow:0 7px 25px #1930560b;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #19305618}.pink{background:linear-gradient(110deg,#fff1fb,#fff8fb)}.blue{background:linear-gradient(110deg,#edf8ff,#f1faff)}.green{background:linear-gradient(110deg,#f0fffc,#f8fffd)}.card-copy{padding:25px 10px 21px 38px;display:flex;flex-direction:column;align-items:flex-start}.icon{width:45px;height:45px;border-radius:11px;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:700;margin-bottom:14px}.pink .icon{background:#a91df4}.blue .icon{background:#2873ed}.green .icon{background:#14c6aa}.card h2{font-size:24px;line-height:1.08;letter-spacing:-.7px;margin:0 0 8px}.card h3{font-size:15px;margin:0 0 10px}.card p{font-size:14px;line-height:1.5;color:#58708f;margin:0 0 13px}.card a{font-size:14px;font-weight:800;margin-top:auto;display:flex;gap:8px;align-items:center}.pink a{color:#9b25e9}.blue a{color:#2470e9}.green a{color:#13bda5}.card a span{font-size:20px}.card-image{height:100%;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:1200px){.container{width:min(1120px,calc(100% - 40px))}.desktop-nav{gap:22px;margin-right:25px}.hero h1{font-size:62px}.hero-copy p{font-size:17px}.cards{gap:18px}.card{grid-template-columns:56% 44%;min-height:300px}.card-copy{padding-left:25px}.card h2{font-size:21px}}
@media(max-width:900px){.site-header,.header-inner{height:70px}.desktop-nav,.login{display:none}.actions{margin-left:auto}.menu-toggle{display:block}.mobile-nav{position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid #e6eaf2;box-shadow:0 12px 25px #00000012;padding:10px 20px}.mobile-nav.open{display:flex;flex-direction:column}.mobile-nav a{padding:14px 5px;font-weight:700;border-bottom:1px solid #f0f2f7}.hero-grid{display:flex;flex-direction:column}.hero{min-height:auto}.hero-copy{padding:42px 0 24px}.hero-art{height:380px;min-height:380px}.hero-art img{width:100%;height:100%;right:0;top:0}.cards-section{margin-top:0;padding-top:18px}.cards{grid-template-columns:1fr}.card{min-height:270px}}
@media(max-width:560px){.container{width:calc(100% - 28px)}.brand img{width:auto;height:45px}.signup{display:none}.hero-copy{padding-top:35px}.eyebrow{font-size:11px}.eyebrow-line{margin:10px 0 16px}.hero h1{font-size:46px;letter-spacing:-2.5px}.hero-copy p{font-size:15px}.desktop-only{display:none}.primary-btn{padding:15px 22px;font-size:15px}.hero-art{height:315px;min-height:315px}.hero-art img{object-position:54% top}.card{grid-template-columns:1fr;min-height:0}.card-copy{padding:22px 23px 20px}.card-image{height:210px}.card h2{font-size:23px}}