@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--spacing:.25rem;--container-3xl:48rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"DM Sans","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--default-mono-font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-full{height:100%}.min-h-\[320px\]{min-height:320px}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-11{width:calc(var(--spacing)*11)}.w-auto{width:auto}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.list-none{list-style-type:none}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\(--card-border\){border-color:var(--card-border)}.bg-\(--card-bg\){background-color:var(--card-bg)}.bg-\(--icon-bg-purple\){background-color:var(--icon-bg-purple)}.bg-background,.bg-background\/82{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/82{background-color:color-mix(in oklab,var(--background)82%,transparent)}}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pl-0{padding-left:calc(var(--spacing)*0)}.text-center{text-align:center}.text-left{text-align:left}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\(--color-blue\){color:var(--color-blue)}.text-\(--color-purple\){color:var(--color-purple)}.text-\(--text-muted\){color:var(--text-muted)}.text-foreground{color:var(--foreground)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.first\:mt-0:first-child{margin-top:calc(var(--spacing)*0)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-\(--color-purple\):hover{border-color:var(--color-purple)}.hover\:bg-\(--icon-bg-purple\):hover{background-color:var(--icon-bg-purple)}.hover\:text-\(--color-pink\):hover{color:var(--color-pink)}.hover\:text-\(--color-purple\):hover{color:var(--color-purple)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:py-14{padding-block:calc(var(--spacing)*14)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}}:root{--background:#fbfaf6;--foreground:#202234;--card-bg:#fff;--card-border:#e4e2da;--text-muted:#626878;--color-blue:#2f6fc8;--color-green:#1b8f71;--color-purple:#5f4bd8;--color-orange:#c47b22;--color-pink:#c451a6;--icon-bg-blue:#e7f0ff;--icon-bg-green:#e2f6ee;--icon-bg-purple:#ece9ff;--icon-bg-orange:#fff0d8;--surface-warm:#f3f0e8;--shadow-soft:0 22px 70px #38305c1f}@media (prefers-color-scheme:dark){:root{--background:#11131c;--foreground:#f6f3ea;--card-bg:#191c29;--card-border:#2c3041;--text-muted:#a8adbb;--color-blue:#78a8ff;--color-green:#5bd5ae;--color-purple:#a99bff;--color-orange:#f0b258;--color-pink:#f18bca;--icon-bg-blue:#1b2b47;--icon-bg-green:#12392f;--icon-bg-purple:#29224d;--icon-bg-orange:#3d2b12;--surface-warm:#181b25;--shadow-soft:0 22px 70px #0000005c}}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}h1,h2,h3,h4{letter-spacing:0;font-family:Outfit,DM Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brand-mark{border-radius:.625rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;overflow:hidden;box-shadow:0 10px 24px #5f4bd82e}.header-link{color:var(--text-muted);font-size:.92rem;font-weight:700;transition:color .2s}.header-link:hover{color:var(--color-purple)}.hero-shell{padding:7rem 1rem 4rem;position:relative;overflow:hidden}.legal-shell{padding:1rem 0 4rem;position:relative;overflow:hidden}.hero-ambient{pointer-events:none;position:absolute;inset:0}.hero-grid{background-image:linear-gradient(to right,var(--card-border)1px,transparent 1px),linear-gradient(to bottom,var(--card-border)1px,transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.hero-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--card-border)55%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--card-border)55%,transparent)1px,transparent 1px)}}.hero-grid{opacity:.42;background-size:42px 42px;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18% 78%,#0000)}.hero-content{z-index:1;gap:3rem;max-width:80rem;margin:0 auto;display:grid;position:relative}.hero-copy{text-align:center;max-width:48rem;margin:0 auto}.hero-copy h1{color:var(--foreground);font-size:clamp(3rem,8vw,6.5rem);font-weight:800;line-height:.98}.hero-subtitle{color:var(--color-purple);margin-top:1.1rem;font-size:clamp(1.35rem,3vw,2.35rem);font-weight:800;line-height:1.15}.hero-description{max-width:42rem;color:var(--text-muted);white-space:pre-line;margin:1.25rem auto 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.primary-btn,.secondary-btn{border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:.75rem 1.1rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex}.primary-btn{background:linear-gradient(135deg,var(--color-purple),var(--color-pink));color:#fff;box-shadow:0 16px 36px var(--color-purple)}@supports (color:color-mix(in lab, red, red)){.primary-btn{box-shadow:0 16px 36px color-mix(in srgb,var(--color-purple)24%,transparent)}}.secondary-btn{border:1px solid var(--card-border);background:var(--card-bg)}@supports (color:color-mix(in lab, red, red)){.secondary-btn{background:color-mix(in srgb,var(--card-bg)76%,transparent)}}.secondary-btn{color:var(--foreground)}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px)}.marketing-section{padding:5.5rem 0;position:relative}.skills-section{background:linear-gradient(180deg,var(--surface-warm),transparent 76%),var(--background)}@supports (color:color-mix(in lab, red, red)){.skills-section{background:linear-gradient(180deg,color-mix(in srgb,var(--surface-warm)72%,transparent),transparent 76%),var(--background)}}.import-section{background:var(--card-bg)}@supports (color:color-mix(in lab, red, red)){.import-section{background:color-mix(in srgb,var(--card-bg)60%,transparent)}}.tools-section{background:linear-gradient(180deg,transparent,var(--surface-warm))}@supports (color:color-mix(in lab, red, red)){.tools-section{background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--surface-warm)60%,transparent))}}.section-heading{text-align:center;max-width:56rem;margin:0 auto}.section-eyebrow{border:1px solid var(--color-purple);justify-content:center;align-items:center;max-width:100%;padding:.72rem 1.35rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.section-eyebrow{border:1px solid color-mix(in srgb,var(--color-purple)28%,var(--card-border))}}.section-eyebrow{background:linear-gradient(180deg,var(--icon-bg-purple),var(--icon-bg-purple)),var(--card-bg);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.section-eyebrow{background:linear-gradient(180deg,color-mix(in srgb,var(--icon-bg-purple)92%,transparent),color-mix(in srgb,var(--icon-bg-purple)66%,transparent)),color-mix(in srgb,var(--card-bg)82%,transparent)}}.section-eyebrow{color:var(--color-purple);letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff4d,0 18px 52px var(--color-purple);font-size:clamp(2rem,4vw,3.6rem);font-weight:900;line-height:1.08}@supports (color:color-mix(in lab, red, red)){.section-eyebrow{box-shadow:inset 0 1px 0 #ffffff4d,0 18px 52px color-mix(in srgb,var(--color-purple)14%,transparent)}}.section-title{color:var(--foreground);margin-top:1.15rem;font-size:clamp(1.55rem,3.2vw,2.25rem);font-weight:900;line-height:1.15}.section-description{color:var(--text-muted);margin-top:1rem;font-size:1.08rem;line-height:1.75}.feature-card{--tone-color:var(--color-blue);--tone-bg:var(--icon-bg-blue);border:1px solid var(--tone-color);min-height:100%;padding:1.35rem;position:relative}@supports (color:color-mix(in lab, red, red)){.feature-card{border:1px solid color-mix(in srgb,var(--tone-color)18%,var(--card-border))}}.feature-card{background:var(--card-bg);border-radius:.5rem}@supports (color:color-mix(in lab, red, red)){.feature-card{background:color-mix(in srgb,var(--card-bg)84%,transparent)}}.feature-card{box-shadow:0 14px 40px var(--tone-color)}@supports (color:color-mix(in lab, red, red)){.feature-card{box-shadow:0 14px 40px color-mix(in srgb,var(--tone-color)7%,transparent)}}.feature-card{transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{border-color:var(--tone-color);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.feature-card:hover{border-color:color-mix(in srgb,var(--tone-color)42%,var(--card-border))}}.feature-card:hover{box-shadow:0 20px 54px var(--tone-color)}@supports (color:color-mix(in lab, red, red)){.feature-card:hover{box-shadow:0 20px 54px color-mix(in srgb,var(--tone-color)12%,transparent)}}.feature-card>h3{color:var(--foreground);margin-top:1rem;font-size:1.32rem;font-weight:800;line-height:1.2}.feature-card p{color:var(--text-muted);margin-top:.75rem;font-size:1rem;line-height:1.68}.feature-card-tall{padding:1.5rem}.compact-card p{font-size:.95rem}.tone-blue,.feature-card.blue{--tone-color:var(--color-blue);--tone-bg:var(--icon-bg-blue)}.tone-green,.feature-card.green{--tone-color:var(--color-green);--tone-bg:var(--icon-bg-green)}.tone-purple,.feature-card.purple{--tone-color:var(--color-purple);--tone-bg:var(--icon-bg-purple)}.tone-orange,.feature-card.orange{--tone-color:var(--color-orange);--tone-bg:var(--icon-bg-orange)}.card-icon,.icon-badge{background:var(--tone-bg);width:3rem;height:3rem;color:var(--tone-color);border-radius:.5rem;justify-content:center;align-items:center;display:flex}.icon-badge{margin-bottom:1rem}.card-title-pill{border:1px solid var(--tone-color);align-items:center;gap:.75rem;width:fit-content;max-width:100%;min-height:3rem;padding:.62rem 1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.card-title-pill{border:1px solid color-mix(in srgb,var(--tone-color)16%,transparent)}}.card-title-pill{background:linear-gradient(180deg,var(--tone-bg),var(--tone-bg)),var(--card-bg);border-radius:1.5rem}@supports (color:color-mix(in lab, red, red)){.card-title-pill{background:linear-gradient(180deg,color-mix(in srgb,var(--tone-bg)92%,transparent),color-mix(in srgb,var(--tone-bg)74%,transparent)),color-mix(in srgb,var(--card-bg)76%,transparent)}}.card-title-pill{color:var(--foreground);box-shadow:inset 0 1px 0 #ffffff57,0 12px 28px var(--tone-color)}@supports (color:color-mix(in lab, red, red)){.card-title-pill{box-shadow:inset 0 1px 0 #ffffff57,0 12px 28px color-mix(in srgb,var(--tone-color)10%,transparent)}}.card-title-pill svg{color:var(--tone-color);flex:none}.card-title-pill h3,.extension-copy .card-title-pill h3{min-width:0;color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:clamp(1.12rem,2vw,1.5rem);font-weight:850;line-height:1.15}.icon-blue{color:var(--color-blue)}.icon-green{color:var(--color-green)}.icon-purple{color:var(--color-purple)}.icon-orange{color:var(--color-orange)}.skill-flow{border:1px solid var(--card-border);background:var(--card-bg);border-radius:.5rem;margin-top:1.25rem;padding:1.4rem}@supports (color:color-mix(in lab, red, red)){.skill-flow{background:color-mix(in srgb,var(--card-bg)78%,transparent)}}.skill-flow-grid{gap:.75rem;display:grid}.skill-flow-grid span,.extension-panel li{color:var(--foreground);align-items:center;gap:.55rem;font-weight:700;line-height:1.45;display:flex}.skill-flow-grid svg,.extension-panel li svg{color:var(--color-green);flex-shrink:0}.feature-point-list{gap:.95rem;margin-top:1.25rem;display:grid}.feature-point{align-items:flex-start;gap:.7rem;display:flex}.feature-point svg{color:var(--tone-color);flex-shrink:0;margin-top:.2rem}.feature-point strong{color:var(--foreground);font-size:.98rem;display:block}.feature-point p{margin-top:.28rem;font-size:.93rem}.extension-panel{--tone-color:var(--color-purple);--tone-bg:var(--icon-bg-purple);border:1px solid var(--color-purple);gap:1.5rem;padding:1.5rem;display:grid}@supports (color:color-mix(in lab, red, red)){.extension-panel{border:1px solid color-mix(in srgb,var(--color-purple)18%,var(--card-border))}}.extension-panel{background:linear-gradient(135deg,var(--icon-bg-purple),transparent 58%),var(--card-bg);border-radius:.5rem}@supports (color:color-mix(in lab, red, red)){.extension-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--icon-bg-purple)45%,transparent),transparent 58%),color-mix(in srgb,var(--card-bg)84%,transparent)}}.extension-panel{box-shadow:var(--shadow-soft)}.mac-tool-card{--tone-color:var(--color-green);--tone-bg:var(--icon-bg-green);border-color:var(--color-green)}@supports (color:color-mix(in lab, red, red)){.mac-tool-card{border-color:color-mix(in srgb,var(--color-green)22%,var(--card-border))}}.mac-tool-card{background:linear-gradient(135deg,var(--icon-bg-green),transparent 58%),var(--card-bg)}@supports (color:color-mix(in lab, red, red)){.mac-tool-card{background:linear-gradient(135deg,color-mix(in srgb,var(--icon-bg-green)48%,transparent),transparent 58%),color-mix(in srgb,var(--card-bg)84%,transparent)}}.extension-copy>h3{margin-top:1rem;font-size:1.65rem;font-weight:800}.extension-copy p{color:var(--text-muted);margin-top:.8rem;font-size:1.05rem;line-height:1.75}.extension-copy ul{gap:.7rem;margin-top:1.25rem;display:grid}.extension-actions{color:var(--text-muted);align-content:start;gap:.65rem;font-size:.88rem;font-weight:700;display:grid}.mac-store-badge-link{width:fit-content;margin-top:1.35rem;transition:transform .2s,opacity .2s;display:inline-flex}.mac-store-badge-link:hover{opacity:.86;transform:translateY(-2px)}.store-badge-link{background:var(--card-bg);border-radius:.5rem;width:fit-content;padding:.15rem;transition:transform .2s,opacity .2s;display:inline-flex}.store-badge-link:hover{opacity:.86;transform:translateY(-2px)}@media (min-width:768px){.hero-shell{padding-top:8.5rem;padding-bottom:5.5rem}.legal-shell{padding-top:3rem;padding-bottom:5.5rem}.skill-flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.theme-tool-panel{background:var(--card-bg)}@supports (color:color-mix(in lab, red, red)){.theme-tool-panel{background:color-mix(in srgb,var(--card-bg)92%,transparent)}}.theme-tool-panel{border:1px solid var(--card-border)}@supports (color:color-mix(in lab, red, red)){.theme-tool-panel{border:1px solid color-mix(in srgb,var(--card-border)88%,transparent)}}.theme-tool-panel{border-radius:1rem;padding:1rem}.theme-field{gap:.5rem;display:grid}.theme-field-label{color:var(--foreground);font-size:.875rem;font-weight:600}.theme-input,.theme-textarea{background:var(--background);width:100%}@supports (color:color-mix(in lab, red, red)){.theme-input,.theme-textarea{background:color-mix(in srgb,var(--background)82%,var(--card-bg))}}.theme-input,.theme-textarea{color:var(--foreground);border:1px solid var(--card-border);border-radius:.875rem;padding:.875rem 1rem;transition:border-color .2s,box-shadow .2s}.theme-input:focus,.theme-textarea:focus{border-color:var(--color-purple);box-shadow:0 0 0 3px var(--color-purple);outline:none}@supports (color:color-mix(in lab, red, red)){.theme-input:focus,.theme-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-purple)18%,transparent)}}.theme-textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.94rem;line-height:1.6}.theme-secondary-btn{border:1px solid var(--card-border);background:var(--card-bg);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.theme-secondary-btn{background:color-mix(in srgb,var(--card-bg)84%,transparent)}}.theme-secondary-btn{color:var(--foreground);font-weight:600;transition:transform .2s,border-color .2s,background .2s}.theme-secondary-btn:hover{border-color:var(--color-purple);background:var(--icon-bg-purple);transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.theme-secondary-btn:hover{background:color-mix(in srgb,var(--icon-bg-purple)58%,var(--card-bg))}}.theme-chip{background:var(--icon-bg-purple);border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .7rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.theme-chip{background:color-mix(in srgb,var(--icon-bg-purple)65%,transparent)}}.theme-chip{color:var(--foreground);font-size:.875rem;line-height:1.2}.theme-status{background:var(--icon-bg-blue);border-radius:.9rem;align-items:flex-start;gap:.625rem;margin-top:1.25rem;padding:.875rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.theme-status{background:color-mix(in srgb,var(--icon-bg-blue)44%,transparent)}}.theme-status{color:var(--foreground);font-size:.95rem;line-height:1.6}.theme-status.success{background:var(--icon-bg-green)}@supports (color:color-mix(in lab, red, red)){.theme-status.success{background:color-mix(in srgb,var(--icon-bg-green)52%,transparent)}}.theme-status.error{background:#ffb4b447}.theme-swatch-card{gap:.5rem;display:grid}.theme-swatch{border:1px solid var(--card-border);border-radius:.875rem;width:100%;height:2.5rem;display:block}@supports (color:color-mix(in lab, red, red)){.theme-swatch{border:1px solid color-mix(in srgb,var(--card-border)88%,transparent)}}.theme-swatch-label{color:var(--text-muted);font-size:.8rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}