.dev-home{background:var(--bg);color:var(--body);min-height:100vh;font-family:var(--font-system);font-size:14px;line-height:1.6}.dev-home *,.dev-home :after,.dev-home :before{box-shadow:none}.dev-home .landing{max-width:1280px;padding:0 40px;margin:auto}.dev-home h1,.dev-home h2,.dev-home h3{font-family:var(--font-system);font-weight:600;letter-spacing:-.02em;color:var(--text)}.dev-home p{color:var(--body)}.dev-home .public-nav{height:80px;background:transparent;border:0;border-bottom:1px solid var(--line);gap:32px}.dev-home .brand{font-family:var(--font-system);font-size:22px;font-weight:600;letter-spacing:-.02em;gap:0}.dev-home .brand span{margin:0;color:var(--muted)}.dev-home .public-nav nav{font-size:14px;color:var(--muted);gap:32px}.dev-home .public-nav nav a:hover{color:var(--accent-text)}.dev-home .button,.dev-home .language,.dev-home button{border-radius:8px;font-family:var(--font-system);font-size:14px;font-weight:500;min-height:40px;padding:9px 16px}.dev-home .button-primary{background:var(--accent);border:1px solid var(--accent);color:#ffffff}.dev-home .button-primary:hover{background:var(--accent-hover);border-color:var(--accent-border);color:#ffffff}.dev-home .button-outline{background:var(--surface);border:1px solid var(--accent-border);color:var(--accent-text)}.dev-home .button-outline:hover{background:var(--accent-soft);border-color:var(--accent-text);color:#ffffff}.dev-home .button:disabled{opacity:1;background:var(--bg);cursor:not-allowed}.dev-home .language{font-family:var(--font-mono);font-size:12px;background:transparent;border:0;color:var(--muted);padding:8px}.dev-home :is(a,button,summary):focus-visible{outline:2px solid var(--accent-text);outline-offset:4px;border-radius:8px}.dev-home .hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:0;padding:72px 0;gap:32px;align-items:center}.dev-home .eyebrow{font:12px/1.5 var(--font-mono);color:var(--muted);letter-spacing:0;margin-bottom:20px}.dev-home .hero h1{font-size:clamp(34px,4vw,52px);line-height:1.12;max-width:620px}.dev-home .hero-copy>p{font-size:16px;line-height:1.7;margin:24px 0;max-width:540px}.dev-home .hero-actions{gap:12px}.dev-home .hero-foot{font-size:12px;line-height:1.6;color:var(--muted);gap:8px;margin-top:20px;flex-wrap:wrap}.dev-home .result-preview{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden}.dev-home .preview-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px;border-bottom:1px solid var(--line);align-items:center}.dev-home .preview-label,.dev-home .preview-tag{font:12px/1.5 var(--font-mono);color:var(--muted)}.dev-home .preview-tag{padding:4px 8px;border-radius:8px;background:var(--bg)}.dev-home .preview-content{padding:24px}.dev-home .preview-path{display:flex;gap:10px;align-items:center;margin-bottom:20px;color:var(--muted)}.dev-home code{font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.dev-home .result-preview h2{font-size:20px;line-height:1.4;margin:0 0 12px}.dev-home .result-preview p{font-size:14px;line-height:1.6}.dev-home .preview-evidence{display:grid;gap:8px;background:var(--bg);border-radius:8px;padding:16px;margin-top:24px}.dev-home .preview-evidence>span,.dev-home .preview-next>span{font:12px/1.5 var(--font-mono);color:var(--muted)}.dev-home .preview-next{margin-top:24px}.dev-home .preview-next p{margin-top:8px;color:var(--text)}.dev-home .preview-footer{border-top:1px solid var(--line);padding:24px;display:flex;gap:10px;align-items:center;font:12px/1.5 var(--font-mono);color:var(--muted)}.dev-home .product-types{border:0;border-bottom:1px solid var(--line);padding:0 0 32px;gap:24px;color:var(--muted);font-size:12px;flex-wrap:wrap}.dev-home .section{padding:56px 0;border-bottom:1px solid var(--line)}.dev-home .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.dev-home .faq h2,.dev-home .section-head h2,.dev-home .workflow h2{font-size:34px;line-height:1.15;max-width:650px}.dev-home .section-head>p{font-size:14px;line-height:1.6;max-width:340px}.dev-home .feature-grid,.dev-home .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border:0}.dev-home .feature,.dev-home .price-card{border:1px solid var(--line);border-radius:8px;padding:24px;background:var(--surface)}.dev-home .feature>.row{margin-bottom:24px}.dev-home .feature .mono{font:12px var(--font-mono);color:var(--muted)}.dev-home .feature svg{width:20px;height:20px;color:var(--text)}.dev-home .feature h3{font-size:18px;margin:0 0 12px}.dev-home .feature p{font-size:14px;line-height:1.7;min-height:0}.dev-home .feature-tag{font:12px/1.5 var(--font-mono);margin-top:24px;padding:0;border:0;color:var(--muted)}.dev-home .workflow{grid-template-columns:1fr 1fr;gap:32px;border-top:0}.dev-home .workflow p{margin-top:20px;font-size:14px;line-height:1.7;max-width:430px}.dev-home .steps{border:1px solid var(--line);background:var(--surface);padding:24px;border-radius:8px}.dev-home .steps>div{padding:20px 0;gap:16px;border-bottom:1px solid var(--line)}.dev-home .steps>div:first-child{padding-top:0}.dev-home .steps>div:last-child{padding-bottom:0;border-bottom:0}.dev-home .steps span{font:12px var(--font-mono);color:var(--muted)}.dev-home .steps h3{font-size:14px;line-height:1.6}.dev-home .steps svg{display:none}.dev-home .price-card{display:flex;flex-direction:column}.dev-home .price-card h3{font:600 18px var(--font-system);color:var(--text);text-transform:none;letter-spacing:-.02em}.dev-home .price{font-family:var(--font-system);font-size:36px;font-weight:600;letter-spacing:-.02em;margin:20px 0 8px}.dev-home .price span{font:14px var(--font-system);color:var(--muted)}.dev-home .price-card>p{font-size:14px}.dev-home .price-card ul{gap:14px;margin:24px 0;flex:1}.dev-home .price-card li{color:var(--body);font-size:14px;line-height:1.5;align-items:flex-start}.dev-home .price-card li svg{color:var(--muted);margin-top:3px}.dev-home .price-card .button{margin-top:8px}.dev-home details.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:24px;margin:32px 0 0}.dev-home details.panel p{font-size:14px;line-height:1.7;margin:20px 0 0}.dev-home summary{cursor:pointer;font-size:14px;font-weight:500}.dev-home .faq{max-width:none;margin:0}.dev-home .faq h2{margin-bottom:32px}.dev-home .faq details{border-bottom:1px solid var(--line)}.dev-home .faq details:last-child{border-bottom:0}.dev-home .faq summary{padding:20px 0}.dev-home .faq p{font-size:14px;line-height:1.7;padding-bottom:24px}.dev-home footer{border:0;padding:32px 0;gap:32px;font-size:12px;color:var(--muted)}.dev-home footer a:hover{color:var(--accent-text)}@media(max-width:1000px){.dev-home .landing{padding-inline:24px}.dev-home .hero{grid-template-columns:1fr;padding:48px 0}.dev-home .hero-copy{max-width:680px}.dev-home .feature-grid,.dev-home .pricing-grid{gap:32px}.dev-home .feature,.dev-home .price-card{padding:24px}.dev-home .section-head{align-items:flex-start;flex-direction:column}.dev-home .section-head>p{max-width:640px}}@media(max-width:700px){.dev-home .landing{padding-inline:20px}.dev-home .public-nav{height:72px;gap:16px}.dev-home .public-nav nav{display:none}.dev-home .public-nav>.row{gap:8px}.dev-home .hero{padding:40px 0;gap:32px}.dev-home .hero h1{font-size:38px}.dev-home .hero-copy>p{font-size:16px}.dev-home .hero-actions{flex-direction:column}.dev-home .hero-actions .button{width:100%}.dev-home .feature-grid,.dev-home .pricing-grid,.dev-home .workflow{grid-template-columns:1fr;gap:32px}.dev-home .section{padding:40px 0}.dev-home .faq h2,.dev-home .section-head h2,.dev-home .workflow h2{font-size:26px}.dev-home .product-types{justify-content:flex-start;gap:16px 24px}.dev-home footer{flex-wrap:wrap;gap:24px}}.dev-home .price-card ul{align-content:start}.dev-home .brand,.dev-home .price{color:var(--text)}.dev-home .hero-foot,.dev-home .preview-footer,.dev-home .price-card>p,.dev-home .section-head>p{color:var(--muted)}.dev-home .language{border:1px solid var(--line);background:var(--surface)}.dev-home .language:hover{background:var(--surface2);color:var(--text)}.dev-home .button svg{color:currentColor}.dev-home .hero-actions .button{min-height:44px;font-weight:500}.dev-home :is(button,a,summary,.feature,.price-card,.result-preview,.steps,details.panel){transition:all .2s ease}.dev-home .button:disabled{background:var(--surface);border-color:var(--line);color:var(--muted)}@media (hover:hover){.dev-home :is(.feature,.price-card,.result-preview,.steps,details.panel):hover{background:var(--surface);border-color:var(--accent-border)}}.dev-home .faq summary{color:var(--body)}.dev-home .faq summary:focus-visible,.dev-home .faq summary:hover{color:#ffffff}.dev-home :is(input,textarea,select):focus-visible{outline:none;border:1px solid var(--accent)}.dev-home details.panel:focus-within{border-color:var(--accent-border)}@media (prefers-reduced-motion:reduce){.dev-home *,.dev-home :after,.dev-home :before{transition-duration:0s!important}}.dev-home .result-preview{border-color:#315344}.dev-home .preview-tag{color:var(--accent-text);background:var(--accent-soft)}