/* Shared styles for inner pages (case studies, Work index). */
:root{
  --ink:#14262B; --ink-2:#1C3A41; --sand:#F4EFE8; --peach:#EBD8C5; --sea:#D3E1DE;
  --accent:#B04E28; --accent-dark:#EE9A70; --teal:#1F6F6B;
  --gold:#C9A96E; --gold-deep:#6E5528; --gold-light:#D9BE86; --gold-pale:#F1DDB0;
  --text:#14262B; --text-2:#33454A; --text-3:#4A5A5D;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;background:var(--sand);color:var(--text);line-height:1.6}
a{color:var(--text)}a:hover{color:var(--accent)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:8px}
img{max-width:100%;display:block}
.serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-deep)}
.on-dark .eyebrow{color:var(--gold-light)}

/* Header (same look as the homepage) */
.site-header{position:relative;z-index:3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(20,38,43,.45);border-bottom:1px solid rgba(244,239,232,.12)}
.site-header .wrap{padding-top:18px;padding-bottom:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.logo{color:var(--sand);text-decoration:none;font-family:'Instrument Serif',Georgia,serif;font-size:27px}
.logo em{color:var(--accent-dark)}
.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:15px}
.site-nav a{color:var(--sand);text-decoration:none}
.site-nav a:hover{color:var(--gold-pale)}
.site-nav a[aria-current="page"]{color:var(--gold-pale);text-decoration:underline;text-underline-offset:6px}
.pill-link{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(244,239,232,.4);background:rgba(244,239,232,.08);font-weight:600}

/* Hero */
.hero{position:relative;background:var(--ink);color:var(--sand);overflow:hidden}
.hero-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-inner{position:relative;z-index:2;padding:72px 32px 120px;display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.hero-text{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hero h1{margin:0;font-size:58px;line-height:1.05;font-weight:600;letter-spacing:-1.6px;max-width:780px}
.hero h1 .serif{color:var(--gold-light);letter-spacing:-.4px}
.role{display:flex;flex-direction:column;gap:2px}
.role strong{font-size:17px}
.role span{font-size:15px;color:rgba(244,239,232,.8)}
.hero p.lede{margin:0;font-size:19px;line-height:1.6;max-width:640px;color:rgba(244,239,232,.88)}
.hero-photo{flex:1 1 360px;min-width:0;border-radius:28px;overflow:hidden;border:1px solid rgba(201,169,110,.6);box-shadow:0 30px 60px rgba(0,0,0,.3);aspect-ratio:4/3}
.hero-photo img{width:100%;height:100%;object-fit:cover}
.back-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;color:rgba(244,239,232,.85);text-decoration:none;font-size:15px}
.back-link:hover{color:var(--gold-pale)}

/* Role-and-scope box */
.facts{position:relative;z-index:3;margin-top:-72px}
.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid rgba(201,169,110,.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 60px rgba(20,38,43,.14);overflow:hidden}
.fact{padding:24px 26px;display:flex;flex-direction:column;gap:6px;border-left:1px dashed rgba(201,169,110,.7)}
.fact:first-child{border-left:0}
.fact dt{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-deep)}
.fact dd{margin:0;font-size:15px;line-height:1.5;color:var(--text)}

/* Body */
.section{padding:88px 0}
.section + .section{padding-top:0}
.cols{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.col-label{flex:1 1 220px;min-width:0;position:sticky;top:24px;display:flex;flex-direction:column;gap:10px}
.col-label h2{margin:0;font-size:38px;line-height:1.1;font-weight:600;letter-spacing:-1px}
.col-label h2 .serif{color:var(--accent)}
.col-body{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:18px;font-size:18px;color:var(--text-2)}
.col-body p{margin:0}
.steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.steps li{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.6);border:1px solid rgba(201,169,110,.45)}
.steps li .num{flex:0 0 auto;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:var(--gold-deep);min-width:34px}
.steps li strong{color:var(--text)}
.stats{display:flex;flex-wrap:wrap;gap:16px}
.stat{flex:1 1 220px;min-width:0;padding:26px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.5);display:flex;flex-direction:column;gap:8px}
.stat b{font-size:52px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--accent)}
.stat b.teal{color:var(--teal)}.stat b.gold{color:#9C7A3C}
.stat span{font-size:15px;line-height:1.45;color:var(--text-2)}
.note{font-size:15px;line-height:1.55;padding:16px 18px;border-radius:16px;background:rgba(201,169,110,.14);border:1px solid rgba(201,169,110,.45);color:var(--text-2)}

/* Visual */
.visual{background:var(--sea);padding:88px 0;position:relative;overflow:hidden}
.visual.peach{background:var(--peach)}
.visual-head{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-bottom:32px}
.visual-head h2{margin:0;font-size:38px;line-height:1.1;font-weight:600;letter-spacing:-1px}
.visual-head h2 .serif{color:var(--accent)}
.figure{margin:0;padding:28px;border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.figure .scroll{overflow-x:auto}
.figure svg{display:block;min-width:820px;width:100%;height:auto}
.figure figcaption{margin-top:16px;font-size:14px;color:var(--text-3)}

/* Quote */
.quote{background:var(--ink);color:var(--sand);padding:88px 0;position:relative;overflow:hidden}
.quote figure{margin:0;max-width:860px;padding:34px;border-radius:26px;background:rgba(244,239,232,.07);border:1px solid rgba(201,169,110,.4);display:flex;flex-direction:column;gap:20px}
.quote .mark{font-family:'Instrument Serif',Georgia,serif;font-size:80px;line-height:.6;color:var(--gold)}
.quote blockquote{margin:0;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:32px;line-height:1.35}
.quote figcaption{font-size:14px;color:rgba(244,239,232,.82)}
.quote figcaption strong{color:var(--sand)}

/* Next case + CTA */
.next{padding:72px 0 0}
.next-grid{display:flex;flex-wrap:wrap;gap:16px}
.next a{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:6px;padding:24px 26px;border-radius:22px;background:rgba(255,255,255,.6);border:1px solid rgba(201,169,110,.5);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.next a:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(20,38,43,.12);color:var(--text)}
.next a span{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold-deep)}
.next a strong{font-size:20px;line-height:1.3}
.cta{padding:72px 0 104px}
.cta-card{position:relative;overflow:hidden;border-radius:36px;background:var(--ink);color:var(--sand);padding:56px;border:1px solid rgba(201,169,110,.5);display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta-card h2{position:relative;margin:0;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-1px;max-width:640px}
.cta-card h2 .serif{color:var(--gold-light)}
.btns{position:relative;display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border-radius:999px;font-weight:700;text-decoration:none}
.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--gold)}
.btn-primary:hover{color:#fff;background:#9A4322}
.btn-ghost{background:rgba(244,239,232,.08);border:1px solid rgba(201,169,110,.7);color:var(--sand)}
.btn-ghost:hover{color:var(--gold-pale)}

/* Work index cards */
.cards{display:flex;flex-wrap:wrap;gap:22px}
.card{flex:1 1 320px;min-width:0;border-radius:26px;background:rgba(255,255,255,.8);border:1px solid rgba(201,169,110,.6);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 24px 50px rgba(20,38,43,.1);transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(20,38,43,.16);color:var(--text)}
.card-band{height:150px;position:relative;display:flex;align-items:flex-end;padding:20px}
.card-band .n{position:absolute;top:12px;right:18px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:60px;line-height:1;color:var(--gold-pale)}
.card-body{padding:24px 26px;display:flex;flex-direction:column;gap:12px;flex:1 1 auto}
.card-body .r{display:flex;flex-direction:column;gap:2px}
.card-body .r b{font-size:15px}.card-body .r span{font-size:13px;color:var(--text-3)}
.card-body h3{margin:0;font-size:23px;line-height:1.25}
.card-body p{margin:0;font-size:16px;color:var(--text-2)}
.card-body .foot{margin-top:auto;padding-top:14px;border-top:1px dashed var(--gold);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700}
.card-body .foot em{font-style:normal;color:var(--accent)}

/* Footer */
.site-footer{background:var(--ink);color:var(--sand);padding:48px 0;border-top:1px solid rgba(201,169,110,.4)}
.site-footer .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:center}
.site-footer a{color:var(--sand)}
.site-footer .small{flex:1 1 100%;font-size:12px;color:rgba(244,239,232,.7)}
.foot-name{font-family:'Instrument Serif',Georgia,serif;font-size:27px}
.foot-name em{color:var(--accent-dark)}
.foot-links{display:flex;flex-wrap:wrap;gap:22px;font-size:15px}

@media (max-width: 860px){
  .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:nth-child(3){border-left:0}
  .fact:nth-child(n+3){border-top:1px dashed rgba(201,169,110,.7)}
  .col-label{position:static}
}
@media (max-width: 640px){
  .wrap{padding:0 20px}
  .hero-inner{padding:48px 20px 104px}
  .hero h1{font-size:40px;letter-spacing:-1px}
  .col-label h2,.visual-head h2{font-size:31px}
  .facts-grid{grid-template-columns:minmax(0,1fr)}
  .fact{border-left:0}
  .fact + .fact{border-top:1px dashed rgba(201,169,110,.7)}
  .quote blockquote{font-size:25px}
  .cta-card{padding:36px 22px}
  .cta-card h2{font-size:31px}
  .section,.visual,.quote{padding:64px 0}
}
@media (prefers-reduced-motion: reduce){.next a,.card{transition:none}}

