body[data-p=home] .hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:45px;align-items:center;padding:64px 0 48px}
body[data-p=home] .hello>.tag{color:var(--cyan);margin-bottom:24px;max-width:36ch}
body[data-p=home] .hero h1{font-size:3.333333rem;line-height:1.06;max-width:15ch}
body[data-p=home] .hero .soft{color:#f3f3f6}
body[data-p=home] .hero .lead{max-width:35ch;margin:24px 0 26px}
body[data-p=home] .visual{padding:0 10px 0 24px}
body[data-p=home] .visual .art{max-width:390px;margin:auto}
body[data-p=home] .visual .ring>span{font-size:4.25rem}
body[data-p=home] .rlabels{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center;margin-top:18px;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
body[data-p=home] .btn{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:56px;padding:14px 24px;border-radius:30px;background:var(--lime);color:#102000;font-size:1.125rem;font-weight:750;line-height:1.5}
body[data-p=home] .brief{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 64px}
body[data-p=home] .brief>div{padding:26px 28px;background:var(--card);border-radius:22px}
body[data-p=home] .brief .tag{margin-bottom:10px}
body[data-p=home] .brief p:last-child{font-size:1.25rem;line-height:1.5;margin:0;max-width:43ch}
body[data-p=home] .shelf{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:22px}
body[data-p=home] .shelf h2{margin:0}
body[data-p=home] .shelf p{font-size:1rem;color:var(--mut);margin:0}
body[data-p=home] .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body[data-p=home] .tile{position:relative;display:block;background:var(--card);padding:26px 26px 62px;border-radius:22px;border:1px solid transparent;color:var(--ink);min-height:248px}
body[data-p=home] .tile:hover{border-color:#55555d;background:#28282c;text-decoration:none}
body[data-p=home] .tile h3{max-width:20ch;margin:18px 0 13px}
body[data-p=home] .tile p{font-size:1.125rem;color:var(--mut);line-height:1.5;margin:0;max-width:30ch}
body[data-p=home] .tile .dot{display:block;width:14px;height:14px;border-radius:50%;background:var(--cyan)}
body[data-p=home] .tile.pink .dot{background:var(--pink)}
body[data-p=home] .tile.lime .dot{background:var(--lime)}
body[data-p=home] .tile .arr{position:absolute;bottom:25px;right:26px}
body[data-p=home] .tile.pink .arr{color:#ff7c9e}
body[data-p=home] .tile.lime .arr{color:var(--lime)}
body[data-p=home] .more{margin-top:50px;padding-top:36px;border-top:1px solid #3b3b40}
body[data-p=home] .more h2{margin-bottom:22px}
body[data-p=home] .shelf-links{display:grid;grid-template-columns:1fr 1fr;column-gap:36px}
body[data-p=home] .shelf-links a{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:14px 0;border-bottom:1px solid #36363c;font-size:1.125rem;line-height:1.5}
body[data-p=home] .shelf-links span{color:var(--cyan)}
body[data-p=home] .home-by{padding-top:58px}
body[data-p=home] .home-by .flow>p{max-width:51ch}
@media(max-width:900px){body[data-p=home] .hero{gap:24px}body[data-p=home] .visual{padding:0}body[data-p=home] .grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){body[data-p=home] .hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding:32px 0 30px}body[data-p=home] .hero h1{font-size:2.625rem;line-height:1.08;max-width:15ch}body[data-p=home] .desk{display:none}body[data-p=home] .hero .lead{margin:20px 0 24px;font-size:1.1875rem}body[data-p=home] .hello>.tag{font-size:1rem;margin-bottom:20px;max-width:32ch}body[data-p=home] .visual{display:flex;align-items:center;gap:24px;padding-inline:10px}body[data-p=home] .visual .art{width:174px;margin:0;flex-shrink:1;min-width:0}body[data-p=home] .visual .ring>span{font-size:2.5rem}body[data-p=home] .rlabels{display:grid;gap:9px;justify-content:start;margin:0;font-size:1rem;flex-shrink:0}body[data-p=home] .btn{font-size:1rem;min-height:54px;padding-inline:20px;gap:22px}body[data-p=home] .brief{grid-template-columns:1fr;gap:14px;margin-bottom:38px}body[data-p=home] .brief>div{padding:22px;border-radius:20px}body[data-p=home] .brief p:last-child{font-size:1.125rem}body[data-p=home] .shelf{display:block;margin-bottom:20px}body[data-p=home] .shelf p{margin-top:10px}body[data-p=home] .grid{grid-template-columns:1fr;gap:14px}body[data-p=home] .tile{min-height:0;padding:24px 24px 28px}body[data-p=home] .tile .dot{width:12px;height:12px}body[data-p=home] .tile h3{margin-top:14px;max-width:24ch;padding-right:20px;font-size:1.375rem}body[data-p=home] .tile p{font-size:1.125rem;padding-right:24px;max-width:none}body[data-p=home] .tile .arr{font-size:1.5rem;right:20px;bottom:23px}body[data-p=home] .more{margin-top:34px;padding-top:30px}body[data-p=home] .shelf-links{grid-template-columns:1fr;gap:0}body[data-p=home] .shelf-links a{font-size:1.0625rem;min-height:56px}body[data-p=home] .home-by{padding-top:36px}}