.hero{color:#fff;background:radial-gradient(circle at 84% 24%,#e5007d17,#0000 19rem),radial-gradient(circle at 10% 100%,#00b9d61f,#0000 24rem),#171717;border-bottom:1px dashed #ffffff47;padding:calc(clamp(70px,9vw,120px) - 34px) 0;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px dashed #ffffff59;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-85px;right:8%;box-shadow:0 0 0 18px #f5d8002b,0 0 0 36px #e5007d1a}.inner{z-index:1;max-width:880px;margin-inline:max(calc((100vw - var(--container)) / 2), 24px);position:relative}.copy{max-width:880px}.eyebrow{color:#b8b8b8;letter-spacing:.16em;align-items:center;gap:9px;font-size:9px;display:inline-flex}.eyebrowDot{background:#e5007d;border-radius:50%;width:8px;height:8px}.copy h1{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.075em;margin:22px 0 16px;font-size:clamp(48px,7.2vw,90px);font-weight:900;line-height:.97}.textGradient{color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#00b9d6,#e5007d,#9b8500);-webkit-background-clip:text;background-clip:text}.copy>p{color:#b8b8b8;max-width:650px;margin:0;font-size:12px;line-height:1.9}.scroll{color:#b8b8b8;letter-spacing:.16em;align-items:center;gap:10px;margin-top:clamp(34px,5vw,56px);font-size:9px;text-decoration:none;display:inline-flex}.scroll svg{color:#e5007d}@media (max-width:720px){.inner{margin-inline:22px}}
.section{color:#171717;background:#fff;padding:clamp(76px,9vw,120px) 0}.inner{grid-template-columns:minmax(220px,.72fr) minmax(0,1.65fr);align-items:end;gap:clamp(32px,6vw,78px);display:grid}.heading>span{color:#707070;letter-spacing:.15em;font-size:9px;line-height:1.7}.heading h2{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.075em;margin:20px 0 0;font-size:clamp(45px,6vw,78px);font-weight:900;line-height:.88}.heading h2 em{color:#e5007d;font-style:normal}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.card{color:#171717;border:1px dashed #171717;flex-direction:column;min-height:255px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.card:hover{transform:translateY(-6px);box-shadow:6px 6px #171717}.cyan{background:#8de2eb}.pink{background:#f4b8d6}.yellow{background:#f5d800}.cardTop{justify-content:space-between;align-items:center;display:flex}.cardTop>span{letter-spacing:.12em;font-size:9px}.card h3{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.05em;margin:28px 0 9px;font-size:clamp(20px,2.2vw,28px);font-weight:900}.card p{color:#333;margin:0;font-size:11px;line-height:1.75}.cardLink{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-size:10px;display:flex}@media (max-width:850px){.inner{grid-template-columns:1fr;align-items:start;gap:28px}.heading h2 br{display:none}}@media (max-width:620px){.cards{grid-template-columns:1fr}.card{min-height:215px}}
.section{color:#fff;background:#171717;padding:clamp(75px,9vw,118px) 0;position:relative;overflow:hidden}.section:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-220px;right:-150px;box-shadow:0 0 0 42px #ffffff08,0 0 0 84px #ffffff05}.inner{z-index:1;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,110px);display:grid;position:relative}.titleBlock>span{color:#f5d800;letter-spacing:.17em;font-size:10px}.titleBlock h2{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.07em;margin:22px 0 0;font-size:clamp(42px,5.6vw,74px);font-weight:900;line-height:.92}.titleBlock h2 i{color:#00b9d6;font-style:normal}.colorMark{gap:7px;margin-top:30px;display:flex}.colorMark b{background:#00b9d6;width:34px;height:5px}.colorMark b:nth-child(2){background:#e5007d}.colorMark b:nth-child(3){background:#f5d800}.reasons{flex-direction:column;justify-content:center;display:flex}.reason{border-bottom:1px dashed #ffffff2e;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:20px 0;display:grid}.reason:first-child{border-top:1px dashed #ffffff2e}.icon{color:#00b9d6;border:1px dashed #00b9d6;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.reason:nth-child(2) .icon{color:#e5007d;border-color:#e5007d}.reason:nth-child(3) .icon{color:#f5d800;border-color:#f5d800}.number{color:#a8a8a8;letter-spacing:.15em;font-size:9px}.reason h3{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.03em;margin:5px 0 6px;font-size:17px;font-weight:900}.reason p{color:#bdbdbd;max-width:420px;margin:0;font-size:11px;line-height:1.8}@media (max-width:700px){.inner{grid-template-columns:1fr;gap:34px}}
.section{color:#171717;background:#f7f7f4;padding:clamp(76px,9vw,120px) 0}.inner{grid-template-columns:minmax(250px,.85fr) minmax(0,1.2fr);gap:clamp(40px,8vw,110px);display:grid}.heading>span{color:#707070;letter-spacing:.15em;font-size:9px}.heading h2{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.065em;margin:18px 0 27px;font-size:clamp(36px,4.7vw,60px);font-weight:900;line-height:.98}.heading h2 em{color:#e5007d;font-style:normal}.link{border-bottom:1px solid #171717;align-items:center;gap:8px;padding-bottom:7px;font-size:11px;text-decoration:none;display:inline-flex}.link:hover{color:#e5007d}.steps{border-top:1px dashed #d6d6d2;grid-template-columns:repeat(3,minmax(0,1fr));align-self:center;display:grid}.step{padding:24px 18px 0 0}.step+.step{border-left:1px dashed #d6d6d2;padding-left:18px}.stepHead{color:#00a9c4;justify-content:space-between;align-items:center;display:flex}.step:nth-child(2) .stepHead{color:#e5007d}.step:nth-child(3) .stepHead{color:#907d00}.stepHead span{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.06em;font-size:28px;font-weight:900}.step h3{font-family:var(--font-montserrat), sans-serif;letter-spacing:-.03em;margin:24px 0 9px;font-size:15px;font-weight:900;line-height:1.3}.step p{color:#696969;margin:0;font-size:10px;line-height:1.8}@media (max-width:850px){.inner{grid-template-columns:1fr;gap:34px}}@media (max-width:600px){.steps{grid-template-columns:1fr}.step,.step+.step{border-bottom:1px dashed #d6d6d2;border-left:0;padding:18px 0}.step h3{margin:14px 0 6px}}
.section{color:#171717;background:#f7f7f7;padding:100px 0}.inner{width:84%;max-width:1440px;margin:0 auto}.heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.heading>div>span{color:#707070;letter-spacing:2px;font-size:10px}.heading h2{letter-spacing:-2px;margin:18px 0 20px;font-size:clamp(48px,6vw,82px);line-height:.92}.heading h2 em{color:#e5007d;font-style:normal}.allLink{color:#171717;white-space:nowrap;border-bottom:1px solid #171717;align-items:center;gap:8px;padding-bottom:7px;font-size:12px;font-weight:600;text-decoration:none;transition:color .25s,border-color .25s;display:inline-flex}.allLink:hover{color:#e5007d;border-color:#e5007d}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.card{aspect-ratio:4/4;isolation:isolate;color:#fff;background:#222;min-height:400px;max-height:460px;text-decoration:none;display:block;position:relative;overflow:hidden}.art{z-index:-1;object-fit:cover;object-position:center;width:100%;height:80%;transition:transform .7s;position:absolute;inset:0}.card:hover .art{transform:scale(1.05)}.card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 0%,#00000059 45%,#000000d9 100%);position:absolute;inset:35% 0 0}.cardCopy{z-index:2;position:absolute;bottom:32px;left:30px;right:30px}.cardCopy span{color:#fff;letter-spacing:2px;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.cardCopy h3{color:#fff;letter-spacing:-1px;margin:0;font-size:clamp(30px,3.5vw,48px);line-height:1}.arrow{z-index:2;color:#171717;background:#00d5f5;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .3s,background .3s;display:grid;position:absolute;top:26px;right:26px}.signs .arrow{background:#f5d800}.card:hover .arrow{transform:translate(4px,-4px)}@media (max-width:900px){.inner{width:90%}.card{min-height:440px}.cardCopy{bottom:25px;left:22px;right:22px}.cardCopy h3{font-size:clamp(28px,4vw,40px)}}@media (max-width:700px){.section{padding:70px 0}.inner{width:calc(100% - 44px)}.heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.heading h2{letter-spacing:-1px;font-size:clamp(46px,11vw,64px)}.grid{grid-template-columns:1fr;gap:18px}.card{aspect-ratio:5/4;min-height:320px;max-height:380px}.cardCopy h3{font-size:clamp(32px,8vw,44px)}}@media (prefers-reduced-motion:reduce){.art,.arrow,.allLink{transition:none}}