/* Interactive blueprint (Hotel Paris) */
.bp-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.bp-tab{font:inherit;font-size:15px;font-weight:700;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(201,169,110,.8);background:rgba(255,255,255,.7);color:var(--text);cursor:pointer;transition:background .2s ease,color .2s ease}
.bp-tab:hover{background:#fff}
.bp-tab[aria-pressed="true"]{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.bp .bp-col{transition:opacity .3s ease;cursor:pointer}
.bp.has-active .bp-col{opacity:.28}
.bp.has-active .bp-col.is-active{opacity:1}
.bp .bp-col.is-active .bp-hit{fill-opacity:.16}
.bp-notes{margin-top:16px;min-height:52px}
.bp-note{margin:0;font-size:16px;line-height:1.55;color:var(--text-2)}
@media (prefers-reduced-motion: reduce){.bp .bp-col,.bp-tab{transition:none}}

/* Case card artwork */
.art-band{position:relative;height:200px;overflow:hidden;background:#14262B;flex:0 0 auto}
.art-band .art-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.art-band .art-hotel{object-position:30% 78%;filter:saturate(.85) contrast(1.05)}
.art-band .art-tint{position:absolute;inset:0;background:linear-gradient(165deg,rgba(176,78,40,.45) 0%,rgba(20,38,43,.1) 45%,rgba(20,38,43,.82) 100%)}
.art-band::after{content:"";position:absolute;inset:10px;border:1px solid rgba(201,169,110,.4);border-radius:16px;pointer-events:none}
.art-n{position:absolute;top:14px;right:22px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:58px;line-height:1;color:#F1DDB0;text-shadow:0 2px 18px rgba(20,38,43,.5)}
.art-cap{position:absolute;left:20px;bottom:18px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#F1DDB0;padding:6px 11px;border-radius:999px;background:rgba(20,38,43,.5);border:1px solid rgba(201,169,110,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.card:hover .art-photo{transform:scale(1.05)}
@media (prefers-reduced-motion: reduce){.art-band .art-photo{transition:none}}

/* Then / now comparison (Hotel Paris) */
.then-now{border-radius:20px;overflow:hidden;border:1px solid rgba(201,169,110,.55);background:rgba(255,255,255,.6)}
.tn-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1fr);gap:0}
.tn-row span{padding:14px 16px;font-size:15px;line-height:1.5;color:var(--text-2);border-top:1px dashed rgba(201,169,110,.6)}
.tn-row span:first-child{font-weight:700;color:var(--text)}
.tn-row span:nth-child(2){background:rgba(176,78,40,.07);color:var(--text)}
.tn-head span{border-top:0;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-deep) !important;background:rgba(201,169,110,.12) !important}
@media (max-width: 640px){
  .tn-row{grid-template-columns:minmax(0,1fr)}
  .tn-head{display:none}
  .tn-row span{border-top:0;padding:6px 16px}
  .tn-row span:first-child{padding-top:16px;border-top:1px dashed rgba(201,169,110,.6)}
  .tn-row span:nth-child(2)::before{content:"Then: ";font-weight:700;color:var(--accent)}
  .tn-row span:nth-child(3){padding-bottom:16px}
  .tn-row span:nth-child(3)::before{content:"Today: ";font-weight:700;color:var(--teal)}
  .tn-row:nth-child(2) span:first-child{border-top:0}
}

/* Manual work grid (Talenthouse) */
.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.manual-item{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.5)}
.manual-item strong{font-size:16px;color:var(--text)}
.manual-item span{font-size:15px;line-height:1.5;color:var(--text-2)}
@media (max-width: 640px){.manual-grid{grid-template-columns:minmax(0,1fr)}}
.manual-item strong{display:flex;align-items:center;gap:8px}
.manual-item strong::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px rgba(31,111,107,.18)}

/* Hero dunes stay in a thin band at the bottom */
.hero-dune{position:absolute;left:0;right:0;bottom:0;width:100%;height:110px;pointer-events:none}
.cta-dune{position:absolute;left:0;right:0;bottom:0;width:100%;height:46px;pointer-events:none}

