:root,html[data-theme=light]{--bg: #f6f4ef;--bg-elevated: #ffffff;--bg-subtle: #efece4;--bg-stage-frame: #f0ede5;--text: #111210;--text-secondary: #4a4d46;--text-muted: #767970;--border: rgba(17, 18, 16, .09);--border-strong: rgba(17, 18, 16, .16);--accent-cobalt: #2d47f5;--accent-lime: #d9ff43;--btn-primary-bg: #111210;--btn-primary-text: #ffffff;--card-stage-bg: radial-gradient(circle at 50% 35%, #ffffff 0%, #eae7df 100%);--card-stage-wearable: radial-gradient(circle at 50% 35%, #fff5ee 0%, #f3e4d8 100%);--checker-a: #f5f2eb;--checker-b: #e6e2d8;--shadow-sm: 0 2px 8px rgba(17, 18, 16, .04);--shadow-md: 0 12px 32px rgba(17, 18, 16, .06);--shadow-lg: 0 24px 60px rgba(17, 18, 16, .1)}html[data-theme=dark]{--bg: #0d0e12;--bg-elevated: #15171e;--bg-subtle: #1d202a;--bg-stage-frame: #191c24;--text: #f5f6f8;--text-secondary: #b0b5c3;--text-muted: #7c8293;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .18);--accent-cobalt: #637aff;--accent-lime: #d9ff43;--btn-primary-bg: #f5f6f8;--btn-primary-text: #0d0e12;--card-stage-bg: radial-gradient(circle at 50% 35%, #232734 0%, #171a22 100%);--card-stage-wearable: radial-gradient(circle at 50% 35%, #2b2322 0%, #19171c 100%);--checker-a: #181b22;--checker-b: #20242e;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 12px 32px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;max-width:100%;overflow-x:clip;background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Red Hat Display,sans-serif;margin:0;letter-spacing:-.025em;color:var(--text)}p{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 28px}.editorial-italic{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;color:var(--accent-cobalt);letter-spacing:-.01em}.editorial-italic.lime{color:#d9ff43}.app-shell{min-height:100vh;max-width:100%;overflow-x:clip;display:flex;flex-direction:column;background-image:radial-gradient(circle at 12% 6%,rgba(217,255,67,.14),transparent 34%),radial-gradient(circle at 86% 8%,rgba(45,71,245,.08),transparent 38%);background-repeat:no-repeat}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.site-header-inner{max-width:1240px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;font-family:Red Hat Display,sans-serif;font-weight:800;font-size:18px;letter-spacing:-.02em;flex-shrink:0}.brand-mark{width:28px;height:28px;border-radius:8px;background:#111210;color:#d9ff43;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.brand-mark.dark-surface{background:#181b24;border-color:#ffffff29}.primary-nav{display:flex;align-items:center;gap:6px}.nav-link{padding:6px 13px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.nav-link:hover{color:var(--text);background:var(--bg-subtle)}.nav-link.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-search-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);font-size:13px;transition:border-color .15s ease}.header-search-btn:hover{border-color:var(--border-strong);color:var(--text)}.header-kbd{font-family:Inter,sans-serif;font-size:11px;font-weight:600;padding:2px 6px;border-radius:5px;background:var(--bg-subtle);color:var(--text-secondary)}.header-icon-btn{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);border:1px solid transparent;transition:all .15s ease}.header-icon-btn:hover{background:var(--bg-elevated);border-color:var(--border);color:var(--text)}.header-cta-btn,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:13.5px;font-weight:600;transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,opacity .16s ease;white-space:nowrap}.header-cta-text-short{display:none}.header-install-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:999px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);font-size:13px;font-weight:600;white-space:nowrap;transition:all .15s ease}.header-install-btn:hover{background:var(--bg-subtle)}.header-mobile-menu-btn{display:none;width:36px;height:36px;border-radius:999px;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);flex-shrink:0}.mobile-nav-drawer{border-top:1px solid var(--border);background:var(--bg-elevated);padding:10px 16px 16px;box-shadow:var(--shadow-md)}.mobile-nav-links{display:flex;flex-direction:column;gap:4px}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:12px;font-size:14.5px;font-weight:600;color:var(--text-secondary);transition:background-color .15s ease,color .15s ease}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-subtle);color:var(--text)}.mobile-nav-meta{font-size:12px;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.ios-install-modal{width:100%;max-width:380px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:20px;padding:24px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px}.ios-install-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text-secondary)}.header-cta-btn:hover,.btn-primary:hover{opacity:.94;transform:translateY(-1px)}.btn-primary.cobalt-hover:hover,.stage-demo-upload-btn.cobalt-hover:hover{background:#2d47f5;color:#fff;opacity:1;box-shadow:0 10px 24px #2d47f547}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);font-size:13.5px;font-weight:600;transition:all .15s ease;white-space:nowrap}.btn-secondary:hover{background:var(--bg-subtle)}.btn-lime-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;background:#d9ff43;color:#111210;font-size:13.5px;font-weight:700;white-space:nowrap;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.btn-lime-cta:hover{background:#e3ff6b;transform:translateY(-1px);box-shadow:0 10px 24px #d9ff4338}.btn-lime-cta.large{padding:13px 24px;font-size:14px}.btn-royal-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:14px;font-weight:600;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease}.btn-royal-outline:hover{background:#ffffff2e;border-color:#ffffff73}.full-width{width:100%}.site-main{flex:1;min-width:0}.kicker-row{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.kicker-square{width:7px;height:7px;border-radius:2px;background:#b5e61d;border:1px solid rgba(17,18,16,.25)}.kicker-text,.section-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.hero-section{padding:56px 0 44px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-headline{font-size:clamp(44px,5.4vw,72px);font-weight:800;line-height:.98;letter-spacing:-.035em;margin-bottom:22px}.hero-lead{font-size:16.5px;line-height:1.6;color:var(--text-secondary);max-width:500px;margin-bottom:28px}.hero-cta-row{display:flex;align-items:center;gap:12px;margin-bottom:36px;flex-wrap:wrap}.hero-btn{padding:12px 22px;font-size:14px}.hero-stats-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:440px;padding-top:20px;border-top:1px solid var(--border);gap:16px}.hero-stat-item{display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--border);padding-right:12px}.hero-stat-item:last-child{border-right:none}.hero-stat-num{font-family:Red Hat Display,sans-serif;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.hero-stat-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text-muted)}.hero-stage-card{position:relative;border-radius:36px;background-color:#edeae4;background-image:linear-gradient(to right,rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.045) 1px,transparent 1px);background-size:34px 34px;border:1px solid rgba(0,0,0,.07);box-shadow:0 30px 65px -15px #0000001f,0 10px 24px -4px #0000000d;padding:44px 32px 36px;min-height:520px;width:100%;max-width:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}html[data-theme=dark] .hero-stage-card{background-color:#171922;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);border-color:#ffffff14;box-shadow:0 30px 65px -15px #0000008c}.hero-stage-blue-orb{position:absolute;top:18px;right:38px;width:130px;height:130px;border-radius:50%;background:#465efb;pointer-events:none;z-index:1;filter:blur(1px)}.hero-stage-lime-orb{position:absolute;bottom:40px;left:24px;width:82px;height:82px;border-radius:50%;background:#cbf92b;filter:blur(3px);pointer-events:none;z-index:1}.hero-stage-arc{position:absolute;right:-45px;bottom:-45px;width:230px;height:230px;border-radius:50%;border:30px solid rgba(0,0,0,.035);pointer-events:none;z-index:1}html[data-theme=dark] .hero-stage-arc{border-color:#ffffff08}.hero-devices-composition{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:center;width:100%}.hero-watch-layer{width:140px;margin-right:-46px;margin-bottom:22px;z-index:4;filter:drop-shadow(0 20px 32px rgba(0,0,0,.28)) drop-shadow(0 6px 12px rgba(0,0,0,.14));transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.hero-watch-layer:hover{transform:translateY(-5px) scale(1.02)}.hero-watch-layer img,.hero-phone-layer img{width:100%;height:auto;display:block}.hero-phone-layer{width:280px;z-index:2;filter:drop-shadow(0 32px 55px rgba(0,0,0,.36)) drop-shadow(0 12px 22px rgba(0,0,0,.18));transition:transform .25s cubic-bezier(.16,1,.3,1);flex-shrink:0}.hero-phone-layer:hover{transform:translateY(-5px)}.hero-floating-pill{position:absolute;z-index:5;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:9999px;background:#ffffffe6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 28px -4px #00000014,0 4px 10px -2px #00000008;font-size:12.5px;font-weight:600;color:#1e293b;letter-spacing:-.01em;pointer-events:none;-webkit-user-select:none;user-select:none}html[data-theme=dark] .hero-floating-pill{background:#15171ee6;border-color:#ffffff1f;color:#f1f5f9;box-shadow:0 12px 28px -4px #0006}.hero-floating-pill.top-right{top:30px;right:38px}.hero-floating-pill.bottom-right{bottom:28px;right:38px;font-size:11.5px;color:#334155;padding:7px 15px}html[data-theme=dark] .hero-floating-pill.bottom-right{color:#cbd5e1}.pill-cobalt-icon{color:#465efb}.pill-check-circle{color:#465efb;display:inline-flex;align-items:center;justify-content:center}.brands-strip-section{padding:20px 0 36px}.brands-strip{padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.brands-strip-label{font-size:10.5px;font-weight:600;letter-spacing:.1em;color:var(--text-muted);line-height:1.4}.brands-strip-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand-strip-link{font-family:Red Hat Display,sans-serif;font-size:14.5px;font-weight:600;color:var(--text-secondary);transition:color .15s ease}.brand-strip-link:hover{color:var(--text)}.featured-section{padding:36px 0 68px}.section-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}.section-title{font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:1.05;margin-top:4px}.section-link-all{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--text);padding-bottom:3px;border-bottom:1px solid var(--border-strong);flex-shrink:0}.device-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.device-card{display:flex;flex-direction:column;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.device-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.device-card-stage{position:relative;height:340px;background:var(--card-stage-bg);padding:16px 20px 0;display:flex;flex-direction:column;overflow:hidden}.device-card-stage.category-wearable{background:var(--card-stage-wearable)}.device-card-top{display:flex;align-items:center;justify-content:space-between;z-index:2}.device-card-badge{padding:4px 10px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary)}.device-card-heart{width:30px;height:30px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s ease}.device-card-heart:hover,.device-card-heart.saved{color:#e11d48;border-color:#e11d484d}.device-card-image-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px 0;min-height:0}.device-card-img{max-width:100%;max-height:276px;width:auto;height:auto;object-fit:contain;display:block;transition:transform .22s ease}.device-card:hover .device-card-img{transform:scale(1.025)}.device-card-footer{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-elevated);border-top:1px solid var(--border)}.device-card-name{font-size:15.5px;font-weight:700;margin-bottom:2px}.device-card-sub{font-size:12.5px;color:var(--text-muted)}.device-card-arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.device-card:hover .device-card-arrow{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.form-factors-section{padding:68px 0;border-top:1px solid var(--border)}.form-factors-header{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:end;margin-bottom:36px}.form-factors-lead{font-size:14.5px;color:var(--text-secondary);line-height:1.6}.form-factors-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.form-factor-card{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;height:310px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.form-factor-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.form-factor-card.primary-cobalt{background:linear-gradient(155deg,#2d47f5,#1e35d8);border-color:#2d47f5;color:#fff}.form-factor-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.form-factor-icon-circle{width:34px;height:34px;border-radius:10px;background:var(--bg-subtle);color:var(--text);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.form-factor-card.primary-cobalt .form-factor-icon-circle{background:#ffffff29;color:#fff}.form-factor-count{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:tabular-nums}.form-factor-card.primary-cobalt .form-factor-count{color:#ffffffd1}.form-factor-preview-art{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 4px;pointer-events:none}.form-factor-preview-art img{max-height:142px;max-width:88%;width:auto;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.18));transform:rotate(-6deg);transition:transform .22s ease}.form-factor-preview-art img.ff-art-laptop,.form-factor-preview-art img.ff-art-tv{max-height:118px;max-width:94%;transform:rotate(-4deg)}.form-factor-card:hover .form-factor-preview-art img{transform:rotate(-2deg) scale(1.05)}.form-factor-bottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.form-factor-copy{min-width:0;flex:1}.form-factor-title{font-size:19px;font-weight:800;line-height:1.15;margin-bottom:3px;color:var(--text)}.form-factor-card.primary-cobalt .form-factor-title{color:#fff}.form-factor-desc{font-size:12px;line-height:1.35;color:var(--text-muted)}.form-factor-card.primary-cobalt .form-factor-desc{color:#fffc}.form-factor-arrow-circle{width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .16s ease,color .16s ease,transform .16s ease}.form-factor-card.primary-cobalt .form-factor-arrow-circle{background:#ffffff2e;color:#fff}.form-factor-card:hover .form-factor-arrow-circle{background:var(--btn-primary-bg);color:var(--btn-primary-text);transform:translate(1px,-1px)}.form-factor-card.primary-cobalt:hover .form-factor-arrow-circle{background:#d9ff43;color:#111210}.why-mockly-section{padding:68px 0;border-top:1px solid var(--border)}.why-mockly-header{display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:end;margin-bottom:36px}.why-mockly-lead{font-size:14.5px;color:var(--text-secondary);line-height:1.6}.why-bento-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.why-bento-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;min-height:230px}.why-bento-card.wide-card{grid-column:span 2;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.why-bento-copy{display:flex;flex-direction:column;gap:14px}.why-bento-icon{width:38px;height:38px;border-radius:11px;background:var(--bg-subtle);color:var(--accent-cobalt);display:inline-flex;align-items:center;justify-content:center}.why-bento-card h3{font-size:20px;font-weight:800;line-height:1.2}.why-bento-card p{font-size:14px;color:var(--text-secondary);line-height:1.65}.why-bento-illustration{position:relative;border-radius:18px;background:var(--bg);border:1px solid var(--border);padding:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:196px}.why-bento-glow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(217,255,67,.35) 0%,rgba(45,71,245,.12) 70%,transparent 100%);pointer-events:none}.why-wireframe-svg{position:relative;z-index:2;width:100%;max-width:260px;height:auto;display:block}.steps-dark-section{background:#0d0e12;color:#f5f6f8;padding:84px 0}.steps-dark-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px;flex-wrap:wrap}.steps-dark-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d9ff43;margin-bottom:10px}.steps-dark-title{color:#fff;font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.04}.steps-dark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.step-dark-col{border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:flex;flex-direction:column;gap:12px}.step-dark-num{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:32px;color:#d9ff43;line-height:1}.step-dark-col h3{color:#fff;font-size:20px;font-weight:800}.step-dark-col p{font-size:14px;line-height:1.65;color:#f5f6f8b8}.home-use-cases-section{padding:72px 0}.home-use-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.home-use-case-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:12px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.home-use-case-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.home-uc-kicker{font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--accent-cobalt)}.home-use-case-card h3{font-size:20px;font-weight:800;line-height:1.25}.home-use-case-card p{font-size:14px;color:var(--text-secondary);line-height:1.6;flex:1}.home-uc-footer{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text);margin-top:8px;padding-top:14px;border-top:1px solid var(--border)}.faq-section{padding:68px 0;border-top:1px solid var(--border)}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.faq-lead{margin:14px 0 22px;font-size:15px;color:var(--text-secondary);line-height:1.6;max-width:340px}.faq-accordion-list{display:flex;flex-direction:column;gap:12px}.faq-accordion-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:border-color .15s ease}.faq-accordion-item.open{border-color:var(--border-strong)}.faq-question-btn{width:100%;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;font-family:Red Hat Display,sans-serif;font-size:16px;font-weight:700;color:var(--text)}.faq-plus-icon{width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .18s ease,background-color .18s ease,color .18s ease}.faq-accordion-item.open .faq-plus-icon{background:#111210;color:#d9ff43;transform:rotate(45deg)}.faq-answer{padding:0 22px 20px;font-size:14px;color:var(--text-secondary);line-height:1.65}.bottom-cta-section{padding:24px 0 64px}.royal-cta-banner{position:relative;border-radius:28px;background-color:#2d47f5;background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(135deg,#2d47f5,#1e35d8);background-size:40px 40px,40px 40px,100% 100%;color:#fff;padding:56px 52px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;overflow:hidden;box-shadow:0 24px 60px #2d47f53d}.royal-cta-copy{position:relative;z-index:2}.royal-cta-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1}.royal-cta-title{color:#fff;font-size:clamp(32px,4vw,50px);font-weight:800;line-height:1.04;margin-bottom:16px}.royal-cta-sub{font-size:15.5px;line-height:1.6;color:#ffffffd6;max-width:460px;margin-bottom:28px}.royal-cta-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.royal-cta-emblem{position:relative;height:240px;display:flex;align-items:center;justify-content:center}.royal-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.16)}.royal-ring.ring-outer{width:320px;height:320px}.royal-ring.ring-inner{width:220px;height:220px;border-color:#ffffff3d}.royal-emblem-m{position:relative;z-index:2;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:108px;line-height:1;color:#d9ff43;-webkit-user-select:none;user-select:none}.devices-page{padding:48px 0 72px}.devices-hero-grid{display:grid;grid-template-columns:1fr 430px;gap:32px;align-items:end;margin-bottom:32px}.devices-headline{font-size:clamp(42px,5vw,66px);font-weight:800;line-height:.98}.devices-hero-desc{font-size:15.5px;color:var(--text-secondary);line-height:1.6}.devices-stats-row{display:grid;grid-template-columns:repeat(4,140px);gap:20px;padding:18px 0 28px;border-top:1px solid var(--border)}.devices-stat{display:flex;flex-direction:column;border-right:1px solid var(--border);padding-right:16px}.devices-stat:last-child{border-right:none}.devices-stat-num{font-family:Red Hat Display,sans-serif;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.devices-stat-label{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--text-muted)}.devices-filter-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:18px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.devices-search-input-wrap{flex:1;display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:9px 14px}.devices-search-icon{color:var(--text-muted);flex-shrink:0}.devices-search-input{width:100%;border:none;background:transparent;outline:none;font-size:14px}.devices-search-clear{color:var(--text-muted);display:inline-flex}.devices-filter-controls{display:flex;align-items:center;gap:10px}.devices-select-box{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:4px 12px 6px;min-width:128px}.devices-select-kicker{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.devices-select-box select{border:none;background:transparent;outline:none;font-size:13px;font-weight:600;cursor:pointer}.devices-saved-filter-btn{display:inline-flex;align-items:center;gap:7px;padding:11px 16px;border-radius:12px;background:var(--bg);border:1px solid var(--border);font-size:13.5px;font-weight:600;transition:all .15s ease}.devices-saved-filter-btn.active{background:#e11d481a;color:#e11d48;border-color:#e11d484d}.devices-category-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}.devices-category-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.devices-cat-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.devices-cat-pill.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.devices-cat-count{font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.devices-results-count{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);font-variant-numeric:tabular-nums}.devices-empty-state{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.device-detail-page{padding:32px 0 72px}.studio-breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px}.studio-breadcrumb a:hover{color:var(--text)}.studio-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.studio-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.studio-device-title{font-size:clamp(32px,3.8vw,46px);font-weight:800}.studio-category-pill{padding:4px 10px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary)}.studio-device-subtitle{font-size:14px;color:var(--text-muted);font-variant-numeric:tabular-nums}.studio-header-actions{display:flex;align-items:center;gap:10px}.studio-action-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:13.5px;font-weight:600;box-shadow:var(--shadow-sm);transition:all .15s ease}.studio-action-pill:hover{border-color:var(--border-strong)}.studio-action-pill.saved{color:#e11d48;border-color:#e11d484d}.create-quick-models{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.create-quick-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);margin-right:4px}.create-model-chip{padding:6px 12px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-size:12.5px;font-weight:600;color:var(--text-secondary)}.create-model-chip.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.create-model-chip.browse-all{color:var(--accent-cobalt)}.studio-grid{display:grid;grid-template-columns:1fr 390px;gap:24px;align-items:start}.stage-left-col{display:flex;flex-direction:column;gap:14px;min-width:0}.stage-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column}.stage-card-header{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.stage-finish-pill{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}.stage-finish-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.2)}.stage-dims-label{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text-muted);font-variant-numeric:tabular-nums}.stage-viewport-outer{padding:16px;background:var(--bg-stage-frame);transition:background-color .15s ease}.stage-checkerboard{position:relative;border-radius:16px;min-height:560px;display:flex;align-items:center;justify-content:center;padding:28px;background-color:var(--checker-a);background-image:linear-gradient(45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-b) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:hidden}.stage-canvas{max-width:100%;max-height:510px;width:auto;height:auto;display:block;transition:opacity .15s ease}.stage-canvas.rendering{opacity:.85}.stage-demo-banner{position:absolute;bottom:14px;left:50%;transform:translate(-50%);max-width:calc(100% - 24px);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-strong);border-radius:999px;padding:6px 8px 6px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--text-secondary);box-shadow:var(--shadow-md);white-space:nowrap}.stage-demo-actions{display:flex;align-items:center;gap:6px}.stage-demo-upload-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:11.5px;font-weight:600;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.stage-demo-sample-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--bg-subtle);color:var(--text);font-size:11.5px;font-weight:600;white-space:nowrap}.stage-drop-overlay{position:absolute;inset:12px;border-radius:14px;background:#2d47f524;border:2px dashed var(--accent-cobalt);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:600;color:var(--accent-cobalt)}.stage-card-footer{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border)}.stage-queue-thumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stage-thumb-item{position:relative;width:38px;height:38px;border-radius:9px;border:2px solid transparent;overflow:hidden;background:var(--bg-subtle)}.stage-thumb-item.active{border-color:var(--accent-cobalt)}.stage-thumb-select{width:100%;height:100%;padding:0;display:block}.stage-thumb-select img{width:100%;height:100%;object-fit:cover;display:block}.stage-thumb-remove{position:absolute;top:2px;right:2px;width:15px;height:15px;border-radius:50%;background:#000000b3;color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.stage-thumb-item:hover .stage-thumb-remove{opacity:1}.stage-thumb-add{width:38px;height:38px;border-radius:9px;border:1px dashed var(--border-strong);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.stage-thumb-add:hover{border-color:var(--text);color:var(--text)}.stage-queue-status{display:flex;align-items:center;gap:12px}.stage-queue-count{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);font-variant-numeric:tabular-nums}.stage-clear-btn{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.stage-clear-btn:hover{color:var(--text)}.stage-perspectives-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.perspective-preview-card{background:var(--bg-elevated);border:1.5px solid var(--border);border-radius:16px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.perspective-preview-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.perspective-preview-card.active{border-color:var(--accent-cobalt);box-shadow:0 0 0 2px #2d47f524}.perspective-preview-box{position:relative;width:100%;height:76px;border-radius:11px;background:#13161f;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:10px 14px 0}.perspective-preview-box img{max-width:92px;width:auto;height:auto;object-fit:contain;display:block}.perspective-active-badge{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--accent-cobalt);color:#fff;display:inline-flex;align-items:center;justify-content:center}.perspective-preview-label{font-size:12.5px;font-weight:600;color:var(--text-secondary)}.perspective-preview-card.active .perspective-preview-label{color:var(--accent-cobalt);font-weight:700}.studio-panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px}.studio-screenshots-box{display:flex;flex-direction:column;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--border)}.studio-screenshots-top{display:flex;align-items:center;justify-content:space-between}.studio-box-title{font-family:Red Hat Display,sans-serif;font-size:14.5px;font-weight:700}.studio-queue-badge{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);font-variant-numeric:tabular-nums}.studio-add-row{display:flex;align-items:center;gap:12px}.studio-add-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg);font-size:12.5px;font-weight:600}.studio-add-btn:hover{background:var(--bg-subtle)}.studio-add-hint{font-size:12px;color:var(--text-muted)}.studio-sample-link{font-size:12px;font-weight:600;color:var(--accent-cobalt)}.studio-active-file-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12.5px}.studio-file-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-file-dims{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--bg-subtle)}.studio-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.studio-tab-btn.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm)}.studio-tab-body{display:flex;flex-direction:column;gap:18px}.studio-field-group{display:flex;flex-direction:column;gap:9px}.studio-field-header{display:flex;align-items:center;justify-content:space-between}.studio-field-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.studio-field-count{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.studio-field-note{font-size:12px;color:var(--text-muted);line-height:1.45}.studio-swatches{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-swatch-btn{width:32px;height:32px;border-radius:50%;padding:3px;border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease}.studio-swatch-btn.selected{border-color:var(--text)}.studio-swatch-fill{width:100%;height:100%;border-radius:50%;border:1px solid rgba(0,0,0,.16)}.studio-swatch-caption{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.studio-segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:4px;padding:4px;border-radius:11px;background:var(--bg-subtle)}.studio-segmented.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-seg-btn{padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-seg-btn.active{background:var(--bg-elevated);color:var(--text);box-shadow:var(--shadow-sm)}.studio-backdrop-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.studio-backdrop-pills.five-cols{grid-template-columns:repeat(5,minmax(0,1fr))}.studio-backdrop-pill{padding:8px 6px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-secondary);transition:all .15s ease;text-align:center;white-space:nowrap}.studio-backdrop-pill:hover{border-color:var(--border-strong);color:var(--text)}.studio-backdrop-pill.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.studio-blur-info-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:9px}.studio-blur-info-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-blur-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.studio-blur-badge svg{color:var(--accent-cobalt)}.studio-sampled-dots{display:flex;align-items:center;gap:5px}.studio-sampled-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.75);box-shadow:0 1px 3px #0003;transition:transform .14s ease}.studio-sampled-dot:hover{transform:scale(1.18)}.studio-blur-preview-bar{height:10px;border-radius:999px;width:100%;border:1px solid rgba(0,0,0,.08)}.studio-custom-color-bar{display:flex;align-items:center;gap:8px;margin-top:4px}.studio-color-well{flex:1;position:relative;display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:10px;background:var(--bg-subtle);border:1px solid var(--border-strong);cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);transition:border-color .15s ease}.studio-color-well:hover{border-color:var(--text);color:var(--text)}.studio-color-well input[type=color]{position:absolute;opacity:0;width:0;height:0}.studio-color-well-swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.studio-hex-input{width:88px;padding:7px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;text-align:center}.studio-hex-input:focus{outline:2px solid var(--accent-cobalt);outline-offset:1px}.studio-ratio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.studio-ratio-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-radius:11px;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);transition:all .15s ease}.studio-ratio-btn:hover{border-color:var(--border-strong);color:var(--text)}.studio-ratio-btn.active{background:var(--bg-elevated);border-color:var(--accent-cobalt);color:var(--text);box-shadow:0 0 0 2px #2d47f524}.studio-ratio-box{display:block;border:1.5px solid currentColor;border-radius:2.5px;opacity:.78;margin-bottom:2px}.studio-ratio-btn.active .studio-ratio-box{border-color:var(--accent-cobalt);background:#2d47f524;opacity:1}.studio-ratio-label{font-size:11.5px;font-weight:700;line-height:1.1}.studio-ratio-sub{font-size:9.5px;color:var(--text-muted);line-height:1}.studio-padding-ends{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);margin-top:-2px}.studio-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.studio-toggle-title{font-size:13px;font-weight:600}.studio-toggle-sub{font-size:11.5px;color:var(--text-muted)}.studio-switch{width:40px;height:22px;border-radius:999px;background:var(--bg-subtle);border:1px solid var(--border-strong);position:relative;transition:background-color .15s ease}.studio-switch.on{background:var(--accent-cobalt);border-color:var(--accent-cobalt)}.studio-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.studio-switch.on .studio-switch-thumb{transform:translate(18px)}.studio-letterbox-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border)}.studio-letterbox-label{font-size:12.5px;color:var(--text-secondary)}.studio-letterbox-swatches{display:flex;align-items:center;gap:6px}.studio-mini-swatch{width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong)}.studio-mini-swatch.selected{outline:2px solid var(--text);outline-offset:1px}.studio-color-picker-wrap{position:relative;display:inline-flex;cursor:pointer}.studio-color-picker-wrap input{position:absolute;opacity:0;width:0;height:0}.studio-rainbow-dot{width:22px;height:22px;border-radius:50%;background:conic-gradient(#f43f5e,#f59e0b,#10b981,#3b82f6,#8b5cf6,#f43f5e);border:1px solid var(--border-strong)}.studio-rainbow-dot.large{width:28px;height:28px}.studio-gradient-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.studio-gradient-card{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;border:1px solid var(--border);background:var(--bg);font-size:12px;font-weight:500}.studio-gradient-card.selected{border-color:var(--accent-cobalt);background:var(--bg-subtle)}.studio-gradient-preview{width:22px;height:22px;border-radius:6px;flex-shrink:0}.studio-range{width:100%;accent-color:var(--accent-cobalt)}.studio-reset-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:12px;color:var(--text-muted)}.studio-reset-btn:hover{color:var(--text)}.studio-export-actions{display:flex;flex-direction:column;gap:10px;padding-top:6px}.studio-quick-export{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid var(--border)}.studio-quick-download{flex:1}.studio-quick-copy{padding:9px 12px}.studio-shortcuts-bar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--border);font-size:11.5px;color:var(--text-muted)}.studio-shortcuts-icon{color:var(--text-muted);flex-shrink:0}.studio-shortcuts-items{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.studio-shortcuts-items kbd{display:inline-block;padding:1px 5px;border-radius:5px;background:var(--bg-elevated);border:1px solid var(--border-strong);font-size:10.5px;font-weight:600;color:var(--text-secondary)}.studio-shortcut-dot{opacity:.5}.related-devices-section{margin-top:64px;padding-top:44px;border-top:1px solid var(--border)}.content-page{padding:48px 0 80px}.page-display-title{font-size:clamp(38px,4.8vw,60px);font-weight:800;line-height:1.02;margin-bottom:18px}.page-lead{font-size:16.5px;color:var(--text-secondary);max-width:680px;line-height:1.65;margin-bottom:40px}.page-lead a{color:var(--accent-cobalt);text-decoration:underline}.saved-empty-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;padding:40px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.saved-empty-icon{width:48px;height:48px;border-radius:50%;background:var(--bg-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.saved-empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px}.saved-suggestions{width:100%;margin-top:36px;padding-top:28px;border-top:1px solid var(--border);text-align:left}.saved-suggestions h3{font-size:18px;margin-bottom:18px}.use-cases-stack{display:flex;flex-direction:column;gap:24px}.use-case-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;padding:32px;display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:start}.use-case-title{font-size:26px;font-weight:800;margin:8px 0 12px}.use-case-summary{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.use-case-tips{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.use-case-tip-row{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-secondary)}.tip-icon{color:var(--accent-cobalt);flex-shrink:0;margin-top:2px}.use-case-specs-box{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:20px}.use-case-specs-title{font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px}.use-case-specs-list{margin:0;display:flex;flex-direction:column;gap:10px}.use-case-spec-item{display:flex;justify-content:space-between;font-size:13px;padding-bottom:8px;border-bottom:1px solid var(--border)}.use-case-spec-item:last-child{border-bottom:none;padding-bottom:0}.use-case-spec-item dt{color:var(--text-muted)}.use-case-spec-item dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}.dev-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.dev-sections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.dev-card,.about-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px}.dev-card-head{display:flex;align-items:center;gap:10px;color:var(--accent-cobalt)}.dev-card-head h2{font-size:19px}.code-block{margin:0;padding:16px;border-radius:12px;background:var(--bg);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;overflow-x:auto;line-height:1.55}.dev-pipeline-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--text-secondary)}.dev-links-list{display:flex;flex-direction:column;gap:10px}.dev-deep-link{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:12px;background:var(--bg);border:1px solid var(--border);transition:border-color .15s ease}.dev-deep-link:hover{border-color:var(--accent-cobalt)}.dev-deep-link code{font-size:12.5px;color:var(--accent-cobalt);font-weight:600}.dev-deep-link span{font-size:12px;color:var(--text-muted)}.shortcuts-list{display:flex;flex-direction:column;gap:12px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:13.5px}.shortcut-keys{display:flex;gap:4px}.shortcut-keys kbd{padding:3px 8px;border-radius:6px;background:var(--bg-subtle);border:1px solid var(--border-strong);font-size:12px;font-weight:600}.about-grid,.attribution-notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:36px}.about-cta-banner{background:var(--bg-elevated);border:1px solid var(--border);border-radius:22px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.about-cta-buttons{display:flex;gap:12px}.attribution-groups{display:flex;flex-direction:column;gap:18px}.attribution-group-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:24px}.attribution-group-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.attribution-group-header h2{font-size:20px}.attribution-count{font-size:12px;color:var(--text-muted)}.attribution-model-chips{display:flex;flex-wrap:wrap;gap:8px}.attribution-model-chip{padding:6px 12px;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:12.5px;font-weight:500}.attribution-model-chip:hover{border-color:var(--border-strong)}.search-backdrop{position:fixed;inset:0;z-index:90;background:#0a0c128c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:72px 20px 24px}.search-modal{width:100%;max-width:720px;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 110px)}.search-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.search-input-icon{color:var(--text-muted);flex-shrink:0}.search-dialog-input{flex:1;border:none;background:transparent;outline:none;font-size:15.5px}.search-clear-btn,.search-close-btn{width:28px;height:28px;border-radius:50%;background:var(--bg-subtle);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.search-clear-btn:hover,.search-close-btn:hover{color:var(--text)}.search-results-meta{padding:10px 20px;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.search-meta-shortcuts{display:inline-flex;align-items:center;gap:5px}.search-meta-shortcuts kbd{padding:1px 5px;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border-strong);font-size:10px}.search-results-body{overflow-y:auto;padding:14px}.search-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-result-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--bg);text-align:left;transition:border-color .14s ease,background-color .14s ease}.search-result-card.active,.search-result-card:hover{background:var(--bg-elevated);border-color:var(--accent-cobalt)}.search-result-thumb{width:46px;height:46px;border-radius:11px;background:var(--bg-subtle);padding:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.search-result-thumb img{max-width:100%;max-height:100%;object-fit:contain}.search-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-result-name{font-weight:700;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-sub{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.search-result-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .14s ease,color .14s ease}.search-result-card.active .search-result-arrow,.search-result-card:hover .search-result-arrow{color:var(--accent-cobalt);transform:translate(2px)}.search-empty{padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.site-footer{margin-top:40px;background:#0b0d12;color:#f5f6f8;padding:64px 0 24px;overflow:hidden}.site-footer-inner{max-width:1240px;margin:0 auto;padding:0 28px 44px;display:grid;grid-template-columns:1.15fr 1.85fr;gap:48px}.brand-lockup.footer-brand,.brand-lockup.footer-brand-lockup{color:#fff}.footer-tagline{margin-top:14px;font-size:14px;color:#f5f6f8ad;max-width:340px;line-height:1.65}.footer-inline-stats{margin-top:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#f5f6f894;font-variant-numeric:tabular-nums}.footer-inline-stats strong{color:#fff;font-weight:700}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#f5f6f87a;margin-bottom:4px}.footer-col a{font-size:13.5px;color:#f5f6f8c7;transition:color .15s ease}.footer-col a:hover{color:#fff}.site-footer-bottom{max-width:1240px;margin:0 auto;padding:20px 28px 12px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#f5f6f880}.site-footer-bottom a{color:#f5f6f8c7;text-decoration:underline}.footer-giant-wordmark{max-width:1240px;margin:8px auto 0;padding:0 20px;font-family:Red Hat Display,sans-serif;font-weight:800;font-size:clamp(64px,16vw,210px);line-height:.84;letter-spacing:-.05em;text-align:center;color:#ffffff0b;-webkit-user-select:none;user-select:none;pointer-events:none}.toast-container{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast-pill{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:#111210;color:#fff;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg)}.toast-dot{width:7px;height:7px;border-radius:50%;background:#d9ff43}@media(max-width:1024px){.hero-grid,.devices-hero-grid,.form-factors-header,.why-mockly-header,.faq-grid,.royal-cta-banner,.studio-grid,.use-case-card,.dev-sections-grid,.about-grid,.attribution-notes-grid,.site-footer-inner{grid-template-columns:minmax(0,1fr)}.device-cards-grid,.steps-dark-grid,.home-use-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-factors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.why-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.why-bento-card.wide-card{grid-column:span 2}.royal-cta-emblem{height:180px}.devices-stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.primary-nav{display:none}.header-mobile-menu-btn{display:inline-flex}}@media(max-width:720px){.hide-on-mobile{display:none}.container,.site-header-inner,.site-footer-inner,.site-footer-bottom{padding-left:16px;padding-right:16px}.site-header-inner{padding-top:10px;padding-bottom:10px;gap:10px}.brand-lockup{gap:8px;font-size:16.5px}.brand-mark{width:26px;height:26px;font-size:14px}.header-actions{gap:6px}.header-search-placeholder,.header-kbd{display:none}.header-search-btn,.header-icon-btn,.header-mobile-menu-btn{width:36px;height:36px;padding:0;justify-content:center}.header-cta-btn{padding:8px 12px;font-size:12.5px;gap:5px}.header-cta-text-full{display:none}.header-cta-text-short{display:inline}.header-install-btn{width:36px;height:36px;padding:0}.header-install-label{display:none}.hero-section{padding:28px 0 32px}.hero-grid{gap:28px}.hero-headline{font-size:clamp(34px,9vw,48px);margin-bottom:16px}.hero-lead{font-size:15px;margin-bottom:22px}.hero-cta-row{margin-bottom:26px;gap:10px}.hero-btn{flex:1 1 auto;padding:11px 16px}.hero-stats-row{max-width:100%;gap:12px}.hero-stat-num{font-size:20px}.hero-stage-card{min-height:400px;padding:44px 16px 40px;border-radius:28px}.hero-stage-blue-orb{width:90px;height:90px;top:12px;right:20px}.hero-stage-lime-orb{width:60px;height:60px;bottom:25px;left:12px}.hero-stage-arc{width:160px;height:160px;border-width:22px;right:-30px;bottom:-30px}.hero-watch-layer{width:105px;margin-right:-34px;margin-bottom:16px}.hero-phone-layer{width:210px}.hero-floating-pill{padding:6px 12px;font-size:11px}.hero-floating-pill.top-right{top:16px;right:16px}.hero-floating-pill.bottom-right{bottom:16px;right:16px;padding:5px 11px;font-size:10.5px}.brands-strip{flex-direction:column;align-items:flex-start;gap:14px}.brands-strip-links{gap:16px}.device-cards-grid,.form-factors-grid,.why-bento-grid,.steps-dark-grid,.home-use-cases-grid,.search-results-grid{grid-template-columns:minmax(0,1fr);gap:16px}.why-bento-card.wide-card{grid-column:span 1;grid-template-columns:minmax(0,1fr)}.form-factor-card{height:265px}.device-card-stage{height:290px}.device-card-img{max-height:230px}.featured-section,.form-factors-section,.why-mockly-section,.steps-dark-section,.home-use-cases-section,.faq-section{padding:44px 0}.royal-cta-banner{padding:32px 22px;border-radius:22px}.royal-cta-emblem{display:none}.royal-cta-actions a{flex:1 1 auto}.devices-page,.content-page{padding:28px 0 56px}.devices-hero-grid{gap:14px;margin-bottom:22px}.devices-stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 0 22px}.devices-stat:nth-child(2n){border-right:none;padding-right:0}.devices-filter-bar{flex-direction:column;align-items:stretch}.devices-filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.devices-select-box{min-width:0}.devices-saved-filter-btn{grid-column:1 / -1;justify-content:center}.devices-category-row{gap:12px;margin-bottom:20px}.devices-category-pills{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.devices-category-pills::-webkit-scrollbar{display:none}.devices-cat-pill{flex-shrink:0}.device-detail-page{padding:20px 0 52px}.studio-breadcrumb{flex-wrap:wrap;row-gap:4px}.create-quick-models{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.create-quick-models::-webkit-scrollbar{display:none}.create-quick-label,.create-model-chip{flex-shrink:0;white-space:nowrap}.studio-page-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px}.studio-title-row{flex-wrap:wrap;gap:8px}.studio-device-title{font-size:clamp(26px,7vw,34px)}.studio-device-subtitle{font-size:13px}.studio-header-actions{width:100%;display:flex;gap:8px}.studio-action-pill{flex:1;justify-content:center;padding:10px 14px}.stage-card,.studio-panel{min-width:0;border-radius:18px}.stage-card-header{padding:12px 14px;gap:8px;flex-wrap:wrap}.stage-viewport-outer{padding:10px}.stage-checkerboard{min-height:370px;padding:16px 12px 58px}.stage-canvas{max-height:340px}.stage-demo-banner{bottom:10px;padding:5px;border-radius:999px;width:auto;max-width:calc(100% - 16px)}.stage-demo-label{display:none}.stage-demo-actions{flex-wrap:wrap;justify-content:center}.stage-demo-upload-btn,.stage-demo-sample-btn{padding:7px 12px;font-size:11.5px}.stage-card-footer{padding:10px 14px;flex-wrap:wrap}.stage-thumb-remove{opacity:1}.stage-perspectives-strip{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px}.studio-panel{padding:16px}.studio-add-row{flex-wrap:wrap;gap:8px}.studio-letterbox-row{flex-wrap:wrap;gap:10px}.studio-backdrop-pills{grid-template-columns:repeat(2,1fr)}.use-case-card,.dev-card,.about-card,.attribution-group-card,.about-cta-banner{padding:20px;border-radius:18px;min-width:0}.about-cta-buttons{width:100%;flex-wrap:wrap}.about-cta-buttons a{flex:1 1 auto}.search-backdrop{padding:16px 12px}.search-modal{max-height:calc(100vh - 32px);border-radius:16px}.search-input-row{padding:12px 14px;gap:8px}.search-dialog-input{font-size:16px}.search-meta-shortcuts{display:none}.site-footer{padding:40px 0 20px}.site-footer-inner{gap:28px;padding-bottom:28px}.footer-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.toast-container{left:16px;right:16px;bottom:16px;align-items:center}.toast-pill{max-width:100%}.principles-grid{grid-template-columns:1fr}}.principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.principle-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px}.principle-icon{width:42px;height:42px;border-radius:12px;background:#2d47f51a;color:var(--accent-cobalt);display:inline-flex;align-items:center;justify-content:center}.principle-card h3{font-size:18px;font-weight:700}.principle-card p{font-size:14px;line-height:1.65;color:var(--text-secondary)}