*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#faf7f2;color:#2d2a26;min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf7f2e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(45,42,38,.08)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(110deg,#e07a5f,#d4a574 50%,#c9ada7);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}.nav-links{display:flex;gap:2rem}.nav-link{font-size:.95rem;opacity:.8;transition:opacity .2s}.nav-link:hover{opacity:1}.nav-actions{display:flex;gap:.75rem;align-items:center}.nav-vibes-dropdown{position:relative}.nav-vibes-trigger{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid rgba(45,42,38,.15);color:#2d2a26;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-vibes-trigger:hover{background:#2d2a260d;border-color:#2d2a2633}.nav-vibes-trigger.active{background:#2d2a2614;border-color:#2d2a2633}.nav-dropdown-arrow{transition:transform .2s}.nav-vibes-trigger.active .nav-dropdown-arrow{transform:rotate(180deg)}.nav-vibes-menu{position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%);min-width:260px;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:12px;padding:.5rem;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-8px);transition:all .2s ease;z-index:200;max-height:400px;overflow-y:auto;box-shadow:0 8px 32px #2d2a261f}.nav-vibes-menu.active{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav-vibes-section{margin-bottom:.5rem}.nav-vibes-section:last-child{margin-bottom:0}.nav-vibes-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.5;padding:.5rem .75rem .25rem}.nav-vibe-item{display:flex;flex-direction:column;padding:.6rem .75rem;border-radius:8px;transition:background .15s;text-decoration:none;color:#2d2a26}.nav-vibe-item:hover{background:#2d2a260d}.nav-vibe-name{font-weight:500;font-size:.9rem}.nav-vibe-slug{font-size:.75rem;opacity:.5;font-family:SF Mono,Fira Code,monospace}.nav-vibes-loading,.nav-vibes-error,.nav-vibes-empty{padding:1.5rem 1rem;text-align:center;font-size:.9rem}.nav-vibes-loading{opacity:.6}.nav-vibes-error{color:#ff6b6b}.nav-vibes-empty p{margin:0 0 1rem;opacity:.7}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#e07a5f,#d4a574 60%,#c9ada7);color:#1a1715}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{background:transparent;border:1px solid rgba(45,42,38,.2);color:#2d2a26}.btn-ghost:hover{background:#2d2a260d;border-color:#2d2a2633}.btn-large{padding:.85rem 1.75rem;font-size:1.05rem}.btn-block{width:100%}main{padding-top:80px}.hero{text-align:center;padding:6rem 2rem 4rem;max-width:900px;margin:0 auto}.hero-badge{display:inline-block;padding:.4rem 1rem;background:#e07a5f26;border:1px solid rgba(224,122,95,.3);border-radius:999px;font-size:.85rem;font-weight:600;color:#d4a574;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;margin:0 0 1.5rem;letter-spacing:-.03em}.gradient-text{background:linear-gradient(110deg,#e07a5f,#d4a574 50%,#c9ada7);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);max-width:650px;margin:0 auto 2rem;opacity:.85;line-height:1.6;letter-spacing:.01em}.hero-animate{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.hero-animate-delay-1{animation-delay:.15s}.hero-animate-delay-2{animation-delay:.3s}.hero-animate-delay-3{animation-delay:.45s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.hero-note{font-size:.9rem;opacity:.6;margin:0}.logos-section{padding:2rem 2rem 4rem;text-align:center}.logos-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:1.25rem}.logos-grid{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.logo-item{font-size:.95rem;font-weight:500;opacity:.6;padding:.5rem 1rem;border:1px solid rgba(45,42,38,.1);border-radius:6px}.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin:0 0 1rem;letter-spacing:-.02em}.section-lede{font-size:1.1rem;opacity:.75;max-width:600px;margin:0 auto}.section-cta{text-align:center;margin-top:2.5rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.feature-card{background:#fff;border:1px solid rgba(45,42,38,.08);border-radius:16px;padding:2rem;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);border-color:#2d2a2626;box-shadow:0 12px 40px #2d2a261a}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#e07a5f26,#d4a57426);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:#e07a5f}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.feature-card p{margin:0;opacity:.75;line-height:1.6}.vibe-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.vibe-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:16px;padding:1.75rem;transition:transform .2s,border-color .2s,box-shadow .2s}.vibe-card:hover{transform:translateY(-4px);border-color:#2d2a2626;box-shadow:0 16px 40px #2d2a261a}.vibe-card header{margin-bottom:1rem}.vibe-card h3{margin:0 0 .4rem;font-size:1.3rem;font-weight:600}.vibe-tag{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;opacity:.6}.vibe-summary{flex:1;margin:0 0 1.25rem;opacity:.8;line-height:1.6}.vibe-link{align-self:flex-start;background:linear-gradient(120deg,#e07a5f,#d4a574 60%,#c9ada7);color:#1a1715;font-weight:600;padding:.65rem 1.25rem;border-radius:8px;transition:opacity .2s,transform .2s}.vibe-link:hover{opacity:.9;transform:translateY(-1px)}.how-section{position:relative;background:#2d2a2605;border-top:1px solid rgba(45,42,38,.08);border-bottom:1px solid rgba(45,42,38,.08);max-width:100%;padding-left:2rem;padding-right:2rem}.how-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(45,42,38,.08) 3px,transparent 3px);background-size:16px 16px;opacity:.4;pointer-events:none}.how-section>*{max-width:1200px;margin-left:auto;margin-right:auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step{text-align:center;padding:1.5rem}.step-number{width:56px;height:56px;background:linear-gradient(135deg,#e07a5f,#d4a574);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#1a1715;margin:0 auto 1.25rem}.step h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.step p{margin:0;opacity:.75;line-height:1.6}.examples-section{background:linear-gradient(180deg,transparent,rgba(224,122,95,.03) 50%,transparent)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.example-card{background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:16px;padding:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s}.example-card:hover{transform:translateY(-4px);border-color:#2d2a2626;box-shadow:0 12px 40px #2d2a261a}.example-card h3{font-size:1.2rem;font-weight:600;margin:1rem 0 .5rem}.example-card p{margin:0;opacity:.75;font-size:.95rem;line-height:1.5}.example-mockup{height:160px;background:#2d2a2614;border-radius:8px;position:relative;overflow:hidden}.example-mockup-crossword{background:linear-gradient(135deg,#e8e4df,#d4cfc8)}.mockup-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(45,42,38,.2),transparent),radial-gradient(2px 2px at 60px 80px,rgba(45,42,38,.15),transparent),radial-gradient(1px 1px at 90px 20px,rgba(45,42,38,.25),transparent),radial-gradient(1px 1px at 130px 60px,rgba(45,42,38,.2),transparent),radial-gradient(2px 2px at 170px 100px,rgba(45,42,38,.15),transparent)}.mockup-grid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:2px}.mockup-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(45,42,38,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(45,42,38,.2) 1px,transparent 1px);background-size:20px 20px}.example-mockup-reunion{background:linear-gradient(135deg,#e4e8e4,#d0d8d0)}.mockup-calendar{position:absolute;top:20px;left:20px;width:80px;height:60px;background:#2d2a2614;border-radius:4px}.mockup-calendar:before{content:"";position:absolute;top:8px;left:8px;right:8px;height:4px;background:#34c75980;border-radius:2px}.mockup-chat{position:absolute;bottom:20px;right:20px;width:100px;height:50px;background:#2d2a260d;border-radius:8px}.mockup-chat:before,.mockup-chat:after{content:"";position:absolute;left:8px;height:6px;background:#2d2a2626;border-radius:3px}.mockup-chat:before{top:10px;width:60px}.mockup-chat:after{top:22px;width:40px}.example-mockup-blog{background:linear-gradient(135deg,#ece4e8,#dcd0d8)}.mockup-article{position:absolute;top:20px;left:20px;right:60px;bottom:20px;background:#2d2a2608;border-radius:4px}.mockup-article:before,.mockup-article:after{content:"";position:absolute;left:10px;height:6px;background:#2d2a261a;border-radius:3px}.mockup-article:before{top:12px;width:70%}.mockup-article:after{top:26px;width:50%}.mockup-mcp-badge{position:absolute;bottom:15px;right:15px;background:linear-gradient(135deg,#e07a5f,#d4a574);color:#1a1715;font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;letter-spacing:.05em}.builder-section{background:#e07a5f05;border-top:1px solid rgba(45,42,38,.08);border-bottom:1px solid rgba(45,42,38,.08)}.builder-showcase{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:1000px;margin:0 auto}.builder-mockup{background:#2d2a260f;border:1px solid rgba(45,42,38,.1);border-radius:12px;padding:1.5rem}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(45,42,38,.1)}.builder-title{font-weight:600;font-size:1rem}.builder-status{font-size:.85rem;color:#059669;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.builder-agents{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.agent-badge{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:#2d2a2608;border-radius:8px;border:1px solid rgba(45,42,38,.1)}.agent-icon{font-size:1.1rem}.agent-name{font-size:.9rem;font-weight:500}.agent-planner{border-color:#e07a5f4d;background:#e07a5f14}.agent-developer{border-color:#d4a5744d;background:#d4a57414}.agent-validator{border-color:#34c7594d;background:#34c75914}.builder-activity{display:flex;flex-direction:column;gap:.5rem}.activity-line{height:8px;background:#2d2a260d;border-radius:4px;position:relative;overflow:hidden}.activity-line:after{content:"";position:absolute;top:0;left:0;height:100%;width:60%;background:linear-gradient(90deg,#d4a57466,#e07a5f66);border-radius:4px;animation:progress 2s ease-in-out infinite}.activity-line:nth-child(2):after{width:45%;animation-delay:.3s}.activity-line:nth-child(3):after{width:75%;animation-delay:.6s}@keyframes progress{0%,to{opacity:.6}50%{opacity:1}}.builder-workflow{display:flex;flex-direction:column;gap:1.5rem}.workflow-step{display:flex;gap:1rem;align-items:flex-start}.workflow-number{width:32px;height:32px;background:linear-gradient(135deg,#e07a5f,#d4a574);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#1a1715;flex-shrink:0}.workflow-content h4{font-size:1.1rem;font-weight:600;margin:0 0 .35rem}.workflow-content p{margin:0;font-size:.95rem;opacity:.75;line-height:1.5}.docs-coming-soon{text-align:center;padding:6rem 2rem;max-width:500px;margin:0 auto}.docs-coming-soon h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.docs-coming-soon p{font-size:1.1rem;opacity:.75;margin:0 0 2rem;line-height:1.6}.cta-section{text-align:center;padding:6rem 2rem}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin:0 0 1rem}.cta-content p{font-size:1.15rem;opacity:.75;margin:0 0 2rem}.footer{background:#2d2a2605;border-top:1px solid rgba(45,42,38,.08);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr 2fr;gap:4rem}.footer-brand{max-width:280px}.footer-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(110deg,#e07a5f,#d4a574 50%,#c9ada7);-webkit-background-clip:text;background-clip:text;color:transparent}.footer-tagline{margin:.75rem 0 0;opacity:.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem;opacity:.5}.footer-column a{display:block;padding:.4rem 0;opacity:.7;transition:opacity .2s}.footer-column a:hover{opacity:1}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(45,42,38,.08);text-align:center}.footer-bottom p{margin:0;font-size:.9rem;opacity:.5}.auth-container{min-height:calc(100vh - 180px);display:flex;align-items:center;justify-content:center;padding:4rem 2rem}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:20px;padding:2.5rem}.auth-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:center}.auth-subtitle{text-align:center;opacity:.7;margin:0 0 2rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500}.form-group input{padding:.75rem 1rem;background:#2d2a2608;border:1px solid rgba(45,42,38,.1);border-radius:8px;color:#2d2a26;font-size:1rem;transition:border-color .2s,background .2s}.form-group input:focus{outline:none;border-color:#e07a5f80;background:#2d2a260d}.form-group input::placeholder{color:#2d2a2666}.form-hint{font-size:.8rem;opacity:.6}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input{width:16px;height:16px;accent-color:#e07a5f}.form-link{color:#d4a574;transition:opacity .2s}.form-link:hover{opacity:.8}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#2d2a2614}.auth-divider span{font-size:.85rem;opacity:.6}.social-buttons{display:flex;flex-direction:column;gap:.75rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.95rem}.auth-footer a{color:#d4a574}.auth-terms{text-align:center;margin-top:1rem;font-size:.8rem;opacity:.6}.auth-terms a{color:#d4a574}.auth-error{background:#ff3b3026;border:1px solid rgba(255,59,48,.3);color:#ff6b6b;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.auth-success{background:#34c75926;border:1px solid rgba(52,199,89,.3);color:#059669;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;margin-bottom:1rem}.forgot-link{color:#d4a574;text-decoration:none;font-size:.9rem}.forgot-link:hover{text-decoration:underline}.account-container{max-width:1000px;margin:0 auto;padding:2rem}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.account-header h1{font-size:1.75rem;font-weight:700;margin:0}.account-user{display:flex;align-items:center;gap:1rem}.account-user-info{text-align:right}.account-user-name{font-weight:600;font-size:.95rem}.account-user-email{font-size:.85rem;opacity:.7}.account-section{margin-bottom:3rem}.account-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.account-section-header h2{font-size:1.25rem;font-weight:600;margin:0}.vibes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.vibe-item{position:relative;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:12px;padding:1.25rem;transition:border-color .2s}.vibe-delete-btn{position:absolute;top:.5rem;right:.5rem;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#2d2a2666;cursor:pointer;transition:color .2s,background .2s;padding:0}.vibe-delete-btn:hover{color:#ef4444;background:#ef44441a}.vibe-delete-btn svg{width:1rem;height:1rem}.vibe-item:hover{border-color:#2d2a2626}.vibe-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.vibe-item-title{font-size:1.1rem;font-weight:600;margin:0}.vibe-item-slug{font-size:.85rem;opacity:.6;font-family:monospace}.vibe-item-meta{display:flex;gap:.75rem;margin-top:.75rem}.vibe-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.2rem .5rem;border-radius:4px;background:#2d2a260d}.vibe-badge-private{background:#ff8a0026;color:#e07a5f}.vibe-badge-public{background:#34c75926;color:#34c759}.vibe-badge-role{background:#e07a5f26;color:#d4a574}.vibe-item-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-small{padding:.4rem .75rem;font-size:.85rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d2a2680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid rgba(45,42,38,.1)}.modal-header h3{font-size:1.15rem;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#2d2a2680;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#2d2a26}.modal-body{padding:1.25rem}.modal-footer{padding:1.25rem;border-top:1px solid rgba(45,42,38,.1);display:flex;justify-content:flex-end;gap:.75rem}.access-list{margin-bottom:1.5rem}.access-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(45,42,38,.08)}.access-item:last-child{border-bottom:none}.access-user{display:flex;flex-direction:column}.access-user-name{font-weight:500}.access-user-email{font-size:.85rem;opacity:.6}.access-actions{display:flex;gap:.5rem;align-items:center}.grant-form{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid rgba(45,42,38,.1)}.grant-form h4{font-size:.95rem;font-weight:600;margin:0}.grant-form-row{display:flex;gap:.75rem}.grant-form-row input{flex:1}.grant-form-row select{padding:.75rem;background:#2d2a2608;border:1px solid rgba(45,42,38,.1);border-radius:8px;color:#2d2a26;font-size:.9rem}.empty-state{text-align:center;padding:3rem 2rem;background:#2d2a2605;border:1px dashed rgba(45,42,38,.2);border-radius:12px}.empty-state p{margin:0 0 1rem;opacity:.7}.loading{text-align:center;padding:3rem;opacity:.6}.loading-spinner{display:inline-block;width:24px;height:24px;border:2px solid rgba(45,42,38,.15);border-top-color:#2d2a26;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-container{max-width:900px;margin:0 auto;padding:4rem 2rem}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin:0 0 1rem}.page-lede{font-size:1.2rem;opacity:.75;max-width:600px;margin:0 auto}.content-section{margin-bottom:3rem}.content-section h2{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.content-section p{opacity:.85;line-height:1.7;margin:0 0 1rem}.content-list{margin:1rem 0;padding-left:1.5rem;opacity:.85}.content-list li{margin-bottom:.5rem;line-height:1.6}.content-cta{display:flex;gap:1rem;margin-top:2rem}.contact-email{margin-top:2rem;font-size:1.5rem}.contact-email a{color:var(--accent);text-decoration:none;font-weight:500}.contact-email a:hover{text-decoration:underline}.docs-grid{display:flex;flex-direction:column;gap:3rem}.docs-section h2{font-size:1.35rem;font-weight:600;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(45,42,38,.1)}.docs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.docs-card{display:block;background:#fff;border:1px solid rgba(45,42,38,.1);border-radius:12px;padding:1.25rem}.docs-card h3{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.docs-card p{font-size:.9rem;opacity:.7;margin:0 0 .75rem;line-height:1.5}.docs-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;background:#e07a5f26;border:1px solid rgba(224,122,95,.25);border-radius:4px;color:#d4a574}.docs-cta{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(45,42,38,.1)}.docs-cta p{margin:0 0 1rem;opacity:.7}.legal-page .page-container{max-width:800px}.legal-content{opacity:.9}.legal-content section{margin-bottom:2.5rem}.legal-content h2{font-size:1.35rem;font-weight:600;margin:0 0 1rem}.legal-content h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .75rem}.legal-content p{line-height:1.7;margin:0 0 1rem}.legal-content ul{margin:1rem 0;padding-left:1.5rem}.legal-content li{margin-bottom:.5rem;line-height:1.6}.legal-content a{color:#d4a574}@media (max-width: 768px){.nav-links{display:none}.hero{padding:4rem 1.5rem 3rem}.section{padding:3rem 1.5rem}.feature-grid,.vibe-gallery,.steps-grid,.examples-grid{grid-template-columns:1fr}.builder-showcase{grid-template-columns:1fr;gap:2rem}.builder-mockup{order:2}.builder-workflow{order:1}.footer-container{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.nav-container{padding:.85rem 1rem}.hero-cta{flex-direction:column;align-items:stretch}.footer-links{grid-template-columns:1fr}.example-mockup{height:140px}.workflow-step{flex-direction:column;align-items:center;text-align:center}.workflow-content{text-align:center}}