.about-hero{background:var(--ink-deep,#081315);color:#fff;justify-content:center;align-items:center;min-height:calc(100dvh - 76px);padding:96px 25px;display:flex;overflow:hidden}.about-hero .about-hero-inner{grid-template-columns:1fr;align-items:center;gap:48px;width:100%;max-width:1200px;margin:0 auto;display:grid}@media (min-width:900px){.about-hero .about-hero-inner{grid-template-columns:1.1fr 1fr}}.about-hero .about-hero-content{flex-direction:column;gap:16px;display:flex}.about-eyebrow{color:#2bb8b3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;font-size:.875rem;font-weight:700;display:block}.about-hero-title{font-family:var(--font-serif,serif);margin-bottom:24px;font-size:clamp(38px,5vw,3.75rem);font-weight:400;line-height:1.12}.about-hero-title em{color:var(--teal);font-style:italic}.about-hero-desc{color:#8da4a3;max-width:480px;margin-bottom:32px;font-size:1.125rem;line-height:1.6}.about-hero-actions{align-items:center;gap:16px;display:flex}.about-hero-actions .cta-secondary{color:var(--muted-lighter,#f7fbfb);border:1px solid var(--muted,#f7f6f3)}.about-hero-visual{background:#08181a;border:1px solid #ffffff1a;border-radius:20px;width:100%;position:relative;overflow:hidden}.about-hero-visual .visual-stage{width:100%;height:100%;position:relative}.about-hero-visual .graphic-card{color:#0b1f22;background:#fff;border-radius:12px;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s;position:absolute;box-shadow:0 20px 40px #0006}.about-hero-visual .card-layer-1{opacity:0;background:#152c30;border:1px solid #ffffff1a;width:180px;height:220px;bottom:-20px;left:-10px;transform:translateY(40px)rotate(-6deg)}.about-hero-visual .card-layer-2{opacity:0;z-index:2;width:280px;padding:16px;top:50%;left:45%;transform:translate(-50%,-40%)scale(.9)}.about-hero-visual .card-layer-2 .mockup-greeting{font-size:.875rem;font-weight:700}.about-hero-visual .card-layer-2 .mockup-badge{color:#d9381e;background:#ffebe9;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.about-hero-visual .card-layer-2 .mockup-stats-row{gap:8px;margin-top:12px;display:flex}.about-hero-visual .card-layer-2 .mockup-stats-row .stat-box{text-align:center;background:#f4f6f6;border-radius:6px;flex:1;padding:8px}.about-hero-visual .card-layer-2 .mockup-stats-row .stat-box .num{font-size:1rem;font-weight:700;display:block}.about-hero-visual .card-layer-2 .mockup-stats-row .stat-box .lbl{color:#607373;font-size:.65rem}.about-hero-visual .card-layer-2 .mockup-stats-row .stat-box.highlight{background:#fff0f0}.about-hero-visual .card-layer-2 .mockup-stats-row .stat-box.highlight .num{color:#d9381e}.about-hero-visual .card-layer-3{opacity:0;z-index:3;width:240px;padding:16px;top:20px;right:-20px;transform:translateY(-30px)}.about-hero-visual .card-layer-3 .kanban-header{margin-bottom:8px;font-size:.8rem;font-weight:700}.about-hero-visual .card-layer-3 .kanban-item{background:#f8faf9;border:1px solid #e2e8e8;border-radius:6px;margin-bottom:6px;padding:8px;font-size:.72rem}.about-hero-visual .card-layer-3 .kanban-item .tag{border-radius:3px;margin-bottom:4px;padding:2px 6px;font-size:.6rem;font-weight:600;display:inline-block}.about-hero-visual .card-layer-3 .kanban-item .tag.tag-teal{color:#007a75;background:#e0f7f5}.about-hero-visual .card-layer-3 .kanban-item .tag.tag-amber{color:#b86e00;background:#fff5e5}.problem-solution-section{color:#0b1f22;background:#fbf9f5;padding:96px 24px}.problem-solution-section .ps-header{max-width:1200px;margin:0 auto 64px}.problem-solution-section .ps-header .ps-eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.8rem;font-weight:700;display:block}.problem-solution-section .ps-header .ps-title{font-family:var(--font-serif,serif);margin-bottom:12px;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.problem-solution-section .ps-header .ps-desc{color:#607373;font-size:.95rem}.problem-solution-section .ps-container{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;display:grid}@media (min-width:900px){.problem-solution-section .ps-container{grid-template-columns:1fr 1fr}}.problem-solution-section .ps-card{border-radius:24px;flex-direction:column;padding:40px 32px;display:flex}.problem-solution-section .ps-card .card-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.problem-solution-section .ps-card .card-header .icon-wrapper{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.problem-solution-section .ps-card .card-header .icon-wrapper svg{width:20px;height:20px}.problem-solution-section .ps-card .card-header .card-title{font-family:var(--font-serif,serif);color:var(--teal-dark);font-size:1.85rem;font-weight:700}.problem-solution-section .ps-card .card-header .card-title2{font-family:var(--font-serif,serif);color:var(--cream);font-size:1.85rem;font-weight:700}.problem-solution-section .ps-card .card-text{margin-bottom:32px;font-size:.95rem;line-height:1.6}.problem-solution-section .card-problem{background:#fff;border:1px solid #0b1f2214}.problem-solution-section .card-problem .icon-warning{color:#2bb8b3;background:#e6f7f5}.problem-solution-section .card-problem .card-text{color:#526666}.problem-solution-section .card-solution{color:#fff;background:#0b1f22;gap:12px}.problem-solution-section .card-solution .icon-check{color:#fff;background:#ffffff1a}.problem-solution-section .card-solution .card-text{color:#8da4a3}.problem-solution-section .photo-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto;margin-bottom:24px;display:grid}.problem-solution-section .photo-grid .grid-tile{aspect-ratio:4/3;opacity:0;border-radius:8px;transition:opacity .4s,transform .4s;position:relative;overflow:hidden;transform:scale(.9)}.problem-solution-section .photo-grid .grid-tile .tile-img{object-fit:cover}.problem-solution-section .photo-grid.grid-crooked .grid-tile:nth-child(odd){transform:scale(.9)rotate(-2deg)}.problem-solution-section .photo-grid.grid-crooked .grid-tile:nth-child(2n){transform:scale(.9)rotate(2deg)}.problem-solution-section .card-footer{letter-spacing:.06em;font-family:ui-monospace,Menlo,monospace;font-size:.72rem;font-weight:700}.problem-solution-section .card-footer.footer-problem{color:#007a75}.problem-solution-section .card-footer.footer-solution{color:#8da4a3}.about-hero.shown .card-layer-1{opacity:.5;transform:translateY(0)rotate(-6deg)}.about-hero.shown .card-layer-2{opacity:1;transform:translate(-50%,-50%)scale(1)}.about-hero.shown .card-layer-3{opacity:1;transform:translateY(0)}.problem-solution-section.shown .grid-tile{opacity:1}.problem-solution-section.shown .grid-crooked .grid-tile:nth-child(odd){transform:rotate(-2deg)scale(1)}.problem-solution-section.shown .grid-crooked .grid-tile:nth-child(2n){transform:rotate(2deg)scale(1)}.problem-solution-section.shown .grid-aligned .grid-tile{transform:scale(1)}
