@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;0,500;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--font-display: "Instrument Serif", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", monospace;--fs-display-xl: 5rem;--lh-display-xl: .95;--fs-display: 4.25rem;--lh-display: .98;--fs-h1: 3.5rem;--lh-h1: 1.02;--fs-h2: 2.625rem;--lh-h2: 1.08;--fs-h3: 1.875rem;--lh-h3: 1.15;--fs-h4: 1.375rem;--lh-h4: 1.25;--fs-body-lg: 1.25rem;--lh-body-lg: 1.55;--fs-body: 1rem;--lh-body: 1.55;--fs-body-sm: .875rem;--lh-body-sm: 1.45;--fs-label: .6875rem;--lh-label: 1.2;--fs-mono: .8125rem;--lh-mono: 1.3;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 80px;--space-11: 96px;--space-12: 120px;--space-13: 144px;--space-14: 160px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--color-bg: #F6F3EC;--color-paper: #FCFAF5;--color-soft-paper: #F0EDE5;--color-ink: #171916;--color-deep-ink: #10120F;--color-forest: #18342B;--color-forest-light: #285043;--color-copper: #B86B43;--color-copper-light: #D18A64;--color-copper-soft: rgba(184, 107, 67, .09);--color-stone: #D8D3C8;--color-warm-gray: #B6B1A7;--color-mid-gray: #77736B;--color-dark-gray: #4C4943;--color-success: #5C8B6B;--color-warning: #B28A4E;--color-error: #A85A55;--color-info: #667F95;--color-border: rgba(23, 25, 22, .1);--color-border-strong: rgba(23, 25, 22, .16);--shadow-main: 0 12px 40px rgba(20, 20, 15, .06)}[data-theme=dark]{--color-bg: #10120F;--color-paper: #171916;--color-soft-paper: #1F221E;--color-ink: #F6F3EC;--color-deep-ink: #FCFAF5;--color-forest: #285043;--color-forest-light: #3a6b5a;--color-copper: #D18A64;--color-copper-light: #E0A080;--color-copper-soft: rgba(209, 138, 100, .12);--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--shadow-main: 0 12px 40px rgba(0, 0, 0, .24)}.theme-dark-section{--color-bg: #10120F;--color-paper: #171916;--color-soft-paper: #1F221E;--color-ink: #F6F3EC;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .18);--shadow-main: 0 12px 40px rgba(0, 0, 0, .18)}.theme-forest-section{--color-bg: #18342B;--color-paper: #285043;--color-soft-paper: #1F4237;--color-ink: #F6F3EC;--color-border: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .2);--shadow-main: 0 12px 40px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.bg-ambient-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.bg-fine-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:48px 48px;opacity:.35}.bg-noise-texture{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");opacity:.9}.container{width:100%;max-width:1240px;margin:0 auto;padding-left:var(--space-5);padding-right:var(--space-5)}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5)}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media (max-width: 1024px){.grid-12{grid-template-columns:repeat(8,1fr)}.col-8,.col-6,.col-4{grid-column:span 4}.col-3{grid-column:span 2}}@media (max-width: 640px){.grid-12{grid-template-columns:repeat(4,1fr)}.col-8,.col-6,.col-4,.col-3,.col-12{grid-column:span 4}}.signal-line-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin:var(--space-6) 0;width:100%}.signal-line-path{height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-copper) 30%,var(--color-copper) 70%,transparent 100%);width:100%;position:relative}.signal-line-dot{position:absolute;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:var(--color-copper);border-radius:50%;box-shadow:0 0 8px var(--color-copper)}.font-display-xl{font-family:var(--font-display);font-size:var(--fs-display-xl);line-height:var(--lh-display-xl);font-weight:400}.font-display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-display);font-weight:400}h1,.font-h1{font-family:var(--font-display);font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:400}h2,.font-h2{font-family:var(--font-display);font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:400}h3,.font-h3{font-family:var(--font-display);font-size:var(--fs-h3);line-height:var(--lh-h3);font-weight:400}h4,.font-h4{font-family:var(--font-body);font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:500}.font-body-lg{font-family:var(--font-body);font-size:var(--fs-body-lg);line-height:var(--lh-body-lg);color:var(--color-ink)}.font-body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body)}.font-body-sm{font-family:var(--font-body);font-size:var(--fs-body-sm);line-height:var(--lh-body-sm)}.font-label{font-family:var(--font-body);font-size:var(--fs-label);line-height:var(--lh-label);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.font-mono{font-family:var(--font-mono);font-size:var(--fs-mono);line-height:var(--lh-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--fs-body-sm);font-weight:500;border-radius:10px;padding:0 var(--space-5);height:50px;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.25,1,.5,1);white-space:nowrap;outline:none;border:1px solid transparent}.btn-primary{background-color:var(--color-forest);color:#f6f3ec}.btn-primary:hover{background-color:var(--color-forest-light);border-color:var(--color-copper);transform:translateY(-1px)}.btn-secondary{background-color:transparent;color:var(--color-ink);border:1px solid var(--color-stone)}.btn-secondary:hover{background-color:var(--color-soft-paper);border-color:var(--color-ink)}.btn-dark-primary{background-color:#f6f3ec;color:#171916}.btn-dark-primary:hover{background-color:#fcfaf5;border-color:var(--color-copper)}.btn-text-cta{background:transparent;color:var(--color-ink);padding:0;height:auto;border-bottom:1px solid var(--color-copper);border-radius:0;display:inline-flex;align-items:center;gap:var(--space-2)}.btn-text-cta:hover{color:var(--color-copper)}.btn:disabled,.btn-disabled{background-color:var(--color-soft-paper)!important;color:var(--color-warm-gray)!important;border-color:var(--color-stone)!important;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-family:var(--font-body);font-size:var(--fs-label);color:var(--color-mid-gray);text-transform:uppercase;letter-spacing:.05em}.input-text,.input-select{width:100%;height:48px;background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-4);font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--color-ink);outline:none;transition:all .2s ease}.input-text:focus,.input-select:focus{border-color:var(--color-forest);box-shadow:0 0 0 1px var(--color-forest)}.input-error{border-color:var(--color-error)!important}.input-error-msg{font-family:var(--font-body);font-size:var(--fs-label);color:var(--color-error)}.card{background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-main);position:relative;transition:all .25s ease}.card-hover:hover{transform:translateY(-2px);border-color:var(--color-copper)}.prompt-card{background-color:var(--color-paper);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-main)}.prompt-card-title{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--color-copper);letter-spacing:.08em;margin-bottom:var(--space-3)}.prompt-card-body{font-family:var(--font-display);font-size:var(--fs-h3);line-height:var(--lh-h3);color:var(--color-ink);margin-bottom:var(--space-5);border-left:2px solid var(--color-forest);padding-left:var(--space-4)}.prompt-card-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);background-color:var(--color-soft-paper);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xs)}.prompt-meta-item{display:flex;flex-direction:column}.prompt-meta-label{font-family:var(--font-mono);font-size:10px;color:var(--color-mid-gray);text-transform:uppercase}.prompt-meta-val{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--color-ink)}.ad-mockup{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-paper);padding:var(--space-6);max-width:600px;margin:0 auto}.ad-context{background-color:var(--color-soft-paper);padding:var(--space-4);border-radius:var(--radius-sm);font-size:var(--fs-body-sm);color:var(--color-mid-gray);margin-bottom:var(--space-4)}.ad-sponsored-box{background-color:var(--color-soft-paper);border-left:3px solid var(--color-copper);padding:var(--space-5);margin-top:var(--space-4)}.ad-tagline{display:block;font-family:var(--font-mono);font-size:10px;color:var(--color-mid-gray);margin-top:var(--space-3)}.kpi-card{background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-main)}.kpi-num{font-family:var(--font-mono);font-size:3.5rem;line-height:1;font-weight:500;color:var(--color-forest);margin-bottom:var(--space-2)}.kpi-trend{font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--color-success);display:flex;align-items:center;gap:var(--space-1)}.ranking-meter{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.ranking-meter-row{display:grid;grid-template-columns:30px 120px 1fr 60px;align-items:center;font-family:var(--font-mono);font-size:var(--fs-mono);color:var(--color-ink)}.ranking-meter-bar-bg{height:4px;background-color:var(--color-soft-paper);border-radius:2px;overflow:hidden;width:100%}.ranking-meter-bar-fill{height:100%;background-color:var(--color-forest);border-radius:2px}.photo-placeholder{width:100%;aspect-ratio:16 / 9;background-color:var(--color-soft-paper);position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--color-border)}.photo-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#18342b1a,#b86b4314);mix-blend-mode:multiply;pointer-events:none}.photo-placeholder-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--color-stone) 1px,transparent 1px);background-size:16px 16px;opacity:.5}.photo-placeholder-label{position:absolute;bottom:var(--space-4);left:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-label);background-color:var(--color-paper);padding:var(--space-1) var(--space-3);border-radius:var(--radius-xs);text-transform:uppercase}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#17191666;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.overlay.open{opacity:1;pointer-events:auto}.modal-content{background-color:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:90%;max-width:500px;box-shadow:var(--shadow-main);transform:scale(.96);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.overlay.open .modal-content{transform:scale(1)}.viewport-simulator{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background-color:var(--color-bg);overflow:hidden;transition:width .3s ease;margin:0 auto}.viewport-simulator-screen{padding:var(--space-6);height:400px;overflow-y:auto;background-color:var(--color-paper)}