/* Hallmark · theme: existing PREO brand · genre: editorial · shape: report-led product story · signature: the actual newsletter report · brand: local mobile tokens 2026-10-28 */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 · weakest: E, replaced decorative artwork with actual app screenshots. */
:root{--paper:#FAFAF6;--surface:#EEF1EA;--ink:#183B30;--secondary:#58695E;--rule:#D8DFD5;--accent:#285A49;--wash:#CAD8CC;--dark:#142F27;--light:#F6F3ED;--body:Manrope,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;--display:var(--body);--space:24px;--radius:12px;--ease:cubic-bezier(.2,.7,.2,1)}
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.7;overflow-x:clip}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:6px}img{display:block;width:100%;height:auto}figure,p{margin:0}h1,h2,h3{margin:0;font-family:var(--display);font-weight:400;overflow-wrap:break-word;min-width:0;text-wrap:balance}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.22;letter-spacing:-.065em}h2{font-size:clamp(35px,4vw,56px);line-height:1.3;letter-spacing:-.055em}h3{font-size:22px;line-height:1.4;letter-spacing:-.035em}.wrap{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.nav{display:flex;justify-content:space-between;align-items:center;height:96px}.wordmark{font-size:32px;letter-spacing:.08em;line-height:1}.nav nav{display:flex;gap:32px;font-size:14px}.hero{background:var(--surface)}.hero-inner{min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}.hero-copy{padding-block:48px}.intro{font-size:14px;color:var(--secondary);margin-bottom:24px}.lede{font-size:18px;color:var(--secondary);margin-block:24px 32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;background:var(--ink);color:var(--light);min-height:54px;font-size:14px;border-radius:4px;transition:transform .2s var(--ease),background-color .2s}.button:hover{background:var(--accent);text-decoration:none;transform:translateY(-2px)}.button:active{transform:translateY(0)}.hero-art{position:relative;padding-top:32px;align-self:end}.paper{height:565px;overflow:clip;transform:rotate(3deg);transform-origin:bottom;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius) var(--radius) 0 0}.paper img{margin-top:-18%;width:100%}.paper-caption{position:absolute;bottom:32px;left:-30px;background:var(--ink);color:var(--paper);padding:16px 24px;font-size:14px}.section-head{max-width:680px}.section-index{font-size:14px;color:var(--accent);margin-bottom:24px}.section-head>p:not(.section-index){margin-top:24px;color:var(--secondary);font-size:18px}.experience,.growth,.guide{padding-block:112px}.report-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center;margin-top:64px}.report-detail{height:670px;overflow:auto;border:1px solid var(--rule);border-radius:var(--radius);scrollbar-width:thin}.report-detail img{margin-top:-25%}.report-aside>p{font-size:30px;line-height:1.6;letter-spacing:-.04em}.report-aside>span{font-size:13px;color:var(--secondary);display:block;margin-top:16px}.aside-note{margin-top:64px;padding-top:24px;border-top:1px solid var(--rule);color:var(--secondary)}.text-link{display:inline-block;border-bottom:1px solid var(--ink);margin-top:32px;font-size:14px}figcaption{font-size:14px;line-height:1.8;color:var(--secondary);margin-top:24px;max-width:490px}figcaption strong{display:block;font-size:21px;font-weight:400;color:var(--ink);margin-bottom:12px}.conversation{background:var(--dark);color:var(--light);padding-block:96px}.feature-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}.conversation .section-head>p,.conversation figcaption{color:var(--wash)}.conversation .section-index{color:var(--wash)}.section-head .condition{font-size:14px!important;line-height:1.8;max-width:360px;margin-top:40px!important}.chat-capture{max-width:380px;height:570px;overflow:auto;background:var(--paper);border-radius:var(--radius);scrollbar-width:thin}.chat-capture img{margin-top:-52%}.growth-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;margin-top:64px;align-items:start}.radar-capture{max-width:430px}.growth-capture{height:520px;overflow:clip;border-radius:var(--radius)}.growth-capture img{margin-top:-36%}.comparison{background:var(--surface);padding-block:96px}.comparison-capture{max-width:430px;height:610px;overflow:auto;scrollbar-width:thin}.comparison-capture img{margin-top:-36%}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:0;margin:64px 0 0;list-style:none}.steps li{border-top:1px solid var(--rule);padding-top:24px}.steps span{font-size:14px;color:var(--accent);display:block;margin-bottom:24px}.steps p{color:var(--secondary);font-size:15px;margin-top:16px}.event{padding-block:48px;border-top:1px solid var(--accent);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.event h2{font-size:42px;margin-top:16px}.event p{margin-bottom:12px}.event small{display:block;font-size:13px;line-height:1.8;max-width:420px;color:var(--secondary)}footer{padding-block:64px 32px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top p{font-size:14px}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;color:var(--secondary);font-size:12px;margin-top:48px}.hero-copy{animation:enter .8s var(--ease) both}.paper{animation:paper-in 1.1s var(--ease) both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes paper-in{from{opacity:0;transform:translateY(24px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
@media(min-width:900px){.report-aside{position:sticky;top:64px;align-self:start;padding-top:64px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:76px}.nav nav{gap:16px;font-size:12px}.nav nav a:first-child{display:none}.wordmark{font-size:27px}.hero-inner{min-height:auto;grid-template-columns:minmax(0,1fr);gap:0}.hero-copy{padding-block:48px 32px}.hero h1{font-size:47px}.hero-art{width:85%;max-width:420px;margin-left:auto;padding-top:8px}.paper{height:350px;transform:rotate(3deg)}.paper-caption{left:-30px;bottom:20px;padding:12px 16px;font-size:12px}.experience,.growth,.guide{padding-block:72px}.report-spread,.feature-layout,.growth-pair,.event{grid-template-columns:minmax(0,1fr);gap:40px}.report-spread,.growth-pair{margin-top:40px}.report-detail{height:510px}.report-aside>p{font-size:25px}.aside-note{margin-top:32px}.conversation,.comparison{padding-block:64px}.chat-capture{margin:auto;width:100%;height:510px}.growth-pair{gap:64px}.radar-capture,.comparison-capture{margin-inline:auto}.growth-capture{height:420px}.comparison .section-head{grid-row:1}.steps{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:40px}.steps li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 16px}.steps li p{grid-column:2;margin:0}.steps span{margin:0}.event{padding-block:40px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:16px}.footer-bottom{margin-top:32px}.section-head>p:not(.section-index){font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}.growth-capture{display:flow-root}.section-head .section-index{margin-top:20px;margin-bottom:0}.conversation-figure{min-width:0}

/* 2026-11: private forest-stage reveal; public site uses classic captures only.
   Thesis: luminous ivory, deep green, quiet editorial rhythm.
   Content: report-led hero → feedback → growth → comparison → guide/contact.
   Motion: hero entrance, section reveal, restrained link response. */
.nav{height:100px;border-bottom:1px solid var(--rule)}
.wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:.22em;font-size:39px}
.nav nav{letter-spacing:.04em}.nav nav a{padding-block:12px}
.hero{background:#173C30;color:#F7F5E9;position:relative;overflow:hidden}
.hero-inner{min-height:690px;gap:90px;position:relative}
.hero-copy{padding-block:60px}
.hero-copy::before{content:'PREO';display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,7vw,100px);line-height:1;letter-spacing:.2em;margin-bottom:36px;color:#F7F5E9}
.hero h1{font-size:clamp(34px,3.3vw,48px);line-height:1.4;letter-spacing:-.055em}
.hero .intro{color:#CAD8CC;letter-spacing:.06em;font-size:12px;margin-bottom:18px}
.hero .lede{color:#D5DDD3;font-size:16px;margin:22px 0 30px}
.hero .button{background:#F4F4E9;color:#214737;border:1px solid #E2E7DA;border-radius:30px;padding-inline:26px}
.hero .button:hover{background:#DCE6D9}
.hero-art{padding-top:56px;align-self:center}
.paper{height:540px;transform:rotate(2deg);border-radius:4px;border:0;box-shadow:0 24px 65px #031A2340}
.paper-caption{background:#F4F4E9;color:#214737;bottom:12px;left:-32px;font-size:12px;letter-spacing:.04em;padding:14px 22px}
.experience,.growth,.guide{padding-block:120px}
.section-head h2{font-size:clamp(32px,3.4vw,49px);line-height:1.4}
.section-head .section-index{font-size:11px;letter-spacing:.16em;margin-top:26px}
.section-head>p:not(.section-index){font-size:16px;line-height:1.9}
.report-spread{gap:100px}.report-detail{border-radius:3px;background:#FFF;box-shadow:0 12px 45px #173C3009}
.report-aside>p{font-size:28px;line-height:1.8}.report-aside>span{font-size:11px;letter-spacing:.08em}
.conversation{background:#E9EEE7;color:var(--ink);padding-block:110px}
.conversation .section-head>p,.conversation figcaption{color:var(--secondary)}
.conversation .section-index{color:var(--accent)}
.chat-capture{border-radius:20px;border:1px solid #D5DED4;box-shadow:0 18px 50px #183B3010}
.growth-pair{gap:90px}.growth-pair figure{border-top:1px solid var(--rule);padding-top:32px}
.growth-capture{border-radius:3px}.comparison{background:#183B30;color:#F7F5E9;padding-block:110px}
.comparison .section-head>p,.comparison figcaption{color:#CAD8CC}.comparison .section-index{color:#B8D0BD}
.comparison-capture{border-radius:18px;box-shadow:0 18px 50px #001A2020}
.steps span{font-family:Georgia,serif;font-size:36px;line-height:1.2;color:#799583}
.steps h3{font-size:20px}.steps li{padding-top:30px}.steps p{line-height:1.9}
.event{padding:48px 0;border-color:var(--rule)}.event h2{font-family:var(--body);font-size:36px}
footer{padding-top:80px}.footer-bottom{border-top:1px solid var(--rule);padding-top:24px}
.text-link{padding-bottom:4px;transition:color .2s}.text-link:hover{color:#70947C;text-decoration:none}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal-ready.is-visible{opacity:1;transform:none}
@media(max-width:800px){
.nav{height:78px}.wordmark{font-size:29px}.hero-inner{gap:0;min-height:0}.hero-copy{padding-block:44px 24px}.hero-copy::before{font-size:64px;margin-bottom:28px}.hero h1{font-size:34px}.hero .intro{font-size:11px}.hero .lede{font-size:15px}
.hero-art{width:82%;padding:16px 0 40px;align-self:auto}.paper{height:330px}.paper-caption{bottom:30px;left:-28px;font-size:11px}
.experience,.growth,.guide{padding-block:76px}.report-spread,.growth-pair{gap:44px}.conversation,.comparison{padding-block:76px}.section-head h2{font-size:32px}.report-aside>p{font-size:25px}.event{padding-block:36px}.steps span{font-size:28px}.steps li{padding-top:22px}.footer-top>a:last-child{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}