@font-face{font-family:quicksand;src:url(../media/quicksand_latin-s.p.1nufzup5_ewgu.woff2)format("woff2");font-display:swap;font-weight:300 700;font-style:normal}@font-face{font-family:quicksand Fallback;src:local(Arial);ascent-override:96.26%;descent-override:24.07%;line-gap-override:0.0%;size-adjust:103.88%}.quicksand_7fcb7928-module__CdT3vG__className{font-family:quicksand,quicksand Fallback;font-style:normal}.quicksand_7fcb7928-module__CdT3vG__variable{--font-quicksand:"quicksand", "quicksand Fallback"}
*{box-sizing:border-box;font-family:var(--font-quicksand), "Quicksand", sans-serif;margin:0;padding:0}:root{--primary-green:#42cc4e;--dark-green:#2eac39;--light-green:#d9f8cd;--light-bg:#f4fff0;--yellow-bg:#ffdea0;--blue-bg:#c2e6fd;--white:#fff;--text-dark:#111;--text-light:#eee;--shadow:0 4px 12px #0000001a;--radius-small:.5rem;--radius-medium:1rem;--radius-large:4rem}body{background-color:var(--light-bg);min-height:100vh;color:var(--text-dark);flex-direction:column;line-height:1.6;display:flex}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.login-page,.register-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-container,.register-container{border-radius:var(--radius-large);width:100%;max-width:450px;box-shadow:var(--shadow-lg);background:#fff;padding:3rem}.login-header,.register-header{text-align:center;margin-bottom:2rem}.login-header h1,.register-header h1{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem}.login-form,.register-form{flex-direction:column;gap:1.5rem;display:flex}.form-options{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.remember-me{align-items:center;gap:.5rem;display:flex}.forgot-password{color:var(--primary-green);text-decoration:none;transition:color .3s}.forgot-password:hover{color:#00796b}.login-footer{text-align:center;color:var(--text-light);margin-top:1.5rem}.link{color:var(--primary-green);font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.dashboard-page{background:#f8f9fa;min-height:100vh;padding:2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem}.dashboard-header p{color:var(--text-light)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;align-items:center;gap:1rem;padding:1.5rem;transition:transform .3s;display:flex}.stat-card:hover{transform:translateY(-5px)}.stat-icon{background:#f0f7ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.stat-content h3{color:var(--text-dark);margin:0;font-size:1.5rem}.stat-content p{color:var(--text-light);margin:.25rem 0 0}.stat-trend{margin-left:auto;font-size:.9rem;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#ef4444}.charts-section{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.chart-container{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.chart-container h3{color:var(--text-dark);margin-top:0;margin-bottom:1rem}.recent-activity{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h3{color:var(--text-dark);margin:0}.btn-link{color:var(--primary-green);font-size:.9rem;font-weight:600;text-decoration:none}.btn-link:hover{text-decoration:underline}.table-container{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;overflow:hidden}table{border-collapse:collapse;width:100%}thead{background:#f8f9fa}th{text-align:left;color:var(--text-dark);border-bottom:2px solid #e9ecef;padding:1rem;font-weight:600}td{border-bottom:1px solid #e9ecef;padding:1rem}.status-badge{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.status-pending{color:#856404;background:#fff3cd}.status-in-progress{color:#0c5460;background:#d1ecf1}.status-completed{color:#155724;background:#d4edda}.quick-actions{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.action-card{border-radius:var(--radius-medium);color:inherit;background:#f8f9fa;border:2px solid #0000;padding:1.5rem;text-decoration:none;transition:all .3s}.action-card:hover{border-color:var(--primary-green);background:#fff;transform:translateY(-3px)}.action-icon{margin-bottom:1rem;font-size:2rem}.action-card h4{color:var(--text-dark);margin:0 0 .5rem}.action-card p{color:var(--text-light);margin:0;font-size:.9rem}.admin-orders-page{padding:2rem}.filters-section{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.filter-group{flex:1;min-width:200px}.search-input,.filter-select{border-radius:var(--radius-small);border:2px solid #e0e0e0;width:100%;padding:.75rem;font-size:1rem}.search-input:focus,.filter-select:focus{border-color:var(--primary-green);outline:none}.admin-table{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;overflow:hidden}.order-link{color:var(--primary-green);font-weight:600;text-decoration:none}.order-link:hover{text-decoration:underline}.status-select{border-radius:var(--radius-small);cursor:pointer;border:1px solid #ddd;padding:.25rem .5rem;font-size:.9rem}.status-select.status-pending{background:#fff3cd;border-color:#ffc107}.status-select.status-in-progress{background:#d1ecf1;border-color:#17a2b8}.status-select.status-completed{background:#d4edda;border-color:#28a745}.action-buttons{gap:.5rem;display:flex}.btn-icon{cursor:pointer;border-radius:var(--radius-small);background:0 0;border:none;padding:.25rem;font-size:1.2rem;transition:background .3s}.btn-icon:hover{background:#f0f0f0}.pagination{justify-content:center;align-items:center;gap:1rem;margin:2rem 0;display:flex}.pagination-btn{border-radius:var(--radius-small);cursor:pointer;background:#fff;border:1px solid #ddd;padding:.5rem 1rem;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#f0f0f0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{gap:.5rem;display:flex}.page-btn{border-radius:var(--radius-small);cursor:pointer;background:#fff;border:1px solid #ddd;width:40px;height:40px;transition:all .3s}.page-btn:hover{background:#f0f0f0}.page-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.stats-summary{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;justify-content:space-between;margin-top:2rem;padding:1rem 1.5rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-label{color:var(--text-light);font-size:.9rem}.stat-value{color:var(--text-dark);font-size:1.2rem;font-weight:600}.alert{border-radius:var(--radius-medium);align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.alert-error{color:#721c24;background:#fee;border-left:4px solid #f44336}.alert-success{color:#155724;background:#d4edda;border-left:4px solid #4caf50}.alert span{font-size:1.5rem}.loading-container,.dashboard-loading,.admin-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-green);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.login-container,.register-container{padding:2rem}.stats-grid,.charts-section,.recent-activity,.actions-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-group{min-width:100%}}.register-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.register-container{border-radius:var(--radius-large);width:100%;max-width:600px;box-shadow:var(--shadow-lg);background:#fff;padding:3rem}.register-header{text-align:center;margin-bottom:2rem}.register-header h1{color:var(--text-dark);margin-bottom:.5rem;font-size:2rem}.register-header p{color:var(--text-light)}.password-strength{margin-top:.5rem}.strength-bar{background:#e0e0e0;border-radius:2px;height:4px;margin-bottom:.25rem}.strength-bar.strong{background:#4caf50}.strength-bar.weak{background:#f44336}.strength-text{color:var(--text-light);font-size:.8rem}.error-text{color:#f44336;margin-top:.25rem;font-size:.8rem}.terms-agreement{align-items:flex-start;gap:.5rem;display:flex}.terms-agreement input[type=checkbox]{margin-top:.25rem}.register-footer{text-align:center;color:var(--text-light);margin-top:1.5rem}.admin-enquiries-page{padding:2rem}.enquiry-link{color:var(--primary-green);font-weight:600;text-decoration:none}.enquiry-link:hover{text-decoration:underline}.message-preview{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.enquiry-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;display:grid}.stat-card{border-radius:var(--radius-medium);text-align:center;box-shadow:var(--shadow);background:#fff;padding:1.5rem}.stat-card h4{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.9rem}.stat-number{color:var(--primary-green);margin:0;font-size:2rem;font-weight:700}.action-buttons-horizontal{gap:1rem;margin-top:1rem;display:flex}.modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-large);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;overflow-y:auto}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{margin:0}.modal-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;font-size:1.5rem}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.analytics-page{padding:2rem}.analytics-header{margin-bottom:2rem}.time-range-selector{gap:.5rem;margin-top:1rem;display:flex}.time-btn{border-radius:var(--radius-small);cursor:pointer;background:#fff;border:1px solid #ddd;padding:.5rem 1rem;transition:all .3s}.time-btn:hover{background:#f5f5f5}.time-btn.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green)}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.summary-card{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.summary-card h3{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:.9rem}.stat-value{color:var(--text-dark);margin:0;font-size:2rem;font-weight:700}.stat-trend{margin:.5rem 0 0;font-size:.9rem}.stat-trend.positive{color:#10b981}.stat-trend.negative{color:#ef4444}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.chart-card{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.chart-card h3{color:var(--text-dark);margin:0 0 1rem}.detailed-tables{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.table-card{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.table-card h3{color:var(--text-dark);margin:0 0 1rem}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:.5rem;display:inline-block}.performance-metrics{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;margin-bottom:2rem;padding:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.metric-card{text-align:center;border-radius:var(--radius-medium);border:1px solid #eee;padding:1rem}.metric-card h4{color:var(--text-light);margin:0 0 .5rem;font-size:.9rem}.metric-value{color:var(--primary-green);margin:0;font-size:1.5rem;font-weight:700}.export-section{border-radius:var(--radius-medium);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.export-buttons{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}@media (max-width:768px){.analytics-page{padding:1rem}.charts-grid,.detailed-tables{grid-template-columns:1fr}.export-buttons{flex-direction:column}}
.header .header-links{background-color:#fff;flex-wrap:wrap;justify-content:center;display:flex}header{background-color:#d9f8cd;border-radius:0 4rem 4rem 0;justify-content:space-between;align-items:center;height:6rem;margin-bottom:2rem;display:flex}.logo,.head{border-radius:0 4rem 4rem 0;padding:.5rem}header img{width:60px}header .logo{background-color:#fff;justify-content:flex-end;width:45vw;padding-right:1.5rem;font-size:1rem;display:flex}header .head{width:50vw;margin-right:1rem}header .head .services{font-size:1.1rem}.services span{transition:transform .3s}.services span:hover{transform:scale(1.2)}.rotating-words-container{width:400px;height:80px;margin:1rem 0;display:inline-block;position:relative;overflow:hidden}.rotating-word{opacity:0;background-color:var(--white);border-radius:var(--radius-medium);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;transition:all .5s cubic-bezier(.2,.9,.3,1);display:flex;position:absolute;top:0;left:0;transform:translateY(100%)}.rotating-word.active{opacity:1;transform:translateY(0)}.btn-primary{background-color:var(--primary-green);color:var(--text-light);cursor:pointer;box-shadow:var(--shadow);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex}.btn-primary:hover{background-color:var(--dark-green);transform:translateY(-2px);box-shadow:0 6px 16px #42cc4e4d}.btn-primary:active{transform:translateY(0)}.service-message{flex-direction:column;gap:1.5rem;margin:3rem 0;display:flex}.message-card{border-radius:var(--radius-large);width:fit-content;box-shadow:var(--shadow);padding:1.5rem;font-size:1.1rem;font-weight:500;transition:transform .3s}.message-card:hover{transform:translate(5px)}.message-card:nth-child(odd){background-color:var(--yellow-bg);text-align:left;border-radius:0 var(--radius-large) var(--radius-large) 0;margin-right:-1rem}.message-card:nth-child(2n){background-color:var(--blue-bg);text-align:right;border-radius:var(--radius-large) 0 0 var(--radius-large);align-self:flex-end;margin-left:-1rem}footer{text-align:center;border-radius:2rem 2rem 0 0;margin-top:3rem;padding:2rem 1rem}.footer-links{background-color:#fff;border-radius:2rem;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1.5rem;padding:2rem;display:flex}.footer-link{color:var(--text-dark);border-radius:var(--radius-small);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.footer-link:hover{background-color:var(--primary-green);color:var(--white);transform:translateY(-2px)}.copyright{color:#666;margin-top:1rem;font-size:.9rem}@media (max-width:768px){.rotating-words-container{width:350px;height:70px}.rotating-word{font-size:2.5rem}.btn-primary{padding:.8rem 1.5rem;font-size:.9rem}.footer-links{gap:1rem}.message-card{border-radius:var(--radius-medium);margin:0}}@media (max-width:480px){.rotating-words-container{width:280px;height:60px}.rotating-word{font-size:2rem}.services,.message-card{font-size:1rem}}
.page-header{text-align:center;margin-bottom:3rem;padding:2rem 1rem}.page-header h1{color:var(--text-dark);margin-bottom:1rem;font-size:2.5rem}.page-header p{color:#666;max-width:600px;margin:0 auto;font-size:1.2rem}.hero-section{text-align:center;padding:2rem 1rem}.hero-title{margin-bottom:1.5rem;font-size:2rem;line-height:1.3}.hero-subtitle{color:#666;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.3rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.btn-secondary{background-color:var(--white);color:var(--primary-green);border:2px solid var(--primary-green);cursor:pointer;box-shadow:var(--shadow);border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:inline-flex}.btn-secondary:hover{background-color:var(--light-green);transform:translateY(-2px)}.features-section{margin:4rem 0}.section-title{text-align:center;color:var(--text-dark);margin-bottom:2.5rem;font-size:2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.feature-card{background-color:var(--white);border-radius:var(--radius-medium);text-align:center;box-shadow:var(--shadow);padding:2rem;transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-icon{margin-bottom:1rem;font-size:2.5rem}.feature-card h3{color:var(--text-dark);margin-bottom:1rem}.about-content{max-width:1000px;margin:0 auto;padding:0 1rem}.about-section{margin-bottom:3rem}.about-section h2{color:var(--text-dark);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:2rem;position:relative}.about-section h2:after{content:"";background-color:var(--primary-green);width:60px;height:3px;position:absolute;bottom:0;left:0}.expertise-grid,.values-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.expertise-item,.value-item{background-color:var(--white);border-radius:var(--radius-medium);box-shadow:var(--shadow);padding:1.5rem}.expertise-item h3,.value-item h3{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.enquiry-form-container{grid-template-columns:1fr;gap:3rem;max-width:800px;margin:0 auto;padding:0 1rem;display:grid}@media (min-width:992px){.enquiry-form-container{grid-template-columns:2fr 1fr}}.enquiry-form{background-color:var(--white);border-radius:var(--radius-medium);box-shadow:var(--shadow);padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-small);border:2px solid #e0e0e0;width:100%;padding:.8rem 1rem;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-green);outline:none}.contact-info{background-color:var(--light-green);border-radius:var(--radius-medium);padding:2rem}.contact-methods{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.contact-method{align-items:center;gap:1rem;display:flex}.contact-icon{background-color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.faqs-container{max-width:800px;margin:0 auto;padding:0 1rem}.faq-item{background-color:var(--white);border-radius:var(--radius-medium);box-shadow:var(--shadow);margin-bottom:1rem;overflow:hidden}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;transition:background-color .3s;display:flex}.faq-question:hover{background-color:#f9f9f9}.faq-question h3{color:var(--text-dark);margin:0;font-size:1.1rem}.faq-toggle{color:var(--primary-green);font-size:1.5rem;font-weight:700}.faq-answer{max-height:0;padding:0 1.5rem;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.active .faq-answer{max-height:500px;padding:0 1.5rem 1.5rem}.more-help{text-align:center;background-color:var(--light-green);border-radius:var(--radius-medium);margin-top:3rem;padding:3rem 1rem}.order-steps{justify-content:space-between;max-width:1000px;margin:0 auto 3rem;padding:0 1rem;display:flex}.step{text-align:center;color:#666;background-color:#e0e0e0;flex:1;padding:1rem;font-weight:600;position:relative}.step.active{background-color:var(--primary-green);color:var(--white)}.step:not(:last-child):after{content:"";z-index:1;border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:10px solid #e0e0e0;width:0;height:0;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.step.active:not(:last-child):after{border-left-color:var(--primary-green)}.order-form{max-width:800px;margin:0 auto;padding:0 1rem}.form-section{background-color:var(--white);border-radius:var(--radius-medium);box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.form-section h2{color:var(--text-dark);margin-bottom:1.5rem;font-size:1.5rem}.form-row{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}.form-submit{text-align:center;padding:2rem}.form-note{color:#666;margin-top:1rem;font-size:.9rem}.feedback-page{justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex}.feedback-container{text-align:center;background-color:var(--white);border-radius:var(--radius-medium);max-width:600px;box-shadow:var(--shadow);padding:3rem}.feedback-icon{margin-bottom:1.5rem;font-size:4rem}.feedback-message{color:#666;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.next-steps{text-align:left;background-color:var(--light-green);border-radius:var(--radius-medium);margin:2rem 0;padding:1.5rem}.next-steps h2{color:var(--text-dark);margin-bottom:1rem}.next-steps ul{padding:0;list-style:none}.next-steps li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.next-steps li:before{content:"✓";color:var(--primary-green);font-weight:700;position:absolute;left:0}.contact-reminder{background-color:var(--yellow-bg);border-radius:var(--radius-medium);margin:2rem 0;padding:1.5rem}.feedback-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;display:flex}.redirect-note{color:#666;margin-top:1rem;font-size:.9rem}@media (max-width:768px){.page-header h1{font-size:2rem}.hero-title{font-size:1.4rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center}.step{padding:0.rem;font-size:.9rem}.feedback-container{padding:2rem 1rem}}
:root{--studio-paper:#f9fff6;--studio-ink:#173522;--studio-muted:#58715e;--studio-plum:#218b3b;--studio-line:#deead9;--studio-lilac:#e4f4df}html{scroll-behavior:smooth;scroll-padding-top:100px}.studio-site,.studio-site *{font-family:var(--font-quicksand),"Quicksand",Arial,sans-serif}.studio-site{background:var(--studio-paper);color:var(--studio-ink);font-size:15px;line-height:1.65;overflow:clip}.studio-site a{color:inherit;text-decoration:none}.studio-site button,.studio-site input,.studio-site textarea,.studio-site select{font:inherit}.studio-site button,.studio-site summary{cursor:pointer}.studio-site button:disabled{cursor:wait;opacity:.55}.studio-site a:focus-visible,.studio-site button:focus-visible,.studio-site summary:focus-visible{outline-offset:5px;outline:3px solid #208d44}.studio-site em{color:var(--studio-plum);font-family:inherit;font-style:normal;font-weight:700}.studio-container{width:min(1280px,100% - 112px);margin-inline:auto}.studio-section{padding-block:104px}.eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:600;line-height:1.6;display:block}.studio-header{border-bottom:1px solid var(--studio-line);z-index:20;background:var(--studio-paper);justify-content:space-between;align-items:center;gap:25px;width:min(1400px,100% - 112px);height:102px;margin:auto;display:flex;position:relative}.wordmark{letter-spacing:-1.3px;align-items:center;gap:9px;font-size:27px;font-weight:700;display:inline-flex}.brand-symbol{background:var(--studio-plum);color:#fff;letter-spacing:-3px;border-radius:10px 10px 10px 2px;place-items:center;width:34px;height:36px;padding-right:4px;font-size:25px;display:inline-grid}.brand-dot{letter-spacing:0;align-self:flex-start;margin-top:10px;font-size:10px}.studio-nav{align-items:center;gap:29px;font-size:12px;font-weight:500;display:flex}.studio-nav>a:not(.studio-button):hover,.studio-nav>a[aria-current=page]{color:var(--studio-plum);text-underline-offset:6px;text-decoration:underline}.nav-divider{border-left:1px solid #d5cfd6;height:19px}.menu-toggle{display:none}.studio-site .studio-button{background:var(--studio-plum);color:#fff;border:1px solid var(--studio-plum);border-radius:6px;justify-content:center;align-items:center;gap:24px;padding:16px 23px;font-size:13px;font-weight:500;line-height:1.4;transition:background .2s,transform .2s;display:inline-flex}.studio-site .studio-button:hover{background:#146e2b;transform:translateY(-2px)}.studio-site .studio-button.small{padding:12px 19px;font-size:12px}.studio-site .studio-button.outline{color:var(--studio-plum);background:0 0}.button-row{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.text-link{align-items:center;gap:16px;font-size:12px;font-weight:600;line-height:1.6;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline!important}.status-dot,.availability i{background:#698a61;border-radius:100%;width:6px;height:6px;margin-right:9px;display:inline-block}.studio-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:45px;padding-block:88px 93px;display:grid}.hero-copy .eyebrow{letter-spacing:1.45px;margin-bottom:26px;font-size:9px}.studio-hero h1{letter-spacing:-3.1px;margin-bottom:24px;font-size:clamp(40px,4.3vw,67px);font-weight:500;line-height:1.1}.hero-copy>p{color:#58715e;max-width:420px;margin-bottom:29px;font-size:15px;line-height:1.85}.hero-note{color:#817885;align-items:center;gap:12px;margin-top:35px;font-size:10px;line-height:1.75;display:flex}.product-art{isolation:isolate;background:#d9f8cd;border-radius:8px;justify-content:center;align-items:center;min-height:310px;display:flex;position:relative;overflow:hidden}.hero-art{background:#d9f8cd;border-radius:12px;min-height:452px;overflow:visible}.art-orbit{z-index:-1;border:1px solid #c2b0cb66;border-radius:50%;width:360px;height:360px;position:absolute}.orbit-one{top:-70px;right:-120px}.orbit-two{width:400px;height:400px;bottom:-170px;left:-80px}.product-window{background:#fff;border:1px solid #fff;border-radius:7px;width:84%;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 18px 35px #37223f1f}.hero-art .product-window{width:88%;margin:0 0 8px -3px;transform:perspective(900px)rotateY(-8deg)rotate(-5deg)}.window-bar{color:#948999;background:#fbfafc;border-bottom:1px solid #eeebef;justify-content:space-between;align-items:center;height:28px;padding:0 12px;display:flex}.window-bar>span{gap:3px;display:flex}.window-bar i{background:#d7cfdc;border-radius:100%;width:4px;height:4px}.window-bar small{font-size:6px}.window-bar b{font-size:9px}.pulse-screen{color:#302534;background:#f9f8fb;min-height:252px;display:flex}.pulse-screen aside{background:#fff;border-right:1px solid #eee9f1;flex-direction:column;align-items:center;gap:14px;width:42px;padding:12px 9px;display:flex}.mini-brand{color:#7a508d;font-size:17px;line-height:1}.pulse-screen aside i{border:1px solid #c4b8cb;border-radius:2px;width:10px;height:10px}.pulse-screen aside i.active{background:#9b7dad;border-color:#9b7dad;box-shadow:0 0 0 6px #f0eaf4}.pulse-screen aside>span{color:#b4a0bf;margin-top:auto;font-size:12px}.dashboard-mock{flex:1;min-width:0;padding:15px}.mock-nav{justify-content:space-between;align-items:center;font-size:10px;font-weight:600;line-height:1.4;display:flex}.mock-nav>span{font-size:7px;font-weight:400}.mini-avatar{background:#e4d9ea;border-radius:100%;padding:4px 6px;font-size:7px}.dashboard-mock>p{color:#a096a4;margin-top:4px;font-size:6px}.mock-metrics{grid-template-columns:1.3fr 1fr;gap:8px;margin-block:13px 9px;display:grid}.mock-metrics>div{background:#fff;border:1px solid #ece6ef;border-radius:4px;padding:10px}.mock-metrics small,.mock-metrics em{font-size:6px;display:block}.mock-metrics strong{letter-spacing:-.6px;margin:4px 0;font-size:18px;display:block}.mock-metrics strong span{color:#9e90a5;font-size:9px;font-weight:400}.studio-site .mock-metrics em{color:#65917d;font:5px Arial}.mock-chart{background:#fff;border:1px solid #ece6ef;border-radius:4px;padding:11px;font-size:7px}.mock-chart>div:first-child{justify-content:space-between;display:flex}.mock-chart small{color:#96839f;font-size:5px}.chart-bars{background:repeating-linear-gradient(0deg,#0000 0 21px,#f5f1f7 22px);border-bottom:1px solid #eee6f1;align-items:end;gap:6px;height:65px;margin-top:16px;display:flex}.chart-bars i{background:#9cde91;border-radius:2px 2px 0 0;flex:1}.chart-bars i:nth-child(3n){background:#2eac39}.chart-axis{color:#a18fa9;justify-content:space-between;margin-top:4px;font-size:5px;display:flex}.mock-activity{background:#fff;border:1px solid #ece6ef;border-radius:4px;align-items:center;gap:6px;margin-top:9px;padding:7px;display:flex}.mock-activity b{font-size:6px;display:block}.mock-activity small{color:#a094a5;font-size:5px;display:block}.mock-activity>span:last-child{color:#b2a8b7;margin-left:auto;font-size:5px}.check-dot{color:#678458;background:#e6efde;border-radius:100%;flex-shrink:0;place-items:center;width:29px;height:29px;font-size:12px;display:inline-grid}.mock-activity .check-dot{width:18px;height:18px;font-size:8px}.floating-label{background:#fffefa;border:1px solid #ece4ee;border-radius:8px;align-items:center;gap:10px;padding:14px 20px;display:flex;position:absolute;bottom:38px;left:-27px;transform:rotate(-3deg);box-shadow:0 6px 20px #3d29471a}.floating-label b{font-size:11px;font-weight:500;display:block}.floating-label small{color:#988e9d;font-size:8px;display:block}.art-stamp{letter-spacing:1px;color:#77623f;background:#f5f0df;border:1px solid #fff;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:90px;height:90px;font-size:5px;display:flex;position:absolute;top:18px;right:10px;transform:rotate(15deg)}.art-stamp span{color:#80623d;font-size:35px;line-height:1.3}.concept-caption{letter-spacing:1.4px;color:#756880;font-size:6px;position:absolute;bottom:13px;right:18px}.stack-strip{border-block:1px solid var(--studio-line);background:#fff}.stack-inner{align-items:center;gap:40px;min-height:118px;display:flex}.stack-inner>p{color:#4f4954;min-width:260px;font-size:11px}.stack-inner>p span{color:#8a838b;font-size:9px}.stack-names{color:#77717b;letter-spacing:-.8px;flex:1;justify-content:space-between;align-items:center;gap:35px;font-size:24px;font-weight:600;display:flex}.stack-names i{font-style:normal;font-weight:400}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px;display:flex}.section-heading .eyebrow{margin-bottom:19px}.studio-site h2{letter-spacing:-1.65px;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.2}.section-heading>p{color:var(--studio-muted);max-width:330px;font-size:13px;line-height:1.9}.service-grid{border:1px solid var(--studio-line);border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.studio-service{background:#fcfbf8;padding:30px}.studio-service+.studio-service{border-left:1px solid var(--studio-line)}.service-number{color:#8d7c96;justify-content:space-between;margin-bottom:43px;font-size:11px;display:flex}.service-number>span{font-size:20px}.studio-service h3{letter-spacing:-.8px;max-width:225px;margin-bottom:15px;font-size:23px;font-weight:500;line-height:1.25}.studio-service p{color:var(--studio-muted);margin-bottom:27px;font-size:12px;line-height:1.9}.service-tags{color:#817389;border-top:1px solid var(--studio-line);padding-top:17px;font-size:9px;display:block}.service-bottom{width:max-content;max-width:100%;margin:28px auto 0;display:flex;color:#6b5a77!important}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.work-card .product-art{height:290px;min-height:0;transition:transform .3s}.work-card:hover .product-art{transform:translateY(-5px)}.work-card .product-window{width:88%}.work-card-meta{justify-content:space-between;align-items:center;gap:9px;margin-top:18px;display:flex}.work-card h3{letter-spacing:-.6px;font-size:20px;font-weight:500;line-height:1.3}.work-card h3 span{margin-left:5px;font-size:15px}.work-card p{color:var(--studio-muted);margin-top:5px;font-size:10px}.tag{color:#76677e;white-space:nowrap;border:1px solid #d7cfdc;border-radius:20px;padding:4px 8px;font-size:8px;display:inline-block}.section-note{color:#817885;margin-top:27px;font-size:10px}.forma-screen{background:#f7f5ef;padding:16px 14px 10px}.forma-screen .mock-nav{color:#383a29;font-family:Georgia,serif;font-size:18px}.forma-body{grid-template-columns:1fr 1fr;align-items:center;min-height:160px;display:grid}.forma-body small{letter-spacing:1px;color:#787865;font-size:5px}.forma-body h3{letter-spacing:-1px;color:#454532;margin:10px 0 16px;font-family:Georgia,serif;font-size:23px;line-height:1.1}.mock-button{border:1px solid #d1c9b9;padding:7px 8px;font-size:5px;display:inline-block}.mock-foot{color:#8e897a;border-top:1px solid #e0ddce;justify-content:space-between;padding-top:10px;font-size:5px;display:flex}.chair-art{height:135px;margin-left:12px;position:relative;transform:rotate(-6deg)}.chair-back{background:linear-gradient(110deg,#aeb190,#777f59);border-radius:28px 25px 5px 5px;width:72px;height:80px;position:absolute;top:6px;left:17px;box-shadow:inset 0 2px 5px #fff6}.chair-seat{background:#8e956d;border-radius:5px 5px 15px 15px;width:82px;height:28px;position:absolute;top:76px;left:9px;box-shadow:0 8px 9px #41482826}.chair-art i{background:#695d44;width:5px;height:40px;position:absolute;top:99px;left:19px;transform:rotate(9deg)}.chair-art i:last-child{left:78px;transform:rotate(-9deg)}.roam-screen{background:#f6f7ec;height:233px;padding:14px;position:relative;overflow:hidden}.roam-screen .mock-nav{letter-spacing:-1px;color:#374a40;font-size:18px}.roam-screen .mock-nav span{letter-spacing:0;font-size:5px}.roam-screen h3{z-index:2;color:#304b40;letter-spacing:-.6px;margin-top:17px;font-family:Georgia,serif;font-size:25px;line-height:1.1;position:relative}.landscape{background:#bed4ce;height:140px;position:absolute;inset:85px 0 0;overflow:hidden}.landscape i{background:#738e7f;border-radius:50% 50% 0 0;width:270px;height:140px;position:absolute;top:50px;left:-60px;transform:rotate(-15deg)}.landscape i:nth-child(2){background:#94ada2;top:30px;left:100px;transform:rotate(25deg)}.landscape i:nth-child(3){z-index:2;background:#4c7163;width:400px;top:95px;left:-10px}.sun{background:#f5e4ae;border-radius:100%;width:37px;height:37px;position:absolute;top:5px;right:30px}.trip-search{z-index:4;background:#fffff7;justify-content:space-between;align-items:center;padding:10px;font-size:5px;display:flex;position:absolute;bottom:16px;left:14px;right:14px}.trip-search b{font-size:6px;display:block}.trip-search .mock-button{color:#fff;background:#375747;border:0}.process-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.process-grid article{border-top:1px solid #d8cfdc;padding-top:20px;position:relative}.process-grid article>span{color:#8a7597;margin-bottom:26px;font-size:11px;display:block}.process-grid h3{letter-spacing:-.6px;margin-bottom:12px;font-size:19px;font-weight:500}.process-grid p{color:var(--studio-muted);font-size:12px;line-height:1.85}.client-feature{color:#ecf8e7;background:#123d28;border-radius:12px;grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:62px 66px;display:grid}.client-feature .eyebrow{color:#9ecea8;margin-bottom:24px;font-size:9px}.client-feature h2{font-size:43px}.client-feature>div>p{color:#c1dec7;max-width:320px;margin-top:19px;font-size:12px;line-height:1.9}.feature-checks{color:#d4ead7;margin-block:23px 29px;font-size:11px;list-style:none}.feature-checks li{margin-block:10px}.feature-checks li:before{content:"✓";color:#bdcfb1;margin-right:10px}.portal-teaser{color:#372c3d;background:#fefcf8;border:1px solid #fff;border-radius:8px;padding:27px;transform:rotate(2deg);box-shadow:0 15px 35px #20102933}.teaser-top{letter-spacing:1px;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:8px;display:flex}.portal-teaser h3{letter-spacing:-.7px;font-size:25px;font-weight:500}.portal-teaser>p{color:#948697!important;margin-top:5px!important;font-size:10px!important}.teaser-progress{justify-content:space-between;margin-top:25px;margin-bottom:9px;font-size:9px;display:flex}.progress-track{background:#ebe5ee;border-radius:5px;height:5px;overflow:hidden}.progress-track>i{background:#2eac39;border-radius:5px;height:100%;display:block}.teaser-milestones{margin-top:19px}.teaser-milestones>div{border-bottom:1px solid #eee8f0;align-items:center;gap:9px;padding-block:12px;font-size:10px;display:flex}.teaser-milestones small{color:#998c9e;margin-left:auto;font-size:8px}.teaser-bottom{align-items:center;gap:9px;margin-top:19px;font-size:10px;display:flex}.teaser-bottom small{color:#9d8fa3;margin-top:3px;font-size:7px;display:block}.studio-belief{padding-block:112px}.studio-belief h2{max-width:850px;margin-block:26px 27px;font-size:38px}.studio-belief>div{justify-content:space-between;align-items:end;gap:30px;display:flex}.studio-belief p{max-width:630px;color:var(--studio-muted);font-size:13px;line-height:1.9}.faq-section{background:#eef8e9;border-block:1px solid #e6dfe9}.faq-layout{grid-template-columns:1fr 1.4fr;gap:80px;display:grid}.faq-layout h2{margin-block:24px}.studio-faq{border-top:1px solid #d9d1dd}.studio-faq details{border-bottom:1px solid #d9d1dd;padding-block:21px}.studio-faq summary{align-items:center;gap:17px;font-size:13px;font-weight:500;line-height:1.6;list-style:none;display:flex}.studio-faq summary::-webkit-details-marker{display:none}.faq-number{color:#9c89a6;font-size:9px}.faq-plus{color:#967da4;margin-left:auto;font-size:20px;font-weight:400;transition:transform .2s}.studio-faq details[open] .faq-plus{transform:rotate(45deg)}.studio-faq details p{color:#817389;padding:16px 25px 0 30px;font-size:12px;line-height:1.9}.final-cta{text-align:center;padding-block:108px}.final-cta h2{letter-spacing:-2.5px;margin-block:25px 15px;font-size:55px}.final-cta p{color:var(--studio-muted);margin-bottom:28px;font-size:13px}.studio-site .studio-footer{border-top:1px solid var(--studio-line);color:var(--studio-ink);box-shadow:none;text-align:left;background:#eff8e9;border-radius:0;margin:0;padding:55px max(56px,50vw - 640px) 0;position:static}.footer-top{grid-template-columns:1.3fr .8fr 1.2fr 1.2fr;gap:35px;padding-bottom:45px;display:grid}.footer-top>div{flex-direction:column;align-items:start;display:flex}.footer-top p{color:#847b87;margin-top:17px;font-size:11px;line-height:1.9}.footer-top .eyebrow{color:#847889;margin-bottom:16px;font-size:8px}.footer-top a:not(.wordmark){margin-bottom:9px;font-size:11px}.footer-top .wordmark{font-size:24px}.footer-top .brand-symbol{width:29px;height:30px;font-size:22px}.availability{color:#8b7e91;margin-top:18px;font-size:9px}.availability i{width:5px;height:5px}.footer-bottom{color:#8c838f;border-top:1px solid #ddd7df;justify-content:space-between;gap:20px;padding-block:24px;font-size:9px;display:flex}.display-title{letter-spacing:-3px;margin:26px 0;font-size:clamp(40px,5.8vw,76px);font-weight:400;line-height:1.1}.page-intro{color:var(--studio-muted);max-width:670px;margin-bottom:50px;font-size:16px;line-height:1.85}.inline-cta{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:25px;margin-top:65px;padding-top:60px;display:flex}.inline-cta h2{font-size:30px}.case-heading{margin-top:60px}.case-study>.product-art{height:500px}.case-study>.product-art>.product-window{width:480px;max-width:85%}.case-columns{grid-template-columns:1.2fr 1.2fr 1fr;gap:50px;margin-top:60px;display:grid}.case-columns h2{margin:16px 0;font-size:25px}.case-columns p,.case-columns li{color:var(--studio-muted);font-size:13px}.case-columns ul{margin-top:20px;list-style:none}.case-columns li{border-bottom:1px solid var(--studio-line);padding-block:12px}.about-intro{grid-template-columns:1fr 1fr;gap:65px;margin:45px 0 70px;display:grid}.about-intro p{color:#79717f;font-size:17px;line-height:1.9}.about-intro strong{color:#4c3c57;font-weight:500}.studio-manifesto{background:#d9f8cd;border-radius:10px;margin-bottom:90px;padding:55px;position:relative;overflow:hidden}.studio-manifesto>span:first-child{letter-spacing:1.8px;font-size:9px}.studio-manifesto h2{margin-top:28px;font-size:50px}.manifesto-symbol{color:#75cc79;font-size:250px;font-weight:400;line-height:1.5;position:absolute;top:10px;right:55px}.discipline-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.discipline-grid article{border-top:1px solid var(--studio-line);padding-top:25px}.discipline-grid h3{margin-bottom:15px;font-size:18px;font-weight:500}.discipline-grid p{color:var(--studio-muted);font-size:13px}.skip-link{z-index:100;background:#fff;padding:10px;position:absolute;top:-100px;left:15px}.skip-link:focus{top:10px}.studio-form-shell{grid-template-columns:.9fr 1.1fr;gap:85px;padding-block:75px 100px;display:grid}.studio-form-shell h1{font-size:53px}.studio-form-shell .page-intro{margin-bottom:30px;font-size:14px}.form-aside-note{border-top:1px solid var(--studio-line);color:#86788e;max-width:340px;padding:22px 0;font-size:12px}.studio-form{border:1px solid var(--studio-line);background:#fffefa;border-radius:10px;flex-direction:column;gap:20px;padding:35px;display:flex}.studio-form label,.workspace-form label{flex-direction:column;gap:7px;font-size:12px;font-weight:500;display:flex}.studio-form input,.studio-form textarea,.studio-form select,.workspace-form input,.workspace-form select,.workspace-form textarea,.message-form textarea{color:#403647;background:#fff;border:1px solid #dcd4e1;border-radius:5px;outline:none;width:100%;padding:12px 13px;font-size:13px}.studio-form textarea,.workspace-form textarea{resize:vertical;min-height:110px}.form-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.studio-form small{color:#8a7b94;font-size:10px}.form-notice{color:#5c426c;background:#eee8f3;border:1px solid #d8cbdf;border-radius:5px;padding:14px 18px;font-size:12px}.form-notice.error{color:#943e3e;background:#fff1ef;border-color:#eac4bf}.form-notice.success{color:#446538;background:#edf4e9;border-color:#c9d8bf}.auth-shell{width:min(480px,100% - 40px);margin:65px auto 95px}.auth-shell h1{letter-spacing:-1.5px;margin:18px 0;font-size:38px;line-height:1.15}.auth-shell>p{color:var(--studio-muted);margin-bottom:25px;font-size:13px}.auth-shell .studio-form{padding:30px}.auth-links{color:#84668f;justify-content:space-between;font-size:11px;display:flex}.workspace{min-height:650px;padding-block:50px 90px}.workspace-top{justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.workspace-top h1{letter-spacing:-1.5px;margin:9px 0;font-size:38px;font-weight:400}.workspace-top p{color:var(--studio-muted);font-size:13px}.workspace-actions{align-items:center;gap:12px;display:flex}.workspace-select{background:#fff;border:1px solid #d9cfdf;border-radius:5px;max-width:240px;padding:10px;font-size:12px}.workspace-layout{grid-template-columns:215px minmax(0,1fr);gap:30px;display:grid}.workspace-nav{border-right:1px solid var(--studio-line);padding-right:20px}.workspace-nav button{text-align:left;color:#8c7b96;background:0 0;border:0;border-radius:5px;width:100%;margin-bottom:6px;padding:13px 16px;font-size:12px;display:block}.workspace-nav button.active{color:#543363;background:#d9f8cd;font-weight:600}.workspace-nav .eyebrow{color:#9d8ca8;margin:30px 16px 12px;font-size:8px}.workspace-nav p{color:#9b8ba5;margin:0 16px;font-size:10px}.workspace-card{border:1px solid var(--studio-line);background:#fffefa;border-radius:9px;margin-bottom:20px;padding:29px}.workspace-card h2{letter-spacing:-.8px;margin:10px 0 15px;font-size:24px}.workspace-card h3{font-size:15px;font-weight:500}.workspace-card>p{color:#84748d;font-size:13px;line-height:1.9}.workspace-card .eyebrow{color:#9a83a6;font-size:8px}.workspace-card .progress-track{height:7px;margin-top:20px}.workspace-card .teaser-progress{margin-top:20px;font-size:12px}.workspace-card .teaser-milestones>div{padding-block:18px;font-size:12px}.workspace-card .teaser-milestones small{font-size:10px}.workspace-two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.workspace-two .workspace-card{margin-bottom:0}.workspace-card .text-link{color:#218b3b;margin-top:15px}.workspace-card .card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.card-heading h2{margin:0}.workspace-form{flex-direction:column;gap:15px;display:flex}.workspace-form .studio-button{align-self:start}.workspace-empty{text-align:center;background:#faf7fc;border:1px dashed #d7c9df;border-radius:8px;padding:65px 25px}.workspace-empty h2{margin-bottom:12px;font-size:26px}.workspace-empty p{color:#8c7996;max-width:470px;margin:0 auto 23px;font-size:13px}.workspace .form-notice{margin-bottom:23px}.message-list{flex-direction:column;gap:15px;max-height:420px;margin-bottom:24px;display:flex;overflow:auto}.project-message{background:#ecf8e7;border-radius:6px;max-width:90%;padding:16px}.project-message.own{background:#efeee6;align-self:flex-end}.project-message>div{color:#987fa6;justify-content:space-between;gap:20px;margin-bottom:6px;font-size:10px;display:flex}.project-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.message-form{flex-direction:column;align-items:end;gap:10px;display:flex}.message-form textarea{resize:vertical;min-height:90px}.deliverable-row,.invoice-row{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:20px;padding:21px 0;display:flex}.deliverable-row p,.invoice-row p{color:#9783a2;margin-top:5px;font-size:11px}.deliverable-row a{color:#218b3b;text-underline-offset:5px;font-size:12px;text-decoration:underline}.invoice-amount{white-space:nowrap;margin-right:15px;font-size:21px;font-weight:400}.invoice-end{align-items:center;gap:12px;display:flex}.workspace-compact{color:#85748f;font-size:12px}.demo-banner{color:#6d517d;background:#e5f4dd;border:1px solid #dacbe3;border-radius:6px;justify-content:space-between;gap:15px;margin-bottom:28px;padding:14px 18px;font-size:11px;display:flex}.demo-banner a{text-decoration:underline}.workspace-staff{color:#332539;font-family:Arial,sans-serif}.workspace-staff .studio-button{color:#fff;cursor:pointer;background:#218b3b;border:0;border-radius:5px;padding:12px 20px}.workspace-staff .workspace-layout{grid-template-columns:190px minmax(0,1fr)}@media (min-width:1450px){.hero-art{min-height:490px}.dashboard-mock{padding:22px}.chart-bars{height:90px}.mock-metrics strong{font-size:24px}.hero-art .pulse-screen{min-height:315px}.hero-art .mock-nav{font-size:13px}.hero-art .mock-metrics small{font-size:8px}}@media (max-width:1100px){.studio-container,.studio-header{width:calc(100% - 64px)}.studio-header{height:88px}.studio-nav{gap:18px}.studio-hero{gap:30px;padding-block:66px}.studio-hero h1{letter-spacing:-2px;font-size:45px}.hero-art{min-height:395px}.hero-copy .eyebrow{letter-spacing:1px;font-size:8px}.button-row{gap:18px}.hero-copy .text-link{font-size:10px}.studio-button{padding:14px 17px!important}.studio-service{padding:23px}.stack-inner>p{min-width:220px}.stack-names{gap:20px;font-size:21px}.client-feature{gap:40px;padding:45px}.client-feature h2{font-size:36px}.faq-layout{gap:45px}.studio-site .studio-footer{padding-inline:32px}.work-card .product-art{height:255px}.work-card .pulse-screen{min-height:210px}.work-card .dashboard-mock{padding:10px}.work-card .chart-bars{height:47px}.work-card .mock-metrics strong{font-size:14px}.work-card .mock-activity{display:none}.work-card-meta{flex-wrap:wrap}.chair-art{transform-origin:0;transform:scale(.8)rotate(-6deg)}.forma-body h3{font-size:19px}.studio-form-shell{gap:45px}.footer-top{gap:25px}}@media (max-width:800px){.studio-container,.studio-header{width:calc(100% - 40px)}.studio-header{height:80px}.wordmark{font-size:24px}.menu-toggle{background:0 0;border:1px solid #ddd3e1;border-radius:5px;padding:8px 13px;font-size:12px;display:block}.studio-nav{border:1px solid var(--studio-line);background:#f9fff6;flex-direction:column;align-items:stretch;gap:18px;padding:22px;display:none;position:absolute;top:79px;left:0;right:0;box-shadow:0 16px 30px #38284312}.studio-nav.is-open{display:flex}.nav-divider{border-left:0;border-bottom:1px solid var(--studio-line);width:100%;height:0}.studio-hero{grid-template-columns:1fr;gap:45px;padding-block:52px 65px}.studio-hero h1{letter-spacing:-2.2px;font-size:clamp(39px,7.6vw,59px)}.hero-copy>p{max-width:480px}.hero-art{min-height:420px;margin-inline:15px}.hero-art .product-window{max-width:450px}.floating-label{left:-10px}.hero-note{margin-top:23px}.hero-copy .eyebrow{letter-spacing:1.1px;font-size:8px}.stack-inner{flex-direction:column;align-items:start;gap:24px;padding-block:28px}.stack-inner>p{font-size:11px}.stack-names{flex-wrap:wrap;width:100%;font-size:20px}.studio-section{padding-block:68px}.section-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:30px}.section-heading>p{max-width:500px}.studio-site h2{letter-spacing:-1.2px;font-size:32px}.service-grid{grid-template-columns:1fr}.studio-service{padding:26px}.studio-service+.studio-service{border-left:0;border-top:1px solid var(--studio-line)}.service-number{margin-bottom:22px}.studio-service h3{max-width:100%;font-size:24px}.studio-service p{max-width:450px}.service-bottom{font-size:11px}.work-grid{grid-template-columns:1fr;gap:34px}.work-card .product-art{height:330px}.work-card .product-window{max-width:340px}.work-card .dashboard-mock{padding:16px}.work-card .pulse-screen{min-height:240px}.work-card .mock-metrics strong{font-size:20px}.work-card .chart-bars{height:60px}.work-card .mock-activity{display:flex}.work-card-meta{flex-wrap:nowrap}.work-card .forma-body{min-height:190px}.work-card .forma-body h3{font-size:25px}.work-card .chair-art{transform:rotate(-6deg)}.work-card .roam-screen{height:250px}.process-grid{grid-template-columns:1fr 1fr;gap:30px}.process-grid article>span{margin-bottom:16px}.client-feature{grid-template-columns:1fr;gap:35px;padding:35px 25px}.client-feature h2{font-size:36px}.portal-teaser{margin:0 4px;transform:rotate(1deg)}.studio-belief h2{font-size:32px}.studio-belief>div{flex-direction:column;align-items:start;gap:20px}.faq-layout{grid-template-columns:1fr;gap:30px}.final-cta{padding-block:75px}.final-cta h2{font-size:39px}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.studio-site .studio-footer{padding-inline:20px}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:8px}.footer-bottom>span:nth-child(2){display:none}.display-title{letter-spacing:-2px;font-size:47px}.page-intro{font-size:14px}.inline-cta{flex-direction:column;align-items:start;margin-top:40px;padding-top:35px}.inline-cta h2{font-size:26px}.about-intro{grid-template-columns:1fr;gap:25px;margin-block:30px 40px}.about-intro p{font-size:15px}.studio-manifesto{margin-bottom:50px;padding:30px}.studio-manifesto h2{z-index:1;font-size:35px;position:relative}.manifesto-symbol{opacity:.45;font-size:180px;top:40px;right:-35px}.discipline-grid{grid-template-columns:1fr 1fr}.case-columns{grid-template-columns:1fr;gap:35px}.case-study>.product-art{height:360px}.studio-form-shell{grid-template-columns:1fr;gap:25px;padding-block:45px}.studio-form-shell h1{font-size:43px}.studio-form{padding:24px}.form-aside-note{max-width:none}.workspace-top{flex-direction:column;align-items:start}.workspace-layout,.workspace-staff .workspace-layout{grid-template-columns:1fr}.workspace-nav{border-right:0;border-bottom:1px solid var(--studio-line);gap:6px;padding:0 0 12px;display:flex;overflow-x:auto}.workspace-nav button{white-space:nowrap;width:auto;padding:10px 13px;font-size:11px}.workspace-nav .eyebrow,.workspace-nav p{display:none}.workspace-two{grid-template-columns:1fr}.workspace-card{padding:23px}.workspace-top h1{font-size:32px}.workspace-actions{flex-wrap:wrap}.demo-banner{flex-direction:column;gap:5px}.invoice-row{flex-direction:column;align-items:start}.invoice-end{justify-content:space-between;width:100%}.workspace-select{max-width:100%}.deliverable-row{gap:15px}.deliverable-row h3{font-size:13px}}@media (max-width:400px){.studio-hero h1{font-size:37px}.hero-art{min-height:355px;margin-inline:0}.art-stamp{width:72px;height:72px;font-size:4px;right:0}.hero-copy .eyebrow{font-size:7px}.floating-label{padding:12px;bottom:22px}.hero-art .concept-caption{font-size:5px;bottom:7px}.form-pair{grid-template-columns:1fr}.stack-names{gap:15px;font-size:17px}.studio-site .studio-button{font-size:12px}.studio-belief h2{font-size:28px}.footer-top{gap:30px 16px}.footer-top>div:last-child{grid-column:1/-1}.client-feature{padding:30px 19px}.portal-teaser{padding:20px}.discipline-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-site *{transition:none!important;animation:none!important}}.studio-site{--studio-plum:#218b3b;--studio-muted:#59705f;--studio-ink:#173522;--studio-line:#dce9d6;--studio-paper:#f9fff6}.studio-header{background:#f9fff6;border-color:#d6e8cf;border-radius:0;height:105px}.wordmark{letter-spacing:-.8px;gap:10px}.studio-header .webbysoft-logo,.studio-footer .webbysoft-logo{object-fit:contain;width:55px;height:55px}.brand-name{white-space:nowrap;font-size:25px;font-weight:700;line-height:1.2}.brand-name>span{letter-spacing:0;font-size:15px}.brand-name small{letter-spacing:1.3px;color:#5f8266;margin-top:6px;font-size:9px;font-weight:500;display:block}.studio-site .eyebrow{font-weight:700}.studio-nav{font-size:12px;font-weight:700}.studio-site .studio-button{color:#123d1a;background:#42cc4e;border-color:#42cc4e;border-radius:9px;padding:17px 25px;font-weight:700;box-shadow:0 4px #19892e17}.studio-site .studio-button:hover{color:#fff;background:#2eac39;border-color:#2eac39}.studio-site .studio-button.light{color:#374520;background:#ffdea0;border-color:#ffdea0}.studio-site .studio-button.outline{color:#22843d;box-shadow:none;background:0 0;border-color:#96ca9b}.studio-site .studio-button.small{border-radius:8px}.studio-hero{grid-template-columns:1.05fr 1fr;gap:45px;padding-block:69px 75px}.studio-hero h1{letter-spacing:-2.8px;font-size:clamp(39px,4.3vw,64px);font-weight:700;line-height:1.17}.studio-hero h1 em{z-index:1;display:inline-block;position:relative}.studio-hero h1 em:after{content:"";z-index:-1;background:#ffdea0;border-radius:10px;height:12px;position:absolute;bottom:1px;left:0;right:0;transform:rotate(-1deg)}.hero-copy>p{color:#5e7663;font-size:15px;font-weight:500;line-height:1.95}.hero-copy .eyebrow{color:#4b7453;letter-spacing:1px}.little-stars{color:#efa900;font-size:33px}.hero-note{color:#60776a;font-size:10px}.hero-note b{color:#355d40;font-weight:600}.hero-copy .text-link{color:#256d9b}.studio-site h2{letter-spacing:-1.1px;font-weight:700}.display-title{letter-spacing:-2.5px;font-weight:700}.studio-site .text-link{font-weight:700}.studio-site .stack-strip{border-color:#dce9d6}.stack-inner{min-height:105px}.stack-names{color:#4a6651;font-size:23px;font-weight:700}.stack-inner>p{color:#46604c;font-weight:600}.stack-inner>p span{color:#6f8775}.stack-names span:nth-child(2){color:#367ca0}.stack-names span:nth-child(4){color:#467b58}.brand-hero-art{isolation:isolate;background:#d9f8cd;border:1px solid #c8e9bc;border-radius:24px 65px 24px 24px;padding:25px 25px 23px;position:relative;box-shadow:0 10px #d3eac841}.brand-hero-art:before{content:"";z-index:-1;background:#ffdea0;border-radius:24px;width:95px;height:95px;position:absolute;top:-18px;right:-16px;transform:rotate(12deg)}.brand-hero-art:after{content:"";z-index:-1;background:#c2e6fd;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-21px;left:-18px}.brand-art-heading{letter-spacing:1px;color:#416e42;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;font-size:8px;font-weight:700;display:flex}.brand-four-dots{gap:5px;display:flex}.brand-four-dots i{background:#36b482;border-radius:2px;width:7px;height:7px;transform:rotate(-25deg)}.brand-four-dots i:nth-child(2){background:#287fbe}.brand-four-dots i:nth-child(3){background:#ffbf16}.brand-four-dots i:nth-child(4){background:#ff7325}.idea-tabs{gap:7px;margin-bottom:18px;display:flex}.idea-tabs button{color:#568257;white-space:nowrap;background:#f5fff06e;border:1px solid #0000;border-radius:7px;flex:1;padding:9px 13px;font-size:10px;font-weight:700}.idea-tabs button[aria-selected=true]{color:#225c33;background:#fff;border-color:#a9dba0;box-shadow:0 2px 6px #2765320d}.idea-tabs button:hover{border-color:#84c788}.idea-browser{background:#fff;border:1px solid #a9d09e;border-radius:9px;margin:3px 3px 0;overflow:hidden;transform:rotate(-2deg);box-shadow:0 13px 24px #22592718}.idea-browser-bar{color:#6d856c;background:#f2f9ee;border-bottom:1px solid #e2eddf;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;font-size:7px;display:flex}.idea-browser-bar>span:first-child{gap:4px;display:flex}.idea-browser-bar i{background:#d1e3c9;border-radius:50%;width:5px;height:5px}.idea-browser-bar i:first-child{background:#fbbd6a}.idea-browser-bar i:nth-child(2){background:#fbd36b}.idea-browser-bar i:nth-child(3){background:#78c987}.idea-preview{padding:15px 19px 24px}.idea-preview-nav{letter-spacing:1.5px;color:#648669;border-bottom:1px solid #e7efe3;align-items:center;gap:8px;padding-bottom:11px;font-size:7px;font-weight:700;display:flex}.idea-menu{color:#347246;margin-left:auto;font-size:14px}.idea-preview-content{padding-top:24px}.idea-preview-content .eyebrow{letter-spacing:1px;color:#7b9980;font-size:6px}.studio-site .idea-preview-content h2{letter-spacing:-1px;color:#214f2f;max-width:290px;margin-block:10px 13px;font-size:28px;line-height:1.17}.idea-preview-content>p{color:#74907a;max-width:270px;min-height:32px;font-size:9px;font-weight:500;line-height:1.8}.idea-preview-blocks{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px;display:grid}.idea-preview-blocks>div{background:#e4f5dc;border:1px solid #d0e9c3;border-radius:6px;padding:12px 9px}.idea-preview-blocks>div:nth-child(2){background:#e1f1fb;border-color:#cde4f2}.idea-preview-blocks>div:nth-child(3){background:#fff1d5;border-color:#f6dfb5}.idea-preview-blocks span{color:#328b3c;margin-bottom:11px;font-size:16px;line-height:1;display:block}.idea-preview-blocks>div:nth-child(2) span{color:#3c88b6}.idea-preview-blocks>div:nth-child(3) span{color:#d68b1c}.idea-preview-blocks b{white-space:nowrap;font-size:8px;display:block}.idea-preview-blocks i{background:#b7d5ac;border-radius:10px;width:65%;height:3px;margin-top:8px;display:block}.idea-preview-blocks>div:nth-child(2) i{background:#b6d7ea}.idea-preview-blocks>div:nth-child(3) i{background:#e9d0a0}.idea-delivery{z-index:1;background:#fffefa;border:1px solid #e6e6cb;border-radius:9px;align-items:center;gap:11px;margin:-2px -9px 0 28px;padding:15px 16px;display:flex;position:relative;transform:rotate(2deg);box-shadow:0 5px 13px #24592710}.delivery-check{color:#279646;background:#daf3d0;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.idea-delivery b{color:#33563d;font-size:10px;font-weight:700;display:block}.idea-delivery small{color:#839786;margin-top:3px;font-size:8px;display:block}.delivery-arrow{color:#e99425;margin-left:auto;font-size:24px}.idea-path{color:#8baf80;justify-content:space-between;align-items:center;gap:9px;margin-top:23px;font-size:8px;display:flex}.idea-path b{color:#4b7644;margin-left:5px;font-size:8px}.idea-path i{background:#b7d8ac;flex:1;height:1px}.solution-blue{background:#c2e6fd;border-color:#aed3ec}.solution-blue .brand-art-heading{color:#366c91}.solution-blue .idea-tabs button[aria-selected=true]{color:#256d9b;border-color:#9ec8e0}.solution-blue .idea-preview-content h2{color:#256d9b}.solution-orange{background:#ffdea0;border-color:#f4d189}.solution-orange .brand-art-heading{color:#8d6825}.solution-orange .idea-tabs button[aria-selected=true]{color:#9f5d24;border-color:#edc087}.solution-orange .idea-preview-content h2{color:#9f5d24}.service-grid{border:0;border-radius:0;gap:20px;overflow:visible}.studio-service{background:#e7f8dd;border-radius:16px;padding:29px;border:1px solid #cce5be!important}.studio-service:nth-child(2){background:#e0f1fc;border-color:#c5dfef!important}.studio-service:nth-child(3){background:#fff0d5;border-color:#f2ddb5!important}.studio-service h3{color:#234b2c;font-size:24px;font-weight:700}.studio-service:nth-child(2) h3{color:#285775}.studio-service:nth-child(3) h3{color:#775527}.studio-service p{color:#5b775a;font-weight:500}.studio-service:nth-child(2) p{color:#607e90}.studio-service:nth-child(3) p{color:#897650}.service-tags{color:#558144;border-color:#bdd8b3;font-size:9px;font-weight:600}.studio-service:nth-child(2) .service-tags{color:#537d97;border-color:#bbd8ea}.studio-service:nth-child(3) .service-tags{color:#9b793c;border-color:#e8d2a9}.service-number{color:#278c40;font-weight:700}.studio-service:nth-child(2) .service-number{color:#2d80b4}.studio-service:nth-child(3) .service-number{color:#d78718}.service-number>span{background:#fff8;border-radius:9px;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.service-bottom{color:#287d3e!important}.work-section{background:#fff}.work-card h3{color:#244e31;font-weight:700}.work-card .product-art{border:1px solid #dbe8d4;border-radius:16px}.art-forma{background:#ffdea0}.art-pulse{background:#d9f8cd}.art-roam{background:#c2e6fd}.tag{color:#51765a;border-color:#c1d9bc;font-weight:600}.process-grid article{border-color:#cee0c6}.process-grid article>span{color:#2b7d3b;background:#d9f8cd;border-radius:10px;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.process-grid article:nth-child(2)>span{color:#317ca5;background:#c2e6fd}.process-grid article:nth-child(3)>span{color:#a97320;background:#ffdea0}.process-grid article:nth-child(4)>span{color:#b16630;background:#ffe2c9}.process-grid h3{font-weight:700}.client-feature{background:#143d28;border:1px solid #204d30;border-radius:20px 60px 20px 20px;box-shadow:0 8px #edf7e8}.client-feature h2{color:#f4fff0}.client-feature .eyebrow{color:#8cd293}.portal-teaser{color:#31543a;background:#fcfff9;border-color:#d9e9ce;border-radius:12px}.portal-teaser h3{font-weight:700}.portal-teaser>p{color:#809377!important}.teaser-milestones>div{border-color:#e4eddf}.teaser-milestones>div>span{color:#2eac39}.teaser-milestones small{color:#7a9278}.teaser-bottom small{color:#769575}.studio-belief{background:0 0}.faq-section{background:#eef9e8;border-color:#dce9d6}.studio-faq,.studio-faq details{border-color:#cddfc4}.studio-faq summary{font-weight:600}.faq-number{color:#6c9a60}.faq-plus{color:#35863f}.studio-faq details p{color:#62805f}.final-cta h2{font-weight:700}.final-cta h2 em{color:#2eac39}.studio-site .studio-footer{background:#eff8e9;border-top:3px solid #42cc4e}.footer-top p{color:#688267}.footer-top .eyebrow{color:#568250}.footer-top a:not(.wordmark){color:#456640;font-weight:600}.footer-bottom{color:#748a70;border-color:#d5e5cd}.availability{color:#688464}.studio-manifesto{border-radius:18px 60px 18px 18px}.manifesto-symbol{color:#74c874}.about-intro p{color:#65805e}.about-intro strong{color:#238139}.discipline-grid h3{font-weight:700}.discipline-grid article:nth-child(3n+1){border-color:#67c977}.discipline-grid article:nth-child(3n+2){border-color:#84bfdf}.discipline-grid article:nth-child(3n){border-color:#efbf55}.studio-site .studio-form{background:#fff;border-color:#d9e8d0;border-radius:16px}.studio-form input,.studio-form textarea,.studio-form select,.workspace-form input,.workspace-form select,.workspace-form textarea,.message-form textarea{color:#294c34;border-color:#cdddca;font-weight:500}.studio-form input:focus,.studio-form textarea:focus,.studio-form select:focus,.workspace-form input:focus,.workspace-form textarea:focus,.message-form textarea:focus{border-color:#60ba67;box-shadow:0 0 0 3px #e2f7d9}.studio-form label,.workspace-form label{font-weight:700}.form-aside-note{color:#648460}.form-notice{color:#3d6938;background:#eff8e8;border-color:#c6dfb9}.auth-links{color:#2a7b3c}.workspace-nav button{color:#658360}.workspace-nav button.active{color:#237d35;background:#d9f8cd}.workspace-nav button:hover{background:#eef8e8}.workspace-nav .eyebrow,.workspace-nav p{color:#75916d}.workspace-card{background:#fff;border-color:#dce9d6;border-radius:13px}.workspace-card .eyebrow{color:#639459}.workspace-card>p{color:#668360}.workspace-empty{background:#f1faec;border-color:#bfd9b2}.workspace-empty p{color:#64815b}.workspace-compact{color:#688664}.workspace-card h3{font-weight:700}.project-message{background:#eaf7e3}.project-message.own{background:#e4f1fc}.project-message>div{color:#6b8e61}.invoice-row p,.deliverable-row p{color:#6b8463}.invoice-amount{font-weight:700}.demo-banner{color:#8c6a26;background:#fff2d6;border-color:#efd69e}.workspace-staff .studio-button{color:#143d28;background:#42cc4e}.workspace-staff *{font-family:var(--font-quicksand),"Quicksand",Arial,sans-serif}.workspace-card .text-link{color:#24873c}@media (max-width:1100px){.brand-name{font-size:22px}.brand-name>span{font-size:12px}.studio-header .webbysoft-logo{width:45px;height:45px}.studio-nav{gap:16px;font-size:11px}.studio-hero h1{font-size:46px}.brand-hero-art{padding:21px 20px}.idea-tabs button{padding:8px;font-size:9px}.studio-site .idea-preview-content h2{font-size:25px}.brand-art-heading{font-size:7px}.idea-delivery{padding:13px}.idea-delivery b{font-size:9px}.idea-delivery small,.idea-preview-blocks b{font-size:7px}.idea-preview-content{padding-top:18px}.idea-preview-blocks{margin-top:20px}}@media (max-width:800px){.studio-header{height:85px}.studio-nav{background:#f9fff6;font-size:13px;top:84px}.studio-hero{grid-template-columns:1fr;gap:43px;padding-block:43px 62px}.studio-hero h1{letter-spacing:-2px;font-size:clamp(38px,7.4vw,58px)}.brand-hero-art{width:calc(100% - 15px);max-width:530px;margin:0 auto;padding:25px 22px}.brand-hero-art:before{right:-8px}.brand-hero-art:after{left:-10px}.brand-art-heading{font-size:8px}.idea-tabs button{padding:10px;font-size:10px}.studio-site .idea-preview-content h2{max-width:310px;font-size:31px}.idea-preview-content>p{max-width:300px;font-size:10px}.idea-preview-content{padding-top:20px}.idea-preview-blocks{margin-top:22px}.idea-preview-blocks b{font-size:9px}.idea-delivery b{font-size:11px}.idea-delivery small,.idea-path b{font-size:8px}.service-grid{gap:15px}.studio-service h3{font-size:24px}.studio-site h2{letter-spacing:-1px}.studio-site .studio-footer .brand-name{font-size:20px}.studio-site .studio-footer .webbysoft-logo{width:41px;height:41px}.brand-name small{letter-spacing:1px;font-size:8px}.studio-form-shell h1{font-size:41px}.client-feature{border-radius:18px 40px 18px 18px}.studio-site .studio-button{padding:15px 20px!important}.footer-top>div:first-child{grid-column:1/-1}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:last-child{grid-column:1/-1}}@media (max-width:400px){.studio-hero h1{letter-spacing:-1.9px;font-size:37px}.brand-hero-art{padding:22px 15px}.brand-art-heading{font-size:6.5px}.idea-tabs button{padding:8px 6px;font-size:8px}.idea-preview{padding:12px 13px 21px}.studio-site .idea-preview-content h2{font-size:27px}.idea-preview-blocks b{font-size:7px}.idea-delivery b{font-size:9px}.idea-delivery small{font-size:7px}.idea-path{gap:5px;font-size:7px}.idea-path b{margin-left:2px;font-size:7px}.brand-name{font-size:22px}.studio-header{gap:10px}.studio-header .brand-name{font-size:20px}.studio-header .brand-name small{letter-spacing:.5px;font-size:7.5px}.studio-header .wordmark{gap:6px}.menu-toggle{padding:8px 10px}.studio-header .webbysoft-logo{width:40px;height:40px}}
.studio-site{--content-width:1240px;--page-gutter:clamp(20px, 4.5vw, 64px);--section-space:clamp(64px, 7vw, 100px);--body-copy:#4c6653;line-height:1.7}.studio-container,.studio-header{width:min(var(--content-width), calc(100% - var(--page-gutter) * 2));margin-inline:auto}.studio-header{align-items:center;gap:32px;height:auto;min-height:104px;padding-block:20px}.studio-header .wordmark{flex-shrink:0;gap:10px}.studio-header .webbysoft-logo{flex-shrink:0;width:60px;height:60px}.studio-header .brand-name{font-size:25px;line-height:1.2}.studio-header .brand-name small{letter-spacing:.15px;margin-top:7px;font-size:10px}.studio-nav{gap:clamp(16px,2vw,28px);margin-left:auto;font-size:13px}.studio-nav>a{white-space:nowrap}.studio-nav>a:not(.studio-button){padding-block:10px}.studio-site .studio-button{text-align:center;gap:18px;min-height:48px;padding:14px 22px;font-size:14px;line-height:1.4}.studio-site .studio-button.small{min-height:44px;padding:12px 18px;font-size:13px}.studio-site .text-link{font-size:13px;line-height:1.6}.studio-site .eyebrow{letter-spacing:1.35px;font-size:11px;line-height:1.65}.studio-site :is(a,button,summary,input,select,textarea):focus-visible{outline-offset:4px;outline:3px solid #2586bd}.studio-section{padding-block:var(--section-space)}.studio-site h2{text-wrap:balance;line-height:1.25}.studio-site p{overflow-wrap:break-word}.studio-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4vw,64px);padding-block:72px 84px}.hero-copy{min-width:0}.studio-hero h1{letter-spacing:-1.7px;text-wrap:balance;margin-bottom:24px;font-size:clamp(36px,3.65vw,52px);line-height:1.2}.studio-hero h1 em:after{height:9px;bottom:3px;transform:none}.hero-copy>p{max-width:510px;margin-bottom:30px;font-size:16px;line-height:1.85}.hero-copy .button-row{gap:16px 24px}.hero-note{gap:12px;margin-top:28px;font-size:12px;line-height:1.8}.hero-note b{font-weight:600}.brand-hero-art{border-radius:22px;width:100%;min-width:0;margin:0;padding:26px}.brand-hero-art:before{width:72px;height:72px;top:-12px;right:-12px}.brand-hero-art:after{width:66px;height:66px;bottom:-14px;left:-14px}.brand-art-heading{margin-bottom:20px;font-size:9px;line-height:1.65}.idea-tabs{gap:8px}.idea-tabs button{min-height:42px;padding:10px;font-size:11px}.idea-browser{margin:0;transform:none}.idea-preview{padding:18px 20px 24px}.idea-delivery{margin:16px 0 0;padding:15px;transform:none}.idea-delivery b{font-size:11px}.idea-delivery small{font-size:9px}.idea-path{gap:8px;margin-top:20px}.idea-path,.idea-path b{font-size:9px}.stack-inner{grid-template-columns:270px minmax(0,1fr);gap:40px;padding-block:28px;display:grid}.stack-inner>p{min-width:0;font-size:13px}.stack-inner>p span{font-size:11px}.stack-names{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;font-size:22px;display:grid}.section-heading{grid-template-columns:1.35fr 1fr;align-items:end;gap:48px;margin-bottom:36px;display:grid}.section-heading>p{justify-self:end;max-width:400px;font-size:15px;line-height:1.85}.section-heading>.text-link{place-self:end}.service-grid,.work-grid{align-items:stretch;gap:24px}.studio-service{flex-direction:column;min-width:0;padding:28px;display:flex}.service-number{align-items:center;margin-bottom:28px;font-size:13px}.studio-service h3{max-width:none;min-height:2.6em;margin-bottom:16px;font-size:24px;line-height:1.3}.studio-service p{margin-bottom:24px;font-size:14px;line-height:1.85}.service-tags{margin-top:auto;padding-top:18px;font-size:11px;line-height:1.8}.service-bottom{text-align:center;margin-top:28px}.work-card{min-width:0}.work-card .product-art{height:290px}.work-card .product-window{transform:none}.work-card-meta{align-items:flex-start;gap:12px;min-height:64px}.work-card h3{font-size:22px;line-height:1.3}.work-card p{margin-top:8px;font-size:12px}.tag{padding:5px 9px;font-size:10px;line-height:1.5}.section-note{font-size:12px;line-height:1.8}.process-grid{gap:28px}.process-grid h3{min-height:1.35em;font-size:21px;line-height:1.35}.process-grid p{font-size:14px;line-height:1.85}.client-feature{border-radius:22px;align-items:center;gap:60px;padding:clamp(28px,4.5vw,60px)}.client-feature>div{min-width:0}.client-feature>div>p{max-width:390px;font-size:15px;line-height:1.85}.client-feature .eyebrow{font-size:11px}.feature-checks{margin-block:24px 30px;font-size:14px;line-height:1.8}.portal-teaser{margin:0;padding:28px;transform:none}.teaser-top{letter-spacing:.8px;margin-bottom:24px;font-size:10px;line-height:1.6}.portal-teaser>p{font-size:12px!important}.teaser-progress{font-size:12px}.teaser-milestones>div{grid-template-columns:18px 1fr auto;gap:8px;padding-block:14px;font-size:12px;display:grid}.teaser-milestones small{text-align:right;font-size:10px}.teaser-bottom{font-size:12px}.teaser-bottom small{font-size:10px}.studio-belief p{font-size:15px;line-height:1.9}.studio-faq summary{gap:16px;padding-block:3px;font-size:15px}.studio-faq details p{padding-left:32px;font-size:14px;line-height:1.9}.faq-number{flex-shrink:0;font-size:11px}.faq-plus{flex-shrink:0}.final-cta{padding-block:var(--section-space)}.final-cta p{font-size:15px}.studio-site .studio-footer{padding:52px var(--page-gutter) 0}.footer-top,.footer-bottom{width:min(var(--content-width), 100%);margin-inline:auto}.footer-top{grid-template-columns:1.3fr .7fr 1.1fr 1.2fr;align-items:start;gap:36px}.footer-top>div{min-width:0}.footer-top p,.footer-top a:not(.wordmark){font-size:13px;line-height:1.85}.footer-top .eyebrow{margin-bottom:18px;font-size:10px}.footer-top .brand-name{font-size:22px}.footer-top .brand-name small{letter-spacing:.1px;font-size:9px}.footer-top .webbysoft-logo{width:46px;height:46px}.availability{font-size:11px}.footer-bottom{padding-block:24px;font-size:11px}.footer-bottom a{white-space:nowrap}.studio-form-shell{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:64px}.studio-form-shell h1{font-size:clamp(36px,4vw,52px);line-height:1.2}.studio-form{gap:22px;padding:32px}.studio-form label,.workspace-form label{gap:9px;font-size:14px;line-height:1.5}.studio-form input,.studio-form select,.workspace-form input,.workspace-form select{min-height:48px}.studio-form input,.studio-form textarea,.studio-form select,.workspace-form input,.workspace-form select,.workspace-form textarea,.message-form textarea{font-size:16px;line-height:1.5}.studio-form small,.form-aside-note,.auth-links{font-size:12px;line-height:1.85}.form-pair{align-items:start}.form-pair>*{min-width:0}.form-notice{font-size:14px;line-height:1.8}.workspace-top{align-items:center}.workspace-top p,.workspace-card>p{font-size:15px}.workspace-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:28px}.workspace-nav button{min-height:46px;font-size:14px}.workspace-nav p{overflow-wrap:anywhere;font-size:12px}.workspace-card{padding:28px}.workspace-card .eyebrow{font-size:10px}.workspace-select{min-height:44px;font-size:14px}.workspace-card h3{font-size:16px}.project-message p{font-size:14px}.project-message>div{font-size:11px}.invoice-row p,.deliverable-row p{font-size:13px;line-height:1.75}.invoice-end{flex-shrink:0}.deliverable-row>div{min-width:0}.deliverable-row p{overflow-wrap:anywhere}.demo-banner{font-size:13px;line-height:1.75}@media (max-width:1100px){.studio-header{gap:20px}.studio-header .brand-name{font-size:22px}.studio-header .webbysoft-logo{width:52px;height:52px}.studio-nav{gap:16px;font-size:12px}.studio-hero{gap:32px}.studio-hero h1{letter-spacing:-1.4px;font-size:40px}.brand-hero-art{padding:20px}.brand-art-heading{font-size:8px}.stack-inner{grid-template-columns:230px 1fr;gap:24px}.stack-names{gap:14px;font-size:19px}.studio-service{padding:24px}.studio-service h3{font-size:22px}.work-card .product-art{height:260px}.work-card-meta{flex-wrap:wrap}.client-feature{gap:32px}.footer-top{grid-template-columns:1.2fr 1fr 1fr;gap:32px}.footer-top>div:last-child{flex-direction:row;grid-column:1/-1;align-items:center;gap:24px}.footer-top>div:last-child :is(p,.eyebrow,.availability){margin:0}.studio-form-shell{gap:36px}.invoice-row{flex-wrap:wrap}}@media (max-width:960px){.studio-header{min-height:88px;padding-block:14px}.menu-toggle{min-width:76px;min-height:44px;margin-left:auto;display:block}.studio-nav{background:#fff;border:1px solid #dce9d6;border-radius:0 0 14px 14px;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:18px;font-size:14px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 32px #17352212}.studio-nav.is-open{display:flex}.studio-nav>a:not(.studio-button){border-radius:7px;padding:12px}.studio-nav>a:hover{background:#eef9e8}.nav-divider{background:#dce9d6;border:0;width:100%;height:1px;margin-block:8px}.studio-hero{grid-template-columns:1fr;gap:40px;padding-block:52px 64px}.hero-copy{max-width:660px}.studio-hero h1{max-width:660px;font-size:clamp(38px,5.8vw,52px)}.hero-copy>p{max-width:620px}.brand-hero-art{justify-self:center;width:100%;max-width:620px;padding:28px}.idea-tabs button{font-size:12px}.idea-preview-content>p{min-height:36px}.brand-art-heading{font-size:10px}.service-grid{grid-template-columns:1fr}.studio-service h3{min-height:0}.studio-service p{max-width:none}.service-number{margin-bottom:18px}.work-grid{grid-template-columns:1fr}.work-card .product-art{height:340px}.work-card .product-window{max-width:400px}.work-card-meta{flex-wrap:nowrap}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p,.section-heading>.text-link{justify-self:start;max-width:600px}.client-feature{grid-template-columns:1fr 1fr;gap:28px;padding:30px}.client-feature h2{font-size:32px}.portal-teaser{padding:22px}.teaser-milestones>div{grid-template-columns:18px 1fr}.teaser-milestones small{text-align:left;grid-column:2;margin-left:0}.studio-form-shell{grid-template-columns:1fr;gap:28px}.studio-form-shell>div:first-child{max-width:660px}.form-aside-note{max-width:none}.workspace-layout,.workspace-staff .workspace-layout{grid-template-columns:1fr}.workspace-nav{border-bottom:1px solid #dce9d6;border-right:0;gap:6px;padding:0 0 12px;display:flex;overflow-x:auto}.workspace-nav button{white-space:nowrap;flex:none;width:auto;margin:0}.workspace-nav .eyebrow,.workspace-nav p{display:none}}@media (max-width:680px){.studio-site{--page-gutter:20px}.studio-header .webbysoft-logo{width:48px;height:48px}.studio-header .brand-name{font-size:21px}.studio-header .brand-name>span{font-size:12px}.studio-header .brand-name small{font-size:9px}.studio-hero h1{letter-spacing:-1px;font-size:clamp(32px,7.4vw,43px)}.hero-copy>p{font-size:15px}.hero-note{align-items:flex-start;font-size:11px}.hero-note .little-stars{line-height:1.3}.brand-hero-art{padding:20px}.brand-art-heading{font-size:8px}.idea-tabs button,.idea-delivery b{font-size:10px}.idea-path,.idea-path b{font-size:8px}.stack-inner{grid-template-columns:1fr;gap:20px}.stack-names{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px}.stack-names>span{border-left:3px solid #a5d891;padding-left:12px}.stack-names>span:nth-child(2){border-color:#8cc9eb}.stack-names>span:nth-child(3){border-color:#efc160}.stack-names>span:nth-child(4){border-color:#eeab76}.studio-service{padding:24px}.studio-service h3{font-size:24px}.work-card .product-art{height:300px}.process-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.process-grid h3{min-height:2.7em;font-size:19px}.process-grid p{font-size:13px}.client-feature{grid-template-columns:1fr;gap:32px;padding:26px}.client-feature>div>p{max-width:none}.teaser-milestones>div{grid-template-columns:18px 1fr auto}.teaser-milestones small{text-align:right;grid-column:auto}.faq-layout{grid-template-columns:1fr;gap:32px}.studio-faq summary{font-size:14px}.studio-faq details p{padding-left:0}.footer-top{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-top>div:first-child,.footer-top>div:last-child{grid-column:1/-1}.footer-top>div:last-child{flex-direction:column;align-items:flex-start;gap:12px}.footer-top a:not(.wordmark){overflow-wrap:anywhere}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:10px}.studio-form{padding:24px}.form-pair{grid-template-columns:1fr;gap:22px}.workspace-top{align-items:flex-start;gap:20px}.workspace-actions{flex-wrap:wrap;width:100%}.workspace-select{flex:1;min-width:0}.workspace-card{padding:22px}.workspace-two{grid-template-columns:1fr}.invoice-row{align-items:flex-start}.invoice-end{flex-wrap:wrap;gap:12px}.invoice-amount{font-size:20px}.project-message{max-width:100%}.project-message>div{flex-wrap:wrap;gap:5px 12px}.message-form .studio-button{width:100%}}@media (max-width:380px){.studio-site{--page-gutter:16px}.studio-header{gap:8px}.studio-header .wordmark{gap:5px}.studio-header .webbysoft-logo{width:40px;height:40px}.studio-header .brand-name{font-size:19px}.studio-header .brand-name small{font-size:8px}.menu-toggle{min-width:64px;padding:8px;font-size:11px}.hero-copy .button-row{flex-direction:column;align-items:stretch}.hero-copy .text-link{justify-content:center;min-height:44px}.brand-hero-art{padding:16px}.brand-art-heading{font-size:7px}.idea-tabs{gap:5px}.idea-tabs button{padding-inline:5px;font-size:9px}.idea-preview{padding:14px}.idea-delivery{gap:8px;padding:12px}.idea-delivery small{font-size:8px}.delivery-arrow{display:none}.idea-path{gap:5px}.idea-path b{margin-left:2px}.client-feature{padding:20px}.portal-teaser{padding:18px}.teaser-milestones small,.tag{font-size:9px}.studio-form{padding:20px}}.pw-field{width:100%;display:block;position:relative}.pw-field input{width:100%;padding-right:48px!important}.pw-field input::-ms-reveal{display:none}.pw-field input::-ms-clear{display:none}.pw-toggle{color:#5f8266;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-toggle:hover{color:#218b3b;background:#eaf6e4}.pw-toggle:focus-visible{outline-offset:1px;outline:2px solid #42cc4e}.pw-toggle[aria-pressed=true]{color:#218b3b}@media (max-width:680px){.auth-shell{margin-block:24px 40px}.auth-shell h1{margin-block:10px 12px}.auth-shell>p{margin-bottom:16px}.auth-shell>.section-note{margin-top:16px;margin-bottom:0}}
.mobile-idea{display:none}@media (min-width:0){.mobile-idea{max-width:560px;margin:24px 0;display:block}.studio-hero>.brand-hero-art{display:none}.idea-transformation{isolation:isolate;background:radial-gradient(circle,#bfd7b2 1px,#0000 1px) 0 0/14px 14px;border-radius:18px;grid-template-columns:1fr .85fr 1.3fr;align-items:center;gap:24px;height:148px;padding:8px 20px;display:grid;position:relative}.idea-transformation:before{content:"";z-index:-1;background:linear-gradient(90deg,#f9fff6 0%,#0000 25% 75%,#f9fff6 100%);position:absolute;inset:0}.transformation-trail{z-index:-1;width:100%;height:132px;position:absolute;top:7px;left:0;overflow:visible}.transformation-trail path{fill:none;stroke:#79be76;stroke-width:2px;stroke-dasharray:4 6}.travelling-dot{fill:#2eac39}.idea-sketch{color:#896123;background:#ffebae;border:1px solid #f4d17c;border-radius:3px 3px 15px;flex-direction:column;justify-content:center;align-items:center;width:95px;height:108px;animation:.7s ease-out both sketch-arrive;display:flex;position:relative;transform:rotate(-8deg);box-shadow:3px 5px #efdd9b55}.sketch-pin{background:#ffe3a7c9;border:1px solid #f0cf90;width:36px;height:13px;position:absolute;top:-7px;transform:rotate(5deg)}.idea-sketch svg{width:31px;height:31px;margin-bottom:5px;overflow:visible}.idea-sketch b{font-size:15px;line-height:1.4}.idea-sketch>span:last-child{margin-top:3px;font-size:9px}.idea-maker{background:#fff;border:1px solid #cfe6c5;border-radius:18px;justify-self:center;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 5px 16px #3b793615}.idea-maker>span{white-space:nowrap;color:#517849;background:#f9fff6;padding:0 4px;font-size:9px;font-weight:700;position:absolute;top:65px}.idea-result{width:132px;height:103px;box-shadow:5px 7px 0 var(--result-tint);background:#fff;border:1px solid #9fcfe7;border-radius:8px;justify-self:end;animation:1s ease-out .15s both product-arrive;position:relative;transform:rotate(5deg)}.result-chrome{background:#e7f4fc;border-bottom:1px solid #c8e2f1;border-radius:7px 7px 0 0;align-items:center;gap:3px;height:18px;padding:0 7px;display:flex}.result-chrome i{background:#78acca;border-radius:50%;width:3px;height:3px}.result-chrome i:first-child{background:#ffad65}.result-chrome>span{color:#3e7c9e;margin-left:auto;font-size:9px}.result-content{padding:9px}.result-banner{background:#ddf4d2;border-radius:4px;height:33px;padding:8px 7px;position:relative}.result-banner>i{background:#57b76b;border-radius:6px 10px 6px 6px;width:22px;height:22px;position:absolute;top:6px;right:8px}.result-banner>span{background:var(--result-accent);opacity:.75;border-radius:2px;width:48%;height:4px;margin-bottom:4px;display:block}.result-banner>span:last-child{opacity:.45;width:35%;height:3px}.result-tiles{gap:5px;margin-top:7px;display:flex}.result-tiles>i{background:#d6ecfb;border-radius:3px;flex:1;height:17px}.result-tiles>i:nth-child(2){background:#ffdf95}.result-tiles>i:nth-child(3){background:#ffd8b8}.result-lines{display:none}.result-ready{color:#33843d;white-space:nowrap;background:#effbe8;border:1px solid #b2d7a6;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:700;position:absolute;bottom:-12px;right:-6px}.transformation-spark{line-height:1;position:absolute}.spark-blue{color:#498fbf;font-size:20px;top:5px;left:37%}.spark-orange{color:#ed9b27;font-size:21px;bottom:2px;left:53%}.idea-transformation{--result-accent:#57b76b;--result-tint:#ddf4d2;--result-edge:#9fcfe7}.transformation-webapp{--result-accent:#4f9dd0;--result-tint:#dbeefb;--result-edge:#90c2de}.transformation-mobile{--result-accent:#5da5d1;--result-tint:#dbeefb;--result-edge:#82b9d7}.transformation-desktop{--result-accent:#7d8ed6;--result-tint:#e3e6fa;--result-edge:#a9b3e4}.transformation-database{--result-accent:#d79b3f;--result-tint:#fff0d3;--result-edge:#e6c98a}.transformation-api{--result-accent:#3f9d92;--result-tint:#dcf3ef;--result-edge:#93cfc6}.transformation-redesign{--result-accent:#cf7b4b;--result-tint:#ffe6d5;--result-edge:#e8b795}.transformation-custom{--result-accent:#8a67b8;--result-tint:#eee2fa;--result-edge:#c1a8dc}.idea-result{border-color:var(--result-edge)}.result-banner{background:var(--result-tint)}.result-banner>i{background:var(--result-accent)}.transformation-mobile .idea-result{border-radius:12px;justify-self:center;width:65px;height:122px}.transformation-mobile .result-chrome{border-radius:11px 11px 0 0;justify-content:center;height:13px}.transformation-mobile .result-chrome i{display:none}.transformation-mobile .result-chrome>span{background:#8db3c8;border-radius:3px;width:17px;height:3px;margin:0;font-size:0}.transformation-mobile .result-content{padding:6px}.transformation-mobile .result-banner{height:44px;padding:28px 5px 0}.transformation-mobile .result-banner>i{border-radius:50%;width:16px;height:16px;top:7px;left:16px}.transformation-mobile .result-banner>span{background:#84b9d9;width:75%;height:3px}.transformation-mobile .result-tiles{flex-wrap:wrap;gap:3px}.transformation-mobile .result-tiles>i{height:13px}.transformation-mobile .result-lines{gap:4px;margin-top:6px;display:grid}.transformation-mobile .result-ready{right:-24px}.result-withside{grid-template-columns:21px minmax(0,1fr);gap:6px;display:grid}.result-side{align-content:start;gap:4px;padding-top:1px;display:grid}.result-side>i{background:var(--result-edge);border-radius:2px;height:5px}.result-side>i:first-child{background:var(--result-accent)}.result-main{min-width:0}.transformation-desktop .result-chrome{background:#ecedfa;border-bottom-color:#cdd3f0}.transformation-desktop .result-chrome i{background:#9aa6dd}.transformation-desktop .result-chrome>span{color:#6572b8}.result-stack{gap:3px;margin-bottom:7px;display:grid}.result-stack>i{background:var(--result-tint);border:1px solid var(--result-edge);border-radius:999px/4px;height:8px}.result-stack>i:first-child{background:var(--result-accent);border-color:var(--result-accent)}.result-rows{gap:4px;display:grid}.result-rows>i{background:#e2e9dd;border-radius:2px;height:4px}.result-rows>i:nth-child(odd){background:var(--result-edge)}.result-endpoints{gap:4px;margin-bottom:8px;display:grid}.result-endpoints>span{align-items:center;gap:5px;display:flex}.result-endpoints b{letter-spacing:.3px;color:#fff;background:var(--result-accent);border-radius:3px;padding:2px 3px;font-size:6px;font-weight:700;line-height:1}.result-endpoints i{background:var(--result-tint);border-radius:2px;flex:1;height:4px}.result-nodes{justify-content:space-between;align-items:center;display:flex;position:relative}.result-nodes:before{content:"";border-top:1px dashed var(--result-edge);position:absolute;top:50%;left:5px;right:5px}.result-nodes>i{border:2px solid var(--result-accent);background:#fff;border-radius:50%;width:10px;height:10px;position:relative}.result-split{grid-template-columns:1fr 1.15fr;align-items:start;gap:6px;display:grid}.split-before,.split-after{border-radius:4px;gap:3px;padding:5px;display:grid}.split-before{opacity:.75;background:#eceae6}.split-before>i{background:#b9b3ab;border-radius:2px;height:4px}.split-after{background:var(--result-tint)}.split-after>span{background:var(--result-accent);border-radius:3px;height:9px}.split-after>i{background:var(--result-edge);border-radius:2px;height:4px}.transformation-custom .result-lines{gap:4px;margin-top:6px;display:grid}.transformation-custom .result-tiles>i:nth-child(2){background:var(--result-tint)}.mobile-idea-caption{justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.mobile-idea-caption p{color:#688464;margin:0;font-size:11px;line-height:1.6}.mobile-idea-caption strong{color:#32693e;font-weight:700}.mobile-idea-caption button{color:#286f9e;white-space:nowrap;background:0 0;border:0;min-height:44px;padding:8px 0 8px 8px;font-size:11px;font-weight:700}.mobile-idea-caption button span{margin-left:4px;font-size:17px}@keyframes sketch-arrive{0%{opacity:0;transform:translateY(8px)rotate(-13deg)}to{opacity:1;transform:translateY(0)rotate(-8deg)}}@keyframes product-arrive{0%{opacity:.3;transform:translate(-12px)rotate(0)}to{opacity:1;transform:translate(0)rotate(5deg)}}}@media (max-width:680px){.studio-hero{padding-top:30px}.studio-hero h1{margin-bottom:0;font-size:clamp(31px,7.5vw,39px);line-height:1.18}.mobile-idea{margin:20px 0 16px}.hero-copy>p{margin-bottom:22px;font-size:14px;line-height:1.75}.idea-transformation{gap:16px;padding-inline:14px}}@media (max-width:380px){.idea-transformation{grid-template-columns:82px 55px minmax(0,1fr);gap:13px;height:136px;padding-inline:4px}.idea-sketch{width:77px;height:94px}.idea-sketch b{font-size:13px}.idea-maker{border-radius:14px;width:48px;height:48px}.idea-maker img{width:38px;height:38px}.idea-maker>span{font-size:8px;top:56px}.idea-result{width:110px;height:99px}.result-banner>i{width:18px;height:18px;top:8px}.result-ready{font-size:8px;right:0}.mobile-idea-caption{gap:6px}.mobile-idea-caption p,.mobile-idea-caption button{font-size:10px}.mobile-idea-caption strong{display:block}}@media (prefers-reduced-motion:reduce){.mobile-idea *,.mobile-idea :before{animation:none!important}.travelling-dot{display:none}}
.brand-signature{flex-shrink:0;align-items:center;gap:7px;padding:3px;display:inline-flex}.brand-signature i{flex-shrink:0;width:8px;height:8px;display:block}.signature-cta{gap:10px;width:fit-content;margin:0 auto 24px;display:flex}.signature-cta i{width:11px;height:11px}.signature-welcome{margin-bottom:22px}.compact-idea .signature-mobile{width:fit-content;margin:0 0 12px auto;display:flex}.footer-copyright{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;line-height:1.85;display:flex}.footer-copyright>span:first-child{display:block}.studio-site .eyebrow:not(.desktop-idea-heading .eyebrow){align-items:center;gap:14px;display:flex}.studio-site .eyebrow:not(.desktop-idea-heading .eyebrow):after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='14' viewBox='0 0 52 14'%3E%3Crect x='2' y='3' width='8' height='8' rx='2' fill='%2336b482' transform='rotate(-25 6 7)'/%3E%3Crect x='15' y='3' width='8' height='8' rx='2' fill='%23287fbe' transform='rotate(-25 19 7)'/%3E%3Crect x='28' y='3' width='8' height='8' rx='2' fill='%23ffbf16' transform='rotate(-25 32 7)'/%3E%3Crect x='41' y='3' width='8' height='8' rx='2' fill='%23ff7325' transform='rotate(-25 45 7)'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:0 0 52px;width:52px;height:14px;display:block}.studio-site .final-cta>.eyebrow{justify-content:center}.hero-speed-pill{max-width:100%;height:auto;margin:0 0 20px;display:block}.hero-speed-label{fill:#244d30;letter-spacing:.1px;font-size:15px;font-weight:700}.hero-speed-runner{font-size:26px}.hero-speed-highlight{stroke-dasharray:15 85;animation:3.5s linear infinite hero-speed-outline}@keyframes hero-speed-outline{to{stroke-dashoffset:-100px}}@media (prefers-reduced-motion:reduce){.hero-speed-highlight{stroke-dasharray:none;opacity:.6;animation:none}}.studio-site :is(.studio-header,.studio-footer) .wordmark{--brand-height:calc(28px * 1.05 + 12.5px * 1.2);align-items:center;gap:10px;display:inline-flex}.studio-site .brand-logo-frame{width:calc(var(--brand-height) * 234 / 172);height:var(--brand-height);flex:none;display:block;position:relative;overflow:hidden}.studio-site :is(.studio-header,.studio-footer) .brand-logo-frame .webbysoft-logo{width:120.513%;max-width:none;height:163.953%;position:absolute;top:-37.7907%;left:-8.54701%;transform:none}.studio-site :is(.studio-header,.studio-footer) .brand-name{height:auto;font-size:inherit;letter-spacing:0;flex-direction:column;justify-content:center;gap:0;line-height:1;display:flex}.studio-site :is(.studio-header,.studio-footer) .brand-name .brand-title{color:#173522;letter-spacing:-.8px;font-size:28px;font-weight:700;line-height:1.05;display:block}.studio-site .brand-title>span{letter-spacing:-.2px;font-size:16px}.studio-site :is(.studio-header,.studio-footer) .brand-name small{letter-spacing:.04px;color:#4b6f54;white-space:nowrap;margin:0;font-size:12.5px;font-weight:500;line-height:1.2;display:block}.studio-site .footer-top{grid-template-columns:1.4fr .75fr 1.15fr 1fr}.footer-bottom>span:first-child{line-height:1.85}.form-intro,.form-aside{min-width:0}.studio-form-staged{gap:18px}.form-steps{border-bottom:1px solid #e0edd8;align-items:center;gap:8px;margin:0;padding:0 0 18px;list-style:none;display:flex}.form-steps li{color:#8ba286;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.form-steps li+li:before{content:"";background:#dcead4;flex:1 0 12px;height:1px}.form-steps .step-dot{background:#fff;border:1px solid #d2e5c8;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;line-height:1;display:grid}.form-steps .step-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-steps .is-current{color:#24873c}.form-steps .is-current .step-dot{color:#fff;background:#2eac39;border-color:#2eac39}.form-steps .is-done{color:#4d7a4a}.form-steps .is-done .step-dot{color:#2e8039;background:#e6f6de;border-color:#a9d69c}.form-step-heading h2{letter-spacing:-.6px;margin:6px 0 5px;font-size:23px}.form-step-heading p{color:#6d8a69;margin:0;font-size:13px;line-height:1.7}.form-step{flex-direction:column;gap:20px;display:flex}.form-step[hidden]{display:none}.form-step>small,.studio-form>small{color:#7b9476}.studio-form label i{color:#8aa085;font-size:11px;font-style:normal;font-weight:500}.studio-form label small{color:#7b9476;font-weight:500}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.form-actions .studio-button{text-align:center;flex:auto;justify-content:center}.form-actions .studio-button.outline{flex:none}.desktop-idea{display:none}.compact-idea{display:block}.idea-motion-controls{flex-shrink:0;align-items:center;gap:12px;display:flex}.mobile-idea-caption .motion-toggle{color:#577153;border-left:1px solid #d9e6d2;min-width:43px;padding-left:12px;font-size:10px}.motion-paused .idea-transformation *{animation:none!important}.motion-running .idea-sketch{animation:.6s ease-out both idea-note-in,5s ease-in-out .6s infinite idea-note-drift}.motion-running .idea-maker{animation:.6s ease-out 1.15s idea-maker-pulse}.motion-running .idea-result{animation:.6s cubic-bezier(.2,.8,.2,1) 2.05s both idea-product-in,5s ease-in-out 2.65s infinite idea-product-drift}.motion-running .result-ready{animation:.35s ease-out 2.55s both idea-ready-in}.motion-running .mobile-idea-caption p{animation:.4s ease-out both idea-caption-in}.motion-running .spark-blue{animation:8s linear infinite idea-spark-turn}.motion-running .spark-orange{animation:12s linear infinite reverse idea-spark-turn}@keyframes idea-note-in{0%{opacity:0;transform:translateY(8px)rotate(-13deg)}to{opacity:1;transform:translateY(0)rotate(-8deg)}}@keyframes idea-note-drift{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-5px)rotate(-5deg)}}@keyframes idea-maker-pulse{0%,to{transform:scale(1)}40%{transform:scale(1.1);box-shadow:0 0 0 6px #35b27f2e,0 5px 16px #3b793615}}@keyframes idea-product-in{0%{opacity:0;transform:translate(-14px)rotate(0)scale(.94)}to{opacity:1;transform:translateY(-3px)rotate(4deg)}}@keyframes idea-product-drift{0%,to{transform:translateY(-3px)rotate(4deg)}50%{transform:translateY(3px)rotate(7deg)}}@keyframes idea-ready-in{0%{opacity:0;transform:translateY(4px)scale(.9)}to{opacity:1;transform:none}}@keyframes idea-caption-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes idea-spark-turn{to{transform:rotate(360deg)}}@media (min-width:961px){.compact-idea{display:none}.desktop-idea{background:#f1fae9;border:1px solid #d4e8c9;border-radius:24px;width:100%;max-width:none;margin:0;padding:26px 26px 20px;display:block;box-shadow:7px 8px #e2f2d5;container-type:inline-size}.desktop-idea-heading{border-bottom:1px solid #d5e6c9;justify-content:space-between;align-items:center;gap:15px;padding-bottom:20px;display:flex}.studio-site .desktop-idea-heading .eyebrow{letter-spacing:.7px;white-space:nowrap;color:#5a7950;max-width:none;font-size:clamp(7px,1.8cqw,9px)}.desktop-idea-heading .brand-four-dots{flex-shrink:0}.desktop-idea .idea-transformation{background-size:18px 18px;gap:18px;height:292px;padding-inline:4px}.desktop-idea .idea-transformation:before{background:linear-gradient(90deg,#f1fae9,#0000 25% 75%,#f1fae9)}.desktop-idea .transformation-trail{height:200px;top:40px}.desktop-idea .idea-sketch{border-radius:5px 5px 24px;width:clamp(90px,27cqw,140px);height:clamp(118px,34cqw,172px)}.desktop-idea .idea-sketch svg{width:43px;height:43px;margin-bottom:13px}.desktop-idea .idea-sketch b{font-size:clamp(16px,4.5cqw,23px)}.desktop-idea .idea-sketch>span:last-child{margin-top:7px;font-size:11px}.desktop-idea .sketch-pin{width:46px;height:17px;top:-8px}.desktop-idea .idea-maker{border-radius:24px;width:clamp(55px,17cqw,85px);height:clamp(55px,17cqw,85px)}.desktop-idea .idea-maker img{width:80%;height:80%}.desktop-idea .idea-maker>span{background:#f1fae9;font-size:11px;top:calc(100% + 12px)}.desktop-idea .idea-result{width:clamp(116px,34cqw,185px);height:clamp(126px,36cqw,173px);box-shadow:7px 9px 0 var(--result-tint);border-radius:12px}.desktop-idea .result-chrome{border-radius:11px 11px 0 0;gap:4px;height:26px;padding-inline:10px}.desktop-idea .result-chrome i{width:4px;height:4px}.desktop-idea .result-chrome>span{font-size:12px}.desktop-idea .result-content{padding:12px}.desktop-idea .result-banner{height:clamp(42px,13cqw,65px);padding:13px 9px}.desktop-idea .result-banner>i{border-radius:10px 15px 8px 8px;width:28%;height:65%;top:17%;right:8px}.desktop-idea .result-banner>span{height:5px;margin-bottom:6px}.desktop-idea .result-banner>span:last-child{height:4px}.desktop-idea .result-tiles{gap:7px;margin-top:10px}.desktop-idea .result-tiles>i{height:clamp(20px,6cqw,31px)}.desktop-idea .result-ready{padding:6px 11px;font-size:11px;bottom:-16px}.desktop-idea .spark-blue{font-size:30px;top:32px;left:37%}.desktop-idea .spark-orange{font-size:28px;bottom:21px;left:57%}.desktop-idea .transformation-mobile .idea-result{border-radius:17px;width:clamp(82px,22cqw,112px);height:194px}.desktop-idea .transformation-mobile .result-chrome{border-radius:16px 16px 0 0;height:21px}.desktop-idea .transformation-mobile .result-content{padding:10px}.desktop-idea .transformation-mobile .result-banner{height:82px;padding:57px 7px 0}.desktop-idea .transformation-mobile .result-banner>i{border-radius:50%;width:29px;height:29px;top:16px;left:calc(50% - 14px)}.desktop-idea .transformation-mobile .result-tiles>i{height:23px}.desktop-idea .transformation-mobile .result-lines{gap:7px;margin-top:10px}.desktop-idea .result-withside{grid-template-columns:clamp(28px,8cqw,38px) minmax(0,1fr);gap:10px}.desktop-idea .result-side{gap:7px}.desktop-idea .result-side>i{border-radius:3px;height:9px}.desktop-idea .result-stack{gap:6px;margin-bottom:12px}.desktop-idea .result-stack>i{border-radius:999px/7px;height:15px}.desktop-idea .result-rows{gap:7px}.desktop-idea .result-rows>i{height:7px}.desktop-idea .result-endpoints{gap:7px;margin-bottom:14px}.desktop-idea .result-endpoints b{border-radius:4px;padding:4px 5px;font-size:9px}.desktop-idea .result-endpoints i{height:7px}.desktop-idea .result-nodes>i{border-width:3px;width:17px;height:17px}.desktop-idea .result-split{gap:10px}.desktop-idea .split-before,.desktop-idea .split-after{border-radius:7px;gap:5px;padding:9px}.desktop-idea .split-before>i,.desktop-idea .split-after>i{height:7px}.desktop-idea .split-after>span{border-radius:5px;height:16px}.desktop-idea .mobile-idea-caption{border-top:1px solid #d5e6c9;gap:10px;padding-top:15px}.desktop-idea .mobile-idea-caption p{font-size:12px}.desktop-idea .mobile-idea-caption strong{margin-bottom:4px;font-size:16px;display:block}.desktop-idea .mobile-idea-caption button{font-size:11px}}.service-desk{background:#fff;border:1px solid #d1e2c7;border-radius:20px;grid-template-columns:.95fr 1.2fr;display:grid;overflow:hidden}.service-choices{background:#f0f8ea;flex-direction:column;padding:38px 30px;display:flex}.desk-caption{letter-spacing:1px;color:#759269;margin-bottom:28px;font-size:10px;font-weight:700;display:block}.service-choices [role=tablist]{gap:14px;display:grid}.service-choices [role=tab]{text-align:left;color:#51704b;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:16px;min-width:0;padding:22px 18px;display:flex}.service-choices [role=tab][aria-selected=true]{color:#214f2b;background:#fff;border-color:#bcd9ac;box-shadow:0 5px #deebd677}.service-choices [role=tab]:hover{background:#ffffffa1}.service-choices [role=tab] strong{font-size:17px;font-weight:700;line-height:1.45;display:block}.service-choices [role=tab] small{color:#7a8d70;margin-top:6px;font-size:11px;line-height:1.6;display:block}.service-choices .choice-arrow{color:#82a56b;opacity:0;margin-left:auto;font-size:20px}.service-choices [aria-selected=true] .choice-arrow{opacity:1}.service-shape{background:#a9d58f;border:1px solid #88bb6b;border-radius:6px;flex:0 0 30px;width:30px;height:30px;display:block;position:relative}.shape-website:after{content:"";border-top:2px solid #eefbe5;position:absolute;inset:5px 4px auto}.shape-app{background:#a2d5f3;border-color:#76b5d9;border-radius:10px;flex-basis:22px;width:22px;margin-inline:4px}.shape-app:after{content:"";background:#ecf7ff;width:8px;height:2px;position:absolute;bottom:4px;left:6px}.shape-tools{background:#f5ce70;border-color:#d8ad4b;border-radius:50% 50% 6px 6px}.shape-tools:after{content:"";border:2px solid #fff5d4;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:9px}.service-choices>p{color:#6d8563;margin:auto 18px 0;padding-top:35px;font-size:13px;line-height:1.9}.service-choices>p a{color:#2c773e;text-underline-offset:5px;font-weight:700;text-decoration:underline}.service-answer{min-width:0;padding:30px 38px 38px}.service-answer>.eyebrow{color:#4e853c;margin-bottom:12px;font-size:10px}.service-answer h3{letter-spacing:-.7px;max-width:420px;margin-bottom:16px;font-size:27px;line-height:1.3}.service-answer>p{color:#61775a;font-size:14px;line-height:1.9}.service-answer ul{margin-block:20px 25px;padding:0;list-style:none}.service-answer li{gap:10px;margin-block:9px;font-size:13px;line-height:1.8;display:flex}.service-answer li:before{content:"✓";color:#57a143}.service-sample{background:#fff;border:1px solid #bdceaf;border-radius:9px;width:75%;max-width:320px;height:150px;margin:0 auto 38px;position:relative;box-shadow:9px 8px #eaf4e2}.sample-top{background:#f3f8ed;border-bottom:1px solid #dbe8d0;border-radius:8px 8px 0 0;align-items:center;gap:4px;height:24px;padding:0 10px;display:flex}.sample-top>i{background:#9cb990;border-radius:50%;width:4px;height:4px}.sample-top>span{color:#849e77;margin-left:auto;font-size:8px}.sample-inside{gap:12px;padding:16px;display:flex}.sample-sidebar{display:none}.sample-main{flex:1}.sample-heading,.sample-subheading{background:#87b872;border-radius:3px;width:65%;height:6px;margin-bottom:8px;display:block}.sample-subheading{background:#d0e5c1;width:45%;height:4px}.sample-panels{gap:10px;margin-top:16px;display:flex}.sample-panels i{background:#d6edc7;border:1px solid #bfd9ad;border-radius:5px;flex:1;height:42px}.sample-panels i:nth-child(2){background:#d8edfa;border-color:#bedbef}.sample-panels i:nth-child(3){background:#ffebbc;border-color:#eed59d}.sample-check{color:#164d20;background:#42cc4e;border:4px solid #fff;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:700;display:grid;position:absolute;top:40px;right:-13px}.sample-note{color:#8e7539;text-align:center;background:#fff3d4;border:1px solid #ead7a5;width:95%;padding:6px 10px;font-size:9px;position:absolute;bottom:-15px;left:10%;transform:rotate(-3deg)}.desk-app .service-answer{background:#f7fbfe}.desk-app .service-answer>.eyebrow{color:#347da5}.desk-app .service-sample{border-color:#a7cde1;border-radius:16px;width:120px;box-shadow:8px 7px #dceffc}.desk-app .sample-top{background:#e6f4fc;border-radius:15px 15px 0 0}.desk-app .sample-top>span{display:none}.desk-app .sample-panels{flex-wrap:wrap;gap:4px;margin-top:12px}.desk-app .sample-panels i{height:31px}.desk-app .sample-note{width:230px;left:-43px}.desk-app .sample-heading{background:#7fbbdd}.desk-tools .service-answer{background:#fffdf6}.desk-tools .service-answer>.eyebrow{color:#a07423}.desk-tools .sample-sidebar{border-right:1px solid #d4e5ca;gap:8px;width:30px;padding-right:10px;display:grid}.desk-tools .sample-sidebar i{background:#c3d8b9;border-radius:3px;height:8px}.desk-tools .sample-panels{border-bottom:1px solid #d5e5cb;align-items:flex-end;height:50px}.desk-tools .sample-panels i:first-child{height:22px}.desk-tools .sample-panels i:nth-child(2){height:34px}.desk-tools .sample-panels i:nth-child(3){height:46px}.workflow-section{background:#fffdf7;border-block:1px solid #ece6d5}.working-notes{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;display:grid}.working-note{flex-direction:column;min-width:0;display:flex;position:relative}.working-note:not(:last-child):after{content:"⤳";color:#afbd9f;font-size:28px;position:absolute;top:43px;right:-26px}.note-drawing{justify-content:center;align-items:center;height:146px;margin-bottom:24px;display:flex;position:relative}.note-drawing:before{content:"";background:#edf5e4;border-radius:50%;width:114px;height:114px;position:absolute}.note-plan .note-drawing:before{background:#eaf3fc;border-radius:28px;transform:rotate(10deg)}.note-build .note-drawing:before{background:#fff0cd;border-radius:28px;transform:rotate(-8deg)}.note-launch .note-drawing:before{display:none}.draw-bubble,.draw-reply{color:#5a7850;background:#fff;border:1px solid #bbd4ab;border-radius:12px 12px 12px 0;padding:12px 14px;font-size:12px;font-weight:600;position:absolute;top:23px;left:8px;box-shadow:3px 4px #dfeace}.draw-reply{background:#e0f2d4;border-radius:12px 12px 0;top:79px;left:auto;right:8px;transform:rotate(-4deg)}.draw-brief{z-index:1;background:#fff;border:1px solid #bdd7e9;border-radius:4px;gap:9px;padding:16px;display:grid;transform:rotate(-6deg);box-shadow:4px 5px #d9e8f3}.draw-brief b{color:#5283a4;border-bottom:1px solid #dceaf4;padding-bottom:6px;font-size:12px}.draw-brief span{color:#80a0b4;font-size:10px}.draw-preview{z-index:1;background:#fff;border:1px solid #decea7;border-radius:7px;width:165px;transform:rotate(4deg)}.draw-preview>span{color:#a4884b;border-bottom:1px solid #ece3cc;padding:7px 10px;font-size:10px;display:block}.draw-preview>div{gap:7px;padding:12px;display:flex}.draw-preview i{background:#def1d2;border-radius:4px;flex:1;height:30px}.draw-preview i:nth-child(2){background:#dceffc}.draw-preview i:nth-child(3){background:#ffebb9}.draw-preview b{color:#a58c57;padding:0 12px 10px;font-size:8px;font-weight:500;display:block}.draw-handover{z-index:1;text-align:center;background:#fbe9da;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:7px;width:132px;height:132px;display:flex}.draw-handover>span{color:#965d25;background:#f5c085;border:3px solid #fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.draw-handover b{white-space:nowrap;color:#926a42;margin:0;font-size:14px;line-height:1.2}.draw-handover small{white-space:nowrap;color:#ac8762;margin:0;font-size:9px;line-height:1.3}.note-label{text-transform:uppercase;letter-spacing:1px;color:#7e966c;margin-bottom:12px;font-size:10px;font-weight:700}.note-plan .note-label{color:#658ea9}.note-build .note-label{color:#a68a40}.note-launch .note-label{color:#af7d4d}.working-note h3{letter-spacing:-.4px;min-height:2.7em;margin-bottom:14px;font-size:21px;line-height:1.35}.working-note p{color:#738168;padding-bottom:22px;font-size:14px;line-height:1.85}.note-takeaway{color:#627a55;border-top:1px solid #e0e5d7;align-items:flex-start;gap:8px;margin-top:auto;padding-top:16px;font-size:11px;font-weight:600;display:flex}.note-takeaway span{color:#a1b38c;font-size:17px;line-height:1}@media (max-width:1100px){.studio-site :is(.studio-header,.studio-footer) .wordmark{--brand-height:calc(25px * 1.05 + 11.5px * 1.2)}.studio-site .footer-top{grid-template-columns:1.4fr 1fr 1fr}.studio-site :is(.studio-header,.studio-footer) .brand-name .brand-title{font-size:25px}.studio-site :is(.studio-header,.studio-footer) .brand-name small{font-size:11.5px}.service-choices{padding:30px 22px}.service-answer{padding:30px}.service-choices [role=tab]{gap:12px;padding:18px 12px}.service-choices [role=tab] strong{font-size:15px}.working-notes{gap:24px}.working-note:not(:last-child):after{right:-22px}.working-note h3{font-size:19px}.draw-preview{width:145px}.draw-bubble,.draw-reply{font-size:10px}}@media (max-width:800px){.service-desk{grid-template-columns:1fr}.service-choices{padding:26px}.desk-caption{margin-bottom:18px}.service-choices [role=tablist]{gap:9px}.service-choices [role=tab]{padding:16px}.service-choices [role=tab] small{font-size:11px}.service-choices>p{margin:0 16px;padding-top:20px}.service-answer{border-top:1px solid #d4e6c9;padding:30px 26px}.service-answer h3{font-size:26px}.service-sample{max-width:285px;margin-bottom:32px}.working-notes{grid-template-columns:1fr 1fr;gap:36px 28px}.working-note:nth-child(2):after{display:none}.working-note h3{font-size:22px}.draw-bubble,.draw-reply{font-size:11px}.draw-preview{width:165px}}@media (max-width:680px){.studio-site :is(.studio-header,.studio-footer) .wordmark{--brand-height:calc(23px * 1.05 + 10.4px * 1.2);gap:7px}.studio-site :is(.studio-header,.studio-footer) .brand-name{height:auto}.studio-site :is(.studio-header,.studio-footer) .brand-name .brand-title{font-size:23px;line-height:1.05}.studio-site .brand-title>span{font-size:13px}.studio-site :is(.studio-header,.studio-footer) .brand-name small{font-size:10.4px;line-height:1.2}.studio-site .footer-top{grid-template-columns:1fr 1fr}.mobile-idea-caption{align-items:center}.mobile-idea-caption strong{display:block}.idea-motion-controls{gap:8px}.mobile-idea-caption .motion-toggle{min-width:34px;padding-left:8px}.working-notes{gap:34px 20px}.working-note h3{font-size:19px}.working-note p{font-size:13px}.note-takeaway{font-size:10px}.note-drawing{height:132px}.draw-preview{width:138px}.draw-bubble,.draw-reply{padding:11px 9px;font-size:9px}.draw-brief{padding:12px}.draw-brief span{font-size:9px}.draw-handover small{font-size:8px}.working-note:not(:last-child):after{font-size:21px;right:-19px}}@media (max-width:380px){.studio-site :is(.studio-header,.studio-footer) .wordmark{--brand-height:calc(21px * 1.05 + 9.6px * 1.2);gap:3px}.studio-site :is(.studio-header,.studio-footer) .brand-name .brand-title{font-size:21px}.studio-site :is(.studio-header,.studio-footer) .brand-name small{font-size:9.6px}.service-choices,.service-answer{padding:22px 18px}.service-choices [role=tab]{gap:9px;padding-inline:10px}.service-choices [role=tab] strong{font-size:14px}.service-answer h3{font-size:23px}.working-notes{grid-template-columns:1fr;gap:34px}.working-note{border-bottom:1px solid #e4e8d9;padding-bottom:26px}.working-note:not(:last-child):after{display:none}.note-drawing{justify-content:flex-start;width:180px;height:120px;margin-bottom:18px}.note-drawing:before{left:25px}.draw-brief,.draw-preview,.draw-handover{margin-left:15px}.note-launch .note-drawing{height:132px}.draw-handover{width:132px;margin-left:16px}.working-note h3{min-height:0;font-size:22px}.note-takeaway{font-size:11px}}@media (prefers-reduced-motion:reduce){.motion-running *{animation:none!important}}.studio-site .studio-button:not(.outline):not(.light),.workspace-staff .studio-button:not(.outline):not(.light){color:#fff}.studio-site .studio-header{z-index:50;box-sizing:border-box;width:100%;padding-inline:max(var(--page-gutter), calc((100% - var(--content-width)) / 2));background:var(--studio-paper);position:sticky;top:0}.studio-site #main-content>:is(.studio-section,.studio-form-shell),.studio-site .studio-home>.studio-hero{padding-top:clamp(28px,4vw,48px)}html{scroll-padding-top:128px}@media (max-width:960px){.studio-site .studio-header .studio-nav{left:var(--page-gutter);right:var(--page-gutter);max-height:calc(100dvh - 110px);overflow-y:auto}.studio-site .studio-header .studio-nav>a:not(.studio-button){text-align:center;justify-content:center;padding-block:14px;font-size:18px;display:flex}.studio-site .studio-header .studio-nav>.studio-button{font-size:16px}}@media (max-width:680px){.studio-form-shell{gap:18px;padding-block:26px 56px}.studio-form-shell .display-title{letter-spacing:-1.2px;font-size:clamp(28px,8vw,34px);line-height:1.15}.studio-form-shell .page-intro{margin-bottom:0;font-size:13px;line-height:1.7}.studio-form-staged{gap:16px}.form-steps{gap:6px;padding-bottom:14px}.form-steps li{font-size:11px}.form-steps li:not(.is-current) .step-name{display:none}.form-steps .step-dot{width:22px;height:22px}.form-step{gap:18px}.form-step-heading h2{font-size:20px}.form-step-heading p{font-size:12px}}
.studio-site .eyebrow:not(.desktop-idea-heading .eyebrow),.studio-site .service-answer>.eyebrow,.studio-site .desk-caption,.studio-site .note-label,.studio-site .studio-manifesto>span:first-child,.studio-site .footer-top .eyebrow,.studio-site .workspace-card .eyebrow,.studio-site .workspace-nav .eyebrow,.studio-site .client-feature .eyebrow{letter-spacing:1.4px;font-size:12px}.studio-site .tag,.studio-site .availability,.studio-site .footer-bottom,.studio-site .footer-bottom a,.studio-site .section-note,.studio-site .studio-form small,.studio-site .studio-form label i,.studio-site .auth-links,.studio-site .note-takeaway,.studio-site .service-choices [role=tab] small,.studio-site .form-steps li,.studio-site .form-steps .step-name,.studio-site .form-aside-note,.studio-site .form-aside-note p,.studio-site .work-card p,.studio-site .stack-inner>p span,.studio-site .service-tags,.studio-site .faq-number,.studio-site .project-message>div,.studio-site .teaser-milestones small,.studio-site .workspace .teaser-progress,.studio-site .workspace .teaser-milestones>div,.studio-site .deliverable-row p,.studio-site .invoice-row p,.studio-site .demo-banner{font-size:13px}.studio-site .hero-note,.studio-site .footer-top p,.studio-site .footer-top a:not(.wordmark),.studio-site .form-step-heading p,.studio-site .form-aside>.text-link,.studio-site .workspace-nav p,.studio-site .feature-checks{font-size:14px}.studio-site .discipline-grid p,.studio-site .process-grid p,.studio-site .working-note p,.studio-site .auth-shell>p,.studio-site .page-intro{font-size:15px}.studio-site .auth-links{flex-wrap:wrap;justify-content:space-between;gap:6px 18px;display:flex}@media (max-width:680px){.studio-site :is(.studio-header,.studio-footer) .brand-name small{font-size:11px}}
:root{--brand-green:#35b27f;--brand-blue:#3176be;--brand-yellow:#fbc219;--brand-amber:#fa9e19;--brand-orange:#f65824;--brand-green-text:#1f9463;--brand-blue-text:#3176be;--brand-amber-text:#c77a00;--brand-orange-text:#e14d17;--brand-green-label:#18855a;--brand-blue-label:#3176be;--brand-amber-label:#a45f00;--brand-orange-label:#c9410f}.brand-four-dots i{background:var(--brand-green)}.brand-four-dots i:nth-child(2){background:var(--brand-blue)}.brand-four-dots i:nth-child(3){background:var(--brand-yellow)}.brand-four-dots i:nth-child(4){background:var(--brand-orange)}.studio-site .stack-names>span:first-child{color:var(--brand-green-text)}.studio-site .stack-names>span:nth-child(2){color:var(--brand-blue-text)}.studio-site .stack-names>span:nth-child(3){color:var(--brand-amber-text)}.studio-site .stack-names>span:nth-child(4){color:var(--brand-orange-text)}.studio-site .stack-names>span:nth-child(2) i{color:var(--brand-blue)}.studio-site .stack-names>span:nth-child(4) i{color:var(--brand-orange)}@media (max-width:680px){.studio-site .stack-names>span{border-left-width:4px}.studio-site .stack-names>span:first-child{border-color:var(--brand-green)}.studio-site .stack-names>span:nth-child(2){border-color:var(--brand-blue)}.studio-site .stack-names>span:nth-child(3){border-color:var(--brand-yellow)}.studio-site .stack-names>span:nth-child(4){border-color:var(--brand-orange)}}.studio-site .spark-blue{color:var(--brand-blue)}.studio-site .spark-orange{color:var(--brand-orange)}.studio-site .transformation-trail path{stroke:var(--brand-green)}.studio-site .travelling-dot{fill:var(--brand-green)}.studio-site .little-stars{color:var(--brand-amber)}.studio-site .service-shape{background:var(--brand-green);border-color:#2a9a6c}.studio-site .shape-website:after{border-top-color:#fff}.studio-site .shape-app{background:var(--brand-blue);border-color:#28629e}.studio-site .shape-app:after{background:#fff}.studio-site .shape-tools{background:var(--brand-yellow);border-color:#e0a800}.studio-site .shape-tools:after{border-color:#fff}.studio-site .service-answer>.eyebrow{color:var(--brand-green-label)}.studio-site .desk-app .service-answer>.eyebrow{color:var(--brand-blue-label)}.studio-site .desk-tools .service-answer>.eyebrow{color:var(--brand-amber-label)}.studio-site .note-label{color:var(--brand-green-label)}.studio-site .note-plan .note-label{color:var(--brand-blue-label)}.studio-site .note-build .note-label{color:var(--brand-amber-label)}.studio-site .note-launch .note-label{color:var(--brand-orange-label)}.studio-site .note-takeaway span{color:var(--brand-green)}.studio-site .note-plan .note-takeaway span{color:var(--brand-blue)}.studio-site .note-build .note-takeaway span{color:var(--brand-amber)}.studio-site .note-launch .note-takeaway span{color:var(--brand-orange)}.studio-site .discipline-grid article:nth-child(3n+1){border-color:var(--brand-green)}.studio-site .discipline-grid article:nth-child(3n+2){border-color:var(--brand-blue)}.studio-site .discipline-grid article:nth-child(3n){border-color:var(--brand-orange)}.studio-site :is(.status-dot,.availability i){background:var(--brand-green)}.studio-site .studio-button.light{background:var(--brand-yellow);border-color:var(--brand-yellow);color:#2f2300}.studio-site .studio-button.light:hover{background:var(--brand-amber);border-color:var(--brand-amber);color:#2f2300}