/* Work index */
.work-hero{position:relative;background:var(--ink);color:var(--sand);overflow:hidden;padding-bottom:96px}
.work-photo{position:absolute;left:0;right:0;top:0;height:620px;background:url(/assets/img/punta-del-este-sunset.jpg) 60% 30%/cover no-repeat}
.work-shade{position:absolute;left:0;right:0;top:0;height:624px;background:linear-gradient(180deg,rgba(20,38,43,.96) 0%,rgba(20,38,43,.9) 40%,rgba(20,38,43,.55) 58%,rgba(20,38,43,.35) 70%,rgba(20,38,43,.6) 82%,#14262B 100%)}
.work-hero .site-header{position:relative;z-index:3;background:rgba(20,38,43,.75)}
.work-hero-inner{position:relative;z-index:2;padding-top:72px;padding-bottom:40px;display:flex;flex-direction:column;gap:18px;text-shadow:0 2px 18px rgba(20,38,43,.55)}
.work-hero h1{margin:0;font-size:58px;line-height:1.05;font-weight:600;letter-spacing:-1.6px;color:#fff}
.work-hero h1 .serif{color:var(--gold-pale)}
.work-hero .lede{margin:0;font-size:19px;line-height:1.6;max-width:640px;color:rgba(244,239,232,.92)}
.work-hero .eyebrow{color:var(--gold-pale)}
.work-cards{position:relative;z-index:2}
.work-cards .card{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px rgba(0,0,0,.28);color:var(--text)}
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.chips li{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid rgba(201,169,110,.7);color:var(--gold-deep);background:rgba(201,169,110,.08)}
.concept-teaser-wrap{padding:72px 0 0}
.concept-teaser{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:center;padding:28px 32px;border-radius:24px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.55);text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}
.concept-teaser:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(20,38,43,.12);color:var(--text)}
.concept-teaser .eyebrow{grid-column:1}
.concept-teaser strong{grid-column:1;font-size:24px;line-height:1.25}
.concept-teaser .ct-sub{grid-column:1;font-size:16px;color:var(--text-2)}
.concept-teaser em{grid-column:2;grid-row:1 / span 3;font-style:normal;font-size:28px;color:var(--accent);width:56px;height:56px;border-radius:50%;border:1px solid rgba(201,169,110,.8);display:flex;align-items:center;justify-content:center}
@media (max-width: 640px){
  .work-hero h1{font-size:40px}
  .work-hero-inner{padding-top:48px}
  .work-photo,.work-shade{height:520px}
  .concept-teaser{padding:22px 20px}
  .concept-teaser em{display:none}
}
@media (prefers-reduced-motion: reduce){.concept-teaser{transition:none}}

/* Concept pages */
.brief{margin:6px 0 0;padding:22px 24px;border-radius:20px;background:var(--ink);color:var(--sand);font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:22px;line-height:1.4;display:flex;flex-direction:column;gap:10px}
.brief .eyebrow{font-family:'Manrope',system-ui,sans-serif;font-style:normal;color:var(--gold-light)}
.dial{display:flex;flex-direction:column;gap:22px}
.dial-top{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:28px;align-items:center;padding:24px;border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.55)}
.dial-gauge{width:100%;height:auto;display:block;font-family:'Manrope',system-ui,sans-serif}
.dial-seg{fill:rgba(201,169,110,.22);stroke:rgba(201,169,110,.8);stroke-width:1;transition:fill .3s ease}
.dial-seg.is-on{fill:var(--accent)}
.dial-needle{transform-origin:140px 140px;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}
.dial-controls{display:flex;flex-direction:column;gap:14px}
.dial-btns{display:flex;flex-wrap:wrap;gap:8px}
.dial-btn{font:inherit;font-size:15px;font-weight:700;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(201,169,110,.8);background:rgba(255,255,255,.8);color:var(--text);cursor:pointer}
.dial-btn:hover{background:#fff}
.dial-btn[aria-pressed="true"]{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.dial-note{margin:0;font-size:17px;line-height:1.55;color:var(--text-2)}
.dial-journey{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dial-stage{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(201,169,110,.5);min-height:150px}
.dial-stage strong{font-size:16px}
.dial-stage p{margin:0;font-size:15px;line-height:1.5;color:var(--text-2);animation:dialIn .35s ease}
.dial-step{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:22px;color:var(--gold-deep);line-height:1}
@keyframes dialIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.keep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.keep{padding:20px 22px;border-radius:20px;border:1px solid rgba(201,169,110,.55);display:flex;flex-direction:column;gap:10px}
.keep ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--text-2)}
.keep-yes{background:rgba(31,111,107,.08)}
.keep-no{background:rgba(176,78,40,.08)}
.keep-no .eyebrow{color:var(--accent)}
.hyp,.measures{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:17px;color:var(--text-2)}
.btn-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:var(--accent);text-decoration:none}
.sources{display:flex;flex-direction:column;gap:10px;padding-top:24px;border-top:1px dashed rgba(201,169,110,.7)}
.sources ul{margin:0;padding-left:18px;font-size:14px;color:var(--text-3);display:flex;flex-direction:column;gap:4px}
@media (max-width: 900px){
  .dial-top{grid-template-columns:minmax(0,1fr)}
  .dial-gauge-wrap{max-width:300px;margin:0 auto;width:100%}
  .dial-journey{grid-template-columns:minmax(0,1fr)}
  .dial-stage{min-height:0}
  .keep-grid{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){.dial-needle,.dial-seg{transition:none}.dial-stage p{animation:none}}

/* Anti-brief */
.anti{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.anti li{position:relative;padding:16px 18px 16px 50px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.5);font-size:15px;line-height:1.5;color:var(--text-2)}
.anti li::before,.anti li::after{content:"";position:absolute;left:20px;top:26px;width:16px;height:2px;border-radius:2px;background:var(--accent)}
.anti li::before{transform:rotate(45deg)}
.anti li::after{transform:rotate(-45deg)}
.anti strong{display:block;font-size:16px;color:var(--text);margin-bottom:2px}
@media (max-width: 640px){.anti{grid-template-columns:minmax(0,1fr)}}

/* Concept page v2: lighter reading */
.concept-pill{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.4px;padding:7px 14px;border-radius:999px;border:1px solid rgba(201,169,110,.6);color:var(--gold-pale);background:rgba(244,239,232,.06)}
.ic{width:26px;height:26px;color:var(--accent);flex:0 0 auto}
.glance-wrap{position:relative;z-index:3;margin-top:-80px}
.glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:26px;background:rgba(255,255,255,.86);border:1px solid rgba(201,169,110,.6);box-shadow:0 30px 60px rgba(20,38,43,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}
.g-item{padding:22px 24px;display:flex;flex-direction:column;gap:8px;border-left:1px dashed rgba(201,169,110,.7)}
.g-item:first-child{border-left:0}
.g-k{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold-deep)}
.g-item p{margin:0;font-size:16px;line-height:1.45;color:var(--text);font-weight:600}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.toc a{font-size:13px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid rgba(201,169,110,.6);text-decoration:none;color:var(--text-2);background:rgba(255,255,255,.5)}
.toc a:hover{background:#fff;color:var(--accent)}
.block{padding:96px 0}
.block.tint{background:rgba(201,169,110,.10)}
.block-head{display:flex;flex-direction:column;gap:10px;max-width:720px;margin-bottom:32px}
.block-head h2{margin:0;font-size:40px;line-height:1.1;font-weight:600;letter-spacing:-1px}
.block-head h2 .serif{color:var(--accent)}
.block-head p{margin:0;font-size:17px;line-height:1.55;color:var(--text-2)}
.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.tri-card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid rgba(201,169,110,.5)}
.tri-card strong{font-size:18px;line-height:1.3}
.tri-card p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.tri-n{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:34px;line-height:1;color:var(--gold-deep)}
.brief{margin:0}
.anti{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.anti li{padding:18px 16px 18px 44px !important}
.anti li::before,.anti li::after{left:16px !important;top:27px !important;width:14px !important}
.anti strong{font-size:15px !important}
.anti span{font-size:14px}
.paradox{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:28px;align-items:center;padding:28px;border-radius:26px;background:var(--ink);color:var(--sand)}
.paradox .eyebrow{color:var(--gold-light)}
.paradox h3{margin:6px 0 8px;font-size:30px;line-height:1.15;font-weight:600}
.paradox h3 .serif{color:var(--gold-light)}
.paradox-text p{margin:0;font-size:16px;line-height:1.55;color:rgba(244,239,232,.85)}
.paradox-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pstat{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:rgba(244,239,232,.06);border:1px solid rgba(201,169,110,.35)}
.pstat b{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:var(--accent-dark)}
.pstat b.teal{color:#7FCFC6}.pstat b.gold{color:var(--gold-light)}
.pstat span{font-size:14px;line-height:1.4;color:rgba(244,239,232,.85)}
.paradox .fine{grid-column:1 / -1;color:rgba(244,239,232,.6)}
.fine{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--text-3)}
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:f}
.flow li{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:22px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.5)}
.flow-n{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:var(--accent)}
.flow strong{font-size:18px}
.flow p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}
.chips-lg{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips-lg li{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.6)}
.chips-lg li span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--gold-pale);font-size:11px;font-weight:800}
.mtiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mtile{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.5)}
.mtile strong{font-size:16px;color:var(--teal)}
.mtile span{font-size:14px;line-height:1.45;color:var(--text-2)}
.end-card{display:flex;flex-direction:column;gap:10px;padding:30px;border-radius:26px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.55);height:100%;box-sizing:border-box}
.end-card h3{margin:0;font-size:28px;line-height:1.15;font-weight:600}
.end-card h3 .serif{color:var(--accent)}
.end-card p{margin:0;font-size:16px;line-height:1.55;color:var(--text-2)}
.end-card.dark{background:var(--ink);color:var(--sand)}
.end-card.dark .eyebrow{color:var(--gold-light)}
.end-card.dark h3 .serif{color:var(--gold-light)}
.end-card.dark p{color:rgba(244,239,232,.85)}
.btn-link.light{color:var(--gold-pale)}
@media (max-width: 1000px){.anti{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.glance{grid-template-columns:repeat(2,minmax(0,1fr))}.g-item:nth-child(3){border-left:0}.g-item:nth-child(n+3){border-top:1px dashed rgba(201,169,110,.7)}}
@media (max-width: 860px){.tri,.flow{grid-template-columns:minmax(0,1fr)}.paradox{grid-template-columns:minmax(0,1fr)}.duo{grid-template-columns:minmax(0,1fr);gap:56px}}
@media (max-width: 640px){
  .block{padding:64px 0}
  .block-head h2{font-size:31px}
  .glance{grid-template-columns:minmax(0,1fr)}
  .g-item{border-left:0}.g-item + .g-item{border-top:1px dashed rgba(201,169,110,.7)}
  .anti{grid-template-columns:minmax(0,1fr) !important}
  .paradox-stats{grid-template-columns:minmax(0,1fr)}
  .mtiles{grid-template-columns:minmax(0,1fr)}
}

/* Concept v3: two parts, listening rail, loops, decision tabs */
.part{position:relative}
.part-tag{position:absolute;right:32px;top:-28px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:96px;line-height:1;color:rgba(201,169,110,.28);pointer-events:none}
.sub{margin:40px 0 16px;font-size:20px;font-weight:700;color:var(--text)}
.rail{list-style:none;margin:0;padding:24px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;position:relative}
.rail::before{content:"";position:absolute;left:16px;right:16px;top:30px;border-top:2px dashed rgba(201,169,110,.8)}
.lp{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 14px 16px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.5);margin-top:10px}
.lp-dot{position:absolute;top:-17px;left:16px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--sand)}
.lp strong{font-size:15px}
.lp ul{margin:0;padding-left:16px;font-size:13.5px;line-height:1.45;color:var(--text-2);display:flex;flex-direction:column;gap:4px}
.lp-owner{margin-top:auto;font-size:11px;font-weight:700;letter-spacing:.3px;color:var(--teal)}
.loops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.loop-card{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.55)}
.loop-card.dark{background:var(--ink);color:var(--sand)}
.loop-k{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}
.loop-card.dark .loop-k{color:var(--gold-light)}
.loop-card strong{font-size:20px}
.loop-card ol{margin:0;padding-left:20px;font-size:15px;line-height:1.55;display:flex;flex-direction:column;gap:4px;color:inherit;opacity:.9}
.branches{display:flex;flex-direction:column;gap:16px}
.br-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.br-tab{font:inherit;text-align:left;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid rgba(201,169,110,.7);background:rgba(255,255,255,.75);color:var(--text);font-size:15px;font-weight:700;cursor:pointer;min-height:44px}
.br-tab span{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-deep)}
.br-tab:hover{background:#fff}
.br-tab[aria-pressed="true"]{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.br-tab[aria-pressed="true"] span{color:var(--gold-light)}
.br-panel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr) minmax(0,1.2fr);gap:14px;align-items:stretch}
.br-col{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.5);animation:dialIn .35s ease}
.br-col p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.br-col.strong{background:var(--ink);border-color:var(--ink)}
.br-col.strong p{color:var(--sand);font-size:16px}
.br-col.strong .br-k{color:var(--gold-light)}
.br-col.research{background:rgba(31,111,107,.08)}
.br-k{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-deep)}
.br-arrow{align-self:center;font-size:26px;color:var(--accent)}
.mtiles.six{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 1100px){.rail{grid-template-columns:repeat(3,minmax(0,1fr))}.rail::before{display:none}}
@media (max-width: 900px){.br-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.br-panel{grid-template-columns:minmax(0,1fr)}.br-arrow{display:none}.loops{grid-template-columns:minmax(0,1fr)}.mtiles.six{grid-template-columns:repeat(2,minmax(0,1fr))}.part-tag{font-size:64px;right:20px}}
@media (max-width: 640px){.rail{grid-template-columns:minmax(0,1fr)}.br-tabs{grid-template-columns:minmax(0,1fr)}.mtiles.six{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion: reduce){.br-col{animation:none}}
.br-panel[hidden]{display:none}
.part-tag{top:28px !important}

/* Concept v3 · feel: hero art, Part banners, icon rail, loop diagram, tab icons, grain */
.hero-art-panel{flex:1 1 360px;min-width:0;border-radius:28px;overflow:hidden;border:1px solid rgba(201,169,110,.55);box-shadow:0 30px 60px rgba(0,0,0,.35);aspect-ratio:5/4;background:#1C3A41}
.hero-art-panel img{display:block;width:100%;height:100%;object-fit:cover}
.grain{position:relative;isolation:isolate}
.grain::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/img/grain.svg) repeat;background-size:240px;opacity:.9;pointer-events:none}
.part-banner{position:relative;overflow:hidden;background:linear-gradient(160deg,#14262B 0%,#1C3A41 70%,#2A4A4C 100%);color:var(--sand)}
.pb-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pb-wave{animation:pbDrift 16s ease-in-out infinite alternate}
@keyframes pbDrift{from{transform:translateX(-24px)}to{transform:translateX(24px)}}
.pb-inner{position:relative;z-index:1;display:flex;align-items:center;gap:40px;padding:80px 32px}
.pb-n{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:160px;line-height:.8;color:rgba(217,190,134,.55);flex:0 0 auto}
.pb-text{display:flex;flex-direction:column;gap:12px;max-width:700px}
.pb-k{align-self:flex-start;font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink);background:var(--gold-light);padding:6px 12px;border-radius:999px}
.part-banner .eyebrow{color:var(--gold-light)}
.part-banner h2{margin:0;font-size:44px;line-height:1.08;font-weight:600;letter-spacing:-1px}
.part-banner h2 .serif{color:var(--gold-light)}
.part-banner p{margin:0;font-size:17px;line-height:1.6;color:rgba(244,239,232,.85)}
.sub.first{margin-top:0}
/* rail with icon badges and a travelling light */
.rail-wrap{position:relative}
.rail::before{top:41px}
.lp{padding-top:40px}
.lp-dot{top:-24px;left:14px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--gold-light);box-shadow:0 0 0 5px var(--sand),0 8px 18px rgba(20,38,43,.18)}
.lp-dot .ic{width:22px;height:22px;color:inherit}
.lp:hover .lp-dot{background:var(--accent);color:#fff}
.rail-runner{position:absolute;top:36px;left:16px;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(176,78,40,.18),0 0 18px rgba(176,78,40,.6);z-index:2;animation:runner 9s ease-in-out infinite}
@keyframes runner{0%{left:16px;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:calc(100% - 28px);opacity:0}}
/* loops */
.loops-wrap{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:32px;align-items:center}
.loops-svg{width:100%;height:auto;display:block}
.loops-wrap .loops{grid-template-columns:minmax(0,1fr)}
.spin{transform-box:view-box;transform-origin:180px 180px}
.spin-slow{animation:spin 60s linear infinite reverse}
.spin-fast{animation:spin 24s linear infinite}
.orbit{transform-box:view-box;transform-origin:180px 180px}
.orbit-in{animation:spin 6s linear infinite}
.orbit-out{animation:spin 18s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* tabs with icons */
.br-tab .br-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(176,78,40,.1);margin-bottom:6px}
.br-tab .br-ic .ic{width:20px;height:20px}
.br-tab[aria-pressed="true"] .br-ic{background:rgba(217,190,134,.18)}
.br-tab[aria-pressed="true"] .br-ic .ic{color:var(--gold-light)}
.br-tab{transition:transform .2s ease,box-shadow .2s ease}
.br-tab:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,38,43,.1)}
.tri-card .ic{margin-bottom:2px}
.tri-card,.lp,.mtile,.anti li{transition:transform .25s ease,box-shadow .25s ease}
.tri-card:hover,.mtile:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,38,43,.1)}
@media (max-width: 1100px){.rail-runner{display:none}.lp{margin-top:28px}}
@media (max-width: 900px){.loops-wrap{grid-template-columns:minmax(0,1fr)}.loops-svg{max-width:320px;margin:0 auto}.pb-n{font-size:110px}.part-banner h2{font-size:36px}}
@media (max-width: 640px){.hero-art-panel{aspect-ratio:16/9}.pb-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:56px 20px}.pb-n{font-size:84px}.part-banner h2{font-size:30px}}
@media (prefers-reduced-motion: reduce){.pb-wave,.rail-runner,.spin,.orbit{animation:none}.rail-runner{display:none}}

