body,main,section{overflow-x:visible;overflow-y:visible}body{font-family:OpenDyslexic,Arial,sans-serif;color:#fff;background:linear-gradient(135deg,#081a2f,#061423);margin:0;padding:0;position:relative;z-index:1}.container{max-width:1200px;margin-inline:auto;padding-inline:1rem}.navbar-custom{background-color:#050f1c;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.navbar-brand img.main-logo{height:auto;width:240px;max-width:100%}.navbar-nav{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.navbar-nav .nav-link{color:#fff;font-weight:500;text-decoration:none;position:relative;transition:color .2s ease}.navbar-nav .nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:linear-gradient(to right,#467a5f,#3d6f55);transform:scaleX(0);transform-origin:left;transition:transform .16s ease-in-out;border-radius:1px}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus,.navbar-nav .nav-link.active{color:#cfe7db}.navbar-nav .nav-link:hover:after,.navbar-nav .nav-link:focus:after,.navbar-nav .nav-link.active:after{transform:scaleX(1)}.hero{position:relative;z-index:1;text-align:left;overflow:visible}.container.hero{overflow:visible}.hero h1{font-size:3rem;font-weight:600;width:60%}.start-btn{background:linear-gradient(to bottom right,#467a5f,#3d6f55);color:#fff;font-size:1.1rem;font-weight:600;padding:.6rem 1.8rem;border:none;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0d,0 2px 4px #0000004d;transition:background .3s ease,transform .2s ease}.start-btn:hover{background:linear-gradient(to bottom right,#558f72,#417b61);transform:scale(1.03)}.cta-link{color:#fff;font-weight:500;text-decoration:none}.cta-link:hover{text-decoration:underline}.hero-content{background:none;padding-top:4rem;padding-bottom:4rem;position:relative;overflow:hidden}.hero-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#081a2ff2,#061423f2);z-index:0;border-radius:12px}.hero-content>*{position:relative;z-index:1}.leaf-bg{position:absolute;right:-40px;width:400px;height:400px;background-image:url(../assets/hero-leaf.png);background-repeat:no-repeat;background-size:contain;background-position:top right;opacity:.15;z-index:0;pointer-events:none}.form-control{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px}label.form-label{font-weight:500;color:#fff}.form-control,.form-control:focus{background-color:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:none!important}.form-control::placeholder{color:#fff9}a.link-green{color:#558f72;font-weight:500;text-decoration:none}a.link-green:hover{color:#558f72;text-decoration:underline}.footer{background-color:#050f1c;min-height:300px;width:100%;color:#fff;margin-top:2rem;position:relative}.footer-link{color:#fff;text-decoration:none;position:relative}.footer-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,#467a5f,#3d6f55);transform:scaleX(0);transform-origin:left;transition:transform .16s ease-in-out;border-radius:1px}.footer-link:hover:after,.footer-link:focus:after,.footer-link.active:after{transform:scaleX(1)}@media (max-width: 768px){.hero{text-align:left}.hero h1{font-size:1.75rem;width:100%}.start-btn{padding:.5rem 1.5rem;font-size:1rem}.social-icons{margin-top:1rem}.container.hero{text-align:center}.leaf-bg{width:200px;height:200px;right:-20px}}.main-logo{height:auto;width:240px}.main-content{padding-block:2rem}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;border-radius:.5rem;color:#fff}.feature-card:hover{transform:translateY(-4px);background:#ffffff12}.feature-card img{width:40px;height:auto;margin-bottom:1rem}.feature-card h4,.feature-card p,.feature-card small,.feature-card li{color:#fff!important}.form-grid details{border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease}.form-grid details[open]{background-color:#ffffff14}.form-grid summary{font-weight:600;font-size:1.2rem;cursor:pointer;outline:none;display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;color:#fff;list-style:none;position:relative}.form-grid summary:after{content:"▸";font-size:1rem;transition:transform .2s ease;color:#ccc}.form-grid details[open] summary:after{transform:rotate(90deg)}.form-grid summary:hover{color:#cfe7db}.builder-step{border-radius:8px;padding:1rem}.builder-step summary{cursor:pointer;font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.75rem}.builder-step[open] summary:after{content:"▲";float:right;font-size:.8rem}.builder-step summary:after{content:"▼";float:right;font-size:.8rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}}.input,.form-control{background-color:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:.5rem .75rem;width:100%;font-size:1rem}.input::placeholder{color:#fff9}.color-swatches{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem;margin-bottom:1.5rem}.swatch{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.95rem}.swatch input[type=radio]{margin-right:.5rem}.swatch span{display:inline-block;width:20px;height:20px;border-radius:3px;border:1px solid #ccc}.builder-step summary{background-color:#ffffff1a;padding:1rem;font-weight:700;font-size:1.1rem;border:2px solid rgba(255,255,255,.1);border-radius:.5rem;cursor:pointer;outline:none}.builder-step[open] summary{background-color:#558f72;border-color:#558f72;color:#fff}.builder-step .form-grid{padding:.5rem}.input,select,textarea{background-color:#eef6f1;border:1px solid #cbdacf;border-radius:4px;padding:.5rem;color:#333}.input:focus,select:focus,textarea:focus{outline:2px solid #6cbf84;background-color:#e4f3ec}.dropzone{cursor:pointer;transition:background .2s ease-in-out}.dropzone:hover{background-color:#eef6ff;transition:background .2s ease}