.template-shell{--template-ink:#112143;--template-muted:#4d5e77;--template-blue:#174dbd;--template-border:#dce5f2;background:#f8faff;color:var(--template-ink)}.template-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,63px);overflow:hidden;margin-top:clamp(20px,4vw,39px);padding:clamp(24px,5vw,58px);border:1px solid #2b4b87;border-radius:24px;background:radial-gradient(ellipse at 93% 18%,#304e93,transparent 62%),linear-gradient(120deg,#101e3d,#1e3466);box-shadow:0 18px 38px #1b346922;color:#fff}.template-hero:before{position:absolute;z-index:-1;inset:0;pointer-events:none;content:"";background-image:linear-gradient(#b9d0ff18 1px,transparent 0),linear-gradient(90deg,#b9d0ff18 1px,transparent 0);background-size:30px 30px;mask-image:linear-gradient(105deg,transparent 22%,#000)}.template-hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #c6d8ff40;border-radius:100px;background:#dae6ff12;color:#e1ebff;font-size:12px;font-weight:580;letter-spacing:.075em;text-transform:uppercase}.template-hero h1{margin-block:13px;font-size:clamp(37px,5.2vw,66px);font-weight:660;line-height:1.08;letter-spacing:-.028em}.template-hero-intro{max-width:39ch;color:#d7e3ff;font-size:clamp(16px,2vw,19px);line-height:1.58}.template-hero-action{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;margin-top:21px;padding:8px 17px;border-radius:9px;background:#fff;color:#183b7e;font-size:16px;font-weight:620}.template-hero-action:hover{background:#e7efff}.template-hero-action:focus-visible{outline-color:#c5d9ff}.template-hero-note{display:flex;align-items:center;gap:6px;margin-top:12px;color:#ccdcff;font-size:13px}.template-hero-art{min-width:0}.template-hero-window{overflow:hidden;padding:clamp(12px,2vw,21px);border:1px solid #dbe6fa;border-radius:16px;background:#f8fbff;box-shadow:10px 12px 0 #c3d8ff26,0 16px 37px #09173260;color:var(--template-ink)}.template-window-top{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-bottom:12px}.template-window-top>span:first-child{display:flex;align-items:center;gap:8px;font-size:clamp(14px,1.8vw,20px);font-weight:620;line-height:1.2}.template-window-top svg{flex:none;color:#245bc2}.template-window-tag{flex:none;padding:3px 7px;border-radius:5px;background:#e9f0fe;color:#254785;font-size:11px}.template-window-legend{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:11px;margin-top:10px;color:var(--template-muted);font-size:12px}.template-window-legend span{display:inline-flex;align-items:center;gap:5px}.template-window-legend i{width:7px;height:7px;border-radius:2px;background:#2461db}.template-window-legend span:nth-child(2) i{background:#7c4dbb}.template-window-legend span:nth-child(3) i{background:#c28522}.template-preview{display:flex;overflow:hidden;border:1px solid #d6e0f0;border-radius:7px;background:#fff}.template-preview-day{flex:1 1 0;min-width:0;text-align:center}.template-preview-day+.template-preview-day{border-left:1px solid #e0e8f4}.template-preview-day>span{display:block;padding-block:2px;border-bottom:1px solid #e0e8f4;color:#4b5f7f;font-size:9px;font-weight:590}.template-preview-track{position:relative;height:65px;background:repeating-linear-gradient(180deg,#fff 0,#fff calc(25% - 1px),#eaf0f8 calc(25% - 1px),#eaf0f8 25%)}.template-preview-track i{position:absolute;inset-inline:2px;min-height:2px;border:1px solid #fff8;border-radius:3px;opacity:.83}.template-hero-window .template-preview-track{height:clamp(108px,16vw,180px)}.template-hero-window .template-preview-track i{inset-inline:4px}.template-hero-window .template-preview-day>span{padding-block:4px;font-size:11px}.template-library{margin-block:clamp(35px,6.4vw,74px);scroll-margin-top:22px}.template-section-header{display:flex;justify-content:space-between;align-items:end;gap:13px 25px;margin-bottom:18px}.template-eyebrow{color:var(--template-blue);font-size:12px;font-weight:650;letter-spacing:.105em;text-transform:uppercase}.template-guide h2,.template-section-header h2{margin-top:4px;font-size:clamp(29px,4vw,44px);font-weight:650;letter-spacing:-.02em;line-height:1.13}.template-section-header>p{color:var(--template-muted);font-size:15px}.template-section-header a{display:inline-flex;align-items:center;gap:4px;color:var(--template-blue);font-weight:600}.template-section-header a:hover{text-decoration:underline;text-underline-offset:3px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{display:grid;grid-template-columns:minmax(106px,29%) minmax(0,1fr);min-width:0;gap:clamp(12px,2vw,21px);padding:clamp(12px,2vw,17px);border:1px solid var(--template-border);border-radius:15px;background:#fff;scroll-margin-top:18px}.template-card:focus-within,.template-card:hover,.template-card:target{border-color:color-mix(in srgb,var(--template-color),white 55%);box-shadow:0 7px 20px #102c6710}.template-card-visual{display:grid;align-content:center;min-width:0;gap:7px;padding:clamp(7px,1.2vw,11px);border:1px solid color-mix(in srgb,var(--template-color),white 81%);border-radius:10px;background:color-mix(in srgb,var(--template-color),white 93%)}.template-card-index{display:flex;justify-content:space-between;align-items:center;color:color-mix(in srgb,var(--template-color),#142341 37%);font-size:12px;font-weight:650;letter-spacing:.08em}.template-card-body{display:flex;flex-direction:column;align-items:start;min-width:0}.template-category{color:color-mix(in srgb,var(--template-color),#142341 47%);font-size:11px;font-weight:650;letter-spacing:.105em;text-transform:uppercase}.template-card h3{margin-block:2px 6px;font-size:clamp(20px,2.3vw,25px);font-weight:630;line-height:1.2}.template-card-description{margin-bottom:10px;color:var(--template-muted);font-size:15px;line-height:1.55}.template-card-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;margin-top:auto;padding:4px 9px;border:1px solid #d8e5fc;border-radius:7px;background:#f1f6ff;color:var(--template-blue);font-size:14px;font-weight:630}.template-card-link:hover{background:#e7f0ff}.template-guide{display:grid;grid-template-columns:minmax(175px,1fr) minmax(0,2.4fr);align-items:start;gap:24px clamp(23px,5vw,57px);padding-block:clamp(20px,4vw,42px);border-block:1px solid var(--template-border)}.template-guide p:not(.template-eyebrow){color:var(--template-muted);font-size:17px;line-height:1.65}.template-guide-intro>p:last-child{margin-top:12px}.template-guide-body{display:grid;gap:13px}.template-guide-body>section{display:flex;align-items:start;gap:clamp(10px,2vw,17px);padding:clamp(13px,2vw,22px);border:1px solid var(--template-border);border-radius:12px;background:#fff}.template-guide-number{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:6px;background:#edf3ff;color:var(--template-blue);font-size:13px;font-weight:650}.template-guide-body h3{margin:2px 0 7px;font-size:clamp(20px,2.4vw,25px);font-weight:620;line-height:1.25}.template-guide-body p+p{margin-top:10px}.template-guide a{color:var(--template-blue);text-decoration:underline;text-underline-offset:3px}.template-faq{margin-block:clamp(31px,5vw,54px) clamp(42px,7vw,76px)}@media (max-width:875px){.template-card{grid-template-columns:minmax(0,1fr)}.template-card-visual{grid-template-columns:26px minmax(0,1fr);align-items:center}.template-card-index{flex-direction:column;gap:4px}.template-card-visual .template-preview-track{height:42px}}@media (max-width:670px){.template-guide,.template-hero{grid-template-columns:minmax(0,1fr)}.template-hero{gap:23px}.template-hero-art{margin-right:6px}.template-hero-break{display:none}.template-section-header{display:block}.template-section-header>p{margin-top:7px}}@media (max-width:490px){.template-grid{grid-template-columns:minmax(0,1fr)}.template-card{grid-template-columns:minmax(94px,28%) minmax(0,1fr)}.template-card-visual{grid-template-columns:minmax(0,1fr);align-items:stretch}.template-card-index{flex-direction:row}.template-card-visual .template-preview-track{height:64px}.template-card-visual .template-preview-day>span{font-size:7px}.template-card-visual .template-preview-track i{inset-inline:0}.template-card-link{min-height:44px}}