/* Talenthouse: AI timeline, icon grid, merge diagram, TalentPlus track */
.ai-tl{margin:6px 0 30px;position:relative}
.ai-tl-bar{position:relative;display:flex;height:34px;border-radius:999px;overflow:hidden;border:1px solid rgba(201,169,110,.6);background:rgba(255,255,255,.6)}
.ai-tl-hand{display:flex;align-items:center;padding-left:14px;background:repeating-linear-gradient(135deg,rgba(31,111,107,.16) 0 6px,rgba(31,111,107,.08) 6px 12px)}
.ai-tl-after{flex:1;display:flex;align-items:center;justify-content:center;background:rgba(201,169,110,.18)}
.ai-tl em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--teal)}
.ai-tl-after em{color:var(--gold-deep)}
.ai-tl-mark{position:absolute;top:-6px;bottom:-6px;width:3px;margin-left:-1.5px;background:var(--accent);border-radius:2px}
.ai-tl-labels{position:relative;height:40px;margin-top:8px}
.ai-tl-labels span{position:absolute;top:0;display:flex;flex-direction:column;font-size:12px;color:var(--text-3);white-space:nowrap}
.ai-tl-labels span.mid{transform:translateX(-50%);align-items:center}
.ai-tl-labels span.end{transform:translateX(-100%);align-items:flex-end}
.ai-tl-labels b{font-size:13px;color:var(--text)}
.ai-tl-labels .mid b{color:var(--accent)}
.manual-grid.icons .manual-item{flex-direction:row;align-items:flex-start;gap:14px;transition:transform .25s ease,box-shadow .25s ease}
.manual-grid.icons .manual-item:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,38,43,.1)}
.manual-grid.icons .manual-item strong::before{display:none}
.manual-grid.icons .manual-item > div{display:flex;flex-direction:column;gap:4px}
.mi-ic{flex:0 0 40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--gold-light)}
.mi-ic .ic{width:20px;height:20px;color:inherit}
.vh-p{margin:0;font-size:16px;color:var(--text-2)}
.mg-ctrl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.mg-btn{font:inherit;font-size:14px;font-weight:700;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(20,38,43,.3);background:#fff;color:var(--text);cursor:pointer}
.mg-btn[aria-pressed="true"]{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.mg-tile{transform-box:fill-box;transform-origin:center;transition:transform .9s cubic-bezier(.6,.05,.3,1),opacity .7s ease}
.mg.is-merged .mg-tile{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}
.mg-after,.mg-life{transition:opacity .6s ease .5s,transform .8s cubic-bezier(.2,.8,.2,1) .45s;transform-box:fill-box;transform-origin:center}
.mg:not(.is-merged) .mg-after{opacity:0;transform:scale(.6);transition-delay:0s}
.mg:not(.is-merged) .mg-life{opacity:0;transition-delay:0s}
.mg-before-cap{transition:opacity .4s ease}
.mg.is-merged .mg-before-cap{opacity:0}
.mg-spin{transform-box:fill-box;transform-origin:center;animation:spin 50s linear infinite}
.mg-flow{stroke-dasharray:4 6;animation:mgflow 1.6s linear infinite}
@keyframes mgflow{to{stroke-dashoffset:-20}}
.tp{margin-top:28px;padding:30px;border-radius:28px;background:var(--ink);color:var(--sand);position:relative;overflow:hidden}
.tp-head{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.tp .eyebrow{color:var(--gold-light)}
.tp h3{margin:0;font-size:26px;line-height:1.2;font-weight:600}
.tp h3 .serif{color:var(--gold-light)}
.tp-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative}
.tp-track::before{content:"";position:absolute;left:20px;right:20px;top:20px;border-top:1.5px dashed rgba(217,190,134,.6)}
.tp-track li{position:relative;display:flex;flex-direction:column;gap:6px}
.tp-ic{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;box-shadow:0 0 0 5px var(--ink)}
.tp-ic .ic{width:20px;height:20px;color:inherit}
.tp-n{margin-top:6px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:22px;line-height:1;color:var(--gold-light)}
.tp-track strong{font-size:16px}
.tp-track li > span:last-child{font-size:14px;line-height:1.45;color:rgba(244,239,232,.75)}
@media (max-width: 900px){.tp-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.tp-track::before{display:none}}
@media (max-width: 640px){.tp{padding:24px 20px}.tp-track{grid-template-columns:minmax(0,1fr)}.tp h3{font-size:22px}.ai-tl-labels{height:auto;display:flex;justify-content:space-between;gap:8px}.ai-tl-labels span{position:static;transform:none !important;white-space:normal;font-size:11px}.ai-tl-labels span.mid{text-align:center}.ai-tl-labels span.end{text-align:right}}
@media (prefers-reduced-motion: reduce){.mg-tile,.mg-after,.mg-life{transition:none}.mg-spin,.mg-flow{animation:none}}
.manual-grid.icons .manual-item .mi-ic{color:var(--gold-light)}

/* Alavanz: dig deeper, agents diagram */
.dig{padding:32px;border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.55)}
.dig-head{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.dig-head h3,.ag-head h3{margin:0;font-size:26px;line-height:1.2;font-weight:600}
.dig-head h3 .serif,.ag-head h3 .serif{color:var(--accent)}
.ag-head{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.dig-body{position:relative;padding-left:44px}
.dg-drill{position:absolute;left:14px;top:12px;bottom:12px;width:2px;background:repeating-linear-gradient(to bottom,rgba(176,78,40,.5) 0 4px,transparent 4px 9px)}
.dg-drill span{position:absolute;left:-6px;top:0;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(176,78,40,.18);animation:drill 5s ease-in-out infinite}
@keyframes drill{0%{top:0}85%,100%{top:calc(100% - 14px)}}
.dg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dg-layer{display:grid;grid-template-columns:150px 110px minmax(0,1fr);align-items:center;gap:18px;padding:18px 22px;border-radius:20px;transition:opacity .6s ease calc(var(--i) * .18s),transform .6s ease calc(var(--i) * .18s)}
.dig.rv .dg-layer{opacity:0;transform:translateY(14px)}
.dig.rv.is-in .dg-layer{opacity:1;transform:none}
.dg-surface{background:rgba(255,255,255,.85);border:1px dashed rgba(201,169,110,.8)}
.dg-l1{background:#F6E3D3;margin-left:12px}
.dg-l2{background:#E9C4A8;margin-left:24px}
.dg-core{background:var(--ink);color:var(--sand);margin-left:36px}
.dg-cap{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-deep)}
.dg-core .dg-cap{color:var(--gold-light)}
.dg-num{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:var(--accent)}
.dg-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;font-size:22px;letter-spacing:0;background:rgba(201,169,110,.2);color:var(--gold-deep)}
.dg-core .dg-ic{background:var(--accent);color:#fff}
.dg-text{display:flex;flex-direction:column;gap:4px}
.dg-text strong{font-size:17px}
.dg-text p{margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}
.dg-core .dg-text p{color:rgba(244,239,232,.85)}
.dg-pivot{margin:22px 0 0 44px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.dg-from,.dg-to{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:26px;line-height:1}
.dg-from{color:var(--text-3);text-decoration:line-through;text-decoration-color:rgba(176,78,40,.6)}
.dg-to{color:var(--accent)}
.dg-arrow{width:60px;height:2px;background:var(--accent);position:relative}
.dg-arrow::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:8px solid var(--accent)}
.dg-pivot p{flex:1 1 100%;margin:0;font-size:14px;color:var(--text-3)}
.ag-flow{stroke-dasharray:4 7;animation:mgflow 1.4s linear infinite}
.ag-flow.rev{animation-direction:reverse}
.ag-ring{transform-box:fill-box;transform-origin:center;animation:spin 30s linear infinite}
.ag-node{animation:agp 2.6s ease-in-out infinite}
@keyframes agp{50%{fill:#B04E28}}
.ag-grow{transform-box:fill-box;transform-origin:center;animation:agg 3s ease-in-out infinite}
@keyframes agg{50%{transform:scale(1.12)}}
@media (max-width: 760px){.dg-layer{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"cap cap" "num text";row-gap:8px}.dg-cap{grid-area:cap}.dg-num{grid-area:num;font-size:30px}.dg-text{grid-area:text}.dg-l1,.dg-l2,.dg-core{margin-left:0}.dig{padding:24px 18px}.dig-body{padding-left:30px}.dg-drill{left:8px}.dg-pivot{margin-left:0}}
@media (prefers-reduced-motion: reduce){.dg-drill span,.ag-flow,.ag-ring,.ag-node,.ag-grow{animation:none}.dg-layer{transition:none}}
@media (prefers-reduced-motion: reduce){.mg-dot{display:none}}

/* Alavanz v2: underneath, funnel, business, pain to product */
.under{margin-top:28px;padding:32px;border-radius:28px;background:var(--ink);color:var(--sand);position:relative;overflow:hidden}
.under::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(238,154,112,.28),transparent 70%);pointer-events:none}
.under-head{position:relative;display:flex;flex-direction:column;gap:8px;max-width:720px;margin-bottom:24px}
.under-head .eyebrow{color:var(--gold-light)}
.under-head h3{margin:0;font-size:28px;line-height:1.15;font-weight:600}
.under-head h3 .serif{color:var(--gold-light)}
.under-head p{margin:0;font-size:16px;line-height:1.6;color:rgba(244,239,232,.82)}
.under-grid{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.under-grid li{display:flex;flex-direction:column;gap:6px;padding:20px;border-radius:20px;background:rgba(244,239,232,.06);border:1px solid rgba(217,190,134,.28);transition:transform .25s ease,background .25s ease}
.under-grid li:hover{transform:translateY(-3px);background:rgba(244,239,232,.1)}
.un-n{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:24px;line-height:1;color:var(--accent-dark)}
.under-grid strong{font-size:17px}
.under-grid p{margin:0;font-size:14.5px;line-height:1.5;color:rgba(244,239,232,.78)}
.lens{position:relative;margin:22px 0 0;padding-left:16px;border-left:2px solid var(--gold-light);font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:21px;line-height:1.4;color:var(--gold-pale);max-width:820px}
.fn-k{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-deep)}
.funnel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.5fr 1.1fr 1fr .9fr;gap:0;align-items:stretch}
.fn{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 30px 22px 22px;background:#fff;border:1px solid rgba(201,169,110,.55);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%)}
.fn-1{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);border-radius:22px 0 0 22px;background:rgba(255,255,255,.85)}
.fn-2{background:#FBEFE6;margin:14px 0}
.fn-3{background:#F3D7C3;margin:28px 0}
.fn-4{background:var(--ink);color:var(--sand);margin:40px 0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,18px 50%);border-radius:0 22px 22px 0;padding-left:34px}
.fn-4 .fn-k{color:var(--gold-light)}
.fn-2,.fn-3{padding-left:34px}
.fn-clusters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.fn-clusters li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:rgba(201,169,110,.12)}
.fn-clusters strong{font-size:14.5px}
.fn-clusters span{font-size:13px;line-height:1.4;color:var(--text-2)}
.fn-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;font-size:14.5px;line-height:1.4;font-weight:600}
.fn-out{text-decoration:line-through;text-decoration-color:rgba(176,78,40,.7);color:var(--text-3);font-weight:500}
.fn-one{margin:0;font-size:19px;line-height:1.3;font-weight:700}
.fn-why{margin:0;font-size:14px;color:rgba(244,239,232,.75)}
.fn-foot{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:22px}
.fn-criteria,.fn-dropped{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(201,169,110,.5)}
.fn-dropped{border-style:dashed}
.fn-dropped p{margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}
.fn-dropped strong{color:var(--text)}
.biz{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:14px}
.biz-card{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid rgba(201,169,110,.55)}
.biz-card h3{margin:0;font-size:24px;line-height:1.2;font-weight:600}
.biz-card h3 .serif{color:var(--accent)}
.biz-card p{margin:0;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.biz-card.dark{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.biz-card.dark .fn-k{color:var(--gold-light)}
.biz-card.dark h3 .serif{color:var(--gold-light)}
.biz-card.dark p{color:rgba(244,239,232,.85)}
.biz-arch{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.biz-arch li{font-size:13px;font-weight:700;padding:7px 12px;border-radius:999px;background:rgba(217,190,134,.16);border:1px solid rgba(217,190,134,.4);color:var(--gold-pale)}
.biz-stats{display:flex;flex-direction:column;gap:16px}
.biz-stats div{display:flex;flex-direction:column;gap:4px}
.biz-stats b{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:var(--accent)}
.biz-stats b.teal{color:var(--teal)}
.biz-stats span{font-size:14px;line-height:1.45;color:var(--text-2)}
.pp{padding:26px;border-radius:28px;background:rgba(255,255,255,.62);border:1px solid rgba(201,169,110,.55)}
.pp-cols{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.4fr);margin-bottom:10px}
.pp-cols span{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-deep)}
.pp-cols span:last-child{grid-column:3}
.pp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pp-list li{display:grid;grid-template-columns:minmax(0,1fr) 60px minmax(0,1.4fr);align-items:center}
.pp-pain{padding:14px 16px;border-radius:16px;background:#FBEFE6;border:1px solid rgba(176,78,40,.35);font-size:15px;font-weight:700}
.pp-arrow{position:relative;height:2px;margin:0 8px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 9px);background-size:18px 2px;animation:ppflow 1.2s linear infinite}
.pp-arrow::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:8px solid var(--accent)}
@keyframes ppflow{to{background-position:18px 0}}
.pp-fix{padding:14px 16px;border-radius:16px;background:var(--ink);color:var(--sand);font-size:15px;line-height:1.45}
@media (max-width: 1000px){.funnel{grid-template-columns:minmax(0,1fr)}.fn,.fn-1,.fn-4{clip-path:none;margin:0;border-radius:20px;padding:20px}.fn + .fn{margin-top:22px}.fn + .fn::before{content:"";position:absolute;left:50%;top:-18px;margin-left:-8px;border:8px solid transparent;border-top:10px solid var(--accent)}.biz{grid-template-columns:minmax(0,1fr)}.under-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fn-foot{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 640px){.under{padding:24px 18px}.under-grid{grid-template-columns:minmax(0,1fr)}.lens{font-size:18px}.pp{padding:18px}.pp-cols{display:none}.pp-list li{grid-template-columns:minmax(0,1fr);gap:0}.pp-arrow{width:2px;height:16px;margin:0 0 0 24px;background:var(--accent);animation:none}.pp-arrow::after{right:-4px;top:auto;bottom:-6px;border:5px solid transparent;border-top:8px solid var(--accent)}.pp-pain{border-radius:16px 16px 4px 4px}.pp-fix{border-radius:4px 4px 16px 16px}}
@media (prefers-reduced-motion: reduce){.pp-arrow{animation:none}}
.swipe{display:none}@media (max-width: 860px){.swipe{display:inline;font-weight:700;color:var(--accent)}}

/* Footer name links home */
a.foot-name{color:var(--sand);text-decoration:none}
a.foot-name:hover{color:var(--gold-pale)}
/* Alavanz v3: toc, journey, result band */
.av-toc{padding:8px 0 0}
.av-toc .toc{margin-top:0}
.jr{position:relative;padding:8px 0 0}
.jr-line{position:absolute;left:28px;right:28px;top:36px;height:2px;background:repeating-linear-gradient(90deg,rgba(176,78,40,.55) 0 6px,transparent 6px 12px)}
.jr-line span{position:absolute;top:-5px;left:0;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 6px rgba(176,78,40,.18);animation:jrrun 7s ease-in-out infinite}
@keyframes jrrun{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}
.jr-list{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.jr-list li{display:flex;flex-direction:column;gap:8px}
.jr-ic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--gold-light);box-shadow:0 0 0 6px var(--sand),0 10px 22px rgba(20,38,43,.18);transition:background .25s ease,transform .25s ease}
.jr-ic .ic{width:24px;height:24px;color:inherit}
.jr-list li:hover .jr-ic{background:var(--accent);color:#fff;transform:translateY(-3px)}
.jr-n{margin-top:8px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:26px;line-height:1;color:var(--accent)}
.jr-list strong{font-size:19px;line-height:1.25}
.jr-list p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.jr-years{display:flex;justify-content:space-between;margin-top:22px;padding-top:12px;border-top:1px solid rgba(201,169,110,.55);font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-deep)}
.av-result{position:relative;overflow:hidden;background:linear-gradient(160deg,#14262B 0%,#1C3A41 65%,#3A2A24 100%);color:var(--sand);padding:96px 0}
.av-result::before{content:"";position:absolute;right:-160px;bottom:-160px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(238,154,112,.25),transparent 70%)}
.avr-head{position:relative;display:flex;flex-direction:column;gap:10px;margin-bottom:32px}
.avr-head .eyebrow{color:var(--gold-light)}
.avr-head h2{margin:0;font-size:44px;line-height:1.08;font-weight:600;letter-spacing:-1px}
.avr-head h2 .serif{color:var(--gold-light)}
.avr-grid{position:relative;display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:14px}
.avr-stat,.avr-pivot{display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:24px;background:rgba(244,239,232,.06);border:1px solid rgba(217,190,134,.3)}
.avr-stat b{font-size:60px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--accent-dark)}
.avr-stat b.gold{color:var(--gold-light)}
.avr-stat span{font-size:15px;line-height:1.45;color:rgba(244,239,232,.8)}
.avr-pivot{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
.avr-pivot .dg-from{color:rgba(244,239,232,.55)}
.avr-pivot .dg-to{color:var(--gold-light)}
.avr-pivot p{flex:1 1 100%;margin:0;font-size:15.5px;line-height:1.55;color:rgba(244,239,232,.85)}
.avr-note{position:relative;margin:18px 0 0;font-size:14px;color:rgba(244,239,232,.7)}
@media (max-width: 900px){.jr-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.jr-line{display:none}.avr-grid{grid-template-columns:1fr 1fr}.avr-pivot{grid-column:1 / -1}}
@media (max-width: 640px){.jr-list{grid-template-columns:minmax(0,1fr)}.avr-grid{grid-template-columns:minmax(0,1fr)}.avr-head h2{font-size:32px}.av-result{padding:64px 0}.avr-stat b{font-size:48px}}
@media (prefers-reduced-motion: reduce){.jr-line span{animation:none;display:none}}
.av-ch{padding:72px 0 8px}
.ch-pair{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);align-items:stretch}
.ch-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:24px;background:rgba(255,255,255,.75);border:1px dashed rgba(201,169,110,.8)}
.ch-card p{margin:0;font-size:21px;line-height:1.4;font-weight:600}
.ch-card.dark{background:var(--ink);color:var(--sand);border:0}
.ch-card.dark .fn-k{color:var(--gold-light)}
.ch-q{position:absolute;right:18px;bottom:-34px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:170px;line-height:1;color:rgba(238,154,112,.22);pointer-events:none}
.ch-arrow{align-self:center;justify-self:center;width:36px;height:2px;background:var(--accent);position:relative}
.ch-arrow::after{content:"";position:absolute;right:-2px;top:-4px;border:5px solid transparent;border-left:8px solid var(--accent)}
@media (max-width: 760px){.ch-pair{grid-template-columns:minmax(0,1fr);gap:0}.ch-arrow{width:2px;height:28px;margin:4px 0}.ch-arrow::after{right:-4px;top:auto;bottom:-6px;border:5px solid transparent;border-top:8px solid var(--accent)}.ch-card p{font-size:18px}}
.ch-card.dark{padding-right:110px}.ch-q{color:rgba(238,154,112,.28)}@media (max-width: 760px){.ch-card.dark{padding-right:28px}.ch-q{font-size:120px;opacity:.6}}
@media (max-width: 1180px){.funnel{grid-template-columns:minmax(0,1fr)}.fn,.fn-1,.fn-4{clip-path:none;margin:0;border-radius:20px;padding:20px}.fn + .fn{margin-top:22px}.fn + .fn::before{content:"";position:absolute;left:50%;top:-18px;margin-left:-8px;border:8px solid transparent;border-top:10px solid var(--accent)}.fn{overflow:visible}}
@media (min-width: 641px) and (max-width: 1180px){.fn-2{margin-left:5%;margin-right:5%}.fn-3{margin-left:10%;margin-right:10%}.fn-4{margin-left:15%;margin-right:15%}}

/* Alavanz: AI system, four steps */
.sys{margin-top:8px}
.sys-row{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(0,1.35fr) 34px minmax(0,1.15fr);align-items:stretch}
.sys-step{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(201,169,110,.55);min-width:0}
.sys-k{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold-deep)}
.sys-k b{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:22px;letter-spacing:0;text-transform:none;color:var(--accent)}
.sys-step h4{margin:0;font-size:17px;line-height:1.25}
.sys-note{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-2)}
.sys-note strong{color:var(--text)}
.sys-chans{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.sys-chans li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--sand);font-size:14px;font-weight:600;animation:chIn 4s ease-in-out infinite}
.sys-chans li:nth-child(2){animation-delay:.5s}.sys-chans li:nth-child(3){animation-delay:1s}.sys-chans li:nth-child(4){animation-delay:1.5s}
@keyframes chIn{0%,70%,100%{transform:none;box-shadow:none}35%{transform:translateX(4px);box-shadow:inset 3px 0 0 var(--accent)}}
.sys-chans .ic{width:18px;height:18px;color:var(--accent)}
.sys-arrow{position:relative;align-self:center;height:2px;margin:0 4px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 9px);background-size:18px 2px;animation:ppflow 1.2s linear infinite}
.sys-arrow::after{content:"";position:absolute;right:-3px;top:-4px;border:5px solid transparent;border-left:8px solid var(--accent)}
.sys-core-step{background:var(--ink);color:var(--sand);border-color:var(--ink);align-items:center;text-align:center}
.sys-core-step .sys-k{color:var(--gold-light)}
.sys-core-step .sys-note{color:rgba(244,239,232,.8)}
.sys-core-step .sys-note strong{color:var(--gold-pale)}
.sys-core{position:relative;width:150px;height:150px;margin:6px auto}
.core-ring{position:absolute;inset:0;border-radius:50%;border:1.5px dashed rgba(217,190,134,.7);animation:spin 26s linear infinite}
.core-ring.r2{inset:18px;border-style:solid;border-color:rgba(238,154,112,.55);animation:corePulse 3s ease-in-out infinite}
.core-ring.r3{inset:-8px;border:1px solid rgba(217,190,134,.25);animation:corePulse 3s ease-in-out infinite 1.5s}
.core-ring.r1{inset:36px;border:0;background:radial-gradient(circle at 40% 35%,#2E8C86,#1F6F6B);box-shadow:0 0 30px rgba(46,140,134,.55)}
.core-dot{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--gold-pale)}
@keyframes corePulse{50%{transform:scale(1.06);opacity:.6}}
.sys-orchs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.so-card{padding:12px 14px;border-radius:16px;border:1.5px solid rgba(31,111,107,.35);background:rgba(211,225,222,.35);animation:soOn 6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes soOn{0%,30%,100%{border-color:rgba(31,111,107,.35);box-shadow:none}10%,22%{border-color:var(--teal);box-shadow:0 8px 20px rgba(31,111,107,.18)}}
.so-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.so-ic{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--teal);color:#fff}
.so-ic .ic{width:16px;height:16px;color:inherit}
.so-top strong{font-size:15px;color:var(--teal)}
.so-agents{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.so-agents li{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;background:#fff;border:1px solid rgba(176,78,40,.4);color:var(--accent)}
.sys-feed{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:var(--sand);border:1px solid rgba(201,169,110,.5)}
.feed-k{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--text-3)}
.sys-feed ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.sys-feed ul li{position:relative;padding:8px 10px 8px 26px;border-radius:10px;background:#fff;font-size:13.5px;font-weight:600}
.sys-feed ul li::before{content:"";position:absolute;left:10px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--teal)}
.feed-sugg{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--ink);color:var(--sand)}
.feed-tag{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-light)}
.feed-btns{display:flex;flex-wrap:wrap;gap:6px}
.fb{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid rgba(244,239,232,.35)}
.fb.ok{background:var(--accent);border-color:var(--accent)}
.feed-why{font-size:12.5px;font-weight:700;color:var(--gold-pale);text-decoration:underline;text-underline-offset:3px}
.sys-loop{position:relative;display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 20px;border-radius:18px;background:rgba(176,78,40,.08);border:1px dashed rgba(176,78,40,.5)}
.sys-loop p{margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}
.sys-loop p strong{color:var(--text)}
.sys-loop-ic{flex:0 0 40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;animation:spin 8s linear infinite}
.sys-loop-ic .ic{width:20px;height:20px;color:inherit}
@media (max-width: 1100px){.sys-row{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);row-gap:16px}.sys-row > .sys-arrow:nth-of-type(2){display:none}}
@media (max-width: 1100px){.sys-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.sys-arrow{display:none}}
@media (max-width: 640px){.sys-row{grid-template-columns:minmax(0,1fr)}.sys-arrow{display:block;justify-self:center;width:2px;height:22px;margin:0;background:var(--accent);animation:none}.sys-arrow::after{right:-4px;top:auto;bottom:-6px;border:5px solid transparent;border-top:8px solid var(--accent)}.sys-loop{align-items:flex-start}}
@media (prefers-reduced-motion: reduce){.sys-chans li,.sys-arrow,.core-ring,.so-card,.sys-loop-ic{animation:none}}
.figure .sys svg{min-width:0;display:block;flex:0 0 auto}.figure .sys .sys-chans .ic{width:18px;height:18px}.figure .sys .so-ic .ic{width:16px;height:16px}.figure .sys .sys-loop-ic .ic{width:20px;height:20px}

