.product-demo{color:#f4f5f8;background:radial-gradient(circle at 78% 0,#7c8bff1a,#0000 32%),#090b12;width:100%;min-height:138%;font-family:IBM Plex Sans,Inter Variable,Inter,system-ui,sans-serif;font-size:clamp(10px,1.95cqi,13px);line-height:1.45;container-type:inline-size}.product-demo *,.product-demo :before,.product-demo :after{box-sizing:border-box}.product-demo button,.product-demo input,.product-demo textarea{color:inherit;font:inherit}.product-demo button:not(:disabled),.product-demo summary{cursor:pointer}.product-demo button:focus-visible,.product-demo input:focus-visible,.product-demo textarea:focus-visible,.product-demo summary:focus-visible{outline-offset:2px;outline:2px solid #8d99ff}.product-demo__surface{min-height:inherit}.product-demo__chrome{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#9299aa;background:#080a10f0;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;min-height:3.45em;padding:.7em 1.1em;font-size:.82em;font-weight:600;display:grid;position:sticky;top:0;box-shadow:0 .7em 1.8em #0000002e}.product-demo__brand{color:#f1f3f7;letter-spacing:-.03em}.product-demo__chrome-route,.product-demo__chrome-meta{white-space:nowrap;align-items:center;gap:.45em;display:inline-flex}.product-demo__chrome-route{color:#cbd0dc}.product-demo__chrome-route svg{color:#8d99ff;width:1.05em;height:1.05em}.product-demo__chrome-meta{justify-self:end;font-size:.86em}.product-demo__body{min-height:calc(100% + 12em);padding:1.3em}.product-demo__heading{justify-content:space-between;align-items:center;gap:1em;margin-bottom:1.15em;display:flex}.product-demo__heading h4,.product-demo__panel h5{color:#f6f7fa;letter-spacing:-.025em;margin:0;font-weight:650}.product-demo__heading h4{margin-top:.08em;font-size:1.6em}.product-demo__panel h5{margin-top:.25em;font-size:1.22em}.product-demo__eyebrow,.product-demo__label{color:#979eaf;letter-spacing:.08em;text-transform:uppercase;font-size:.72em;font-weight:700}.product-demo__status{color:#b9bfcc;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:.45em;padding:.48em .68em;font-size:.72em;display:inline-flex}.product-demo__status svg{width:1em;height:1em}.product-demo__panel{background:#12151fdb;border:1px solid #ffffff16;border-radius:.85em;box-shadow:0 .8em 2em #0000001f}.product-demo__hint{color:#939aaa;margin:0;font-size:.78em}.product-demo__row{justify-content:space-between;align-items:center;gap:.8em;display:flex}.product-demo__button,.product-demo__button--muted{color:#fff;background:#6f7ce8;border:1px solid #97a2ff57;border-radius:.58em;justify-content:center;align-items:center;gap:.45em;min-height:2.35em;padding:.55em .85em;font-size:.78em;font-weight:650;display:inline-flex}.product-demo__button--muted{color:#aab0bd;background:#ffffff0b;border-color:#ffffff14}.product-demo__segmented{background:#ffffff09;border:1px solid #ffffff14;border-radius:.62em;padding:.26em;display:inline-flex}.product-demo__segmented button{color:#8f96a6;background:0 0;border:0;border-radius:.42em;padding:.42em .72em;font-size:.75em;font-weight:650}.product-demo__segmented button[aria-pressed=true]{color:#f1f3f8;background:#282d41;box-shadow:0 .2em .7em #00000038}.demo-compose__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:.9em;display:grid}.demo-compose__grid>section{padding:1em}.demo-compose textarea{resize:vertical;color:#eef0f5;background:#0c0f17;border:1px solid #ffffff1a;border-radius:.55em;width:100%;min-height:6.2em;margin:.65em 0 .8em;padding:.75em;line-height:1.7;display:block}.demo-compose__result{background:linear-gradient(145deg,#12151ff5,#0f131ef5)}.demo-compose__sentence{color:#eff1f5;margin:.75em 0 .8em;font-size:1.18em;line-height:1.85}.demo-compose__sentence span,.demo-explain blockquote span{border-bottom:.18em solid;padding-bottom:.11em}.product-demo [data-role=topic]{color:var(--role-topic,#e7b45d)}.product-demo [data-role=object]{color:var(--role-object,#ee8b5f)}.product-demo [data-role=modifier]{color:var(--role-modifier,#e8c45c)}.product-demo [data-role=verb]{color:var(--role-verb,#6bc5ad)}.demo-compose__issues{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65em;margin:.9em 0;display:grid}.demo-compose__issues button{color:#b8becc;background:#ffffff09;border:1px solid #ffffff14;border-radius:.6em;justify-content:space-between;align-items:center;min-width:0;padding:.72em .8em;font-size:.75em;font-weight:650;display:flex}.demo-compose__issues button svg{width:1em;height:1em}.demo-compose__issues button[aria-pressed=true]{background:color-mix(in oklab, currentColor 12%, #11151f);border-color:currentColor}.demo-compose__explanation{padding:1em}.demo-compose__explanation p,.demo-learn__lesson p,.demo-tutor__feedback p,.demo-explain__article p{color:#aeb4c1;margin:.5em 0 0;font-size:.86em;line-height:1.58}.demo-scan .product-demo__segmented{margin-bottom:.9em}.demo-scan__document{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8em;display:grid}.demo-scan__document--single{grid-template-columns:minmax(0,1fr)}.demo-scan__page{padding:1em}.demo-scan__page>button,.demo-scan__page>p{color:#c7cbd4;text-align:left;background:0 0;border:1px solid #0000;border-radius:.5em;width:100%;margin:.55em 0 0;padding:.68em;font-family:Newsreader Variable,Newsreader,Georgia,serif;font-size:.92em;line-height:1.55;display:block}.demo-scan__page>button[aria-pressed=true],.demo-scan__page>p[data-active=true]{color:#f3f0ec;background:#ee8b5f14;border-color:#ee8b5f5c}.demo-scan__page>button span{color:#f0ae88;border-bottom:1px dashed #ee8b5f}.demo-scan__lookup{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1em;margin-top:.8em;padding:.9em 1em;display:grid}.demo-scan__lookup h5,.demo-scan__lookup p{margin:0}.demo-scan__lookup p{color:#aeb4c1;font-size:.76em}.demo-scan__lookup button,.demo-learn__actions button,.demo-tutor__feedback button{color:#aeb6ff;background:0 0;border:0;align-items:center;gap:.45em;font-size:.75em;font-weight:650;display:inline-flex}.demo-scan__lookup svg,.demo-learn__actions svg,.demo-tutor__feedback svg{width:1.1em;height:1.1em}.demo-learn__layout,.demo-tutor__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.9em;display:grid}.demo-learn__path{gap:.55em;display:grid}.demo-learn__path button{text-align:left;background:#ffffff06;border:1px solid #ffffff13;border-radius:.65em;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7em;padding:.66em;display:grid}.demo-learn__path button[aria-pressed=true]{background:#69ace817;border-color:#69ace87a}.demo-learn__path button>span:nth-child(2){display:grid}.demo-learn__path small{color:#8991a2;font-size:.68em}.demo-learn__path strong{color:#dfe2e9;font-size:.78em}.demo-learn__path button>svg{color:#7d8495;width:1em;height:1em}.demo-learn__node{color:#b8c5ff;background:#242b3d;border-radius:50%;place-items:center;width:2.15em;height:2.15em;font-size:.74em;font-weight:700;display:grid}.demo-learn__node svg{width:1.1em;height:1.1em}.demo-learn__lesson{padding:1.1em}.demo-learn__progress{background:#292d38;border-radius:999px;height:.42em;margin:1em 0;overflow:hidden}.demo-learn__progress span{border-radius:inherit;background:linear-gradient(90deg,#6aace8,#8d99ff);height:100%;display:block}.demo-learn__actions{justify-content:space-between;align-items:center;gap:.7em;display:flex}.demo-learn__actions .product-demo__button{color:#fff}.demo-learn__evidence{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em;margin-top:.9em;padding:.9em 1em;display:grid}.demo-learn__evidence span{display:grid}.demo-learn__evidence strong{font-size:.77em}.demo-learn__evidence small{color:#8e96a6;font-size:.67em}.demo-tutor__layout{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.demo-tutor__chat,.demo-tutor__feedback{padding:1em}.demo-tutor__chat{flex-direction:column;gap:.58em;display:flex}.demo-tutor__chat>button{color:#d9dce4;text-align:left;background:#171b27;border:1px solid #ffffff14;border-radius:.72em .72em .72em .18em;max-width:78%;padding:.62em .75em;font-size:.82em;line-height:1.45}.demo-tutor__chat>button.is-user{background:#28304a;border-radius:.72em .72em .18em;align-self:flex-end}.demo-tutor__chat>button[aria-pressed=true]{border-color:#6bc5ad}.demo-tutor__chat>button small{color:#8d95a6;margin-bottom:.24em;font-size:.7em;display:block}.demo-tutor__chat form{grid-template-columns:minmax(0,1fr) auto;gap:.45em;margin-top:.35em;display:grid}.demo-tutor__chat input,.demo-explain__search{background:#0c0f17;border:1px solid #ffffff1a;border-radius:.58em}.demo-tutor__chat input{min-width:0;padding:.58em .68em}.demo-tutor__chat form button{background:#6f7ce8;border:0;border-radius:.55em;place-items:center;width:2.35em;display:grid}.demo-tutor__chat form svg{width:1em;height:1em}.demo-tutor__feedback button{margin-top:1em}.demo-explain__search{align-items:center;gap:.55em;margin-bottom:.75em;padding:.65em .72em;display:flex}.demo-explain__search svg{color:#8e96a6;width:1em;height:1em}.demo-explain__search input{background:0 0;border:0;outline:0;flex:1;min-width:0}.demo-explain .product-demo__segmented{margin-bottom:.8em}.demo-explain__article{padding:1.05em}.demo-explain__lead{color:#d2d6df!important;font-size:.92em!important}.demo-explain blockquote{border-left:.24em solid var(--role-particle,#c879b1);color:#e7e9ee;background:#c879b112;margin:.9em 0;padding:.75em .85em;font-family:Newsreader Variable,Newsreader,Georgia,serif;font-size:1.02em}.demo-explain details{border-top:1px solid #ffffff14;padding:.75em 0}.demo-explain summary{color:#d7dae2;font-size:.82em;font-weight:650}.demo-explain details p{padding-right:1em;font-size:.78em}@container (width<=430px){.product-demo__chrome{grid-template-columns:1fr auto}.product-demo__chrome-route{justify-self:end}.product-demo__chrome-meta{display:none}.product-demo__body{padding:1.05em}.product-demo__heading{align-items:flex-start}.product-demo__status{white-space:normal;max-width:44%}.demo-compose__grid,.demo-scan__document,.demo-learn__layout,.demo-tutor__layout,.demo-compose__issues{grid-template-columns:minmax(0,1fr)}.demo-compose__issues button{min-height:3em}.demo-scan__lookup,.demo-learn__evidence{grid-template-columns:minmax(0,1fr)}.demo-tutor__feedback{min-height:10em}}.product-device--phone .product-demo{min-height:154%;font-size:clamp(10px,3.15cqi,12px)}.product-device--phone .product-demo__body{padding-inline:1.15em}.product-device--tablet .product-demo{min-height:145%}