@font-face{font-family:"YRYO Serif";src:url('/assets/yryo/serif.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:"YRYO Sans";src:url('/assets/yryo/sans.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--cream:#faf9f5;--ink:#22221f;--muted:#73736b;--gold:#f5c72d;--line:#dedbd1;--serif:"YRYO Serif","Songti SC","STSong","SimSun",serif;--sans:"YRYO Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--ease-out:cubic-bezier(.23,1,.32,1);color:var(--ink);background:var(--cream);font:18px/1.75 var(--sans);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}p,h1,h2,h3{margin:0}
h1,h2{font-family:var(--serif);font-weight:600;line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(42px,5.5vw,78px)}h2{font-size:clamp(30px,3.4vw,46px)}h3{font:400 23px/1.5 var(--sans)}
a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}button,input{font:inherit}a,button,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #765509;outline-offset:6px}img{max-width:100%;height:auto}[hidden]{display:none!important}
.section-wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:15px;color:var(--muted);letter-spacing:.025em}.text-link{display:inline-block;font-size:15px;text-decoration:underline;text-decoration-color:#aaa699}.text-link:hover{text-decoration-color:var(--ink)}
.skip{position:fixed;left:18px;top:12px;background:var(--cream);padding:10px 18px;z-index:20}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
/* Shared navigation */
.site-header{position:absolute;top:28px;left:0;width:100%;z-index:5;display:flex;justify-content:center;padding:0 18px}.capsule{display:flex;align-items:center;gap:28px;background:#faf9f5f5;border-radius:60px;padding:12px 30px;min-height:58px;font-size:15px;line-height:1.5;box-shadow:0 2px 12px #6b571512}.nav-brand{font:29px/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.075em;margin-right:4px}
/* Brand and product introduction */
.hero{height:650px;overflow:hidden;background:var(--gold) url('/assets/yryo/daylight.webp') center/cover no-repeat;text-align:center;padding:132px 24px 0;color:#fffdf3}.hero-tagline{font:600 clamp(23px,2.65vw,36px)/1.5 var(--serif)}.wordmark{font:400 clamp(150px,25vw,340px)/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.055em;margin-top:16px;padding-right:.055em}
.curved-main{position:relative;background:var(--cream);margin-top:-110px;border-radius:50% 50% 0 0/100px 100px 0 0;padding-top:84px}.intro{text-align:center;max-width:980px;padding-bottom:80px}.intro-description{font-size:22px;line-height:1.85;margin-top:28px}.actions{display:flex;align-items:center;justify-content:center;gap:36px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;min-width:200px;background:#171813;color:#fff;border-radius:50px;padding:12px 28px;font-size:17px;transition:background 180ms ease,transform 160ms var(--ease-out)}.button:hover{background:#34352f;text-decoration:none}.button:active{transform:scale(.98)}.plain-action{font-size:17px}.intro-note{font-size:13px;color:var(--muted);margin-top:20px}
.principles{padding-top:12px;padding-bottom:80px}.principles-lead{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.principles-lead p{font-size:18px;line-height:1.9;color:#54554f}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:48px}.principle-grid article:before{content:"";display:block;width:22px;height:2px;background:#dfb82e;margin-bottom:18px}.principle-grid p{font-size:17px;line-height:1.9;color:#54554f;margin-top:12px}.principle-grid .text-link{margin-top:18px}
.vg-band{background:var(--gold) url('/assets/yryo/daylight.webp') center 65%/cover no-repeat;text-align:center;padding:52px 0}.vg-band .eyebrow{color:#524416}.vg-band h2{margin-top:14px}.vg-band .phrase{display:inline-block}.vg-band p:not(.eyebrow){font-size:19px;margin-top:18px}.vg-band .text-link{margin-top:20px}
/* Pricing: explicit parts keep currency, amount and billing period on one line. */
.pricing-section{padding-block:76px 44px;text-align:center}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:42px;text-align:left}.plan{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0 clamp(16px,2.6vw,34px)}.plan+.plan{border-left:1px solid var(--line)}.plan-name{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:38px;white-space:nowrap}.plan h3{font-size:24px}.recommended{flex-shrink:0;white-space:nowrap;font:12px/1.5 var(--sans);background:#25261f;color:#fff;border-radius:20px;padding:5px 9px}
.price{display:flex;flex-wrap:nowrap;align-items:baseline;gap:5px;white-space:nowrap;font:400 clamp(48px,4.8vw,66px)/1.15 Georgia,"Times New Roman",serif;font-variant-numeric:lining-nums;letter-spacing:-.045em;margin-top:22px}.price-currency{font-size:25px;letter-spacing:0}.price-amount{white-space:nowrap}.price small{font:16px/1.4 var(--sans);letter-spacing:0;white-space:nowrap;margin-left:3px}.plan-label{font-size:15px;color:var(--muted);margin-top:16px}.plan-description{font-size:14px;line-height:1.8;margin-top:12px;max-width:240px}.plan .text-link{font-size:14px;margin-top:auto;padding-top:24px}.availability-note{font-size:13px;color:var(--muted);max-width:660px;margin:32px auto 0;line-height:1.8}
/* Contact and supplementary information */
.team-section{display:flex;justify-content:space-between;align-items:center;gap:48px;width:min(1000px,calc(100% - 96px));margin:8px auto 0;padding:40px 0;border-top:1px solid var(--line)}.team-section h2{font-size:27px;line-height:1.5}.team-section>div>p{max-width:570px;font-size:15px;line-height:1.9;color:#65665d;margin-top:14px}.team-qr{flex-shrink:0;text-align:center}.team-qr img{display:block;width:116px;margin:auto}.team-qr p{font-size:13px!important;margin-top:10px!important}.team-qr small{font-size:12px;color:var(--muted)}
.faq{max-width:1000px;padding-block:42px 32px}.faq h2{font-size:28px;margin-bottom:24px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-size:16px}.faq details p{font-size:15px;line-height:1.9;color:#55564f;margin:14px 0;max-width:760px}.reading-invitation{text-align:center;font-size:15px;color:#65665d;padding:40px 0 48px}.reading-invitation a{margin-top:10px}.site-footer{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:24px;font-size:12px;color:var(--muted);border-top:1px solid #e8e5dc}.site-footer a:first-child{font-family:Georgia,serif}
/* Reading and standalone pages share one comfortable content width. */
.reading-main{padding-top:138px;padding-bottom:48px;min-height:80vh;max-width:960px}.reading-main>h1{font-size:clamp(34px,4.1vw,54px);margin-block:16px 24px;max-width:850px}.reading-main>.eyebrow{margin-top:20px}.reading-intro{font-size:18px;line-height:1.9;max-width:720px;color:#65665d}.long-copy{font-size:17px;line-height:2;max-width:740px}.long-copy p{margin-block:22px;white-space:pre-line}.reading-end{display:flex;align-items:center;gap:28px;margin-top:40px;padding-block:24px 15px}.reading-end .button{min-width:172px;font-size:15px}
.search-form{max-width:620px;margin:34px 0 18px}.search-form label{font-size:13px;color:var(--muted)}.search-form>div{display:flex;gap:8px;margin-top:8px}.search-form input{min-width:0;flex:1;border:1px solid #c9c6bc;border-radius:8px;background:transparent;padding:10px 14px;font-size:15px}.search-form button{border:0;border-radius:8px;color:#fff;background:#25261f;padding:10px 22px;cursor:pointer;font-size:15px}.search-status{font-size:13px;color:var(--muted);min-height:24px;margin-top:6px}
.study-list{margin:12px 0 40px}.study{border-bottom:1px solid var(--line)}.study summary{display:flex;align-items:center;gap:20px;padding:22px 0;cursor:pointer;list-style:none;font:400 19px/1.6 var(--sans)}.study summary::-webkit-details-marker{display:none}.study summary small{font:12px var(--sans);color:var(--muted);margin-left:auto;flex-shrink:0}.study-number{color:#a39a7c;font:12px var(--sans);min-width:20px}.study[open] summary{color:#755a11}.study .long-copy{padding:0 0 24px 40px}
.reading-main .pricing-section>.section-wrap,.reading-main .team-section,.reading-main .opening{width:100%}.reading-main .pricing-section{padding-top:44px;border-top:1px solid var(--line)}
.page-main{padding-top:145px;padding-bottom:30px;min-height:80vh}.page-heading{text-align:center}.page-heading h1{font-size:clamp(34px,3.7vw,52px);margin-top:14px}.page-heading>p:last-child{font-size:16px;color:var(--muted);margin:20px auto 0;max-width:650px}.page-main>.pricing-section{padding-top:8px}.opening{padding-block:30px 48px}.opening h2{margin-top:16px}.opening p:not(.eyebrow){max-width:740px;font-size:16px;line-height:1.9;margin-top:20px;color:#65665d}.opening .text-link{margin-top:22px}.opening-page{max-width:860px}.opening-page h1{font-size:clamp(34px,4vw,54px);margin-top:18px}.opening-page .team-section{width:100%;margin-top:32px}
/* Medium-width split browser panels */
@media(max-width:1000px) and (min-width:701px){.price{font-size:54px}.price small{font-size:14px}.price-currency{font-size:21px}}
@media(max-width:850px) and (min-width:701px){.section-wrap{width:calc(100% - 64px)}.principles-lead{gap:32px}.principle-grid{gap:26px}.principle-grid h3{font-size:20px}.principle-grid p{font-size:16px}.plan{padding-inline:14px}.plan h3{font-size:22px}.price{font-size:48px}}
/* Touch and narrow windows */
@media(max-width:700px){
html{scroll-padding-top:28px}.section-wrap{width:calc(100% - 44px)}.site-header{top:18px;padding:0 14px}.capsule{gap:18px;padding:10px 20px;min-height:48px;font-size:12px}.nav-brand{font-size:23px;margin:0}.hero{height:414px;padding:108px 10px 0;background-image:url('/assets/yryo/daylight-mobile.webp')}.hero-tagline{font-size:21px}.wordmark{font-size:28vw;line-height:1.25;margin-top:24px}.curved-main{margin-top:-86px;border-radius:50% 50% 0 0/54px 54px 0 0;padding-top:48px}
h1{font-size:clamp(35px,7.4vw,50px)}h2{font-size:31px}h3{font-size:21px}.intro{padding-bottom:50px}.intro-description{font-size:16px;line-height:1.9;margin-top:22px}.actions{gap:24px;margin-top:26px}.button{font-size:15px;min-width:168px;min-height:50px;padding:11px 22px}.plain-action{font-size:14px}.intro-note{font-size:12px;margin-top:18px}
.principles{padding-top:14px;padding-bottom:48px}.principles-lead{grid-template-columns:1fr;gap:22px}.principles-lead p{font-size:16px}.principles-lead p br{display:none}.principle-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}.principle-grid p{font-size:15px;max-width:520px;margin-top:10px}.principle-grid .text-link{font-size:14px;margin-top:12px}
.vg-band{padding:38px 0;background-image:url('/assets/yryo/daylight-mobile.webp')}.vg-band h2{font-size:32px}.vg-band p:not(.eyebrow){font-size:16px}.vg-band .eyebrow{font-size:14px}.vg-band .text-link{font-size:14px;margin-top:16px}
.pricing-section{padding-top:48px}.pricing-section h2{font-size:30px}.plans{grid-template-columns:1fr;margin-top:14px}.plan{padding:24px 2px;display:flex;flex-direction:column;gap:0}.plan+.plan{border-left:0;border-top:1px solid var(--line)}.plan.featured{order:-1;border-top:0}.plan:first-child:not(.featured){border-top:1px solid var(--line)}.plan-name{grid-column:1/-1;justify-content:space-between;min-height:34px}.plan h3{font-size:23px}.recommended{font-size:12px}.price{font-size:52px;margin-top:14px;gap:3px}.price-currency{font-size:23px}.price small{font-size:15px}.plan-label{font-size:14px;text-align:left;margin-top:10px}.plan-description{font-size:14px;text-align:left;max-width:100%;margin-top:8px}.plan .text-link{grid-column:1/-1;font-size:13px;padding-top:18px}.availability-note{font-size:12px;margin-top:18px;text-align:left}
.team-section{width:calc(100% - 44px);flex-direction:column;align-items:flex-start;gap:25px;padding-block:32px}.team-section h2{font-size:24px}.team-section>div>p{font-size:14px}.team-qr{align-self:center}.team-qr img{width:124px}.faq{padding-block:30px}.faq h2{font-size:27px}.faq summary{font-size:15px}.faq details p{font-size:14px}.reading-invitation{font-size:14px;padding-top:22px}.reading-invitation a{font-size:14px}.site-footer{gap:12px 20px;font-size:12px}.site-footer span{flex-basis:100%;order:3;text-align:center}
.reading-main{padding-top:108px}.reading-main>h1{font-size:35px}.reading-intro{font-size:16px}.long-copy{font-size:16px}.study summary{font-size:17px;gap:12px;padding:20px 0}.study summary small{font-size:11px}.study .long-copy{padding-left:0}.search-form{margin-top:26px}.search-form input{font-size:14px}.reading-end{gap:20px;flex-wrap:wrap}.reading-end .button{font-size:14px}.page-main{padding-top:112px}.page-heading h1{font-size:34px}.page-heading>p:last-child{font-size:15px}.opening-page h1{font-size:35px}.opening p:not(.eyebrow){font-size:15px}}
/* One-shot motion, never a permanent render loop. */
@media(prefers-reduced-motion:no-preference){@keyframes daylight-enter{from{opacity:.08;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.motion-ready .capsule{animation:daylight-enter 500ms var(--ease-out) both}.motion-ready .hero-tagline{animation:daylight-enter 650ms var(--ease-out) 70ms both}.motion-ready .wordmark{animation:daylight-enter 850ms var(--ease-out) 140ms both}.reveal{opacity:0;transform:translateY(12px);transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out)}.reveal.is-visible,.reveal:focus-within{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.capsule a{transition:opacity 160ms ease}.capsule a:hover{opacity:.66}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(prefers-contrast:more){:root{--muted:#44443d;--line:#77766c}.capsule{background:var(--cream);border:1px solid #444}}
@media(prefers-reduced-transparency:reduce){.capsule{background:var(--cream)}}


