/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--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-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-800:oklch(44.8% .119 151.328);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-100:#f3ede6;--color-gray-200:#e8e2db;--color-gray-300:#d4cfc9;--color-gray-400:#a09a93;--color-gray-500:#7a756f;--color-gray-700:#453f3d;--color-gray-950:#191818;--color-black:#191818;--color-white:#fff;--spacing:.25rem;--container-sm:720px;--container-md:960px;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--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-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-semibold:600;--leading-relaxed:1.625;--radius-sm:8px;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Sora",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--color-primary:#ff3c00;--color-primary-dark:#c42d00;--color-primary-hover:#ff5722;--color-coral:#ffb199;--color-cyan:#49ccf9;--color-magenta:#7b68ee;--color-lime:#22c55e;--radius-default:12px;--radius-card:16px;--radius-pill:9999px;--radius-input:8px;--shadow-brutal-sm:0 1px 2px #312e2e0a;--shadow-brutal:0 2px 8px #312e2e0d,0 1px 2px #312e2e08;--shadow-brutal-lg:0 8px 24px #312e2e12,0 2px 6px #312e2e08;--shadow-brutal-xl:0 16px 40px #312e2e1a,0 4px 12px #312e2e0a;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--container-default:1200px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;text-rendering:optimizeLegibility;font-size:16px;line-height:1.6}body,html{font-family:var(--font-body);color:var(--text-primary);background-color:var(--surface-page)}body{min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-weight:700;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:clamp(1.1rem,2vw,1.35rem)}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}a:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}img,svg,video{max-width:100%;display:block}b,strong{font-weight:600}ol,ul{list-style:none}::selection{background-color:var(--color-primary);color:var(--color-white)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--surface-muted)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}}@layer components{.container{max-width:var(--container-default)}.container,.container-sm{width:100%;margin-inline:auto;padding-inline:1.5rem}.container-sm{max-width:var(--container-sm)}.container-md{width:100%;max-width:var(--container-md);margin-inline:auto;padding-inline:1.5rem}.section{padding-block:4rem}.section-alt{background-color:var(--surface-muted);padding-block:5rem}.section-dark{background-color:var(--surface-strong);padding-block:5rem}.section-dark,.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark p{color:var(--text-on-strong)}.section-dark .text-muted,.section-dark p{color:var(--color-gray-400)}.section-no-pb{padding-bottom:0}.section-featured{background:linear-gradient(135deg,#ff3c0008,#ffb1990a);padding-block:5rem}.section-projects{background:linear-gradient(180deg,var(--surface-page)0,var(--surface-muted)100%);padding-block:5rem}.section-tools{background-color:var(--surface-muted)}.section-faq,.section-tools{padding-block:5rem}.grid,.grid-2{gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2x2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.nav{z-index:50;-webkit-backdrop-filter:blur(12px)saturate(1.2);transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);background-color:#faf6f1bf;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.nav-scrolled{border-bottom-color:var(--border-muted);box-shadow:var(--shadow-sm)}html[data-theme=dark] .nav{background-color:#191818cc}html[data-theme=dark] .nav-scrolled{border-bottom-color:var(--border-subtle)}.nav-content{height:3.5rem;max-width:var(--container-default);justify-content:space-between;align-items:center;margin-inline:auto;padding-inline:1.5rem;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);transition:color var(--transition-fast);font-size:1.2rem;font-weight:800;text-decoration:none}.nav-logo-dot,.nav-logo:hover{color:var(--color-primary)}.nav-logo-dot{font-size:1.5em;line-height:0}.nav-links-desktop{align-items:center;gap:.125rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition-fast);white-space:nowrap;align-items:center;gap:.25rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-link:hover{color:var(--text-primary)}.nav-link-active{color:var(--color-primary);font-weight:600}.nav-link-active:after{content:"";border-radius:1px;height:2px;position:absolute;bottom:-1px;left:.875rem;right:.875rem}.nav-cta,.nav-link-active:after{background-color:var(--color-primary)}.nav-cta{border-radius:var(--radius-sm);transition:background-color var(--transition-fast),transform var(--transition-fast);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-cta,.nav-cta:hover{color:var(--text-on-accent)}.nav-cta:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.dropdown-trigger{cursor:pointer;position:relative}.dropdown-trigger svg{transition:transform var(--transition-fast)}.dropdown-trigger[data-state=open] svg{transform:rotate(180deg)}.dropdown-content{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);min-width:320px;box-shadow:var(--shadow-lg);z-index:60;padding:1rem;animation:dropdownIn .15s ease-out}.dropdown-content-wide{grid-template-columns:1fr 1fr;gap:.5rem;min-width:460px;display:grid}.dropdown-group{min-width:0}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);padding:.375rem .75rem;font-size:.65rem;font-weight:700;display:block}.dropdown-item{border-radius:var(--radius-input);transition:background-color var(--transition-fast);outline:none;padding:.5rem .75rem;text-decoration:none;display:block}.dropdown-item:focus-visible,.dropdown-item:hover,.dropdown-item[data-highlighted]{background-color:var(--surface-muted)}.dropdown-item-title{color:var(--text-primary);transition:color var(--transition-fast);font-size:.875rem;font-weight:500}.dropdown-item:hover .dropdown-item-title{color:var(--color-primary)}.dropdown-item-desc{color:var(--text-secondary);margin-top:.125rem;font-size:.75rem;line-height:1.4}.dropdown-item-active .dropdown-item-title{color:var(--color-primary);font-weight:600}.dropdown-separator{background-color:var(--border-muted);height:1px;margin:.375rem .5rem}.theme-toggle{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background-color:var(--surface-muted);color:var(--text-primary)}.theme-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.theme-toggle svg{width:18px;height:18px}.theme-toggle-nav{margin-left:.25rem}.theme-toggle-mobile{border:1px solid var(--border-muted);width:2.75rem;height:2.75rem}.theme-toggle-mobile svg{width:20px;height:20px}.mobile-toggle{width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:none}.mobile-toggle:hover{background-color:var(--surface-muted)}.mobile-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.mobile-toggle span{background-color:var(--text-primary);width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.mobile-toggle span+span{margin-top:5px}.mobile-toggle[data-open=true] span:first-child{transform:rotate(45deg)translate(3px,6px)}.mobile-toggle[data-open=true] span:nth-child(2){opacity:0}.mobile-toggle[data-open=true] span:nth-child(3){transform:rotate(-45deg)translate(3px,-6px)}.mobile-menu{z-index:100;background-color:var(--surface-page);animation:mobileMenuIn .2s ease-out forwards;display:none;position:fixed;inset:0;overflow-y:auto}.mobile-menu.is-open,.mobile-menu[data-open=true]{display:block}@keyframes mobileMenuIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-close{width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:1rem}.mobile-menu-close:hover{background-color:var(--surface-muted)}.mobile-menu-close:focus-visible{box-shadow:var(--focus-ring);outline:none}.mobile-menu-content{flex-direction:column;gap:.25rem;padding:5rem 1.5rem 6rem;display:flex}.mobile-menu-cta{z-index:101;text-align:center;padding:1rem 1.5rem calc(1rem + env(safe-area-inset-bottom,0px));color:var(--text-on-accent);background-color:var(--color-primary);transition:background-color var(--transition-fast);font-size:.95rem;font-weight:600;text-decoration:none;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-menu-cta:hover{background-color:var(--color-primary-hover);color:var(--text-on-accent)}.mobile-menu-link{min-height:48px;color:var(--text-primary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);align-items:center;padding:0 1rem;font-size:1rem;font-weight:500;text-decoration:none;display:flex}.mobile-menu-link:hover{background-color:var(--surface-muted)}.mobile-menu-link-active{color:var(--color-primary);background-color:#ff3c000f;font-weight:600}.mobile-menu-section{border-top:1px solid var(--border-muted);margin-top:.75rem;padding-top:.75rem}.mobile-menu-group,.mobile-menu-group-toggle{border-radius:var(--radius-sm)}.mobile-menu-group-toggle{width:100%;min-height:48px;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast);font-size:1rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.mobile-menu-group-toggle:hover{background-color:var(--surface-muted)}.mobile-menu-group-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.mobile-menu-group-toggle svg{transition:transform var(--transition-fast)}.mobile-menu-group-open .mobile-menu-group-toggle{color:var(--color-primary)}.mobile-menu-group-open .mobile-menu-group-toggle svg{transform:rotate(180deg)}.mobile-menu-group-links{padding-bottom:.5rem;padding-left:1rem;display:none}.mobile-menu-group-open .mobile-menu-group-links{display:block}.mobile-menu-sublink{min-height:44px;color:var(--text-secondary);border-radius:var(--radius-input);transition:color var(--transition-fast),background-color var(--transition-fast);align-items:center;padding:0 1rem;font-size:.9rem;text-decoration:none;display:flex}.mobile-menu-sublink:hover{color:var(--text-primary);background-color:var(--surface-muted)}.mobile-menu-sublink-active{color:var(--color-primary);font-weight:500}.hero{text-align:center;background:linear-gradient(135deg,#ff3c000a,#ffb1990d 50%,#49ccf908);padding:5rem 1.5rem 2rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(#ff3c000f 0,#0000 70%);width:50%;height:80%;position:absolute;top:-30%;right:-10%}.hero-full{background:linear-gradient(135deg,var(--color-primary)0,#ff5722 50%,var(--color-coral)100%);color:var(--color-white);padding-block:8rem 6rem;position:relative;overflow:hidden}.hero-full:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-full h1,.hero-full h2,.hero-full h3,.hero-full p{color:var(--color-white)}.hero-content{z-index:1;max-width:800px;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.25rem,6vw,4rem);font-weight:800;line-height:1.08}.hero-subtitle{color:var(--text-secondary);max-width:640px;margin-bottom:2rem;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6}.hero-full .hero-subtitle{color:#ffffffd9}.hero-highlight{color:var(--color-primary);position:relative}.hero-full .hero-highlight{color:var(--color-white);border-radius:var(--radius-sm);background:linear-gradient(120deg,#fff3,#ffffff1a);padding:0 .15em}.hero-line{display:block}.hero-label{letter-spacing:.03em;text-transform:uppercase;color:var(--color-primary);border-radius:var(--radius-pill);background:#ff3c0014;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.375rem 1rem;font-size:.8rem;font-weight:600;display:inline-flex}.hero-full .hero-label{color:var(--color-white);background:#ffffff26}.hero-buttons{margin-top:2rem}.hero-buttons,.hero-meta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-cta,.hero-meta{align-items:center}.hero-cta{background-color:var(--color-primary);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-cta,.hero-cta:hover{color:var(--text-on-accent)}.hero-cta:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-full .hero-cta{background-color:var(--color-white);color:var(--color-primary)}.hero-full .hero-cta:hover{background-color:var(--color-gray-100);color:var(--color-primary-dark)}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:2px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{color:var(--text-on-accent);background-color:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--text-on-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);background-color:var(--surface-card);border-color:var(--border-muted)}.btn-secondary:hover{background-color:var(--surface-muted);border-color:var(--color-gray-300);color:var(--text-primary);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background-color:var(--surface-muted)}.btn-outline{color:var(--color-primary);background-color:#0000}.btn-outline,.btn-outline:hover{border-color:var(--color-primary)}.btn-outline:hover{color:var(--text-on-accent);background-color:var(--color-primary);transform:translateY(-1px)}.btn-outline-light{color:var(--color-white);background-color:#0000;border-color:#fff6}.btn-outline-light:hover{color:var(--color-white);background-color:#ffffff26;border-color:#ffffffb3}.btn-lg{padding:1rem 2.25rem;font-size:1rem}.btn-sm{padding:.375rem 1rem;font-size:.8rem}.btn-block{width:100%}.btn:disabled,.btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}.card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);padding:1.75rem}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-300);transform:translateY(-2px)}.card-dark{background-color:var(--surface-strong);border-color:var(--border-muted)}.card-dark,.card-dark h1,.card-dark h2,.card-dark h3,.card-dark h4,.card-dark p{color:var(--text-on-strong)}.card-dark p{color:var(--color-gray-400)}.card-subtle{background-color:var(--surface-muted);border-color:#0000}.card-error{color:#991b1b;background-color:#fef2f2;border-color:#fecaca}.dark .card-error,html[data-theme=dark] .card-error{color:#fca5a5;background-color:#ef44441a;border-color:#ef444433}.card-success{color:#166534;background-color:#f0fdf4;border-color:#bbf7d0}.dark .card-success,html[data-theme=dark] .card-success{color:#86efac;background-color:#22c55e1a;border-color:#22c55e33}.card-info{color:#1e40af;background-color:#eff6ff;border-color:#bfdbfe}.dark .card-info,html[data-theme=dark] .card-info{color:#7dd3fc;background-color:#49ccf91a;border-color:#49ccf933}.reading-progress{z-index:100;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.reading-progress-bar{background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)100%);height:100%;transition:width .1s linear}.blog-index-controls{flex-direction:column;gap:1rem;margin-bottom:2.5rem;display:flex}.blog-index-search{width:100%;position:relative}.search-input{width:100%;font-size:1rem;font-family:var(--font-body);color:var(--text-primary);background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem .75rem 2.75rem}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.search-input::placeholder{color:var(--color-gray-400)}.filter-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{color:var(--text-secondary);background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.8rem;font-weight:500;font-family:var(--font-body);align-items:center;padding:.4rem 1rem;display:inline-flex}.filter-btn:hover{color:var(--text-primary);border-color:var(--color-gray-300);background-color:var(--surface-muted)}.filter-btn.active{color:var(--text-on-accent);background-color:var(--color-primary);border-color:var(--color-primary)}.blog-index-results{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.blog-index-reset{color:var(--color-primary);cursor:pointer;font-size:.85rem;font-family:var(--font-body);background:0 0;border:none;text-decoration:underline}.blog-index-reset:hover{color:var(--color-primary-dark)}.blog-index-count{color:var(--text-secondary);font-size:.875rem}.blog-featured-link{color:inherit;margin-bottom:3rem;text-decoration:none;display:block}.blog-featured-card-v2{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-brutal);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);padding:2.5rem;position:relative;overflow:hidden}.blog-featured-card-v2:before{content:"";background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)50%,var(--color-cyan)100%);width:100%;height:4px;position:absolute;top:0;left:0}.blog-featured-card-v2:hover{box-shadow:var(--shadow-brutal-lg);border-color:var(--color-primary);transform:translateY(-3px)}.blog-featured-content{max-width:720px}.blog-featured-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:flex}.blog-featured-title{font-family:var(--font-display);color:var(--text-primary);transition:color var(--transition-fast);margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.2}.blog-featured-link:hover .blog-featured-title{color:var(--color-primary)}.blog-featured-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.blog-featured-tags{flex-wrap:wrap;gap:.375rem;margin-bottom:1.25rem;display:flex}.blog-featured-cta{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:inline-flex}.blog-featured-link:hover .blog-featured-cta{gap:.75rem}.blog-post-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);color:inherit;box-shadow:var(--shadow-brutal-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.blog-post-card:before{content:"";background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)100%);width:0;height:3px;transition:width var(--transition-slow);position:absolute;top:0;left:0}.blog-post-card:hover{box-shadow:var(--shadow-brutal);border-color:var(--color-primary);transform:translateY(-3px)}.blog-post-card:hover:before{width:100%}.blog-card-meta{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.blog-card-meta,.blog-post-date,.blog-post-readtime{color:var(--text-secondary);font-size:.8rem}.blog-post-readtime:before{content:"·";margin-right:.5rem}.blog-post-title{font-family:var(--font-display);color:var(--text-primary);transition:color var(--transition-fast);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.3}.blog-post-card:hover .blog-post-title{color:var(--color-primary)}.blog-post-description{color:var(--text-secondary);flex-grow:1;font-size:.9rem;line-height:1.6}.blog-card-tags{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.blog-card-tag{color:var(--text-secondary);background-color:var(--surface-muted);border-radius:var(--radius-pill);padding:.15rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.blog-card-author{border-top:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;font-size:.8rem;display:flex}.blog-card-author-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-coral));width:20px;height:20px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:inline-flex}.blog-grid{margin-top:2rem}.blog-pagination{border-top:1px solid var(--border-muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:2rem;display:flex}.blog-pagination .btn{align-items:center;gap:.375rem;display:inline-flex}.blog-pagination-info{color:var(--text-secondary);font-size:.85rem;font-weight:500}.blog-article-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.blog-article-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.25rem;font-size:.875rem;display:flex}.blog-article-meta-divider{background-color:var(--color-gray-300);border-radius:50%;width:4px;height:4px;display:inline-block}.blog-hero{text-align:left;background:linear-gradient(160deg,#ff3c000d,#ffb1990f 40%,#49ccf908);padding:5rem 1.5rem 2.5rem;position:relative;overflow:hidden}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(#ff3c0012 0,#0000 70%);width:45%;height:80%;position:absolute;top:-20%;right:-10%}.blog-hero .container{max-width:var(--container-md)}.blog-hero-tags{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;margin-bottom:1.25rem;display:flex}.blog-hero-tag{color:var(--color-primary);border-radius:var(--radius-pill);transition:background-color var(--transition-fast);background-color:#ff3c0014;padding:.2rem .7rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-hero-tag:hover{background-color:#ff3c0026}.blog-hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:800;line-height:1.1}.blog-hero-description{color:var(--text-secondary);max-width:640px;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.blog-hero-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.85rem;display:flex}.blog-hero-author{color:var(--text-primary);transition:color var(--transition-fast);align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-hero-author:hover{color:var(--color-primary)}.blog-hero-author-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-coral));width:28px;height:28px;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.blog-hero-date,.blog-hero-readtime{color:var(--text-secondary)}.blog-hero-readtime{align-items:center;gap:.35rem;display:inline-flex}.blog-body{padding-block:2.5rem 4rem}.blog-body .container{max-width:var(--container-default)}.blog-layout{grid-template-columns:1fr;gap:3rem;display:grid}@media (min-width:1024px){.blog-layout{grid-template-columns:minmax(0,720px) 220px;justify-content:center;gap:4rem}}.blog-sidebar{display:none}@media (min-width:1024px){.blog-sidebar{display:block;position:relative}}.blog-sidebar-share{margin-top:1.5rem}.toc{position:sticky;top:5rem}.toc-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.toc-list{border-left:2px solid var(--border-muted);margin:0;padding:0;list-style:none}.toc-item{margin:0}.toc-item-sub{padding-left:.5rem}.toc-link{color:var(--text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast);border-left:2px solid #0000;margin-left:-2px;padding:.35rem 0 .35rem 1rem;font-size:.8rem;line-height:1.4;text-decoration:none;display:block}.toc-link:hover{color:var(--text-primary)}.toc-link-active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.share-btn{font-size:.8rem;font-weight:500;font-family:var(--font-body);color:var(--text-secondary);background-color:var(--surface-muted);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.share-btn:hover{color:var(--text-primary);border-color:var(--color-gray-300);background-color:var(--surface-card)}.blog-footer-tags{border-top:1px solid var(--border-muted);flex-wrap:wrap;align-items:center;gap:.5rem;max-width:720px;margin-top:3rem;padding-top:2rem;display:flex}.blog-footer-tags-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-right:.25rem;font-size:.75rem;font-weight:600}.prose{max-width:720px;color:var(--text-primary);overflow-wrap:break-word;font-size:1.05rem;line-height:1.8}.prose>*+*{margin-top:1.5em}.prose h1{margin-top:2.5em;margin-bottom:.5em;font-size:2.25rem}.prose h2{border-bottom:2px solid var(--border-subtle);margin-top:2.25em;margin-bottom:.6em;padding-bottom:.3em;font-size:1.65rem}.prose h2,.prose h3{scroll-margin-top:5rem}.prose h3{margin-top:1.75em;margin-bottom:.5em;font-size:1.3rem}.prose h4{margin-top:1.5em;margin-bottom:.5em;font-size:1.1rem}.prose p{color:var(--text-primary);margin-bottom:0}.prose a{color:var(--color-primary);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #ff3c004d;text-decoration:underline #ff3c004d}.prose a:hover{-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.prose strong{color:var(--text-primary);font-weight:600}.prose ol,.prose ul{padding-left:1.5em}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{color:var(--text-primary);margin-top:.35em}.prose li::marker{color:var(--color-primary)}.prose blockquote{border-left:4px solid var(--color-primary);background-color:var(--surface-muted);border-radius:0 var(--radius-input)var(--radius-input)0;margin-left:0;margin-right:0;padding:1rem 1.5rem;font-style:italic}.prose blockquote,.prose blockquote p{color:var(--text-secondary)}.prose pre{color:var(--color-gray-100);border-radius:var(--radius-default);background-color:#1e1e1e;border:1px solid #333;padding:1.25rem 1.5rem;font-size:.875rem;line-height:1.7;overflow-x:auto}html[data-theme=dark] .prose pre{background-color:var(--color-gray-950);border-color:var(--border-muted)}.prose code{background-color:var(--surface-muted);border-radius:var(--radius-sm);color:var(--color-primary);padding:.15em .4em;font-size:.875em;font-weight:500}.prose pre code{color:inherit;background:0 0;padding:0;font-weight:400}.prose img{border-radius:var(--radius-card);box-shadow:var(--shadow-md);margin-top:2em;margin-bottom:2em}.prose hr{border:none;border-top:2px solid var(--border-muted);margin-top:2.5em;margin-bottom:2.5em}.prose table{border-collapse:collapse;width:100%;margin-top:1.5em;margin-bottom:1.5em;font-size:.9rem;display:block;overflow-x:auto}.prose th{text-align:left;background-color:var(--surface-muted);border-bottom:2px solid var(--border-muted);white-space:nowrap;padding:.75rem 1rem;font-weight:600}.prose td{border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem}.prose figure{margin-top:2em;margin-bottom:2em}.prose figcaption{text-align:center;color:var(--text-secondary);margin-top:.75rem;font-size:.85rem}.home-hero{background:linear-gradient(135deg,#ff3c000a,#ffb1990a 40%,#49ccf908);padding-top:7rem;padding-bottom:5rem;position:relative;overflow:hidden}.home-hero:before{background:radial-gradient(circle,#ff3c0014 0,#0000 65%);width:500px;height:500px;top:-20%;right:-15%}.home-hero:after,.home-hero:before{content:"";pointer-events:none;position:absolute}.home-hero:after{background:radial-gradient(circle,#ffb19914 0,#0000 65%);width:400px;height:400px;bottom:-20%;left:-10%}.home-hero-content{z-index:1;text-align:center;max-width:800px;margin-inline:auto;position:relative}.home-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.05}.home-hero-line{display:block}.home-hero-underline{color:var(--color-primary);position:relative}.home-hero-underline:after{content:"";background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)100%);border-radius:var(--radius-pill);opacity:.5;width:100%;height:6px;position:absolute;bottom:-4px;left:0}.home-hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2.5rem;display:flex}.home-stats{background-color:var(--surface-card);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding-block:3rem}.home-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.home-stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.home-stat-number{font-family:var(--font-display);color:var(--color-primary);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.1}.home-stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.home-showcase{padding-block:4rem}.home-showcase-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem;display:grid}.home-showcase-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);color:inherit;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.home-showcase-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.home-showcase-top{flex-grow:1;padding:1.5rem}.home-showcase-meta{align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.home-showcase-meta,.home-showcase-time{color:var(--text-secondary)}.home-showcase-tech{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.home-tech-tag{color:var(--color-primary);border-radius:var(--radius-pill);background-color:#ff3c000f;padding:.2rem .6rem;font-size:.7rem;font-weight:500;display:inline-flex}.home-section-heading{text-align:center;margin-bottom:2.5rem}.home-section-heading h2{font-family:var(--font-display);margin-bottom:.75rem;font-weight:800}.home-section-heading p{max-width:560px;color:var(--text-secondary);margin-inline:auto}.home-articles{padding-block:4rem}.home-articles-list{flex-direction:column;gap:0;margin-top:2rem;display:flex}.home-article-link{border-bottom:1px solid var(--border-muted);color:var(--text-primary);transition:color var(--transition-fast),padding-left var(--transition-fast);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;text-decoration:none;display:flex}.home-article-link:hover{color:var(--color-primary);padding-left:.5rem}.home-article-link h3{color:inherit;transition:color var(--transition-fast);font-size:1.1rem;font-weight:600}.home-article-arrow{color:var(--color-gray-400);transition:transform var(--transition-fast),color var(--transition-fast);flex-shrink:0}.home-article-link:hover .home-article-arrow{color:var(--color-primary);transform:translate(4px)}.home-final-cta{background:linear-gradient(135deg,var(--color-primary)0,#ff5722 100%);color:var(--color-white);text-align:center;padding-block:5rem;position:relative;overflow:hidden}.home-final-cta:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.home-cta-content{z-index:1;max-width:640px;margin-inline:auto;position:relative}.home-cta-heading{font-family:var(--font-display);color:var(--color-white);margin-bottom:1.5rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}.home-cta-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.footer{background-color:var(--surface-strong);padding-top:4rem;padding-bottom:2rem}.footer,.footer h1,.footer h2,.footer h3,.footer h4{color:var(--text-on-strong)}.footer-cta{text-align:center;border-bottom:1px solid var(--color-gray-700);margin-bottom:3rem;padding-bottom:3rem}.footer-cta-text{font-family:var(--font-display);color:var(--color-white);margin-bottom:1.25rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700}.footer-cta-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.footer-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem;display:grid}.footer-group{gap:.75rem}.footer-group,.footer-group nav{flex-direction:column;display:flex}.footer-group nav{gap:.25rem}.footer-group-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-gray-400);margin-bottom:.25rem;font-size:.8rem;font-weight:700}.footer-link{color:var(--color-gray-300);transition:color var(--transition-fast);font-size:.9rem;line-height:1.6;text-decoration:none}.footer-link:hover{color:var(--color-white)}.footer-legal{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.5rem;display:flex}.footer-link-inline{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;display:inline}.footer-bottom{border-top:1px solid var(--color-gray-700);color:var(--color-gray-500);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.8rem;display:flex}.footer-logo{font-family:var(--font-display);color:var(--color-white);font-size:1.1rem;font-weight:700;text-decoration:none}.footer-logo:hover{color:var(--color-primary-hover)}.footer-meta{align-items:center;gap:1.5rem;display:flex}.footer-meta a{color:var(--color-gray-500);transition:color var(--transition-fast);text-decoration:none}.footer-meta a:hover{color:var(--color-white)}.faq-list{flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;display:flex}.faq-item{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #ff3c000f}.faq-question{width:100%;font-family:var(--font-display);color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;font-size:1.1rem;font-weight:600;transition:color .15s;display:flex}.faq-question:hover{color:var(--color-primary)}summary.faq-question{list-style:none}summary.faq-question::-webkit-details-marker{display:none}.faq-toggle:before{content:"+"}details[open]>summary .faq-toggle:before{content:"−"}.faq-answer{color:var(--text-secondary);padding:0 2rem 1.5rem;font-size:1rem;line-height:1.8}.faq-answer p+p{margin-top:.75rem}.faq-simple-list{flex-direction:column;gap:0;display:flex}.faq-simple-item{border-bottom:1px solid var(--border-muted);padding:1.25rem 0}.faq-simple-item:last-child{border-bottom:none}.tag{border-radius:var(--radius-pill);transition:all var(--transition-fast);background-color:var(--surface-muted);color:var(--text-secondary);border:1px solid var(--border-muted);align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.tag:hover{border-color:var(--color-gray-300);color:var(--text-primary)}.tag-primary{color:var(--color-primary);background-color:#ff3c000f;border-color:#ff3c0026}.tag-primary:hover{color:var(--color-primary-dark);background-color:#ff3c001f}.tag-dark{background-color:var(--surface-strong);border-color:#0000}.tag-dark,.tag-dark:hover{color:var(--text-on-strong)}.tag-dark:hover{background-color:var(--color-gray-700)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-pill);color:var(--text-on-accent);background-color:var(--color-primary);align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-flex}.featured-project{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-md);grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:3rem;padding:2.5rem;display:grid}.featured-image{border-radius:var(--radius-default);overflow:hidden}.featured-content{flex-direction:column;gap:1rem;display:flex}.featured-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.featured-category{color:var(--color-primary);border-radius:var(--radius-pill);background-color:#ff3c000f;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.featured-duration{color:var(--text-secondary)}.featured-tech{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.featured-maker{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.featured-project-image{border-radius:var(--radius-default);width:100%;height:auto}.browser-frame{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);overflow:hidden}.browser-header{background-color:var(--surface-muted);border-bottom:1px solid var(--border-muted);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.browser-dots{gap:.375rem;display:flex}.browser-dots span,.browser-dots:after,.browser-dots:before{content:"";background-color:var(--color-gray-300);border-radius:50%;width:10px;height:10px;display:block}.browser-dots:before{background-color:#ef4444}.browser-dots:after{background-color:#22c55e}.browser-dots span{background-color:#ffb900}.browser-url{color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;padding:.35rem .75rem;font-size:.75rem;overflow:hidden}.browser-content,.browser-url{background-color:var(--surface-card)}.browser-content{min-height:200px}.browser-content img{width:100%;height:auto;display:block}.case-study-details{background-color:var(--surface-muted);border-radius:var(--radius-default);grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem;padding:1.5rem;display:grid}.case-study-item{flex-direction:column;gap:.25rem;display:flex}.case-study-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.case-study-compact{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.project-header{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.project-category{color:var(--color-primary);border-radius:var(--radius-pill);background-color:#ff3c000f;align-self:flex-start;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.project-time{color:var(--text-secondary);font-size:.8rem}.project-tech,.project-tech-stack{flex-wrap:wrap;gap:.375rem;margin-top:.75rem;display:flex}.project-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;margin-top:auto;padding-top:1rem}.project-footer,.project-maker{align-items:center;display:flex}.project-maker{color:var(--text-secondary);gap:.5rem;font-size:.85rem}.project-link{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:.25rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.project-link:hover{gap:.5rem}.tech-tag{color:var(--text-secondary);background-color:var(--surface-muted);border:1px solid var(--border-muted);border-radius:var(--radius-pill);padding:.2rem .6rem;font-size:.7rem;font-weight:500;display:inline-flex}.maker-avatar{border:2px solid var(--border-muted);width:2.25rem;height:2.25rem}.maker-avatar,.maker-avatar-small{object-fit:cover;border-radius:50%}.maker-avatar-small{width:1.5rem;height:1.5rem}.maker-avatar-initials{background:linear-gradient(135deg,var(--color-primary),var(--color-coral));width:2.25rem;height:2.25rem;color:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.maker-info{flex-direction:column;gap:0;display:flex}.maker-label{color:var(--text-secondary);font-size:.7rem;line-height:1.2}.maker-name{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.2}.section-header{margin-bottom:2.5rem}.section-header.text-center{text-align:center}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.75rem;font-weight:800}.section-description{color:var(--text-secondary);max-width:640px;font-size:1.05rem;line-height:1.6}.section-header.text-center .section-description{margin-inline:auto}.section-dark .section-description{color:var(--color-gray-400)}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{font-size:.875rem;font-weight:600}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;font-size:1rem;font-family:var(--font-body);background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;padding:1rem 1.25rem}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-input::placeholder{color:var(--color-gray-400)}.card-amount{font-family:var(--font-display);color:var(--color-primary);font-size:2rem;font-weight:800;line-height:1.1}.card-period{color:var(--text-secondary);font-size:.85rem}.category-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.category-tag{border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);margin-top:.75rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.term-english{color:var(--text-secondary);font-size:.8rem;font-style:italic}.tool-features li{background:var(--surface-muted);border-radius:var(--radius-pill);color:var(--text-secondary);padding:.2rem .6rem;font-size:.75rem;display:inline-flex}.contact-card{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-brutal);padding:2rem;position:relative;overflow:hidden}.contact-card:before{content:"";background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)50%,var(--color-cyan)100%);width:100%;height:4px;position:absolute;top:0;left:0}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.contact-form-compact{gap:1rem}.contact-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form textarea.form-input{resize:vertical;min-height:140px}.contact-form-count{color:var(--text-secondary);align-self:flex-end;font-size:.75rem}.contact-form-error{color:#b91c1c;border-radius:var(--radius-input);background:#ef444414;border:1px solid #ef444440;padding:.75rem 1rem;font-size:.875rem}.contact-form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.contact-form-footer .btn{align-items:center;gap:.5rem;display:inline-flex}.contact-form-hint{color:var(--text-secondary);margin:0;font-size:.8rem}.contact-form-success{text-align:center;padding:2rem 1rem}.contact-form-success-icon{width:48px;height:48px;color:var(--color-lime);background:#22c55e1f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.contact-form-success h3{margin-bottom:.5rem}.contact-form-success p{color:var(--text-secondary)}.modal-backdrop{z-index:1000;background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:1rem;animation:modal-fade .15s ease-out;display:flex;position:fixed;inset:0}.modal{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);width:100%;max-width:600px;max-height:calc(100vh - 2rem);box-shadow:var(--shadow-brutal-xl);padding:2rem;animation:modal-rise .2s cubic-bezier(.4,0,.2,1);position:relative;overflow-y:auto}.modal:before{content:"";background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)50%,var(--color-cyan)100%);width:100%;height:4px;position:absolute;top:0;left:0}.modal-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.modal-header h2{font-family:var(--font-display);margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.modal-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.modal-close{border-radius:var(--radius-sm);border:1px solid var(--border-muted);background:var(--surface-muted);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{color:var(--text-primary);background:var(--surface-card);border-color:var(--color-gray-300)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.form-hint{color:var(--text-secondary);font-size:.8rem}.team-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);padding:1.75rem}.team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-card-header{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.team-avatar{object-fit:cover;border:3px solid var(--border-muted);border-radius:50%;width:5rem;height:5rem}.team-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700}.team-links{gap:.75rem;margin-top:1rem}.team-links,.team-links a{justify-content:center;display:flex}.team-links a{width:2rem;height:2rem;color:var(--text-secondary);border:1px solid var(--border-muted);transition:all var(--transition-fast);border-radius:50%;align-items:center}.team-links a:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#ff3c000f}.breadcrumbs{padding:.75rem 0;font-size:.85rem}.breadcrumbs-list{flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-item{align-items:center;gap:.25rem;display:inline-flex}.breadcrumbs-item a{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumbs-item a:hover{color:var(--color-primary)}.breadcrumbs-current{color:var(--text-primary);font-weight:500}.breadcrumbs-separator{color:var(--color-gray-400);-webkit-user-select:none;user-select:none;font-size:.75em}.related-content{border-top:1px solid var(--border-muted);margin-top:3rem;padding-block:3rem}.related-content-title{font-family:var(--font-display);margin-bottom:1.5rem;font-size:1.35rem;font-weight:700}.related-content-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.related-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);color:inherit;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base);flex-direction:column;padding:1.25rem;text-decoration:none;display:flex}.related-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.related-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.related-card-type{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);font-size:.7rem;font-weight:600}.related-card-title{font-family:var(--font-display);color:var(--text-primary);transition:color var(--transition-fast);margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.3}.related-card:hover .related-card-title{color:var(--color-primary)}.related-card-description{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.steps-list{flex-direction:column;gap:1.5rem;display:flex}.step-item{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-base),box-shadow var(--transition-base);gap:1.25rem;padding:1.5rem;display:flex}.step-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.step-header{flex-direction:column;gap:.5rem;display:flex}.step-number{width:2.5rem;height:2.5rem;font-family:var(--font-display);color:var(--text-on-accent);background:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.step-prompt{background-color:var(--surface-muted);border:1px solid var(--border-muted);border-radius:var(--radius-input);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;padding:.75rem 1rem;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.85rem}.text-center{text-align:center}.text-center .home-cta-description,.text-center .section-description,.text-center p{text-align:center;margin-inline:auto}.text-muted{color:var(--text-secondary)}.text-sm{font-size:.875rem}.text-error{color:var(--color-error)}.text-success{color:var(--color-lime)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.mb-2xl{margin-bottom:3rem}.mt-lg{margin-top:1.5rem}.mt-sm{margin-top:.5rem}.tag-sm{padding:.15rem .5rem;font-size:.7rem}.blog-post-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.8rem;display:flex}.meista-profile-achievements{margin-top:1rem}.example-section{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.example-box h3,.example-result h3{margin-bottom:.75rem;font-size:1rem}.example-result{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);padding:1.5rem}.example-result p{color:var(--text-secondary);margin:0;line-height:1.7}.faq-section{padding-block:2rem}.faq-section--simple .faq-question{padding:1rem 0}.faq-inline{background:var(--surface-muted);border-radius:var(--radius-sm);margin-block:1rem;padding:1rem 1.25rem}.mt-xl{margin-top:2rem}.mt-2xl{margin-top:3rem}.m-0{margin:0}.flex-between{justify-content:space-between;align-items:center;display:flex}.stack{gap:1rem}.stack,.stack-lg{flex-direction:column;display:flex}.stack-lg{gap:1.5rem}.mx-auto{margin-inline:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.empty-state{text-align:center;color:var(--text-secondary);padding:4rem 2rem;font-size:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.list-disc{padding-left:1.5em;list-style-type:disc}.list-disc li{margin-top:.35em}.list-disc li::marker{color:var(--color-primary)}.comparison-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.comparison-list li{background-color:var(--surface-muted);border-radius:var(--radius-input);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;line-height:1.5;display:flex}.comparison-list li:before{content:"+";color:var(--color-lime);flex-shrink:0;font-weight:700}.comparison-list-cons li:before{content:"-";color:var(--color-error,#ef4444)}.comparison-score-summary{align-items:baseline;gap:.5rem;display:flex}.comparison-total-score{font-family:var(--font-display);color:var(--color-primary);font-size:2rem;font-weight:800;line-height:1}.comparison-category-row{gap:1rem}.comparison-category-row,.comparison-tool-score{justify-content:space-between;align-items:center;display:flex}.comparison-tool-score{gap:.5rem;margin-bottom:.5rem}.comparison-score-dots{gap:.375rem;display:flex}.comparison-dot{background-color:var(--border-muted);border-radius:50%;width:12px;height:12px}.comparison-dot-filled{background-color:var(--color-primary)}.comparison-verdict-winner{background-color:var(--surface-muted);border-left:4px solid var(--color-primary);border-radius:var(--radius-input);padding:1.25rem}.kurssit-price-box{border:2px solid var(--color-primary);border-radius:var(--radius-card);text-align:center;background:linear-gradient(135deg,#ff3c000a,#ffb1990a);flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem;display:flex}.kurssit-price-box-amount{font-family:var(--font-display);color:var(--color-primary);font-size:2.5rem;font-weight:800;line-height:1}.kurssit-price-box-period{color:var(--text-secondary);font-size:.85rem}.section-cta{margin-top:2.5rem}.home-section-cta,.section-cta{justify-content:center;display:flex}.home-section-cta{margin-top:2rem}.stats{background:var(--surface-strong);color:var(--text-on-strong);padding:5rem 0}.action-buttons{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.floating-cta{bottom:calc(2rem + env(safe-area-inset-bottom,0px));z-index:40;background-color:var(--color-primary);color:var(--text-on-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);transition:background-color var(--transition-fast),opacity var(--transition-base),transform var(--transition-base);opacity:0;pointer-events:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;right:2rem;transform:translateY(1rem)}.floating-cta:hover{background-color:var(--color-primary-hover);color:var(--text-on-accent)}.floating-cta-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.floating-cta-visible:hover{transform:translateY(-2px)}.read-more{color:var(--color-primary);transition:gap var(--transition-fast);align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.read-more:hover{gap:.5rem}.cta-content{text-align:center;max-width:600px;margin-inline:auto}.cta-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.cta-description{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.alphabet-nav{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-bottom:2rem;display:flex}.alphabet-link{width:2.25rem;height:2.25rem;color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.alphabet-link:hover{background-color:var(--color-primary);color:var(--text-on-accent);border-color:var(--color-primary)}.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.benefit-item{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.benefit-icon{width:2.5rem;height:2.5rem;color:var(--color-primary);border-radius:var(--radius-default);background-color:#ff3c000f;font-size:1.25rem}.benefit-check,.benefit-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.benefit-check{width:1.5rem;height:1.5rem;color:var(--color-lime);background-color:#22c55e1a;border-radius:50%;font-size:.8rem}.blog-post-content{color:var(--text-secondary);line-height:1.8}.blog-post-number{font-family:var(--font-display);color:#ff3c001f;font-size:2.5rem;font-weight:700;line-height:1}.blog-post-tags{flex-wrap:wrap;gap:.5rem;display:flex}.breadcrumb{gap:.5rem;margin-bottom:1.5rem;font-size:.85rem}.breadcrumb,.breadcrumbs-compact{color:var(--text-secondary);align-items:center;display:flex}.breadcrumbs-compact{gap:.375rem;margin-bottom:1rem;font-size:.8rem}.breadcrumbs-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumbs-link:hover{color:var(--color-primary)}.calc-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.calc-inputs{flex-direction:column;gap:1.5rem;display:flex}.calc-inputs:hover{transform:none}.calc-step{flex-direction:column;gap:.5rem;display:flex}.calc-step-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.calc-toggles{flex-wrap:wrap;gap:.5rem;display:flex}.calc-toggles .filter-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.calc-choice-desc{min-height:1.3em;font-size:.85rem}.calc-choice-desc,.calc-disclaimer{color:var(--text-secondary);margin:0}.calc-disclaimer{font-size:.8rem;font-style:italic}.calc-results{position:sticky;top:6rem}.calc-results-inner{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);flex-direction:column;gap:1.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.calc-results-bar{background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)50%,var(--color-cyan)100%);width:100%;height:4px;position:absolute;top:0;left:0}.calc-savings-hero{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding-top:.5rem;display:flex}.calc-savings-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.calc-savings-pct{color:var(--color-lime);border-radius:var(--radius-pill);background-color:#22c55e1a;align-items:center;padding:.2rem .75rem;font-size:.85rem;font-weight:700;display:inline-flex}.calc-bars{flex-direction:column;gap:1rem;display:flex}.calc-bar-row{grid-template-columns:5.5rem 1fr auto;align-items:center;gap:.75rem;display:grid}.calc-bar-label{color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.calc-bar-track{background-color:var(--surface-muted);height:1.25rem;overflow:hidden}.calc-bar-fill,.calc-bar-track{border-radius:var(--radius-pill)}.calc-bar-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.calc-bar-fill-trad{background-color:var(--color-gray-400)}.calc-bar-fill-vibe{background-color:var(--color-primary)}.calc-bar-value{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:700}.calc-bar-value-accent{color:var(--color-primary)}.calc-time-row{background-color:var(--surface-muted);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;display:grid}.calc-time-item{flex-direction:column;gap:.125rem;display:flex}.calc-time-label{color:var(--text-secondary);font-size:.75rem}.calc-time-value{font-family:var(--font-display);color:var(--text-primary);font-size:.95rem;font-weight:700}.calc-recommendation{border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--text-secondary);background-color:#ff3c000a;padding:1rem 1.25rem;font-size:.85rem;line-height:1.6}.calc-recommendation strong{color:var(--text-primary);margin-bottom:.25rem;display:block}.calc-recommendation p{margin:0}html[data-theme=dark] .calc-recommendation{background-color:#ff3c0014}html[data-theme=dark] .calc-savings-pct{background-color:#22c55e26}.calc-actions{justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.calc-bar-fill{transition:none}}@media (max-width:768px){.calc-layout{grid-template-columns:1fr}.calc-results{position:static}.calc-bar-row{grid-template-columns:1fr;gap:.25rem}.calc-results-inner{padding:1.25rem}}.card-header{margin-bottom:1rem}.card-footer{margin-top:auto;padding-top:1rem}.card-arrow{color:var(--color-primary);transition:transform var(--transition-fast);align-items:center;font-size:1.25rem;display:inline-flex}.card:hover .card-arrow,a:hover .card-arrow{transform:translate(4px)}.sidebar-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:1.5rem}.sidebar-cta{text-align:center;background-color:var(--color-primary);color:var(--text-on-accent);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:block}.sidebar-cta:hover{background-color:var(--color-primary-hover);color:var(--text-on-accent)}.tip-card{border-left:4px solid var(--color-primary);border-radius:0 var(--radius-default)var(--radius-default)0;background-color:#ff3c000a;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.content-box,.content-box-centered{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:2rem}.content-box-centered{text-align:center}.category-badge{color:var(--color-primary);border-radius:var(--radius-pill);background-color:#ff3c000f;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.category-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.category-card-small{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);transition:border-color var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;display:flex}.category-card-small:hover{border-color:var(--color-primary)}.category-count{color:var(--text-secondary);font-size:.8rem;font-weight:500}.category-description{color:var(--text-secondary);margin-top:.5rem;font-size:.9rem;line-height:1.6}.category-filter-item{color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.375rem;padding:.375rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.category-filter-item.active,.category-filter-item:hover{background-color:var(--color-primary);color:var(--text-on-accent);border-color:var(--color-primary)}.category-hero-icon{margin-bottom:1rem;font-size:3rem}.category-icon-small{flex-shrink:0;font-size:1.5rem}.category-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);font-size:.75rem;font-weight:600}.comparison-hero{text-align:center;background:linear-gradient(135deg,#ff3c0008,#49ccf90a);padding-block:4rem}.comparison-badge{color:var(--color-primary);border-radius:var(--radius-pill);background-color:#ff3c000f;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.comparison-categories{flex-direction:column;gap:1rem;display:flex}.comparison-category{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);padding:1rem 1.25rem}.comparison-category-bar{background-color:var(--surface-muted);border-radius:var(--radius-pill);height:6px;margin-top:.5rem;overflow:hidden}.comparison-category-bar>div{background-color:var(--color-primary);border-radius:var(--radius-pill);height:100%}.comparison-category-label{color:var(--text-primary);font-size:.9rem;font-weight:600}.comparison-category-notes{color:var(--text-secondary);margin-top:.25rem;font-size:.8rem}.comparison-category-score{color:var(--color-primary);font-size:.9rem;font-weight:700}.comparison-winner{color:var(--color-lime);border-radius:var(--radius-pill);background-color:#22c55e1a;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.comparison-card-body{flex:1}.comparison-card-footer{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:1rem}.card:has(.comparison-card-body){flex-direction:column;display:flex}.debug-content{border-radius:var(--radius-default);padding:1.5rem;font-family:monospace;font-size:.85rem;overflow-x:auto}.debug-content,.debug-info{background-color:var(--surface-muted)}.debug-info{border:1px solid var(--border-muted);border-radius:var(--radius-default);color:var(--text-secondary);padding:1rem;font-size:.8rem}.error-display{text-align:center;padding:4rem 2rem}.error-icon{margin-bottom:1.5rem;font-size:4rem}.error-message{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem}.error-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:1rem}.error-reasons{text-align:left;max-width:400px;color:var(--text-secondary);margin-inline:auto;margin-bottom:1.5rem;font-size:.9rem;list-style:inside}.error-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.error-details{color:var(--text-secondary);background-color:var(--surface-muted);border-radius:var(--radius-default);margin-top:1rem;padding:1rem;font-family:monospace;font-size:.85rem}.error-code{font-family:var(--font-display);color:var(--color-primary);opacity:.15;font-size:clamp(5rem,15vw,10rem);font-weight:800;line-height:1}.difficulty-aloittelija,.difficulty-beginner{color:var(--color-lime);background-color:#22c55e1a}.difficulty-aloittelija,.difficulty-beginner,.difficulty-intermediate,.difficulty-keskitaso{border-radius:var(--radius-pill);align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.difficulty-intermediate,.difficulty-keskitaso{color:var(--color-cyan);background-color:#49ccf91a}.difficulty-edistynyt{color:var(--color-magenta);border-radius:var(--radius-pill);background-color:#7b68ee1a;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.definition-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.long-description{color:var(--text-secondary);font-size:1rem;line-height:1.8}.embed-container{border-radius:var(--radius-card);width:100%;padding-bottom:56.25%;position:relative;overflow:hidden}.embed-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.example-block{border-radius:var(--radius-default);margin-bottom:1rem;padding:1.25rem}.example-good{border-radius:var(--radius-default);background-color:#22c55e0d;border:1px solid #22c55e33;padding:1rem 1.25rem}.example-bad{border-radius:var(--radius-default);background-color:#ef44440d;border:1px solid #ef444433;padding:1rem 1.25rem}.example-label{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.example-comparison{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.examples-list{gap:1rem}.examples-list,.extensions-list{flex-direction:column;display:flex}.extensions-list{gap:.75rem}.faq-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.faq-icon{width:1.5rem;height:1.5rem;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.faq-title{font-family:var(--font-display);text-align:center;margin-bottom:2rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.faq-answer-content{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.faq-inline-question{color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.faq-inline-answer{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.faq-simple-question{color:var(--text-primary);cursor:pointer;padding:.75rem 0;font-weight:600}.faq-simple-answer{color:var(--text-secondary);padding-bottom:.75rem;font-size:.95rem;line-height:1.7}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.feature-item{align-items:flex-start;gap:.75rem;display:flex}.feature-list{flex-direction:column;gap:1rem;display:flex}.feature-number{background-color:var(--color-primary);width:2rem;height:2rem;color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;font-size:.85rem;display:flex}.feature-number,.featured-label{align-items:center;font-weight:700}.featured-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);border-radius:var(--radius-pill);background-color:#ff3c000f;gap:.375rem;padding:.2rem .75rem;font-size:.75rem;display:inline-flex}.guide-header{margin-bottom:2rem}.guide-content{color:var(--text-secondary);line-height:1.8}.guide-section{margin-bottom:3rem}.guide-paragraph{color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.8}.guide-table-wrapper{border-radius:var(--radius-default);border:1px solid var(--border-muted);margin-bottom:2rem;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:.9rem}.guide-table th{background-color:var(--surface-muted);text-align:left;border-bottom:2px solid var(--border-muted);padding:.75rem 1rem;font-weight:600}.guide-table td{border-bottom:1px solid var(--border-muted);padding:.75rem 1rem}.guide-tip{border-left:4px solid var(--color-primary);border-radius:0 var(--radius-default)var(--radius-default)0;background-color:#ff3c000a;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem}.hero-bg{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg-1{background:radial-gradient(circle,#ff3c001a 0,#0000 70%);width:400px;height:400px;top:-100px;right:-100px}.hero-bg-1,.hero-bg-2{border-radius:50%;position:absolute}.hero-bg-2{background:radial-gradient(circle,#49ccf914 0,#0000 70%);width:350px;height:350px;bottom:-100px;left:-50px}.hero-description{color:var(--text-secondary);max-width:640px;font-size:1.15rem;line-height:1.7}.home-link-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;display:flex}.home-link-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.home-link-arrow{color:var(--color-primary);transition:transform var(--transition-fast);font-size:1.25rem}.home-link-card:hover .home-link-arrow{transform:translate(4px)}.home-links{margin-top:2rem}.home-links-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.home-section-header{text-align:center;margin-bottom:2.5rem}.home-workshop{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.home-workshop-content{flex-direction:column;gap:1rem;display:flex}.home-workshop-features{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.home-workshop-img{border-radius:var(--radius-card);box-shadow:var(--shadow-lg);width:100%;height:auto}.home-workshop-text{color:var(--text-secondary);font-size:1rem;line-height:1.7}.hub-links{margin-top:2rem}.hub-links-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.hub-links-title{font-family:var(--font-display);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700}.hub-link-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);justify-content:space-between;align-items:center;padding:1rem 1.25rem;text-decoration:none;display:flex}.hub-link-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.hub-link-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.hub-link-description{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.hub-link-arrow{color:var(--color-primary);transition:transform var(--transition-fast);flex-shrink:0;font-size:1.25rem}.hub-link-card:hover .hub-link-arrow{transform:translate(4px)}.kurssit-card-icon{margin-bottom:.75rem;font-size:2rem}.kurssit-feature-icon{width:1.5rem;height:1.5rem;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.kurssit-feature-text{color:var(--text-secondary);font-size:.9rem}.kurssit-logo-img{object-fit:contain;width:auto;height:2rem}.kurssit-price-card{background-color:var(--surface-card);border:2px solid var(--color-primary);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-md);padding:2rem}.kurssit-price-desc{color:var(--text-secondary);margin-top:.5rem;font-size:.9rem}.kurssit-price-label{text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-weight:600}.kurssit-price-label,.kurssit-price-note{color:var(--text-secondary);font-size:.8rem}.kurssit-price-note{margin-top:.75rem;font-style:italic}.kurssit-price-period{color:var(--text-secondary);font-size:.85rem}.kurssit-social-proof{background-color:var(--surface-muted);border-radius:var(--radius-card);text-align:center;padding:2rem}.kurssit-social-proof-inner{flex-direction:column;align-items:center;gap:1rem;display:flex}.kurssit-social-proof-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.kurssit-social-proof-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.language-toggle{color:var(--text-secondary);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.language-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.link-suggestions{margin-top:2rem}.link-suggestions-title{color:var(--text-primary);margin-bottom:1rem;font-weight:600}.link-suggestions-list{flex-direction:column;gap:.5rem;display:flex}.link-suggestion-item{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);transition:border-color var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;display:flex}.link-suggestion-item:hover{border-color:var(--color-primary)}.link-suggestion-text{color:var(--text-primary);font-size:.9rem;font-weight:500}.link-suggestion-url{color:var(--text-secondary);font-size:.8rem}.link-suggestion-arrow{color:var(--color-primary);flex-shrink:0;margin-left:auto}.main{min-height:100vh;padding-top:3.5rem}.meista-profile-avatar{object-fit:cover;border:3px solid var(--border-muted);border-radius:50%;width:6rem;height:6rem;overflow:hidden}.meista-profile-avatar-img{object-fit:cover;width:100%;height:100%}.meista-profile-bio{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.meista-profile-body{flex-direction:column;gap:1rem;display:flex}.meista-profile-heading{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.meista-profile-header{align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.meista-profile-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.meista-profile-tags{flex-wrap:wrap;gap:.5rem;display:flex}.meista-profile-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.mistake-section{margin-bottom:2.5rem}.problem-section{margin-bottom:1.5rem}.problem-text{color:var(--text-secondary);line-height:1.7}.solution-section{margin-bottom:1.5rem}.solution-text{color:var(--text-secondary);line-height:1.7}.prevention-list{color:var(--text-secondary);gap:.5rem;font-size:.95rem;list-style:inside}.modules-list,.prevention-list{flex-direction:column;display:flex}.modules-list{gap:1.5rem}.module-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-fast);padding:1.5rem}.module-card:hover{border-color:var(--color-primary)}.module-header{gap:1rem;margin-bottom:1rem}.module-header,.module-number{align-items:center;display:flex}.module-number{background-color:var(--color-primary);width:2.5rem;height:2.5rem;color:var(--text-on-accent);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;font-size:1.1rem;font-weight:700}.module-duration{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.module-exercises{margin-top:.5rem}.module-exercises,.module-info{color:var(--text-secondary);font-size:.85rem}.module-info{flex-wrap:wrap;gap:1rem;display:flex}.module-resources{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.outcomes-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.outcome-item{align-items:flex-start;gap:.75rem;display:flex}.outcome-check{width:1.5rem;height:1.5rem;color:var(--color-lime);background-color:#22c55e1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.path-hero-header{text-align:center;max-width:700px;margin-inline:auto;padding-block:3rem}.prerequisites{background-color:var(--surface-muted);border-radius:var(--radius-card);margin-bottom:2rem;padding:1.25rem 1.5rem}.prerequisites-list{color:var(--text-secondary);flex-direction:column;gap:.5rem;margin-top:.75rem;font-size:.95rem;list-style:inside;display:flex}.pros-cons-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.pros-card{border-radius:var(--radius-card);background-color:#22c55e0a;border:1px solid #22c55e33;padding:1.5rem}.cons-card{border-radius:var(--radius-card);background-color:#ef44440a;border:1px solid #ef444433;padding:1.5rem}html[data-theme=dark] .pros-card{background-color:#22c55e14;border-color:#22c55e40}html[data-theme=dark] .cons-card{background-color:#ef444414;border-color:#ef444440}.pro-item{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.pro-icon{color:var(--color-lime);flex-shrink:0;font-size:1rem}.con-item{align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.con-icon{color:#ef4444;flex-shrink:0;font-size:1rem}.project-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.project-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.project-image{object-fit:cover;width:100%;height:200px}.project-placeholder{background:linear-gradient(135deg,#ff3c0014,#49ccf914);justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex}.project-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.project-duration{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.8rem;display:flex}.prompts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.prompts-examples{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.prompt-card-header{margin-bottom:.75rem}.prompt-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.prompt-count{color:var(--text-secondary);font-size:.8rem}.prompt-example-box{background-color:var(--surface-muted);border-radius:var(--radius-default);color:var(--text-primary);white-space:pre-wrap;padding:1rem;font-family:monospace;font-size:.85rem;line-height:1.5}.prompt-toggle{color:var(--color-primary);background:0 0;border:none;gap:.5rem;padding:0;font-size:.9rem;font-weight:600}.prompt-toggle,.prompt-toggle-header{cursor:pointer;align-items:center;display:flex}.prompt-toggle-header{justify-content:space-between}.quick-info{background-color:var(--surface-muted);border-radius:var(--radius-default);flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.rakentaminen-faq-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);padding:1.5rem}.rakentaminen-faq-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.rakentaminen-prompt-box{background-color:var(--surface-muted);border-radius:var(--radius-default);border-left:4px solid var(--color-primary);padding:1.25rem}.rakentaminen-prompt-text{color:var(--text-primary);white-space:pre-wrap;font-family:monospace;font-size:.9rem;line-height:1.6}.rakentaminen-prompt-box--blue{border-left-color:var(--color-cyan)}.rakentaminen-prompt-box--purple{border-left-color:var(--color-magenta)}.rakentaminen-prompt-box--orange{border-left-color:var(--color-primary)}.rakentaminen-prompt-box--green{border-left-color:var(--color-lime)}.related-content-compact{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.related-content-compact-link{color:var(--color-primary);font-weight:500;text-decoration:none}.related-content-compact-link:hover{text-decoration:underline}.related-content-compact-separator{color:var(--text-secondary)}.related-content-link{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);transition:border-color var(--transition-fast);padding:.75rem 1rem;text-decoration:none;display:block}.related-content-link:hover{border-color:var(--color-primary)}.related-content-link-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.related-content-link-description{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.related-content-list{flex-direction:column;gap:.75rem;display:flex}.related-content-list-item{align-items:center;gap:.5rem;display:flex}.related-tool-link{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);color:var(--text-primary);transition:border-color var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.related-tool-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.related-tools-list{flex-wrap:wrap;gap:.75rem;display:flex}.resource-type{color:var(--text-secondary);background-color:var(--surface-muted);border-radius:var(--radius-pill);align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.rounded-lg{border-radius:var(--radius-card)}.section-header-alt{margin-bottom:2.5rem}.section-light{background-color:var(--surface-muted);padding-block:5rem}.step-line{background-color:var(--border-muted);width:2px;position:absolute;top:2.5rem;bottom:0;left:1.25rem}.tabs{margin-bottom:2rem}.tabs-header{margin-bottom:1.5rem}.tabs-list{border-bottom:2px solid var(--border-muted);gap:.25rem;display:flex;overflow-x:auto}.tab-content{padding-top:1.5rem}.tab-panel{animation:fadeIn var(--transition-base)ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.target-audience{background-color:var(--surface-muted);padding:1.25rem 1.5rem}.takeaways-box,.target-audience{border-radius:var(--radius-card);margin-bottom:2rem}.takeaways-box{background-color:#ff3c0008;border:1px solid #ff3c001f;padding:1.5rem}.key-takeaways{border:1px solid var(--border-muted);border-left:4px solid var(--color-primary);background-color:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:2.5rem;padding:1.5rem 1.75rem}.key-takeaways-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);border:none;margin:0 0 .75rem;padding:0;font-size:.8rem;font-weight:700}.key-takeaways-list{margin:0;padding-left:1.25rem;list-style:outside}.key-takeaways-list li{color:var(--text-primary);margin:0 0 .5rem;line-height:1.6}.key-takeaways-list li::marker{color:var(--color-primary)}.key-takeaways-list li:last-child{margin-bottom:0}.prose .key-takeaways{margin-top:0}.prose .key-takeaways-title{border-bottom:none;margin-top:0;font-size:.8rem}.glossary-link{color:inherit;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:3px}.glossary-link:hover{color:var(--color-primary);text-decoration-style:solid}.prose a.glossary-link{color:inherit}.blog-hero-updated{color:var(--text-secondary);font-size:.8rem}.author-box{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);align-items:center;gap:1.25rem;max-width:720px;margin-top:2rem;padding:1.5rem;display:flex}.author-box-avatar{flex-shrink:0}.author-box-img{object-fit:cover}.author-box-img,.author-box-initial{border-radius:50%;width:56px;height:56px}.author-box-initial{background:linear-gradient(135deg,var(--color-primary),var(--color-coral));color:var(--color-white);justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;display:inline-flex}.author-box-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.author-box-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.author-box-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.05rem;font-weight:700;text-decoration:none}.author-box-name:hover{color:var(--color-primary)}.author-box-role{color:var(--text-secondary);margin:0;font-size:.85rem}.author-box-links{gap:1rem;margin-top:.35rem;display:flex}.author-box-link{color:var(--color-primary);font-size:.8rem;font-weight:600;text-decoration:none}.author-box-link:hover{text-decoration:underline}.team-bio{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.team-highlights{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.team-tags{flex-wrap:wrap;gap:.5rem;display:flex}.term-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-fast);padding:1.5rem}.term-card:hover{border-color:var(--color-primary)}.term-card-small{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-default);transition:border-color var(--transition-fast);padding:1rem 1.25rem}.term-card-small:hover{border-color:var(--color-primary)}.term-content{color:var(--text-secondary);margin-top:.5rem;font-size:.9rem;line-height:1.7}.term-english-large{font-size:.85rem}.term-english-large,.testimonial-box{color:var(--text-secondary);font-style:italic}.testimonial-box{border-radius:var(--radius-card);padding:1.5rem}.developer-quote,.testimonial-box{background-color:var(--surface-muted);border-left:4px solid var(--color-primary);line-height:1.7}.developer-quote{border-radius:0 var(--radius-default)var(--radius-default)0;color:var(--text-secondary);padding:1.25rem 1.5rem;font-style:italic}.whitespace-pre-line{white-space:pre-line}.tool-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.tool-card-no-underline,.tool-card-no-underline:hover{text-decoration:none}.tool-content-grid{grid-template-columns:1fr 320px;align-items:flex-start;gap:2rem;display:grid}.tool-description{color:var(--text-secondary);margin-top:.5rem;font-size:.9rem;line-height:1.6}.tool-features{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tool-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tool-hero{background:linear-gradient(135deg,#ff3c0008,#49ccf90a);padding-block:4rem}.tool-hero-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.tool-hero-description{color:var(--text-secondary);max-width:640px;margin-top:1rem;font-size:1.15rem;line-height:1.7}.tool-hero-header{max-width:700px}.tool-hero-logo{border-radius:var(--radius-card);object-fit:contain;width:4rem;height:4rem;margin-bottom:1rem}.tool-hero-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:.85rem;display:flex}.tool-link{color:var(--color-primary);align-items:center;gap:.375rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.tool-link:hover{text-decoration:underline}.tool-main-content{min-width:0}.tool-name{font-family:var(--font-display);color:var(--text-primary);font-weight:700}.tool-pricing{color:var(--text-secondary);font-size:.85rem}.tool-pricing,.tool-rating{align-items:center;gap:.25rem;display:flex}.tool-rating{color:var(--color-primary);font-size:.9rem;font-weight:600}.tool-sidebar{position:sticky;top:5rem}.tool-tag{color:var(--text-secondary);background-color:var(--surface-muted);border-radius:var(--radius-pill);align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.tools-category-label-primary{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.tools-list{flex-direction:column;gap:1rem;display:flex}.use-case-hero{text-align:center;background:linear-gradient(135deg,#ff3c0008,#ffb1990a);padding-block:4rem}.use-case-item{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);padding:1.25rem}.variables-list{color:var(--text-secondary);flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.vibe-hero{text-align:center;background:linear-gradient(135deg,#ff3c000a,#49ccf908);padding-block:5rem;position:relative;overflow:hidden}.vibe-hero-tag{color:var(--color-primary);border-radius:var(--radius-pill);background-color:#ff3c000f;align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.vibe-hero-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.vibe-definition{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);max-width:700px;box-shadow:var(--shadow-md);margin-inline:auto;padding:2rem}.vibe-definition-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.vibe-definition-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.vibe-section-header{text-align:center;margin-bottom:2.5rem}.vibe-section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.vibe-benefits{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.vibe-comparison{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.vibe-comparison-old{background-color:var(--surface-muted);border:1px solid var(--border-muted);border-radius:var(--radius-card);padding:1.5rem}.vibe-comparison-old-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.vibe-comparison-new{border:2px solid var(--color-primary);border-radius:var(--radius-card);background-color:#ff3c0008;padding:1.5rem}.vibe-comparison-new-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.vibe-cta{text-align:center;background-color:var(--surface-strong);border-radius:var(--radius-card);padding:3rem 2rem}.vibe-cta,.vibe-cta h2,.vibe-cta h3,.vibe-cta p{color:var(--text-on-strong)}.vibe-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.vibe-cta-content{max-width:600px;margin-inline:auto}.vibe-principles{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.vibe-principle-icon{margin-bottom:.75rem;font-size:2rem}.vibe-articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.vibe-article-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.vibe-article-description{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.vibe-resources{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.vibe-resource-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}.vibe-resource-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.vibe-resource-count{color:var(--text-secondary);font-size:.8rem;font-weight:500}.vibe-resource-icon{margin-bottom:.75rem;font-size:2rem}.why-section{background-color:var(--surface-muted);padding-block:5rem}.events-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.events-grid-past{opacity:.85}.events-meta{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem}.event-card{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;display:flex}.event-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-brutal-lg);transform:translateY(-2px)}.event-card-past{filter:grayscale(.2)}.event-card h3{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700;line-height:1.3}.event-card-meta{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.event-date{background:var(--color-primary);color:var(--text-on-accent);font-weight:700}.event-date,.event-where{border-radius:6px;padding:.25rem .6rem;display:inline-flex}.event-where{background:var(--surface-muted);color:var(--text-secondary);font-weight:600}.event-description{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.event-card-footer{border-top:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;font-size:.8rem;display:flex}.event-organizer{font-weight:600}.event-source{text-transform:uppercase;letter-spacing:.05em;background:var(--surface-muted);border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-5{top:calc(var(--spacing)*5)}.top-10{top:calc(var(--spacing)*10)}.top-50{top:calc(var(--spacing)*50)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.list-disc{list-style-type:disc}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:calc(var(--spacing)*4)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-100{background-color:var(--color-red-100)}.bg-yellow-100{background-color:var(--color-yellow-100)}.p-4{padding:calc(var(--spacing)*4)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.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))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-green-800{color:var(--color-green-800)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}}@media (min-width:40rem){.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:48rem){.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}}:root,html[data-theme=light]{color-scheme:light;--surface-page:#faf6f1;--surface-card:#fff;--surface-muted:#f3ede6;--surface-strong:#312e2e;--surface-strong-alt:#453f3d;--surface-overlay:#312e2e66;--text-primary:#312e2e;--text-secondary:#5c5347;--text-inverse:#faf6f1;--text-on-accent:#fff;--text-on-strong:#faf6f1;--text-link:#ff3c00;--border-strong:#312e2e;--border-muted:#e8e2db;--border-subtle:#f3ede6;--shadow-sm:0 1px 2px #312e2e0a;--shadow-md:0 2px 8px #312e2e0d,0 1px 2px #312e2e08;--shadow-lg:0 8px 24px #312e2e12,0 2px 6px #312e2e08;--shadow-xl:0 16px 40px #312e2e1a,0 4px 12px #312e2e0a;--focus-ring:0 0 0 3px #ff3c0040;--color-error:#dc2626}.dark,html[data-theme=dark]{color-scheme:dark;--surface-page:#191818;--surface-card:#242121;--surface-muted:#242121;--surface-strong:#312e2e;--surface-strong-alt:#453f3d;--surface-overlay:#00000080;--text-primary:#faf6f1;--text-secondary:#a09a93;--text-inverse:#191818;--text-on-accent:#fff;--text-on-strong:#faf6f1;--text-link:#ff5722;--border-strong:#ff3c00;--border-muted:#453f3d;--border-subtle:#312e2e;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #00000040,0 1px 2px #00000026;--shadow-lg:0 8px 24px #00000059,0 2px 6px #0003;--shadow-xl:0 16px 40px #00000073,0 4px 12px #00000040;--focus-ring:0 0 0 3px #ff572259;--color-error:#f87171}@media (max-width:1024px){.nav-links-desktop{display:none}.mobile-toggle{display:flex}.nav-cta-desktop{display:none}.grid-3,.grid-4,.home-stats-grid{grid-template-columns:repeat(2,1fr)}.home-stats-grid{gap:1.5rem}.footer-grid,.home-showcase-grid{grid-template-columns:repeat(2,1fr)}.featured-project{gap:2rem}.featured-project,.projects-grid{grid-template-columns:1fr}.case-study-compact,.related-content-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.tool-content-grid{grid-template-columns:1fr}}@media (max-width:640px){.section,.section-alt,.section-dark,.section-faq,.section-featured,.section-projects,.section-tools{padding-block:3rem}.container,.container-md,.container-sm{padding-inline:1rem}.example-comparison,.grid-2,.grid-2x2,.grid-3,.grid-4,.home-workshop,.pros-cons-grid,.tool-content-grid,.vibe-comparison{grid-template-columns:1fr}.filter-btn{min-height:44px;padding:.625rem 1rem}.blog-hero-tag,.tag{min-height:36px;padding:.5rem .75rem}.author-box{flex-direction:column;align-items:flex-start}.author-box,.key-takeaways{padding:1.25rem}.alphabet-link,.team-links a{width:2.75rem;height:2.75rem}.footer-link{padding-block:.5rem;display:block}.footer-group nav{gap:0}.breadcrumbs-item a{padding-block:.5rem;display:inline-block}.faq-question{padding:1.25rem 1rem;font-size:1rem}.faq-answer{padding:0 1rem 1.25rem}.example-section{grid-template-columns:1fr}.hero{padding-block:5rem 3rem}.hero-full{text-align:center;padding-block:5rem 2.5rem}.hero-buttons{flex-direction:column;justify-content:center}.home-hero{padding-top:5.5rem;padding-bottom:3rem}.home-hero-cta{flex-direction:column;align-items:center}.home-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.home-showcase-grid{grid-template-columns:1fr}.home-final-cta{padding-block:3.5rem}.home-cta-buttons{flex-direction:column;align-items:center}.blog-grid,.contact-form-row{grid-template-columns:1fr}.contact-card,.modal{padding:1.25rem}.contact-form-footer{flex-direction:column;align-items:stretch}.contact-form-footer .btn{justify-content:center}.blog-featured-card-v2{padding:1.5rem}.blog-hero{padding:4rem 1rem 2rem}.blog-hero-title{font-size:1.5rem}.blog-hero-description{font-size:1rem}.blog-hero-meta{gap:.75rem}.blog-body{padding-block:1.5rem 3rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:1rem}.footer-meta{flex-wrap:wrap;justify-content:center}.footer-cta-actions{flex-direction:column;align-items:center}.case-study-compact,.case-study-details,.related-content-grid{grid-template-columns:1fr}.step-item{flex-direction:column;gap:.75rem}.featured-project{padding:1.5rem}.btn-lg{padding:.875rem 1.75rem;font-size:.95rem}.prose{font-size:1rem}.prose h2{font-size:1.4rem}.prose h3{font-size:1.15rem}.prose pre{border-radius:var(--radius-input);padding:1rem;font-size:.8rem}}@media (min-width:1280px){.blog-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:641px) and (max-width:1279px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media print{.footer,.footer-cta,.hero-buttons,.home-cta-buttons,.home-hero-cta,.mobile-menu,.nav,.theme-toggle{display:none!important}body{color:#000;background:#fff}.prose{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.error-card,.guide-card,.mistake-card,.path-card,.prompt-card,.use-case-card,.use-case-context-card,.use-case-metric-card{background:var(--surface-card);border:1px solid var(--border-muted);border-radius:16px;padding:1.5rem;transition:box-shadow .2s}.error-card:hover,.guide-card:hover,.mistake-card:hover,.path-card:hover,.prompt-card:hover,.use-case-card:hover,.use-case-context-card:hover,.use-case-metric-card:hover{box-shadow:var(--shadow-brutal-lg)}.mistakes-grid,.paths-grid,.tag-list,.tech-stack-list,.terms-grid,.tips-list,.use-case-metrics-grid,.use-case-tools-list,.use-cases-grid{gap:1.5rem;display:grid}.category-header,.comparison-card-header,.cursor-hero,.guide-card-header,.path-card-header,.project-card-header,.prompt-header,.term-card-header{margin-bottom:1.5rem}.project-card-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.guide-time{color:var(--text-secondary);font-size:.8rem}.comparison-table-wrapper,.example-section,.letter-section,.variables-section,.verdict-section{margin-bottom:2rem}.guide-count,.mistakes-count,.project-count,.tool-category-badge,.use-case-role-chip{background:var(--surface-muted);color:var(--text-secondary);border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.path-meta,.path-stats,.use-cases-hero-stats{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.path-duration{color:var(--text-secondary);font-size:.85rem}.path-outcomes{margin-top:1rem}.path-outcomes h4{color:var(--text-primary);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.path-outcomes ul{color:var(--text-secondary);font-size:.85rem;list-style:inside}.comparison-hero-tools,.comparison-tools,.meista-profile-actions,.use-case-role-chips{flex-wrap:wrap;gap:.75rem;display:flex}.mistake-preview,.prompt-content,.use-case-long-description,.use-case-preview,.use-case-section-intro,.verdict-text{color:var(--text-secondary);line-height:1.7}.category-name,.letter-heading,.step-title,.use-case-metric-label,.use-case-role-heading,.winner-label,.winner-name{font-family:var(--font-display);color:var(--text-primary);font-weight:700}.comparison-card-link,.use-case-card-cta{color:var(--color-primary);font-weight:600;transition:color .15s}.comparison-card-link:hover,.use-case-card-cta:hover{color:var(--color-primary-hover)}.score-cell,.score-notes{color:var(--text-secondary);font-size:.875rem}.recommendation,.recommendations{background:var(--surface-muted);border-radius:12px;padding:1.5rem}.tag-highlight{background:linear-gradient(120deg,var(--color-primary)0,var(--color-primary)100%);background-position:0 88%;background-repeat:no-repeat;background-size:100% .2em}.score-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:800}.comparison-hero-vs,.comparison-vs{font-family:var(--font-display);color:var(--text-secondary);text-align:center;font-weight:700}.category-icon,.cursor-logo,.feature-icon{flex-shrink:0}.code-block{background:var(--surface-strong);color:var(--text-inverse);border-radius:12px;padding:1.5rem;font-family:monospace;font-size:.875rem;overflow-x:auto}.comparison-detail-table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.comparison-detail-table tbody,.comparison-detail-table thead{width:100%;display:table}.comparison-detail-table td,.comparison-detail-table th{border-bottom:1px solid var(--border-muted);text-align:left;padding:.75rem 1rem}.comparison-tools-small,.comparison-vs-small{font-size:.875rem}.cons,.pros{gap:.5rem;display:grid}.large{font-size:1.25rem}.score-bar{height:8px;transition:width .3s}.score-bar,.score-fill{background:var(--color-primary);border-radius:4px}.score-fill{height:100%;width:var(--score-width,0)}.use-case-context-card-accent{border-left:4px solid var(--color-primary);padding-left:1rem}.verdict-winner{color:var(--color-lime);font-weight:700}.home-hero-subtitle{max-width:540px;font-size:1.2rem;line-height:1.7}.home-cta-description,.home-hero-subtitle{color:var(--text-secondary);margin-inline:auto}.home-cta-description{text-align:center;max-width:480px;margin:0 auto 2rem;font-size:1.1rem}.hero p{max-width:600px;margin-inline:auto}.container-narrow{max-width:var(--container-sm)}.uc-audience-chip{border-radius:var(--radius-pill);color:var(--color-primary);background-color:#ff3c0014;margin-bottom:1rem;padding:.375rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.uc-hero-desc{color:var(--text-secondary);max-width:600px;margin-inline:auto;font-size:1.1rem;line-height:1.7}.uc-long-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.uc-flow{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:640px){.uc-flow{grid-template-columns:1fr}}.uc-flow-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);padding:2rem}.uc-flow-card p{color:var(--text-secondary);margin-top:.75rem;line-height:1.7}.uc-flow-card--accent{border-left:4px solid var(--color-primary)}.uc-flow-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.85rem;font-weight:700;display:block}.uc-flow-label--accent{color:var(--color-primary)}.uc-benefits{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;list-style:none;display:grid}.uc-benefit{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;line-height:1.6;display:flex}.uc-benefit-check{width:1.5rem;height:1.5rem;color:var(--color-lime);background-color:#22c55e1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.uc-section-intro{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.uc-ideas{flex-direction:column;list-style:none}.uc-idea,.uc-ideas{gap:1rem;display:flex}.uc-idea{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);align-items:flex-start;padding:1.25rem;line-height:1.6}.uc-idea-num{width:2rem;height:2rem;color:var(--color-primary);background-color:#ff3c0014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.uc-two-col{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:640px){.uc-two-col{grid-template-columns:1fr}}.uc-simple-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);padding:2rem}.uc-simple-card h3{font-family:var(--font-display);margin-bottom:1rem;font-weight:700}.uc-tool-chips{flex-wrap:wrap;gap:.5rem;display:flex}.uc-tool-chip{border-radius:var(--radius-pill);background-color:var(--surface-muted);color:var(--text-link);transition:background-color var(--transition-fast);padding:.375rem .875rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-block}.uc-tool-chip:hover{background-color:#ff3c0014}.uc-metrics{flex-direction:column;gap:.75rem;list-style:none;display:flex}.uc-metrics li{color:var(--text-secondary);padding-left:1.25rem;line-height:1.6;position:relative}.uc-metrics li:before{content:"";background-color:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.uc-prompts{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.uc-prompt{background-color:var(--surface-muted);border-radius:var(--radius-card);color:var(--text-primary);white-space:pre-wrap;padding:1.25rem;font-family:monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.uc-prompt-link{text-align:center;margin-top:1.5rem}.uc-quote{background-color:var(--surface-card);border-radius:var(--radius-card);border-left:4px solid var(--color-primary);padding:2rem}.uc-quote p{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem;font-style:italic;line-height:1.8}.uc-quote footer{color:var(--text-secondary);font-size:.9rem;font-style:normal}.uc-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.uc-related-card{background-color:var(--surface-card);border:1px solid var(--border-muted);border-radius:var(--radius-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding:1.5rem;text-decoration:none;display:block}.uc-related-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.uc-related-card h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.uc-related-audience{color:var(--text-secondary);margin-bottom:.5rem;font-size:.8rem;display:inline-block}.uc-related-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.tools-hero-subtitle{color:var(--text-secondary);max-width:520px;margin-inline:auto;font-size:1.1rem;line-height:1.7}.tools-cat-header{margin-bottom:2rem}.tools-cat-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.25rem;font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:700}.tools-cat-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.tool-logo{object-fit:contain;border-radius:var(--radius-sm)}.tools-cta-wrap{text-align:center}.tools-cta-wrap h2{font-family:var(--font-display);margin-bottom:.75rem;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}.tools-cta-desc{color:var(--text-secondary);max-width:480px;margin:0 auto 1.5rem;line-height:1.7}.section-tight-top{padding-top:1rem}.prompt-box{background-color:var(--surface-strong);color:var(--text-on-strong);border-radius:12px;padding:1.5rem;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.875rem;line-height:1.7;position:relative;overflow-x:auto}.prompt-box pre{white-space:pre-wrap;word-break:break-word;margin:0}.copy-button{font-size:.75rem;font-weight:600;font-family:var(--font-body);color:var(--text-secondary);background-color:var(--surface-muted);border:1px solid var(--border-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.375rem .75rem;display:inline-flex}.copy-button:hover{color:var(--text-primary);background-color:var(--surface-card);border-color:var(--color-gray-300)}.prompt-box .copy-button{color:var(--text-on-strong);background-color:#ffffff1f;border-color:#fff3;position:absolute;top:.75rem;right:.75rem}.prompt-box .copy-button:hover{color:var(--text-on-strong);background-color:#ffffff38}.finnish-tips{background-color:var(--surface-muted);border-radius:var(--radius-card);margin-top:1.5rem;padding:1.25rem 1.5rem}.finnish-tips h3{margin-bottom:.75rem;font-size:1rem}.finnish-tips ul{color:var(--text-secondary);font-size:.9rem;line-height:1.7;list-style:inside}.difficulty-badge{border-radius:9999px;align-items:center;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.guide-card{position:relative;overflow:hidden}.guide-number{color:#ff3c001a;pointer-events:none;font-size:2.5rem;font-weight:700;line-height:1;position:absolute;top:.75rem;right:1rem}.guide-card h3,.guide-number{font-family:var(--font-display)}.guide-teaser{color:var(--text-secondary);margin-top:.5rem;font-size:.8rem;font-style:italic;line-height:1.5}.guide-meta-row{color:var(--text-secondary);align-items:center;gap:.5rem;margin-top:.75rem;font-size:.75rem;display:flex}.guide-step-count{color:var(--color-primary);font-weight:600}.difficulty-section-aloittelija{border-left:4px solid var(--color-lime);padding-left:1rem}.difficulty-section-keskitaso{border-left:4px solid var(--color-cyan);padding-left:1rem}.difficulty-section-edistynyt{border-left:4px solid var(--color-coral);padding-left:1rem}.tip-scroll-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.tip-scroll-row>.tip-card{scroll-snap-align:start;flex-shrink:0;min-width:280px;margin-bottom:0}.tool-at-a-glance{background:var(--surface-muted);border-radius:var(--radius-card);flex-wrap:wrap;gap:2rem;padding:1.25rem 1.5rem;display:flex}.tool-fact{flex-direction:column;gap:.125rem;display:flex}.tool-fact-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.tool-fact-value{color:var(--text-primary);font-weight:600}.tool-pros-card{border-left:4px solid var(--color-lime)}.tool-cons-card{border-left:4px solid var(--color-error,#ef4444)}.tool-feature-card{align-items:flex-start;gap:1rem;display:flex}.tool-feature-number{font-family:var(--font-display);color:#ff3c0040;flex-shrink:0;font-size:1.25rem;font-weight:700;line-height:1.4}.pricing-card-featured{border-color:var(--color-primary);box-shadow:var(--shadow-md);padding:2rem;position:relative;overflow:hidden}.pricing-card-featured:before{content:"";background:linear-gradient(90deg,var(--color-primary)0,var(--color-coral)50%,var(--color-cyan)100%);width:100%;height:4px;position:absolute;top:0;left:0}.pricing-card-featured:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-dark)}.checklist{flex-direction:column;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.checklist li{color:var(--text-primary);align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.95rem;line-height:1.5;display:flex}.checklist li:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2322C55E'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.1rem}.project-detail-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.project-detail-meta .project-tech-stack{margin-top:0}.project-time{color:var(--text-secondary);font-size:.8rem}.category-icon{flex-shrink:0;margin-bottom:.75rem;font-size:2rem;line-height:1}html[data-theme=dark] .calc-bar-track,html[data-theme=dark] .calc-time-row{background-color:var(--surface-strong)}@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-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}