:root{
  --paper:#fdfdfc;--alt:#f7f8f9;--ink:#1c2230;--soft:#4b5565;
  --line:#e5e8ee;--blue:#215b83;--blue-soft:#8aa5bd;
  --navy:#0f1420;--serif:'Source Serif 4','Noto Serif',Georgia,serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.57}em{font-family:var(--serif);font-weight:400;font-style:italic}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:#dce9f3;color:var(--ink)}
/* Brand and navigation */
.masthead{height:82px;position:relative;z-index:20;border-bottom:1px solid var(--line);background:rgba(253,253,252,.98)}
.masthead-inner{height:100%;max-width:1750px;margin:auto;display:flex;align-items:center;gap:44px;padding:0 clamp(25px,5vw,88px)}
.wordmark{font-size:29px;font-weight:650;letter-spacing:-.075em;white-space:nowrap;line-height:1}
.nav-links{display:flex;align-items:center;gap:39px;margin-left:auto}.nav-links a{font-size:16px;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current]{color:var(--blue)}
.nav-cta{font-size:16px;font-weight:550;border-bottom:1px solid var(--ink);padding-bottom:8px;white-space:nowrap;margin-left:20px;transition:color .15s}.nav-cta:hover{color:var(--blue);border-color:var(--blue)}
.menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;flex-direction:column;gap:7px;align-items:center;justify-content:center}.menu-toggle span{width:27px;height:1px;background:var(--ink)}
.line-link{display:inline-flex;gap:24px;align-items:center;font-size:18px;font-weight:560;border-bottom:1px solid currentColor;padding-bottom:10px;line-height:1.4;transition:color .18s}.line-link:hover{color:var(--blue)}.line-link span{font-weight:400}
/* An institutional home, not a feature catalog */
.hero{overflow:hidden;min-height:763px;position:relative}
.hero-inner{max-width:1800px;margin:auto;min-height:760px;padding:85px clamp(25px,6.6vw,118px) 85px;display:flex;align-items:center;position:relative}
.hero-content{position:relative;z-index:2;max-width:950px;width:75%}
.hero h1{font:400 clamp(75px,7.6vw,126px)/1.065 var(--serif);letter-spacing:-.066em;margin-bottom:36px}
.hero h1 em{color:var(--blue);white-space:nowrap;letter-spacing:-.06em}
.hero p{font-size:clamp(19px,1.6vw,22px);max-width:555px;line-height:1.58;margin-bottom:38px}
.hero-art{position:absolute;width:min(840px,64vw);height:790px;right:-12%;top:-34px;opacity:.56;pointer-events:none}.hero-art img{height:100%;width:100%;object-fit:contain}
/* One clear idea per chapter */
.manifesto{background:var(--navy);color:#f0f4f8;padding:clamp(110px,13vw,190px) clamp(26px,7.2vw,130px) clamp(100px,11vw,155px)}
.manifesto-inner{max-width:1470px;margin:auto}.manifesto h2{font:400 clamp(65px,7.2vw,120px)/1.085 var(--serif);letter-spacing:-.065em;max-width:1320px}
.manifesto h2 em{color:#a9c4da}.manifesto p{font-size:22px;color:#d3dce7;max-width:690px;margin:56px 0 34px}.manifesto .line-link{color:#f0f4f8}.manifesto .line-link:hover{color:#a9c4da}
.flagship{padding:clamp(95px,10vw,160px) clamp(25px,6.5vw,115px) clamp(110px,10vw,165px);max-width:1780px;margin:auto}
.flagship-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:6%;align-items:end;padding-bottom:52px;border-bottom:1px solid #cad2dc}
.flagship-heading h2{font:400 clamp(100px,12.7vw,190px)/.95 var(--serif);letter-spacing:-.09em}
.flagship-heading p{font-size:24px;line-height:1.45;max-width:430px;margin-bottom:29px}
.experiment-preview{display:grid;grid-template-columns:1.05fr .95fr;background:var(--alt);border-bottom:1px solid #cbd4dd;min-height:455px}
.experiment-left{padding:62px clamp(32px,4.8vw,75px);border-right:1px solid #d5dce5}
.preview-header{display:block;font-size:18px;font-weight:600;margin-bottom:42px;color:var(--blue)}
.preview-prompt{font:400 clamp(35px,3.45vw,57px)/1.22 var(--serif);letter-spacing:-.042em;max-width:660px;margin-bottom:34px}
.preview-subject{display:block;font-size:18px;color:var(--soft)}
.experiment-right{padding:62px clamp(32px,4.8vw,75px);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.preview-outcome{font-size:clamp(24px,2.25vw,36px);line-height:1.38;max-width:460px}
.preview-number{font:400 clamp(78px,8.2vw,128px)/1 var(--serif);letter-spacing:-.07em;margin:25px 0}
.preview-number span{display:block;font:400 18px/1.4 var(--sans);letter-spacing:0;color:var(--soft);margin-top:12px}
.experiment-right>a{font-size:18px;font-weight:550;border-bottom:1px solid;padding-bottom:9px}.experiment-right>a:hover{color:var(--blue)}
.research-invite{background:#edf1f5;min-height:650px;display:grid;grid-template-columns:48% 52%;overflow:hidden;align-items:stretch}
.research-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:600px}.research-art img{position:absolute;left:-20%;top:8%;width:140%;max-width:none;height:84%;object-fit:contain;opacity:.72}
.research-invite-copy{padding:110px clamp(34px,7vw,115px) 110px clamp(35px,5vw,85px);align-self:center}
.research-invite h2{font:400 clamp(50px,5.15vw,82px)/1.15 var(--serif);letter-spacing:-.055em;max-width:780px;margin-bottom:32px}
.research-invite p{font-size:22px;max-width:570px;margin-bottom:37px}
/* Interior pages */
.interior-hero{min-height:675px;padding:110px clamp(25px,7.3vw,128px) 125px;position:relative;overflow:hidden;display:flex;align-items:center}
.interior-content{position:relative;z-index:1;max-width:1330px;width:100%}
.interior-hero h1{font:400 clamp(74px,7.6vw,125px)/1.09 var(--serif);letter-spacing:-.064em;margin-bottom:43px}
.interior-hero h1 em{color:var(--blue)}.interior-hero p{font-size:23px;max-width:760px;line-height:1.5}
.interior-hero .line-link{margin-top:35px}.interior-art{position:absolute;right:-22%;width:60%;height:90%;bottom:-10%;opacity:.28;pointer-events:none}.interior-art img{height:100%;width:100%;object-fit:contain}
.dark-hero{background:var(--navy);color:#f0f4f8;min-height:735px}.dark-hero h1 em{color:#a9c4da}.dark-hero p{color:#dce3ec}.dark-hero .interior-art img{filter:brightness(0) invert(.85) sepia(.1)}
.letter-section{padding:155px clamp(25px,7.3vw,128px);display:grid;grid-template-columns:1fr 1fr;gap:10%;max-width:1780px;margin:auto}
.letter-section h2{font:400 clamp(62px,5.6vw,93px)/1.13 var(--serif);letter-spacing:-.065em}
.letter-section>div{padding-top:16px}.letter-section p{font-size:22px;max-width:590px;line-height:1.55;margin-bottom:27px}.letter-section .line-link{margin-top:20px}
.interior-end{padding:110px clamp(25px,7.3vw,128px) 130px;background:var(--alt);display:flex;justify-content:space-between;align-items:end;gap:70px}
.interior-end h2{font:400 clamp(58px,5.8vw,92px)/1.16 var(--serif);letter-spacing:-.055em}.interior-end h2 em{color:var(--blue)}.interior-end .line-link{white-space:nowrap}
.research-hero{background:var(--alt)}.research-hero .interior-art{width:53%;height:65%;right:-9%;top:34%;opacity:.57}.research-hero p{max-width:730px}
.research-papers{padding:130px clamp(25px,7.3vw,128px) 165px;max-width:1780px;margin:auto}
.research-papers>h2{font:400 clamp(75px,8vw,130px)/1 var(--serif);letter-spacing:-.075em;padding-bottom:76px}
.paper{display:grid;grid-template-columns:1.25fr .75fr;gap:10%;padding:68px 0;border-top:1px solid #ccd3dd;align-items:start}
.paper:last-child{border-bottom:1px solid #ccd3dd}.paper h3{font:400 clamp(42px,4.05vw,66px)/1.2 var(--serif);letter-spacing:-.04em;max-width:870px}
.paper>div{padding-top:8px}.paper p{font-size:23px;line-height:1.45;max-width:510px;margin-bottom:34px}
.product-hero{min-height:650px;background:var(--paper)}.product-hero p{max-width:790px}.product-hero h1{font-size:clamp(83px,8vw,133px)}
.product-example{padding:135px clamp(25px,7vw,125px);background:var(--alt)}
.product-example-title{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:70px}.product-example-title h2{font:400 clamp(70px,7vw,112px)/1.05 var(--serif);letter-spacing:-.07em}
.product-example-title p{font-size:25px;max-width:540px;margin-bottom:10px}
.product-evidence{display:grid;grid-template-columns:1fr 1fr;gap:40px 8%;border-top:1px solid #cbd4dd;border-bottom:1px solid #cbd4dd;padding:56px 0}
.product-example-prompt{font:400 clamp(36px,3.45vw,56px)/1.24 var(--serif);letter-spacing:-.04em;max-width:620px}
.evidence-row{display:flex;flex-direction:column;gap:32px}.evidence-row>div{display:flex;flex-direction:column;gap:7px}.evidence-row span{font-size:18px;color:var(--soft)}.evidence-row strong{font-size:28px;font-weight:550}
.product-evidence .line-link{grid-column:2;justify-self:start}
.product-workflows{padding:135px clamp(25px,7vw,125px) 165px;max-width:1800px;margin:auto}.product-workflows>h2{font:400 clamp(65px,6vw,100px) var(--serif);letter-spacing:-.055em;margin-bottom:65px}
.workflow-line{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:baseline;border-top:1px solid #ccd4dd;padding:30px 0;font:400 clamp(38px,4vw,64px)/1.33 var(--serif);letter-spacing:-.052em}
.workflow-line:last-of-type{border-bottom:1px solid #ccd4dd;margin-bottom:43px}.workflow-line span{color:#8b98a7;font-family:var(--sans);font-size:29px}.workflow-line a:hover{color:var(--blue)}
/* Quiet closing signature */
.site-footer{min-height:175px;padding:49px clamp(25px,6vw,110px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:60px}
.footer-word{font-size:30px;font-weight:650;letter-spacing:-.075em}.site-footer>div{display:flex;gap:29px;flex-wrap:wrap;align-items:center;padding-top:10px}.site-footer>div a{font-size:16px}.site-footer>div a:hover{color:var(--blue)}.site-footer>span{font-size:15px;color:var(--soft);padding-top:12px}
@media(max-width:1100px){.nav-links{gap:22px}.masthead-inner{gap:20px}.hero-content{width:88%}.hero-art{opacity:.31;right:-28%;width:89vw}.flagship-heading{grid-template-columns:1fr .65fr}.experiment-preview{min-height:460px}.research-invite h2{font-size:54px}}
@media(max-width:850px){.masthead{height:74px}.masthead-inner{gap:16px}.menu-toggle{display:flex;margin-left:auto;order:3}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;z-index:22;padding:32px 27px;flex-direction:column;align-items:flex-start;gap:23px;background:var(--paper);border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-cta{margin-left:auto}.hero-inner{padding-top:100px}.hero-content{width:100%}.flagship-heading{grid-template-columns:1fr;gap:25px}.experiment-preview{grid-template-columns:1fr}.experiment-left{border-right:0;border-bottom:1px solid var(--line)}.research-invite{grid-template-columns:1fr}.research-art{min-height:320px}.research-art img{height:450px;width:110%;left:-5%;top:-28%}.research-invite-copy{padding:50px 45px 95px}.paper{grid-template-columns:1fr;gap:25px}.product-example-title{grid-template-columns:1fr;gap:30px}.site-footer{grid-template-columns:1fr auto}}
@media(max-width:600px){.masthead-inner{padding:0 23px}.wordmark{font-size:26px}.nav-cta{display:none}.hero{min-height:700px}.hero-inner{min-height:700px;display:block;padding:80px 26px 35px}.hero h1{font-size:clamp(56px,11.6vw,75px);line-height:1.12;letter-spacing:-.063em;margin-bottom:30px}.hero h1 em{white-space:normal}.hero-content{width:100%}.hero p{font-size:19px;max-width:355px;margin-bottom:38px}.hero-art{width:550px;height:520px;top:240px;right:-255px;opacity:.18}.line-link{font-size:17px}.manifesto{padding:95px 26px 105px}.manifesto h2{font-size:clamp(51px,10.5vw,70px)}.manifesto p{font-size:19px;margin:38px 0 30px}.flagship{padding:90px 26px 105px}.flagship-heading{padding-bottom:38px}.flagship-heading h2{font-size:clamp(90px,20vw,124px)}.flagship-heading p{font-size:20px;margin-bottom:24px}.experiment-left,.experiment-right{padding:38px 26px}.preview-header,.preview-subject{font-size:17px}.preview-prompt{font-size:36px}.preview-outcome{font-size:26px}.preview-number{font-size:93px}.preview-number span{font-size:17px}.experiment-right>a{font-size:17px}.research-art{min-height:250px}.research-art img{height:370px;width:145%;left:-20%;top:-65px}.research-invite-copy{padding:25px 26px 98px}.research-invite h2{font-size:clamp(46px,10vw,63px)}.research-invite p{font-size:19px}.interior-hero{min-height:570px;padding:77px 26px 105px;align-items:flex-start}.interior-hero h1{font-size:clamp(55px,10.9vw,71px);margin:40px 0 30px}.interior-hero p{font-size:19px}.interior-hero .interior-art{height:370px;width:520px;bottom:-155px;right:-260px;opacity:.16}.dark-hero{min-height:650px}.letter-section{padding:90px 26px 110px;display:block}.letter-section h2{font-size:clamp(47px,10vw,63px);margin-bottom:36px}.letter-section p{font-size:19px}.interior-end{padding:80px 26px 100px;display:block}.interior-end h2{font-size:50px;margin-bottom:38px}.research-hero .interior-art{width:370px;height:250px;top:auto;bottom:-90px;right:-130px;opacity:.20}.research-papers{padding:90px 26px 110px}.research-papers>h2{font-size:79px;padding-bottom:43px}.paper{padding:38px 0}.paper h3{font-size:34px}.paper p{font-size:19px;margin-bottom:20px}.product-hero h1{font-size:clamp(57px,12vw,76px)}.product-example{padding:88px 26px 95px}.product-example-title h2{font-size:65px}.product-example-title p{font-size:20px}.product-evidence{grid-template-columns:1fr;gap:35px;padding:40px 0}.product-example-prompt{font-size:39px}.evidence-row{gap:24px}.evidence-row span{font-size:17px}.evidence-row strong{font-size:25px}.product-evidence .line-link{grid-column:1}.product-workflows{padding:95px 26px 115px}.product-workflows>h2{font-size:58px;margin-bottom:43px}.workflow-line{font-size:39px;gap:10px 16px}.workflow-line span{font-size:19px}.site-footer{display:block;padding:40px 26px 65px}.site-footer>div{margin:30px 0;gap:22px}.site-footer>span{padding:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Contact is the only page with explanatory Q&A. */
.contact-hero{padding:clamp(110px,12vw,200px) clamp(25px,7.3vw,128px) clamp(115px,12vw,195px);min-height:590px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px}
.contact-hero h1{font:400 clamp(104px,12vw,188px)/1 var(--serif);letter-spacing:-.09em;margin-bottom:24px}
.contact-mail{font:400 clamp(28px,4.25vw,64px)/1.25 var(--serif);letter-spacing:-.045em;overflow-wrap:anywhere;border-bottom:1px solid #bcc9d6;padding-bottom:13px}
.contact-mail:hover,.contact-github:hover{color:var(--blue)}
.contact-github{font-size:19px;border-bottom:1px solid currentColor;padding-bottom:8px;margin-top:13px}
.contact-questions{background:var(--alt);padding:clamp(100px,9vw,150px) clamp(25px,7.3vw,128px);display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:start}
.contact-questions h2{font:400 clamp(58px,5.5vw,86px)/1.13 var(--serif);letter-spacing:-.055em}
.qa-items{border-top:1px solid #ccd4df}
.qa-items details{border-bottom:1px solid #ccd4df;padding:27px 0}
.qa-items summary{font:500 clamp(19px,1.55vw,23px)/1.48 var(--sans);cursor:pointer;list-style:none;padding-right:34px;position:relative}
.qa-items summary::-webkit-details-marker{display:none}
.qa-items summary::after{content:'+';position:absolute;right:2px;top:-2px;font-size:27px;font-weight:400;color:var(--blue)}
.qa-items details[open] summary::after{content:'−'}
.qa-items details p{margin-top:20px;font-size:19px;line-height:1.65;max-width:650px;color:var(--soft)}
.qa-items details a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--blue);color:var(--ink)}
.qa-items details a:hover{color:var(--blue)}
@media(max-width:850px){.contact-questions{grid-template-columns:1fr;gap:50px}}
@media(max-width:600px){.contact-hero{min-height:520px;padding:90px 26px 110px;gap:19px}.contact-hero h1{font-size:clamp(83px,17vw,112px);margin-bottom:16px}.contact-mail{font-size:clamp(27px,7.4vw,40px)}.contact-questions{padding:85px 26px 115px}.contact-questions h2{font-size:clamp(54px,11vw,72px)}.qa-items details{padding:24px 0}.qa-items details p{font-size:18px}}

/* OpenSAE editorial evidence: legible pairings, no decorative labels */
.experiment-preview{grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:stretch;min-height:365px}
.experiment-left{display:flex;flex-direction:column;justify-content:space-between;gap:34px;padding:clamp(36px,4vw,64px)}
.experiment-left .preview-prompt{margin:0;max-width:620px;font-size:clamp(29px,3vw,46px);line-height:1.26}
.experiment-left .preview-subject{margin:0;font-size:17px;line-height:1.4}
.experiment-right{padding:clamp(36px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:25px;min-width:0}
.experiment-right .preview-outcome{font-family:var(--serif);font-size:clamp(25px,2.35vw,37px);line-height:1.25;max-width:370px;margin:0}
.preview-metric{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.preview-metric strong{font-family:var(--serif);font-size:clamp(54px,5vw,80px);font-weight:400;letter-spacing:-.065em;line-height:1}
.preview-metric span{font-size:16px;color:var(--soft)}
.experiment-right>a{align-self:flex-start;font-size:17px;text-decoration:underline;text-underline-offset:7px}
.page-home .hero h1{font-size:clamp(58px,6.35vw,113px);max-width:1100px}
.page-contact .contact-hero h1{max-width:1250px;font-size:clamp(40px,6vw,95px);line-height:1.15}
@media(max-width:840px){.experiment-preview{grid-template-columns:1fr}.experiment-left{border-right:0;border-bottom:1px solid var(--line);min-height:240px}.experiment-right{min-height:280px}.preview-metric{gap:14px}.page-home .hero h1 em{white-space:normal}}


/* Approved original OpenSAE wordmark. Preserve image pixels and 2047:639 aspect ratio. */
.wordmark,.footer-word{display:inline-flex;align-items:center;line-height:1;max-width:100%}
.wordmark .opensae-approved-banner{display:block;width:auto;height:49px;max-width:none;object-fit:contain}
.footer-word .opensae-approved-banner{display:block;width:auto;height:43px;max-width:none;object-fit:contain}
@media(max-width:850px){.wordmark .opensae-approved-banner{height:44px}}
@media(max-width:600px){.wordmark .opensae-approved-banner{height:39px}.footer-word .opensae-approved-banner{height:38px}}

/* Readable, evidence-first feature example. */
.preview-kicker{font-size:17px;line-height:1.5;color:#4d6477;margin:0 0 13px}
.page-home .preview-metric{gap:12px 18px;align-items:center;margin:30px 0 28px}
.page-home .preview-metric strong{font-size:clamp(48px,4.6vw,68px);white-space:nowrap}
.page-home .preview-metric span{font-size:17px;line-height:1.45}
.product-hypothesis{font-size:22px;line-height:1.45;color:#384857;margin:16px 0 26px;max-width:680px}

/* Align the two halves of the featured example on shared label/content rows. */
.page-home .experiment-preview{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:320px;align-items:stretch}
.page-home .experiment-left,.page-home .experiment-right{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;min-height:0;padding:clamp(34px,4.3vw,64px)}
.page-home .experiment-right .preview-explanation{display:flex;flex-direction:column;gap:24px}
.page-home .experiment-left .preview-subject,.page-home .experiment-right .preview-kicker{display:block;margin:0;min-height:25px;font:500 18px/1.4 var(--sans);color:var(--soft)}
.page-home .experiment-left .preview-prompt,.page-home .experiment-right .preview-outcome{margin:0;max-width:100%;font:400 clamp(28px,2.65vw,42px)/1.24 var(--serif);letter-spacing:-.035em;overflow-wrap:break-word}
@media(max-width:840px){.page-home .experiment-preview{grid-template-columns:minmax(0,1fr)}.page-home .experiment-left,.page-home .experiment-right{padding:34px clamp(25px,5vw,44px);gap:19px;min-height:0}.page-home .experiment-right .preview-explanation{gap:19px}}

/* Quiet blue token-level feature emphasis on the original text. */
.feature-token-highlight{background:#d5e7f4;color:#194f75;padding:.015em .095em .075em;box-decoration-break:clone;-webkit-box-decoration-break:clone;border-radius:2px}
