:root{--c-bg: #ffffff;--c-text: #111111;--c-gray: #666666;--c-line: #e5e5e5;--accent: var(--accent)}.case-wrapper{background:var(--c-bg);color:var(--c-text);font-family:Manrope,sans-serif;overflow-x:hidden}.container{max-width:1600px;margin:0 auto;padding:0 40px}.hero-container{max-width:1600px}.website-link{color:#000!important;font-weight:700}.tech-hero{padding:120px 0;background:#fff;min-height:90vh;display:flex;align-items:center}.hero-editorial{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.he-content{max-width:800px}.breadcrumb{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#999;margin-bottom:60px}.breadcrumb a{color:inherit;text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#000}.he-kicker{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.3em;color:#000;margin-bottom:20px}.he-title{font-size:clamp(32px,4.5vw,68px);line-height:1;font-weight:300;letter-spacing:-.04em;color:var(--c-text);margin-top:10px;margin-bottom:60px}.he-title strong{font-weight:800;display:block;color:var(--c-text)}.he-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px;margin-bottom:60px;padding:30px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}@media(max-width:1024px){.he-meta{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.he-meta{grid-template-columns:1fr}}.hm-item{display:flex;flex-direction:column;gap:4px}.hm-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#999;margin-bottom:8px}.hm-value{font-size:14px;font-weight:500;color:#000;word-break:break-word}.he-lead{font-size:18px;line-height:1.7;color:#666;margin-bottom:50px;font-weight:300}.intro-social-icons{display:flex;gap:20px;align-items:center}.social-icon-btn{color:#000;opacity:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.social-icon-btn:hover{opacity:1;transform:translateY(-3px)}.link-hover{color:inherit;text-decoration:none;position:relative;padding-bottom:2px;transition:color .3s ease}.link-hover:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:currentColor;transition:width .3s ease}.link-hover:hover{color:#000}.link-hover:hover:after{width:100%}.he-cta-group{display:flex;flex-wrap:wrap;gap:40px;margin-top:30px}.intro-links{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.editorial-btn{display:inline-flex;align-items:center;gap:12px;background:transparent;color:#000;padding:15px 0;text-decoration:none;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;transition:all .3s cubic-bezier(.2,1,.3,1);border:none;border-radius:0}.editorial-btn:hover{background:transparent;color:#000;transform:translate(5px);box-shadow:none;opacity:.7}.editorial-btn:hover span{color:#000}.editorial-btn svg{transition:transform .3s ease}.editorial-btn:hover svg{transform:translate(3px,-3px)}.editorial-btn.ghost{background:transparent;color:#000;border:none;padding-left:0}.editorial-btn.ghost:hover{background:transparent;color:#000}.editorial-btn.ghost span{color:#000}.he-visual{position:relative}.editorial-wrapper{position:relative;width:100%;aspect-ratio:25/27;background:#f5f5f5;overflow:hidden;border-top-right-radius:30px;border-bottom-right-radius:30px}.editorial-img{display:block;width:100%;height:100%;object-fit:cover;opacity:1!important;visibility:visible!important;transition:transform 1.5s cubic-bezier(.16,1,.3,1)}.editorial-wrapper:hover .editorial-img{transform:scale(1.05);opacity:.9}.editorial-wrapper:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-25deg);transition:.75s cubic-bezier(.16,1,.3,1);z-index:2}.editorial-wrapper:hover:after{left:150%}@media(max-width:768px){.editorial-wrapper:after{display:none}}.editorial-badge{position:absolute;bottom:40px;right:-20px;background:#000;color:#fff;padding:15px 30px;font-size:11px;font-weight:700;letter-spacing:.3em;transform:rotate(-90deg);transform-origin:right bottom}@media(max-width:1024px){.tech-hero{padding:80px 0}.hero-editorial{grid-template-columns:1fr;gap:60px}.he-content{max-width:100%}.he-visual{order:-1}.editorial-badge{right:0;bottom:20px;transform:none;padding:10px 20px}}.intro-section{padding:120px 0;background:#fff;border-bottom:1px solid var(--c-line)}.intro-grid{display:flex;flex-wrap:wrap;gap:60px 80px}.lead-col{flex:2;min-width:300px}.link-col{flex:.5;min-width:150px}.tech-col{flex:1;min-width:200px}.intro-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--c-gray);margin-bottom:24px;font-weight:600}.intro-text{font-size:24px;line-height:1.5;color:#000;font-weight:400}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tt-item{font-size:12px;padding:6px 12px;background:#f8f8f8;border:1px solid #eee;border-radius:6px;color:#555;display:inline-block;transition:all .2s ease}.tt-item:hover{background:#eee;color:#000}.section-strategy{padding:160px 0;background:#fff}.story-split{display:grid;grid-template-columns:1fr 1fr;gap:160px}.story-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--c-gray);margin-bottom:24px;font-weight:600}.story-title{font-size:clamp(32px,4vw,54px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin-bottom:32px}.story-text{font-size:18px;line-height:1.7;color:#444}.story-list{margin-top:40px;list-style:none;padding:0}.story-list li{padding:16px 0;border-bottom:1px solid var(--c-line);font-size:16px;display:flex;align-items:center;gap:15px}.story-list li:before{content:"";width:6px;height:6px;background:#000;border-radius:50%}.process-row{margin-top:160px}.process-header{margin-bottom:80px}.process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:40px;border-top:1px solid var(--c-line);padding-top:60px}.step-card{display:flex;flex-direction:column;gap:20px}.step-num{font-size:11px;font-weight:600;color:#999}.step-title{font-size:20px;font-weight:500;margin-bottom:12px}.step-desc{font-size:15px;line-height:1.5;color:#666}.section-design{padding:160px 0;border-top:1px solid var(--c-line);background:#fff}.ds-minimal-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.ds-minimal-col{display:flex;flex-direction:column;gap:100px}.ds-item-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#999;margin-bottom:40px}.mf-name{font-size:48px;font-weight:300;letter-spacing:-.02em;margin-bottom:12px}.mf-usage{font-size:14px;color:#666;margin-bottom:30px}.mf-preview{font-size:12px;letter-spacing:.5em;color:#ccc;border-top:1px solid var(--c-line);padding-top:20px;text-transform:uppercase}.minimal-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.mc-item{display:flex;align-items:center;gap:16px}.mc-swatch{width:48px;height:48px;border-radius:50%;border:1px solid var(--c-line)}.mc-hex{display:block;font-family:monospace;font-size:13px;color:#000}.mc-name{font-size:11px;color:#999;text-transform:uppercase}.minimal-icons{display:flex;align-items:center;gap:30px}.mi-box{color:#000;opacity:.8}.mi-style{margin-left:auto;font-size:12px;color:#999;font-style:italic}.minimal-ui-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mu-item{padding:12px 0;border-bottom:1px solid var(--c-line)}.mu-title{font-size:14px;font-weight:500;color:#000}.mu-photo-desc{font-size:14px;line-height:1.6;color:#666;font-style:italic}.section-showcase{padding:160px 0;background:#0f172a;position:relative;overflow:hidden}.section-showcase:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% var(--glow-y, 50%),rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none}.showcase-block{margin-bottom:200px;padding:0;background:transparent;border:none;border-radius:0;backdrop-filter:none}.showcase-block:last-child{margin-bottom:0}.sb-header{max-width:900px;margin:0 auto 100px;text-align:center}.sb-title{font-size:clamp(40px,5vw,72px);font-weight:300;letter-spacing:-.04em;margin-bottom:30px;color:#fff;line-height:1.1}.sb-desc{font-size:22px;line-height:1.6;color:#ffffffb3;max-width:700px;margin:0 auto;font-weight:300}.sb-features{list-style:none;padding:60px 0 0;margin:60px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:30px 60px;border-top:1px solid rgba(255,255,255,.1);max-width:800px}.sb-features li{font-size:16px;color:#ffffffe6;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.sb-features li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-color, #2196F3);flex-shrink:0}.sb-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:80px}.sb-metric-card{background:transparent;border-radius:0;border:none;border-left:1px solid rgba(255,255,255,.1);padding:0 0 0 30px;transition:all .4s ease}.sb-metric-card:hover{background:transparent;border-color:var(--brand-color, #fff);transform:translate(10px)}.sb-m-val{display:block;font-size:clamp(40px,5vw,80px);font-weight:200;color:#fff;margin-bottom:15px;line-height:1}.sb-m-lbl{font-size:12px;color:#ffffff80;text-transform:uppercase;letter-spacing:.25em;font-weight:500}.techstack-mini-report__bars{display:flex;flex-direction:column;gap:30px;margin-top:80px;max-width:800px;margin-left:auto;margin-right:auto}.techstack-bar{width:100%}.techstack-bar__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.techstack-bar__label{font-size:14px;font-weight:500;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em}.techstack-bar__value{font-size:24px;font-weight:300;color:#fff;font-family:var(--f-display)}.techstack-bar__track{height:6px;border-radius:999px;background:#ffffff0d;overflow:hidden;position:relative}.techstack-bar__fill{height:100%;border-radius:999px;background:var(--brand-color, #2196F3);width:0;transition:width 1.5s cubic-bezier(.16,1,.3,1)}.mockup-container{padding:100px 0;position:relative;width:100%;max-width:1400px;margin:0 auto}.browser-mockup{background:#1a1a1a;border-radius:12px;overflow:hidden;box-shadow:0 50px 100px -20px #000000b3;border:1px solid rgba(255,255,255,.1)}.browser-bar{height:40px;background:#222;display:flex;align-items:center;padding:0 20px;gap:8px;border-bottom:1px solid rgba(255,255,255,.05)}.browser-dot{width:8px;height:8px;border-radius:50%;background:#fff3}.browser-screen{width:100%;aspect-ratio:16/10;background:#000;overflow:hidden}.browser-screen img{width:100%;height:100%;object-fit:cover}.minimal-phone{position:absolute;bottom:-50px;right:50px;width:400px;aspect-ratio:9/19.5;background:#000;border-radius:40px;padding:10px;border:4px solid #333;box-shadow:0 40px 80px #000c;z-index:5}.phone-screen{width:100%;height:100%;border-radius:32px;overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:contain;object-position:top center}.reels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px}.reel-item{position:relative;aspect-ratio:9/16;background:#111;border-radius:4px;overflow:hidden;cursor:pointer}.media-wrapper{position:relative;width:100%;height:100%}.reel-thumb,.post-thumb{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;display:block;z-index:2}.reel-video,.post-video{position:absolute;top:0;left:0;width:100%;height:100%!important;object-fit:cover!important;z-index:1;display:block}.reel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease;z-index:3;pointer-events:none}.playing .reel-overlay,.playing .reel-thumb,.social-post-item.has-video.playing .post-thumb,.social-post-item.has-video.playing .post-type-icon{opacity:0;visibility:hidden;pointer-events:none}.playing .reel-video,.social-post-item.has-video.playing .post-video{z-index:10;opacity:1}.play-icon{width:48px;height:48px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;margin-bottom:12px}.reel-title{color:#fff;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.social-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.social-post-item{position:relative;aspect-ratio:4/5;border-radius:4px;overflow:hidden}.social-post-item img{width:100%;height:100%;object-fit:cover}.post-type-icon{position:absolute;top:10px;right:10px;background:#00000080;padding:4px;border-radius:4px;color:#fff;transition:opacity .3s ease;z-index:5}.post-interaction-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:20}.social-post-item:hover .post-interaction-overlay,.social-post-item.playing .post-interaction-overlay{opacity:1}.interaction-buttons{display:flex;gap:24px;transform:translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.social-post-item:hover .interaction-buttons,.social-post-item.playing .interaction-buttons{transform:translateY(0)}.int-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.int-btn:hover{background:#fff3;transform:scale(1.15)}.int-btn svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));width:24px;height:24px;transition:all .3s ease}.like-btn:hover{color:#ff3040}.like-btn:hover svg{fill:#ff3040;stroke:#ff3040}.save-btn:hover{color:#fff}.save-btn:hover svg{fill:#fff}.share-btn:hover{color:#fff}.share-btn:hover svg{fill:#fff}.identity-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:80px;margin-top:60px}.sb-img-wrapper{border-radius:4px;overflow:hidden;background:transparent;box-shadow:0 30px 60px #0000004d}.sb-img-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}.sb-img-wrapper:hover img{transform:scale(1.05)}.parallax-break{height:80vh;overflow:hidden;position:relative}.break-wrapper{height:120%;width:100%;position:absolute;top:-10%}.break-img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.sb-features{flex-direction:column;align-items:flex-start;gap:20px}.sb-metrics-grid{grid-template-columns:1fr;gap:40px}.sb-metric-card{padding-left:20px}.showcase-block{margin-bottom:100px}.minimal-phone{width:min(280px,72vw);right:20px;bottom:-30px}.sb-title{font-size:36px}}.results-section{padding:120px 0;border-bottom:1px solid var(--c-line)}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:60px}.metric-box{padding:40px;border-left:1px solid var(--c-line)}.metric-box:first-child{border-left:none;padding-left:0}.m-val{display:block;font-size:clamp(40px,4vw,64px);font-weight:300;color:#000;line-height:1;margin-bottom:16px}.m-lbl{font-size:14px;color:var(--c-gray);text-transform:uppercase;letter-spacing:.05em}.project-footer{background:#000;color:#fff;padding:120px 0;overflow:hidden}.next-trigger{text-decoration:none;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;transition:all .5s cubic-bezier(.16,1,.3,1)}.next-info{display:flex;flex-direction:column;gap:20px}.next-sub{text-transform:uppercase;letter-spacing:.3em;font-size:12px;font-weight:700;color:#fff6}.next-title{font-size:clamp(32px,4vw,64px);font-weight:300;line-height:1.1;letter-spacing:-.02em}.next-visual{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#111}.next-img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:all .8s cubic-bezier(.16,1,.3,1);filter:grayscale(100%)}.next-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .5s cubic-bezier(.16,1,.3,1)}.next-trigger:hover .next-img{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.next-trigger:hover .next-arrow{opacity:1;transform:translate(-50%,-50%) scale(1.1)}@media(max-width:1024px){.next-trigger{grid-template-columns:1fr;gap:40px}.next-visual{aspect-ratio:21/9}}@media(max-width:1024px){.hero-grid,.metrics-row,.sb-metrics-grid,.process-steps{grid-template-columns:repeat(2,1fr)}.intro-grid{gap:40px}.story-split,.ds-minimal-grid{grid-template-columns:1fr;gap:60px}.macbook{width:100%;position:relative;left:auto}.iphone{width:200px;height:400px;position:absolute;right:0;bottom:-20px}.mockup-container{height:auto;min-height:650px}}@media(max-width:768px){.container{padding:0 20px}.hero-grid,.metrics-row,.process-steps,.minimal-ui-grid{grid-template-columns:1fr}.intro-grid>div{flex:1 1 100%}.metric-box{border-left:none;padding:20px 0;border-top:1px solid var(--c-line)}.reels-grid{grid-template-columns:1fr}.social-grid-3{grid-template-columns:1fr 1fr}.identity-gallery{grid-template-columns:1fr}.hero-title{font-size:42px}.mockup-container{min-height:500px;margin:20px 0}.iphone{display:none}}@media(max-width:480px){.social-grid-3{grid-template-columns:1fr}}