@font-face{
  font-family:"Pretendard Variable";
  src:url("/assets/fonts/PretendardVariable.woff2") format("woff2");
  font-weight:45 920;
  font-style:normal;
  font-display:swap;
}

:root{
  --ink:#121216;
  --paper:#f4f4f2;
  --surface:#fbfbfa;
  --surface-strong:#ffffff;
  --violet:#6450e8;
  --violet-strong:#523ed4;
  --violet-soft:#ebe8ff;
  --lime:#d2f641;
  --text:#46464e;
  --muted:#606068;
  --line:rgba(18,18,22,.13);
  --line-strong:rgba(18,18,22,.22);
  --quiet-shadow:0 22px 64px rgba(42,38,73,.12);
  --quiet-radius:14px;
  --quiet-radius-lg:20px;
  --quiet-container:1400px;
}

*{box-sizing:border-box}
html{scroll-padding-top:88px}
body.quiet-site{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Pretendard Variable","Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.quiet-home{background:#f4f4f2}
body.quiet-site :where(button,input,textarea,select){font:inherit}
body.quiet-site :where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid rgba(100,80,232,.38);
  outline-offset:3px;
}
body.quiet-site :where(button,a){-webkit-tap-highlight-color:transparent}
body.quiet-site :where(button,a):active{transform:translateY(1px)}

/* Shared navigation */
body.quiet-site .site-header{
  position:sticky;
  top:0;
  z-index:20;
  width:100%;
  height:72px;
  padding:0 clamp(20px,4vw,64px);
  border-bottom:1px solid var(--line);
  background:#f4f4f2;
  color:var(--ink);
  backdrop-filter:blur(14px);
}
body.quiet-site .brand{gap:8px;color:var(--ink);font-size:24px;letter-spacing:-.055em}
body.quiet-site .brand-lockup{display:flex;flex-direction:column;gap:2px}
body.quiet-site .brand-lockup strong{font-size:24px;line-height:.9}
body.quiet-site .brand-lockup small{font-size:10px;font-weight:720;line-height:1;letter-spacing:-.02em}
body.quiet-site .brand i{display:none}
body.quiet-site .nav{gap:28px;font-size:13px;font-weight:680;letter-spacing:-.01em}
body.quiet-site .nav-dropdown-trigger{font-size:13px;font-weight:680;letter-spacing:-.01em}
body.quiet-site .menu-button,
body.quiet-site .inquiry-close{min-width:44px;min-height:44px}
body.quiet-site .nav-cta{
  min-height:44px;
  padding:0 19px;
  align-items:center;
  border-radius:999px;
  background:var(--lime);
  color:var(--ink);
  font-weight:780;
}
body.quiet-site .nav>a::after{background:var(--violet);bottom:-10px}
body.quiet-site .nav-dropdown-menu,
body.quiet-site .profile-menu{
  border-radius:var(--quiet-radius);
  background:var(--surface-strong);
  box-shadow:0 18px 50px rgba(38,35,65,.12);
}

/* Composition C: offer plus a truthful work transcript. */
body.quiet-home .hero{
  width:min(100%,var(--quiet-container));
  min-height:min(720px,calc(100dvh - 72px));
  margin:0 auto;
  padding:clamp(48px,7vw,96px) clamp(20px,4vw,64px) clamp(56px,7vw,96px);
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
  gap:clamp(48px,6vw,96px);
  align-items:center;
}
body.quiet-home .hero-copy{max-width:650px;padding:0}
body.quiet-home .hero h1{
  margin:0;
  max-width:11ch;
  font-size:clamp(3.35rem,5vw,4.8rem);
  font-weight:860;
  line-height:1.03;
  letter-spacing:-.04em;
  text-wrap:balance;
}
body.quiet-home .hero h1 em{color:var(--violet);font-style:normal}
body.quiet-home .hero h1 em::after{display:none}
body.quiet-home .hero-description{
  max-width:31rem;
  margin:28px 0 0;
  color:var(--text);
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.72;
  letter-spacing:-.018em;
}
body.quiet-home .brand-meaning{
  margin:20px 0 0;
  display:flex;
  align-items:center;
  gap:12px;
  color:var(--ink);
  font-size:clamp(16px,1.2vw,18px);
  font-weight:650;
  line-height:1.5;
  letter-spacing:-.02em;
}
body.quiet-home .brand-meaning strong{
  flex:0 0 auto;
  padding-right:12px;
  border-right:1px solid var(--line-strong);
  color:var(--violet);
  font-size:13px;
  font-weight:860;
  letter-spacing:.04em;
}
body.quiet-home .hero-actions{margin-top:38px;gap:0}
body.quiet-home .primary-button{
  min-height:62px;
  padding:0 30px;
  border-radius:999px;
  background:var(--lime);
  color:var(--ink);
  box-shadow:none;
  font-size:16px;
  font-weight:820;
}
body.quiet-home .primary-button span{margin-left:8px;font-size:20px}
body.quiet-home .primary-button:hover{background:#c5e93b;transform:translateY(-2px)}
body.quiet-home .text-link{min-height:44px;color:var(--text);font-size:14px}

.hero-character{
  position:relative;
  overflow:hidden;
  min-width:0;
  margin:0;
  background:#f4f4f2;
  isolation:isolate;
}
.hero-character img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transform:scale(1.16);transform-origin:58% 52%}
.hero-character figcaption{
  position:absolute;
  z-index:3;
  left:clamp(8px,1vw,16px);
  bottom:clamp(18px,2vw,28px);
  display:flex;
  flex-direction:column;
  gap:4px;
  color:var(--ink);
}
.hero-character figcaption span{font-size:9px;font-weight:760;letter-spacing:.12em}
.hero-character figcaption strong{font-size:16px;font-weight:880;letter-spacing:-.035em}

/* Public page rhythm */
body.quiet-home .nino-today{
  max-width:var(--quiet-container);
  margin:0 auto;
  padding:30px clamp(20px,4vw,64px);
  border-color:var(--line);
  background:transparent;
}
body.quiet-home .nino-today-heading{align-items:baseline}
body.quiet-home .nino-today-heading h2{font-size:clamp(25px,2.4vw,36px);letter-spacing:-.04em}
body.quiet-home .nino-today-heading span{background:var(--violet-soft);color:var(--violet-strong)}
body.quiet-home .nino-today-metrics dd{color:var(--ink);letter-spacing:-.04em}
body.quiet-home .manifesto{
  max-width:var(--quiet-container);
  margin:0 auto;
  border-bottom:1px solid var(--line);
  background:transparent;
}
body.quiet-home .manifesto p{color:var(--ink);font-size:clamp(18px,1.8vw,26px);font-weight:720;letter-spacing:-.025em}
body.quiet-home .manifesto p:nth-child(2){color:var(--violet);border-color:var(--line)}
body.quiet-home .conversation-demo,
body.quiet-home .shift-briefing,
body.quiet-home .setup-flow,
body.quiet-home .capabilities,
body.quiet-home .trust-section,
body.quiet-home .industries,
body.quiet-home .beta-offer,
body.quiet-home .home-faq{
  color:var(--ink);
  background:var(--paper);
}
body.quiet-home .conversation-demo{border-top:0;background:#eeeef0}
body.quiet-home .demo-heading h2,
body.quiet-home .briefing-intro h2,
body.quiet-home .section-intro h2,
body.quiet-home .beta-copy h2,
body.quiet-home .closing h2{
  max-width:15ch;
  color:var(--ink);
  font-weight:830;
  letter-spacing:-.04em;
  line-height:1.08;
}
body.quiet-home .demo-heading-status{margin-top:24px}
body.quiet-home .demo-heading-status span,
body.quiet-home .briefing-ready strong{letter-spacing:.03em}
body.quiet-home .demo-tab{border-radius:var(--quiet-radius);background:rgba(255,255,255,.6)}
body.quiet-home .demo-tab:not(.active){color:#5f5f66}
body.quiet-home .demo-tab.active{background:var(--ink);border-color:var(--ink)}
body.quiet-home .phone-shell{border-radius:var(--quiet-radius-lg);box-shadow:var(--quiet-shadow)}
body.quiet-home .phone-account small,
body.quiet-home .phone-more,
body.quiet-home .chat-time,
body.quiet-home .demo-message span,
body.quiet-home .nino-thinking small,
body.quiet-home .demo-caption{color:#616168}
body.quiet-home .owner-alert small{color:rgba(255,255,255,.88)}
body.quiet-home .decision-ledger{border-radius:var(--quiet-radius-lg);background:#17171b}
body.quiet-home .shift-briefing{background:#e8e8eb}
body.quiet-home .briefing-intro>p{color:var(--muted)}
body.quiet-home .briefing-sheet{border-radius:4px 4px 24px 4px;box-shadow:0 26px 70px rgba(45,42,68,.13)}
body.quiet-home .setup-flow{border-top:1px solid var(--line)}
body.quiet-home .setup-steps{gap:0;border-top:1px solid var(--line)}
body.quiet-home .setup-step{
  border:0;
  border-radius:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  box-shadow:none;
}
body.quiet-home .setup-step:hover{transform:none;background:rgba(255,255,255,.45)}
body.quiet-home .capabilities{border-top:1px solid var(--line)}
body.quiet-home .capability-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
body.quiet-home .capability-card{
  grid-column:span 4;
  min-height:260px;
  border:1px solid var(--line);
  border-radius:var(--quiet-radius);
  background:var(--surface);
  color:var(--ink);
  box-shadow:none;
}
body.quiet-home .capability-card:nth-child(1){grid-column:span 7;background:var(--violet);color:#fff}
body.quiet-home .capability-card:nth-child(2){grid-column:span 5;background:#e8e8ec}
body.quiet-home .capability-card.wide{grid-column:span 8;background:#17171b;color:#fff}
body.quiet-home .capability-card:nth-last-child(2){grid-column:span 4}
body.quiet-home .capability-card p{color:var(--muted)}
body.quiet-home .capability-card.featured p,
body.quiet-home .capability-card.wide p{color:rgba(255,255,255,.92)}
body.quiet-home .capability-number{color:#5943cf}
body.quiet-home .capability-card.featured .capability-number,
body.quiet-home .capability-card.wide .capability-number{color:rgba(255,255,255,.9)}
body.quiet-home .capability-card:hover{border-color:var(--line-strong);transform:translateY(-2px)}
body.quiet-home .capability-card .capability-icon{border-color:var(--line);background:transparent;color:var(--violet)}
body.quiet-home .capability-card.featured .capability-icon{background:var(--lime);color:var(--ink)}
body.quiet-home .trust-section{border-top:1px solid var(--line)}
body.quiet-home .trust-list article{background:transparent;border-radius:0}
body.quiet-home .trust-copy h2,
body.quiet-home .trust-list h3{color:var(--ink)}
body.quiet-home .trust-copy>p:nth-of-type(2),
body.quiet-home .trust-list p{color:#56565e}
body.quiet-home .trust-list,
body.quiet-home .trust-list li{border-color:var(--line)}
body.quiet-home .trust-list li>span{color:var(--violet)}
body.quiet-home .industries{background:#eeeef0}
body.quiet-home .industry-grid article{border-color:var(--line);border-radius:var(--quiet-radius);background:rgba(255,255,255,.54)}
body.quiet-home .beta-offer{margin:0;padding-block:clamp(90px,10vw,150px);background:var(--violet-soft)}
body.quiet-home .beta-copy>p:last-child{color:var(--muted)}
body.quiet-home .beta-card{border-radius:var(--quiet-radius-lg);background:var(--violet);color:#fff;box-shadow:none}
body.quiet-home .beta-card>div{border-color:rgba(255,255,255,.22)}
body.quiet-home .beta-card>div small,
body.quiet-home .beta-card li{color:rgba(255,255,255,.94)}
body.quiet-home .beta-card li::before{color:var(--lime)}
body.quiet-home .beta-primary{background:#17171b;color:#fff}
body.quiet-home .beta-secondary{width:100%;border-color:rgba(255,255,255,.3);background:transparent;color:#fff;font:inherit;cursor:pointer}
body.quiet-home .home-faq{border-top:1px solid var(--line)}
body.quiet-home .home-faq details{border-color:var(--line)}
body.quiet-home .closing{margin:0 clamp(20px,4vw,64px) clamp(20px,4vw,64px);border-radius:var(--quiet-radius-lg);background:#17171b}
body.quiet-home .closing h2{color:#fff}
body.quiet-home footer{background:var(--paper)}
body.quiet-home .footer-top p,
body.quiet-home .footer-business p,
body.quiet-home .footer-business a{color:#5f5f66}
body.quiet-site footer .footer-top p,
body.quiet-site footer .footer-business p,
body.quiet-site footer .footer-business a{color:#5f5f66}

/* FAQ */
body.quiet-faq .faq-page{background:var(--paper)}
body.quiet-faq .faq-hero{
  min-height:440px;
  padding:clamp(72px,8vw,110px) clamp(20px,6vw,88px) 68px;
  background:var(--paper);
  color:var(--ink);
  border-bottom:1px solid var(--line);
}
body.quiet-faq .faq-hero::after{display:none}
body.quiet-faq .faq-hero h1{font-size:clamp(56px,7vw,96px);line-height:1;letter-spacing:-.04em}
body.quiet-faq .faq-hero h1 em{color:var(--violet);font-style:normal}
body.quiet-faq .faq-hero p{color:var(--text)}
body.quiet-faq .faq-search{border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);box-shadow:none}
body.quiet-faq .faq-search input{color:var(--ink)}
body.quiet-faq .faq-search input::placeholder{color:#74747c}
body.quiet-faq .faq-content{
  width:100%;
  max-width:1500px;
  margin-inline:auto;
  padding-block:clamp(72px,8vw,116px);
}
body.quiet-faq .faq-layout{
  max-width:1320px;
  margin-inline:auto;
  grid-template-columns:260px minmax(0,1fr);
  gap:clamp(56px,6vw,92px);
}
body.quiet-faq .faq-answer{max-width:820px}
body.quiet-faq .faq-category{color:#5f5f66}
body.quiet-faq .faq-item{border-radius:0;background:transparent;border-inline:0;border-top:1px solid var(--line)}
body.quiet-faq .faq-item:last-child{border-bottom:1px solid var(--line)}
body.quiet-faq .faq-item[open]{background:rgba(255,255,255,.42)}
body.quiet-faq .faq-contact{border-radius:var(--quiet-radius-lg);background:#17171b}

/* Guide */
body.quiet-guide .guide-page{background:var(--paper)}
body.quiet-guide .guide-hero{
  min-height:430px;
  padding:clamp(72px,8vw,110px) clamp(20px,6vw,88px) 68px;
  background:var(--paper);
  color:var(--ink);
  border-bottom:1px solid var(--line);
}
body.quiet-guide .guide-hero::after{display:none}
body.quiet-guide .guide-hero h1{max-width:13ch;font-size:clamp(52px,6vw,82px);line-height:1.04;letter-spacing:-.04em}
body.quiet-guide .guide-hero h1 em{color:var(--violet)}
body.quiet-guide .guide-hero p{color:var(--text)}
body.quiet-guide .guide-section{max-width:1080px;padding-block:clamp(72px,8vw,112px)}
body.quiet-guide .guide-section-head h2{letter-spacing:-.04em}
body.quiet-guide .step-card,
body.quiet-guide .command-card,
body.quiet-guide .mode-card,
body.quiet-guide .preview-card{border-radius:var(--quiet-radius);box-shadow:none}
body.quiet-guide .mode-card.featured p,
body.quiet-guide .mode-card.featured small{color:#fff}
body.quiet-guide .tg-bubble small{color:#5f5f66}
body.quiet-guide .guide-contact{border-radius:var(--quiet-radius-lg);background:#17171b}

/* Login */
body.quiet-login{
  min-height:100dvh;
  padding:32px;
  justify-content:center;
  background:var(--paper);
}
body.quiet-login::before{
  content:"";
  position:fixed;
  inset:0 0 0 50%;
  z-index:-1;
  background:#e8e8ec;
}
body.quiet-login .card{
  max-width:470px;
  padding:44px;
  border:1px solid var(--line);
  border-radius:var(--quiet-radius-lg);
  background:var(--surface-strong);
  box-shadow:var(--quiet-shadow);
}
body.quiet-login .login-brand{margin-bottom:32px;display:inline-flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink);text-decoration:none}
body.quiet-login .login-brand strong{font-size:28px;font-weight:900;line-height:.9;letter-spacing:-.055em}
body.quiet-login .login-brand small{font-size:10px;font-weight:720;letter-spacing:-.02em}
body.quiet-login h1{font-size:28px;line-height:1.32;letter-spacing:-.04em}
body.quiet-login .btn-google{min-height:54px;border-radius:999px;border-color:var(--ink);background:var(--ink);color:#fff}
body.quiet-login .btn-google:hover{background:#24242a}
body.quiet-login .home-link{color:var(--muted)}

/* Legal and policy reading */
body.quiet-legal{background:var(--paper)}
body.quiet-legal .legal-header{background:rgba(244,244,242,.96);backdrop-filter:blur(14px)}
body.quiet-legal .legal-header-inner{max-width:1400px;height:auto}
body.quiet-legal .legal-tabs a{min-height:44px;display:inline-flex;align-items:center;border-radius:0}
body.quiet-legal .legal-tabs a[aria-current="page"]{background:transparent;color:var(--violet)}
body.quiet-legal .home-link{min-height:44px;display:inline-flex;align-items:center}
body.quiet-legal .legal-hero{padding-top:72px}
body.quiet-legal .legal-title{max-width:8ch;font-size:clamp(52px,6.5vw,88px);line-height:1;letter-spacing:-.04em}
body.quiet-legal .legal-meta{border-radius:var(--quiet-radius);background:var(--violet);box-shadow:none}
body.quiet-legal .legal-tabs a{font-size:13px}
body.quiet-legal .legal-meta span,
body.quiet-legal .legal-meta small{font-size:11.5px;letter-spacing:.06em}
body.quiet-legal .toc a{font-size:12.5px;line-height:1.5}
body.quiet-legal .articles p,
body.quiet-legal .articles li{font-size:16px;line-height:1.84}
body.quiet-legal .example{font-size:14.5px!important}
body.quiet-legal .legal-layout{gap:clamp(48px,7vw,96px)}
body.quiet-legal .toc-links a{border-radius:999px}
body.quiet-legal .articles>li{border-radius:0;background:transparent}
body.quiet-legal .legal-footer{background:var(--paper)}

@media(max-width:1100px){
  body.quiet-home .hero{grid-template-columns:minmax(0,.8fr) minmax(500px,1.2fr);gap:40px}
  body.quiet-home .capability-card{grid-column:span 6}
  body.quiet-home .capability-card:nth-child(1),body.quiet-home .capability-card:nth-child(2){grid-column:span 6}
  body.quiet-home .capability-card.wide{grid-column:span 12}
}

@media(max-width:900px){
  body.quiet-site .site-header{height:68px}
  body.quiet-site .nav{top:68px;padding:24px;background:var(--paper)}
  body.quiet-home .hero{min-height:auto;grid-template-columns:1fr;padding-top:64px}
  body.quiet-home .hero h1{max-width:12ch}
  .hero-character{width:100%;max-width:760px}
  body.quiet-faq .faq-hero{grid-template-columns:1fr;align-items:start}
  body.quiet-faq .faq-layout{grid-template-columns:minmax(0,1fr);gap:44px}
  body.quiet-faq .faq-aside{position:static;min-width:0}
  body.quiet-faq .faq-list{min-width:0;width:100%}
  body.quiet-login::before{display:none}
}

@media(max-width:700px){
  body.quiet-home .hero{padding:52px 20px 64px;gap:42px}
  body.quiet-home .hero h1{font-size:clamp(44px,12vw,64px);line-height:1.06}
  body.quiet-home .hero-description{margin-top:22px;font-size:16px}
  body.quiet-home .brand-meaning{align-items:flex-start;gap:9px;font-size:16px}
  body.quiet-home .brand-meaning strong{padding-right:9px}
  body.quiet-home .hero-actions{margin-top:30px;align-items:stretch}
  body.quiet-home .primary-button{justify-content:space-between}
  .hero-character img{transform:scale(1.12);transform-origin:58% 52%}
  .hero-character figcaption{left:4px;bottom:12px}
  body.quiet-home .nino-today{padding-inline:20px}
  body.quiet-home .capability-card,
  body.quiet-home .capability-card:nth-child(1),
  body.quiet-home .capability-card:nth-child(2),
  body.quiet-home .capability-card.wide,
  body.quiet-home .capability-card:nth-last-child(2){grid-column:1/-1;min-height:220px}
  body.quiet-home .closing{margin-inline:14px}
  body.quiet-faq .faq-hero,body.quiet-guide .guide-hero{padding-inline:20px}
  body.quiet-faq .faq-content{padding-inline:20px}
  body.quiet-faq .faq-item summary{grid-template-columns:34px minmax(0,1fr) 30px}
  body.quiet-faq .faq-question,body.quiet-faq .faq-answer{overflow-wrap:anywhere}
  body.quiet-login{padding:18px}
  body.quiet-login .card{padding:32px 24px}
  body.quiet-legal .legal-tabs{width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:none}
  body.quiet-legal .articles p,
  body.quiet-legal .articles li{font-size:15.5px;line-height:1.8}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  body.quiet-site :where(.orbit-two,.demo-panel.active>*,.site-chat-panel,.site-chat-toggle,.capability-card,.nav-dropdown-menu,.profile-menu,.inquiry-dialog){animation:none!important;transition:none!important}
}

@media(prefers-reduced-transparency:reduce){
  body.quiet-site .site-header,body.quiet-legal .legal-header{background:var(--paper);backdrop-filter:none}
}