@layer components{.hero{background:var(--sky);isolation:isolate;min-height:clamp(680px,84svh,780px);position:relative;overflow:hidden}.product-header--hero{z-index:3;background:0 0;border-bottom-color:#0000;position:relative}.product-header--hero nav a{color:var(--hero-nav-ink)}.product-header--hero nav a:hover{background:var(--hero-nav-hover);color:var(--ink)}.product-header--hero .theme-control{color:var(--hero-nav-ink)}.hero-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.hero-art:before{content:"";z-index:1;background:linear-gradient(90deg, var(--hero-wash) 0%, color-mix(in oklch, var(--hero-wash) 97%, transparent) 26%, transparent 58%);position:absolute;inset:0}.hero-art:after{content:"";z-index:1;mix-blend-mode:screen;opacity:.78;background:radial-gradient(circle at 72% 72%,oklch(88% .13 210/.48),#0000 34%);position:absolute;inset:0}.hero-art__poster{z-index:0;position:absolute;inset:0}.hero-art__poster picture{width:100%;height:100%;display:block}.hero-art__poster-image,.hero-art__video{object-fit:cover;object-position:32% center;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-art__poster-image{z-index:0}.hero-art__video{z-index:1;opacity:0;transition:opacity .2s var(--ease-out)}.hero-art__video--ready{opacity:1}.hero-copy{z-index:2;width:min(100% - var(--page-gutter), var(--content-max));margin-inline:auto;padding-top:clamp(84px,12vh,128px);padding-bottom:88px;position:relative}.hero-copy h1{max-width:15ch;font-size:var(--text-display)}.hero-copy h1 em{width:max-content;max-width:100%;color:color-mix(in oklch, var(--cyan-deep) 22%, var(--cyan));font-size:inherit;letter-spacing:-.03em;text-shadow:0 .04em .12em color-mix(in oklch, var(--cyan) 30%, transparent);white-space:nowrap;margin-top:.1em;line-height:1.02;display:block}.intro{max-width:400px;color:var(--muted);font-size:var(--text-body);text-wrap:balance;margin-top:28px;line-height:1.62}.home-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.home-actions .button{min-width:164px}.home-actions .button:not(.button--primary){box-shadow:0 6px 20px color-mix(in oklch, var(--ink) 16%, transparent);border-color:#0000}.home-actions .button:not(.button--primary):hover{box-shadow:0 8px 24px color-mix(in oklch, var(--ink) 22%, transparent);border-color:#0000}.hero-scroll-hint{z-index:2;width:var(--button-height);min-height:var(--button-height);margin:var(--space-xs) auto calc(-1 * var(--space-lg));color:var(--muted);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.hero-scroll-hint__icon{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;animation:hero-scroll-nudge 1.8s var(--ease-out) .7s 3;transition:transform .18s var(--ease-out);overflow:visible}.hero-scroll-hint:hover .hero-scroll-hint__icon{transform:translateY(3px)}@keyframes hero-scroll-nudge{0%,30%,to{opacity:1;transform:translateY(0)}55%{opacity:.42;transform:translateY(5px)}}.tool-preview,.home-catalogue,.home-guides{width:min(100% - var(--page-gutter), var(--content-max));margin-inline:auto}.tool-preview{padding-block:clamp(var(--space-2xl), 5vw, var(--space-3xl)) 0;scroll-margin-top:var(--space-md);background:var(--bg)}.tool-intro{align-items:flex-start;gap:clamp(var(--space-lg), 4vw, var(--space-2xl));display:flex}.tool-intro h2{max-width:800px;font-size:var(--text-title);font-weight:var(--weight-strong);letter-spacing:-.03em;text-wrap:balance;flex:0 800px;line-height:1.04}.tool-list{gap:var(--space-md);margin-top:clamp(var(--space-xl), 4vw, var(--space-2xl));grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tool-list article{grid-template-columns:var(--space-2xl) minmax(0, 1fr);column-gap:var(--space-sm);min-width:0;padding-block:0;display:grid}.tool-symbol{width:var(--space-2xl);height:var(--space-2xl);place-items:center;display:inline-grid}.tool-symbol .sprite-icon{width:100%;height:100%}.tool-list article div{grid-template-rows:auto 1fr auto;gap:10px;min-width:0;display:grid}.tool-list h3{font-size:var(--text-subheading);font-weight:var(--weight-strong);letter-spacing:-.015em;line-height:1.25}.tool-list p{color:var(--muted);text-wrap:pretty}.tool-list .text-link{place-self:end start}.home-guides{margin-top:var(--space-3xl);border-top:1px solid var(--line);padding-top:var(--space-xl)}.home-guides__heading{justify-content:space-between;align-items:baseline;gap:var(--space-xl);display:flex}.home-guides__heading h2{max-width:22ch;margin-top:var(--space-2xs);font-size:var(--text-title);letter-spacing:-.035em;text-wrap:balance;line-height:1.02}.home-guides__list{gap:clamp(var(--space-lg), 2.5vw, var(--space-2xl));margin-top:var(--space-lg);padding-bottom:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.home-catalogue{align-items:center;gap:var(--space-xl);border-top:1px solid var(--line);padding-block:var(--space-lg);display:flex}.home-catalogue__summary{gap:var(--space-2xs);color:var(--muted);font-size:var(--text-small);flex:none;line-height:1.25;display:grid}.home-catalogue__summary strong{color:var(--ink);font-size:var(--text-body);font-weight:var(--weight-medium)}.home-catalogue__links{justify-content:flex-end;gap:var(--space-xs) var(--space-lg);flex-wrap:wrap;flex:1;padding:0;list-style:none;display:flex}.home-catalogue__links a{color:var(--muted);font-size:var(--text-body);font-weight:var(--weight-medium);text-underline-offset:3px;text-decoration:none}.home-catalogue__links a:hover{color:var(--cyan-deep);text-decoration:underline}.home-catalogue__links .text-link{color:var(--cyan-deep)}}@layer responsive{@media (width>=1600px){.hero{min-height:clamp(780px,84svh,940px)}}@media (width<=1100px){.tool-list{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hero{min-height:auto}.hero-art:before{background:linear-gradient(90deg, var(--hero-wash) 0%, color-mix(in oklch, var(--hero-wash) 94%, transparent) 42%, transparent 82%)}.hero-art__poster-image,.hero-art__video{object-position:26% center}.hero-art__poster-image,.hero-art__video--ready{opacity:.72}.hero-copy{padding-top:84px;padding-bottom:96px}.intro{max-width:420px}.home-guides__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.hero{background:linear-gradient(180deg, var(--hero-wash) 0%, color-mix(in oklch, var(--hero-wash) 90%, var(--sky)) 64%, var(--sky) 100%);min-height:max(720px,100svh);display:block}.product-header--hero nav a{color:color-mix(in oklch, var(--hero-nav-ink) 72%, var(--ink))}.hero-copy{width:auto;margin-left:max(18px, env(safe-area-inset-left));margin-right:max(18px, env(safe-area-inset-right));padding-top:clamp(48px,12vw,66px);padding-bottom:30px}.intro{font-size:var(--text-body);margin-top:22px;line-height:1.52}.home-actions{margin-top:25px}.hero-art{z-index:-1;width:auto;height:auto;position:absolute;inset:0}.hero-art:before{z-index:2;background:linear-gradient(180deg, var(--hero-wash) 0%, color-mix(in oklch, var(--hero-wash) 94%, transparent) 58%, transparent 72%)}.hero-copy h1 em{color:color-mix(in oklch, var(--cyan-deep) 86%, var(--ink))}.hero-copy .intro{color:color-mix(in oklch, var(--muted) 68%, var(--ink))}.hero-art__poster{aspect-ratio:12/7;inset:auto 0 0}.hero-art__poster-image,.hero-art__video{aspect-ratio:12/7;object-position:center bottom;width:100%;max-width:none;height:auto;margin-left:0;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000 0%,#0000000d 7%,#0000002e 14%,#0000006b 21%,#000000b3 27%,#000000e6 31%,#000 35%);mask-image:linear-gradient(#0000 0%,#0000000d 7%,#0000002e 14%,#0000006b 21%,#000000b3 27%,#000000e6 31%,#000 35%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-art__poster-image,.hero-art__video--ready{opacity:1}.tool-preview,.home-catalogue,.home-guides{width:auto;margin-left:max(18px, env(safe-area-inset-left));margin-right:max(18px, env(safe-area-inset-right))}.tool-preview{padding-top:var(--space-2xl)}.tool-intro{gap:var(--space-lg);display:grid}.tool-intro h2{max-width:18ch;line-height:1.05}.tool-list{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:minmax(0,1fr)}.tool-list article{column-gap:var(--space-sm);grid-template-columns:40px minmax(0,1fr)}.tool-symbol{width:40px;height:40px}.tool-list article div{gap:8px}.tool-list p{font-size:var(--text-body);line-height:1.45}.home-guides{margin-top:var(--space-2xl);padding-top:var(--space-lg)}.home-guides__heading{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.home-guides__list{margin-top:var(--space-md);grid-template-columns:minmax(0,1fr)}.home-catalogue{align-items:flex-start;gap:var(--space-md);flex-direction:column}.home-catalogue__summary{align-items:baseline;gap:var(--space-sm);display:flex}.home-catalogue__links{justify-content:flex-start;gap:var(--space-sm) var(--space-lg)}.home-actions .button{flex:0 auto}}@media (width>=641px) and (width<=900px) and (height<=500px){.hero-copy{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);column-gap:34px;padding-top:40px;padding-bottom:46px;display:grid}.intro{font-size:var(--text-body);grid-area:1/2;align-self:start;margin-top:0;line-height:1.45}}}