/* Shared editorial language for the home page below the hero. */
main section[data-section]:not([data-section="hero"]) { --paper:#fffefa; --ink:#292331; --lavender:#eee7fb; position:relative; isolation:isolate; overflow:clip; padding-block:76px; background:#fffefa; color:var(--ink); }
main section[data-section]:not([data-section="hero"])::before { content:""; pointer-events:none; position:absolute; z-index:-1; width:680px; height:500px; top:40px; right:-120px; background:radial-gradient(ellipse,#e8def855,transparent 68%); }
main section[data-section="process"]:not([data-section="hero"]),main section[data-section="pdf"]:not([data-section="hero"]),main section[data-section="product-proof"]:not([data-section="hero"]) { background:linear-gradient(120deg,#f8f5fd,#f5f7fc); }
main section[data-section="excel"]:not([data-section="hero"]),main section[data-section="export"]:not([data-section="hero"]) { background:#f7f8f5; }
main section[data-section]:not([data-section="hero"]) [class$="__sectionInner"] { position:relative; }
main section[data-section]:not([data-section="hero"]) h2 { letter-spacing:-.045em; font-weight:650; line-height:1.12; }
main section[data-section]:not([data-section="hero"]) [class$="__sectionHeading"],main section[data-section]:not([data-section="hero"]) [class$="__processHeading"] { display:block; max-width:760px; }
main section[data-section]:not([data-section="hero"]) [class$="__sectionHeading"] p { max-width:620px; }
main section[data-section]:not([data-section="hero"]) [class$="__kicker"] { display:block; padding:0; margin-bottom:15px; color:#95859f; font-size:9px; font-weight:600; letter-spacing:.11em; }
main section[data-section]:not([data-section="hero"]) [class$="__eyebrow"] { color:#94859f; font-size:9px; letter-spacing:.07em; font-weight:550; }
main section[data-section]:not([data-section="hero"]) [class$="__previewTopline"] { color:#92849c; }
.pai-side-note { display:flex; align-items:center; gap:9px; position:absolute; top:20px; right:20px; max-width:260px; padding:12px 16px; border:1px solid #e6dfed; border-radius:12px; background:#ffffffdb; color:#81718e; font-size:12px; box-shadow:0 12px 30px #45324f07; rotate:3deg; }
.pai-side-note svg { width:17px; height:17px; stroke:#a58ac4; stroke-width:1.4; fill:none; flex-shrink:0; stroke-linecap:round; stroke-linejoin:round; }
.pai-side-note::after { content:""; position:absolute; right:26px; bottom:-13px; width:5px; height:5px; border-radius:50%; background:#dacbe9; box-shadow:-6px 9px 0 -1px #e8dff1; }
/* Input formats become a desk of small files and one open document. */
section[data-section="inputs"] [class$="__sourceDemo"] { grid-template-columns:minmax(270px,.85fr) minmax(0,1.15fr); gap:70px; margin-top:48px; align-items:center; }
section[data-section="inputs"] [class$="__formatButtons"] { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:24px 0; }
section[data-section="inputs"] [class$="__formatButtons"] button { position:relative; flex-direction:column; align-items:flex-start; justify-content:flex-end; min-height:112px; padding:17px; background:#fff; border:1px solid #e4deeb; border-radius:10px; box-shadow:0 5px 15px #3e264004; font-size:13px; transition:transform .25s,background .25s,box-shadow .25s; }
section[data-section="inputs"] [class$="__formatButtons"] button::before { content:""; width:22px; height:28px; border:1.5px solid #b9a4d4; border-radius:3px; margin-bottom:13px; background:linear-gradient(#d6c7e8,#d6c7e8) 5px 8px/10px 2px no-repeat,linear-gradient(#d6c7e8,#d6c7e8) 5px 14px/8px 2px no-repeat; }
section[data-section="inputs"] [class$="__formatButtons"] button:nth-child(1) { rotate:-3deg; }
section[data-section="inputs"] [class$="__formatButtons"] button:nth-child(3) { rotate:3deg; }
section[data-section="inputs"] [class$="__formatButtons"] button>span { display:none; }
section[data-section="inputs"] [class$="__formatButtons"] button[aria-pressed="true"] { color:#654392; background:#eee6fa; border-color:#c8b4e7; transform:translateY(-5px); box-shadow:0 12px 22px #65439215; }
section[data-section="inputs"] [class$="__formatButtons"] button:hover { transform:translateY(-5px); }
section[data-section="inputs"] [data-format-preview] { position:relative; z-index:1; height:410px; background:#fffefa; border:1px solid #e3dce9; border-radius:5px 14px 14px 5px; box-shadow:0 22px 45px -22px #54356d44; rotate:1.2deg; }
section[data-section="inputs"] [data-format-preview]::before { content:""; position:absolute; z-index:-2; inset:10px 9px -9px -8px; border:1px solid #e2d7ed; border-radius:5px; background:#f0e9f8; rotate:-2.5deg; }
section[data-section="inputs"] [data-format-preview]::after { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; background:#fffefa; }
section[data-section="inputs"] [data-format-preview] blockquote { border:0; padding:15px 18px; background:#f4effa; border-radius:7px; font-size:19px; }
/* A small production desk, with stages that retain their interactive controls. */
section[data-section="process"] [class$="__processDemo"] { margin-top:42px; gap:60px; align-items:center; }
section[data-section="process"] [class$="__stageButtons"] { gap:10px; }
section[data-section="process"] [class$="__stageButtons"] button { border:1px solid #e7e0ef; border-radius:12px; background:#ffffffb0; min-height:58px; padding:14px 18px; transition:background .25s,transform .25s,box-shadow .25s; }
section[data-section="process"] [class$="__stageButtons"] button[aria-pressed="true"] { background:#ede4fb; border-color:#d0bce9; transform:translateX(7px); box-shadow:0 8px 20px #5b3b7a0c; }
section[data-section="process"] [data-process-preview] { position:relative; background:#fffefd; border-color:#e3d9ee; border-radius:16px; box-shadow:0 25px 50px -30px #56366c55; }
section[data-section="process"] [class$="__stageVisual"] { background:radial-gradient(ellipse at center,#efe6fc,transparent 70%); }
section[data-section="process"] [class$="__outlinePreview"] li { border:1px solid #ded4ea; background:#fff; border-radius:8px; padding:16px 18px; margin-bottom:12px; box-shadow:0 8px 18px #4e386609; }
section[data-section="process"] [class$="__outlinePreview"] li:nth-child(2) { translate:8px 0; }
.pai-process-play { display:block; margin:17px 0 0; border:1px solid #dcd1e9; border-radius:20px; background:transparent; color:#806b96; padding:8px 13px; font:inherit; font-size:11px; cursor:pointer; }
.pai-process-play:hover { background:#eee5f9; }
.pai-process-play:focus-visible { outline:2px solid #8059bc; outline-offset:3px; }
section[data-section="process"] [class$="__stageButtons"] button.pai-process-play { width:fit-content; min-height:32px; margin-top:7px; padding:8px 13px; border-radius:20px; font-size:11px; font-weight:400; background:transparent; transform:none; box-shadow:none; }
/* One idea becomes a collection of slides. */
section[data-section="topic"] [data-topic-crop-stage] { background:radial-gradient(ellipse at 80% 20%,#e6d7f8,transparent 70%),#f6f1fc; border:1px solid #e8dff0; border-radius:20px; overflow:visible; box-shadow:none; }
section[data-section="topic"] [class$="__topicSeed"] { background:#fffefa; border-color:#e0d5eb; margin:24px 16px 10px; border-radius:5px; box-shadow:0 15px 25px -18px #4f2e7755; rotate:-3deg; }
section[data-section="topic"] [class$="__topicOutline"] { background:transparent; border-color:#e0d5eb; }
section[data-section="topic"] [class$="__topicDeck"] { background:transparent; }
section[data-section="topic"] [data-result-slide] { border-radius:9px; box-shadow:0 17px 28px -18px #40265655; border-color:#e0d5eb; }
section[data-section="topic"] [class$="__topicMainSlide"] { background:radial-gradient(ellipse at 100% 0,#8660a8,transparent 80%),#332442; color:#fff; rotate:1.2deg; }
/* Reading material with precise annotations. */
section[data-section="text-word"] [class$="__materialStory"],section[data-section="pdf"] [class*="__materialStory"] { gap:66px; margin-top:44px; align-items:center; }
section[data-section="text-word"] [data-document-source],section[data-section="pdf"] [data-pdf-page] { position:relative; background:#fffefa; border-color:#e4dce9; border-radius:5px; box-shadow:0 20px 45px -24px #4e335855; rotate:-1.5deg; }
section[data-section="text-word"] [data-document-source]::before,section[data-section="pdf"] [data-pdf-page]::before { content:""; position:absolute; width:90px; height:23px; top:-11px; left:calc(50% - 45px); background:#e1d6efaa; rotate:-4deg; border:1px solid #d8cae866; }
section[data-section="text-word"] [class$="__materialNote"],section[data-section="pdf"] [class$="__materialNote"] { background:#f2ecf9; border:0; border-radius:8px; padding:12px 15px; color:#846795; }
section[data-section="text-word"] [class$="__materialResult"],section[data-section="pdf"] [class$="__materialResult"] { position:relative; }
section[data-section="text-word"] [data-result-slide],section[data-section="pdf"] [data-result-slide] { border:1px solid #d9cce9; border-radius:12px; background:#f3edf9; box-shadow:0 20px 35px -25px #48236355; }
section[data-section="text-word"] [class*="__coverSlide"] { background:radial-gradient(ellipse at 100% 0,#815ca1,transparent 75%),#32233f; color:#fff; }
section[data-section="text-word"] [class*="__coverSlide"] h3,section[data-section="text-word"] [class*="__coverSlide"] strong { color:#fff; }
section[data-section="text-word"] [class*="__coverSlide"] p,section[data-section="text-word"] [class*="__coverSlide"] footer { color:#d4c5df; }
section[data-section="text-word"] [class*="__coverSlide"] [class$="__slideMeta"],section[data-section="text-word"] [class*="__coverSlide"] [class$="__slideColumns"] span { color:#c7a7e4; }
section[data-section="pdf"] [data-key-insights] { display:grid; gap:10px; }
section[data-section="pdf"] [data-key-insights] li { background:#fff; border:1px solid #e4daee; border-radius:10px; padding:14px 16px; box-shadow:0 6px 18px #48305c06; }
/* Data: soft green worksheet against a violet presentation. */
section[data-section="excel"] [data-sheet-grid] { background:#fffffd; border-color:#dce4d9; border-radius:12px; box-shadow:0 20px 40px -30px #38493355; }
section[data-section="excel"] [data-data-spotlight] { gap:54px; margin-top:44px; }
section[data-section="excel"] [class$="__sourceTable"] th { background:#edf3e9; color:#6e7f66; }
section[data-section="excel"] [class$="__sourceTable"] td { border-color:#e5e9e1; }
section[data-section="excel"] [data-kpi-slide] { padding:16px 18px; border-radius:10px; background:#edf3e9; }
section[data-section="excel"] [data-kpi-slide] strong { color:#6d835b; }
section[data-section="excel"] [data-result-slide] { background:#fffefa; border-color:#e0d6e9; border-radius:13px; box-shadow:0 22px 45px -28px #56386e44; }
section[data-section="excel"] [class$="__revenueChart"] i { background:linear-gradient(0deg,#cbb7e4,#e9def5); border-radius:8px 8px 0 0; }
section[data-section="excel"] [class$="__revenueChart"]>div:last-child i { background:linear-gradient(0deg,#8056b1,#b18bd6); }
/* The slide gallery feels like selected prints, not a repeated UI grid. */
section[data-section="single-slide"] [data-slide-typology] { gap:24px; padding:14px 5px 24px; }
section[data-section="single-slide"] [data-slide-type] { border:1px solid #e5ddec; border-radius:10px; padding:7px; background:white; box-shadow:0 16px 35px -24px #43245f55; }
section[data-section="single-slide"] [data-slide-type]:nth-child(2) { rotate:1.5deg; }
section[data-section="single-slide"] [data-slide-type]:nth-child(4) { rotate:-1deg; }
section[data-section="single-slide"] [data-slide-type]:hover { rotate:0deg; transform:translateY(-6px); box-shadow:0 20px 38px -22px #43245f55; }
section[data-section="single-slide"] [data-result-slide] { border-radius:6px; border-color:#e6dded; background:#f5effa; }
section[data-section="single-slide"] [data-slide-type="comparison"] [data-result-slide] { background:#f0f3ed; }
section[data-section="single-slide"] [data-slide-type="timeline"] [data-result-slide] { background:#fbf0eb; }
section[data-section="single-slide"] [data-slide-type="visual"] [data-result-slide] { background:#f1eaf8; }
section[data-section="single-slide"] [class$="__galleryOpen"] { border:0; border-radius:6px; background:white; color:#79648d; }
/* An airy editor with a stack of finished work. */
section[data-section="product-proof"] [class$="__proofHeading"] { display:block; max-width:750px; }
section[data-section="product-proof"] [data-product-workspace] { border:1px solid #ded3ea; background:#fffefa; border-radius:18px; box-shadow:0 28px 60px -38px #4c2e6c70; overflow:hidden; }
section[data-section="product-proof"] [class$="__editorTopline"] { background:#fffefd; padding:18px 24px; border-color:#e8e0ef; }
section[data-section="product-proof"] [data-workspace-canvas] { background:radial-gradient(ellipse at center,#e4d7f5,transparent 75%),#f5f0fb; padding:36px; }
section[data-section="product-proof"] [data-workspace-canvas] [data-result-slide] { border-radius:8px; box-shadow:0 16px 35px -22px #4c2b6655; }
section[data-section="product-proof"] [data-workspace-inspector] { background:#fffefd; border-color:#e5daee; }
section[data-section="product-proof"] [class$="__editorDeck"] { background:#fffefa; border-color:#e6dcef; padding:18px 24px; gap:12px; }
section[data-section="product-proof"] [data-workspace-slide] { border-radius:9px; transition:transform .25s,background .25s; }
section[data-section="product-proof"] [data-workspace-slide][aria-pressed="true"] { background:#eee4fa; border-color:#be9ddd; transform:translateY(-3px); }
/* Export and questions continue the paper-and-notes story. */
section[data-section="export"] [data-export-specimen] { background:radial-gradient(ellipse at 90% 30%,#e9def7,transparent 65%),#f5f1f9; border:1px solid #e8e0ef; border-radius:20px; padding:40px 42px; gap:38px; }
section[data-section="export"] [class$="__exportFile"] { width:160px; min-height:210px; border-color:#e0d5e9; border-radius:5px 18px 5px 5px; background:#fffefa; box-shadow:0 22px 32px -20px #51326544; }
section[data-section="export"] [class$="__exportFile"]:first-child { rotate:-7deg; }
section[data-section="export"] [class$="__exportFile"]:last-child { rotate:7deg; translate:-15px 10px; }
section[data-section="export"] [class$="__exportFile"]>span { background:#f6e4da; color:#b87959; border-radius:9px; }
section[data-section="export"] [class$="__exportFile"]:last-child>span { background:#e9dff5; color:#8c62ae; }
section[data-section="faq"] [class$="__list"] { display:grid; gap:10px; }
section[data-section="faq"] [class$="__item"] { border:1px solid #e6deed; border-radius:13px; background:#fffefa; overflow:hidden; transition:box-shadow .25s,border-color .25s; }
section[data-section="faq"] [class$="__item"]:has([aria-expanded="true"]) { border-color:#cfbce5; box-shadow:0 12px 25px #4c31650a; background:#faf7fe; }
section[data-section="faq"] [class$="__trigger"] { padding:20px; gap:16px; }
section[data-section="faq"] [class$="__number"] { color:#b19bc5; }
section[data-section="faq"] [class$="__indicator"] { background:#f0e8f9; border-radius:50%; color:#9475b4; }
section[data-section="faq"] [class$="__panelInner"] { padding:0 22px 22px 60px; }
section[data-section="try"] { padding-top:16px!important; }
section[data-section="try"] [data-try-compact] { border:1px solid #e0d1ee; border-radius:20px; padding:50px; background:radial-gradient(ellipse at 95% 10%,#dfcdf5,transparent 60%),#f2ebfa; color:#382847; min-height:260px; }
section[data-section="try"] [data-try-compact] h2 { color:#382847; }
section[data-section="try"] [data-try-compact] p { color:#85718f; font-size:13px; }
section[data-section="try"] [data-try-compact]>div:first-child>span { color:#a38ab6; }
section[data-section="try"] [data-cta] { background:#7850c3; color:white; border:1px solid #7850c3; border-radius:9px; box-shadow:0 8px 18px #6a42ab20; min-height:46px; }
/* Motion runs once when each scene enters the viewport. */
.pai-editorial-enter [data-format-preview],.pai-editorial-enter [data-document-source],.pai-editorial-enter [data-pdf-page],.pai-editorial-enter [data-sheet-grid],.pai-editorial-enter [data-product-workspace] { animation:pai-paper-arrive .85s cubic-bezier(.2,.65,.2,1) both; }
.pai-editorial-enter .pai-side-note { animation:pai-note-arrive .7s .18s both; }
.pai-editorial-enter [class$="__exportFile"] { animation:pai-paper-arrive .85s both; }
.pai-editorial-enter [class$="__exportFile"]:last-child { animation-delay:.15s; }
@keyframes pai-paper-arrive { from { opacity:0; translate:0 22px; } to { opacity:1; translate:0 0; } }
@keyframes pai-note-arrive { from { opacity:0; translate:0 9px; } to { opacity:1; translate:0 0; } }
@media(max-width:1050px) { .pai-side-note { position:relative; top:auto; right:auto; margin:22px 0 0 auto; width:fit-content; font-size:11px; } section[data-section="inputs"] [class$="__sourceDemo"],section[data-section="process"] [class$="__processDemo"] { gap:30px; } section[data-section="export"] [data-export-specimen] { padding:30px; } }
@media(max-width:767px) {
 main section[data-section]:not([data-section="hero"]) { padding-block:48px; }
 main section[data-section]:not([data-section="hero"]) h2 { font-size:30px; }
 .pai-side-note { margin:18px 0 0 6px; padding:9px 12px; font-size:10px; rotate:-2deg; }
 section[data-section="inputs"] [class$="__sourceDemo"],section[data-section="process"] [class$="__processDemo"] { grid-template-columns:1fr; gap:24px; margin-top:28px; }
 section[data-section="inputs"] [class$="__formatButtons"] { grid-template-columns:repeat(3,1fr); gap:9px; }
 section[data-section="inputs"] [class$="__formatButtons"] button { min-height:86px; padding:12px; font-size:12px; }
 section[data-section="inputs"] [class$="__formatButtons"] button::before { width:18px; height:23px; margin-bottom:9px; }
 section[data-section="inputs"] [data-format-preview] { height:auto; min-height:400px; rotate:0deg; margin:5px 3px 8px; }
 section[data-section="inputs"] [data-format-preview]>div { min-height:350px; }
 section[data-section="inputs"] [data-format-preview] blockquote { font-size:17px; padding:13px; }
 section[data-section="process"] [class$="__stageButtons"] { gap:7px; }
 section[data-section="process"] [class$="__stageButtons"] button { min-height:48px; padding:12px 14px; }
 section[data-section="process"] [class$="__stageButtons"] button[aria-pressed="true"] { transform:translateX(3px); }
 section[data-section="topic"] [data-topic-crop-stage] { overflow:hidden; }
 section[data-section="topic"] [class$="__topicSeed"] { margin:18px; rotate:-1deg; }
 section[data-section="text-word"] [class$="__materialStory"],section[data-section="pdf"] [class*="__materialStory"] { gap:35px; margin-top:32px; }
 section[data-section="text-word"] [data-document-source],section[data-section="pdf"] [data-pdf-page] { rotate:0deg; margin:0 3px; }
 section[data-section="excel"] [data-data-spotlight] { gap:25px; }
 section[data-section="single-slide"] [data-slide-type] { rotate:0deg!important; }
 section[data-section="single-slide"] [data-slide-typology] { gap:14px; }
 section[data-section="product-proof"] [data-workspace-canvas] { padding:18px; }
 section[data-section="product-proof"] [class$="__editorDeck"] { padding:14px; gap:7px; }
 section[data-section="export"] [data-export-specimen] { grid-template-columns:1fr; padding:28px 20px; gap:28px; }
 section[data-section="export"] [class$="__exportFile"] { width:44%; min-height:175px; }
 section[data-section="faq"] [class$="__trigger"] { padding:16px 13px; gap:10px; }
 section[data-section="faq"] [class$="__panelInner"] { padding:0 16px 18px; }
 section[data-section="try"] [data-try-compact] { padding:30px 23px; }
}
@media(prefers-reduced-motion:reduce) { .pai-editorial-enter *,main section[data-section]:not([data-section="hero"]) button { animation:none!important; transition:none!important; } }
