.md-page{background:var(--dark);color:#fff;font-family:var(--font-display);overflow-x:hidden}:root{--md-void:#09090F;--md-surface:#111118;--md-surface2:#1A1A28;--md-border:rgba(255,255,255,0.07);--md-border2:rgba(255,255,255,0.12);--md-text:#E8E4F0;--md-muted:#8888A8;--md-dim:#44445A;--indigo:#6C5CE7;--amber:#E8A317}.md-page .hero-wrap{position:relative}.md-page .hero-wrap:before{content:"";position:absolute;inset:-160px 0;background:radial-gradient(ellipse 800px 600px at 25% 50%,rgba(56,194,182,.15) 0,transparent 100%),radial-gradient(ellipse 600px 500px at 70% 35%,rgba(56,194,182,.08) 0,transparent 100%);pointer-events:none;mask-image:linear-gradient(180deg,transparent 0,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 15%,black 85%,transparent)}.md-page .hero{padding:140px 48px 80px;position:relative;display:grid;grid-template-columns:1.1fr .9fr;grid-gap:64px;gap:64px;align-items:center;max-width:1300px;margin:0 auto}.md-page .hero-browser,.md-page .hero-inner{position:relative;z-index:2}.md-page .hero-browser{border-radius:8px;overflow:hidden;background:#2A2A2A;box-shadow:0 24px 80px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.2);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);transition:transform .5s cubic-bezier(.16,1,.3,1)}.md-page .hero-browser:hover{transform:perspective(1200px) rotateY(0deg) rotateX(0deg)}.md-page .hero-browser .browser-bar{background:#2A2A2A;padding:10px 16px;display:flex;align-items:center;gap:8px}.md-page .hero-browser .browser-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12)}.md-page .hero-browser .browser-dot:first-child{background:#FF5F57}.md-page .hero-browser .browser-dot:nth-child(2){background:#FEBC2E}.md-page .hero-browser .browser-dot:nth-child(3){background:#28C840}.md-page .hero-browser .browser-url{flex:1 1;background:rgba(255,255,255,.06);border-radius:4px;padding:5px 12px;font-size:11px;color:rgba(255,255,255,.4);font-family:Poppins,sans-serif;margin-left:8px}.md-page .browser-viewport{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}.md-page .browser-scroll-img{width:100%;display:block;object-fit:cover}.md-page .hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:20px;display:flex;align-items:center;gap:12px}.md-page .hero-eyebrow:before{content:"";width:32px;height:2px;background:var(--teal)}.md-page .hero-title{font-size:clamp(42px,5.5vw,68px);font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:28px}.md-page .hero-title em{color:var(--teal);font-style:normal}.md-page .hero-summary{font-family:"Source Serif 4",serif;font-size:19px;font-weight:300;color:rgba(232,228,222,.6);max-width:640px;line-height:1.75;margin-bottom:48px}.md-page .hero-meta{display:flex;gap:48px;flex-wrap:wrap}.md-page .meta-break{flex-basis:100%;height:0;margin:-24px 0}.md-page .meta-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:4px}.md-page .meta-value{font-size:14px;font-weight:600;color:white}.md-page .section-divider{border:none;height:1px;margin:0;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.15) 35%,rgba(255,255,255,.15) 65%,transparent 95%);opacity:.35}.md-page .challenge{padding:80px 48px;display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;max-width:1100px;margin:0 auto}.md-page .section-eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:16px}.md-page .section-heading{font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px}.md-page .section-body{font-family:"Source Serif 4",serif;font-size:16px;font-weight:300;color:rgba(232,228,222,.55);line-height:1.75}.md-page .challenge-stats{display:flex;flex-direction:column;gap:24px;padding-top:12px}.md-page .challenge-stat{display:flex;align-items:center;gap:20px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.md-page .stat-number{font-size:36px;font-weight:900;letter-spacing:-.03em;color:var(--teal);min-width:80px;line-height:1;padding-top:2px;flex-shrink:0}.md-page .stat-desc{font-family:"Source Serif 4",serif;font-size:14px;color:rgba(232,228,222,.5);line-height:1.5}.md-page .brand-section{padding:80px 48px;background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.md-page .brand-inner{max-width:1100px;margin:0 auto}.md-page .brand-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin-top:48px}.md-page .color-palette{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px}.md-page .color-swatch{aspect-ratio:1;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;position:relative;border-radius:6px}.md-page .swatch-name{font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.md-page .swatch-hex{font-size:7px;opacity:.7;font-weight:500;margin-top:2px}.md-page .type-specimen{display:flex;flex-direction:column;gap:20px}.md-page .type-sample{border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:20px}.md-page .type-label{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:8px}.md-page .type-display{font-family:"Source Serif 4",serif;font-size:28px;font-weight:600;letter-spacing:-.02em;color:white;line-height:1.15}.md-page .type-body{font-family:Inter,sans-serif;font-size:16px;font-weight:400;color:rgba(232,228,222,.65);line-height:1.65}.md-page .type-ui{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--teal);letter-spacing:.08em;text-transform:uppercase}.md-page .type-mono{font-family:Courier New,monospace;font-size:13px;font-weight:600;color:var(--indigo);letter-spacing:.04em}.md-page .voice-section{padding:80px 48px;max-width:1100px;margin:0 auto}.md-page .voice-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:48px;gap:48px;margin-top:36px}.md-page .voice-card{padding:28px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:8px}.md-page .voice-card-title{font-size:13px;font-weight:700;color:white;margin-bottom:8px}.md-page .voice-card-body{font-family:"Source Serif 4",serif;font-size:14px;color:rgba(232,228,222,.45);line-height:1.65}.md-page .voice-card-example{margin-top:16px;padding:14px;background:rgba(108,92,231,.08);border-left:3px solid var(--indigo);border-radius:0 4px 4px 0;font-family:"Source Serif 4",serif;font-size:13px;color:rgba(232,228,222,.55);line-height:1.6;font-style:italic}.md-page .showcase{padding:100px 48px;position:relative}.md-page .showcase-gallery{padding:0 0 40px;z-index:2;min-height:380px;overflow:hidden}.md-page .showcase-gallery,.md-page .showcase-stack{display:flex;justify-content:center;align-items:center;position:relative}.md-page .showcase-stack{width:1100px;height:420px}.md-page .showcase-browser{width:540px;background:#2A2A2A;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05);position:absolute;cursor:pointer;transition:all .7s cubic-bezier(.23,1,.32,1);will-change:transform,filter;contain:paint}.showcase-browser:hover{filter:brightness(1.05)!important}.showcase-browser[data-pos=left]{transform:translateX(-280px) rotate(-6deg) scale(.88);z-index:1;filter:brightness(.8)}.showcase-browser[data-pos=center]{transform:translateX(0) translateY(-12px) rotate(0deg) scale(1);z-index:3;filter:brightness(1);box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08)}.showcase-browser[data-pos=right]{transform:translateX(280px) rotate(6deg) scale(.88);z-index:1;filter:brightness(.8)}.md-page .showcase-browser .g-bar{padding:10px 14px;display:flex;align-items:center;gap:7px}.md-page .showcase-browser .g-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.12)}.md-page .showcase-browser .g-dot:first-child{background:#FF5F57}.md-page .showcase-browser .g-dot:nth-child(2){background:#FEBC2E}.md-page .showcase-browser .g-dot:nth-child(3){background:#28C840}.md-page .showcase-browser .g-url{flex:1 1;background:rgba(255,255,255,.06);border-radius:4px;padding:4px 10px;font-size:10px;color:rgba(255,255,255,.35);font-family:Poppins,sans-serif;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md-page .showcase-browser .g-viewport{overflow:hidden;aspect-ratio:16/10;background:#1A1A22;position:relative}.md-page .showcase-browser .g-viewport img{width:calc(100% + 2px);margin-left:-1px;display:block;position:relative}.md-page .showcase-browser .g-label{position:absolute;bottom:-32px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:600;color:rgba(255,255,255,.3);white-space:nowrap;transition:all .5s ease;letter-spacing:.06em;text-transform:uppercase}.showcase-browser[data-pos=center] .g-label{color:var(--orange,#E8692A)}.md-page .showcase-dots{display:flex;gap:8px;justify-content:center;margin-top:20px;position:relative;z-index:2}.md-page .showcase-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12);cursor:pointer;transition:all .4s ease}.showcase-dot.active{background:var(--orange,#E8692A);width:24px;border-radius:4px}.md-page .showcase-hint{text-align:center;margin-top:12px;font-size:10px;font-weight:600;color:rgba(255,255,255,.2);letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:2}.md-page .showcase-glow{position:absolute;width:500px;height:400px;border-radius:50%;filter:blur(160px);opacity:.08;pointer-events:none;top:40%;left:50%;margin-left:-250px;background:var(--orange,#E8692A);transition:all 1s ease}@keyframes galleryScroll0{0%,8%{transform:translateY(0)}42%,52%{transform:translateY(-12%)}92%,to{transform:translateY(0)}}@keyframes galleryScroll1{0%,12%{transform:translateY(0)}45%,55%{transform:translateY(-62%)}92%,to{transform:translateY(0)}}@keyframes galleryScroll2{0%,10%{transform:translateY(0)}44%,54%{transform:translateY(-40%)}92%,to{transform:translateY(0)}}.showcase-browser[data-browser="0"] .g-viewport img{animation:galleryScroll0 28s cubic-bezier(.45,0,.55,1) infinite;animation-delay:1s}.showcase-browser[data-browser="1"] .g-viewport img{animation:galleryScroll1 32s cubic-bezier(.45,0,.55,1) infinite;animation-delay:3s}.showcase-browser[data-browser="2"] .g-viewport img{animation:galleryScroll2 26s cubic-bezier(.45,0,.55,1) infinite;animation-delay:5s}@media (prefers-reduced-motion:reduce){.md-page .showcase-browser .g-viewport img{animation:none!important}}.md-page .showcase-cta-wrap{text-align:center;margin-top:48px;position:relative;z-index:2}.md-page .showcase-cta{display:inline-flex;align-items:center;gap:10px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--orange,#E8692A);padding:14px 32px;text-decoration:none;transition:background .3s ease,transform .3s ease}.showcase-cta:hover{background:#B8501F;transform:translateY(-2px)}.md-page .showcase-header{text-align:center;margin-bottom:60px;padding:0 48px}.md-page .filmstrip{display:flex;gap:24px;padding:0 48px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:-webkit-grab;cursor:grab}.filmstrip::-webkit-scrollbar{display:none}.filmstrip:active{cursor:-webkit-grabbing;cursor:grabbing}.md-page .film-frame{flex:0 0 min(85vw,900px);scroll-snap-align:center;transition:opacity .5s ease,transform .5s ease}.md-page .browser-chrome{background:#2A2A2A;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px 12px 0 0}.md-page .traffic-dots{display:flex;gap:7px}.md-page .traffic-dots span{width:12px;height:12px;border-radius:50%}.md-page .traffic-dots span:first-child{background:#FF5F57}.md-page .traffic-dots span:nth-child(2){background:#FFBD2E}.md-page .traffic-dots span:nth-child(3){background:#28CA41}.md-page .address-bar{flex:1 1;background:#1A1A1A;border:1px solid #3a3a3a;padding:6px 14px;border-radius:6px;margin-left:12px;color:rgba(255,255,255,.35);font-size:12px;font-weight:500}.md-page .frame-label{text-align:center;margin-top:16px;font-size:11px;font-weight:600;color:rgba(255,255,255,.3);letter-spacing:.04em}.md-page .frame-label strong{color:var(--orange);font-weight:700}.md-page .md-sim{font-family:Inter,sans-serif;color:var(--md-text);background:var(--md-void);padding:0}.md-page .md-layout{display:flex;height:380px}.md-page .md-sidebar{width:56px;background:var(--md-surface);border-right:1px solid var(--md-border);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:6px;flex-shrink:0}.md-page .md-logo{font-size:16px;margin-bottom:12px;font-weight:900;color:var(--indigo);font-family:Poppins,sans-serif}.md-page .md-nav-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.3);cursor:pointer;transition:all .2s}.md-nav-icon.active{background:rgba(108,92,231,.2);color:var(--indigo)}.md-page .md-content{flex:1 1;overflow:hidden}.md-page .md-dash-header{padding:20px 24px 16px;border-bottom:1px solid var(--md-border);display:flex;align-items:center;justify-content:space-between}.md-page .md-page-title{font-size:16px;font-weight:700;color:var(--md-text)}.md-page .md-date{font-size:11px;color:var(--md-muted)}.md-page .md-stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;padding:16px 24px}.md-page .md-stat-card{background:var(--md-surface);border:1px solid var(--md-border);border-radius:10px;padding:14px}.md-page .md-stat-label{font-size:9px;color:var(--md-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600}.md-page .md-stat-val{font-size:24px;font-weight:700;color:var(--md-text);line-height:1;font-family:Poppins,sans-serif}.md-stat-val.green{color:var(--teal)}.md-stat-val.purple{color:var(--indigo)}.md-page .md-two-col{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:12px;gap:12px;padding:0 24px 16px}.md-page .md-panel{background:var(--md-surface);border:1px solid var(--md-border);border-radius:10px;padding:14px}.md-page .md-panel-title{font-size:10px;font-weight:700;color:var(--md-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.md-page .md-activity-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--md-border);font-size:11px;color:var(--md-muted)}.md-activity-item:last-child{border-bottom:none}.md-page .md-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.md-dot.purple{background:var(--indigo)}.md-dot.green{background:var(--teal)}.md-dot.amber{background:var(--amber)}.md-page .md-task-item{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:11px;color:var(--md-muted)}.md-page .md-check{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--md-dim);flex-shrink:0}.md-check.done{background:var(--teal);border-color:var(--teal)}.md-page .md-crm-header{padding:16px 24px;align-items:center;justify-content:space-between}.md-page .md-crm-header,.md-page .md-tab-row{border-bottom:1px solid var(--md-border);display:flex}.md-page .md-tab-row{gap:4px;padding:10px 24px}.md-page .md-tab{font-size:10px;font-weight:600;padding:5px 12px;border-radius:5px;color:var(--md-muted);cursor:pointer;letter-spacing:.04em;text-transform:uppercase}.md-tab.active{background:rgba(108,92,231,.15);color:var(--indigo)}.md-page .md-pipeline{display:flex;gap:10px;padding:16px 24px;overflow-x:auto}.md-page .md-stage{flex:1 1;min-width:130px}.md-page .md-stage-head{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--md-dim);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.md-page .md-stage-count{background:var(--md-surface2);border-radius:3px;padding:1px 5px;font-size:9px;color:var(--md-muted)}.md-page .md-proposal{background:var(--md-surface);border:1px solid var(--md-border);border-radius:8px;padding:10px;margin-bottom:7px}.md-page .md-prop-name{font-size:10px;font-weight:600;color:var(--md-text);margin-bottom:4px}.md-page .md-prop-co{font-size:9px;color:var(--md-muted);margin-bottom:5px}.md-page .md-prop-amount{font-size:11px;font-weight:700;color:var(--teal);font-family:Courier New,monospace}.md-page .md-prop-stage{display:inline-block;font-size:8px;font-weight:600;padding:2px 6px;border-radius:3px;margin-top:5px;text-transform:uppercase;letter-spacing:.05em}.md-prop-stage.sent{background:rgba(249,168,37,.15);color:var(--amber)}.md-prop-stage.viewed{background:rgba(108,92,231,.15);color:var(--indigo)}.md-prop-stage.accepted{background:rgba(0,217,163,.15);color:var(--teal)}.md-prop-stage.draft{background:rgba(255,255,255,.05);color:var(--md-muted)}.md-page .md-studio-layout{display:grid;grid-template-columns:1fr 1fr;height:380px}.md-page .md-studio-left{background:var(--md-surface);border-right:1px solid var(--md-border);display:flex;flex-direction:column}.md-page .md-studio-header{padding:16px 20px;border-bottom:1px solid var(--md-border);display:flex;align-items:center;justify-content:space-between}.md-page .md-studio-title{font-size:13px;font-weight:700;color:var(--md-text)}.md-page .md-rec-badge{display:flex;align-items:center;gap:5px;background:rgba(255,107,138,.15);padding:4px 10px;border-radius:5px;font-size:9px;font-weight:700;color:var(--coral);text-transform:uppercase;letter-spacing:.06em}.md-page .md-rec-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.md-page .md-lyrics-area{flex:1 1;padding:16px 20px;overflow:hidden}.md-page .md-lyric-label{font-size:9px;color:var(--md-dim);text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:10px}.md-page .md-analytics-header{padding:16px 24px;border-bottom:1px solid var(--md-border)}.md-page .md-analytics-source-tabs{display:flex;gap:6px;margin-top:10px}.md-page .md-source-tab{font-size:9px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border:1px solid var(--md-border);color:var(--md-muted);background:transparent}.md-source-tab.active.ga4{border-color:#F9AB00;color:#F9AB00;background:rgba(249,171,0,.08)}.md-source-tab.active.meta{border-color:#1877F2;color:#1877F2;background:rgba(24,119,242,.08)}.md-source-tab.active.ig{border-color:var(--coral);color:var(--coral);background:rgba(255,107,138,.08)}.md-page .md-analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;padding:14px 24px}.md-page .md-metric-card{background:var(--md-surface);border:1px solid var(--md-border);border-radius:10px;padding:14px}.md-page .md-metric-label{font-size:9px;color:var(--md-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600}.md-page .md-metric-value{font-size:22px;font-weight:700;color:var(--md-text);font-family:Poppins,sans-serif;line-height:1}.md-page .md-metric-delta{font-size:10px;margin-top:5px;font-weight:600}.md-metric-delta.up{color:var(--teal)}.md-metric-delta.dn{color:var(--coral)}.md-page .md-chart-area{padding:10px 24px}.md-page .md-chart-label{font-size:9px;color:var(--md-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-weight:700}.md-page .md-sparkline{display:flex;align-items:flex-end;gap:3px;height:50px}.md-page .md-spark-bar{flex:1 1;border-radius:3px 3px 0 0;background:rgba(108,92,231,.4)}.md-spark-bar.peak{background:var(--indigo)}.md-page .md-jarvis-layout{height:380px;display:flex;flex-direction:column}.md-page .md-jarvis-header{padding:14px 24px;border-bottom:1px solid var(--md-border);display:flex;align-items:center;gap:10px}.md-page .md-jarvis-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--indigo),var(--teal));display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.md-page .md-jarvis-name{font-size:13px;font-weight:700;color:var(--md-text)}.md-page .md-jarvis-status{font-size:10px;color:var(--teal)}.md-page .md-context-bar{padding:8px 24px;background:rgba(108,92,231,.07);border-bottom:1px solid var(--md-border);display:flex;gap:8px;align-items:center}.md-page .md-context-chip{font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px;background:rgba(108,92,231,.15);color:var(--indigo);border:1px solid rgba(108,92,231,.2);text-transform:uppercase;letter-spacing:.06em}.md-page .md-context-label{font-size:9px;color:var(--md-dim)}.md-page .md-chat-area{flex:1 1;padding:16px 24px;display:flex;flex-direction:column;gap:14px;overflow:hidden}.md-page .md-msg{display:flex;gap:10px}.md-msg.user{flex-direction:row-reverse}.md-page .md-msg-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px}.md-msg.ai .md-msg-avatar{background:linear-gradient(135deg,var(--indigo),var(--teal))}.md-msg.user .md-msg-avatar{background:rgba(255,255,255,.1);color:var(--md-muted)}.md-page .md-msg-bubble{max-width:75%;padding:10px 14px;border-radius:10px;font-size:12px;line-height:1.55}.md-msg.ai .md-msg-bubble{background:var(--md-surface);border:1px solid var(--md-border);color:var(--md-text);border-radius:4px 10px 10px 10px}.md-msg.user .md-msg-bubble{background:rgba(108,92,231,.18);border:1px solid rgba(108,92,231,.2);color:var(--md-text);border-radius:10px 4px 10px 10px}.md-page .md-chat-input{margin:0 24px 16px;padding:10px 16px;background:var(--md-surface);border:1px solid var(--md-border2);border-radius:8px;color:var(--md-muted);font-family:Inter,sans-serif;justify-content:space-between}.md-page .md-chat-input,.md-page .md-send-btn{font-size:12px;display:flex;align-items:center}.md-page .md-send-btn{width:28px;height:28px;border-radius:6px;background:var(--indigo);justify-content:center}.md-page .film-dots{display:flex;gap:8px;justify-content:center;margin-top:32px}.md-page .film-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.12);cursor:pointer;transition:all .4s ease}.film-dot.active{background:var(--orange);width:24px;border-radius:4px}.md-page .annotations{padding:80px 48px;max-width:1100px;margin:0 auto}.md-page .anno-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;gap:40px;margin-top:40px}.md-page .anno{padding-left:20px;border-left:3px solid}.anno:first-child{border-color:var(--indigo)}.anno:nth-child(2){border-color:var(--teal)}.anno:nth-child(3){border-color:var(--coral)}.anno:nth-child(4){border-color:var(--amber)}.anno:nth-child(5){border-color:var(--indigo)}.md-page .anno-title{font-size:15px;font-weight:700;margin-bottom:8px;color:white}.md-page .anno-desc{font-family:"Source Serif 4",serif;font-size:14px;color:rgba(232,228,222,.45);line-height:1.65}.md-page .ecosystem{padding:80px 48px;max-width:1100px;margin:0 auto}.md-page .eco-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:36px}.md-page .eco-card{padding:24px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px}.md-page .eco-icon{margin-bottom:12px;width:32px;height:32px;font-size:32px}.md-page .eco-title{font-size:13px;font-weight:700;color:white;margin-bottom:6px}.md-page .eco-desc{font-family:"Source Serif 4",serif;font-size:13px;color:rgba(232,228,222,.4);line-height:1.6}.md-page .metrics{padding:72px 48px;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.md-page .metrics-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px;gap:24px;text-align:center}.md-page .metric-val{font-size:40px;font-weight:900;letter-spacing:-.03em;color:white;line-height:1}.md-page .metric-val span{color:var(--teal)}.md-page .metric-label{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-top:8px}.md-page .arch-section{padding:80px 48px;background:rgba(255,255,255,.015);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.md-page .arch-inner{max-width:1100px;margin:0 auto}.md-page .arch-diagram{margin-top:48px;border:1px solid rgba(255,255,255,.07);background:var(--dark);padding:48px}.md-page .arch-tier{margin-bottom:40px}.arch-tier:last-child{margin-bottom:0}.md-page .arch-row-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:16px;text-align:center}.md-page .arch-tier-boxes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.md-page .arch-box{border:1px solid rgba(255,255,255,.12);padding:12px 20px;text-align:center;min-width:120px}.md-page .arch-box-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:4px}.md-page .arch-box-name{font-size:13px;font-weight:700;color:white}.arch-box.highlight{border-color:var(--orange);background:rgba(232,105,42,.08)}.arch-box.highlight .arch-box-name{color:var(--orange)}.arch-box.green{border-color:var(--teal);background:rgba(26,140,140,.06)}.arch-box.green .arch-box-name{color:var(--teal)}.md-page .arch-connector{text-align:center;color:rgba(255,255,255,.2);font-size:20px;margin:-16px 0 8px}.md-page .next-project{padding:100px 48px;text-align:center;position:relative}.md-page .next-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:16px}.md-page .next-title{font-size:36px;font-weight:900;letter-spacing:-.02em;color:white;cursor:pointer;transition:color .3s;text-decoration:none;display:inline-block}.next-title:hover{color:var(--orange)}@media (max-width:768px){.md-page .hero{padding:120px 24px 48px;grid-template-columns:1fr}.md-page .hero-browser{transform:none;margin-top:24px}.md-page .hero-browser:hover{transform:none}.md-page .hero-title{font-size:32px}.md-page .hero-summary{font-size:15px}.md-page .hero-meta{gap:20px}.md-page .hero-meta .meta-label{font-size:9px}.md-page .hero-meta .meta-value{font-size:12px}.md-page .showcase{padding:48px 24px}.md-page .showcase-stack{width:100%;height:auto;flex-direction:column;gap:16px}.md-page .showcase-browser{position:relative;width:100%;transform:none!important;filter:none!important;box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.05);contain:unset}.md-page .showcase-gallery{min-height:auto;flex-direction:column;gap:24px;overflow:visible}.md-page .showcase-browser .g-viewport{aspect-ratio:16/10}.md-page .showcase-browser .g-viewport img{animation:none!important}.md-page .showcase-browser .g-label,.md-page .showcase-dots,.md-page .showcase-hint{display:none}.md-page .showcase-cta-wrap{margin-top:32px}.md-page .challenge{grid-template-columns:1fr;gap:36px;padding:48px 24px}.md-page .annotations,.md-page .arch-section,.md-page .brand-section,.md-page .ecosystem,.md-page .metrics,.md-page .voice-section{padding:48px 24px}.md-page .next-project{padding:64px 24px}.md-page .anno-grid,.md-page .brand-grid,.md-page .voice-grid{grid-template-columns:1fr}.md-page .eco-grid{grid-template-columns:1fr 1fr;gap:12px}.md-page .metrics-grid{gap:24px}.md-page .color-palette,.md-page .metrics-grid{grid-template-columns:repeat(3,1fr)}.md-page .section-heading{font-size:24px}.md-page .section-body{font-size:15px}.md-page .metric-val{font-size:28px}.md-page .stat-number{font-size:32px}.md-page .next-title{font-size:28px}.md-page .voice-card-title{font-size:16px}.md-page .voice-card-body{font-size:14px}.md-page .eco-title{font-size:13px}.md-page .eco-desc{font-size:12px}.md-page .arch-diagram{padding:16px}.md-page .arch-tier-boxes{flex-wrap:wrap;gap:8px}.md-page .arch-box{font-size:11px;min-width:calc(50% - 8px)}.md-page .filmstrip{padding:0 24px}.md-page .film-frame{flex:0 0 90vw}}@media (max-width:1023px){.md-page .footer-main{flex-direction:column;gap:24px;text-align:center;padding:32px 0}.md-page .footer-nav{flex-wrap:wrap;justify-content:center;gap:20px}.md-page .footer-bottom{flex-direction:column;gap:8px;text-align:center}}