:root{color:#171412;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f1ea;--paper:#fbf8f4;--panel:#f0e9df;--ink:#171412;--muted:#5a544f;--line:#1714121f;--soft-line:#17141214;--accent:#c36a4c;--accent-soft:#c36a4c24;--olive:#8a8a6a;--shadow:0 20px 60px #15121114;background:#f5f1ea;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);margin:0}img{max-width:100%;display:block}button,input,a{font:inherit}button{cursor:pointer}input{font:inherit}#root{min-height:100vh}::selection{background:#c36a4c33}.app-shell{max-width:1280px;margin:0 auto;padding:20px 28px 40px}.site-header{border:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f1eacc;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:10px;padding:18px 16px 14px;display:flex;position:sticky;top:14px}.brand{color:var(--ink);letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:10px;font-size:.72rem;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--ink);letter-spacing:.08em;background:#ffffff59;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.brand-text{letter-spacing:.16em;font-weight:700}.main-nav{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 18px;padding:6px 10px;font-size:.68rem;display:flex}.main-nav a{color:inherit;padding-bottom:4px;text-decoration:none;position:relative}.main-nav a:after{content:"";background:var(--ink);transform-origin:0;width:100%;height:1px;transition:transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.main-nav a:hover:after,.main-nav a:focus-visible:after{transform:scaleX(1)}.ghost-button,.primary-button,.secondary-button,.demo-actions button{border:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;font-size:.72rem;transition:transform .2s,box-shadow .2s,background .2s}.ghost-button,.secondary-button,.demo-actions button{color:var(--ink);background:0 0}.ghost-button{padding:.9rem 1.2rem}.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.demo-actions button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #17141214}.section{border-bottom:1px solid var(--line);padding:88px 0}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;min-height:680px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem}.eyebrow.small{margin-bottom:8px}.hero-copy h1,.section-heading h2,.problem-copy h2,.about-section h2{letter-spacing:-.06em;color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:.95}.hero-copy h1{max-width:720px;font-size:clamp(3.7rem,7vw,7.2rem)}.lede{max-width:600px;color:var(--muted);margin-top:22px;font-size:1.2rem;line-height:1.6}.cta-row{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.primary-button,.secondary-button{justify-content:center;align-items:center;min-height:52px;padding:0 1.5rem;text-decoration:none;display:inline-flex}.primary-button{background:var(--ink);color:var(--paper);border-color:var(--ink)}.secondary-button{background:0 0}.hero-visual{justify-content:center;display:flex}.default-demo{border:1px solid var(--line);width:min(100%,520px);box-shadow:var(--shadow);background:linear-gradient(135deg,#f9f3ed 0%,#efe8e0 100%);border-radius:28px;padding:18px;transition:background .3s,border-radius .3s,transform .3s}.ai-default-mode .default-demo{background:linear-gradient(135deg,#6d4ef5 0%,#2a5cf5 32%,#101a52 100%);border-radius:32px;transform:scale(1.01)}.mini-nav{align-items:center;gap:8px;padding:6px 4px 18px;display:flex}.mini-nav span{background:#17141266;border-radius:50%;width:10px;height:10px;display:inline-block}.mini-pill{letter-spacing:.12em;text-transform:uppercase;background:#ffffff2e;border:1px solid #17141233;border-radius:999px;margin-left:auto;padding:.35rem .7rem;font-size:.6rem}.demo-hero{padding:20px 12px 24px}.demo-kicker{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.7rem}.ai-default-mode .demo-kicker{color:#ffffffb8}.demo-hero h2{letter-spacing:-.06em;color:var(--ink);margin:0;font-family:Segoe UI,sans-serif;font-size:clamp(2rem,4vw,3.1rem);line-height:1}.ai-default-mode .demo-hero h2{color:#f4f5ff}.demo-actions{gap:12px;margin-top:18px;display:flex}.demo-actions button{min-height:42px;padding:0 1rem;font-size:.6rem}.ai-default-mode .demo-actions button{color:#fff;background:#ffffff24;border-color:#ffffff38}.ai-default-mode .demo-actions .secondary-demo{background:0 0}.demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:6px 4px 8px;display:grid}.demo-grid article{background:#ffffff8a;border:1px solid #17141214;border-radius:20px;min-height:120px;padding:18px 14px}.ai-default-mode .demo-grid article{background:#ffffff14;border-color:#ffffff2e}.demo-grid span,.ai-default-mode .demo-grid span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.68rem;display:block}.ai-default-mode .demo-grid span{color:#ffffffb3}.demo-grid strong,.ai-default-mode .demo-grid strong{color:var(--ink);margin-top:12px;font-size:1.4rem;line-height:1.25;display:block}.ai-default-mode .demo-grid strong{color:#f4f6ff}.section-heading{max-width:760px;margin-bottom:28px}.section-heading h2{font-size:clamp(2.2rem,4vw,3.8rem)}.pattern-grid,.framework-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pattern-card,.framework-card,.prompt-card,.report-panel,.detector-panel{border:1px solid var(--soft-line);background:#ffffff59;border-radius:24px;box-shadow:0 12px 32px #17141208}.pattern-card{padding:22px 22px 20px}.pattern-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.7rem;display:inline-block}.pattern-card h3,.framework-card h3,.report-panel h3{margin:0 0 10px;font-size:1.6rem;line-height:1.2}.pattern-card p,.problem-copy p,.about-copy p,.framework-card li,.prompt-side p,.recommendation-list p,.upload-meta,.breakdown-row span,.breakdown-row em{color:var(--muted)}.problem-block{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;display:grid}.problem-copy h2{font-size:clamp(2.4rem,4vw,4rem)}.quote-box{color:#f9f3ed;letter-spacing:-.04em;text-align:center;background:linear-gradient(145deg,#1b1716,#2e2724);border-radius:28px;justify-content:center;align-items:center;min-height:240px;padding:24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3vw,3rem);line-height:1.05;display:flex}.framework-card{padding:22px 20px 16px}.framework-card ul{gap:10px;margin:0;padding-left:18px;display:grid}.detector-layout{grid-template-columns:.9fr 1.1fr;gap:24px;display:grid}.detector-panel,.report-panel{padding:24px}.upload-label{margin-bottom:16px;font-size:1.1rem;font-weight:600;display:block}#screenshot-upload{border:1px dashed var(--line);background:#fff3;border-radius:18px;width:100%;padding:22px 16px}.upload-meta{letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:14px;font-size:.76rem;display:flex}.report-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.report-header h3{letter-spacing:-.06em;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,4vw,4rem)}.report-tag{background:var(--accent-soft);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);border-radius:999px;align-items:center;padding:.55rem .8rem;font-size:.66rem;display:inline-flex}.pattern-breakdown{gap:10px;margin-bottom:18px;display:grid}.breakdown-row{border-bottom:1px solid var(--soft-line);grid-template-columns:1fr 1.4fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.breakdown-row strong{color:var(--ink);font-weight:700}.breakdown-row em{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-style:normal}.recommendation-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.recommendation-list li{border:1px solid var(--soft-line);background:#ffffff47;border-radius:18px;padding:14px 16px}.recommendation-list span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:.72rem;display:block}.library-list{gap:20px;display:grid}.prompt-card{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.prompt-side{border-right:1px solid var(--soft-line);padding:22px 24px}.prompt-side.alt{background:#ffffff2e}.prompt-side span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:.7rem;display:inline-block}.prompt-side p{margin:0;font-size:1.06rem;line-height:1.7}.method-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.method-step{border-bottom:1px solid var(--line);grid-template-columns:.8fr 1.2fr;gap:36px;padding:36px 0;display:grid}.method-index{align-self:start;position:sticky;top:120px}.method-index span{color:var(--accent);letter-spacing:.12em;margin-bottom:10px;font-size:.72rem;display:block}.method-index h3{letter-spacing:-.04em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:600;line-height:1.05}.method-summary{margin:0 0 18px;font-size:1.2rem;line-height:1.6}.method-items{columns:2;column-gap:28px;margin:0 0 20px;padding:0;list-style:none}.method-items li{break-inside:avoid;border-bottom:1px solid var(--soft-line);color:var(--muted);padding:8px 0}.method-contrast{border:1px solid var(--soft-line);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px;display:grid;overflow:hidden}.method-contrast>div{padding:18px 20px}.method-contrast>div.alt{background:var(--accent-soft);border-left:1px solid var(--soft-line)}.method-contrast span,.method-example span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:.7rem;display:block}.method-contrast p,.method-example p{margin:0;line-height:1.6}.method-example{border-left:3px solid var(--accent);margin:0 0 20px;padding:4px 0 4px 20px}.method-example p{font-family:Georgia,Times New Roman,serif;font-size:1.1rem}.method-note{color:var(--muted);margin:0;font-style:italic;line-height:1.6}.method-test{background:var(--panel);border-radius:6px;grid-template-columns:.8fr 1.2fr;gap:36px;margin:56px 0 28px;padding:32px;display:grid}.method-test h3{letter-spacing:-.04em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;line-height:1.1}.method-test p{color:var(--muted);margin:0}.method-test ul{counter-reset:test;margin:0;padding:0;list-style:none}.method-test li{counter-increment:test;border-bottom:1px solid var(--line);gap:14px;padding:12px 0;font-size:1.05rem;display:flex}.method-test li:before{content:counter(test, decimal-leading-zero);color:var(--accent);padding-top:4px;font-size:.75rem}.method-principle{min-height:0;padding:48px 32px}.method-principle p{max-width:900px;margin:0}.about-section{padding-bottom:32px}.about-copy{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px;display:grid}.about-copy p{margin:0;font-size:1.15rem;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:28px 0 8px;display:flex}.site-footer p,.site-footer strong{letter-spacing:-.04em;margin:0;font-size:1.2rem}.site-footer strong{font-weight:700}@media (width<=980px){.site-header{flex-wrap:wrap}.main-nav{order:3;justify-content:flex-start;width:100%}.hero,.problem-block,.detector-layout,.about-copy,.method-step,.method-test{grid-template-columns:1fr}.method-step{gap:16px}.method-index{position:static}.pattern-grid,.framework-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-card{grid-template-columns:1fr}.prompt-side{border-right:none;border-bottom:1px solid var(--soft-line)}}@media (width<=680px){.app-shell{padding:14px 16px 24px}.site-header{padding-top:14px}.brand-text{letter-spacing:.08em}.brand-mark{width:36px;height:36px}.main-nav{gap:10px 14px;font-size:.56rem}.ghost-button,.primary-button,.secondary-button{width:100%}.cta-row{flex-direction:column}.pattern-grid,.framework-grid,.demo-grid,.method-contrast{grid-template-columns:1fr}.method-contrast>div.alt{border-left:none;border-top:1px solid var(--soft-line)}.method-items{columns:1}.method-test{padding:22px}.site-footer{flex-direction:column;align-items:flex-start}}