@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color: #1a1e1b;--surface-color: rgba(30, 35, 32, .7);--surface-hover: rgba(45, 53, 48, .85);--color-sage: #97AC9F;--color-blue: #859EAC;--color-rose: #E6C8C6;--color-lavender: #C0B0C1;--color-gold: #D4B483;--color-cyan: #82C0CC;--color-dark-green: #6E8175;--primary-color: var(--color-sage);--primary-glow: rgba(151, 172, 159, .2);--text-main: #edf2ee;--text-muted: #9ba8a0;--border-color: rgba(255, 255, 255, .05);--border-hover: rgba(151, 172, 159, .3);--bento-gap: 1.5rem;--nav-height: 70px;--footer-height: 50px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body,html{min-height:100vh;margin:0;background-color:var(--bg-color);color:var(--text-main);background:radial-gradient(circle at top right,#242a26,#1a1e1b 60%,#111412);background-attachment:fixed}.app-container{display:flex;flex-direction:column;min-height:100vh;padding:1.5rem 2.5rem;max-width:1600px;margin:0 auto}.navbar{display:flex;justify-content:space-between;align-items:center;height:var(--nav-height);flex-shrink:0;margin-bottom:var(--bento-gap);border:1px solid var(--border-color);padding:0 1.5rem;background:#1a1e1b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.1em;color:var(--color-sage);text-shadow:0 0 15px rgba(151,172,159,.4);text-decoration:none;transition:all .3s ease}.nav-links{display:flex;gap:3rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:1.05rem;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-links a:hover,.nav-links a.active{color:var(--text-main)}.nav-links a.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:60%;height:2px;background-color:var(--color-blue);box-shadow:0 0 10px #859eac99;border-radius:2px}.btn-primary{background:#97ac9f1a;color:var(--color-sage);border:1px solid rgba(151,172,159,.4);padding:.6rem 1.25rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--color-sage);color:#1a1e1b;transform:translateY(-2px);box-shadow:0 6px 20px #97ac9f4d}.bento-grid{flex-grow:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:var(--bento-gap);min-height:0}.bento-item{background:var(--surface-color);border:2px solid var(--border-color);border-radius:28px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bento-item:hover{background:var(--surface-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 15px 35px -10px #00000080,0 0 0 1px #ffffff0d inset}.theme-blue .bento-item{border-color:#859eac40}.theme-blue .bento-item:hover{border-color:#859eac99}.theme-rose .bento-item{border-color:#e6c8c640}.theme-rose .bento-item:hover{border-color:#e6c8c699}.theme-cyan .bento-item{border-color:#82c0cc40}.theme-cyan .bento-item:hover{border-color:#82c0cc99}.theme-gold .bento-item{border-color:#d4b48340}.theme-gold .bento-item:hover{border-color:#d4b48399}.theme-lavender .bento-item{border-color:#c0b0c140}.theme-lavender .bento-item:hover{border-color:#c0b0c199}.theme-sage .bento-item{border-color:#97ac9f40}.theme-sage .bento-item:hover{border-color:#97ac9f99}.theme-blue .spoon-header h1{color:var(--color-blue)}.theme-rose .spoon-header h1{color:var(--color-rose)}.theme-cyan .spoon-header h1{color:var(--color-cyan)}.theme-gold .spoon-header h1{color:var(--color-gold)}.theme-lavender .spoon-header h1{color:var(--color-lavender)}.theme-sage .spoon-header h1{color:var(--color-sage)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background:#0d1117f2;border:2px solid rgba(137,44,81,.4);border-radius:32px;width:90%;max-width:600px;padding:3rem;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 60px #892c5126;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s ease;padding:.5rem}.modal-close:hover{color:var(--color-rose);transform:rotate(90deg)}.ghost-form-container{width:100%;margin:0 auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-blue .navbar,.theme-blue .footer{border-color:#859eac66}.theme-blue .navbar .logo{color:var(--color-blue);text-shadow:0 0 15px rgba(133,158,172,.4)}.theme-rose .navbar,.theme-rose .footer{border-color:#e6c8c666}.theme-rose .navbar .logo{color:var(--color-rose);text-shadow:0 0 15px rgba(230,200,198,.4)}.theme-cyan .navbar,.theme-cyan .footer{border-color:#82c0cc66}.theme-cyan .navbar .logo{color:var(--color-cyan);text-shadow:0 0 15px rgba(130,192,204,.4)}.theme-gold .navbar,.theme-gold .footer{border-color:#d4b48366}.theme-gold .navbar .logo{color:var(--color-gold);text-shadow:0 0 15px rgba(212,180,131,.4)}.theme-lavender .navbar,.theme-lavender .footer{border-color:#c0b0c166}.theme-lavender .navbar .logo{color:var(--color-lavender);text-shadow:0 0 15px rgba(192,176,193,.4)}.theme-sage .navbar,.theme-sage .footer{border-color:#97ac9f66}.theme-sage .navbar .logo{color:var(--color-sage);text-shadow:0 0 15px rgba(151,172,159,.4)}.theme-blue .bento-main,.theme-blue .spoon-main{background:linear-gradient(135deg,#232925e6,#141815f2);border-color:#859eac66}.theme-rose .bento-main,.theme-rose .spoon-main{background:linear-gradient(135deg,#232925e6,#141815f2);border-color:#e6c8c666}.theme-cyan .bento-main,.theme-cyan .spoon-main{background:linear-gradient(135deg,#232925e6,#141815f2);border-color:#82c0cc66}.theme-gold .bento-main,.theme-gold .spoon-main{background:linear-gradient(135deg,#232925e6,#141815f2);border-color:#d4b48366}.theme-lavender .bento-main,.theme-lavender .spoon-main{background:linear-gradient(135deg,#232925e6,#141815f2);border-color:#c0b0c166}.theme-sage .bento-main,.theme-sage .spoon-main{background:linear-gradient(135deg,#232925e6,#141815f2);border-color:#97ac9f66}.theme-blue .feature-icon{color:var(--color-blue);background:#859eac1a;border-color:#859eac40}.theme-rose .feature-icon{color:var(--color-rose);background:#e6c8c61a;border-color:#e6c8c640}.theme-cyan .feature-icon{color:var(--color-cyan);background:#82c0cc1a;border-color:#82c0cc40}.theme-gold .feature-icon{color:var(--color-gold);background:#d4b4831a;border-color:#d4b48340}.theme-lavender .feature-icon{color:var(--color-lavender);background:#c0b0c11a;border-color:#c0b0c140}.theme-sage .feature-icon{color:var(--color-sage);background:#97ac9f1a;border-color:#97ac9f40}.bento-main{grid-column:span 2;grid-row:span 1;background:linear-gradient(135deg,#232925e6,#141815f2);align-items:flex-start;justify-content:center}.bento-main h2{font-size:2.4rem;font-weight:700;line-height:1.15;margin-bottom:1rem;color:var(--text-main);z-index:2}.bento-main h2 span{color:var(--color-sage);text-shadow:0 0 20px rgba(151,172,159,.3)}.bento-main p{color:var(--text-muted);font-size:1.1rem;max-width:95%;z-index:2;line-height:1.7;font-weight:300}.glow-effect{position:absolute;bottom:-100px;right:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(133,158,172,.1) 0%,transparent 60%);border-radius:50%;filter:blur(40px);z-index:1;pointer-events:none}.bento-feature{grid-column:span 1;grid-row:span 1;align-items:flex-start;justify-content:center;padding:2.5rem}.feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;margin-bottom:1.5rem;transition:all .3s ease;border:1px solid transparent}.bento-item h3{font-size:1.25rem;color:var(--text-main);font-weight:500;margin-bottom:.6rem;letter-spacing:.02em}.bento-item p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.bento-feat-1 .feature-icon{color:var(--color-blue);background:#859eac1a;border-color:#859eac33}.bento-item.bento-feat-1:hover .feature-icon{background:#859eac33;border-color:var(--color-blue);box-shadow:0 0 25px #859eac4d}.bento-item.bento-feat-1:hover{border-color:#859eac99}.bento-feat-1{border-color:#859eac40}.bento-feat-1 h3{color:var(--color-blue)}.bento-feat-2 .feature-icon{color:var(--color-rose);background:#e6c8c61a;border-color:#e6c8c633}.bento-item.bento-feat-2:hover .feature-icon{background:#e6c8c633;border-color:var(--color-rose);box-shadow:0 0 25px #e6c8c64d}.bento-item.bento-feat-2:hover{border-color:#e6c8c699}.bento-feat-2{border-color:#e6c8c640}.bento-feat-2 h3{color:var(--color-rose)}.bento-feat-3 .feature-icon{color:var(--color-cyan);background:#82c0cc1a;border-color:#82c0cc33}.bento-item.bento-feat-3:hover .feature-icon{background:#82c0cc33;border-color:var(--color-cyan);box-shadow:0 0 25px #82c0cc4d}.bento-item.bento-feat-3:hover{border-color:#82c0cc99}.bento-feat-3{border-color:#82c0cc40}.bento-feat-3 h3{color:var(--color-cyan)}.bento-feat-4 .feature-icon{color:var(--color-gold);background:#d4b4831a;border-color:#d4b48333}.bento-item.bento-feat-4:hover .feature-icon{background:#d4b48333;border-color:var(--color-gold);box-shadow:0 0 25px #d4b4834d}.bento-item.bento-feat-4:hover{border-color:#d4b48399}.bento-feat-4{border-color:#d4b48340}.bento-feat-4 h3{color:var(--color-gold)}.bento-feat-5 .feature-icon{color:var(--color-lavender);background:#c0b0c11a;border-color:#c0b0c133}.bento-item.bento-feat-5:hover .feature-icon{background:#c0b0c133;border-color:var(--color-lavender);box-shadow:0 0 25px #c0b0c14d}.bento-feat-5{border-color:#c0b0c140}.bento-item.bento-feat-5:hover{border-color:#c0b0c199}.bento-feat-5 h3{color:var(--color-lavender)}.bento-feat-6 .feature-icon{color:var(--color-sage);background:#97ac9f1a;border-color:#97ac9f33}.bento-item.bento-feat-6:hover .feature-icon{background:#97ac9f33;border-color:var(--color-sage);box-shadow:0 0 25px #97ac9f4d}.bento-feat-6{border-color:#97ac9f40}.bento-item.bento-feat-6:hover{border-color:#97ac9f99}.bento-feat-6 h3{color:var(--color-sage)}.footer{display:flex;justify-content:center;align-items:center;height:var(--footer-height);flex-shrink:0;margin-top:var(--bento-gap);border:1px solid var(--border-color);padding:0 1.5rem;background:#1a1e1b99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;color:var(--text-muted);font-size:.95rem}.footer-center{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center;text-align:center}.footer .divider{color:#97ac9f4d}.legal-link{color:var(--color-sage);text-decoration:none;font-weight:500;transition:color .3s ease}.legal-link:hover{color:var(--text-main)}.spoon-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;align-content:start}.spoon-item{justify-content:flex-start}.spoon-item h2{font-size:2.2rem;font-weight:700;line-height:1.2;margin-bottom:1.25rem;color:var(--text-main);z-index:2}.spoon-item h2 span{color:var(--color-sage)}.spoon-item h3{font-size:1.4rem;color:var(--text-main);margin-bottom:.75rem;font-weight:600}.spoon-item p{font-size:1rem;line-height:1.6;margin-bottom:1rem;font-weight:300;color:var(--text-muted)}.spoon-item ul{padding-left:1.5rem;margin-bottom:1rem}.spoon-item li{font-size:1rem;line-height:1.6;margin-bottom:.5rem;color:var(--text-muted);font-weight:300}.spoon-item li strong{color:var(--text-main);font-weight:500}.spoon-main{grid-column:span 2;background:linear-gradient(135deg,#232925e6,#141815f2)}.spoon-history{grid-column:span 2}.spoon-history:hover .feature-icon{background:#859eac33!important;box-shadow:0 0 25px #859eac4d}.spoon-works{grid-column:span 2}.spoon-works:hover .feature-icon{background:#c0b0c133!important;box-shadow:0 0 25px #c0b0c14d}.spoon-mind{grid-column:span 2}.spoon-mind:hover .feature-icon{background:#e6c8c633!important;box-shadow:0 0 25px #e6c8c64d}.spoon-aria{grid-column:span 4;text-align:center;background:linear-gradient(135deg,#97ac9f1a,#232925e6);align-items:center;margin-bottom:var(--bento-gap)}.spoon-aria p{max-width:900px;margin-left:auto;margin-right:auto}.spoon-header{margin-bottom:var(--bento-gap);padding:2rem;text-align:center;background:linear-gradient(135deg,#232925e6,#141815f2)}.spoon-header h1{font-size:3rem;font-weight:700;color:inherit;margin:0;letter-spacing:-.02em}.legal-summary-list{background:#97ac9f0d;border:1px solid rgba(151,172,159,.2);border-radius:16px;padding:2rem 2rem 2rem 3.5rem;margin-bottom:2rem}.legal-summary-list li,.legal-details-list li{font-size:1.05rem;line-height:1.7;color:var(--text-muted);margin-bottom:.75rem;font-weight:300}.legal-details-list{padding-left:1.5rem}.legal-details-list strong{color:var(--text-main);font-weight:500}.corporate-info{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.roadmap-grid{grid-template-columns:1fr;grid-template-rows:1fr;align-content:start;min-height:0}.roadmap-item{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(151,172,159,.25) transparent}.roadmap-item::-webkit-scrollbar{width:4px}.roadmap-item::-webkit-scrollbar-track{background:transparent}.roadmap-item::-webkit-scrollbar-thumb{background:#97ac9f40;border-radius:4px}.roadmap-timeline{display:flex;flex-direction:column;gap:0;position:relative;padding:0}.roadmap-phase{display:grid;grid-template-columns:180px 60px 1fr;align-items:start;gap:0;position:relative}.phase-date{text-align:right;padding:2.2rem 1.5rem 2rem 0}.phase-date span{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.phase-spine{display:flex;flex-direction:column;align-items:center}.phase-dot{width:18px;height:18px;border-radius:50%;border:2px solid;margin-top:2rem;flex-shrink:0;position:relative;z-index:2}.phase-line{width:2px;flex-grow:1;min-height:40px;opacity:.2}.phase-card{margin:1rem 0 1rem 1.5rem;padding:1.5rem 2rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.phase-card:hover{background:var(--surface-hover);transform:translate(4px)}.phase-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.phase-card p{font-size:.92rem;color:var(--text-muted);line-height:1.6;margin-bottom:.75rem}.phase-tags{display:flex;flex-wrap:wrap;gap:.4rem}.phase-tag{font-size:.75rem;font-weight:500;padding:.2rem .65rem;border-radius:999px;border:1px solid;opacity:.85}.phase-status{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem}.phase-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.phase-current .phase-dot{border-color:var(--color-blue);background:var(--color-blue);box-shadow:0 0 12px #859eacb3}.phase-current .phase-line{background:var(--color-blue)}.phase-current .phase-card{border-color:#859eac59;box-shadow:0 0 20px #859eac14}.phase-current .phase-card:hover{border-color:#859eac8c}.phase-current .phase-card h3,.phase-current .phase-status{color:var(--color-blue)}.phase-current .phase-status-dot{background:var(--color-blue);box-shadow:0 0 6px #859eace6;animation:pulse 2s infinite}.phase-current .phase-tag{color:var(--color-blue);border-color:#859eac4d;background:#859eac12}.phase-next .phase-dot{border-color:var(--color-lavender);background:transparent}.phase-next .phase-line{background:var(--color-lavender)}.phase-next .phase-card{border-color:#c0b0c126}.phase-next .phase-card:hover{border-color:#c0b0c159}.phase-next .phase-card h3,.phase-next .phase-status{color:var(--color-lavender)}.phase-next .phase-status-dot{background:var(--color-lavender)}.phase-next .phase-tag{color:var(--color-lavender);border-color:#c0b0c140;background:#c0b0c10f}.phase-future .phase-dot{border-color:var(--color-rose);background:transparent;opacity:.6}.phase-future .phase-line{background:var(--color-rose);opacity:.1}.phase-future .phase-card{border-color:#e6c8c61a;opacity:.7}.phase-future .phase-card:hover{border-color:#e6c8c640;opacity:1}.phase-future .phase-card h3,.phase-future .phase-status{color:var(--color-rose)}.phase-future .phase-status-dot{background:var(--color-rose)}.phase-future .phase-tag{color:var(--color-rose);border-color:#e6c8c633;background:#e6c8c60d}@keyframes pulse{0%,to{box-shadow:0 0 6px #859eace6}50%{box-shadow:0 0 14px #859eac}}.design-gallery-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:var(--bento-gap);margin-bottom:var(--bento-gap)}.design-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.filter-pill{background:#c0b0c10d;border:1px solid rgba(192,176,193,.15);color:#c0b0c199;padding:.6rem 1.5rem;border-radius:100px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-pill:hover{background:#c0b0c114;border-color:#c0b0c14d;color:var(--color-lavender);transform:translateY(-1px)}.filter-pill.active{background:#c0b0c126;border-color:var(--color-lavender);color:var(--color-lavender);box-shadow:0 0 15px #c0b0c133}.design-gallery-item{position:relative;overflow:hidden;padding:0!important;border-radius:28px;aspect-ratio:16 / 10}.design-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.design-gallery-item:not(.placeholder):hover img{transform:scale(1.05)}.design-file-label{position:absolute;bottom:1.25rem;left:1.25rem;background:#1a1e1bcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:12px;z-index:2;transition:all .3s ease}.design-gallery-item:hover .design-file-label{transform:translateY(-4px);border-color:#859eac66;box-shadow:0 4px 15px #0000004d}.design-file-label span{color:var(--color-blue);font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:capitalize}.design-gallery-item.placeholder{display:flex;align-items:center;justify-content:center;background:#c0b0c108;border:1px dashed rgba(192,176,193,.2);transition:all .3s ease}.design-gallery-item.placeholder:hover{background:#c0b0c112;border-color:#c0b0c166}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#c0b0c14d}.placeholder-content span{font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 1024px){.design-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.design-gallery-grid{grid-template-columns:1fr}.design-gallery-item{aspect-ratio:4 / 3}}