@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/specimen/inter-latin-var.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/specimen/playfair-latin-var.woff2) format("woff2")}@font-face{font-family:Playfair Display;font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/specimen/playfair-latin-italic-var.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/specimen/quicksand-latin-var.woff2) format("woff2")}:root{--ok-red: #EE4564;--ok-teal: #00C3B2;--ok-blue: #41B5E6;--ok-dark: #323439;--ok-dark-deep: #1a1a1f;--ok-dark-surface: #222228;--red: var(--ok-red);--teal: var(--ok-teal);--blue: var(--ok-blue);--dark: var(--ok-dark);--dark-deep: var(--ok-dark-deep);--dark-surface: var(--ok-dark-surface);--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e8e8e8;--gray-400: #999;--gray-500: #777;--gray-600: #555;--font-display: "Bricolage Grotesque", sans-serif;--font-heading: "Bricolage Grotesque", sans-serif;--font-body: "Geist", -apple-system, sans-serif;--max-width: 1200px;--section-pad: clamp(60px, 10vw, 120px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{font-family:var(--font-body);color:var(--ok-dark);background:var(--white);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 clamp(20px,5vw,40px)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.reveal-delay-7{transition-delay:.7s}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all .4s ease}.nav.scrolled{background:#1a1a1ff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 0;box-shadow:0 1px 30px #0003}.nav .container{display:flex;justify-content:space-between;align-items:center}.nav-brand{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--white);letter-spacing:.15em;text-transform:uppercase;flex-shrink:0}.nav-brand span{color:var(--ok-red)}.nav-links{display:flex;gap:28px;align-items:center;flex-wrap:nowrap}.nav-links a{color:#fff9;text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:color .3s;min-height:44px;display:flex;align-items:center}.nav-links a:hover{color:var(--white)}.lang-switch{display:flex;align-items:center;gap:0;background:#ffffff14;border-radius:100px;padding:3px;margin-left:12px;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.lang-btn{padding:5px 14px;border:none;background:transparent;color:#ffffff73;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.1em;cursor:pointer;border-radius:100px;transition:all .3s ease;text-transform:uppercase;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.lang-btn:hover{color:#ffffffb3}.lang-btn.active{background:var(--ok-red);color:var(--white);box-shadow:0 2px 10px #ee45644d}@media(max-width:768px){.nav-links a{display:none}.nav-links{gap:0}.lang-switch{margin-left:0}}.i18n{transition:opacity .3s ease}body.lang-switching .i18n{opacity:0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--ok-dark-deep);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,rgba(238,69,100,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 20%,rgba(0,195,178,.1) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(65,181,230,.05) 0%,transparent 60%);z-index:1}.hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-conic-gradient(rgba(255,255,255,.01) 0% 25%,transparent 0% 50%);background-size:60px 60px;animation:grain 4s steps(6) infinite;z-index:1;pointer-events:none}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-2%)}30%{transform:translate(1%,-3%)}50%{transform:translate(-1%,2%)}70%{transform:translate(3%,1%)}90%{transform:translate(-2%,3%)}}.hero-content{position:relative;z-index:2;text-align:center;padding:120px 20px 80px;max-width:900px;width:100%}.hero-label{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--ok-teal);margin-bottom:24px;padding:8px 20px;border:1px solid rgba(0,195,178,.3);border-radius:100px}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,8vw,6.5rem);font-weight:700;color:var(--white);line-height:1.05;margin-bottom:20px;letter-spacing:-.02em;word-break:break-word}.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--ok-red),var(--ok-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(.95rem,2.5vw,1.35rem);color:#ffffff8c;font-weight:300;max-width:600px;margin:0 auto 40px;line-height:1.7}.hero-actors{display:flex;justify-content:center;gap:48px;margin-bottom:40px;flex-wrap:wrap}.hero-actor{text-align:center}.hero-actor-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--white);margin-bottom:2px}.hero-actor-role{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.hero-actor:first-child .hero-actor-role{color:var(--ok-red)}.hero-actor:last-child .hero-actor-role{color:var(--ok-teal)}.hero-actor-separator{display:flex;align-items:center;color:#fff3;font-size:1.5rem;font-weight:300}@media(max-width:480px){.hero-actors{gap:20px;flex-direction:column;align-items:center}.hero-actor-separator{display:none}}.hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:48px}.hero-meta-item{text-align:center}.hero-meta-item dt{font-size:.65rem;text-transform:uppercase;letter-spacing:.2em;color:#ffffff59;margin-bottom:6px;font-weight:500}.hero-meta-item dd{font-size:.95rem;color:#ffffffd9;font-weight:500}.hero-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.stack-badge{padding:8px 18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:.8rem;font-weight:500;color:#ffffffb3;transition:all .3s}.stack-badge:hover{background:#ffffff1a;border-color:#ffffff26;color:var(--white)}.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:#ffffff4d;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:color .3s;min-height:44px}.hero-scroll:hover{color:#fff9}.hero-scroll .line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%,to{opacity:.3;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}@media(max-width:480px){.hero-content{padding:100px 16px 80px}.hero-meta{gap:20px}.hero-meta-item{flex:0 0 calc(50% - 10px)}}.section{padding:var(--section-pad) 0}.section--dark{background:var(--ok-dark-deep);color:var(--white)}.section--gray{background:var(--gray-50)}.section--accent{background:linear-gradient(135deg,var(--ok-dark-deep) 0%,#1e2030 100%);color:var(--white)}.section-label{max-width:720px;margin-left:auto;margin-right:auto;font-size:.7rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--ok-red);margin-bottom:16px}.section--dark .section-label,.section--accent .section-label{color:var(--ok-teal)}.section-title{max-width:720px;margin-left:auto;margin-right:auto;font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:20px;letter-spacing:-.01em}.section--dark .section-title{color:var(--white)}.section-subtitle{font-size:clamp(1.0625rem,2vw,1.2rem);color:var(--gray-500);max-width:720px;margin-left:auto;margin-right:auto;line-height:1.75;font-weight:300}.section--dark .section-subtitle,.section--accent .section-subtitle{color:#ffffff80}.challenge-text{max-width:720px;margin:0 auto}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:56px;align-items:center}.challenge-shot{margin:0 auto;max-width:420px}@media(max-width:768px){.challenge-grid{grid-template-columns:1fr;gap:40px}}.challenge-text p{font-size:1.05rem;line-height:1.85;color:var(--gray-600);margin-bottom:20px}.challenge-text p strong{color:var(--ok-dark);font-weight:600}.stat-cards{display:grid;grid-template-columns:1fr;gap:16px}.stat-card{padding:32px;background:var(--white);border:1px solid var(--gray-200);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000014;border-color:transparent}.stat-card-number{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--ok-dark);margin-bottom:4px}.stat-card:nth-child(1) .stat-card-number{color:var(--ok-red)}.stat-card:nth-child(2) .stat-card-number{color:var(--ok-teal)}.stat-card:nth-child(3) .stat-card-number{color:var(--ok-blue)}.stat-card-label{font-size:.85rem;color:var(--gray-500);font-weight:400}@media(max-width:480px){.stat-card{padding:24px}.stat-card-number{font-size:1.8rem}}.timeline{position:relative;margin-top:80px;padding-left:0}.timeline:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--ok-red),var(--ok-teal),var(--ok-blue));border-radius:2px}@media(min-width:769px){.timeline{padding-left:80px}.timeline:before{left:28px}}.timeline-item{position:relative;padding:0 0 60px 48px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-32px;top:4px;width:20px;height:20px;border-radius:50%;border:3px solid var(--ok-dark-deep)}@media(min-width:769px){.timeline-dot{left:-52px}}.timeline-item:nth-child(1) .timeline-dot{background:var(--ok-red);box-shadow:0 0 20px #ee456466}.timeline-item:nth-child(2) .timeline-dot{background:#f97316;box-shadow:0 0 20px #f9731666}.timeline-item:nth-child(3) .timeline-dot{background:var(--ok-teal);box-shadow:0 0 20px #00c3b266}.timeline-item:nth-child(4) .timeline-dot{background:var(--ok-blue);box-shadow:0 0 20px #41b5e666}.timeline-item:nth-child(5) .timeline-dot{background:#a855f7;box-shadow:0 0 20px #a855f766}.timeline-phase{font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gray-400);margin-bottom:8px}.timeline-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ok-dark);margin-bottom:10px}.timeline-desc{font-size:.95rem;color:var(--gray-500);line-height:1.7;max-width:500px}@media(max-width:480px){.timeline{margin-top:50px}.timeline-item{padding:0 0 40px 40px}.timeline-title{font-size:1.25rem}.timeline-desc{font-size:.85rem}}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}@media(max-width:768px){.design-grid{grid-template-columns:1fr}.design-card--full{grid-column:span 1!important}}.design-card{background:var(--ok-dark-surface);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.06)}.design-card--full{grid-column:span 2}.design-card-title{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin-bottom:28px}.color-swatches{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.color-swatches{grid-template-columns:1fr}}.swatch{border-radius:14px;overflow:hidden}.swatch-color{height:80px;border-radius:14px 14px 0 0}.swatch-info{padding:14px 16px;background:#ffffff0a;border-radius:0 0 14px 14px}.swatch-name{font-size:.8rem;font-weight:600;color:#ffffffd9;margin-bottom:2px}.swatch-hex{font-size:.7rem;color:#fff6;font-family:Iosevka Term,monospace}.swatch-var{font-size:.65rem;color:#ffffff40;font-family:Iosevka Term,monospace;margin-top:2px}.type-specimen{margin-bottom:32px}.type-specimen:last-child{margin-bottom:0}.type-specimen-heading{font-size:1.6rem;font-weight:700;color:var(--white);margin-bottom:8px}.type-specimen-sample{color:#ffffffa6;margin-bottom:6px;line-height:1.3}.type-specimen-meta{font-size:.7rem;color:#ffffff4d;font-family:Iosevka Term,monospace;margin-bottom:4px}.type-specimen-usage{font-size:.75rem;color:#ffffff4d;margin-top:8px;font-style:italic}.component-list{display:flex;flex-direction:column;gap:12px}.component-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s;min-height:44px}.component-item:hover{background:#ffffff0f;border-color:#ffffff1a}.component-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.component-name{font-size:.85rem;font-weight:500;color:#fffc}.gallery{display:grid;gap:20px;margin-top:60px}.gallery-main{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.gallery-main{grid-template-columns:1fr}}.gallery-item{position:relative;border-radius:16px;overflow:hidden;background:var(--gray-100);aspect-ratio:auto}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.gallery-item:hover img{transform:scale(1.03)}.gallery-item--wide{grid-column:span 2}@media(max-width:768px){.gallery-item--wide{grid-column:span 1}}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 24px 20px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:var(--white);font-size:.8rem;font-weight:500;opacity:0;transform:translateY(8px);transition:all .4s}.gallery-item:hover .gallery-caption{opacity:1;transform:translateY(0)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:36px 28px;background:var(--white);border:1px solid var(--gray-200);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ok-red),var(--ok-teal));opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #0000001a;border-color:transparent}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:20px}.feature-card:nth-child(odd) .feature-icon{background:#ee456414}.feature-card:nth-child(2n) .feature-icon{background:#00c3b214}.feature-title{font-size:1rem;font-weight:600;color:var(--ok-dark);margin-bottom:8px}.feature-desc{font-size:.85rem;color:var(--gray-500);line-height:1.6}@media(max-width:480px){.feature-card{padding:28px 22px}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.big-stat{text-align:center;padding:40px 20px}.big-stat-number{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,var(--white),rgba(255,255,255,.6));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.big-stat:nth-child(1) .big-stat-number{background:linear-gradient(135deg,var(--ok-red),#ff7b93);-webkit-background-clip:text;background-clip:text}.big-stat:nth-child(2) .big-stat-number{background:linear-gradient(135deg,var(--ok-teal),#5de8d8);-webkit-background-clip:text;background-clip:text}.big-stat:nth-child(3) .big-stat-number{background:linear-gradient(135deg,var(--ok-blue),#7dd3fc);-webkit-background-clip:text;background-clip:text}.big-stat:nth-child(4) .big-stat-number{background:linear-gradient(135deg,#a855f7,#d8b4fe);-webkit-background-clip:text;background-clip:text}.big-stat:nth-child(5) .big-stat-number{background:linear-gradient(135deg,#f97316,#fdba74);-webkit-background-clip:text;background-clip:text}.big-stat:nth-child(6) .big-stat-number{background:linear-gradient(135deg,var(--ok-red),var(--ok-teal));-webkit-background-clip:text;background-clip:text}.big-stat-label{font-size:.8rem;color:#fff6;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin-top:60px}.tech-item{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 20px;background:var(--white);border:1px solid var(--gray-200);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1);min-height:44px}.tech-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014;border-color:transparent}.tech-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:1.5rem;font-weight:700}.tech-name{font-size:.8rem;font-weight:600;color:var(--ok-dark);text-align:center}.footer{padding:60px 0;background:var(--ok-dark-deep);text-align:center;border-top:1px solid rgba(255,255,255,.05)}.footer-line{font-size:.9rem;color:#fff6;margin-bottom:8px;font-weight:300}.footer-line strong{color:#ffffffb3;font-weight:500}.footer-line em{font-style:italic;font-family:var(--font-display)}.footer-credit{font-size:1.05rem;color:#ffffffa6;font-weight:500;margin-bottom:6px}.footer-sub{font-size:.75rem;color:#ffffff40;font-weight:400;letter-spacing:.05em}.footer-divider{width:40px;height:2px;background:linear-gradient(90deg,var(--ok-red),var(--ok-teal));margin:24px auto;border-radius:2px}.full-image{width:100%;position:relative;overflow:hidden}.full-image img{width:auto;max-width:100%;margin:0 auto;display:block}.full-image--contained{max-width:var(--max-width);margin:0 auto;padding:0 clamp(20px,5vw,40px)}.full-image--rounded img{border-radius:20px}.separator{height:1px;background:linear-gradient(90deg,transparent,var(--gray-200),transparent);margin:0}.section--dark .separator,.section--accent .separator{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}html.dark{--white: #1b1b20;--gray-50: #161619;--gray-100: #222227;--gray-200: #3a3a41;--gray-400: #90909a;--gray-500: #a9a9b1;--gray-600: #c6c6ce;--ok-dark: #ececf0}html.dark .hero,html.dark .section--dark,html.dark .section--accent,html.dark footer{--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e8e8e8;--gray-400: #999;--gray-500: #777;--gray-600: #555;--ok-dark: #323439}@media(max-width:640px){html{font-size:17px}}