@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#17191e;background:#f3f4f6}*{box-sizing:border-box}body{margin:0}.intro{padding:58px max(calc((100vw - 1160px)/2),24px) 42px;background:#101116;color:#fff}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#a9b9ff;font-weight:800}.intro h1{font:600 clamp(36px,6vw,76px)/1.03 Unbounded, sans-serif;letter-spacing:-.06em;max-width:880px;margin:26px 0 20px}.intro p{font-size:17px;color:#c3c5cd;max-width:720px;line-height:1.65}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.nav a{border:1px solid #444650;border-radius:99px;color:white;text-decoration:none;padding:10px 15px;font-size:13px}.wrap{max-width:1160px;margin:auto;padding:34px 24px 90px}.basis{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:10px 0 44px}.basis>div{padding:22px;background:#fff;border-radius:18px}.basis h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.basis p{font-size:14px;line-height:1.6;color:#5c606a;margin:0}.concept{margin:38px 0 64px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 15px 45px #1011160d}.head{padding:27px 32px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.num{font:600 11px Manrope;letter-spacing:.16em;opacity:.65}.head h2{font:600 30px/1.1 Unbounded,sans-serif;letter-spacing:-.05em;margin:11px 0}.head p{max-width:590px;margin:0;font-size:14px;line-height:1.55;opacity:.75}.tag{border:1px solid currentColor;border-radius:99px;padding:9px 13px;font-size:11px;font-weight:800;white-space:nowrap}.mock{padding:28px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.hero{min-height:285px;border-radius:18px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero h3{font:600 clamp(26px,4vw,46px)/1.04 Unbounded,sans-serif;letter-spacing:-.06em;max-width:470px;margin:34px 0 0}.hero .brand{font-weight:800;letter-spacing:.05em}.hero .cta{display:inline-flex;align-self:flex-start;border-radius:100px;padding:12px 17px;font-size:12px;font-weight:800;margin-top:22px}.dots{display:flex;gap:7px}.dots i{width:9px;height:9px;border-radius:50%;display:block}.side{display:grid;gap:14px}.card{border-radius:18px;padding:20px;min-height:129px}.card b{font-size:11px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:17px}.card p{font:600 19px/1.25 Unbounded,sans-serif;margin:0;letter-spacing:-.04em}.palette{display:flex;gap:9px;margin:14px 0}.swatch{width:70px}.chip{height:38px;border-radius:8px}.swatch small{font-size:10px;color:#626670;display:block;margin-top:6px}.details{padding:0 28px 28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.detail{padding:16px;border:1px solid #e8e9ed;border-radius:14px}.detail b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:9px}.detail p{font-size:12px;line-height:1.5;margin:0;color:#555a64}.one .head{background:#101116;color:white}.one .hero{background:linear-gradient(125deg,#3563e9,#6289ff);color:#fff}.one .hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff4d;border-radius:50%;right:-60px;bottom:-145px;box-shadow:0 0 0 28px #ffffff0c,0 0 0 56px #ffffff0c}.one .cta{background:#bff4ff;color:#101116}.one .card:first-child{background:#effaff}.one .card:last-child{background:#f3f4f6}.one .dots i:nth-child(1){background:#bff4ff}.one .dots i:nth-child(2){background:#fff}.two .head{background:#0e1117;color:#fff}.two .hero{background:#11141b;color:white}.two .hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-75px;top:40px;background:radial-gradient(circle at 35% 35%,#8cecff,#3563e9 48%,#11141b 70%);opacity:.9}.two .hero h3,.two .hero .brand,.two .hero .cta,.two .hero .dots{position:relative;z-index:1}.two .cta{background:#d7fbff;color:#11141b}.two .card:first-child{background:#e9f8fa}.two .card:last-child{background:#f3f3f1}.two .dots i:nth-child(1){background:#3563e9}.two .dots i:nth-child(2){background:#d7fbff}.three .head{background:#d9f7f5;color:#102522}.three .hero{background:#d9f7f5;color:#102522}.three .hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-12px;bottom:-58px;background:#43c8bd;box-shadow:-62px -42px 0 -24px #f0b56a}.three .hero h3,.three .hero .brand,.three .hero .cta,.three .hero .dots{position:relative;z-index:1}.three .cta{background:#102522;color:white}.three .card:first-child{background:#fff2df}.three .card:last-child{background:#f5f2ec}.three .dots i:nth-child(1){background:#43c8bd}.three .dots i:nth-child(2){background:#f0b56a}.footer{padding:26px;border-top:1px solid #eee;font-size:12px;color:#777;line-height:1.6}.end{background:#101116;color:white;padding:34px;border-radius:20px;line-height:1.6;font-size:14px}.end b{color:#bff4ff}@media(max-width:760px){.basis,.mock,.details{grid-template-columns:1fr}.head{padding:24px;display:block}.tag{display:inline-block;margin-top:16px}.mock{padding:18px}.details{padding:0 18px 18px}.intro{padding-top:42px}}
.skip{position:absolute;left:12px;top:0;transform:translateY(-150%);z-index:10;padding:12px;background:#fff;color:#111;text-decoration:none}.skip:focus{transform:none}

.pagebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px max(calc((100vw - 1160px)/2),24px);background:#101116;color:#fff;border-bottom:1px solid #343640}.pagebar a{color:inherit;text-decoration:none;font-size:13px;font-weight:800}.pagebar .back{opacity:.7;font-weight:500}.section-title{font:600 clamp(27px,4vw,43px)/1.1 Unbounded,sans-serif;letter-spacing:-.05em;margin:0 0 20px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 50px}.option{min-height:360px;border-radius:22px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:inherit;text-decoration:none;transition:transform .2s}.option:hover{transform:translateY(-5px)}.option.one{background:linear-gradient(145deg,#3563e9,#6f9aff);color:white}.option.two{background:#11141b;color:white}.option.three{background:#d9f7f5;color:#102522}.option .top{font-size:11px;letter-spacing:.14em;font-weight:800}.option h2{font:600 27px/1.13 Unbounded,sans-serif;letter-spacing:-.05em;margin:0 0 14px}.option p{font-size:13px;line-height:1.55;max-width:30ch}.option .go{font-size:13px;font-weight:800}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0 42px}.guide-grid article{background:#fff;padding:24px;border-radius:16px}.guide-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.guide-grid p{font-size:14px;color:#5c606a;line-height:1.6;margin:0}.page-actions{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 0}.page-actions a{border:1px solid #c7cbd4;border-radius:99px;padding:11px 15px;text-decoration:none;color:#222;font-size:13px;font-weight:700}.page-actions a:hover{background:white}.source-note{font-size:12px;color:#70747e;line-height:1.6;margin-top:30px}@media(max-width:760px){.option-grid,.guide-grid{grid-template-columns:1fr}.option{min-height:280px}}