.hero-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:92px;padding-bottom:110px}.intro-copy h1{font-size:clamp(38px,5.2vw,69px);letter-spacing:-.055em;line-height:1.04;margin:15px 0 23px;max-width:720px}.intro-copy h1 em{font-style:normal;color:var(--blue)}.intro-copy>p{font-size:17px;max-width:620px;margin-bottom:27px}.inline-cue{color:#90a0ae;font-size:12px;margin-left:12px}.intro-art{height:350px;display:grid;place-items:center}.orbit-ring{position:relative;border:1px dashed #c4d4e4;border-radius:50%;width:min(340px,90%);aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#ecf4fc 0%,transparent 67%)}.orbit-ring:before{content:"";position:absolute;width:64%;height:64%;border:1px solid #d1e0f0;border-radius:50%}.center-orbit{font-size:49px;font-weight:900;color:#fff;background:#12263e;width:125px;height:125px;display:grid;place-items:center;border-radius:36px;box-shadow:0 20px 35px #b7c7dd}.center-orbit span{color:#73e1db}.orbit-card{position:absolute;z-index:2;background:white;box-shadow:0 12px 35px #d7dfec;border:1px solid #edf0f7;border-radius:10px;padding:12px 16px;font-weight:700;font-size:12px}.orbit-card.one{left:-20px;top:55px}.orbit-card.two{right:-35px;top:117px}.orbit-card.three{left:50px;bottom:14px}.catalog-section{padding:18px 0 20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h2{font-size:36px;margin:9px 0 4px}.section-head p{margin:0}.catalog-count{font-size:12px;font-weight:800;color:#8093a8}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.template-card{border-radius:18px;border:1px solid var(--line);background:#fff;overflow:hidden;box-shadow:0 14px 37px rgba(40,68,101,.04)}.template-art{padding:17px 17px 0;min-height:264px;background:var(--mist)}.mock-browser{display:flex;justify-content:space-between;background:#fff;border-radius:9px 9px 0 0;color:#90a3b4;padding:8px 12px;font-size:8px;letter-spacing:.11em}.mock-site{height:220px;background:#fff;padding:16px 16px 0;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:8px;color:#586a7a}.mock-nav span:first-child{font-size:11px;font-weight:900;color:#1a354b}.mock-headline{font-weight:900;font-size:clamp(21px,2.6vw,33px);line-height:1.1;max-width:230px;color:#1c3347;margin:20px 0 13px}.mock-button{font-size:8px;background:var(--tone);color:#fff;width:max-content;padding:8px 12px;border-radius:4px}.mock-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px}.mock-tiles i{height:73px;background:linear-gradient(120deg,var(--tone),var(--mist));opacity:.55;border-radius:5px}.template-meta{padding:22px}.template-meta h3{font-size:24px;margin:5px 0 8px}.template-meta p{font-size:12px;min-height:58px;line-height:1.6;margin-bottom:15px}.template-meta .btn{width:100%}.callout{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:39px;border-radius:17px;background:#eaf1fa;padding:27px 31px}.callout h3{font-size:23px;margin:6px 0}.callout p{margin:0;font-size:13px}@media(max-width:980px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-intro{padding-top:45px;padding-bottom:55px;gap:10px}.intro-art{height:280px}.orbit-ring{width:230px}.orbit-card.two{right:-16px}}@media(max-width:650px){.hero-intro{grid-template-columns:1fr}.intro-art{display:none}.template-grid{grid-template-columns:1fr}.section-head h2{font-size:29px}.callout{display:block}.callout .btn{margin-top:15px}.inline-cue{display:block;margin:14px 0}.template-art{min-height:250px}}