:root{--navy:#0f172a;--blue:#0284c7;--ice:#e0f2fe;--bg:#f8fafc;--muted:#64748b;--line:#e2e8f0;--font:'Source Sans 3',ui-sans-serif,system-ui,sans-serif;--font-heading:var(--font);color:var(--navy);font-family:var(--font);font-synthesis:none;background:var(--bg)}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.6}
a{color:inherit;text-decoration:none}
button{color:inherit}
button,i,a{flex-shrink:0}
button{border:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}
textarea:focus-visible{outline-offset:-3px}
button{transition:background-color .15s,color .15s}
p,h1,h2,h3{margin:0}
h1,h2,h3,h4,.brand strong{font-family:var(--font-heading)}
i.bi{display:inline-block;line-height:1;font-size:20px}
button i.bi{pointer-events:none}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;padding:12px;background:var(--navy);color:white;z-index:100}
.skip-link:focus{top:8px}
.site-header{min-height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(32px,calc((100% - 1176px)/2));}
.brand{display:flex;gap:11px;align-items:center}
.brand img{border-radius:10px}
.brand strong{font-size:25px;letter-spacing:-.6px;line-height:1.1}
.brand-dot{color:var(--blue)}
.brand small{display:block;font-size:16px;letter-spacing:.25px;color:var(--muted);margin-top:4px}
.site-header nav{position:relative;display:flex;align-self:center;gap:6px}
.site-header nav a{font-size:18px;display:flex;align-items:center;position:relative;color:#475569;font-weight:500;white-space:nowrap;padding:11px 14px;border-radius:7px}
.site-header nav a:hover{color:var(--navy)}
.site-header nav a[aria-current=page]{color:var(--navy);background:#eef2f6;font-weight:600}
.header-note{font-size:18px;display:flex;align-items:center;gap:8px;color:var(--muted)}
main{max-width:1240px;margin:0 auto;padding:0 32px;min-height:calc(100vh - 190px)}
.view{padding:42px 0 30px}
.page-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}
h1{font-size:42px;line-height:1.18;letter-spacing:-.5px;font-weight:600}
.page-intro h1+p{color:var(--muted);font-size:20px;margin-top:9px}
.button{min-height:48px;padding:10px 18px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:1.2}
.primary{background:var(--navy);color:white;box-shadow:0 2px 2px #0f172a12}
.primary:hover:not(:disabled){background:#1e3a5f}
.outline{background:white;border:1px solid var(--line)}
.outline:hover:not(:disabled){background:var(--bg)}
.quiet{background:transparent;border:1px solid var(--line);font-weight:500;color:#475569}
.quiet:hover{background:white}
.count-badge{font-size:16px;padding:3px 6px;background:#e9eef4;border-radius:4px;min-width:20px;text-align:center}
.workspace{background:white;border:1px solid #dbe3eb;border-radius:12px;box-shadow:0 5px 20px #0f172a04;overflow:hidden}
.workspace-toolbar{flex-wrap:wrap;display:flex;min-height:62px;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line)}
.modes{position:relative;min-width:0;display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:thin}
.toolbar-label{font-size:18px;color:var(--muted);margin-right:12px}
.modes button{position:relative;z-index:1;font-size:18px;border-radius:5px;padding:8px 12px;background:transparent;font-weight:500;color:#64748b;white-space:nowrap}
.modes button:hover{background:var(--bg)}
.modes button[aria-pressed=true]{background:transparent;color:#075985;font-weight:600}
.language{display:flex;align-items:center;gap:7px;padding-left:15px;border-left:1px solid var(--line);color:#475569}
.language i{font-size:18px}
.language select{max-width:150px;border:0;background:white;color:inherit;font-size:18px;cursor:pointer;padding:5px}
.editor-grid{display:grid;grid-template-columns:1fr 1fr}
.editor-pane{min-width:0;display:flex;flex-direction:column}
.input-pane{border-right:1px solid var(--line)}
.pane-heading{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:12px 24px;font-size:18px;font-weight:600;color:#475569}
.icon-button{width:40px;height:40px;border-radius:5px;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#64748b}
.icon-button:hover:not(:disabled){background:#eef3f8;color:var(--navy)}
.icon-button i{font-size:20px}
.input-area{position:relative;min-height:310px;display:flex;flex:1;flex-direction:column}
#source{display:block;resize:none;width:100%;height:310px;min-height:310px;border:0;padding:12px 26px 20px;background:transparent;line-height:1.8;font-size:20px;color:var(--navy);font-family:var(--font)}
textarea::placeholder{color:#52657b;opacity:1}
#input-starters{position:absolute;top:114px;left:26px;right:26px;display:flex;flex-wrap:wrap;gap:12px;font-size:16px;color:#52657b;align-items:center}
#input-starters>span{width:100%}
.text-button{background:transparent;display:flex;align-items:center;gap:6px;color:#52677e;border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-size:16px;cursor:pointer}
.text-button i{font-size:18px}
.text-button:hover{background:var(--bg)}
.upload-label:focus-within{outline:3px solid #38bdf8;outline-offset:3px}
.pane-bottom{flex-wrap:wrap;min-height:80px;padding:14px 24px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#52657b;font-size:16px}
.result-actions{display:flex;align-items:center;gap:8px}
.output-pane{background:#f6faff}
.local-badge{font-size:16px;font-weight:400;display:flex;align-items:center;gap:6px;color:#64748b;border:1px solid #e2e8f0;border-radius:20px;padding:4px 8px}
.result-area{flex:1;min-height:310px;position:relative;display:flex;flex-direction:column}
#result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:310px;padding:20px}
.empty-symbol{background:#eaf3fa;border:1px solid #dfebf5;border-radius:12px;color:#43799f;width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px}
.empty-symbol i{font-size:25px}
#result-empty h2{font-family:var(--font-heading);font-weight:600;font-size:22px;color:#52687e}
#result-empty p{font-size:18px;line-height:1.7;color:#52657b;margin-top:8px}
.result-text{white-space:pre-wrap;overflow-wrap:anywhere;height:310px;overflow:auto;font-family:var(--font);font-size:20px;line-height:1.8;padding:12px 26px 20px}
.result-text mark{background:#dff0fb;color:#0c5d8b;border-radius:2px;padding:1px 0}
.result-note{min-height:20px;font-size:16px;line-height:1.4;color:#64748b;padding:0 24px}
.field-error{color:#b42318;font-size:16px;min-height:20px;padding:0 24px}
.workspace-foot{border-top:1px solid var(--line);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;font-size:16px;color:#52657b;gap:12px}
.workspace-foot>span{display:flex;align-items:center;gap:7px}
.workspace-foot i{font-size:18px}
.highlight-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}
.highlight-toggle input{accent-color:var(--blue);width:17px;height:17px;margin:0}
.mode-notice{display:flex;gap:10px;align-items:start;margin:17px 2px 0;color:#52657b;font-size:16px;line-height:1.65;max-width:970px}
.mode-notice>i{font-size:18px;margin-top:3px}
.mode-notice strong{font-weight:600;color:#596d82}
.bottom-link{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:center;gap:8px;font-size:16px;color:#52657b}
.bottom-link a{color:#0369a1;font-weight:600}
.bottom-link i{font-size:16px}
.site-footer{max-width:1240px;margin:15px auto 0;padding:24px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#52657b;font-size:16px;border-top:1px solid var(--line)}
.site-footer strong{font-size:16px;color:#63748a;letter-spacing:.5px}
.footer-tagline{margin-left:12px}
.site-footer i{font-size:16px}
.home-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:24px 0 56px}
.home-hero h1,.about-intro h1{font-size:54px;letter-spacing:-1px;line-height:1.12}
.home-hero p{font-size:20px;line-height:1.7;color:#64748b;max-width:430px;margin:22px 0}
.home-hero .primary{margin:5px 0 10px}
.home-caption{display:block;font-size:16px;color:#52657b}
.paper-preview{padding:34px;background:white;border:1px solid var(--line);box-shadow:12px 12px 0 #e7f1f8;border-radius:4px}
.paper-label,.paper-footer{font-size:16px;color:#52657b}
.paper-preview p{font-family:var(--font)!important;font-size:24px!important}
.paper-preview .before-text{color:#64748b!important}
.paper-preview .after-text{color:#23425e!important}
.paper-preview mark{background:#e0f2fe;color:inherit}
.paper-preview>i{color:#0284c7}
.paper-footer{display:block;border-top:1px solid var(--line);padding-top:16px}
.comparison-form{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}
.compare-grid{display:grid;grid-template-columns:1fr 1fr}
.compare-grid label{padding:23px;font-size:18px;font-weight:600}
.compare-grid label+label{border-left:1px solid var(--line)}
.compare-grid textarea{margin-top:15px;width:100%;height:250px;border:0;resize:vertical;font-family:var(--font);font-size:20px;font-weight:400;line-height:1.8}
.compare-controls{border-top:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.compare-controls p{font-size:18px;color:#52657b}
.comparison-result{border:1px solid #c8dfef;background:#eaf5fc;border-radius:8px;margin-top:20px;padding:25px;display:flex;gap:35px;align-items:center}
.comparison-result>div{min-width:180px}
.comparison-result #similarity-score{font-size:48px;line-height:1;color:#0369a1}
.comparison-result p{font-size:18px;color:#526b7e;line-height:1.6}
.comparison-result>div p{font-size:16px;margin-top:8px}
.about-intro{max-width:750px;margin:15px 0 40px}
.about-intro>p:last-child{margin-top:23px;line-height:1.8;color:#64748b;max-width:660px;font-size:20px}
.identity-grid{display:grid;grid-template-columns:1.2fr 1.5fr .4fr;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}
.identity-grid span{font-size:16px;color:#52657b}
.identity-grid h2{font-size:20px;font-weight:600;margin-top:8px}
.team-title{font-size:25px;margin:40px 0 24px;font-weight:600}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.team-grid h3{font-size:20px;font-weight:600}
.team-grid p{font-size:18px;color:#52657b;margin-top:6px}
dialog{border:1px solid var(--line);border-radius:12px;max-width:560px;width:calc(100% - 32px);max-height:80vh;padding:24px;box-shadow:0 20px 80px #0f172a20;color:var(--navy)}
dialog::backdrop{background:#0f172a55}
.dialog-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}
.dialog-heading h2{font-size:24px}
.dialog-heading p{color:#64748b;font-size:18px;margin-top:4px}
.history-item{display:block;text-align:left;background:white;border:1px solid var(--line);padding:15px;border-radius:6px;width:100%;margin-top:10px}
.history-item:hover{background:#f0f7fc}
.history-item p{font-family:var(--font);line-height:1.6;font-size:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.history-item small{display:block;color:#64748b;font-size:16px;margin-bottom:7px}
.history-empty{text-align:center;padding:35px 20px;color:#52657b;font-size:18px;line-height:1.7}
#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:50;padding:12px 20px;background:var(--navy);color:white;border-radius:8px;box-shadow:0 4px 20px #0f172a20;font-size:18px;max-width:calc(100% - 32px);width:max-content}

@media(min-width:1500px){.view{padding-top:55px}
.input-area,#source,.result-area,.result-text,#result-empty{min-height:320px;height:320px}
}

@media(max-width:1100px){.header-note{display:none}
.site-header{padding:12px 32px}
.site-header nav{gap:4px}
.footer-tagline{display:none}
.workspace-toolbar{padding:10px 15px}
.modes button{padding:8px 9px}
.home-hero{gap:35px}
.home-hero h1,.about-intro h1{font-size:44px}
}

@media(max-width:760px){.site-header{padding:14px 18px 10px;display:block}
.brand{width:max-content}
.site-header nav{margin-top:12px;gap:4px;overflow-x:auto;min-height:45px;scrollbar-width:none}
.site-header nav a{font-size:16px;padding:10px 12px}
main{padding:0 18px}
.view{padding:27px 0 20px}
.page-intro{gap:12px;margin-bottom:23px}
.page-intro h1{font-size:29px}
.page-intro h1+p{font-size:18px;max-width:260px}
.page-intro>.button{font-size:16px;gap:7px;padding:9px;min-height:36px}
.page-intro>.button i{font-size:18px}
.count-badge{display:none}
.workspace-toolbar{flex-wrap:wrap;padding:0;gap:0}
.modes{width:100%;padding:12px 12px 9px;gap:3px}
.toolbar-label{margin-right:4px;font-size:16px}
.modes button{position:relative;z-index:1;font-size:16px;padding:7px 10px}
.language{border:0;padding:0 14px 9px}
.language select{font-size:16px}
.editor-grid{grid-template-columns:1fr}
.input-pane{border-right:1px solid var(--line)}
.pane-heading{min-height:48px;padding:10px 18px}
.input-area,#source{min-height:260px;height:260px}
#source{padding:10px 18px;font-size:20px}
#input-starters{left:18px;right:18px;top:128px}
.pane-bottom{padding:12px 18px;min-height:66px}
.result-area,.result-text,#result-empty{min-height:260px;height:260px}
.result-text{padding:10px 18px;font-size:20px}
.workspace-foot{padding:12px 15px;font-size:16px;gap:10px}
.workspace-foot i{display:none}
.highlight-toggle{gap:4px}
.mode-notice{font-size:16px;margin-top:13px}
.bottom-link{flex-wrap:wrap;gap:4px;text-align:center}
.site-footer{flex-direction:column;gap:9px;padding:22px 18px;margin-top:10px;text-align:center}
.home-hero{grid-template-columns:1fr;gap:35px;padding:15px 0 40px}
.home-hero h1,.about-intro h1{font-size:39px}
.home-hero p{font-size:20px}
.paper-preview{padding:25px;margin-right:10px}
.compare-grid{grid-template-columns:1fr}
.compare-grid label+label{border-left:0;border-top:1px solid var(--line)}
.compare-grid label{padding:18px}
.compare-grid textarea{height:180px;font-size:20px}
.compare-controls{padding:16px;align-items:start;flex-direction:column;gap:12px}
.compare-controls .button{width:100%}
.comparison-result{gap:20px;flex-direction:column;align-items:start}
.identity-grid{grid-template-columns:1fr;gap:25px;padding:25px 0}
.team-grid{grid-template-columns:1fr;gap:28px}
.team-grid article{display:block}
.team-grid p{margin-top:6px}
.team-grid h3{font-size:20px}
.about-intro>p:last-child{font-size:20px}
.result-note,.field-error{padding-left:18px;padding-right:18px}
}

.writing-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0 30px}
.writing-notes article{display:flex;gap:13px}
.note-number{background:#edf2f7;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#52657b;font-size:16px;flex-shrink:0}
.writing-notes h2{font-size:18px;font-weight:600;margin:2px 0 5px;line-height:1.5}
.writing-notes p{font-size:16px;line-height:1.7;color:#52657b;max-width:300px}
@media(max-width:760px){.writing-notes{grid-template-columns:1fr}.writing-notes{gap:20px;margin:28px 0}.writing-notes p{max-width:none}.input-pane{border-right:0;border-bottom:1px solid var(--line)}}
/* Motion follows navigation, selection and feedback. Scrolling remains native. */
#mode-indicator{position:absolute;left:0;width:100px;pointer-events:none;transform-origin:left center;opacity:0;transition:transform 240ms cubic-bezier(.2,.7,.2,1),opacity 120ms}
#mode-indicator{background:#e0f2fe;border-radius:6px}
.modes button:hover{background:#e0f2fe66}
.modes button[aria-pressed=true]:hover{background:transparent}
.button,.text-button,.icon-button{transition:background-color 160ms,color 160ms,box-shadow 160ms,transform 160ms,opacity 160ms}
.button:active:not(:disabled),.text-button:active,.icon-button:active:not(:disabled){transform:translateY(1px)}
.primary:hover:not(:disabled){box-shadow:0 4px 12px #0f172a20}
.input-pane{transition:box-shadow 180ms}
.input-pane:focus-within{box-shadow:inset 0 0 0 2px #bae6fd}
.result-text mark{box-decoration-break:clone;-webkit-box-decoration-break:clone}
.workspace-foot{flex-wrap:wrap;row-gap:14px}
.site-footer{flex-wrap:wrap;font-size:16px;line-height:1.7}
.result-note,.field-error{line-height:1.65;min-height:24px}
.page-intro h1{font-weight:600}
.page-intro h1+p{font-size:20px;line-height:1.7;color:#475569}
.mode-notice{font-size:16px;color:#52657b;line-height:1.8}
.brand small{font-size:15px}
.header-note{font-size:16px}
.language select{font-size:18px}
dialog{opacity:0;transform:translateY(10px) scale(.985);transition:opacity 180ms,transform 220ms cubic-bezier(.2,.7,.2,1),display 220ms allow-discrete,overlay 220ms allow-discrete}
dialog[open]{opacity:1;transform:none}
dialog::backdrop{background:#0f172a00;transition:background-color 180ms,display 220ms allow-discrete,overlay 220ms allow-discrete}
dialog[open]::backdrop{background:#0f172a55}
@starting-style{dialog[open]{opacity:0;transform:translateY(10px) scale(.985)}dialog[open]::backdrop{background:#0f172a00}}
#toast{animation:toast-in 180ms ease-out}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:1100px){.site-header{gap:18px}.site-header nav{gap:4px}.modes{max-width:100%}.language{border-left:0;padding-left:0}}
@media(max-width:760px){.site-header nav{gap:4px}.site-header nav a{font-size:18px}.page-intro{align-items:start;flex-wrap:wrap}.page-intro h1+p{font-size:18px;max-width:100%}.page-intro>.button{font-size:16px;min-height:44px}.modes{padding:12px 12px 10px}.modes button{font-size:18px;min-height:44px}.toolbar-label{display:none}.language{padding:0 14px 12px}.pane-heading{font-size:18px;min-height:60px}.pane-bottom{gap:10px;font-size:16px}.pane-bottom .button{font-size:16px;padding:12px;min-height:44px}.local-badge{font-size:15px}#source,.result-text{font-size:20px;line-height:1.85}.workspace-foot{font-size:16px}.workspace-foot>span{line-height:1.6}.mode-notice{font-size:16px}.writing-notes h2{font-size:18px}.writing-notes p{font-size:16px}.home-hero h1,.about-intro h1{font-size:36px}.brand small{font-size:14px}.site-footer{font-size:16px}#input-starters{top:134px}.text-button{min-height:44px}.site-header{padding-inline:18px}.compare-grid textarea{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Reading sections: shared content edges, native disclosure and scrolling. */
.home-guide{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin:54px 0;padding:40px;background:#eaf4fa;border-radius:12px}
.home-guide h2,.home-faq h2{font-size:30px;line-height:1.3;letter-spacing:-.7px;max-width:400px}
.home-guide p,.home-faq p{font-size:18px;line-height:1.8;color:#475569}
.home-guide>div>p{margin:18px 0 24px;max-width:440px}
.home-guide ol{margin:0;padding-left:24px;display:grid;gap:24px}
.home-guide li{padding-left:10px}
.home-guide li::marker{color:#0369a1;font-weight:600}
.home-guide h3{font-size:20px;margin-bottom:6px}
.home-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;margin:0 0 40px}
.home-faq details{border-bottom:1px solid var(--line)}
.home-faq summary{cursor:pointer;padding:20px 4px;font-size:20px;font-weight:600;line-height:1.6}
.home-faq details:first-child summary{padding-top:4px}
.home-faq summary:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}
.home-faq details p{padding:0 4px 20px;max-width:65ch}
@media(max-width:760px){.home-guide,.home-faq{grid-template-columns:1fr;gap:28px}.home-guide{padding:24px;margin:32px 0}.home-guide h2,.home-faq h2{font-size:26px}.home-faq{margin-bottom:20px}.site-header nav a{font-size:16px}.site-header nav{min-height:44px}.home-hero{padding-top:8px}.home-guide .button{width:100%}}

.tool-story{padding:28px 0 12px}
.tool-story>h2{font-size:34px;line-height:1.35;letter-spacing:-1px;max-width:560px;margin:0 0 42px}
.tool-story-row{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:72px;margin-bottom:64px}
.tool-story-row:last-child{margin-bottom:12px}
.tool-story-copy h3{font-size:28px;line-height:1.35;letter-spacing:-.6px}
.tool-story-copy>p{font-size:20px;line-height:1.8;color:#475569;max-width:44ch;margin:18px 0 24px}
.tool-story small{display:block;font-size:16px;line-height:1.7;color:#52657b}
.tool-story-copy>small{margin-top:14px;max-width:40ch}
.writing-specimen{padding:36px;background:#eaf4fa;border-radius:10px}
.writing-specimen>span,.comparison-specimen span{font-size:18px;color:#475569}
.writing-specimen>p{font-size:24px;line-height:1.9;margin:22px 0}
.writing-specimen del{color:#64748b;text-decoration-color:#94a3b8}
.writing-specimen ins{color:#075985;background:#cfeafd;text-decoration:none;padding:2px 3px;border-radius:3px}
.tool-story-review{grid-template-columns:1.15fr 1fr}
.comparison-specimen{padding:0 36px}
.comparison-specimen>div+div{margin-top:24px}
.comparison-specimen p{font-size:22px;line-height:1.8;margin:10px 0 0}
.comparison-specimen mark{background:#dff0fb;color:#075985;border-radius:3px;padding:2px 3px}
.comparison-specimen>small{margin-top:24px}
@media(max-width:760px){.tool-story{padding-top:12px}.tool-story>h2{font-size:28px;margin-bottom:28px}.tool-story-row,.tool-story-review{grid-template-columns:1fr;gap:24px;margin-bottom:44px}.tool-story-copy h3{font-size:25px}.tool-story-review .tool-story-copy{grid-row:1}.writing-specimen{padding:24px}.writing-specimen>p,.comparison-specimen p{font-size:20px}.comparison-specimen{padding:0 8px}.tool-story-copy>p{max-width:none}}
.hero-secondary{display:inline-block;margin:12px 0 12px 20px;font-size:18px;color:#0369a1;text-decoration:underline;text-underline-offset:5px}
.start-writing{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px 0 18px;margin-top:36px;border-top:1px solid var(--line)}
.start-writing h2{font-size:26px;line-height:1.4;letter-spacing:-.6px}
.start-writing p{font-size:20px;line-height:1.7;color:#475569;margin-top:10px}
.academic-commitment{display:grid;grid-template-columns:.85fr 1.4fr;gap:72px;margin:72px 0 60px;align-items:start}
.academic-commitment>div>i{font-size:30px;color:var(--blue);margin-bottom:18px}
.academic-commitment h2,.development-purpose h2{font-size:32px;line-height:1.35;letter-spacing:-.8px;max-width:340px}
.commitment-copy p{font-size:20px;line-height:1.85;color:#475569;margin:0 0 20px;max-width:65ch}
.commitment-copy .commitment-lead{font-size:23px;line-height:1.65;color:var(--navy)}
.development-purpose{display:grid;grid-template-columns:.85fr 1.4fr;gap:72px;margin:0 0 52px;padding-top:36px;border-top:1px solid var(--line)}
.development-purpose>div>p{color:#475569;font-size:18px;line-height:1.7;margin-top:14px}
.development-purpose dl{margin:0}
.development-purpose dl>div+div{margin-top:26px}
.development-purpose dt{font-size:20px;font-weight:600;line-height:1.5;margin-bottom:8px}
.development-purpose dd{margin:0;max-width:60ch;font-size:20px;line-height:1.8;color:#475569}
@media(prefers-reduced-motion:no-preference){.home-faq details[open]>p{animation:answer-in 180ms ease-out}@keyframes answer-in{from{opacity:0}to{opacity:1}}}
@media(max-width:760px){.academic-commitment,.development-purpose{grid-template-columns:1fr;gap:24px;margin:40px 0}.academic-commitment h2,.development-purpose h2{font-size:27px;max-width:none}.commitment-copy .commitment-lead{font-size:21px}.start-writing{align-items:flex-start;flex-direction:column;padding-top:26px}.start-writing h2{font-size:24px}.hero-secondary{margin-left:12px}.start-writing .button{width:100%}}

/* One type family; two real weights keep the reading hierarchy quiet. */
h1,h2,h3,h4{font-weight:600}
.home-hero h1,.about-intro h1{font-weight:400;line-height:1.14;letter-spacing:-.8px}
.home-hero p,.about-intro>p:last-child{font-size:20px;line-height:1.65;color:#475569}
.tool-story-copy>p,.home-guide p,.home-faq p,.commitment-copy p,.development-purpose dd{font-size:20px;line-height:1.75}
.site-header nav a,.button{font-size:20px}
.brand strong{font-weight:600;letter-spacing:.2px}
@media(max-width:760px){.site-header nav a{font-size:18px}.home-hero p,.about-intro>p:last-child{font-size:20px}.tool-story-copy>p,.home-guide p,.home-faq p,.commitment-copy p,.development-purpose dd{font-size:20px}.home-hero h1,.about-intro h1{font-size:38px;letter-spacing:-.5px}}

/* Soft blue depth, with solid reading surfaces and no animated backgrounds. */
body{background:radial-gradient(ellipse 65% 650px at 90% 100px,#dceffa 0%,transparent 75%),linear-gradient(180deg,#f5faff 0%,#f8fafc 1000px);font-size:18px}
.home-hero{gap:48px;padding-top:36px;padding-bottom:72px}
.home-hero h1,.about-intro h1{font-size:clamp(42px,4.3vw,62px);font-weight:600;letter-spacing:-1px}
.home-hero p,.about-intro>p:last-child{font-size:22px;line-height:1.65;max-width:520px}
.paper-preview{background:#fff;border:1px solid #d8e5ee;border-radius:20px;padding:36px;box-shadow:0 18px 50px #23425e0d,0 3px 8px #23425e05}
.paper-preview p{font-size:26px!important;line-height:1.65}
.paper-label,.paper-footer{font-size:18px}
.tool-story-row{padding:12px 0;gap:56px;margin-bottom:56px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.tool-story-review{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.tool-story-copy h3{font-size:32px;line-height:1.3}
.tool-story-copy>p{font-size:21px;line-height:1.7}
.writing-specimen{padding:28px;background:linear-gradient(135deg,#edf7fc,#e1f0fa);border-radius:14px}
.comparison-specimen{padding:28px;background:#f1f6fa;border-radius:14px}
.comparison-specimen>div{padding:0}
.comparison-specimen>div+div{margin-top:22px;padding-top:20px;border-top:1px solid #d6e3ed}
.tool-story small{font-size:17px;color:#475569}
.home-guide{background:transparent;border:0;border-radius:0;padding:28px 0;gap:56px}
.home-guide h2,.home-faq h2{font-size:34px}
.home-guide h3{font-size:23px}
.home-guide p,.home-faq p{font-size:20px}
.home-faq details{background:transparent;border:0;border-bottom:1px solid #dce6ef;border-radius:0;margin-bottom:0;padding:0}
.home-faq summary,.home-faq details:first-child summary{font-size:21px;padding:20px 0}
.home-faq details p{padding:0 0 22px}
.start-writing{padding:32px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
.start-writing h2{font-size:30px}
.start-writing p{font-size:20px}
.academic-commitment{padding:12px 0;background:transparent;border:0;border-radius:0;gap:56px}
.commitment-copy p,.development-purpose dd{font-size:20px}
.button{font-size:19px;min-height:50px}
#source,.result-text,.compare-grid textarea{font-size:22px;line-height:1.75}
#input-starters{top:148px}
.site-header nav a{font-size:18px}
.tool-story-row>*,.home-hero>*,.home-guide>*,.academic-commitment>*{min-width:0}
@media(max-width:1000px) and (min-width:761px){.site-header{gap:14px}.site-header nav a{padding:11px 9px;font-size:17px}.tool-story-row{padding:12px 0;gap:32px}.home-hero{gap:28px}.paper-preview{padding:26px}.home-hero h1{font-size:46px}}
@media(max-width:760px){body{font-size:18px}.home-hero{padding-top:12px;gap:28px;padding-bottom:44px}.home-hero h1,.about-intro h1{font-size:42px;line-height:1.12}.home-hero p,.about-intro>p:last-child{font-size:20px}.paper-preview{padding:24px;margin-right:0}.paper-preview p{font-size:23px!important}.tool-story-row,.tool-story-review{grid-template-columns:minmax(0,1fr);padding:0;gap:26px}.tool-story-copy h3{font-size:28px}.tool-story-copy>p{font-size:20px}.writing-specimen,.comparison-specimen{padding:20px}.comparison-specimen>div{padding:16px}.writing-specimen>p,.comparison-specimen p{font-size:22px}.home-guide{padding:12px 0;gap:28px}.home-guide h2,.home-faq h2{font-size:30px}.home-faq details{padding:0}.home-faq summary{font-size:20px}.start-writing{padding:26px 0}.academic-commitment{padding:0}.start-writing h2{font-size:28px}.button,.pane-bottom .button,.page-intro>.button{font-size:18px}.site-header nav a{font-size:17px}.modes button{font-size:17px}#source,.result-text,.compare-grid textarea{font-size:20px}.home-caption,.tool-story small{font-size:17px}.commitment-copy p,.development-purpose dd{font-size:19px}}

/* Hero action and the example have distinct visual priorities. */
.home-hero .primary{background:#0369a1;padding:16px 28px;min-height:56px;font-size:21px;box-shadow:0 6px 18px #0369a126}
.home-hero .primary:hover{background:#075985}
.paper-preview{padding:0;overflow:hidden}
.preview-original,.preview-revised{padding:26px 30px}
.preview-revised{background:#edf7fd;border-top:1px solid #d3e7f4}
.paper-preview p{margin:0;max-width:none}
.paper-preview .before-text{color:#475569!important}
.before-text del{text-decoration-color:#94a3b8;text-decoration-thickness:1px;background:#f1f5f9}
.paper-preview mark{background:#bfe4fa;color:#0c4a6e;padding:1px 4px;border-radius:4px;font-weight:600;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.paper-preview .paper-footer{padding:18px 30px;border-top:1px solid #d3e7f4;font-size:17px;line-height:1.6}
@media(max-width:1000px) and (min-width:761px){.paper-preview{padding:0}}
@media(max-width:760px){.paper-preview{padding:0}.preview-original,.preview-revised{padding:22px}.paper-preview .paper-footer{padding:16px 22px}.home-hero .primary{font-size:20px}}

/* A concrete input/output example explains the primary action. */
.home-hero{grid-template-columns:.95fr 1.2fr;gap:48px}
.hero-example{display:grid;gap:18px;min-width:0}
.example-source{padding:24px 28px;border:1px solid #dce6ef;background:#ffffffb3;border-radius:16px}
.example-heading{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:600;color:#475569}
.home-hero .example-source p{font-size:20px;line-height:1.65;margin:14px 0 0;max-width:none;color:#475569}
.example-result{padding:28px;background:#fff;border:1px solid #cce5f5;border-radius:20px;box-shadow:0 12px 36px #23425e09}
.example-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.example-result .example-heading{color:#0369a1;font-size:21px}
.home-hero .example-result p{font-size:22px;line-height:1.65;color:var(--navy);max-width:none;margin:22px 0}
.example-meta{display:flex;flex-wrap:wrap;gap:12px;padding-top:18px;border-top:1px solid #e2e8f0;font-size:17px;color:#475569}
.example-meta span{display:inline-flex;align-items:center;gap:8px}
.example-meta span:first-child{color:#0369a1;background:#eaf6fd;padding:4px 12px;border-radius:20px}
@media(max-width:1000px) and (min-width:761px){.home-hero{gap:28px}.example-source,.example-result{padding:22px}.home-hero .example-result p{font-size:21px}}
@media(max-width:760px){.home-hero{grid-template-columns:minmax(0,1fr);gap:32px}.example-source,.example-result{padding:22px}.home-hero .example-source p{font-size:19px}.home-hero .example-result p{font-size:21px}.example-result .example-heading{font-size:20px}.example-meta{font-size:16px}}
.example-source del{color:#64748b;text-decoration-color:#94a3b8;text-decoration-thickness:1px}
.example-result mark{background:#d6edfc;color:#0c4a6e;padding:1px 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

@media(max-width:1100px){.site-header{flex-wrap:wrap;row-gap:12px}.site-header nav{max-width:100%;overflow-x:auto;scrollbar-width:thin}.site-header nav a{padding:10px 12px}}

.analysis-badge{display:inline-block;padding:7px 14px;border-radius:20px;background:#e0f2fe;color:#075985;font-size:17px;font-weight:600;white-space:nowrap}
.detector-notice{padding:18px 22px;margin:0 0 24px;background:#eaf4fb;border-radius:10px;color:#334155;font-size:18px;line-height:1.65;max-width:85ch}
.detector-workspace textarea{display:block;width:100%;height:340px;min-height:260px;resize:vertical;border:0;padding:12px 24px 22px;background:transparent;color:var(--navy);font-size:22px;line-height:1.75}
.analysis-score{font-size:28px;color:#0369a1;font-weight:600}
.detector-workspace meter{display:block;width:calc(100% - 48px);height:18px;margin:8px 24px 18px;accent-color:#0284c7}
.detector-workspace meter::-webkit-meter-bar{background:#dce9f2;border:0;border-radius:8px}
.detector-workspace meter::-webkit-meter-optimum-value{background:#0284c7;border-radius:8px}
.analysis-reason{font-size:18px;line-height:1.7;padding:0 24px;color:#475569;overflow-wrap:anywhere}
.detector-workspace>.field-error,.detector-workspace>.result-note{margin:8px 0}
@media(max-width:1200px){.site-header{flex-wrap:wrap;row-gap:12px}.site-header nav{max-width:100%;overflow-x:auto;scrollbar-width:thin}}
@media(max-width:760px){.detector-workspace textarea{font-size:20px;padding:12px 18px 22px;height:300px}.detector-workspace .workspace-toolbar{padding:12px 18px;gap:12px}.detector-workspace .language{padding:0}.detector-notice{font-size:17px;padding:16px}.analysis-reason{font-size:17px;padding:0 18px}.analysis-score{font-size:25px}}

.detector-summary{flex:1;min-height:340px;padding:20px 28px 32px}
#detector-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;color:#475569}
#detector-empty>i{font-size:32px;color:#0369a1}
#detector-empty h2,#detector-result h2{font-size:24px;line-height:1.4}
#detector-empty p{font-size:19px;line-height:1.7}
.detector-summary .analysis-score{display:block;font-size:64px;line-height:1.2;margin:18px 0;color:#0369a1}
.detector-summary meter{width:100%;margin:18px 0}
.detector-summary .analysis-reason{padding:0;margin-top:20px}
@media(max-width:760px){.detector-summary{padding:16px 22px 28px}.detector-summary .analysis-score{font-size:56px}}