.main-container{flex-direction:column;align-items:center;width:100%;display:flex}.hero{text-align:center;background:radial-gradient(circle at 50% 30%,#b8860b1a 0%,#0000 60%);justify-content:center;align-items:center;width:100%;min-height:90svh;padding:2rem;display:flex}.hero-content{max-width:800px}.hero-title{letter-spacing:0;margin-bottom:1.5rem;font-size:4.25rem;line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.28rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.section-title{text-align:center;margin-bottom:3rem;font-size:2.75rem}.portfolio-section{width:100%;max-width:1200px;padding:5rem 2rem}.cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem;display:grid}.case-card{-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;flex-direction:column;min-height:430px;padding:0;text-decoration:none;animation:.8s backwards fadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a14}.case-card:before{content:"";background:linear-gradient(90deg, var(--accent-primary), var(--accent-secondary));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.case-card:hover:before{opacity:1}.case-media{isolation:isolate;background-image:linear-gradient(180deg, #0f172a1a 0%, #0f172ac2 100%), var(--case-image);background-position:50%;background-size:cover;align-items:flex-end;min-height:178px;padding:1rem;display:flex;position:relative;overflow:hidden}.case-media:before{content:"";z-index:-1;background:linear-gradient(135deg,#d4af3733,#0000 44%),linear-gradient(225deg,#0f172a38,#0000 48%);position:absolute;inset:0}.case-visual-label{color:#fff;-webkit-backdrop-filter:blur(10px);background:#0f172a9e;border:1px solid #ffffff47;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;position:absolute;top:.85rem;left:.85rem}.case-preview{width:min(100%,260px);color:var(--text-primary);background:#ffffffe0;border:1px solid #ffffff94;border-radius:8px;flex-direction:column;gap:.45rem;margin-left:auto;padding:.72rem;display:flex;box-shadow:0 16px 38px #0f172a33}.preview-bubble{border-radius:8px;max-width:92%;padding:.45rem .62rem;font-size:.76rem;font-weight:700;line-height:1.25;display:block}.preview-bubble.is-light{background:#f1f5f9}.preview-bubble.is-dark{color:#fff;background:#0f172a;align-self:flex-end}.preview-status{color:#166534;background:#dcfce7;border-radius:999px;width:fit-content;padding:.35rem .5rem;font-size:.7rem;font-weight:800}.preview-table,.preview-dashboard,.preview-knowledge,.preview-content{gap:.42rem;display:grid}.preview-table span,.preview-dashboard span{background:#f8fafcf0;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:.5rem;padding:.5rem .55rem;display:grid}.preview-table b,.preview-dashboard b{font-size:.76rem;line-height:1.2}.preview-table i,.preview-dashboard i{color:#475569;font-size:.68rem;font-style:normal;font-weight:800}.preview-support{gap:.45rem;display:grid}.preview-support b{color:#b45309;font-size:.78rem}.preview-support span{background:#f8fafc;border-radius:8px;padding:.55rem .65rem;font-size:.76rem;font-weight:700}.preview-support em{color:#166534;font-size:.72rem;font-style:normal;font-weight:800}.preview-dashboard{grid-template-columns:repeat(3,1fr)}.preview-dashboard span{text-align:center;grid-template-columns:1fr}.preview-dashboard b{color:var(--accent-secondary);font-size:1rem}.preview-knowledge{grid-template-columns:1fr 1fr}.preview-knowledge span,.preview-content span{min-height:34px;color:var(--text-primary);background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;padding:.45rem .5rem;font-size:.76rem;font-weight:800;display:flex}.preview-knowledge span:first-child{color:#fff;background:#0f172a;grid-column:1/-1}.preview-content span{border-left:4px solid var(--accent-primary);justify-content:flex-start}.case-body{flex-direction:column;min-height:252px;padding:1.15rem;display:flex}.case-badge{width:fit-content;color:var(--accent-secondary);background:#d4af3724;border-radius:999px;margin-bottom:.85rem;padding:5px 9px;font-size:.78rem;font-weight:800}.case-title{letter-spacing:0;margin-bottom:.8rem;font-size:1.12rem;font-weight:700;line-height:1.3}.case-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:1.1rem;font-size:.94rem;line-height:1.5}.case-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem;display:flex}.case-meta span{color:var(--text-secondary);background:#0f172a0f;border-radius:999px;padding:6px 10px;font-size:.86rem;font-weight:700}.case-arrow{color:#fff;background:var(--accent-secondary);text-align:center;border-radius:8px;width:100%;margin-top:auto;padding:.78rem .95rem;font-size:.95rem;font-weight:700;transition:background-color .3s,transform .3s}.case-card:hover .case-arrow{background:var(--accent-primary);color:var(--accent-secondary);transform:translateY(-1px)}.contact-section{justify-content:center;width:100%;padding:5rem 2rem;display:flex}.contact-container{text-align:center;width:100%;max-width:600px;padding:3rem 2rem}.contact-desc{color:var(--text-secondary);margin-bottom:2.5rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-input{border:1px solid var(--card-border);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:12px;outline:none;padding:16px 20px;font-family:Inter,sans-serif;font-size:1rem;transition:all .3s}.form-input:focus{border-color:var(--accent-primary);background:#ffffff14;box-shadow:0 0 0 4px #8a2be21a}.form-input option{background:var(--bg-color);color:var(--text-primary)}.btn-submit{width:100%;margin-top:1rem;padding:16px;font-size:1.1rem}.footer{text-align:center;width:100%;color:var(--text-secondary);border-top:1px solid var(--card-border);margin-top:2rem;padding:3rem}@media (max-width:1024px){.hero-title{font-size:3.35rem}.hero-subtitle{font-size:1.16rem}.section-title{font-size:2.35rem}.cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.portfolio-section,.contact-section{padding:2.25rem 1rem}.hero{min-height:auto;padding:calc(4rem + env(safe-area-inset-top)) 1rem 3rem;align-items:flex-start}.hero-content{max-width:100%}.hero-actions{grid-template-columns:1fr;gap:.75rem;display:grid}.hero-actions a{text-align:center;width:100%}.cases-grid{grid-template-columns:1fr;gap:1rem}.case-card{min-height:auto}.case-media{min-height:176px;padding:.85rem}.case-body{min-height:auto;padding:1rem}.case-preview{width:min(100%,235px);padding:.64rem}.preview-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-container{padding:2rem 1rem}.hero-title{margin-bottom:1rem;font-size:2.4rem;line-height:1.05}.hero-subtitle{margin-bottom:1.8rem;font-size:1rem}.section-title{margin-bottom:1.4rem;font-size:1.85rem}.form-input{min-height:48px;font-size:16px}}@media (max-width:430px){.hero{padding-top:calc(3rem + env(safe-area-inset-top))}.hero-title{font-size:2.08rem}.portfolio-section{padding-inline:.75rem}.case-media{min-height:160px}.case-visual-label{font-size:.72rem;top:.65rem;left:.65rem}.case-title{font-size:1.05rem}.case-desc{font-size:.9rem}.preview-bubble,.preview-table b,.preview-dashboard b,.preview-support span,.preview-knowledge span,.preview-content span{font-size:.7rem}.preview-table i,.preview-dashboard i,.preview-support em,.preview-status{font-size:.64rem}}@media (max-width:360px){.hero-title{font-size:1.86rem}.case-media{min-height:150px}.case-preview{width:100%}.preview-dashboard{grid-template-columns:1fr}}