/* Latest approved preference: the original Acrynoto colors and authentic logo.
   This layer follows styles.css and playful.css; layout and motion stay intact. */
:root {
  --paper: #f5f9fb;
  --ink: #172b3c;
  --muted: #526879;
  --green: #207f98;
  --accent: #197abf;
  --line: #d5e3e9;
  --original-aqua: #35b8c6;
  --original-blue: #197abf;
  --original-lavender: #d9d1ee;
}
.site-header { background: #f6fafce8; color: var(--ink); border-color: #d1e3eb; }
.site-header .wordmark { gap: 12px; color: #172b3c; }
.site-header .wordmark img { width: 62px; height: 62px; object-fit: contain; }
.site-header .wordmark-to { color: #172b3c; }
.site-header .wordmark-dot { color: #35aebf; }
.site-header nav a { color: #485f70; }
.site-header nav a:hover,.site-header nav a[aria-current] { color: #126e9c; }
.site-header nav a[aria-current]::after { background: #35b8c6; }
.site-header .header-contact { border-color: #8dbac9; color: #275b70; }
.site-header .header-contact:hover { color: #fff; background: #197abf; }
.launch-notice { background: #e6f2f7; color: #315d73; }
.launch-notice a { border-bottom-color: #4b849d66; }
.launch-notice .status-dot { background: #197abf; }
.hero-playful { color: #172b3c; background: #eaf5fa; }
.hero-playful::before {
  background: linear-gradient(100deg,#dff8f966,#f2eef866),url('/assets/original/2025/10/background-1.jpg') center/cover;
  opacity: 1;
}
.light-orb { opacity: .18; filter: blur(60px); }
.orb-one { background: #61d7e0; }
.orb-two { background: #b6a0dc; }
.hero-playful .eyebrow { color: #2e6679; }
.hero-playful .status-dot { background: #259aab; box-shadow: 0 0 12px #35b8c62b; }
.hero-light-text { color: #2387a2; }
.hero-lead { color: #284f64; }
.hero-original { color: #4d697b; }
.button-glow { background: #176f99; color: #fff; box-shadow: 0 8px 25px #197abf1c; }
.button-glow:hover { background: #125c80; box-shadow: 0 10px 30px #197abf2b; }
.hero-actions>.text-link { color: #26728d; border-color: #499eb078; }
.hero-launch { color: #4d697b; }
.hero-launch strong { color: #225973; }
.launch-star { color: #71649b; }
.product-halo { border-color: #3cabbb45; box-shadow: 0 0 90px #53c0d318,inset 0 0 100px #ffffff45; }
.product-halo::before { border-color: #8f7ec44d; }
.hero-phone { filter: drop-shadow(0 22px 25px #294e7a24); }
.floating-note { border-color: #aecbd8; color: #28586c; background: #f8fcfcec; box-shadow: 0 12px 30px #284e7a12; }
.note-top>span { color: #8a76b1; }
.note-heart { color: #ae709e; }
.hero-product-caption { color: #5b7283; }
.little-spark { color: #9e87c5; opacity: .75; }
.spark-two { color: #358db4; }
.hero-family { border-color: #9dbccc70; color: #486877; }
.hero-family>a { color: #245b77; }
.smile-mark { color: #8b6baf; }
.diagnosis-section { background: linear-gradient(180deg,#0e263d 0%,#1c314e 46%,#37657e 71%,#d8edf1 100%); }
.soft-light { color: #c9eaf7; }
.diagnosis-number { color: #d7f6ff; }
.diagnosis-timeline li:last-child .timeline-point { background: #8ce9f2; box-shadow: 0 0 25px #8ce9f270; }
.journey-dawn { color: #193d53; }
.mobile-section { background-color: #eaf3f7; background-image: linear-gradient(#eef7faad,#f6f8fbd9),url('/assets/original/2025/10/background.jpg'); }
.mobile-copy h2 em { color: #2185a3; }
.mobile-visual .phone-orbit { background: linear-gradient(140deg,#d9d0ef,#c5edf1); }
.feather-card,.care-section { background: #e9f3f5; }
.acrynoto-card { background: #e9eef7; }
.rx-card { background: #ece8f5; }
.data-card { background: #edf1f7; }
.product-card { border-color: #d3e0e9; }
.product-copy { border-color: #cbdde5; }
.venture-status { color: #526c7b; }
.type-art>span { color: #8372aa; }
.data-card .type-art>span { color: #33879d; }
.care-prose { color: #4b6677; }
.mission-row,.invest-note,.screen-gallery-wrap { border-color: #c5dbe5; }
.community-tag,.service-icon,.quality-icon { color: #207f98; }
.service-icon,.quality-icon { border-color: #bdd9e4; }
.social-section { background: #f5f8fb; }
.social-card { background: #e4f1f5; border-color: #d1e1eb; }
.social-card:nth-child(3n+2) { background: #ebe7f5; }
.social-card:nth-child(3n+3) { background: #edf1f8; }
.ig-symbol,.load-post { color: #247e9b; }
.social-card>a { border-bottom-color: #7ea9ba; }
.vision-section { background: #e8f0f7; }
.ai-section { background: linear-gradient(120deg,#154d79,#176e96); }
.ai-section em { color: #bceaf8; }
.ai-section .eyebrow { color: #c1e8f5; }
.ai-grid>div:last-child>p { color: #e1f0f7; }
.ai-platforms span { border-color: #8ad0e877; color: #e1f4fc; }
.about-title .signature { color: #287e9b; }
.data-section { background: linear-gradient(105deg,#e4f3f7,#ece8f5); }
.site-footer { background: #e8f0f5; }
.footer-bottom { border-color: #cbdde6; }
.form-panel,.partner-art,.investor-status { border-color: #d1e2eb; }
.partner-art,.investor-status { background: #e8f1f7; }
.partner-orbit { border-color: #bad6e2; }
.footer-wordmark img { width: 62px; height: 62px; }
:focus-visible { outline-color: #197abf; }
::selection { background: #c4e8f2; color: #172b3c; }
@media(max-width:820px) {
  .site-header .wordmark img { width: 55px; height: 55px; }
}
@media(max-width:620px) {
  .site-header .wordmark { font-size: 30px; gap: 9px; }
  .site-header .wordmark img { width: 50px; height: 50px; }
  .site-header .menu-toggle { border-color: #a6c4d1; }
  .site-header .menu-toggle span { background: #275b72; }
  .site-header nav { background: #f0f7fb; border-color: #bfd5e0; }
}
@media(max-width:360px) {
  .site-header .wordmark { font-size: 27px; }
  .site-header .wordmark img { width: 45px; height: 45px; }
}

.portfolio-note { margin-top: 26px; padding-top: 21px; border-top: 1px solid #c9dae5; max-width: 950px; font-size: 11px; line-height: 1.8; color: #526879; }
.ecosystem-section .product-card { box-shadow: 0 12px 32px #1a4a6b06; }
.ecosystem-section .product-card-top { letter-spacing: .12em; }
@media(max-width:620px) { .portfolio-note { font-size: 10px; } }

.product-grid>.portfolio-note { grid-column: 1 / -1; }

/* Final editorial polish: readable prose, clear hierarchy, a quieter portfolio. */
.site-header nav a,.site-header .header-contact { font-size: 14px; }
.launch-notice { font-size: 13px; }
.hero-lead { font-size: clamp(21px,1.8vw,28px); line-height: 1.5; }
.hero-original { font-size: 16px; line-height: 1.7; max-width: 530px; }
.hero-launch { font-size: 13px; max-width: 520px; }
.hero-actions>.text-link,.hero-family,.hero-family>a { font-size: 14px; }
.hero-family { gap: 24px; }
.hero-product-caption { font-size: 10px; letter-spacing: .06em; }
.floating-note { font-size: 13px; }
.section p:not(.eyebrow):not(.small-note):not(.wealth-disclosure):not(.diagnosis-source):not(.caption-note):not(.venture-status):not(.diagnosis-number) { font-size: clamp(17px,1.05vw,20px); line-height: 1.75; }
.section .eyebrow { font-size: 12px; line-height: 1.65; letter-spacing: .12em; }
.section .section-side-note { font-size: 16px !important; }
.section .text-link,.section .button { font-size: 16px; min-height: 44px; }
.section h2 { font-size: clamp(46px,4.1vw,70px); line-height: 1.1; }
.product-copy { min-height: 210px; padding: 28px; }
.product-copy h3 { font-size: 32px; }
.product-card-top { font-size: 12px; }
.product-card-top a,.carousel-buttons button { width: 44px; height: 44px; }
.product-copy p { max-width: 35ch; }
.product-art { height: 320px; }
.venture-status { font-size: 11px; letter-spacing: .07em; }
.portfolio-note { max-width: 72ch; }
.social-card { min-height: 280px; }
.social-card>a,.load-post { font-size: 14px; min-height: 44px; }
.social-number { font-size: 12px; }
.small-note,.section .small-note,.diagnosis-source,.wealth-copy .wealth-disclosure,.wealth-art figcaption,.caption-note { font-size: 14px; line-height: 1.75; }
.mobile-copy .small-note { font-size: 14px !important; }
.platform-pill,.screen-gallery-heading { font-size: 13px; }
.timeline-point { width: 10px; height: 10px; }
.diagnosis-timeline small { font-size: 11px; letter-spacing: .07em; line-height: 1.7; }
.diagnosis-timeline h3 { font-size: 34px; }
.service-list>h3 { font-size: 16px; }
.service-item p { font-size: 17px; }
.service-item>span:last-child,.figure-date { font-size: 12px; }
.market-figures p { max-width: 34ch; }
.wealth-capabilities span,.ai-platforms span { font-size: 13px; padding: 8px 13px; }
.wealth-subtitle { font-size: 16px; }
.wealth-copy h3 { font-size: 30px; }
.about-prose p,.care-prose { max-width: 65ch; }
.footer-main p,.footer-bottom,.footer-legal button,.hosting-credit { font-size: 13px; }
.footer-legal a,.footer-legal button { min-height: 34px; display: inline-flex; align-items: center; }
.field label,.form-heading { font-size: 14px; }
.field input,.field textarea { font-size: 16px; }
.form-preview-note,.production-contact { font-size: 14px; }
.year-card { background: #edf1f3; }
.year-art.yoy-identity { margin: 18px 18px 0; height: 302px; background: radial-gradient(ellipse at 70% 15%,#31595a77,transparent 60%),linear-gradient(145deg,#102b31,#0b1b25); color: #ead6af; border-radius: 12px; flex-direction: column; gap: 20px; position: relative; isolation: isolate; }
.yoy-identity::before { content: ''; position: absolute; width: 220px; height: 220px; border: 1px solid #cfb47e25; border-radius: 50%; z-index: -1; }
.yoy-monogram { font-family: var(--serif); font-size: 103px; line-height: 1; letter-spacing: -.06em; }
.yoy-monogram span { color: #8b9f99; font-size: 67px; padding-inline: 8px; }
.yoy-name { font-size: 15px; letter-spacing: .12em; text-transform: uppercase; }
.yoy-category { font-size: 11px; color: #c7d5cd; letter-spacing: .07em; }
.investor-lead { max-width: 65ch; color: var(--muted); margin-bottom: 42px; }
.investor-portfolio { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-bottom: 45px; }
.investor-portfolio article { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: #ffffff8a; }
.investor-portfolio h2 { font-size: 29px; }
.investor-portfolio .eyebrow { margin-bottom: 20px; }
.investor-portfolio p { margin-top: 20px; }
.investor-portfolio .text-link { margin-top: 20px; }
.investor-status { margin-top: 45px; }
.investor-status h2 { font-size: 28px; }
@media(min-width:1800px) {
  .site-header nav a,.site-header .header-contact { font-size: 16px; }
  .hero-original { font-size: 19px; }
  .hero-launch,.hero-family,.hero-family>a { font-size: 16px; }
  .section .eyebrow { font-size: 14px; }
  .product-copy h3 { font-size: 36px; }
  .product-art { height: 350px; }
  .year-art.yoy-identity { height: 332px; }
}
@media(max-width:820px) {
  .investor-portfolio { grid-template-columns: 1fr; gap: 18px; }
  .hero-family { flex-wrap: wrap; }
  .product-copy { min-height: 220px; padding: 22px; }
  .product-copy h3 { font-size: 27px; }
}
@media(max-width:620px) {
  .site-header nav a { font-size: 18px; }
  .launch-notice { font-size: 12px; }
  .hero-lead { font-size: 21px; margin-top: 24px; }
  .hero-original { font-size: 17px; }
  .hero-launch { font-size: 14px; }
  .hero-actions { gap: 22px; }
  .hero-actions>.text-link { font-size: 15px; }
  .hero-actions .button { font-size: 16px; padding-inline: 22px; }
  .hero-family,.hero-family>a { font-size: 13px; }
  .hero-family>span:first-child { flex-basis: 100%; }
  .hero-product-caption { font-size: 9px; letter-spacing: .035em; }
  .floating-note { font-size: 11px; }
  .section { padding-block: 65px; }
  .section h2 { font-size: 43px; letter-spacing: -.05em; }
  .section .eyebrow { font-size: 11px; }
  .section p:not(.eyebrow):not(.small-note):not(.wealth-disclosure):not(.diagnosis-source):not(.caption-note):not(.venture-status):not(.diagnosis-number) { font-size: 17px; }
  .section .section-side-note { font-size: 17px !important; }
  .diagnosis-section { padding-bottom: 0; }
  .diagnosis-timeline { gap: 34px 20px; }
  .diagnosis-timeline small { font-size: 10px; }
  .diagnosis-timeline h3 { font-size: 29px; }
  .diagnosis-number { font-size: 142px; }
  .diagnosis-source { font-size: 14px; }
  .journey-dawn { margin-top: 40px; }
  .product-card { display: block; }
  .product-card-top { font-size: 11px; padding: 20px 22px 0; }
  .product-art { height: 280px; margin-top: 12px; }
  .phone-art img { width: 172px; transform: translateY(38px) rotate(-8deg); }
  .product-copy { padding: 25px; min-height: 0; border-top: 1px solid var(--line); }
  .product-copy h3 { font-size: 32px; }
  .year-art.yoy-identity { height: 265px; margin-bottom: 18px; }
  .yoy-monogram { font-size: 96px; }
  .venture-status { font-size: 11px; }
  .wealth-capabilities span { font-size: 12px; }
  .social-card { flex-basis: 88%; min-width: 255px; }
  .social-card p strong { font-size: 24px; }
  .vision-grid { gap: 34px; }
  .vision-grid>div:first-child>p:not(.eyebrow) { max-width: 40ch; }
  .brand-strip { padding-block: 22px; }
  .brand-strip>span,.brand-strip>a { font-size: 13px; }
  .brand-strip>img { max-width: 100%; width: 100%; }
  .brand-strip>a { margin-left: 0; }
  .footer-main p,.footer-bottom,.footer-legal button,.hosting-credit { font-size: 14px; }
  .footer-legal { gap: 16px; }
  .dialog-download { font-size: 14px; line-height: 1.7; }
  .caption-note { font-size: 13px; }
  .section.investor-section h1 { font-size: 52px; }
  .investor-portfolio article { padding: 25px; }
  .investor-portfolio h2 { font-size: 32px; }
  .investor-status h2 { font-size: 28px; }
}
@media(max-width:360px) {
  .diagnosis-number { font-size: 120px; }
  .diagnosis-unit { font-size: 25px; }
  .section h2 { font-size: 39px; }
}

.portfolio-note { font-size: 17px; }
.info-dialog p { font-size: 17px; line-height: 1.75; }
.dialog-top { font-size: 16px; }
@media(max-width:620px) { .portfolio-note { font-size: 17px; } }

@media(max-width:360px) {
  .diagnosis-timeline { grid-template-columns: minmax(0,1fr); gap: 28px; }
  .diagnosis-timeline li { min-width: 0; }
}

/* Clarity-first, technology-led luxury: motion supports the hierarchy. */
.hero-playful .hero-copy h1 { font-size: clamp(54px,5.5vw,88px); line-height: 1.04; letter-spacing: -.064em; }
.hero-original { font-size: clamp(17px,1.2vw,20px); }
.section h2 { font-size: clamp(44px,4.3vw,72px); }
.reading-progress { position: fixed; top: 0; left: 0; width: 100%; height: 2px; z-index: 100; background: linear-gradient(90deg,#197abf,#8f78b4); transform: scaleX(0); transform-origin: left; pointer-events: none; }
.hero-product { --scene-x: 0px; --scene-y: 0px; }
.hero-phone { translate: var(--scene-x) var(--scene-y); transition: translate .65s cubic-bezier(.2,.65,.25,1); }
.product-halo { transition: box-shadow .65s,border-color .65s; }
.hero-product:hover .product-halo { border-color: #409cb56b; box-shadow: 0 0 100px #83c8df33,inset 0 0 100px #ffffff55; }
.product-card.is-revealed { animation-delay: var(--reveal-delay,0ms); animation-duration: .85s; }
.product-card:hover { box-shadow: 0 18px 48px #173f6410; }
@media(min-width:1800px) {
  .hero-playful .hero-copy h1 { font-size: clamp(88px,4.2vw,106px); }
  .hero-lead { font-size: clamp(26px,1.35vw,34px); }
  .section h2 { font-size: clamp(66px,3.25vw,84px); }
}
@media(max-width:620px) {
  .hero-playful .hero-copy h1 { font-size: clamp(46px,12vw,64px); }
  .hero-original { font-size: 17px; }
  .section h2 { font-size: clamp(39px,10.6vw,48px); }
  .note-top { font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) {
  .reading-progress { display: none; }
  .hero-phone { translate: none; transition: none; }
  .product-card.is-revealed { animation: none; }
}

.diagnosis-number { font-size: clamp(166px,13vw,225px); }
.diagnosis-unit { font-size: clamp(42px,3vw,57px); }
@media(min-width:361px) and (max-width:900px) {
  .diagnosis-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 28px; }
  .diagnosis-timeline li { min-width: 0; }
}
@media(min-width:621px) and (max-width:1000px) {
  .product-grid { grid-template-columns: 1fr; max-width: 740px; margin-inline: auto; gap: 24px; }
  .product-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); grid-template-areas: 'top top' 'art copy'; align-items: center; }
  .product-card-top { grid-area: top; padding: 22px 24px 0; }
  .product-art { grid-area: art; height: 280px; margin-top: 12px; }
  .product-copy { grid-area: copy; min-height: 0; border-top: 0; padding: 28px; }
  .year-art.yoy-identity { height: 260px; margin: 18px; }
  .product-grid>.portfolio-note { grid-column: 1 / -1; }
}
@media(max-width:620px) {
  .diagnosis-number { font-size: clamp(116px,36vw,166px); }
  .diagnosis-unit { font-size: clamp(24px,7vw,42px); }
}