.foundation-section{isolation:isolate;width:100%;overflow-x:clip}.foundation-section-inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:20px;max-width:1280px;margin-inline:auto;padding:0 32px;display:grid;position:relative}.foundation-section-inner:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 40%, color-mix(in oklch, var(--primary) 5%, transparent), transparent 55%), radial-gradient(ellipse at 90% 30%, color-mix(in oklch, var(--primary) 4%, transparent), transparent 60%);filter:blur(40px);position:absolute;inset:0 -40px}.foundation-copy{min-width:0;padding-bottom:8px}.foundation-copy h2{color:var(--foreground);letter-spacing:-.04em;margin:0;font-size:clamp(40px,5vw,64px);font-weight:700;line-height:1.08}.foundation-copy h2 span{color:var(--primary)}.foundation-copy p{max-width:600px;color:var(--muted-foreground);margin:23px 0 28px;font-size:17px;line-height:1.75}.foundation-cta{border:1px solid var(--primary);background:var(--primary);min-height:44px;color:var(--primary-foreground);border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:11px 17px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .16s cubic-bezier(.2,0,0,1);display:inline-flex}.foundation-cta svg{flex-shrink:0}.foundation-cta:active{transform:scale(.96)}.foundation-cta:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.foundation-artwork{isolation:isolate;min-width:0;position:relative}.foundation-artwork:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse, color-mix(in oklch, var(--primary) 13%, transparent), transparent 66%);filter:blur(30px);position:absolute;inset:10% 5%}.foundation-graphic{width:100%;height:auto;color:var(--foreground);display:block;overflow:visible}.foundation-graphic text{font-family:inherit}.foundation-graphic .foundation-layer{cursor:pointer;outline:none}.foundation-graphic .foundation-disc{pointer-events:visiblePainted;transition:transform .28s cubic-bezier(.2,0,0,1);transform:translate(0)}.foundation-graphic .foundation-layer:not([data-layer=idea])[aria-pressed=true] .foundation-disc{transform:translateY(60px)}.foundation-graphic .foundation-side{fill:color-mix(in oklch, var(--foreground) 7%, var(--background));stroke:color-mix(in oklch, var(--foreground) 25%, var(--background));stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.foundation-graphic .foundation-surface{fill:var(--background);stroke:color-mix(in oklch, var(--foreground) 28%, var(--background));stroke-width:1px;vector-effect:non-scaling-stroke}.foundation-graphic .foundation-inset{fill:none;stroke:color-mix(in oklch, var(--foreground) 7%, var(--background));stroke-width:1px;vector-effect:non-scaling-stroke}.foundation-graphic .foundation-side,.foundation-graphic .foundation-surface,.foundation-graphic .foundation-inset{transition:fill .18s,stroke .18s}.foundation-graphic .foundation-idea-label{letter-spacing:-.8px;fill:var(--foreground);font-size:32px;font-weight:650}.foundation-graphic .foundation-feature-name{letter-spacing:-.35px;fill:var(--foreground);font-size:30px;font-weight:600}.foundation-graphic .foundation-idea-chip{fill:var(--muted)}.foundation-graphic .foundation-idea-plus{stroke:var(--foreground);transition:stroke .18s}.foundation-graphic .foundation-feature-name,.foundation-graphic .foundation-idea-label,.foundation-graphic .foundation-idea-chip{transition:fill .18s}.foundation-graphic [aria-pressed=true] .foundation-surface{fill:var(--primary);stroke:var(--primary);stroke-width:1.35px}.foundation-graphic [aria-pressed=true] .foundation-feature-name,.foundation-graphic [aria-pressed=true] .foundation-idea-label,.foundation-graphic [aria-pressed=true] .foundation-idea-chip{fill:var(--primary-foreground)}.foundation-graphic [aria-pressed=true] .foundation-idea-plus{stroke:var(--primary)}.foundation-graphic .foundation-hit{fill:#0000;stroke:none;pointer-events:all}.foundation-graphic .foundation-focus{fill:none;stroke:none;pointer-events:none;vector-effect:non-scaling-stroke}.foundation-graphic .foundation-layer:focus-visible .foundation-focus{stroke:var(--foreground);stroke-width:2px;stroke-dasharray:4 4}.foundation-graphic[data-input=keyboard] .foundation-disc,.foundation-graphic[data-instant=true] *{transition:none!important}@media (hover:hover) and (pointer:fine){.foundation-cta:hover{transform:translateY(-2px)}.foundation-cta:active{transform:scale(.96)}}@media (width<=1000px){.foundation-section-inner{gap:16px}.foundation-copy h2{font-size:48px}.foundation-copy p{font-size:15px}}@media (width<=720px){.foundation-section-inner{flex-direction:column;align-items:stretch;gap:16px;min-height:0;padding:0 16px;display:flex}.foundation-section-inner:before{inset:0}.foundation-copy{max-width:470px}.foundation-copy h2{font-size:42px}.foundation-copy p{max-width:360px;margin:20px 0 24px}.foundation-artwork{margin:5px -8px 0}}@media (width<=370px){.foundation-copy h2{font-size:37px}.foundation-copy p{font-size:14px}}@media (prefers-reduced-motion:reduce){.foundation-graphic .foundation-disc,.foundation-cta{transition:none;transform:none!important}.foundation-graphic *{transition:none!important}}.foundation-section{padding-top:150px}.foundation-section-inner{grid-template-columns:min(660px,50%) minmax(0,1fr);gap:48px;max-width:1680px;padding:0 56px}.foundation-section-inner:before,.foundation-artwork:before{display:none}.foundation-copy h2{letter-spacing:-.06em;text-wrap:balance;font-size:clamp(3rem,7vw,7.5rem);font-weight:600;line-height:.94}.foundation-copy p{letter-spacing:-.015em;max-width:600px;margin:30px 0 36px;font-size:clamp(20px,1.6vw,25px);line-height:1.45}.foundation-cta{background:var(--foreground);min-height:56px;color:var(--background);border:0;border-radius:999px;gap:10px;padding:0 26px;font-size:16px;font-weight:600;transition:transform .16s cubic-bezier(.2,0,0,1),gap .16s}.foundation-cta:hover{gap:14px}.foundation-artwork{justify-self:center;width:100%;max-width:720px}.foundation-graphic .foundation-layer[aria-pressed=false] .foundation-inset{display:none}.foundation-graphic .foundation-layer[aria-pressed=false] .foundation-surface{fill:var(--card);stroke:color-mix(in oklch, var(--foreground) 11%, var(--background))}.foundation-graphic .foundation-layer[aria-pressed=false] .foundation-side{fill:color-mix(in oklch, var(--foreground) 4%, var(--background));stroke:color-mix(in oklch, var(--foreground) 10%, var(--background))}.foundation-graphic [aria-pressed=true] .foundation-side{fill:color-mix(in oklch, var(--primary) 88%, var(--foreground));stroke:color-mix(in oklch, var(--primary) 88%, var(--foreground))}.foundation-graphic [aria-pressed=true] .foundation-inset{stroke:oklch(100% 0 0/.22)}@media (width<=1080px){.foundation-section{padding-top:80px}.foundation-section-inner{grid-template-columns:minmax(0,1fr);padding:0 18px}}
