@layer reset,base,layout,components,responsive;
@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p,figure,ul,ol{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}fieldset{border:0;margin:0;padding:0;min-width:0}[hidden]{display:none!important}}
@layer base{
:root{--paper:#f8f7f3;--white:#fff;--ink:#183b32;--text:#273b35;--muted:#596b63;--line:#dce3da;--green:#164c3c;--soft:#edf1e9;--lime:#dceaab;--gold:#d5ac69;--error:#a3322d;--radius:24px;--shadow:0 24px 72px #15372e12;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Ethiopic",Kefa,sans-serif;--serif:Georgia,"Noto Serif Ethiopic",Kefa,serif}
html{scroll-behavior:smooth;scroll-padding-top:108px}body{font:16px/1.7 var(--sans);color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:var(--ink)}h1,h2,h3{color:var(--ink);font-weight:500}h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(48px,6.5vw,92px)}h2{font-size:clamp(34px,4vw,56px)}h3{font-size:21px;line-height:1.35;font-weight:600;letter-spacing:-.025em}h1 em,h2 em{font-weight:400;color:#55725d}p{max-width:72ch}p+p{margin-top:18px}p a:not(.button){text-decoration:underline;text-underline-offset:4px}button:disabled{cursor:wait;opacity:.65}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #927024;outline-offset:5px}input,select,textarea{color:var(--text)}.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;line-height:1.7;color:var(--green);margin-bottom:22px}.lead{font-size:19px;line-height:1.8;color:var(--muted)}.small{font-size:13px;line-height:1.7}.muted{color:var(--muted)}.narrow{max-width:820px}.icon{width:24px;height:24px;flex:0 0 24px}.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:8px;left:8px;z-index:100;transform:translateY(-150%);padding:12px 20px;background:var(--ink);color:white;border-radius:8px}.skip-link:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 24px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:white;font-size:14px;font-weight:600;line-height:1.4;transition:background .18s,transform .18s}.button:hover{background:#0c3729;transform:translateY(-2px)}.button>span[aria-hidden]{font-size:21px;font-weight:400}.button-small{padding:11px 17px;min-height:44px;font-size:12px;gap:16px}.button-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button-light:hover{background:var(--lime);color:var(--ink)}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:28px}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:600;line-height:1.6;padding:10px 0}.text-link>span{font-size:22px;font-weight:400;transition:transform .2s}.text-link:hover>span{transform:translate(3px,-3px)}.text-button{border:0;background:none;font-size:13px;font-weight:600;padding:8px 0;text-align:start;text-decoration:underline;text-underline-offset:5px}.text-button:hover{color:var(--green)}.apple-button{gap:15px;padding:12px 20px;min-height:64px}.apple-button .apple-icon{width:26px;height:30px}.apple-button small,.apple-button strong{display:block;line-height:1.25}.apple-button small{font-size:10px;font-weight:400;letter-spacing:.02em}.apple-button strong{font-size:20px;letter-spacing:-.04em}.apple-button>span:last-child{margin-left:8px}.release-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;font-size:11px;font-weight:600;border:1px solid #ccd9c9;border-radius:99px;background:#eff3e9;line-height:1.5}.release-pill>span:last-child{font-size:16px}.status-dot{width:6px;height:6px;border-radius:50%;background:#41704b;box-shadow:0 0 0 4px #dfe9d8}.notice{padding:26px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.notice h2{font-size:25px;margin-bottom:14px}.notice p{margin-top:12px}.empty-state{padding:36px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
}
@layer layout{
.site-header{position:sticky;top:0;background:#f8f7f3f2;backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid #e2e6dc}.nav-row{display:flex;align-items:center;gap:40px;min-height:88px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);flex-shrink:0}.brand-mark{width:40px;height:40px}.brand>span{font-size:17px;font-weight:750;letter-spacing:.035em;line-height:1.15}.brand small{display:block;font-size:11px;letter-spacing:.06em;font-weight:400;margin-top:5px}.primary-nav{display:flex;gap:28px;margin-left:auto;align-items:center}.primary-nav>a{font-size:12px;font-weight:500;white-space:nowrap;padding:12px 0;position:relative}.primary-nav>a::after{content:'';height:1px;position:absolute;bottom:5px;left:0;right:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .2s}.primary-nav>a:hover::after,.primary-nav>a[aria-current]::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:12px}.language-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;gap:1px}.language-switch a{display:flex;align-items:center;gap:5px;padding:5px 7px;font-size:11px;border-radius:5px;line-height:1.5;min-height:32px}.language-switch a[aria-current]{background:var(--white);box-shadow:0 1px 4px #163a3114;font-weight:700}.language-switch a:hover{background:#e7eddf}.icon-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;border-radius:8px}.icon-button:hover{background:var(--soft)}.icon-button .icon{width:18px;height:18px;flex-basis:18px}.menu-toggle{display:none}.mobile-contact{display:none}
.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:20px;padding-block:70px 65px;min-height:730px}.hero-copy{position:relative;z-index:2;padding-bottom:16px}.hero h1{margin:28px 0 24px}.hero .lead{max-width:440px;font-size:17px}.hero .button-row{margin-top:32px;gap:24px}.hero-note{display:flex;align-items:center;gap:15px;margin-top:38px}.hero-note>span{font-size:27px;line-height:1;color:#4c6c55}.hero-note p{font-size:11px;letter-spacing:.04em;color:var(--muted);border-left:1px solid var(--line);padding-left:15px}.value-strip{border-block:1px solid var(--line);background:#eff1e9}.value-strip .container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:23px}.value-strip span{display:flex;align-items:center;gap:13px;font-size:12px;color:#50614e}.value-strip .icon{width:19px;height:19px;flex-basis:19px}.editorial{display:grid;grid-template-columns:.65fr 1fr;gap:100px}.editorial>.eyebrow{padding-top:12px;max-width:180px}.editorial h2{margin-bottom:28px}.editorial p:not(.eyebrow){font-size:17px;line-height:1.85;color:var(--muted)}.editorial .text-link{margin-top:24px}.experience-section{background:#eaf0e6;border-block:1px solid #d9e2d4}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.section-heading h2{max-width:700px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#f9faf5;border:1px solid #dce4d6;border-radius:16px;padding:30px 28px}.feature-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:56px;color:var(--green)}.feature-top>span{font-family:var(--serif);font-size:22px;color:#92a18b}.feature-card h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.045em;margin-bottom:18px}.feature-card p{color:var(--muted);font-size:14px;line-height:1.85}.format-note{display:flex;align-items:center;gap:15px;padding:26px 0 0;font-size:12px;color:var(--muted)}.format-note strong{color:var(--ink);font-weight:600}.format-note .icon{width:19px}.author-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.author-art{background:#e6bd7c;padding:32px;border-radius:20px;min-height:430px;display:flex;flex-direction:column;color:#423b2d;position:relative;overflow:hidden}.author-art::after{content:'';position:absolute;width:360px;height:360px;border:1px solid #8f704b77;border-radius:50%;right:-130px;top:-80px}.author-art>small{font-size:10px;letter-spacing:.14em}.author-type{font-family:var(--serif);font-size:180px;line-height:1.2;letter-spacing:-.12em;margin:auto 0;position:relative;z-index:1}.author-type>span{font-family:var(--sans);font-size:160px;margin-left:12px;color:#7f5940}.author-art-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;border-top:1px solid #94754d66;padding-top:20px;align-items:center}.author-copy h2{margin-bottom:24px}.author-copy p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.85}.author-copy .button{margin-top:32px}.faq-section{display:grid;grid-template-columns:.7fr 1fr;gap:90px;border-top:1px solid var(--line)}.faq-section .text-link{margin-top:24px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 0;font-size:15px;font-weight:600;cursor:pointer;line-height:1.6}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:25px;font-weight:300;line-height:1;min-width:20px;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:0 32px 25px 0;color:var(--muted);font-size:14px;line-height:1.9}.closing{padding:65px 72px;background:var(--ink);border-radius:20px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;overflow:hidden;margin-block:12px 100px;color:#ecf2e9;position:relative}.closing h2{color:#f5f4e8;font-size:clamp(37px,3.8vw,52px);margin-bottom:22px}.closing .eyebrow{color:var(--lime)}.closing p:not(.eyebrow){color:#b9ccba;font-size:14px;max-width:350px}.closing .apple-button{margin-top:26px}.closing-art{border:1px solid #7c9d7555;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:var(--lime)}.closing-art::before{content:'';position:absolute;inset:18px;border:1px solid #7c9d7533;border-radius:50%}.closing-art>span{font-size:75px;font-weight:300}.closing-line{width:80px;height:1px;background:#7c9d7577;margin:24px auto}.closing-art small{font-size:8px;letter-spacing:.14em}.site-footer{background:#f0f2eb;border-top:1px solid var(--line);padding-top:60px}.footer-main{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.15fr;gap:50px;padding-bottom:60px}.footer-brand .brand{margin-bottom:20px}.footer-brand p{font-size:12px;max-width:230px}.footer-brand p+p{margin-top:9px}.footer-email{display:inline-block;margin-top:22px;font-size:12px;overflow-wrap:anywhere}.footer-main h2{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.05em;line-height:1.6;margin:8px 0 20px}.footer-main>div:not(:first-child)>a{display:block;font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.6}.footer-main a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:24px;font-size:10px;color:var(--muted)}.footer-bottom a{display:inline-flex;gap:10px}.breadcrumbs{display:flex;gap:12px;align-items:center;padding-top:30px;font-size:11px;color:var(--muted)}.breadcrumbs a:hover{text-decoration:underline}.page-intro{padding-block:55px 65px}.page-intro h1{font-size:clamp(46px,5.9vw,80px);max-width:900px;margin-bottom:25px}.page-intro .lead{max-width:650px;font-size:18px}.page-actions{display:flex;justify-content:flex-end;padding:0 0 45px;gap:18px;align-items:center}.page-actions .small{font-size:11px}.simple-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--soft);border:1px solid var(--line);padding:40px 48px;border-radius:16px;margin-block:40px 90px}.simple-cta h2{font-size:32px}.simple-cta p{font-size:14px;color:var(--muted);margin-top:12px}.simple-cta .button{flex-shrink:0}
}
@layer components{
.reader-scene{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center;isolation:isolate}.scene-orbit{position:absolute;inset:8% -2% 8% 0;border-radius:50% 50% 40% 50%;background:#e2e9d9;transform:rotate(-12deg);z-index:-3}.scene-orbit::before{content:'';position:absolute;inset:-14px;border:1px solid #d3ddc7;border-radius:50%}.scene-word{position:absolute;font-size:105px;letter-spacing:-.07em;color:#cad7bc;top:0;right:2%;transform:rotate(7deg);z-index:-2;white-space:nowrap}.reader-device{width:266px;height:475px;flex-shrink:0;padding:32px 22px 18px;background:#fffef9;border:6px solid #263f36;border-radius:36px;box-shadow:18px 35px 45px #28413625,inset 0 0 0 1px #e2e4db;transform:rotate(8deg);position:relative;display:flex;flex-direction:column;overflow:hidden}.device-camera{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:69px;height:10px;background:#263f36;border-radius:15px}.reader-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.13em;padding-bottom:16px;border-bottom:1px solid #c6cec155;color:inherit}.reader-top .icon{width:15px;height:15px;flex-basis:15px}.reader-page{padding-top:28px;flex:1}.reader-page .eyebrow{font-size:7px;letter-spacing:.14em;margin-bottom:12px;color:inherit;opacity:.65}.reader-page h3{font-size:42px;font-weight:400;line-height:1.4;color:inherit;margin-bottom:18px}.reader-rule{width:30px;border-top:1px solid currentColor;opacity:.4;margin-bottom:22px}.reader-sample{font-family:var(--serif);font-size:13px;line-height:1.8;color:inherit}.reader-sample p+p{margin-top:13px}.reader-end{text-align:center;font-size:26px;margin-top:14px;opacity:.6}.reader-bottom{border-top:1px solid #c6cec155;padding-top:12px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.04em}.story-spine{position:absolute;width:180px;height:285px;background:#254e40;left:1%;top:25%;transform:rotate(-15deg);border-radius:3px 12px 12px 3px;box-shadow:-5px 9px 20px #21362e20;display:flex;align-items:center;flex-direction:column;color:#e4e9d4;padding:28px 16px;z-index:-1;overflow:hidden}.story-spine::after{content:'';position:absolute;inset:0 auto 0 4px;width:5px;border-inline:1px solid #ffffff22}.story-spine>span{font-size:9px;letter-spacing:.17em}.story-spine>b{font-size:31px;font-weight:400;margin:auto 0;writing-mode:vertical-rl;letter-spacing:.08em}.story-spine>small{font-size:7px;letter-spacing:.12em}.scene-tag{position:absolute;right:-3%;bottom:18%;display:flex;align-items:center;gap:12px;background:#fcfcf6;padding:14px 18px;border:1px solid #e2e8d9;border-radius:12px;box-shadow:var(--shadow);font-size:11px;line-height:1.7;transform:rotate(-4deg)}.tag-icon{padding:10px;background:var(--soft);border-radius:8px}.reader-scene figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;color:var(--muted);letter-spacing:.03em}.about-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;padding-block:16px 30px}.about-poster{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px;background:#dce6cb;position:relative;overflow:hidden}.about-poster::before,.about-poster::after{content:'';position:absolute;border:1px solid #a4b78f77;border-radius:50%;inset:-40px}.about-poster::after{inset:22px}.about-poster>span{font-size:90px;font-weight:300;letter-spacing:-.04em}.about-poster small{font-size:9px;letter-spacing:.12em;margin-top:18px}.about-layout h2{font-size:40px;margin-bottom:24px}.about-layout p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9}.principle{display:grid;grid-template-columns:.2fr 1fr 1fr;gap:45px;padding-block:34px;border-top:1px solid var(--line);align-items:center}.principle:last-child{border-bottom:1px solid var(--line)}.principle>span{color:#7d917b;font-family:var(--serif);font-size:24px}.principle h2{font-size:32px}.principle p{font-size:14px;color:var(--muted)}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.interactive-scene{min-height:660px}.interactive-scene .reader-device{transform:rotate(0);height:500px;width:290px}.interactive-scene .story-spine,.interactive-scene .scene-tag,.interactive-scene .scene-word{display:none}.interactive-scene .scene-orbit{inset:0 -10px 90px}.interactive-scene figcaption{bottom:74px}.reader-controls{position:absolute;bottom:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.reader-controls>div{display:flex;border:1px solid var(--line);border-radius:9px;padding:4px;background:var(--white)}.reader-controls button{border:0;border-radius:6px;background:transparent;padding:8px 10px;font-size:11px;min-width:38px;min-height:36px}.reader-controls button[aria-pressed=true]{background:var(--green);color:white}.reader-controls button:hover{background:#dce8d0;color:var(--ink)}.reader-device[data-theme=warm]{background:#f2e4c9;color:#4b3b24}.reader-device[data-theme=night]{background:#1c3029;color:#e4e6d7}.reader-device[data-size='1'] .reader-sample{font-size:12px}.reader-device[data-size='3'] .reader-sample{font-size:15px}.reader-device[data-size='4'] .reader-sample{font-size:16px}.interactive-scene .reader-sample{max-height:233px;overflow:auto;scrollbar-width:thin}.demo-copy h2{margin-bottom:26px}.demo-copy p:not(.eyebrow){color:var(--muted);margin-bottom:20px}.demo-copy .apple-button{margin-top:12px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-number{display:inline-block;font-family:var(--serif);font-size:31px;color:#71906b;margin-bottom:26px}.journey h2{font-family:var(--sans);font-size:21px;letter-spacing:-.035em;font-weight:600;line-height:1.5;margin-bottom:18px}.journey p{font-size:14px;color:var(--muted)}.author-promise{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:45px 60px}.author-promise>div:first-child{border-right:1px solid #bcccba;padding-right:45px}.share-number{display:block;font-family:var(--serif);font-size:115px;font-weight:400;letter-spacing:-.07em;line-height:1.25}.share-number span{font-size:55px;color:#729062}.author-promise h2{font-size:36px;margin-bottom:22px}.author-promise p{font-size:13px;color:var(--muted)}.author-promise .text-link{margin-top:18px}.publishing-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:0;list-style:none}.publishing-steps li{border-top:1px solid var(--line);padding-top:24px}.publishing-steps h3{font-size:20px;margin-bottom:16px}.publishing-steps p{font-size:14px;color:var(--muted)}.download-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.download-primary{background:#e7eddc;border:1px solid #d8e0ca;border-radius:20px;padding:50px;position:relative;overflow:hidden}.download-primary h2{margin:28px 0 20px;font-size:44px}.download-primary>p{font-size:15px;color:var(--muted);max-width:400px}.download-primary .apple-button{margin:28px 0}.download-primary .small{font-size:12px}.download-primary .text-button{margin-top:20px}.download-secondary{padding:42px;background:#f0f0e9;border:1px solid var(--line);border-radius:20px}.download-secondary h2{font-size:35px;margin-bottom:20px}.download-secondary>p{font-size:14px;color:var(--muted);max-width:340px}.download-secondary .text-link{margin-top:20px}.download-help{border-top:1px solid var(--line);margin-top:35px;padding-top:27px}.download-help h3{font-size:18px;margin-top:15px}.download-help .text-link{font-size:12px;margin-top:5px}.search-panel{max-width:900px;margin-bottom:55px}.search-panel label{display:block;font-size:13px;font-weight:600;margin-bottom:12px}.search-input-row{display:flex;align-items:center;gap:16px;background:white;border:1px solid #cad7c5;border-radius:12px;padding:8px 20px}.search-input-row input{padding:12px 0;border:0;background:none;flex:1;min-width:0;outline-offset:0;font-size:15px}.search-input-row .text-button{padding:8px 0}.search-panel>p{margin-top:14px;min-height:16px;font-size:12px;color:var(--muted)}.help-layout{display:grid;grid-template-columns:230px 1fr;gap:80px;margin-bottom:80px}.side-nav{display:flex;flex-direction:column;align-items:flex-start;gap:13px;align-self:start;position:sticky;top:120px;border-left:2px solid var(--line);padding-left:22px}.side-nav a{font-size:12px;color:var(--muted);line-height:1.6}.side-nav a:hover{color:var(--green)}.side-nav .text-link{color:var(--green);margin-top:15px}.help-group{margin-bottom:50px;scroll-margin-top:110px}.help-group>h2{font-size:30px;margin-bottom:24px}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:90px}.search-results article a{display:block;height:100%;position:relative;background:white;border:1px solid var(--line);padding:27px 55px 27px 28px;border-radius:14px;transition:border-color .2s,transform .2s}.search-results article a:hover{border-color:#819577;transform:translateY(-2px)}.search-results h2{font-family:var(--sans);font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.5;margin-bottom:12px}.search-results p{font-size:13px;color:var(--muted)}.search-results a>span{position:absolute;right:24px;top:28px;font-size:22px}.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:92px;align-items:start;margin-bottom:95px}.contact-icon{padding:17px;background:#e5ebda;border-radius:13px;width:62px;margin-bottom:26px}.contact-aside h2{font-size:37px;margin-bottom:20px}.contact-aside>p:not(.small){font-size:14px;color:var(--muted);margin-bottom:20px}.email-address{font-size:16px;font-weight:600;overflow-wrap:anywhere}.contact-aside>.text-button{display:block;margin-top:8px}.copy-status{min-height:18px;margin:5px 0;font-size:11px}.aside-resource{display:flex;align-items:start;gap:15px;border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.aside-resource .icon{width:20px;flex-basis:20px}.aside-resource h3{font-size:14px;font-weight:500}.aside-resource .text-link{font-size:12px;padding:5px 0}.contact-aside>.small:last-child{margin-top:26px;font-size:12px}.contact-form-wrap{background:white;border:1px solid var(--line);padding:40px;border-radius:20px;box-shadow:var(--shadow)}.form-heading{margin-bottom:30px}.form-heading .eyebrow{font-size:9px;margin-bottom:12px}.form-heading h2{font-size:34px;margin-bottom:10px}.form-heading .small{font-size:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:19px}.field label{display:block;font-size:12px;font-weight:600;line-height:1.6;margin-bottom:9px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid #d0d9cb;border-radius:8px;background:#fcfcf9;font-size:14px;line-height:1.6;min-height:48px;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #dce8d799;outline:none}.field textarea{resize:vertical;min-height:155px}.field [aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 1px var(--error)}.field-error{font-size:11px;line-height:1.6;color:var(--error);margin-top:5px;min-height:0}.field-error:empty{display:none}.field-meta{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted);margin-top:7px}.field-meta>span:last-child{white-space:nowrap}.form-privacy{display:flex;align-items:flex-start;gap:10px;font-size:10px;color:var(--muted);margin:23px 0}.form-privacy .icon{width:16px;height:16px;flex-basis:16px;margin-top:1px}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.submit-button{width:100%;justify-content:space-between;min-height:53px}.submit-button .icon{width:20px;height:20px}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{font-size:12px;line-height:1.7;margin-top:15px;color:var(--error)}.form-status:empty{display:none}.contact-success{padding:20px 0;text-align:center}.success-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#e9f1dd;margin:0 auto 24px}.contact-success h2{font-size:35px;margin-bottom:18px}.contact-success>p:not(.eyebrow){font-size:14px;color:var(--muted)}.reference-box{background:var(--soft);border:1px solid var(--line);padding:22px;border-radius:12px;margin-block:26px;display:flex;flex-direction:column;align-items:center}.reference-box strong{font-size:27px;letter-spacing:.04em;margin:7px 0}.reference-box small,.reference-box span{font-size:11px;color:var(--muted)}.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:90px;margin-bottom:80px}.legal-layout .side-nav{max-height:calc(100vh - 145px);overflow:auto}.legal-body{max-width:780px;min-width:0}.document-meta{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid var(--line);padding:17px 0;margin-bottom:45px;color:var(--muted);font-size:11px}.document-meta .text-button{font-size:11px}.legal-body section{margin-bottom:40px;scroll-margin-top:115px}.legal-body h2{display:flex;gap:16px;align-items:baseline;font-family:var(--sans);font-size:23px;font-weight:600;letter-spacing:-.03em;line-height:1.5;margin-bottom:17px}.legal-body h2>span{font-family:var(--serif);font-weight:400;font-size:20px;color:#879a7b}.legal-body p{font-size:14px;line-height:1.95;color:#516159;overflow-wrap:anywhere}.legal-body p+p{margin-top:17px}.legal-contact{padding-top:28px;border-top:1px solid var(--line)}.legal-contact .button{margin-top:22px}.legal-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:100px}.legal-card{position:relative;padding:30px;background:white;border:1px solid var(--line);border-radius:14px;transition:border-color .2s}.legal-card:hover{border-color:var(--green)}.legal-card>span:first-child{font-family:var(--serif);font-size:20px;color:#7c9270}.legal-card h2{font-family:var(--sans);font-size:22px;font-weight:600;line-height:1.5;letter-spacing:-.03em;margin:20px 0 15px}.legal-card p{font-size:13px;color:var(--muted);max-width:90%}.legal-card>span:last-child{position:absolute;right:28px;top:26px;font-size:24px}.error-actions{display:flex;gap:35px;align-items:center;padding-bottom:120px}
}
@layer responsive{
html[lang=ti] h1,html[lang=ti] h2,html[lang=ti] h3{font-family:var(--sans);letter-spacing:-.025em}html[lang=ti] h1{font-size:clamp(42px,5.6vw,74px);line-height:1.4}html[lang=ti] h2{font-size:clamp(30px,3.2vw,43px);line-height:1.55}html[lang=ti] h3{line-height:1.65}html[lang=ti] .eyebrow{letter-spacing:.035em}html[lang=ti] .lead{font-size:18px;line-height:2}html[lang=ti] .primary-nav{gap:22px}html[lang=ti] .primary-nav>a{font-size:12px}html[lang=ti] .feature-card h3{font-size:23px}html[lang=ti] .reader-page h3{font-size:42px}html[lang=ti] .reader-sample{font-family:var(--sans);font-size:12px;line-height:1.9}html[lang=ti] .reader-device[data-size='1'] .reader-sample{font-size:11px}html[lang=ti] .reader-device[data-size='3'] .reader-sample{font-size:14px}html[lang=ti] .reader-device[data-size='4'] .reader-sample{font-size:15px}html[lang=ti] .legal-body p{font-size:15px;line-height:2}html[lang=ti] .legal-body h2{font-size:22px}html[lang=ti] .footer-main h2{font-size:12px}html[lang=ti] .legal-card h2{font-size:23px}html[lang=ti] .contact-form-wrap h2{font-size:30px}html[lang=ti] .value-strip span{font-size:11px}html[lang=ti] .principle h2{font-size:28px}
@media(min-width:1440px){.hero{gap:50px;min-height:770px}.reader-scene{min-height:620px}.reader-device{width:285px;height:505px}.reader-sample{font-size:14px}.scene-tag{right:0}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}.nav-row{gap:22px}.primary-nav{gap:19px}.search-nav{display:none}.nav-download{font-size:11px;padding:11px 13px}.nav-actions{gap:9px}.brand>span{font-size:15px}.brand-mark{width:36px;height:36px}.hero{min-height:650px;gap:10px;padding-block:45px}.hero h1{font-size:70px}.hero .lead{font-size:16px}.hero .button-row{gap:16px}.hero .text-link{font-size:12px}.reader-scene{min-height:545px}.reader-device{width:242px;height:450px;padding-inline:18px}.reader-sample{font-size:12px}.scene-tag{right:-2%;padding:12px;font-size:10px}.story-spine{left:0;width:160px}.scene-word{font-size:88px}.author-section{gap:65px}.contact-layout{gap:55px}.footer-main{gap:30px}.legal-layout{gap:55px}.demo-layout{gap:65px}.interactive-scene{min-height:650px}.closing{padding:50px}.closing-art>span{font-size:65px}html[lang=ti] .hero h1{font-size:58px}html[lang=ti] .primary-nav{gap:14px}}
@media(max-width:960px){.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:25px 32px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #223c2c10;align-items:stretch;gap:3px}.primary-nav.is-open{display:flex;flex-direction:column}.primary-nav a{font-size:16px;padding:10px 0}.mobile-contact{display:block}.nav-actions{margin-left:auto;gap:14px}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{height:1px;width:20px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.nav-row{min-height:78px}.search-nav{display:inline-flex}.hero h1{font-size:60px}.hero .lead{font-size:15px}.hero .apple-button{padding:11px 15px;gap:10px}.hero .apple-button strong{font-size:18px}.reader-scene{min-height:500px}.reader-device{width:220px;height:418px}.reader-page{padding-top:20px}.reader-page h3{font-size:34px;margin-bottom:12px}.reader-rule{margin-bottom:15px}.reader-sample{font-size:11px}.reader-end{margin-top:10px;font-size:22px}.story-spine{width:145px;height:260px;left:-4%}.scene-tag{font-size:9px;bottom:13%;right:-2%}.tag-icon{padding:7px}.scene-word{font-size:75px}.value-strip .container{gap:17px}.value-strip span{font-size:10px;gap:9px}.editorial{gap:60px;grid-template-columns:.45fr 1fr}.section{padding-block:85px}.author-section{gap:50px}.author-art{min-height:370px;padding:25px}.author-type{font-size:140px}.author-type>span{font-size:125px}.faq-section{gap:50px}.feature-card{padding:24px 20px}.feature-card h3{font-size:24px}.feature-card p{font-size:13px}.closing-art>span{font-size:54px}.closing{gap:30px;padding:45px}.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-main>div:last-child{grid-column:2 / 4}.footer-main>div:last-child>a{display:inline-block;margin-right:20px}.about-layout{gap:45px}.about-poster>span{font-size:68px}.about-layout h2{font-size:34px}.demo-layout{gap:40px}.interactive-scene{min-height:630px}.interactive-scene .reader-sample{font-size:14px}.journey{gap:30px}.author-promise{padding:35px;gap:45px}.publishing-steps{grid-template-columns:repeat(2,1fr)}.download-primary,.download-secondary{padding:33px}.download-primary h2{font-size:38px}.download-secondary h2{font-size:30px}.help-layout,.legal-layout{grid-template-columns:180px 1fr;gap:40px}.contact-layout{grid-template-columns:.75fr 1.25fr;gap:35px}.contact-form-wrap{padding:28px}.form-row{grid-template-columns:1fr;gap:0}.contact-aside h2{font-size:32px}.email-address{font-size:13px}.contact-aside>p:not(.small){font-size:13px}html[lang=ti] .hero h1{font-size:49px}html[lang=ti] .primary-nav>a{font-size:16px}html[lang=ti] .value-strip span{font-size:10px}}
@media(max-width:720px){.container{width:calc(100% - 40px)}.nav-row{min-height:72px;gap:10px}.brand-mark{width:34px;height:34px}.brand>span{font-size:14px}.brand small{font-size:10px}.nav-actions{gap:6px}.nav-download,.search-nav{display:none}.language-switch a{padding:5px 7px;font-size:11px}.menu-toggle{width:34px}.primary-nav{padding:20px}.hero{grid-template-columns:1fr;min-height:0;padding-block:42px 30px;gap:15px}.hero-copy{text-align:center;padding-bottom:0}.hero h1{font-size:clamp(49px,10vw,72px);margin-block:25px 22px;letter-spacing:-.06em}.hero .lead{font-size:16px;max-width:440px;margin-inline:auto}.hero .button-row{justify-content:center;margin-top:26px;gap:22px}.hero-note{justify-content:center;margin-top:27px}.hero-note p{font-size:10px}.hero-note>span{font-size:24px}.reader-scene{min-height:510px;width:min(420px,100%);margin-inline:auto}.reader-device{width:246px;height:430px}.reader-page h3{font-size:38px}.reader-sample{font-size:12px}.story-spine{left:3%;top:25%;width:155px;height:265px}.scene-tag{right:0;bottom:15%;font-size:10px;padding:12px 14px}.scene-word{right:9%;top:0;font-size:90px}.scene-orbit{inset:7% 1% 8%}.reader-scene figcaption{font-size:8px;bottom:1%}.value-strip .container{flex-wrap:wrap;justify-content:center;gap:14px 24px;padding-block:18px}.value-strip span{font-size:10px}.value-strip .icon{width:16px;height:16px;flex-basis:16px}.section{padding-block:65px}.editorial{grid-template-columns:1fr;gap:5px}.editorial>.eyebrow{max-width:none}.editorial h2{font-size:37px;margin-bottom:23px}.editorial p:not(.eyebrow){font-size:15px}.editorial .text-link{margin-top:18px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:39px}.section-heading>.text-link{margin-top:18px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:25px}.feature-top{margin-bottom:25px}.feature-card h3{font-size:28px}.feature-card p{font-size:14px;max-width:43ch}.format-note{align-items:flex-start;font-size:11px;line-height:1.8}.format-note strong{display:block}.author-section{grid-template-columns:1fr;gap:35px}.author-art{min-height:320px;max-width:100%;padding:26px}.author-type{font-size:155px;line-height:1.15}.author-type>span{font-size:140px}.author-copy h2{font-size:40px}.author-copy p:not(.eyebrow){font-size:15px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2{font-size:39px}.faq-section .text-link{margin-top:14px}.faq-list summary{font-size:14px;padding-block:21px}.faq-answer{font-size:13px;padding-right:12px}.closing{grid-template-columns:1fr;gap:35px;padding:35px 28px;margin-block:0 60px}.closing h2{font-size:37px}.closing-art{display:none}.closing p:not(.eyebrow){font-size:13px}.site-footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 30px;padding-bottom:35px}.footer-brand{grid-column:1 / 3}.footer-brand p{max-width:none}.footer-brand .brand{margin-bottom:14px}.footer-email{margin-top:14px}.footer-main>div:last-child{grid-column:auto}.footer-main>div:last-child>a{display:block;margin-right:0}.footer-main>div:nth-child(3){grid-row:2;grid-column:2}.footer-main>div:nth-child(4){grid-column:1 / 3}.footer-main>div:nth-child(4)>a{display:inline-block;margin-right:20px}.footer-bottom{flex-wrap:wrap;gap:14px;font-size:9px}.footer-bottom>span{width:100%}.footer-bottom>a:last-child{margin-left:auto}.breadcrumbs{padding-top:24px;font-size:10px;flex-wrap:wrap}.page-intro{padding-block:38px 45px}.page-intro h1{font-size:clamp(40px,9vw,60px);line-height:1.17;margin-bottom:20px}.page-intro .lead{font-size:16px;line-height:1.85}.page-intro .eyebrow{font-size:10px;margin-bottom:18px}.page-actions{padding-bottom:30px}.about-layout{grid-template-columns:1fr;gap:35px;padding-top:0}.about-poster{aspect-ratio:1.25}.about-poster>span{font-size:86px}.about-layout h2{font-size:36px}.about-layout p:not(.eyebrow){font-size:14px}.principle{grid-template-columns:35px 1fr;gap:12px 15px;padding-block:25px}.principle h2{font-size:28px}.principle p{grid-column:2;font-size:13px}.principle>span{font-size:20px}.simple-cta{display:block;padding:28px 25px;margin-block:20px 55px}.simple-cta h2{font-size:29px}.simple-cta p{font-size:13px}.simple-cta .button{margin-top:24px}.demo-layout{grid-template-columns:1fr;gap:40px}.interactive-scene{min-height:650px;max-width:420px}.interactive-scene .reader-device{height:505px;width:280px}.interactive-scene figcaption{bottom:84px}.interactive-scene .scene-orbit{inset:0 0 100px}.reader-controls{bottom:10px;gap:8px}.reader-controls button{font-size:11px;padding:8px 9px}.demo-copy h2{font-size:40px}.demo-copy p:not(.eyebrow){font-size:14px}.demo-copy p.small{font-size:12px}.journey{grid-template-columns:1fr;gap:30px}.journey article{border-top:1px solid var(--line);padding-top:25px}.journey .step-number{margin-bottom:15px}.journey h2{font-size:22px;margin-bottom:12px}.author-promise{grid-template-columns:1fr;padding:30px;gap:28px}.author-promise>div:first-child{border-right:0;border-bottom:1px solid #bcccba;padding:0 0 25px}.share-number{font-size:100px}.author-promise .eyebrow{margin-bottom:10px}.author-promise h2{font-size:32px}.publishing-steps{grid-template-columns:1fr;gap:26px}.publishing-steps li{padding-top:20px}.publishing-steps .step-number{margin-bottom:15px}.publishing-steps h3{margin-bottom:10px}.download-layout{grid-template-columns:1fr;gap:18px}.download-primary,.download-secondary{padding:30px}.download-primary h2{font-size:36px}.download-secondary h2{font-size:32px}.search-panel{margin-bottom:30px}.search-input-row{padding:6px 12px;gap:10px}.search-input-row input{font-size:13px}.search-input-row .icon{width:18px;flex-basis:18px}.search-input-row .text-button{font-size:11px}.help-layout{grid-template-columns:1fr;gap:30px;margin-bottom:50px}.side-nav{position:static;border-left:0;padding-left:0;gap:10px;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.side-nav>a{padding:7px 12px;background:var(--soft);border-radius:7px;font-size:11px}.side-nav .text-link{margin-top:0}.help-group{margin-bottom:35px}.help-group>h2{font-size:28px}.search-results{grid-template-columns:1fr;gap:14px;margin-bottom:60px}.search-results article a{padding:24px 48px 24px 24px}.search-results h2{font-size:19px}.contact-layout{grid-template-columns:1fr;gap:35px;margin-bottom:55px}.contact-form-wrap{grid-row:1;padding:25px 22px}.contact-aside{padding:10px 0}.contact-aside h2{font-size:33px}.email-address{font-size:16px}.contact-aside>p:not(.small){font-size:14px}.form-heading h2{font-size:31px}.form-heading{margin-bottom:25px}.form-row{grid-template-columns:1fr}.field input,.field select,.field textarea{font-size:16px}.field-meta{font-size:9px}.form-privacy{font-size:10px}.contact-success h2{font-size:31px}.legal-layout{grid-template-columns:1fr;gap:30px;margin-bottom:55px}.legal-layout .side-nav{max-height:none}.document-meta{font-size:10px;margin-bottom:30px;gap:14px}.document-meta .text-button{font-size:10px}.legal-body h2{font-size:21px;gap:12px}.legal-body p{font-size:14px;line-height:1.95}.legal-body section{margin-bottom:32px}.legal-cards{grid-template-columns:1fr;gap:14px;margin-bottom:60px}.legal-card{padding:25px}.legal-card h2{font-size:21px}.error-actions{padding-bottom:75px;gap:22px}.error-actions .text-link{font-size:12px}html[lang=ti] .hero h1{font-size:clamp(39px,8vw,58px);line-height:1.45;letter-spacing:-.04em}html[lang=ti] .hero .lead{font-size:16px;line-height:2.1}html[lang=ti] .page-intro h1{font-size:clamp(35px,7.7vw,50px);line-height:1.5}html[lang=ti] .page-intro .lead{font-size:16px}html[lang=ti] .section h2{font-size:32px;line-height:1.55}html[lang=ti] .feature-card h3{font-size:24px}html[lang=ti] .reader-sample{font-size:12px}html[lang=ti] .closing h2{font-size:30px}html[lang=ti] .contact-form-wrap h2{font-size:28px}html[lang=ti] .legal-body h2{font-size:21px}html[lang=ti] .legal-body p{font-size:14px}html[lang=ti] .primary-nav>a{font-size:15px}}
@media(max-width:370px){.container{width:calc(100% - 30px)}.brand>span{font-size:12px}.brand-mark{width:31px;height:31px}.brand{gap:7px}.nav-actions{gap:3px}.language-switch a{font-size:10px;padding:4px 5px}.hero .button-row{gap:12px}.hero .text-link{font-size:11px}.hero .apple-button strong{font-size:17px}.reader-scene{min-height:480px}.reader-device{width:228px;height:420px}.scene-tag{right:-4px;font-size:9px}.scene-word{font-size:78px}.story-spine{width:135px}.reader-controls{gap:5px}.reader-controls button{padding:8px 7px}.interactive-scene{min-height:650px}.contact-form-wrap{padding:23px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,.site-footer,.side-nav,.breadcrumbs,.page-actions,.document-meta button,.legal-contact,.skip-link{display:none!important}.container{width:100%}.page-intro{padding:0 0 24px}.page-intro h1{font-size:30px}.page-intro .eyebrow{display:none}.page-intro .lead{font-size:12px}.legal-layout{display:block}.legal-body{max-width:none}.legal-body p{font-size:11px}.legal-body h2{font-size:16px;break-after:avoid}.legal-body section{break-inside:avoid}.document-meta{padding:10px 0}.legal-body a{color:#000}body{background:#fff;color:#000}}
}

@layer components{.operator-info{border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin-bottom:24px;font-size:13px}.operator-info p{font-size:13px;margin:4px 0;white-space:pre-line}.menu-toggle:focus-visible{outline-offset:4px}}
@layer components{.reader-top,.reader-bottom{flex-shrink:0}.reader-page{display:flex;flex-direction:column;min-height:0}.reader-page>.eyebrow,.reader-page>h3,.reader-rule{flex-shrink:0}.reader-sample{flex:1;min-height:0;overflow:hidden}.interactive-scene .reader-sample{max-height:none;overflow:auto}.reader-end{flex-shrink:0;line-height:1;margin:10px 0}.reader-sample:focus-visible{outline-offset:2px}}

/* EriTech shared identity — premium brand reference d6aed5d, 2026-11-09.
   This presentation layer preserves NEBABNA's page content and component behavior. */
@font-face {
  font-family:Manrope;
  src:url("/assets/manrope.3ae11c49db04.ttf") format('truetype');
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
}
@font-face {
  font-family:'Noto Ethiopic';
  src:url("/assets/noto-ethiopic-400.4989af5e2a17.woff2") format('woff2');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face {
  font-family:'Noto Ethiopic';
  src:url("/assets/noto-ethiopic-600.9bea9116e8a2.woff2") format('woff2');
  font-style:normal;
  font-weight:500 800;
  font-display:swap;
}
:root {
  color-scheme:dark;
  --page:#050807;
  --accent:#6fd6a1;
  --button-ink:#073b2c;
  --action:#94e6b9;
  --action-light:#b8f3d1;
  --action-hover:#c5f6da;
  --green-deep:#073b2c;
  --green-hover:#095238;
  --gold:#b99248;
  --silver:#c5ccd2;
  --silver-dark:#788b80;
  --surface:#0e1713;
  --surface-green:#10271d;
  --ink:#f7faf8;
  --muted:#b8c5bd;
  --line:#294135;
  --focus:#6fd6a1;
  --error:#ffb4a9;
  --paper:var(--page);
  --white:var(--surface);
  --text:var(--ink);
  --green:var(--accent);
  --soft:var(--surface-green);
  --lime:var(--accent);
  --sans:Manrope,'Noto Ethiopic',sans-serif;
  --serif:var(--sans);
  --shadow:0 18px 60px -35px #000b;
  --header-height:96px;
}
html {
  scroll-padding-top:calc(var(--header-height) + 24px);
}
body {
  font:17px/1.7 var(--sans);
}
::selection {
  background:#2a7952;
  color:#fff;
}
h1,h2,h3 {
  font-family:var(--sans);
  font-weight:500;
  line-height:1.14;
  letter-spacing:-.045em;
}
h1 {
  font-size:clamp(44px,5.5vw,76px);
}
h2 {
  font-size:clamp(34px,3.5vw,49px);
}
h3 {
  font-size:25px;
}
h1 em,h2 em {
  font-style:normal;
  font-weight:inherit;
  color:var(--accent);
}
p {
  color:var(--muted);
}
p a:not(.button) {
  color:var(--accent);
}
.container {
  width:min(1240px,calc(100% - 112px));
}
.section {
  padding-block:104px;
}
.eyebrow {
  font-size:11px;
  letter-spacing:.15em;
  margin-bottom:24px;
  color:var(--accent);
}
.lead {
  font-size:18px;
  line-height:1.85;
}
.small {
  font-size:13px;
}
.skip-link {
  background:var(--surface);
  color:var(--ink);
}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:3px solid var(--focus);
  outline-offset:5px;
}
.text-button {
  color:var(--accent);
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.direction {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.direction svg {
  width:20px;
  height:20px;
}
.button,.button-light {
  display:inline-flex;
  justify-content:space-between;
  gap:24px;
  background:linear-gradient(135deg,var(--action-light),var(--action));
  color:var(--button-ink);
  padding:11px 12px 11px 22px;
  border:1px solid var(--action-light);
  border-radius:999px;
  font-size:14px;
  font-weight:650;
  min-height:56px;
  line-height:1.5;
  box-shadow:inset 0 1px 0 #ffffff60,0 6px 22px #0003;
  transition:background .2s,box-shadow .2s,transform .2s;
}
.button>.direction,.submit-button>.icon {
  width:30px;
  height:30px;
  flex:0 0 30px;
  padding:7px;
  background:var(--green-deep);
  color:#fff;
  border-radius:50%;
  transition:transform .2s,background .2s;
}
.button>.direction svg {
  width:16px;
  height:16px;
}
.button-small {
  padding:7px 9px 7px 18px;
  min-height:46px;
  font-size:12px;
  gap:16px;
}
.button-small>.direction {
  width:28px;
  height:28px;
  flex-basis:28px;
  padding:6px;
}
.button:focus-visible {
  outline-color:#fff;
}
.button:hover,.button-light:hover {
  background:linear-gradient(135deg,#d1f9e2,var(--action-hover));
  color:var(--button-ink);
}
.button:disabled {
  background:#577264;
  border-color:#788b80;
  color:#e0ebe4;
  opacity:1;
  box-shadow:none;
}
.button-row {
  gap:24px;
}
.text-link {
  color:var(--accent);
  min-height:44px;
  font-size:14px;
  font-weight:650;
  padding:0;
}
.apple-button {
  gap:14px;
  padding:11px 14px 11px 22px;
  min-height:62px;
}
.apple-button .apple-icon {
  width:24px;
  height:28px;
}
.apple-button>.direction {
  margin-left:10px;
}
.apple-button strong {
  font-size:20px;
}
.apple-button small {
  font-size:10px;
}
.release-pill {
  padding:7px 12px;
  border-color:#6fd6a12e;
  background:#123b2a35;
  color:var(--accent);
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  min-height:32px;
}
.release-pill .direction svg {
  width:13px;
  height:13px;
}
.status-dot {
  width:5px;
  height:5px;
  flex-shrink:0;
  background:var(--accent);
  box-shadow:0 0 0 4px #6fd6a10d;
}
/* Header: the same emerald bar, gold rule and mobile disclosure as EriTech. */
.site-header {
  background:var(--green-deep);
  color:#fff;
  --focus:var(--gold);
  border-bottom:1px solid var(--gold);
  backdrop-filter:none;
  box-shadow:0 5px 24px #0004;
}
.nav-row {
  min-height:var(--header-height);
  justify-content:space-between;
  gap:28px;
}
.brand {
  color:#fff;
  gap:11px;
  font-family:Manrope,'Noto Ethiopic',sans-serif;
}
.brand-mark {
  width:36px;
  height:40px;
  color:var(--green-deep);
}
.brand-mark>rect {
  stroke:var(--gold);
  stroke-width:1;
  rx:4;
}
.brand>span {
  font-size:22px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:-1px;
}
.brand small {
  font-family:'Noto Ethiopic',sans-serif;
  font-size:10px;
  font-weight:400;
  letter-spacing:2px;
  margin-top:6px;
  color:#fff;
}
.primary-nav {
  display:flex;
  gap:29px;
  order:1;
  margin-inline:auto;
}
.primary-nav>a:not(.button) {
  font-size:12px;
  font-weight:600;
  min-height:44px;
  display:flex;
  align-items:center;
  white-space:nowrap;
}
.primary-nav>a::after {
  height:2px;
  background:var(--gold);
  bottom:3px;
}
.nav-actions {
  gap:16px;
  order:2;
}
.language-switch {
  border:0;
  border-radius:0;
  padding:0;
  gap:5px;
}
.language-switch a {
  font-size:12px;
  min-height:44px;
  min-width:44px;
  padding:0;
  gap:5px;
  border-radius:0;
  border-bottom:1px solid transparent;
  justify-content:center;
}
.language-switch a[aria-current] {
  background:none;
  box-shadow:none;
  color:var(--action-light);
  border-color:var(--gold);
  font-weight:500;
}
.language-switch a:hover {
  background:none;
  color:var(--action-light);
}
.language-switch a>span[aria-hidden] {
  font-size:13px;
}
.icon-button {
  width:44px;
  min-width:44px;
  height:44px;
  border-radius:0;
}
.icon-button:hover {
  background:transparent;
  color:var(--accent);
}
.nav-download {
  white-space:nowrap;
}
.menu-toggle {
  display:none;
  gap:6px;
}
.menu-toggle span {
  width:22px;
  background:#fff;
}
.menu-toggle[aria-expanded=true] span:first-child {
  transform:translateY(3.5px) rotate(45deg);
}
.menu-toggle[aria-expanded=true] span:last-child {
  transform:translateY(-3.5px) rotate(-45deg);
}
.primary-nav .mobile-contact,.primary-nav .mobile-search,.primary-nav .mobile-download {
  display:none;
}
/* Full-width hero and brand geometry. Existing reading illustration and copy stay intact. */
.hero.container {
  width:100%;
  padding:78px max(56px,calc((100% - 1240px)/2)) 64px;
  grid-template-columns:1.05fr 1fr;
  gap:60px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:radial-gradient(ellipse at 88% 38%,#123b2a 0,transparent 61%),var(--page);
  min-height:690px;
}
.hero::before {
  content:'';
  position:absolute;
  z-index:-1;
  pointer-events:none;
  inset:0 0 0 46%;
  background-image:linear-gradient(#9ae8bd09 1px,transparent 1px),linear-gradient(90deg,#9ae8bd09 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse at 65% 45%,#000,transparent 70%);
}
.hero-copy {
  text-align:left;
  padding-bottom:0;
}
.hero h1 {
  margin:30px 0 28px;
  line-height:1.07;
  letter-spacing:-.057em;
  font-size:clamp(48px,5.5vw,76px);
}
.hero h1 em {
  background:linear-gradient(120deg,#bef4d5,var(--accent) 75%);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
}
.hero .lead {
  font-size:16px;
  max-width:450px;
  line-height:1.85;
  margin-inline:0;
}
.hero .button-row {
  margin-top:32px;
  gap:24px;
  justify-content:flex-start;
}
.hero-note {
  gap:12px;
  margin-top:27px;
  justify-content:flex-start;
}
.hero-note::before {
  content:'';
  width:20px;
  height:1px;
  background:var(--gold);
}
.hero-note>span {
  font-size:17px;
  color:var(--accent);
}
.hero-note p {
  border:0;
  padding:0;
  font-size:11px;
  letter-spacing:0;
}
.value-strip,.experience-section {
  background:var(--surface);
  border-color:var(--line);
}
.value-strip .container {
  padding-block:24px;
}
.value-strip span {
  color:var(--muted);
  font-size:12px;
}
.value-strip .icon {
  color:var(--accent);
}
.feature-grid {
  gap:24px;
}
.feature-card {
  background:var(--surface);
  border-color:var(--line);
  border-radius:10px;
  padding:30px;
}
.feature-top {
  margin-bottom:44px;
}
.feature-top>span {
  font-size:12px;
  letter-spacing:.12em;
  color:var(--accent);
}
.feature-card h3 {
  font-size:26px;
  font-weight:500;
  line-height:1.25;
  margin-bottom:22px;
}
.feature-card p {
  font-size:14px;
  line-height:1.9;
}
.format-note {
  padding-top:28px;
  font-size:12px;
}
.format-note .icon {
  color:var(--accent);
}
.section-heading {
  margin-bottom:48px;
}
.section-heading>.text-link {
  flex-shrink:0;
}
.author-art,.about-poster {
  background:var(--surface-green);
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--accent);
  isolation:isolate;
}
.author-art::before,.about-poster::before {
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  border:0;
  border-radius:0;
  background:url("/assets/geometric-lattice.abbf7d884933.svg") center/96px;
  opacity:.28;
}
.author-art::after {
  width:290px;
  height:290px;
  right:-100px;
  top:-100px;
  border:1px solid #b9924888;
  border-radius:0;
  transform:rotate(45deg);
}
.author-type {
  font-family:var(--sans);
  font-size:150px;
  letter-spacing:-.09em;
}
.author-type>span {
  font-size:135px;
  color:var(--gold);
}
.author-art-footer {
  border-color:var(--line);
}
.about-poster::after {
  inset:22%;
  border:1px solid var(--gold);
  border-radius:0;
  transform:rotate(45deg);
  z-index:-1;
}
.about-poster>span {
  font-size:80px;
}
.principle>span,.step-number,.legal-card>span:first-child,.legal-body h2>span {
  font-size:12px;
  letter-spacing:.1em;
  color:var(--accent);
}
.principle h2 {
  font-size:30px;
}
.journey article {
  border-top:1px solid var(--line);
  padding-top:28px;
}
.journey h2,.publishing-steps h3 {
  font-size:25px;
  font-weight:500;
  line-height:1.3;
}
.step-number {
  margin-bottom:36px;
}
.author-promise {
  background:var(--surface);
  border-radius:12px;
}
.author-promise>div:first-child {
  border-color:var(--line);
}
.share-number {
  color:var(--accent);
}
.share-number span {
  color:var(--gold);
}
.faq-list summary {
  font-size:16px;
  font-weight:500;
  padding-block:24px;
}
.faq-list summary>span {
  color:var(--accent);
}
.faq-answer {
  font-size:14px;
  line-height:1.9;
}
.faq-answer a {
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:4px;
}
.closing {
  width:100%;
  padding:75px 0;
  margin:0;
  border-radius:0;
  display:block;
  background:radial-gradient(ellipse at 85% 50%,#1c4532,transparent 65%),var(--surface-green);
  border-top:1px solid #507d6138;
  isolation:isolate;
}
.closing::after {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0 0 0 55%;
  background:url("/assets/geometric-lattice.abbf7d884933.svg") right center/96px;
  opacity:.23;
  mask-image:linear-gradient(90deg,transparent,#000);
}
.closing-inner {
  display:grid;
  grid-template-columns:1.4fr .6fr;
  align-items:center;
  gap:60px;
}
.closing h2 {
  font-size:clamp(34px,3.5vw,49px);
  color:var(--ink);
}
.closing p:not(.eyebrow) {
  font-size:15px;
  max-width:550px;
  color:var(--muted);
}
.closing-art {
  border:0;
  border-radius:0;
  aspect-ratio:auto;
  min-height:260px;
}
.closing-art::before {
  display:none;
}
.closing-art>span {
  font-size:70px;
  font-weight:400;
}
.closing-line {
  background:var(--gold);
}
.closing-art small {
  font-size:9px;
}
.site-footer {
  background:var(--green-deep);
  --focus:var(--gold);
  border-top:1px solid var(--gold);
  padding-top:65px;
}
.footer-main {
  gap:45px;
  padding-bottom:72px;
}
.footer-brand .brand {
  margin-bottom:28px;
}
.footer-brand p {
  font-size:14px;
  max-width:290px;
}
.footer-brand p+p {
  margin-top:20px;
}
.footer-brand p:first-of-type {
  color:var(--ink);
}
.footer-main h2 {
  font-size:11px;
  font-weight:500;
  letter-spacing:0;
  margin:8px 0 24px;
  color:#d6b46f;
}
.footer-main>div:not(:first-child)>a {
  display:flex;
  align-items:center;
  min-height:44px;
  font-size:13px;
  color:var(--ink);
  padding-block:9px;
  margin:0;
}
.footer-bottom {
  border-color:#52726188;
  padding-block:26px;
  align-items:center;
  font-size:10px;
}
.footer-bottom a {
  align-items:center;
  min-height:44px;
}
.footer-main h2 a {
  color:inherit;
  text-decoration:underline;
  text-underline-offset:4px;
}
.footer-credit {
  flex:1;
  margin:0;
  max-width:58ch;
  font-size:11px;
  line-height:1.8;
  text-align:center;
}
.footer-credit a {
  display:inline;
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:3px;
}
.breadcrumbs a {
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.page-intro h1 {
  font-size:clamp(44px,5.5vw,76px);
}
.page-actions {
  padding-block:25px;
}
.simple-cta {
  background:var(--surface-green);
  border-radius:10px;
}
.reader-scene {
  min-height:530px;
}
.scene-orbit {
  inset:9% -2% 9% 0;
  background:url("/assets/geometric-lattice.abbf7d884933.svg") center/96px;
  border-radius:0;
  transform:none;
  mask-image:radial-gradient(ellipse,#000,transparent 75%);
  opacity:.55;
}
.scene-orbit::before {
  inset:12%;
  border:1px solid var(--silver-dark);
  border-radius:0;
  transform:rotate(45deg);
}
.scene-word {
  color:#38634c;
  font-size:95px;
}
.reader-device {
  width:266px;
  height:475px;
  background:var(--green-deep);
  color:var(--ink);
  border:5px solid #d0e1d8;
  box-shadow:0 28px 60px -20px #000a;
  transform:rotate(7deg);
}
.device-camera {
  background:#05291e;
  height:8px;
}
.reader-top,.reader-bottom {
  border-color:#91a99b44;
}
.reader-page h3 {
  font-size:38px;
}
.reader-sample {
  font-family:var(--sans);
  font-size:12px;
  line-height:1.85;
}
.reader-sample p {
  color:inherit;
}
.story-spine {
  background:var(--surface);
  border:1px solid #527261;
  color:var(--accent);
  box-shadow:0 28px 45px -20px #000b;
}
.story-spine::after {
  border-color:#b9924866;
}
.scene-tag {
  background:var(--surface);
  border-color:#527261;
  border-radius:10px;
  box-shadow:0 18px 36px #0004;
  right:-1%;
}
.tag-icon {
  background:var(--surface-green);
  color:var(--accent);
}
.reader-controls>div {
  background:var(--surface);
  border-radius:999px;
}
.reader-controls button {
  min-width:44px;
  min-height:44px;
  border-radius:999px;
}
.reader-controls button[aria-pressed=true] {
  background:var(--action);
  color:var(--button-ink);
}
.reader-controls button:hover {
  background:var(--surface-green);
  color:var(--ink);
}
.interactive-scene {
  min-height:660px;
}
.interactive-scene .reader-device {
  transform:none;
}
.interactive-scene .reader-device[data-theme=paper] {
  background:#fffef9;
  color:#183b32;
  color-scheme:light;
}
.interactive-scene .reader-device[data-theme=warm] {
  background:#f2e4c9;
  color:#4b3b24;
  color-scheme:light;
}
.interactive-scene .reader-device[data-theme=night] {
  background:#0e1713;
  color:#f7faf8;
}
.reader-device[data-size='1'] .reader-sample {
  font-size:11px;
}
.reader-device[data-size='3'] .reader-sample {
  font-size:14px;
}
.reader-device[data-size='4'] .reader-sample {
  font-size:16px;
}
.download-primary,.download-secondary {
  background:var(--surface);
  border-color:var(--line);
  border-radius:12px;
}
.download-primary {
  background:radial-gradient(ellipse at 95% 0,#1c4532,transparent 70%),var(--surface-green);
}
.download-help>.icon {
  color:var(--accent);
}
.search-input-row {
  background:var(--page);
  border-color:var(--silver-dark);
  border-radius:9px;
}
.search-input-row>.icon {
  color:var(--accent);
}
.search-input-row input {
  font-size:16px;
}
.search-input-row input::placeholder {
  color:#9eada3;
}
.side-nav {
  top:calc(var(--header-height) + 24px);
  border-left-width:1px;
  gap:5px;
}
.side-nav a {
  font-size:13px;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}
.search-results article a,.legal-card {
  background:var(--surface);
  border-radius:10px;
}
.search-results h2 {
  font-size:23px;
  font-weight:500;
  line-height:1.35;
}
.search-results p,.legal-card p {
  font-size:14px;
}
.search-results a>.direction {
  color:var(--accent);
}
.legal-card h2 {
  font-size:26px;
  font-weight:500;
  line-height:1.3;
  margin:36px 0 20px;
}
.legal-card>.direction {
  color:var(--accent);
}
.contact-icon {
  background:var(--surface-green);
  border:1px solid var(--line);
  color:var(--accent);
}
.contact-aside h2 {
  font-size:34px;
  margin-bottom:26px;
}
.contact-aside>p:not(.small) {
  font-size:15px;
  line-height:1.9;
}
.email-address {
  color:var(--accent);
}
.contact-aside>.text-button {
  display:flex;
}
.aside-resource>.icon {
  color:var(--accent);
}
.aside-resource h3 {
  font-size:16px;
  line-height:1.5;
}
.aside-resource .text-link {
  font-size:13px;
}
.contact-form-wrap {
  background:var(--surface);
  border-color:#3b594a;
  border-radius:18px;
  padding:36px;
}
.form-heading {
  margin-bottom:32px;
}
.form-heading .eyebrow {
  font-size:10px;
  margin-bottom:16px;
}
.form-heading h2 {
  font-size:30px;
  margin-bottom:14px;
}
.form-heading .small {
  font-size:12px;
}
.field {
  margin-bottom:24px;
}
.field label {
  font-size:13px;
  font-weight:650;
  margin-bottom:11px;
}
.field input,.field select,.field textarea {
  background:var(--page);
  border:1px solid var(--silver-dark);
  border-radius:9px;
  padding:13px 16px;
  font-size:16px;
  line-height:1.65;
  min-height:50px;
}
.field input::placeholder,.field textarea::placeholder {
  color:#9eada3;
  opacity:1;
}
.field input:focus,.field select:focus,.field textarea:focus {
  border-color:var(--accent);
  box-shadow:0 0 0 5px #6fd6a10a;
  outline:2px solid var(--accent);
  outline-offset:3px;
}
.field [aria-invalid=true] {
  border-color:var(--error);
}
.field textarea {
  min-height:160px;
}
.field-error {
  font-size:12px;
  margin-top:8px;
}
.field-meta {
  font-size:11px;
  margin-top:10px;
}
.form-privacy {
  font-size:12px;
  margin:26px 0;
}
.form-privacy .icon {
  color:var(--accent);
}
.form-status {
  font-size:13px;
  margin-top:20px;
}
.success-icon {
  background:var(--surface-green);
  border:1px solid var(--line);
  color:var(--accent);
}
.reference-box {
  background:var(--page);
}
.reference-box strong {
  color:var(--accent);
}
.reference-box small,.reference-box span {
  font-size:12px;
}
.operator-info {
  background:var(--surface);
}
.document-meta {
  font-size:12px;
}
.legal-layout .side-nav {
  max-height:calc(100dvh - var(--header-height) - 48px);
}
.legal-body section {
  scroll-margin-top:calc(var(--header-height) + 24px);
}
.legal-body h2 {
  font-size:26px;
  font-weight:500;
  line-height:1.4;
}
.legal-body p {
  font-size:16px;
  color:var(--muted);
  line-height:1.95;
}
[lang=ti] {
  font-family:'Noto Ethiopic',Manrope,sans-serif;
}
html[lang=ti] :is(h1,h2,h3,.eyebrow) {
  letter-spacing:0;
}
html[lang=ti] :is(h1,h2,h3) {
  line-height:1.4;
}
html[lang=ti] h1,html[lang=ti] .hero h1 {
  font-size:clamp(35px,4vw,58px);
}
html[lang=ti] main h2 {
  font-size:clamp(29px,3vw,40px);
}
html[lang=ti] .eyebrow {
  font-size:12px;
}
html[lang=ti] .brand {
  font-family:Manrope,'Noto Ethiopic',sans-serif;
}
html[lang=ti] .primary-nav {
  gap:18px;
}
html[lang=ti] .primary-nav>a {
  font-size:12px;
}
html[lang=ti] .lead {
  line-height:2;
}
html[lang=ti] .reader-page h3 {
  font-size:38px;
}
html[lang=ti] .reader-sample {
  font-size:12px;
}
html[lang=ti] .legal-body h2 {
  font-size:25px;
}
html[lang=ti] .contact-form-wrap h2 {
  font-size:28px;
}
.hero>*,.editorial>*,.author-section>*,.footer-main>*,.contact-layout>*,.download-layout>*,.about-layout>*,.demo-layout>*,.closing-inner>*,.form-row>*,.author-promise>* {
  min-width:0;
}
@media(hover:hover) and (pointer:fine) {
  .button:hover:not(:disabled) {
    box-shadow:0 0 0 4px #94e6b90a,0 8px 28px #3bba7326,inset 0 1px 0 #fff8;
    transform:translateY(-2px);
  }
  .button:hover>.direction {
    transform:rotate(-6deg);
    background:#0b513a;
  }
  .text-link:hover,.text-button:hover,.side-nav>a:hover,.site-footer a:hover,.primary-nav>a:not(.button):hover {
    color:var(--action-light);
  }
  .legal-card:hover,.search-results article a:hover {
    border-color:#639b7c;
  }
  .legal-card:hover h2 {
    color:var(--accent);
  }
}
@media(min-width:1001px) {
  .primary-nav {
    position:static;
    background:none;
    padding:0;
    border:0;
    box-shadow:none;
  }
  .primary-nav .mobile-download,.primary-nav .mobile-search,.primary-nav .mobile-contact {
    display:none;
  }
}
@media(max-width:1150px) {
  .container {
    width:calc(100% - 64px);
  }
  .nav-row {
    gap:20px;
  }
  .primary-nav {
    gap:20px;
  }
  .nav-actions {
    gap:10px;
  }
  .hero.container {
    padding:64px 32px;
    gap:30px;
  }
  .hero h1 {
    font-size:clamp(48px,6vw,68px);
  }
  .hero .button-row {
    gap:16px;
  }
  .hero .text-link {
    font-size:13px;
  }
  .reader-scene {
    min-height:520px;
  }
  .reader-device {
    width:250px;
    height:455px;
    padding-inline:20px;
  }
  .scene-word {
    font-size:80px;
  }
  .scene-tag {
    padding:12px;
    font-size:10px;
    right:0;
  }
  .author-type {
    font-size:130px;
  }
  .author-type>span {
    font-size:115px;
  }
  .footer-main {
    gap:30px;
  }
  .closing-inner {
    gap:40px;
  }
  .closing-art>span {
    font-size:60px;
  }
}
@media(max-width:1000px) {
  :root {
    --header-height:82px;
  }
  .nav-row {
    flex-wrap:wrap;
    gap:0 20px;
  }
  .nav-actions {
    margin-left:auto;
    order:1;
    gap:14px;
  }
  .nav-download {
    display:none;
  }
  .search-nav {
    display:inline-flex;
  }
  .menu-toggle {
    display:flex;
  }
  .primary-nav {
    order:2;
    width:100%;
    position:static;
    display:flex;
    margin:0;
    padding:24px 0 32px;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    background:var(--green-deep);
    border:0;
    box-shadow:none;
  }
  .primary-nav>a:not(.button),html[lang=ti] .primary-nav>a:not(.button) {
    font-size:19px;
    padding:10px;
    min-height:52px;
    white-space:normal;
  }
  .primary-nav>a::after {
    display:none;
  }
  .primary-nav .mobile-contact,.primary-nav .mobile-search {
    display:flex;
  }
  .primary-nav .mobile-download {
    display:flex;
    justify-content:space-between;
    margin-top:15px;
    font-size:14px;
    min-height:54px;
    padding:11px 13px 11px 22px;
  }
  .nav-ready .primary-nav {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:auto;
    background:var(--green-deep);
    padding:24px 32px 35px;
    border-bottom:1px solid var(--gold);
    box-shadow:0 20px 25px #0003;
    max-height:calc(100dvh - var(--header-height));
    overflow:auto;
    overscroll-behavior:contain;
  }
  .nav-ready .primary-nav.is-open {
    display:flex;
  }
  .primary-nav>a[aria-current=page] {
    color:var(--accent);
  }
  .primary-nav a:focus-visible {
    outline-color:var(--gold);
    outline-offset:5px;
  }
  .section {
    padding-block:85px;
  }
  .hero.container {
    gap:20px;
    min-height:620px;
  }
  .hero h1 {
    font-size:55px;
  }
  .hero .lead {
    font-size:15px;
  }
  .hero .apple-button {
    padding:10px 12px 10px 18px;
    gap:10px;
  }
  .hero .apple-button strong {
    font-size:18px;
  }
  .reader-device {
    width:230px;
    height:430px;
    padding-inline:18px;
  }
  .reader-scene {
    min-height:490px;
  }
  .reader-page h3 {
    font-size:34px;
  }
  .scene-tag {
    font-size:9px;
    bottom:13%;
    gap:8px;
  }
  .scene-word {
    font-size:74px;
  }
  .feature-grid {
    gap:18px;
  }
  .feature-card {
    padding:25px 22px;
  }
  .feature-card h3 {
    font-size:23px;
  }
  .author-type {
    font-size:120px;
  }
  .author-type>span {
    font-size:110px;
  }
  .footer-main {
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:30px;
  }
  .footer-brand {
    grid-column:1/-1;
    max-width:500px;
  }
  .footer-brand p {
    max-width:420px;
  }
  .footer-main>div:last-child {
    grid-column:auto;
  }
  .footer-main>div:last-child>a {
    display:flex;
    margin:0;
  }
  .contact-form-wrap {
    padding:28px;
  }
  .contact-aside h2 {
    font-size:30px;
  }
  .contact-aside>p:not(.small) {
    font-size:14px;
  }
  .about-poster>span {
    font-size:62px;
  }
  .interactive-scene {
    min-height:650px;
  }
  .interactive-scene .reader-device {
    width:280px;
    height:500px;
  }
  .interactive-scene .reader-sample {
    font-size:12px;
  }
  .reader-device[data-size='1'] .reader-sample {
    font-size:11px;
  }
  .reader-device[data-size='3'] .reader-sample {
    font-size:14px;
  }
  .reader-device[data-size='4'] .reader-sample {
    font-size:16px;
  }
  .closing-art>span {
    font-size:50px;
  }
}
@media(max-width:720px) {
  :root {
    --header-height:76px;
  }
  .container {
    width:calc(100% - 40px);
  }
  body {
    font-size:16px;
  }
  .section {
    padding-block:64px;
  }
  .nav-row {
    gap:0 8px;
  }
  .brand {
    gap:9px;
  }
  .brand-mark {
    width:30px;
    height:34px;
  }
  .brand>span {
    font-size:19px;
  }
  .brand small {
    font-size:9px;
    letter-spacing:1px;
  }
  .nav-actions {
    gap:6px;
  }
  .language-switch {
    gap:0;
  }
  .language-switch a {
    font-size:11px;
    padding-inline:4px;
    min-width:42px;
  }
  .search-nav {
    display:none;
  }
  .nav-ready .primary-nav {
    padding-inline:20px;
  }
  .hero.container {
    padding:48px 20px 38px;
    grid-template-columns:1fr;
    gap:30px;
    min-height:0;
  }
  .hero h1 {
    font-size:clamp(46px,8.3vw,64px);
    margin:26px 0;
    max-width:640px;
  }
  .hero .lead {
    font-size:16px;
    max-width:550px;
  }
  .hero .button-row {
    gap:20px;
  }
  .hero .text-link {
    font-size:13px;
  }
  .hero-note {
    margin-top:26px;
  }
  .hero:before {
    inset:25% 0 0;
    background-size:48px 48px;
  }
  .release-pill {
    font-size:9px;
  }
  .reader-scene {
    width:min(440px,100%);
    min-height:510px;
  }
  .reader-device {
    width:258px;
    height:450px;
    padding-inline:22px;
  }
  .reader-page h3 {
    font-size:38px;
  }
  .reader-sample {
    font-size:12px;
  }
  .story-spine {
    width:165px;
    height:280px;
    left:3%;
  }
  .scene-tag {
    right:0;
    font-size:11px;
    bottom:15%;
    padding:12px 14px;
  }
  .scene-word {
    font-size:85px;
    right:9%;
  }
  .reader-scene figcaption {
    font-size:9px;
  }
  .value-strip .container {
    justify-content:flex-start;
    gap:17px 28px;
    padding-block:24px;
  }
  .value-strip span {
    font-size:11px;
  }
  .editorial h2,.section-heading h2,.author-copy h2,.faq-section h2,.demo-copy h2 {
    font-size:36px;
  }
  .editorial p:not(.eyebrow) {
    font-size:16px;
  }
  .section-heading {
    margin-bottom:34px;
  }
  .feature-grid {
    gap:20px;
  }
  .feature-card {
    padding:28px;
  }
  .feature-top {
    margin-bottom:36px;
  }
  .feature-card h3 {
    font-size:26px;
  }
  .feature-card p {
    font-size:15px;
  }
  .format-note {
    font-size:12px;
  }
  .author-art {
    min-height:340px;
  }
  .author-type {
    font-size:145px;
  }
  .author-type>span {
    font-size:130px;
  }
  .author-copy p:not(.eyebrow) {
    font-size:16px;
  }
  .faq-list summary {
    font-size:16px;
    padding-block:23px;
  }
  .faq-answer {
    font-size:14px;
  }
  .closing {
    padding:55px 0;
  }
  .closing-inner {
    display:block;
  }
  .closing h2 {
    font-size:36px;
  }
  .closing-art {
    display:none;
  }
  .closing p:not(.eyebrow) {
    font-size:15px;
  }
  .site-footer {
    padding-top:50px;
  }
  .footer-main {
    grid-template-columns:1fr 1fr;
    gap:36px 28px;
    padding-bottom:40px;
  }
  .footer-brand {
    grid-column:1/-1;
  }
  .footer-brand p {
    font-size:14px;
  }
  .footer-main>div:last-child {
    grid-column:1/-1;
  }
  .footer-main>div:last-child>a {
    display:inline-flex;
    margin-right:24px;
  }
  .footer-main h2 {
    font-size:12px;
    margin:0 0 18px;
  }
  .footer-main>div:not(:first-child)>a {
    font-size:14px;
    padding-block:10px;
  }
  .footer-bottom {
    gap:12px 20px;
    font-size:10px;
  }
  .footer-credit {
    flex:0 1 auto;
    text-align:left;
  }
  .page-intro h1 {
    font-size:clamp(38px,7.6vw,56px);
    line-height:1.16;
  }
  .page-intro .lead {
    font-size:16px;
  }
  .about-poster>span {
    font-size:76px;
  }
  .about-layout p:not(.eyebrow) {
    font-size:15px;
  }
  .principle h2 {
    font-size:28px;
  }
  .principle p {
    font-size:14px;
  }
  .simple-cta h2 {
    font-size:30px;
  }
  .interactive-scene {
    min-height:650px;
  }
  .interactive-scene .reader-device {
    height:505px;
  }
  .interactive-scene figcaption {
    bottom:88px;
  }
  .reader-controls {
    bottom:8px;
  }
  .journey h2,.publishing-steps h3 {
    font-size:25px;
  }
  .search-panel {
    margin-bottom:32px;
  }
  .search-input-row input {
    font-size:16px;
  }
  .side-nav {
    position:static;
    border-left:0;
    gap:8px;
  }
  .side-nav>a {
    padding:9px 13px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:999px;
    font-size:12px;
  }
  .search-results h2 {
    font-size:23px;
  }
  .contact-form-wrap {
    padding:28px 24px;
  }
  .contact-aside h2 {
    font-size:32px;
  }
  .contact-aside>p:not(.small) {
    font-size:15px;
  }
  .form-heading h2 {
    font-size:29px;
  }
  .field-meta {
    flex-wrap:wrap;
    font-size:11px;
  }
  .field-meta>span:last-child {
    margin-left:auto;
  }
  .form-privacy {
    font-size:12px;
  }
  .legal-layout .side-nav {
    max-height:none;
  }
  .legal-body h2 {
    font-size:24px;
  }
  .legal-body p {
    font-size:15px;
  }
  .legal-card h2 {
    font-size:25px;
  }
  html[lang=ti] .hero h1 {
    font-size:clamp(36px,7.5vw,49px);
    line-height:1.4;
  }
  html[lang=ti] .hero .lead {
    font-size:16px;
    line-height:2;
  }
  html[lang=ti] .page-intro h1 {
    font-size:clamp(34px,7vw,45px);
    line-height:1.4;
  }
  html[lang=ti] main h2,html[lang=ti] .section h2 {
    font-size:31px;
    line-height:1.45;
  }
  html[lang=ti] .contact-form-wrap h2 {
    font-size:27px;
  }
  html[lang=ti] .legal-body h2 {
    font-size:23px;
  }
  html[lang=ti] .eyebrow {
    font-size:11px;
  }
}
@media(max-width:370px) {
  .container {
    width:calc(100% - 32px);
  }
  .hero.container {
    padding-inline:16px;
  }
  .brand>span {
    font-size:17px;
  }
  .brand-mark {
    width:26px;
    height:30px;
  }
  .brand {
    gap:7px;
  }
  .nav-actions {
    gap:2px;
  }
  .language-switch a {
    font-size:10px;
    min-width:38px;
    gap:3px;
  }
  .language-switch a>span[aria-hidden] {
    font-size:11px;
  }
  .menu-toggle {
    min-width:42px;
  }
  .hero h1 {
    font-size:43px;
  }
  .reader-scene {
    min-height:480px;
  }
  .reader-device {
    width:230px;
    height:425px;
  }
  .scene-tag {
    font-size:10px;
  }
  .scene-word {
    font-size:74px;
  }
  .story-spine {
    width:140px;
  }
  .author-type {
    font-size:125px;
  }
  .author-type>span {
    font-size:108px;
  }
  .interactive-scene {
    min-height:650px;
  }
  .interactive-scene .reader-device {
    width:270px;
  }
  .contact-form-wrap {
    padding:26px 19px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
  .button:hover,.button:hover>.direction,.text-link:hover>span {
    transform:none;
  }
}
@media(forced-colors:active) {
  .button {
    background:ButtonFace;
    color:ButtonText;
    border:1px solid ButtonText;
  }
  .button>.direction,.submit-button>.icon {
    background:ButtonText;
    color:ButtonFace;
  }
  .hero h1 em {
    background:none;
    color:CanvasText;
  }
  .hero::before,.scene-orbit,.closing::after {
    display:none;
  }
  .brand-mark>rect {
    stroke:ButtonText;
  }
}
@media print {
  :root {
    color-scheme:light;
    --page:#fff;
    --surface:#fff;
    --surface-green:#fff;
    --ink:#000;
    --muted:#222;
    --accent:#000;
    --line:#aaa;
    --gold:#555;
  }
  .container {
    width:100%;
  }
  .page-intro h1 {
    font-size:30px;
  }
  .legal-body h2 {
    font-size:16px;
  }
  .legal-body p {
    font-size:11px;
  }
  .legal-body a {
    color:#000;
  }
  body {
    background:#fff;
    color:#000;
  }
}
@media(min-width:1001px) {
  .primary-nav>a:is(.mobile-contact,.mobile-search,.mobile-download) {
    display:none;
  }
}
html:not(.nav-ready) .menu-toggle {
  display:none;
}
.footer-main>div {
  min-width:0;
}
.footer-main h2,.footer-main a {
  overflow-wrap:anywhere;
}
.scene-orbit {
  overflow:clip;
}

/* Reading guides share the established brand and typography. */
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.guide-card{min-width:0;padding:2rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface)}
.guide-card h2{font-size:1.45rem;line-height:1.45;margin:1rem 0}
.guide-card p{color:var(--muted);margin-bottom:1.5rem}
.guide-card a{overflow-wrap:anywhere}
.guide-hub{padding-bottom:4rem}
.guide-next>a{display:flex;margin:1rem 0;gap:1rem;align-items:center}
.guide-layout .document-meta{flex-wrap:wrap}
.guide-layout .side-nav a{overflow-wrap:anywhere}
@media(max-width:850px){.guide-grid{grid-template-columns:1fr}.guide-card{padding:1.5rem}.related-guides .section-heading{align-items:flex-start;gap:1.5rem}}