body.try-body{margin:0;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background:var(--color-bg, #faf8f6);color:var(--color-text, #1f2937);overflow-x:hidden}.try-page{max-width:720px;margin:0 auto;padding:0 var(--space-8, 16px)}.try-screen{display:none}.try-screen.active{display:block}.try-section{padding:72px 24px;max-width:1000px;margin:0 auto}.try-section h2{font-size:var(--font-size-heading, 36px);font-weight:800;margin:0 0 10px;color:var(--color-navy, #354B5E);letter-spacing:-.02em}.try-section .try-section-sub{font-size:var(--font-size-md, 16px);color:var(--color-text-muted, #374151);margin:0 0 48px;max-width:560px;line-height:1.6}.try-section-centered h2,.try-section-centered .try-section-sub{text-align:center;margin-left:auto;margin-right:auto}.try-bg-sand{background:var(--color-sand, #F0E6D8)}.try-bg-warm{background:var(--color-gold-pale, #FDF5E9)}.try-bg-navy{background:var(--gradient-section-navy, linear-gradient(180deg, #354B5E 0%, #2C3E50 100%));color:#fff}.try-bg-navy h2{color:#fff}.try-bg-navy .try-section-sub{color:#ffffffb3}.try-divider{width:100%;line-height:0;overflow:hidden;margin-top:-2px;margin-bottom:-2px;position:relative;z-index:1}.try-divider svg{width:100%;height:auto;display:block}.try-divider path{vector-effect:non-scaling-stroke;shape-rendering:crispEdges}.try-divider-to-sand{background:var(--gradient-hero, linear-gradient(135deg, #FDF5E9 0%, #fff7f2 50%, #F0E6D8 100%))}.try-divider-to-sand svg{fill:var(--color-sand, #F0E6D8);stroke:var(--color-sand, #F0E6D8);stroke-width:2}.try-divider-from-sand{background:var(--color-sand, #F0E6D8)}.try-divider-from-sand svg{fill:#fff;stroke:#fff;stroke-width:2}.try-divider-to-warm{background:#fff}.try-divider-to-warm svg{fill:var(--color-gold-pale, #FDF5E9);stroke:var(--color-gold-pale, #FDF5E9);stroke-width:2}.try-divider-from-warm{background:var(--color-gold-pale, #FDF5E9)}.try-divider-from-warm svg{fill:#fff;stroke:#fff;stroke-width:2}.try-divider-warm-to-navy{background:var(--color-gold-pale, #FDF5E9)}.try-divider-warm-to-navy svg{fill:var(--color-navy, #354B5E);stroke:var(--color-navy, #354B5E);stroke-width:2}.try-divider-sand-to-warm{background:var(--color-sand, #F0E6D8)}.try-divider-sand-to-warm svg{fill:var(--color-gold-pale, #FDF5E9);stroke:var(--color-gold-pale, #FDF5E9);stroke-width:2}.try-divider-sand-to-navy{background:var(--color-sand, #F0E6D8)}.try-divider-sand-to-navy svg{fill:var(--color-navy, #354B5E);stroke:var(--color-navy, #354B5E);stroke-width:2}.try-hero-section{background:var(--gradient-hero, linear-gradient(135deg, #FDF5E9 0%, #fff7f2 50%, #F0E6D8 100%));padding:0;position:relative;overflow:hidden;margin-bottom:-1px}.try-hero-inner{display:grid;grid-template-columns:55% 45%;max-width:1200px;margin:0 auto;min-height:480px;align-items:center}.try-hero-content{padding:80px 48px}.try-hero-content h1{font-size:var(--font-size-display, 52px);font-weight:800;line-height:1.08;margin:0 0 20px;color:var(--color-navy, #354B5E);letter-spacing:-.02em}.try-hero-content h1 span{color:var(--color-brand, #dc9435);display:block;margin-top:4px}.try-hero-subtitle{font-size:var(--font-size-lg, 18px);color:var(--color-text-muted, #374151);line-height:1.65;margin:0 0 12px;max-width:520px}.try-trust-line{font-size:var(--font-size-sm, 14px);color:var(--color-text-muted, #374151);font-weight:500;text-transform:none;letter-spacing:normal;margin:0 0 32px;font-style:italic}.try-hero-cta-row{display:flex;gap:14px;flex-wrap:wrap}.try-hero-cta-row a{text-decoration:none;font-size:var(--font-size-md, 16px);font-weight:600;padding:14px 28px;border-radius:var(--radius-lg, 10px);transition:all var(--transition-base, .2s ease)}.try-cta-primary{background:var(--color-brand, #dc9435);color:#fff;box-shadow:var(--shadow-primary, 0 4px 14px rgba(255,138,61,.3))}.try-cta-primary:hover{background:var(--color-brand-hover, #c4842f);transform:translateY(-1px)}.try-cta-secondary{background:#fff;color:var(--color-navy, #354B5E);border:2px solid var(--color-navy, #354B5E)}.try-cta-secondary:hover{background:var(--color-gold-pale, #FDF5E9)}.try-hero-visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center;padding:40px 24px 40px 0}.try-hero-mockup{width:100%;max-width:380px;background:#fff;border-radius:14px;box-shadow:0 12px 40px #354b5e26,0 2px 8px #0000000f;overflow:hidden;border:1px solid rgba(53,75,94,.08);transform:rotate(-1.5deg)}.try-mockup-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #f3f4f6;background:#fafbfc}.try-mockup-badge{background:var(--color-teal, #5B8F8A);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.02em}.try-mockup-dot{width:8px;height:8px;border-radius:50%;background:#10b981;margin-left:auto}.try-mockup-body{padding:20px 20px 16px;background:#fcfdf8}.try-mockup-level-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-teal, #5B8F8A);margin:0 0 4px;font-weight:600;text-align:center}.try-mockup-level-num{font-size:36px;font-weight:800;color:var(--color-navy, #354B5E);margin:0 0 16px;text-align:center;letter-spacing:-.02em}.try-mockup-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:#374151}.try-mockup-row:last-child{margin-bottom:0}.try-mockup-label{width:50px;flex-shrink:0;font-weight:600;color:var(--color-navy, #354B5E);font-size:12px}.try-mockup-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.try-mockup-fill{height:100%;border-radius:4px}.try-mockup-pct{width:32px;text-align:right;font-size:11px;font-weight:600}.try-mockup-footer{display:flex;gap:16px;padding:10px 16px;border-top:1px solid #f3f4f6;background:#fafbfc;font-size:11px;font-weight:600;color:#374151}.try-mockup-stat{display:flex;align-items:center;gap:5px}.try-mockup-stat-dot{width:8px;height:8px}.try-mockup-stat-dot.mastered{background:#10b981;border-radius:50%}.try-mockup-stat-dot.practicing{background:var(--color-brand, #dc9435);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.try-hero-stats{display:flex;flex-wrap:wrap;gap:40px 56px;max-width:1200px;margin:0 auto;padding:40px 48px 64px}.try-stat{display:flex;flex-direction:column}.try-stat-number{font-size:42px;font-weight:800;color:var(--color-navy, #354B5E);line-height:1;letter-spacing:-.02em}.try-stat-label{font-size:var(--font-size-sm, 13px);color:var(--color-text-muted, #374151);margin-top:8px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.try-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:800px;margin:0 auto}.try-step-card{text-align:center;padding:32px 24px;background:#fff;border-radius:var(--radius-3xl, 16px);box-shadow:0 4px 20px #354b5e14;border:1px solid var(--color-sand-dark, #E2D4C2)}.try-step-card .try-step-num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-brand, #dc9435);color:#fff;border-radius:var(--radius-full, 9999px);font-weight:700;font-size:16px;margin-bottom:16px}.try-step-card h3{font-size:17px;font-weight:700;color:var(--color-navy, #354B5E);margin:0 0 8px}.try-step-card p{font-size:14px;color:var(--color-text-muted, #374151);line-height:1.55;margin:0}.try-bg-sand>.try-section+.try-section{padding-top:0}.try-form{background:var(--color-bg-card, #ffffff);border-radius:var(--radius-3xl, 16px);box-shadow:var(--shadow-elevated, 0 8px 30px rgba(53, 75, 94, .12));padding:var(--space-16, 32px);margin:var(--space-16, 32px) auto var(--space-16, 32px);max-width:480px;border:1px solid var(--color-sand-dark, #E2D4C2)}.try-form h2{margin:0 0 var(--space-10, 20px);font-size:var(--font-size-xl, 21px);color:var(--color-navy, #354B5E);font-weight:var(--font-weight-bold, 700)}.try-form-group{margin-bottom:var(--space-8, 16px)}.try-form-group label{display:block;margin-bottom:var(--space-3, 6px);font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary, #374151)}.try-form-group input,.try-form-group select{width:100%;padding:11px var(--space-7, 14px);border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 13px);font-family:inherit;box-sizing:border-box;outline:none;background:var(--color-bg-card, #fff);color:var(--color-text, #1f2937);transition:border-color var(--transition-base, .2s ease)}.try-form-group input:focus,.try-form-group select:focus{border-color:var(--color-teal, #5B8F8A)}.try-form-group input:focus-visible,.try-form-group select:focus-visible{box-shadow:0 0 0 3px #dc94354d}.try-consent{display:flex;align-items:flex-start;gap:var(--space-5, 10px);margin:var(--space-10, 20px) 0}.try-consent input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:var(--color-teal, #5B8F8A)}.try-consent label{font-size:var(--font-size-sm, 13px);color:var(--color-text-muted, #374151);line-height:var(--line-height-normal, 1.5);cursor:pointer}.try-consent label a{color:var(--color-teal, #5B8F8A);text-decoration:underline}.try-consent label a:hover{color:var(--color-navy, #354B5E)}.try-submit{width:100%;padding:var(--space-7, 14px);background:var(--color-brand, #dc9435);color:#fff;border:none;border-radius:var(--radius-lg, 10px);font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-semibold, 600);font-family:inherit;cursor:pointer;transition:all var(--transition-base, .2s ease);box-shadow:var(--shadow-primary-sm, 0 4px 12px rgba(255, 138, 61, .15))}.try-submit:hover{background:var(--color-brand-hover, #c4842f);transform:translateY(-1px)}.try-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.try-error{color:var(--color-error, #dc2626);background:var(--color-error-light, #fee2e2);padding:var(--space-5, 10px) var(--space-7, 14px);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 13px);margin-top:var(--space-6, 12px);display:none}.try-recaptcha{font-size:var(--font-size-xs, 11px);color:var(--color-text-placeholder, #9ca3af);margin-top:var(--space-6, 12px);text-align:center}.try-back-link{text-align:center;margin-top:var(--space-8, 16px)}.try-back-link a{font-size:var(--font-size-sm, 13px);color:var(--color-text-muted, #374151);text-decoration:none}.try-back-link a:hover{color:var(--color-navy, #354B5E)}.try-other-input{width:100%;padding:10px 14px;border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);font-family:inherit;margin-top:var(--space-4, 8px);transition:border-color .2s;box-sizing:border-box}.try-other-input:focus{outline:none;border-color:var(--color-brand, #dc9435)}.try-other-input:focus-visible{box-shadow:0 0 0 3px #dc94354d}.try-btn-primary{display:inline-block;padding:14px 28px;background:var(--color-brand, #dc9435);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s ease;box-shadow:0 4px 14px #dc94354d}.try-btn-primary:hover{background:var(--color-brand-hover, #c4842f);transform:translateY(-1px)}.try-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.try-loading{text-align:center;padding:80px var(--space-10, 20px)}.try-loading h2{color:var(--color-navy, #354B5E);margin:0 0 var(--space-6, 12px);font-size:var(--font-size-xl, 21px)}.try-loading p{color:var(--color-text-muted, #374151);font-size:var(--font-size-sm, 13px);line-height:var(--line-height-relaxed, 1.6);max-width:360px;margin:0 auto}.try-spinner{width:48px;height:48px;border:4px solid var(--color-border, #e5e7eb);border-top-color:var(--color-brand, #dc9435);border-radius:var(--radius-full, 9999px);animation:trySpin .8s linear infinite;margin:0 auto var(--space-12, 24px)}@keyframes trySpin{to{transform:rotate(360deg)}}.try-flashcard-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;max-width:600px;margin:0 auto;width:100%;min-height:calc(100vh - 160px)}.try-flashcard-header{text-align:center;margin-bottom:24px}.try-flashcard-title{font-size:1.5rem;font-weight:600;color:var(--color-text, #1f2937);margin:8px 0 6px}.try-flashcard-subtitle{font-size:14px;color:var(--color-text-muted, #374151);max-width:420px;margin:0 auto;line-height:1.5}.try-story-badge{display:inline-block;background:var(--color-navy, #354B5E);color:#fff;padding:3px var(--space-5, 10px);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-bold, 700);margin-bottom:var(--space-4, 8px);letter-spacing:.02em}.try-reveal-hero{background:var(--gradient-hero, linear-gradient(135deg, #FDF5E9 0%, #fff7f2 50%, #F0E6D8 100%));padding:0;margin-bottom:-1px}.try-level-reveal{text-align:center;padding:72px var(--space-10, 20px) 48px;max-width:500px;margin:0 auto}.try-level-reveal-badge{display:inline-block;font-size:var(--font-size-xs, 11px);font-weight:var(--font-weight-bold, 700);text-transform:uppercase;letter-spacing:.1em;color:var(--color-teal, #5B8F8A);margin-bottom:var(--space-10, 20px)}.try-level-reveal-label{font-size:var(--font-size-base, 15px);color:var(--color-text-muted, #374151);margin:0 0 var(--space-4, 8px);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.06em}.try-level-reveal-number{font-size:72px;font-weight:800;color:var(--color-navy, #354B5E);margin:0 0 var(--space-12, 24px);line-height:1;letter-spacing:-.03em}.try-level-reveal-desc{font-size:var(--font-size-base, 15px);color:var(--color-text-muted, #374151);line-height:var(--line-height-relaxed, 1.6);margin:0 0 var(--space-16, 32px);max-width:420px;margin-left:auto;margin-right:auto;background:var(--color-gold-pale, #FDF5E9);padding:var(--space-8, 16px) var(--space-10, 20px);border-radius:var(--radius-xl, 12px);border:1px solid var(--color-sand-dark, #E2D4C2)}.try-level-detail{margin-top:var(--space-12, 24px)}.try-level-detail-intro{font-size:var(--font-size-base, 15px);color:var(--color-text, #1f2937);line-height:var(--line-height-relaxed, 1.6);margin-bottom:var(--space-10, 20px)}.try-level-breakdown-card{background:var(--color-bg-card, #fff);border-radius:var(--radius-xl, 12px);padding:var(--space-8, 16px) var(--space-10, 20px);margin-bottom:var(--space-6, 12px);box-shadow:var(--shadow-soft, 0 2px 16px rgba(53, 75, 94, .06));border:1px solid var(--color-border-light, #f3f4f6)}.try-level-breakdown-card h4{font-size:var(--font-size-base, 15px);color:var(--color-navy, #354B5E);margin:0 0 var(--space-2, 4px);font-weight:var(--font-weight-bold, 700)}.try-level-breakdown-card .try-level-card-desc{font-size:var(--font-size-sm, 13px);color:var(--color-text-muted, #374151);margin:0 0 var(--space-4, 8px);line-height:var(--line-height-normal, 1.5)}.try-level-pattern-list{display:flex;flex-wrap:wrap;gap:var(--space-3, 6px)}.try-level-pattern-tag{background:var(--color-success-light, #d1fae5);color:var(--color-success-dark, #059669);font-size:12px;font-weight:var(--font-weight-medium, 500);padding:3px 10px;border-radius:var(--radius-full, 9999px);display:inline-block}.try-level-pattern-tag .try-tag-examples{color:var(--color-text-muted, #374151);font-weight:400;font-style:italic}.try-reveal-section{margin-bottom:var(--space-10, 20px)}.try-reveal-section-title{font-size:var(--font-size-md, 16px);font-weight:var(--font-weight-bold, 700);margin:0 0 var(--space-4, 8px)}.try-reveal-section-title.mastered{color:var(--color-success-dark, #059669)}.try-reveal-section-title.focus{color:var(--color-brand, #dc9435)}.try-reveal-section-desc{font-size:var(--font-size-sm, 13px);color:var(--color-text-muted, #374151);margin:0 0 var(--space-4, 8px);line-height:var(--line-height-normal, 1.5)}.try-level-breakdown-card.known{border-left:4px solid var(--color-success, #10b981)}.try-level-breakdown-card.focus{border-left:4px solid var(--color-brand, #dc9435);background:var(--color-gold-pale, #FDF5E9)}.try-level-pattern-tag.known{background:var(--color-success-light, #d1fae5);color:var(--color-success-dark, #059669)}.try-level-pattern-tag.focus{background:#fef3c7;color:#92400e}.try-level-next{background:transparent;border:none;border-radius:0;padding:0;margin-top:0}.try-level-next h3{font-size:var(--font-size-md, 16px);color:var(--color-navy, #354B5E);margin:0 0 var(--space-4, 8px)}.try-level-next p{font-size:var(--font-size-sm, 14px);color:var(--color-text, #1f2937);line-height:var(--line-height-relaxed, 1.6);margin:0}.try-topic-selection{text-align:center;padding:48px var(--space-10, 20px);max-width:540px;margin:0 auto}.try-topic-selection h2{font-size:var(--font-size-2xl, 24px);color:var(--color-navy, #354B5E);font-weight:var(--font-weight-bold, 700);margin:0 0 var(--space-4, 8px)}.try-topic-selection>p{font-size:var(--font-size-base, 15px);color:var(--color-text-muted, #374151);margin:0 0 var(--space-16, 32px);line-height:var(--line-height-normal, 1.5)}.try-topic-label{display:block;font-size:15px;font-weight:600;color:var(--color-text-secondary, #374151);margin-bottom:8px;text-align:left}.try-topic-textarea{width:100%;padding:12px 14px;border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);font-family:inherit;line-height:1.5;resize:vertical;box-sizing:border-box;color:var(--color-text, #1f2937);background:var(--color-bg-card, #fff);transition:border-color var(--transition-base, .2s ease);margin-bottom:8px}.try-topic-textarea:focus{outline:none;border-color:var(--color-teal, #5B8F8A)}.try-topic-textarea:focus-visible{box-shadow:0 0 0 3px #dc94354d}.try-topic-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-16, 32px);align-items:center}.try-topic-chips-label{font-size:12px;color:var(--color-text-placeholder, #9ca3af);margin-right:4px;line-height:28px}.try-topic-chip{background:#fff7f2;border:1px solid #f5d9b8;color:#9a6218;font-size:12px;font-weight:500;padding:4px 12px;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .15s}.try-topic-chip:hover{background:var(--color-brand, #dc9435);color:#fff;border-color:var(--color-brand, #dc9435)}.try-topic-selection .try-btn-primary{min-width:220px}.text-size-label{font-size:12px;color:#666;font-weight:600}.try-text-size-btn{background:#fff;border:2px solid #e0e0e0;color:#666;width:32px;height:32px;border-radius:6px;cursor:pointer;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}.try-text-size-btn:hover{background:#f5f5f5}.try-text-size-display{font-size:12px;color:#666;font-weight:600;min-width:40px;text-align:center}.results-container{max-width:1200px;margin:24px auto;padding:0 20px}.results-header{text-align:center;margin-bottom:30px}.results-grid{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:30px;align-items:start}.story-panel{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.scope-panel{overflow:hidden;overflow-wrap:break-word}.scope-panel .subscope-toggle-row label strong{white-space:normal;overflow-wrap:break-word}.scope-panel .subscope-word-list{overflow-wrap:break-word}.story-text{padding:20px;border-radius:8px;line-height:1.8;font-size:17px;margin-bottom:20px}.comprehension{background:#fef5f0;padding:20px;border-radius:8px}.comprehension h3{color:var(--color-navy, #354B5E);font-size:16px}@media(max-width:900px){.results-grid{grid-template-columns:1fr}}.try-results-hero{background:var(--gradient-hero, linear-gradient(135deg, #FDF5E9 0%, #fff7f2 50%, #F0E6D8 100%));padding:56px 24px 48px;margin-bottom:-1px}.try-results-reassurance{background:#ffffffb3;backdrop-filter:blur(4px);border:1px solid var(--color-sand-dark, #E2D4C2);border-radius:var(--radius-xl, 12px);padding:var(--space-8, 16px) var(--space-10, 20px);margin:0 auto var(--space-12, 24px);max-width:640px}.try-results-reassurance p{margin:0;font-size:var(--font-size-sm, 14px);color:var(--color-navy, #354B5E);line-height:var(--line-height-relaxed, 1.6);font-weight:var(--font-weight-medium, 500)}.try-results-section-intro{font-size:var(--font-size-sm, 13px);color:var(--color-text-muted, #374151);margin:0 0 var(--space-6, 12px);line-height:var(--line-height-normal, 1.5)}.try-results-level{text-align:center;background:transparent;border:none;border-radius:0;padding:var(--space-12, 24px) var(--space-12, 24px) 0;margin:0 auto;max-width:500px}.try-results-level-label{font-size:var(--font-size-xs, 11px);text-transform:uppercase;letter-spacing:.1em;color:var(--color-teal, #5B8F8A);margin:0 0 var(--space-2, 4px);font-weight:var(--font-weight-semibold, 600)}.try-results-level-num{font-size:52px;font-weight:800;color:var(--color-navy, #354B5E);margin:0 0 var(--space-4, 8px);letter-spacing:-.02em}.try-results-level-desc{font-size:var(--font-size-sm, 13px);color:var(--color-text-muted, #374151);line-height:var(--line-height-relaxed, 1.6);max-width:420px;margin:0 auto}.try-results-section{background:var(--color-bg-card, #fff);border-radius:var(--radius-xl, 12px);padding:var(--space-10, 20px);margin-bottom:var(--space-8, 16px);box-shadow:var(--shadow-soft, 0 2px 16px rgba(53, 75, 94, .06));border:1px solid var(--color-border-light, #f3f4f6)}.try-results-section h3{margin:0 0 var(--space-6, 12px);font-size:var(--font-size-md, 16px)}.try-results-section.struggled h3{color:var(--color-error, #dc2626)}.try-results-section.mastered h3{color:var(--color-success-dark, #059669)}.try-pattern-card{padding:var(--space-6, 12px) var(--space-8, 16px);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 8px)}.try-pattern-card.mastered{background:var(--color-success-light, #d1fae5)}.try-pattern-card.struggled{background:var(--color-error-light, #fee2e2)}.try-pattern-card-name{font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-base, 15px);margin:0 0 var(--space-2, 4px)}.try-pattern-card.mastered .try-pattern-card-name{color:var(--color-success-dark, #059669)}.try-pattern-card.struggled .try-pattern-card-name{color:var(--color-error, #dc2626)}.try-pattern-card-words{font-size:var(--font-size-sm, 13px);color:var(--color-text, #1f2937);margin:0;line-height:var(--line-height-normal, 1.5)}.try-pattern-card-words strong{font-weight:var(--font-weight-semibold, 600)}.try-results-section.activities h3{color:var(--color-navy, #354B5E)}.try-activity-item{padding:var(--space-5, 10px) var(--space-8, 16px);background:var(--color-gold-pale, #FDF5E9);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 8px);font-size:var(--font-size-sm, 14px);color:var(--color-text, #1f2937);line-height:var(--line-height-relaxed, 1.6)}.try-email-notice{display:flex;align-items:center;gap:var(--space-5, 10px);padding:var(--space-8, 16px);background:var(--color-gold-pale, #FDF5E9);border:1px solid var(--color-sand-dark, #E2D4C2);border-radius:var(--radius-md, 8px);margin:var(--space-12, 24px) 0;font-size:var(--font-size-sm, 13px);color:var(--color-navy, #354B5E)}.try-bottom-cta{text-align:center;padding:0;max-width:600px;margin:0 auto}.try-bottom-cta h3{font-size:var(--font-size-heading, 36px);font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-.01em}.try-bottom-cta p{font-size:var(--font-size-md, 16px);color:#ffffffb3;max-width:480px;margin:0 auto 28px;line-height:1.6}.try-bottom-cta-btn{display:inline-block;padding:14px 32px;background:var(--color-brand, #dc9435);color:#fff;border-radius:var(--radius-lg, 10px);text-decoration:none;font-weight:600;font-size:var(--font-size-md, 16px);transition:all var(--transition-base, .2s ease)}.try-bottom-cta-btn:hover{background:var(--color-brand-hover, #c4842f);transform:translateY(-1px)}.try-bottom-cta-note{font-size:var(--font-size-caption, 12px);color:#ffffff80;margin:12px 0 0}.try-faq-list{width:min(680px,calc(100vw - 48px));margin:0 auto;text-align:left;padding:0}.try-faq-item{border-bottom:1px solid var(--color-sand-dark, #E2D4C2)}.try-faq-q{width:100%;padding:22px 0;background:none;border:none;font-size:var(--font-size-lg, 18px);font-weight:600;color:var(--color-text, #1f2937);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:inherit;gap:16px;box-sizing:border-box}.try-faq-q:hover{color:var(--color-navy, #354B5E)}.try-faq-arrow{font-size:12px;color:var(--color-text-placeholder, #9ca3af);transition:transform var(--transition-base, .2s ease);flex-shrink:0}.try-faq-item.open .try-faq-arrow{transform:rotate(180deg)}.try-faq-a{display:none;padding:0 28px 22px 0;font-size:var(--font-size-base, 15px);color:var(--color-text-muted, #374151);line-height:1.7}.try-faq-item.open .try-faq-a{display:block}.try-faq-a a{color:var(--color-teal, #5B8F8A);text-decoration:underline}.try-faq-a a:hover{color:var(--color-navy, #354B5E)}@media(max-width:1024px){.try-hero-inner{grid-template-columns:1fr 40%}.try-hero-content{padding:60px 32px}.try-hero-content h1{font-size:42px}.try-hero-visual{padding:32px 16px 32px 0}.try-hero-mockup{max-width:320px}.try-hero-stats{gap:32px 40px;padding:32px 32px 56px}.try-stat-number{font-size:36px}.try-section{padding:56px 24px}.try-bottom-cta h3{font-size:30px}}@media(max-width:768px){.try-hero-inner{grid-template-columns:1fr;min-height:auto}.try-hero-content{padding:48px 24px 24px}.try-hero-content h1{font-size:var(--font-size-display-sm, 36px)}.try-hero-visual{padding:0 24px 32px}.try-hero-mockup{max-width:100%;transform:rotate(0)}.try-hero-stats{padding:24px 24px 48px;gap:24px 32px}.try-stat-number{font-size:32px}.try-section{padding:48px 20px}.try-section h2{font-size:28px}.try-section .try-section-sub{margin-bottom:36px}.try-steps-grid{grid-template-columns:1fr;max-width:400px;gap:16px}.try-step-card{padding:24px 20px}.try-form{padding:var(--space-12, 24px)}.try-topic-chip{padding:8px 16px;font-size:13px}.try-level-reveal{padding:48px var(--space-8, 16px)}.try-level-reveal-number{font-size:60px}.try-flashcard-container{padding:20px 16px}.try-faq-q{font-size:var(--font-size-md, 16px);padding:18px 0}.try-faq-a{font-size:14px;padding-bottom:18px}.try-bottom-cta h3{font-size:26px}.try-results-hero{padding:48px 20px 40px}}@media(max-width:480px){.try-hero-content{padding:36px 16px 20px}.try-hero-content h1{font-size:28px}.try-hero-subtitle{font-size:14px}.try-hero-visual{padding:0 16px 24px}.try-hero-cta-row{flex-direction:column}.try-hero-cta-row a{text-align:center}.try-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;padding:24px 16px 36px;text-align:center;justify-items:center}.try-stat{align-items:center}.try-stat-number{font-size:28px}.try-stat-label{font-size:11px}.try-section{padding:36px 16px}.try-section h2{font-size:24px}.try-section .try-section-sub{font-size:14px;margin-bottom:28px}.try-steps-grid{gap:12px}.try-step-card{padding:20px 16px}.try-step-card h3{font-size:15px}.try-step-card p{font-size:13px}.try-form{padding:var(--space-10, 20px)}.try-topic-chip{padding:8px 14px;font-size:12px}.try-level-reveal-number{font-size:48px}.try-level-reveal{padding:36px var(--space-8, 16px)}.try-level-reveal-desc{padding:var(--space-6, 12px) var(--space-8, 16px)}.try-results-hero{padding:36px 16px 28px}.try-results-level-num{font-size:42px}.try-bottom-cta h3{font-size:22px}.try-bottom-cta p{font-size:14px}.try-bottom-cta-btn{width:100%;box-sizing:border-box;text-align:center}.try-flashcard-container{padding:16px 12px;min-height:calc(100vh - 120px)}.try-flashcard-title{font-size:1.25rem}.try-faq-q{font-size:15px;padding:16px 0}.try-faq-a{font-size:13px}}[data-theme=dark] body.try-body{background:var(--color-bg);color:var(--color-text)}[data-theme=dark] .try-hero-section{background:var(--gradient-hero)}[data-theme=dark] .try-hero-content h1{color:var(--color-text)}[data-theme=dark] .try-hero-subtitle{color:var(--color-text-muted)}[data-theme=dark] .try-cta-secondary{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .try-cta-secondary:hover{background:var(--color-bg-subtle)}[data-theme=dark] .try-hero-mockup{background:var(--color-bg-card);border-color:var(--color-border);box-shadow:0 12px 40px #0000004d}[data-theme=dark] .try-mockup-header{background:var(--color-bg-subtle);border-bottom-color:var(--color-border)}[data-theme=dark] .try-mockup-body{background:var(--color-bg-card)}[data-theme=dark] .try-mockup-level-num,[data-theme=dark] .try-mockup-label{color:var(--color-text)}[data-theme=dark] .try-mockup-bar{background:var(--color-bg-subtle)}[data-theme=dark] .try-mockup-footer{background:var(--color-bg-subtle);border-top-color:var(--color-border);color:var(--color-text-placeholder)}[data-theme=dark] .try-stat-number{color:var(--color-text)}[data-theme=dark] .try-stat-label{color:var(--color-text-muted)}[data-theme=dark] .try-step-card{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .try-step-card h3{color:var(--color-text)}[data-theme=dark] .try-divider-to-sand{background:var(--gradient-hero)}[data-theme=dark] .try-divider-to-sand svg{fill:var(--color-sand);stroke:var(--color-sand)}[data-theme=dark] .try-divider-from-sand{background:var(--color-sand)}[data-theme=dark] .try-divider-from-sand svg{fill:var(--color-bg);stroke:var(--color-bg)}[data-theme=dark] .try-divider-to-warm{background:var(--color-bg)}[data-theme=dark] .try-divider-to-warm svg{fill:var(--color-gold-pale);stroke:var(--color-gold-pale)}[data-theme=dark] .try-divider-from-warm{background:var(--color-gold-pale)}[data-theme=dark] .try-divider-from-warm svg{fill:var(--color-bg);stroke:var(--color-bg)}[data-theme=dark] .try-divider-warm-to-navy{background:var(--color-gold-pale)}[data-theme=dark] .try-divider-warm-to-navy svg{fill:var(--color-navy);stroke:var(--color-navy)}[data-theme=dark] .try-divider-sand-to-warm{background:var(--color-sand)}[data-theme=dark] .try-divider-sand-to-warm svg{fill:var(--color-gold-pale);stroke:var(--color-gold-pale)}[data-theme=dark] .try-divider-sand-to-navy{background:var(--color-sand)}[data-theme=dark] .try-divider-sand-to-navy svg{fill:var(--color-navy);stroke:var(--color-navy)}[data-theme=dark] .try-bg-sand{background:var(--color-sand)}[data-theme=dark] .try-bg-warm{background:var(--color-gold-pale)}[data-theme=dark] .try-bg-navy{background:var(--gradient-section-navy)}[data-theme=dark] .try-faq-item{border-bottom-color:var(--color-border)}[data-theme=dark] .try-faq-q{color:var(--color-text)}[data-theme=dark] .try-faq-q:hover{color:var(--color-teal-light)}[data-theme=dark] .try-faq-arrow{color:var(--color-text-placeholder)}[data-theme=dark] .try-faq-a{color:var(--color-text-muted)}[data-theme=dark] .try-faq-a a{color:var(--color-teal)}[data-theme=dark] .try-faq-a a:hover{color:var(--color-teal-light)}[data-theme=dark] .try-form{background:var(--color-bg-card);border-color:var(--color-border);box-shadow:var(--shadow-navy)}[data-theme=dark] .try-form h2{color:var(--color-text)}[data-theme=dark] .try-form-group label{color:var(--color-text-secondary)}[data-theme=dark] .try-consent label{color:var(--color-text-muted)}[data-theme=dark] .try-consent label a{color:var(--color-teal)}[data-theme=dark] .try-flashcard-title{color:var(--color-text)}[data-theme=dark] .try-flashcard-subtitle{color:var(--color-text-muted)}[data-theme=dark] .try-story-badge{background:var(--color-navy)}[data-theme=dark] .try-reveal-hero{background:var(--gradient-hero)}[data-theme=dark] .try-level-reveal-number{color:var(--color-text)}[data-theme=dark] .try-level-reveal-desc{background:var(--color-bg-subtle);border-color:var(--color-border)}[data-theme=dark] .try-level-breakdown-card{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .try-level-breakdown-card h4{color:var(--color-text)}[data-theme=dark] .try-level-pattern-tag{background:#05966926}[data-theme=dark] .try-level-next h3{color:var(--color-text)}[data-theme=dark] .try-level-next p{color:var(--color-text-muted)}[data-theme=dark] .try-topic-selection h2{color:var(--color-text)}[data-theme=dark] .try-topic-textarea{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .try-topic-label{color:var(--color-text-secondary)}[data-theme=dark] .try-topic-chip{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .try-topic-chip:hover{background:var(--color-bg-subtle);border-color:var(--color-teal-muted)}[data-theme=dark] .try-results-hero{background:var(--gradient-hero)}[data-theme=dark] .try-results-reassurance{background:#1e293bb3;border-color:var(--color-border)}[data-theme=dark] .try-results-reassurance p,[data-theme=dark] .try-results-level-num{color:var(--color-text)}[data-theme=dark] .try-results-section{background:var(--color-bg-card);border-color:var(--color-border);box-shadow:var(--shadow-navy)}[data-theme=dark] .try-pattern-card.mastered{background:#0596691a}[data-theme=dark] .try-pattern-card.struggled{background:#dc26261a}[data-theme=dark] .try-pattern-card-words{color:var(--color-text-muted)}[data-theme=dark] .try-activity-item{background:var(--color-bg-subtle);color:var(--color-text)}[data-theme=dark] .try-email-notice{background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .try-loading h2{color:var(--color-text)}[data-theme=dark] .try-back-link a{color:var(--color-text-muted)}[data-theme=dark] .try-back-link a:hover{color:var(--color-text)}[data-a11y=high-contrast] .try-mockup-status-dot,[data-a11y=high-contrast] .try-mockup-stat-dot.mastered{background:#2563eb}[data-a11y=high-contrast] .try-error{color:var(--color-error, #be185d);background:var(--color-error-light, #fce7f3)}[data-a11y=high-contrast] .try-level-pattern-tag,[data-a11y=high-contrast] .try-level-pattern-tag.known{background:var(--color-success-light, #dbeafe);color:var(--color-success-dark, #1d4ed8)}[data-a11y=high-contrast] .try-reveal-section-title.mastered{color:var(--color-success-dark, #1d4ed8)}[data-a11y=high-contrast] .try-level-breakdown-card.known{border-left-color:var(--color-success, #2563eb)}[data-a11y=high-contrast] .try-results-section.struggled h3{color:var(--color-error, #be185d)}[data-a11y=high-contrast] .try-results-section.mastered h3{color:var(--color-success-dark, #1d4ed8)}[data-a11y=high-contrast] .try-pattern-card.mastered{background:var(--color-success-light, #dbeafe)}[data-a11y=high-contrast] .try-pattern-card.struggled{background:var(--color-error-light, #fce7f3)}[data-a11y=high-contrast] .try-pattern-card.mastered .try-pattern-card-name{color:var(--color-success-dark, #1d4ed8)}[data-a11y=high-contrast] .try-pattern-card.struggled .try-pattern-card-name{color:var(--color-error, #be185d)}[data-theme=dark][data-a11y=high-contrast] .try-pattern-card.mastered{background:#2563eb1a}[data-theme=dark][data-a11y=high-contrast] .try-pattern-card.struggled{background:#be185d1a}[data-theme=dark][data-a11y=high-contrast] .try-level-pattern-tag{background:#2563eb26}.try-mockup-fill-success{background:var(--color-success)}.try-mockup-fill-brand{background:var(--color-brand)}@media print{.try-public-header,.global-footer,.action-buttons,.story-controls,.focus-mode-toggle,.word-legend,.scope-panel,.try-story-badge,.text-size-controls-bg,.text-size-label,.cookie-consent-banner{display:none!important}#screenStory{display:block!important}.try-screen:not(#screenStory){display:none!important}.results-grid{display:block!important}.story-panel{box-shadow:none!important;padding:0!important}.story-text{border:none!important;padding:0!important;font-size:14pt!important;line-height:1.8!important}body.try-body{background:#fff!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
