/* The homepage owns the palette, navigation, typeface and shared buttons. */
.inact-landing{color:var(--primary-color)}
.inact-landing .page-width{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.inact-landing header{min-height:0;display:block;padding-top:76px}
.inact-landing main{max-width:none;padding:0}
.inact-landing .role-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-block:80px}
.inact-landing h1{font-size:clamp(2.8rem,4.6vw,4.15rem);line-height:1.05;letter-spacing:-.055em;margin:18px 0 24px;font-weight:700}
.inact-landing .role-lede{font-size:1.15rem;line-height:1.65;max-width:43ch}
.inact-landing .role-description{color:var(--muted);font-size:1rem;line-height:1.8;margin-top:16px;max-width:47ch}
.inact-landing .company-visual{margin:0}
.inact-landing .company-visual img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:var(--shadow)}
.inact-landing figcaption{font-size:.8rem;color:var(--muted);line-height:1.75;margin-top:18px;max-width:48ch}
.inact-landing .role-section{padding:70px 0 60px;scroll-margin-top:80px}
.inact-landing .platform-section{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;padding-block:56px;border-bottom:1px solid var(--line)}
.inact-landing .platform-section h2{font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.25;letter-spacing:-.035em;margin-top:12px}
.inact-landing .platform-copy{color:var(--muted);font-size:.95rem;line-height:1.85}
.inact-landing .platform-copy p+p{margin-top:14px}
@media(max-width:768px){.inact-landing .platform-section{grid-template-columns:1fr;gap:20px;padding-block:36px}}
.inact-landing .section-heading{margin:0 0 36px}
.inact-landing .section-heading h2{max-width:none;font-size:clamp(1.9rem,3.3vw,2.7rem)}
.inact-landing .responsibilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.inact-landing .responsibility-number{display:block;font-size:.8rem;font-weight:600;color:var(--secondary-color);margin-bottom:12px}
.inact-landing .responsibilities h3{font-size:1.15rem;letter-spacing:-.025em;margin-bottom:10px}
.inact-landing .responsibilities p{font-size:.95rem;color:var(--muted);line-height:1.85}
.inact-landing .role-scope{margin-top:32px;padding-top:23px;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.inact-landing .examples-section{padding:48px 0;background:var(--tertiary-color)}
.inact-landing .examples-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}
.inact-landing .examples-heading h2{font-size:1.6rem;line-height:1.3;letter-spacing:-.035em;margin-top:9px}
.inact-landing .examples-heading>p{font-size:.85rem;color:var(--muted)}
.inact-landing .example-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.inact-landing .example-card{display:flex;align-items:flex-start;gap:22px;padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px rgba(36,50,71,.04);transition:transform .2s,box-shadow .2s;color:var(--primary-color)}
.inact-landing .example-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.inact-landing .example-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:var(--tertiary-color);color:var(--secondary-color);font-size:28px;line-height:1}
.inact-landing .example-type{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.inact-landing .example-card h3{font-size:1.3rem;letter-spacing:-.025em;margin:5px 0 9px}
.inact-landing .example-card p{font-size:.88rem;color:var(--muted);line-height:1.75}
.inact-landing .case-study-link{display:block;font-size:.83rem;margin-top:17px}
.inact-landing .back-to-work{display:flex;justify-content:space-between;gap:25px;padding-block:36px;font-size:.85rem;font-weight:500}
.inact-landing a:focus-visible,.inact-landing button:focus-visible{outline:3px solid var(--secondary-color);outline-offset:5px}
@media(max-width:900px){.inact-landing .role-hero{gap:35px}.inact-landing .responsibilities{gap:25px}.inact-landing .example-card{padding:23px;gap:16px}.inact-landing .examples-heading{display:block}.inact-landing .examples-heading>p{margin-top:10px}}
@media(max-width:768px){.inact-landing .page-width{width:calc(100% - 40px)}.inact-landing header{padding-top:64px}.inact-landing .role-hero{grid-template-columns:1fr;gap:35px;padding-block:45px}.inact-landing h1{font-size:clamp(2.6rem,8vw,3.7rem);margin-top:14px}.inact-landing .role-lede{font-size:1.05rem}.inact-landing .role-description{font-size:.95rem}.inact-landing .company-visual{max-width:520px}.inact-landing .role-section{padding-block:48px}.inact-landing .responsibilities{grid-template-columns:1fr;gap:25px}.inact-landing .responsibilities article{padding-bottom:22px;border-bottom:1px solid var(--line)}.inact-landing .responsibility-number{margin-bottom:5px}.inact-landing .role-scope{margin-top:24px;padding-top:0;border:0}.inact-landing .example-cards{grid-template-columns:1fr;gap:16px}.inact-landing .examples-section{padding-block:36px}.inact-landing .back-to-work{flex-direction:column;gap:16px;padding-block:28px}.inact-landing .section-heading h2 br{display:none}}

.inact-landing .example-icon img{display:block;width:100%;height:100%;object-fit:contain}

/* Expand the selected example in the page; retain the homepage card treatment. */
.inact-landing .examples-heading{margin-bottom:16px}
.inact-landing .examples-intro{max-width:760px;margin-bottom:28px;color:var(--muted);font-size:.95rem;line-height:1.85}
.inact-landing .examples-intro p+p{margin-top:12px}
.inact-landing details.example-card{display:block;padding:0;align-self:start;min-width:0}
.inact-landing details.example-card:hover{transform:none}
.inact-landing .example-card summary{display:flex;align-items:flex-start;gap:22px;padding:27px;cursor:pointer;list-style:none;border-radius:18px}
.inact-landing .example-card summary::-webkit-details-marker{display:none}
.inact-landing .example-card summary:focus-visible{outline:3px solid var(--secondary-color);outline-offset:4px}
.inact-landing .example-summary{display:block}
.inact-landing .example-title{display:block;font-size:1.3rem;font-weight:700;letter-spacing:-.025em;margin:5px 0 9px}
.inact-landing .example-description{display:block;font-size:.88rem;color:var(--muted);line-height:1.75}
.inact-landing .example-card .when-open{display:none}
.inact-landing .example-card[open]{grid-column:1/-1}
.inact-landing .example-card[open] .when-open{display:inline}
.inact-landing .example-card[open] .when-closed{display:none}
.inact-landing .example-content{border-top:1px solid var(--line);border-radius:0 0 18px 18px;overflow:hidden}
.inact-landing .example-content iframe{display:block;width:100%;height:700px;border:0;background:#fcfcfa}
@media(max-width:768px){.inact-landing .example-card summary{padding:23px;gap:16px}.inact-landing .examples-intro{font-size:.9rem}}

/* A compact close control stays in reach during the single page scroll. */
.inact-landing .example-card{scroll-margin-top:90px}
.inact-landing .example-toolbar{position:sticky;top:76px;z-index:20;display:flex;justify-content:flex-end;padding:10px 24px;background:var(--surface);border-block:1px solid var(--line)}
.inact-landing .close-example{font:inherit;font-size:.85rem;font-weight:600;color:var(--secondary-color);background:var(--tertiary-color);border:1px solid var(--line);border-radius:8px;padding:10px 16px;cursor:pointer}
.inact-landing .example-content{border-top:0}
@media(max-width:768px){.inact-landing .example-toolbar{top:64px;padding:10px 16px}}