/* Concept 02: handover */
.buyers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.buyer{display:flex;flex-direction:column;gap:12px;padding:30px;border-radius:26px;background:#fff;border:1px solid rgba(201,169,110,.55);position:relative;overflow:hidden}
.buyer-investor{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.buyer-investor .fn-k{color:var(--gold-light)}
.buyer-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff}
.buyer-ic .ic{width:24px;height:24px;color:inherit}
.buyer-investor .buyer-ic{background:var(--gold-light);color:var(--ink)}
.buyer h3{margin:0;font-size:26px;line-height:1.2;font-weight:600}
.buyer > p{margin:0;font-size:16px;line-height:1.55;color:var(--text-2)}
.buyer-investor > p{color:rgba(244,239,232,.82)}
.buyer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.buyer ul li{position:relative;padding:10px 12px 10px 34px;border-radius:12px;background:var(--sand);font-size:15px;font-weight:600}
.buyer-investor ul li{background:rgba(244,239,232,.08)}
.buyer ul li::before{content:"";position:absolute;left:13px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--accent)}
.buyer-worst{margin-top:6px;padding:14px 16px;border-radius:14px;border:1px dashed rgba(176,78,40,.55)}
.buyer-worst p{margin:4px 0 0;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:19px;line-height:1.35}
.buyer-investor .buyer-worst{border-color:rgba(217,190,134,.5)}
.buyer-investor .buyer-worst p{color:var(--gold-pale)}
.buyer-switch{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.buyer-switch .mg-btn{display:inline-flex;align-items:center;gap:8px}
.buyer-switch .ic{width:18px;height:18px;color:inherit}
.bp-panel[hidden]{display:none}
.rail.seven{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.lp-front{margin:0;font-size:13.5px;line-height:1.45;color:var(--text)}
.lp-std{margin:0;padding-top:8px;border-top:1px dashed rgba(201,169,110,.6);font-size:12.5px;line-height:1.4;color:var(--text-2)}
.lp-std b{display:block;font-size:10.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.bp-panel .lp{animation:dialIn .35s ease}
.hotel-bridge{display:flex;align-items:flex-start;gap:14px;margin-top:26px;padding:18px 20px;border-radius:18px;background:rgba(31,111,107,.08);border:1px solid rgba(31,111,107,.3)}
.hotel-bridge .ic{width:26px;height:26px;color:var(--teal);flex:0 0 auto}
.hotel-bridge p{margin:0;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.hotel-bridge strong{color:var(--teal)}
.br-tabs.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.c2-owner{margin-top:auto;padding-top:8px;font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--teal)}
.c2-research{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}
.c2-research > div{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(201,169,110,.5)}
.c2-research p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.stds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s}
.stds li{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:22px;background:#fff;border:1px solid rgba(201,169,110,.55);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.stds li:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,38,43,.1)}
.std-n{position:absolute;right:16px;top:8px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:48px;line-height:1;color:rgba(201,169,110,.35)}
.std-ic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--ink);color:var(--gold-light)}
.std-ic .ic{width:22px;height:22px;color:inherit}
.stds strong{font-size:18px}
.stds p{margin:0;font-size:15px;line-height:1.5;color:var(--text-2)}
@media (max-width: 1100px){.rail.seven{grid-template-columns:repeat(3,minmax(0,1fr))}.br-tabs.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 900px){.buyers,.c2-research{grid-template-columns:minmax(0,1fr)}.stds{grid-template-columns:repeat(2,minmax(0,1fr))}.br-tabs.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.rail.seven,.stds,.br-tabs.five{grid-template-columns:minmax(0,1fr)}.buyer{padding:22px}}

/* Concept vs real: a separate visual language. Dashed lines and a blueprint grid = a proposal. */
.concept-bar{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;padding:8px 16px;background:#F1DDB0;color:var(--ink);font-size:13px;line-height:1.4;border-bottom:1px dashed rgba(20,38,43,.35)}
.cb-tag{font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1.5px dashed var(--ink)}
.cb-text{font-weight:600}
.concept-bar a{font-weight:800;color:var(--accent);text-underline-offset:3px}
.hero.concept-hero{background-color:#163638;background-image:linear-gradient(rgba(217,190,134,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(217,190,134,.08) 1px,transparent 1px);background-size:36px 36px}
.concept-hero .hero-art{opacity:.45}
.concept-hero .hero-art-panel{position:relative;border:1.5px dashed rgba(217,190,134,.75);box-shadow:none}
.concept-hero .hero-art-panel::after{content:"Illustration · fictional";position:absolute;left:12px;bottom:12px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(20,38,43,.75);color:var(--gold-pale);border:1px dashed rgba(217,190,134,.6)}
.concept-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.concept-meta li{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1.5px dashed rgba(217,190,134,.75);color:var(--gold-pale)}
.concept-meta li:first-child{background:var(--gold-light);color:var(--ink);border-style:solid;border-color:var(--gold-light)}
.is-concept .glance,.is-concept .tri-card,.is-concept .mtile,.is-concept .end-card:not(.dark),.is-concept .lp,.is-concept .anti li,.is-concept .stds li,.is-concept .buyer:not(.buyer-investor),.is-concept .br-col:not(.strong),.is-concept .c2-research > div,.is-concept .loop-card:not(.dark){border-style:dashed}
.is-concept .glance{border-width:1.5px}
.hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.real-chip{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:var(--teal);color:#fff}
@media (max-width: 640px){.concept-bar{font-size:12px;justify-content:flex-start}}
@media (max-width: 640px){.concept-bar{flex-wrap:nowrap;justify-content:space-between;padding:7px 14px}.cb-text{display:none}.concept-bar a{white-space:nowrap}.concept-bar .cb-tag::after{content:" · not client work";font-weight:700;letter-spacing:.3px;text-transform:none}}
/* Hero card: AI agents, human in the loop */
.hai-ring{transform-box:fill-box;transform-origin:center;animation:spin 18s linear infinite}
.hai-orbit{transform-origin:32px 32px;animation:spin 9s linear infinite}
.hai-flow{animation:haiflow 1.2s linear infinite}
@keyframes haiflow{to{stroke-dashoffset:-14}}
@media (prefers-reduced-motion: reduce){.hai-ring,.hai-orbit,.hai-flow{animation:none}}
.know-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.know-grid li{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:#fff;border:1px dashed rgba(201,169,110,.7)}
.know-grid strong{font-size:17px}
.know-grid p{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-2)}
.fine{font-size:13.5px;color:var(--text-3)}
@media (max-width: 900px){.know-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.know-grid{grid-template-columns:minmax(0,1fr)}}
.trail{padding:22px;border-radius:26px;background:rgba(255,255,255,.7);border:1.5px dashed rgba(201,169,110,.7)}
.trail-head,.trail-list li{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:14px;align-items:center}
.trail-head{padding:0 12px 10px;font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-deep)}
.trail-head span:first-child{grid-column:2}
.trail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.trail-list li{padding:12px;border-radius:16px;background:#fff;border:1px solid rgba(201,169,110,.4);transition:transform .2s ease,box-shadow .2s ease}
.trail-list li:hover{transform:translateX(4px);box-shadow:0 10px 22px rgba(20,38,43,.08)}
.tr-n{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sand);font-size:13px;font-weight:800;color:var(--accent)}
.tr-h{font-size:15px;font-weight:700}
.tr-m{font-size:14px;line-height:1.45;color:var(--text-2);position:relative;padding-left:22px}
.tr-m::before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}
.tr-d{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--ink);color:var(--sand)}
.tr-d b{font-size:14px;line-height:1.4;font-weight:600}
.tr-d em{font-style:normal;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold-light)}
.lp-n{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-deep)}
@media (max-width: 900px){.trail-head{display:none}.trail-list li{grid-template-columns:30px minmax(0,1fr);row-gap:8px}.tr-m,.tr-d{grid-column:2}}
.buyers.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.buyer-tenant{background:#FBEFE6}
.buyer-tenant .buyer-ic{background:var(--teal)}
.buyer-tenant ul li{background:#fff}
.chain{margin-top:18px;padding:22px;border-radius:24px;background:#fff;border:1.5px dashed rgba(176,78,40,.45);display:flex;flex-direction:column;gap:14px}
.chain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;counter-reset:c}
.chain-list li{position:relative;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:var(--sand)}
.chain-list li:not(:last-child)::after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-weight:800;color:var(--accent)}
.chain-list li:last-child{background:var(--ink);color:var(--sand)}
.chain-list li:last-child span{color:rgba(244,239,232,.8)}
.chain-list b{font-size:15px}
.chain-list span{font-size:13.5px;line-height:1.45;color:var(--text-2)}
.chain-note{margin:0;font-size:14.5px;color:var(--text-2)}
@media (max-width: 1000px){.buyers.three{grid-template-columns:minmax(0,1fr)}.chain-list{grid-template-columns:repeat(2,minmax(0,1fr))}.chain-list li:nth-child(2)::after{display:none}}
@media (max-width: 640px){.chain-list{grid-template-columns:minmax(0,1fr)}.chain-list li::after{display:none}}
.guide{margin-top:26px;padding:26px;border-radius:26px;background:#fff;border:1.5px dashed rgba(201,169,110,.75)}
.guide-head{display:flex;flex-direction:column;gap:8px;max-width:820px;margin-bottom:16px}
.guide-head h3{margin:0;font-size:24px;line-height:1.2;font-weight:600}
.guide-head h3 .serif{color:var(--accent)}
.guide-head p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.guide-ctrl{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.guide-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.guide-grid li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;background:var(--sand);border:1px solid transparent;transition:opacity .3s ease,transform .3s ease,background .3s ease,border-color .3s ease}
.guide-grid li .ic{width:22px;height:22px;color:var(--accent)}
.guide-grid strong{font-size:15.5px}
.guide-grid span{font-size:13.5px;line-height:1.45;color:var(--text-2)}
.guide-grid li.is-hi{background:#fff;border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 24px rgba(20,38,43,.1)}
.guide-grid li.is-lo{opacity:.5}
@media (max-width: 1000px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.guide{padding:20px}.guide-grid{grid-template-columns:minmax(0,1fr)}}

/* Concept 02 · Part 3: companion app */
.app-flow{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1.3fr);align-items:stretch}
.af-col{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:22px;background:#fff;border:1.5px dashed rgba(201,169,110,.7)}
.af-sys{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.af-sys li{font-size:14px;font-weight:600;padding:9px 12px;border-radius:12px;background:var(--sand);border-left:3px solid var(--gold)}
.af-ai{background:var(--ink);color:var(--sand);border:0;position:relative;overflow:hidden}
.af-ai::before{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(46,140,134,.55),transparent 70%)}
.af-ai .fn-k{color:var(--gold-light);position:relative}
.af-do{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.af-do li{font-size:14px;line-height:1.45;color:rgba(244,239,232,.85);padding-left:14px;border-left:2px solid rgba(238,154,112,.6)}
.af-do b{display:block;color:#fff;font-size:15px}
.af-arrow{position:relative;align-self:center;height:2px;margin:0 6px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 9px);background-size:18px 2px;animation:ppflow 1.2s linear infinite}
.af-arrow::after{content:"";position:absolute;right:-3px;top:-4px;border:5px solid transparent;border-left:8px solid var(--accent)}
.af-views{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.af-views > li{padding:12px 14px;border-radius:14px;background:var(--sand)}
.v-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.v-ic{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff}
.v-ic .ic{width:16px;height:16px;color:inherit}
.v-top strong{font-size:15px}
.af-views ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.af-views ul li{font-size:12px;font-weight:600;padding:4px 9px;border-radius:99px;background:#fff;border:1px solid rgba(201,169,110,.55)}
.app-demo{margin-top:26px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,320px);gap:40px;align-items:center;padding:30px;border-radius:28px;background:rgba(211,225,222,.45);border:1.5px dashed rgba(31,111,107,.4)}
.ad-text{display:flex;flex-direction:column;gap:12px}
.ad-text h3{margin:0;font-size:26px;line-height:1.2;font-weight:600}
.ad-text h3 .serif{color:var(--accent)}
.ad-text > p{margin:0;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.ph-steps{display:flex;flex-wrap:wrap;gap:8px}
.ph-step{font:inherit;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 8px;border-radius:999px;border:1px solid rgba(20,38,43,.25);background:#fff;font-size:14px;font-weight:700;color:var(--text);cursor:pointer}
.ph-step b{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sand);color:var(--accent);font-size:13px}
.ph-step[aria-pressed="true"]{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.ph-step[aria-pressed="true"] b{background:var(--accent);color:#fff}
.ad-rules{padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(201,169,110,.5)}
.ad-rules ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-2)}
.phone{position:relative;width:100%;max-width:300px;justify-self:center;aspect-ratio:9/17;border-radius:42px;background:var(--ink);padding:14px;box-shadow:0 30px 60px rgba(20,38,43,.3),inset 0 0 0 2px rgba(217,190,134,.4);display:flex;flex-direction:column}
.ph-bar{display:flex;justify-content:center;padding:4px 0 10px}
.ph-bar span{width:80px;height:18px;border-radius:99px;background:#0B1719}
.ph-body{flex:1;border-radius:28px;background:#FBF8F3;padding:18px 16px;overflow:hidden}
.ph-screen{display:flex;flex-direction:column;gap:12px;animation:dialIn .35s ease}
.ph-screen[hidden]{display:none}
.ph-k{font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-deep)}
.ph-photo{height:120px;border-radius:16px;background:linear-gradient(135deg,#D3E1DE,#EBD8C5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--teal);font-size:12px;font-weight:700}
.ph-photo .ic{width:30px;height:30px;color:var(--teal)}
.ph-msg{margin:0;padding:10px 12px;border-radius:16px;font-size:13.5px;line-height:1.45}
.ph-msg.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}
.ph-msg.ai{background:#fff;border:1px solid rgba(201,169,110,.5);border-bottom-left-radius:4px}
.ph-why{margin:0;font-size:12px;line-height:1.4;color:var(--text-3)}
.ph-slots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ph-slots li{padding:11px 12px;border-radius:12px;background:#fff;border:1px solid rgba(201,169,110,.55);font-size:13.5px;font-weight:700}
.ph-slots li.on{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.ph-human{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:10px;border-radius:99px;background:var(--gold-light);color:var(--ink);font-size:13px;font-weight:800}
.ph-human .ic{width:16px;height:16px;color:inherit}
@media (max-width: 1000px){.app-flow{grid-template-columns:minmax(0,1fr);row-gap:10px}.af-arrow{justify-self:center;width:2px;height:24px;margin:0;background:var(--accent);animation:none}.af-arrow::after{right:-4px;top:auto;bottom:-6px;border:5px solid transparent;border-top:8px solid var(--accent)}.app-demo{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 640px){.app-demo{padding:20px}}
@media (prefers-reduced-motion: reduce){.af-arrow{animation:none}}
.ph-yn{display:flex;gap:6px}.ph-yn span{flex:1;text-align:center;padding:8px;border-radius:99px;font-size:12px;font-weight:800;background:#fff;border:1px solid rgba(201,169,110,.6)}.ph-yn span:last-child{background:var(--accent);color:#fff;border-color:var(--accent)}

/* Concept 03: banking */
.b3 .buyer-employer{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.b3 .buyer-employer .fn-k{color:var(--gold-light)}
.b3 .buyer-employer .buyer-ic{background:var(--gold-light);color:var(--ink)}
.b3 .buyer-employer > p{color:rgba(244,239,232,.82)}
.b3 .buyer-employer ul li{background:rgba(244,239,232,.08)}
.b3 .buyer-employer .buyer-worst{border-color:rgba(217,190,134,.5)}
.b3 .buyer-employer .buyer-worst p{color:var(--gold-pale)}
.b3 .buyer-frontline{background:#FBEFE6}
.b3 .buyer-frontline .buyer-ic{background:var(--teal)}
.b3 .buyer-frontline ul li{background:#fff}
.lanes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;position:relative}
.lanes::before{content:"";position:absolute;left:24px;right:24px;top:23px;border-top:2px dashed rgba(201,169,110,.8)}
.ln-col{position:relative;display:flex;flex-direction:column;gap:8px}
.ln-col .lp-dot{position:relative;top:0;left:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ink);color:var(--gold-light);box-shadow:0 0 0 5px var(--sand)}
.ln-col .lp-dot .ic{width:22px;height:22px;color:inherit}
.ln-col strong{font-size:16px}
.ln-ai,.ln-hu{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:16px}
.ln-ai{background:#fff;border:1.5px dashed rgba(31,111,107,.45)}
.ln-hu{background:var(--ink);color:var(--sand);flex:1}
.ln-k{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--teal)}
.ln-hu .ln-k{color:var(--gold-light)}
.ln-k .ic{width:15px;height:15px;color:inherit}
.ln-ai p,.ln-hu p{margin:0;font-size:13.5px;line-height:1.45}
.ln-ai p{color:var(--text-2)}
.ln-hu p{color:rgba(244,239,232,.88)}
.ho{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);align-items:stretch}
.ho-chat,.ho-card{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:24px}
.ho-chat{background:#fff;border:1.5px dashed rgba(201,169,110,.7)}
.ho-card{background:var(--ink);color:var(--sand)}
.ho-card .fn-k{color:var(--gold-light)}
.ho-card dl{margin:0;display:flex;flex-direction:column;gap:10px}
.ho-card dl div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding-bottom:10px;border-bottom:1px dashed rgba(217,190,134,.3)}
.ho-card dt{font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:rgba(244,239,232,.6)}
.ho-card dd{margin:0;font-size:14.5px;font-weight:600}
.ho-arrow{position:relative;align-self:center;height:2px;margin:0 8px;background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 9px);background-size:18px 2px;animation:ppflow 1.2s linear infinite}
.ho-arrow::after{content:"";position:absolute;right:-3px;top:-4px;border:5px solid transparent;border-left:8px solid var(--accent)}
.ho-rules{margin-top:18px;grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width: 1100px){.lanes{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:22px}.lanes::before{display:none}.ho-rules{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width: 900px){.ho{grid-template-columns:minmax(0,1fr)}.ho-arrow{justify-self:center;width:2px;height:24px;margin:6px 0;background:var(--accent);animation:none}.ho-arrow::after{right:-4px;top:auto;bottom:-6px;border:5px solid transparent;border-top:8px solid var(--accent)}}
@media (max-width: 640px){.lanes{grid-template-columns:minmax(0,1fr)}.ho-rules{grid-template-columns:minmax(0,1fr)}.ho-card dl div{grid-template-columns:minmax(0,1fr);gap:2px}}
@media (prefers-reduced-motion: reduce){.ho-arrow{animation:none}}
.pains{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pains li{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:#fff;border:1.5px dashed rgba(201,169,110,.7)}
.pains strong{font-size:16.5px;line-height:1.3}
.pains p{margin:0;font-size:14px;line-height:1.5;color:var(--text-2)}
.pn-tag{position:absolute;right:14px;top:14px;font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:var(--sand);color:var(--gold-deep)}
.c2-research.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 1000px){.pains{grid-template-columns:repeat(2,minmax(0,1fr))}.c2-research.three{grid-template-columns:minmax(0,1fr)}}
@media (max-width: 640px){.pains{grid-template-columns:minmax(0,1fr)}}

/* About & Teaching */
.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.hero .btn-ghost{color:var(--sand);border:1px solid rgba(201,169,110,.7);background:rgba(244,239,232,.06)}
.about-photo{flex:0 1 340px;aspect-ratio:4/5;border-radius:170px 170px 28px 28px}
.about-photo img{object-position:center 20%}
.ab-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;align-items:start}
.ab-lead{display:flex;flex-direction:column;gap:16px}
.ab-big{margin:0;font-size:24px;line-height:1.45;color:var(--text);font-weight:500}
.ab-lead p:not(.ab-big){margin:0;font-size:17px;line-height:1.6;color:var(--text-2)}
.ab-facts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.ab-facts li{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid rgba(201,169,110,.55)}
.ab-facts b{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:var(--accent)}
.ab-facts span{font-size:14.5px;line-height:1.45;color:var(--text-2)}
.tl{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:10px}
.tl::before{content:"";position:absolute;left:150px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--gold),var(--accent))}
.tl li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:start}
.tl-y{padding-top:18px;text-align:right;padding-right:6px;font-size:13px;font-weight:800;letter-spacing:.6px;color:var(--gold-deep)}
.tl-b{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid rgba(201,169,110,.5);transition:transform .2s ease,box-shadow .2s ease}
.tl-b::before{content:"";position:absolute;left:-36px;top:20px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(201,169,110,.25)}
.tl-b:hover{transform:translateX(4px);box-shadow:0 12px 24px rgba(20,38,43,.08)}
.tl-b strong{font-size:17px}
.tl-b p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.tl-link{align-self:flex-start;margin-top:4px;font-size:14px;font-weight:700;color:var(--accent);text-decoration:none}
.beliefs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.beliefs li{position:relative;padding:28px 28px 28px 80px;border-radius:24px;background:var(--ink);color:var(--sand);overflow:hidden}
.bl-n{position:absolute;left:24px;top:22px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:34px;line-height:1;color:var(--accent-dark)}
.beliefs p{margin:0;font-size:22px;line-height:1.35;font-weight:600}
.beliefs .serif{color:var(--gold-light);font-weight:400}
.ab-h2{margin:10px 0 14px;font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-.6px}
.ab-h2 .serif{color:var(--accent)}
.ab-p{margin:0 0 14px;font-size:16.5px;line-height:1.6;color:var(--text-2)}
.ab-card{padding:26px;border-radius:24px;background:#fff;border:1px solid rgba(201,169,110,.55)}
.ab-card ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ab-card li{font-size:14px;line-height:1.45;color:var(--text-2)}
.ab-card b{display:block;font-size:15px;color:var(--text)}
.tm-panel{display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(160deg,#1C3A41,#14262B);border:1px solid rgba(201,169,110,.55)}
.tm-topics{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.tm-topics li{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:22px;padding:8px 18px;border-radius:999px;border:1px solid rgba(217,190,134,.55);color:var(--gold-pale);animation:tmFloat 6s ease-in-out infinite}
.tm-topics li:nth-child(2n){animation-delay:-2s;color:#EE9A70}
.tm-topics li:nth-child(3n){animation-delay:-4s}
@keyframes tmFloat{50%{transform:translateY(-6px)}}
.tm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tm-grid li{display:flex;flex-direction:column;gap:8px;padding:26px;border-radius:24px;background:#fff;border:1px solid rgba(201,169,110,.55);transition:transform .25s ease,box-shadow .25s ease}
.tm-grid li:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(20,38,43,.1)}
.tm-top{display:flex;justify-content:space-between;gap:10px}
.tm-when{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}
.tm-kind{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 10px;border-radius:99px;background:var(--sand);color:var(--gold-deep)}
.tm-grid h3{margin:0;font-size:21px;line-height:1.25;font-weight:700}
.tm-org{margin:0;font-size:14.5px;font-weight:600;color:var(--teal)}
.tm-grid p:not(.tm-org){margin:0;font-size:15.5px;line-height:1.55;color:var(--text-2)}
.talks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.talks li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:14px;align-items:center;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid rgba(201,169,110,.5)}
.tk-y{font-size:13px;font-weight:800;color:var(--accent)}
.talks strong{display:block;font-size:15.5px}
.talks span{font-size:13.5px;color:var(--text-3)}
.tm-invite{max-width:none}
@media (max-width: 900px){.ab-intro,.beliefs,.tm-grid{grid-template-columns:minmax(0,1fr)}.tl::before{left:18px}.tl li{grid-template-columns:minmax(0,1fr);gap:4px;padding-left:46px}.tl-y{text-align:left;padding:0}.tl-b::before{left:-34px}}
@media (max-width: 640px){.ab-big{font-size:20px}.beliefs p{font-size:19px}.about-photo{flex-basis:auto;max-width:300px}.tm-topics li{font-size:18px}}
@media (prefers-reduced-motion: reduce){.tm-topics li{animation:none}}
.hero-art-panel.tm-panel{aspect-ratio:auto;align-self:center;padding:32px 26px}
.tm-topics li{font-size:19px}
.tl-y{padding-right:22px}
.tm-invite{padding:36px}
.tm-invite .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

/* Teaching · Talks "stage" section (13 Oct): dark, auditorium artwork behind glass cards */
.stage{position:relative;overflow:hidden;background:var(--ink);color:var(--sand);padding:132px 0 96px;isolation:isolate}
.stage-art{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.stage-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,38,43,.15) 0%,rgba(20,38,43,.55) 55%,rgba(20,38,43,.85) 100%),url(/assets/img/grain.svg);background-size:auto,220px;opacity:1}
.stage-in{position:relative}
.stage-head{max-width:720px;margin:0 auto 44px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.stage-head .eyebrow{color:var(--gold-light)}
.stage-head h2{margin:0;font-size:44px;line-height:1.1;font-weight:600;letter-spacing:-1px}
.stage-head h2 .serif{color:var(--accent-dark)}
.stage-head p{margin:0;font-size:17px;line-height:1.55;color:rgba(244,239,232,.85)}
.stage-facts{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.stage-facts li{display:flex;align-items:baseline;gap:8px;padding:10px 18px;border-radius:999px;background:rgba(244,239,232,.08);border:1px solid rgba(217,190,134,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.stage-facts b{font-size:20px;font-weight:800;color:var(--gold-pale)}
.stage-facts span{font-size:14px;color:rgba(244,239,232,.85)}
.stage-talks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.stage-talks li{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px 24px 22px;border-radius:24px;background:rgba(20,38,43,.5);border:1px solid rgba(217,190,134,.35);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.stage-talks li::before{content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-dark),rgba(217,190,134,0))}
.stage-talks li:hover{transform:translateY(-4px);border-color:rgba(238,154,112,.7);background:rgba(28,58,65,.6)}
.stage-talks .tk-y{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-dark)}
.stage-talks h3{margin:0;font-size:20px;line-height:1.25;font-weight:700;color:var(--sand)}
.stage-talks p{margin:0;font-size:15px;line-height:1.55;color:rgba(244,239,232,.82)}
.tk-note{align-self:flex-start;margin-top:auto;font-size:12px;font-weight:700;letter-spacing:.4px;padding:4px 12px;border-radius:999px;background:rgba(201,169,110,.16);color:var(--gold-pale)}
.tk-watch{align-self:flex-start;margin-top:auto;font-size:14px;font-weight:700;color:var(--gold-pale);text-decoration:none;border-bottom:1px solid rgba(241,221,176,.5);padding-bottom:1px}
.tk-watch:hover{color:var(--accent-dark);border-color:var(--accent-dark)}
.st-rings circle{transform-origin:800px 70px;transform-box:view-box;animation:stRing 8s linear infinite;opacity:0}
@keyframes stRing{0%{transform:scale(.3);opacity:0}15%{opacity:.7}100%{transform:scale(7.5);opacity:0}}
.st-lit{animation:stLit 6s ease-in-out infinite;opacity:.25}
@keyframes stLit{0%,100%{opacity:.2}50%{opacity:.95}}
@media (max-width: 980px){.stage-talks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.stage{padding:128px 0 64px}.stage-head h2{font-size:32px}.stage-talks{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion: reduce){.st-rings circle{animation:none;opacity:.25;transform:scale(2.5)}.st-lit{animation:none;opacity:.6}.stage-talks li{transition:none}}

/* Concept pages: end-of-page navigation (13 Oct) — dashed cards = proposals */
.concept-next .cn-card{border:1.5px dashed rgba(176,78,40,.45);background:rgba(255,255,255,.55)}
.concept-next .cn-card em{font-style:normal;font-size:14.5px;line-height:1.5;color:var(--text-3)}
.cn-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.cn-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid rgba(201,169,110,.6);background:#fff;font-size:15px;font-weight:700;text-decoration:none;color:var(--text)}
.cn-links a:first-child{background:var(--ink);color:var(--sand);border-color:var(--ink)}
.cn-links a:hover{border-color:var(--accent);color:var(--accent)}
.cn-links a:first-child:hover{color:var(--gold-pale)}
/* Teaching: mentoring client quote (light) */
.tm-quote{margin:28px 0 0;padding:30px 34px;border-radius:24px;background:var(--ink);color:var(--sand);display:flex;flex-direction:column;gap:16px;max-width:900px}
.tm-quote .mark{font-family:'Instrument Serif',Georgia,serif;font-size:72px;line-height:.6;color:var(--gold)}
.tm-quote blockquote{margin:0;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:26px;line-height:1.4}
.tm-quote figcaption{font-size:14px;color:rgba(244,239,232,.82)}
.tm-quote strong{color:var(--sand)}
@media (max-width:640px){.tm-quote blockquote{font-size:21px}.tm-quote{padding:26px 22px}}
.concept-next .cn-links a{flex:0 0 auto;flex-direction:row;gap:6px;padding:10px 18px;border-radius:999px}
.concept-next .cn-links a:hover{transform:none;box-shadow:none}
.concept-next .cn-links a span{font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none;color:inherit}
/* Footer site menu (13 Oct) */
.foot-site{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;padding-top:18px;border-top:1px solid rgba(201,169,110,.25)}
.site-footer .foot-site a{color:var(--gold-pale)}
/* Two quotes side by side (case pages) and on Teaching */
.quote-pair{display:flex;flex-wrap:wrap;gap:20px}
.quote-pair figure{flex:1 1 420px;min-width:0;max-width:none}
.quote-pair blockquote{font-size:26px}
.tm-quotes{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px}
.tm-quotes .tm-quote{flex:1 1 420px;min-width:0;margin:0;max-width:none}
.tm-quotes .tm-quote blockquote{font-size:23px}
@media (max-width:640px){.quote-pair blockquote{font-size:22px}}

/* Alavanz: dated pivot timeline under "Problem first, then the business" (13 Oct). Span May 2023 – Feb 2026; pivot Jul 2024 = 42.4% */
.jr-phases{margin-top:30px}
.jp-bar{position:relative;height:10px;border-radius:999px;overflow:visible;display:flex}
.jp-a{flex:0 0 42.4%;height:100%;border-radius:999px 0 0 999px;background:repeating-linear-gradient(90deg,rgba(201,169,110,.75) 0 8px,rgba(201,169,110,.25) 8px 14px)}
.jp-b{flex:1 1 auto;height:100%;border-radius:0 999px 999px 0;background:var(--accent)}
.jp-pin{position:absolute;left:42.4%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--sand);border:3px solid var(--accent);box-shadow:0 0 0 6px rgba(176,78,40,.15)}
.jp-pin i{position:absolute;inset:5px;border-radius:50%;background:var(--accent);animation:jpPulse 2.6s ease-in-out infinite}
@keyframes jpPulse{50%{transform:scale(.6);opacity:.6}}
.jp-labels{position:relative;display:grid;grid-template-columns:42.4% minmax(0,1fr);margin-top:16px;min-height:96px}
.jp-l{display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.45;color:var(--text-2)}
.jp-l b{font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold-deep)}
.jp-l strong{font-size:16px;color:var(--text)}
.jp-l-a{grid-column:1;max-width:300px}
.jp-l-p{position:absolute;left:42.4%;transform:translateX(-50%);text-align:center;align-items:center;max-width:220px}
.jp-l-p b,.jp-l-p strong{color:var(--accent)}
.jp-l-b{grid-column:2;text-align:right;align-items:flex-end;justify-self:end;max-width:240px;padding-left:120px;box-sizing:content-box}
@media (max-width: 900px){.jp-labels{display:flex;flex-direction:column;gap:14px;min-height:0}.jp-l-p{position:static;transform:none;text-align:left;align-items:flex-start;max-width:none}.jp-l-b{text-align:left;align-items:flex-start;justify-self:start;padding-left:0;max-width:none}.jp-l-a{max-width:none}}
@media (prefers-reduced-motion: reduce){.jp-pin i{animation:none}}