@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--blue:#1748e6;--ink:#101828;--cream:#f4f0e8;--orange:#ff572b;--yellow:#ffd633}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,.logo{font-family:'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(4rem,10vw,10.8rem);line-height:.84;margin:0;font-weight:700}h2{font-size:clamp(2.7rem,6vw,6.5rem);line-height:.98;margin:0 0 24px}h3{font-size:clamp(1.4rem,2.3vw,2.3rem);line-height:1.05;margin:0 0 12px}p{line-height:1.6;font-size:clamp(1rem,1.35vw,1.2rem)}.wrap{max-width:1500px;margin:auto;padding:0 clamp(22px,5vw,90px)}header{position:absolute;top:0;left:0;right:0;z-index:3;color:#fff}header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:27px}.logo{font-weight:700;font-size:23px;letter-spacing:-.06em}.lang{display:flex;gap:8px;align-items:center}.lang a{color:#fff;text-decoration:none;border:1px solid #ffffff80;padding:9px 13px;font-size:13px;font-weight:700}.lang a.active{background:white;color:var(--blue)}.hero{background:var(--blue);color:white;min-height:780px;position:relative;overflow:hidden}.hero .wrap{min-height:780px;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{width:61%;padding:130px 0 80px}.hero img{position:absolute;right:0;top:0;width:46%;height:100%;object-fit:cover;object-position:50% 30%}.eyebrow{font-size:12px;letter-spacing:.19em;font-weight:700;text-transform:uppercase;margin-bottom:25px}.hero p{max-width:530px;font-size:clamp(1.15rem,1.7vw,1.5rem);margin-top:35px}.rule{width:80px;height:8px;background:var(--yellow);margin-top:35px}.section{padding:clamp(75px,9vw,140px) 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.intro-grid .lead{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.45}.big-number{font:700 5rem 'Space Grotesk';color:var(--blue)}.orange{background:var(--orange);color:#111}.blue{background:var(--blue);color:white}.dark{background:var(--ink);color:white}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}.card{border-top:3px solid currentColor;padding-top:20px}.card .num{font-size:13px;font-weight:700;letter-spacing:.15em;margin-bottom:35px}.card p{max-width:330px}.showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:0;min-height:650px}.showcase img{width:100%;height:100%;object-fit:cover;max-height:760px}.showcase .copy{padding:clamp(35px,6vw,100px);display:flex;flex-direction:column;justify-content:center}.photo-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:12px;margin-top:45px}.photo-grid img{width:100%;height:460px;object-fit:cover}.photo-grid img:first-child{object-position:50% 25%}.mockups{display:grid;grid-template-columns:1.45fr .65fr;gap:50px;align-items:center;margin-top:55px}.browser{background:#fff;box-shadow:0 25px 70px #0002;padding:9px;border-radius:12px}.browser-top{height:30px;background:#eee;display:flex;align-items:center;padding:0 13px;gap:6px}.dot{width:7px;height:7px;background:#999;border-radius:50%}.desktop-demo{height:430px;background:var(--blue);display:grid;grid-template-columns:52% 48%;color:white;overflow:hidden}.desktop-demo .type{padding:38px 22px;display:flex;flex-direction:column;justify-content:center}.desktop-demo strong{font:700 clamp(35px,4.8vw,80px)/.91 'Space Grotesk';letter-spacing:-.07em}.desktop-demo img{width:100%;height:100%;object-fit:cover}.phone{width:min(100%,275px);margin:auto;border:10px solid #121721;border-radius:34px;overflow:hidden;box-shadow:0 25px 60px #0003;background:var(--blue);color:white}.phone img{width:100%;height:310px;object-fit:cover}.phone .type{padding:18px 15px}.phone strong{font:700 35px/.92 'Space Grotesk';letter-spacing:-.07em}.pill{display:inline-block;padding:10px 13px;background:var(--yellow);color:#101828;font-weight:700;font-size:12px;margin-top:20px}.two{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.two p{max-width:600px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}.step{border-top:2px solid #101828;padding-top:15px}.step b{font-size:13px}.step h3{margin-top:32px}.end{padding:100px 0 120px}.end h2{max-width:1200px}.footer{padding:25px 0;background:#111827;color:white;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:15px}.note{font-size:13px;opacity:.7}.tag{display:inline-block;background:var(--yellow);color:#111;padding:7px 10px;font-size:12px;font-weight:700;margin-bottom:20px}@media(max-width:800px){.hero,.hero .wrap{min-height:740px}.hero img{width:100%;height:62%;top:auto;bottom:0;opacity:.75;object-position:center 25%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--blue) 5%,#1748e6cc 35%,#1748e600 100%)}.hero .wrap{z-index:2;align-items:flex-start}.hero-copy{width:100%;padding-top:145px}.hero h1{font-size:clamp(3.9rem,15vw,7rem)}.hero p{max-width:420px}.intro-grid,.showcase,.two,.mockups{grid-template-columns:1fr}.showcase img{height:500px}.cards{grid-template-columns:1fr;gap:30px}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid img{height:320px}.photo-grid img:last-child{display:none}.steps{grid-template-columns:1fr 1fr}.desktop-demo{height:310px}.phone{margin:20px auto}.footer .wrap{flex-direction:column}}
/* v2: distinguish the site concepts from the cobalt proposal background */
.desktop-demo{background:#111827;color:#fff}
.phone{background:#111827;color:#fff}
/* Preserve Michelle's eyes and face in the editorial lingerie photograph */
.showcase>img{object-position:center 8%}