.website-parts{border-block:1px solid #dce6ef;grid-template-columns:1fr 1fr;padding-block:0;display:grid}.website-parts-lead{color:#3d5367;grid-column:1/-1;max-width:46em;padding:40px 0 4px;font-size:17px;line-height:1.7}.website-parts article{padding:44px 40px 48px 0}.website-parts article+article{border-left:1px solid #dce6ef;padding-left:40px}.website-parts h2{font-size:24px;font-weight:500}.website-parts ul{gap:14px;margin:22px 0 0;padding:0;list-style:none;display:grid}.website-parts li{color:#53697f;max-width:460px;padding-left:22px;font-size:14px;line-height:1.85;position:relative}.website-parts li:before{content:"";background:#4d789e;width:8px;height:1px;position:absolute;top:.75em;left:0}.website-part-link{margin-top:22px;padding-left:22px;font-size:14px}.website-part-link a{color:#41688d;text-underline-offset:3px;text-decoration:underline}.website-steps{grid-template-columns:repeat(4,1fr)}.website-step-note{color:#53697f;align-items:flex-start;gap:8px;font-weight:500;line-height:1.45;display:inline-flex}.website-step-note:before{content:"";background:#b6c8d9;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:.5em}.website-step-note[data-by=connu]{color:#3f638a;font-weight:600}.website-step-note[data-by=connu]:before{background:#3f638a}.website-parts+.process-section{padding-top:72px}.website-price-line{color:#53697f;max-width:760px;margin-top:36px;font-size:14px;line-height:1.7}.website-price-line a{color:#41688d;text-underline-offset:3px;text-decoration:underline}.website-closing h2{max-width:16em;margin-inline:auto}.website-concept{background:var(--navy,#0f1e2e);width:min(1180px,100% - 64px);color:var(--on-navy,#e9f0f7);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;margin:72px auto 0;padding:40px 44px;display:grid}.website-concept-label{letter-spacing:.04em;color:var(--accent-on-navy,#9cc0e4);font-size:13px;font-weight:600}.site-main .website-concept h2{color:#fff;margin-top:10px;font-size:clamp(28px,3.2vw,40px)}.website-concept h2+p{max-width:32em;color:var(--on-navy-muted,#a7bbcf);margin-top:14px;font-size:16px;line-height:1.65}.website-concept-form label{color:#fff;font-size:14px;font-weight:600;display:block}.website-concept-form>div{background:#fff;border-radius:12px;gap:8px;margin-top:10px;padding:6px;display:flex}.website-concept-form input{min-width:0;font:inherit;color:var(--ink,#132233);background:0 0;border:0;outline:0;flex:1;padding:0 12px;font-size:16px}.website-concept-form input::placeholder{color:#7f93a7}.website-concept-form>div:focus-within{box-shadow:0 0 0 3px #9bbbd9}.website-concept-form .button{white-space:nowrap;cursor:pointer;min-height:46px;font-family:inherit}.website-concept+.process-section,.website-examples+.process-section{padding-top:96px}.website-examples{width:min(1180px,100% - 64px);margin:64px auto 0;scroll-margin-top:96px}.site-main .website-examples h2{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,32px)}.website-examples ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:0;list-style:none;display:grid}.website-examples li{background:#fff;border:1px solid #dce6ef;border-radius:18px;flex-direction:column;gap:12px;padding:20px;display:flex}.website-example-name{color:#53697f;font-size:14px;line-height:1.45}.website-example-name strong{color:var(--ink,#132233);font-size:17px;font-weight:600;display:block}.website-examples figure{margin:0}.website-examples img{border:1px solid #e1e9f1;border-radius:10px;width:100%;height:auto;display:block}.website-examples figcaption{color:#6a8095;margin-top:6px;font-size:12.5px;font-weight:600}.website-examples figure+figure figcaption{color:#3f638a}.website-example-note{color:#53697f;font-size:14px;line-height:1.5}.website-example-link{color:#3f638a;text-underline-offset:3px;margin-top:auto;font-size:14px;font-weight:600;text-decoration:underline}.website-example-link:focus-visible{outline-offset:3px;outline:3px solid #9bbbd9}.website-examples-note{color:#6a8095;margin-top:14px;font-size:13px}.website-reading{width:min(1180px,100% - 64px);margin:0 auto;padding:8px 0 104px}.site-main .website-reading h2{letter-spacing:-.03em;font-size:clamp(24px,2.6vw,32px)}.website-reading ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:0;list-style:none;display:grid}.website-reading a{height:100%;transition:border-color .2s,box-shadow .35s var(--ease-out),transform .35s var(--ease-out);background:#fff;border:1px solid #dce6ef;border-radius:18px;flex-direction:column;padding:26px 26px 24px;display:flex}.website-reading a:hover{border-color:#b9cde0;transform:translateY(-2px);box-shadow:0 22px 44px -30px #11284273}.website-reading a:focus-visible{outline-offset:3px;outline:3px solid #9bbbd9}.website-reading time{color:#6a8095;font-size:13px}.website-reading h3{letter-spacing:-.015em;color:var(--ink,#132233);text-wrap:balance;margin-top:10px;font-size:18px;font-weight:600;line-height:1.35}.website-reading p{color:#53697f;margin-top:10px;font-size:14.5px;line-height:1.6}.website-reading-more{color:#3f638a;margin-top:auto;padding-top:18px;font-size:14px;font-weight:600}@media (max-width:980px){.website-steps{grid-template-columns:repeat(2,1fr);row-gap:32px}}@media (max-width:900px){.website-concept{grid-template-columns:1fr;gap:28px}.website-reading ul,.website-examples ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.website-reading a{transition:none}.website-reading a:hover{transform:none}}@media (max-width:680px){.website-concept{width:calc(100% - 36px);margin-top:48px;padding:28px 22px}.website-reading{width:calc(100% - 36px);padding-bottom:64px}.website-examples{width:calc(100% - 36px);margin-top:48px}.website-reading a{padding:22px 20px}.website-concept-form>div{flex-direction:column}.website-concept-form input{height:46px}.website-parts{grid-template-columns:1fr}.website-parts article,.website-parts article+article{border-left:0;padding:28px 0}.website-parts article+article{border-top:1px solid #dce6ef}.website-steps{grid-template-columns:1fr}}