.builds-section{padding-block:25px 90px}.build-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;display:grid}.build-card{min-width:0}.build-visual{background:#f4f1fa;border:1px solid #e4dded;border-radius:9px;justify-content:center;align-items:center;width:100%;height:220px;padding:0;display:flex;position:relative;overflow:hidden}.build-visual:focus,.builds-section[data-input-mode=pointer] .build-visual:focus,.builds-section[data-input-mode=pointer] .build-copy>.text-link:focus{outline:none}.build-visual img,.build-visual>.seven24-cover{transition:transform .4s}.build-visual:hover img,.build-visual:hover>.seven24-cover{transform:scale(1.035)}.build-visual.logo>img{object-fit:contain;width:auto;max-width:62%;max-height:105px}.build-visual.logo{background:#f3eefb}.build-visual.screen>img{object-fit:cover;object-position:top left;width:100%;height:100%}.build-visual.screen-code{background:#f6f3ed}.seven24-cover{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.seven24-cover-frame{transform-origin:0 0;pointer-events:none;border:0;width:1440px;max-width:none;height:928px;position:absolute;top:0;left:0}.build-cover-trigger{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.build-cover-trigger:focus{outline:none}.build-visual.screen-crop{background:#f9f9fa;align-items:flex-start}.build-visual.screen-crop>img{object-position:top;flex-shrink:0;width:100%;max-width:none;height:auto}.build-visual.portrait>img{object-fit:cover;object-position:center 23%;width:100%;height:100%}.build-visual.wordmark{background:#e8edff}.seven-wordmark{color:#303961;letter-spacing:-.07em;font-size:48px;font-weight:600;line-height:1;display:block}.seven-wordmark>span{letter-spacing:.22em;text-align:center;margin-top:14px;font-size:12px;font-weight:600;display:block}.build-open{width:34px;height:34px;color:var(--violet);background:#fffffff0;border-radius:50%;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:0 2px 12px #26183910}.build-visual:hover .build-open{background:var(--violet);color:#fff}.builds-section[data-input-mode=keyboard] .build-visual:focus-visible .build-open,.builds-section[data-input-mode=keyboard] .build-cover-trigger:focus-visible .build-open{background:var(--violet);color:#fff;transform:scale(1.12)}.build-copy{padding:21px 0 0}.build-copy>.eyebrow{color:#8a739d;letter-spacing:.08em;font-size:12px}.build-copy h3{margin:11px 0 13px;font-size:27px;font-weight:600}.build-copy>p{color:#796d83;min-height:75px;font-size:14px;line-height:1.75}.build-copy .text-link{margin-top:15px;font-size:13px}@media (width>=801px){.build-visual.screen-crop{aspect-ratio:1.75;height:auto}.build-visual.screen-crop>img{transform-origin:0 0;transform:scale(1.53)}.build-visual.screen-crop:hover>img{transform:scale(1.56)}}@media (width<=1100px){.build-visual{height:180px}.build-copy h3{font-size:25px}.build-copy>p{min-height:100px}}@media (width<=800px){.build-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}.builds-section{padding-block:10px 65px}.build-visual{height:195px}.build-visual.screen-crop>img{transform-origin:0 0;transform:scale(1.53)}.build-copy>p{min-height:100px}}@media (width<=520px){.build-grid{grid-template-columns:1fr;gap:35px}.build-visual{height:215px}.build-visual.screen-crop>img{transform:none}.build-visual.screen-crop{aspect-ratio:1920/680;height:auto}.build-copy>p{min-height:0;font-size:15px}.build-copy h3{font-size:28px}.build-copy .text-link{font-size:14px}.builds-section{padding-bottom:55px}}.build-visual.screen-crop{aspect-ratio:auto;height:220px}.build-visual.screen-crop>img,.build-visual.screen-crop:hover>img{clip-path:inset(0 0 37.04%);width:100%;max-width:100%;height:auto;position:absolute;top:0;left:0;transform:none}@media (width<=1100px){.build-visual.screen-crop{height:180px}}@media (width<=800px){.build-visual.screen-crop{height:195px}}@media (width<=520px){.build-visual.screen-crop{height:215px}}.learning-experiences{border-top:1px solid #e4dded;margin-top:65px;padding-top:55px}.learning-heading{max-width:670px;margin-bottom:30px}.learning-heading h3{letter-spacing:-.045em;margin-top:15px;font-size:clamp(30px,4vw,42px);font-weight:600;line-height:1.15}.learning-heading>p:last-child{color:#766c7f;margin-top:18px;font-size:17px;line-height:1.7}.learning-grid{grid-template-columns:1fr 1fr;gap:26px;display:grid}.learning-card{background:#f8f5ff;border:1px solid #e2d8ef;border-radius:12px;flex-direction:column;min-width:0;padding:32px;display:flex}.learning-card>.eyebrow{font-size:12px;line-height:1.5}.learning-card h4{letter-spacing:-.045em;margin-top:15px;font-size:clamp(29px,3vw,38px);font-weight:600;line-height:1.15}.learning-card>p{color:#766c7f;margin-top:18px;font-size:16px;line-height:1.7}.learning-card>.text-link{align-self:flex-start;margin-top:auto;padding-top:25px}.icare-preview,.simulator-preview{background:#fff;border:1px solid #e7e0ef;border-radius:9px;min-height:238px;margin-top:28px;margin-bottom:5px;padding:24px}.learning-preview-label{color:#7e7289;letter-spacing:.03em;font-size:12px;font-weight:600}.icare-steps button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.icare-steps{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d4c5e6 transparent;align-items:center;gap:6px;margin-top:12px;padding:4px 3px 8px;display:flex;overflow-x:auto}.icare-steps button{width:40px;height:40px;color:var(--violet);cursor:pointer;background:#f8f5ff;border:1px solid #e0d5ec;border-radius:8px;flex-shrink:0;place-items:center;font-size:18px;font-weight:600;transition:color .2s,background-color .2s,border-color .2s;display:grid}.icare-steps button[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:#fff}.icare-step-arrow{color:#b6a5c7;flex-shrink:0;transition:color .2s}.icare-step-arrow[data-active=true]{color:var(--violet)}.icare-question{min-height:70px;margin-top:12px;display:grid}.icare-question-content{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transform:translateY(5px)}.icare-question-content[data-active=true]{opacity:1;visibility:visible;transition:opacity .2s,transform .2s;transform:translateY(0)}.icare-question strong{color:var(--violet);font-size:14px;font-weight:600}.icare-question p{color:#62536f;margin-top:5px;font-size:16px;line-height:1.5}@media (prefers-reduced-motion:reduce){.icare-steps button,.icare-step-arrow,.icare-question-content[data-active=true]{transition:none}.icare-question-content{transform:none}}.simulator-card{background:#f1f5ff;border-color:#dce4f7}.simulator-preview{border-color:#dfe5f4}.simulator-preview blockquote{color:#404fa6;letter-spacing:-.035em;margin-top:20px;font-size:clamp(21px,2.6vw,29px);line-height:1.25}.simulator-preview>p:not(.learning-preview-label){color:#625d78;margin-top:12px;font-size:16px}.practice-path{color:#6b6791;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;font-size:14px;display:flex}@media (width<=800px){.learning-card{padding:25px}.learning-grid{gap:20px}.icare-preview,.simulator-preview{min-height:260px;padding:20px}.icare-steps{gap:6px}.icare-steps button{width:35px;height:38px}}@media (width<=650px){.learning-grid{grid-template-columns:1fr}.learning-experiences{margin-top:45px;padding-top:35px}.learning-heading>p:last-child{font-size:16px}.icare-preview,.simulator-preview{min-height:235px}.icare-steps button{width:42px;height:42px}}@media (width<=360px){.learning-card{padding:20px}.icare-preview,.simulator-preview{padding:16px}.icare-steps{gap:7px}.icare-steps button{width:35px;height:38px}}.case-dialog.joie-preview-dialog[data-slot]{flex-direction:column;gap:12px;width:calc(100% - 32px);max-width:1440px;height:92svh;max-height:1100px;padding:24px;display:flex;overflow:hidden}.case-site-preview-trigger{cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:0;display:block}.joie-preview-dialog>[data-slot=dialog-title]{flex-shrink:0;padding-right:32px}.joie-preview-dialog>[data-slot=dialog-title]:focus{outline:none}.joie-preview-dialog>[data-slot=dialog-description]{flex-shrink:0;font-size:15px;line-height:1.5}.joie-preview-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px 20px;display:flex}.joie-preview-toolbar>a,.joie-preview-toolbar>button{min-height:40px;color:var(--violet);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:6px 0;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.joie-preview-toolbar>a{text-underline-offset:4px;text-decoration:underline}.joie-preview-toolbar>a:focus-visible,.joie-preview-toolbar>button:focus-visible{outline:3px solid var(--violet);outline-offset:4px}.joie-preview-frame{background:#fff;border:1px solid #ded5e9;border-radius:8px;flex:1;width:100%;min-height:0;display:block}.case-dialog>.joie-preview-note{color:#766781;flex-shrink:0;margin:0;font-size:13px;line-height:1.5}@media (width<=520px){.case-dialog.joie-preview-dialog[data-slot]{gap:10px;width:calc(100% - 16px);height:95svh;padding:18px 12px 12px}.joie-preview-dialog>[data-slot=dialog-title]{padding-left:4px;font-size:25px}.joie-preview-dialog>[data-slot=dialog-description]{padding-left:4px;font-size:14px}.joie-preview-toolbar{gap:4px 12px;padding-inline:4px}.joie-preview-toolbar>a,.joie-preview-toolbar>button{font-size:13px}.case-dialog>.joie-preview-note{padding-inline:4px;font-size:12px}}