/* Faithful BossNew CSS, scoped for Joomla article preview.
   Do not add blanket !important colors/fonts — that breaks gradient-text & inheritance. */
html:has(body.dream-about-page) {
  background: #fff;
}
body.dream-about-page {
  overflow-x: hidden;
  background: #fff !important;
  background-image: none !important;
  max-width: none !important;
  margin: 0;
}
body.dream-about-page::before,
body.dream-about-page::after,
body.dream-about-page .content::before,
body.dream-about-page .content::after {
  display: none !important;
  content: none !important;
}

/* Full-bleed article slot (same idea as /new home) */
body.dream-about-page .content,
body.dream-about-page main.content,
body.dream-about-page .content .wrapper,
body.dream-about-page .content .row,
body.dream-about-page .item-page.is-dream-preview,
body.dream-about-page .item-page.is-dream-preview .article-content,
body.dream-about-page .item-page.is-dream-preview [itemprop="articleBody"] {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  float: none !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible !important;
}
body.dream-about-page .content .row > * {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}
body.dream-about-page .item-page.is-dream-preview .article-header,
body.dream-about-page .item-page.is-dream-preview .page-header,
body.dream-about-page .item-page.is-dream-preview .article-info,
body.dream-about-page .item-page.is-dream-preview .pager,
body.dream-about-page .item-page.is-dream-preview nav[aria-label],
body.dream-about-page #home-articles,
body.dream-about-page .strange-cards,
body.dream-about-page #back-top {
  display: none !important;
}

.dream-about-landing {
  font-family: "Heebo", Arial, sans-serif;
  color: var(--ink, #17191f);
  width: 100%;
  max-width: none;
  position: relative;
  isolation: isolate;
  z-index: 1;
}
/* Keep boss gradient text working even if site CSS sets color on spans */
.dream-about-landing .gradient-text {
  background: linear-gradient(100deg, #fdb18d 0%, #f87337 53%, #ed613a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
/* Space under Dreamview fixed header */
body.dream-about-page .dream-about-landing .hero {
  padding-top: 118px;
  min-height: 0;
}
@media (max-width: 720px) {
  body.dream-about-page .dream-about-landing .hero {
    padding-top: 96px;
  }
}

.dream-about-landing{--ink:#17191f;--muted:#686b75;--orange:#f87337;--line:#e9e9e9;--cream:#f8f7f5;--font:'Heebo',Arial,sans-serif}.dream-about-landing *{box-sizing:border-box}.dream-about-landing{scroll-behavior:smooth;scroll-padding-top:90px}.dream-about-landing{margin:0;font:400 16px/1.75 var(--font);color:var(--ink);background:#fff;overflow-x:hidden}.dream-about-landing button, .dream-about-landing a{font:inherit}.dream-about-landing a{color:inherit;text-decoration:none}.dream-about-landing button{cursor:pointer}.dream-about-landing img{max-width:100%}.dream-about-landing h1, .dream-about-landing h2, .dream-about-landing h3, .dream-about-landing p{margin-top:0}.dream-about-landing h1, .dream-about-landing h2, .dream-about-landing h3{line-height:1.15;letter-spacing:-.045em}.dream-about-landing ::selection{background:#f87337;color:white}.dream-about-landing :focus-visible{outline:3px solid #f87337;outline-offset:4px}.dream-about-landing .container{width:min(1300px,calc(100% - 96px));margin:auto}.dream-about-landing .skip-link:focus{top:12px}.dream-about-landing .site-header.scrolled, .dream-about-landing .site-header:has(.mobile-nav:not([hidden])){background:#15161c;box-shadow:0 8px 28px #0002}.dream-about-landing .header-cta:hover span, .dream-about-landing .btn:hover span, .dream-about-landing .inline-arrow:hover span{transform:translate(-3px,-3px)}.dream-about-landing .mobile-nav[hidden]{display:none}.dream-about-landing .hero{position:relative;padding:130px 0 0;min-height:765px;background:#121318;color:white;overflow:hidden}.dream-about-landing .hero-glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 55% 65% at 20% 60%,#633b351a,transparent 70%),radial-gradient(ellipse 50% 60% at 88% 25%,#2d354233,transparent 70%)}.dream-about-landing .breadcrumbs{display:flex;gap:12px;align-items:center;color:#8d8e96;font-size:12px;margin:0 0 35px;position:relative}.dream-about-landing .breadcrumbs span[aria-current]{color:#eee}.dream-about-landing .breadcrumbs a:hover{color:var(--orange)}.dream-about-landing .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px;position:relative;padding-bottom:90px}.dream-about-landing .hero-copy{position:relative;z-index:2}.dream-about-landing .eyebrow{color:var(--orange);font-size:12px;letter-spacing:.12em;font-weight:800;display:flex;align-items:center;gap:12px}.dream-about-landing .eyebrow-line{width:28px;height:2px;background:currentColor}.dream-about-landing .hero h1{font-size:clamp(47px,5.2vw,78px);font-weight:800;line-height:1.21;letter-spacing:-.055em;margin:28px 0}.dream-about-landing .gradient-text{background:linear-gradient(100deg,#fdb18d 0%,#f87337 53%,#ed613a 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.dream-about-landing .hero-lead{font-size:19px;line-height:1.9;max-width:580px;color:#b4b5be;font-weight:300}.dream-about-landing .hero-buttons{display:flex;align-items:center;gap:31px;margin-top:36px}.dream-about-landing .btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:56px;padding:11px 25px;border-radius:8px;font-weight:700;font-size:15px;transition:transform .2s,background .2s,border-color .2s}.dream-about-landing .btn:hover{transform:translateY(-2px)}.dream-about-landing .btn-primary{background:var(--orange);color:#161419}.dream-about-landing .btn-primary:hover{background:#ff9467}.dream-about-landing .text-link{border-bottom:1px solid #797981;padding:13px 0;color:#eee;font-size:14px;font-weight:600}.dream-about-landing .text-link span{margin-inline-start:7px}.dream-about-landing .hero-scroll-note{display:flex;align-items:center;gap:12px;color:#72757f;font-size:12px;margin-top:75px}.dream-about-landing .mouse-icon{display:inline-block;width:19px;height:30px;border-radius:13px;border:1px solid #656670;position:relative}.dream-about-landing .mouse-icon:after{content:'';position:absolute;top:6px;left:8px;width:2px;height:6px;background:var(--orange);border-radius:2px}.dream-about-landing .hero-visual{height:535px;position:relative;display:flex;align-items:center;justify-content:center}.dream-about-landing .visual-frame{height:100%;width:100%;max-width:560px;position:relative;border:1px solid #ffffff13;border-radius:120px 20px 120px 20px;background:radial-gradient(circle at 70% 30%,#3b2a30,#1a1c26 65%,#181a21);box-shadow:inset 0 0 110px #0005}.dream-about-landing .grid-lines{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:39px 39px;mask-image:linear-gradient(130deg,transparent,#0009)}.dream-about-landing .visual-orb{position:absolute;border-radius:50%;filter:blur(1px)}.dream-about-landing .orb-one{width:250px;height:250px;background:linear-gradient(145deg,#fa9e66,#ef4c3a 50%,#492035);left:3%;top:15%;box-shadow:inset -25px -22px 35px #62253666,0 18px 80px #fa76401d}.dream-about-landing .orb-two{width:65px;height:65px;background:linear-gradient(130deg,#ffbd89,#9e5062);right:5%;bottom:18%;filter:blur(1px)}.dream-about-landing .floating-design{position:absolute;box-shadow:0 20px 70px #0007}.dream-about-landing .card-ui{top:100px;right:3%;width:300px;height:322px;background:#f6f4ee;color:#1c1c23;padding:24px 28px;border-radius:10px;transform:rotate(8deg);display:flex;flex-direction:column;align-items:flex-start}.dream-about-landing .mini-dots{display:flex;gap:5px}.dream-about-landing .mini-dots i{width:6px;height:6px;border-radius:50%;background:#ddd}.dream-about-landing .mini-dots i:first-child{background:#f87337}.dream-about-landing .ui-caption{margin-top:39px;font-size:9px;letter-spacing:.19em;color:#aaa}.dream-about-landing .ui-title{font-family:Arial,sans-serif;font-size:45px;font-weight:900;letter-spacing:-.07em;line-height:1.03;margin:10px 0 20px}.dream-about-landing .ui-title em{font-style:normal;color:var(--orange)}.dream-about-landing .ui-bar{height:7px;width:80%;border-radius:8px;background:#dddad4;margin-top:5px}.dream-about-landing .ui-bar.short{width:50%}.dream-about-landing .card-code{left:0;bottom:85px;background:#232630;color:white;border:1px solid #ffffff24;border-radius:9px;transform:rotate(-7deg);width:275px;padding:20px;display:flex;flex-direction:column;gap:10px}.dream-about-landing .code-indicator{width:8px;height:8px;border-radius:50%;background:#a9e9a8}.dream-about-landing .card-code code{font:13px/1.5 monospace;direction:ltr;text-align:left}.dream-about-landing .card-code code b{color:#ff9164}.dream-about-landing .card-code>span:last-child{color:#8a8d9d;font:9px Arial;letter-spacing:2px;direction:ltr;text-align:left}.dream-about-landing .visual-stamp{position:absolute;bottom:30px;right:27px;display:flex;flex-direction:column;line-height:1.1;font:13px Arial;letter-spacing:1.8px;color:#bcbcc4}.dream-about-landing .visual-stamp strong{font-size:25px;color:#fff;letter-spacing:-1px}.dream-about-landing .visual-stamp strong span{color:var(--orange)}.dream-about-landing .side-label{position:absolute;bottom:0;left:-5px;transform:rotate(-90deg) translateY(-13px);transform-origin:left bottom;font:9px Arial;letter-spacing:2px;color:#7f818b}.dream-about-landing .hero-bottom-rule{height:1px;background:#ffffff1b}.dream-about-landing .section{padding:126px 0}.dream-about-landing .section-index{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.045em;margin-bottom:25px}.dream-about-landing .section h2{font-size:clamp(35px,4vw,61px);font-weight:800;margin:0;line-height:1.23}.dream-about-landing .muted{color:#a9a9ad}.dream-about-landing .intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;margin-bottom:78px}.dream-about-landing .intro-body{padding-top:39px;color:#676a72;font-size:16px;line-height:2}.dream-about-landing .intro-body p{margin-bottom:18px}.dream-about-landing .intro-body .large-copy{color:#282a30;font-size:20px;font-weight:600;line-height:1.8}.dream-about-landing .inline-arrow{display:inline-flex;color:var(--orange);border-bottom:1px solid var(--orange);padding-bottom:6px;font-weight:700;margin-top:13px}.dream-about-landing .showcase-wrap{display:grid;grid-template-columns:1fr 155px;gap:15px;height:480px}.dream-about-landing .showcase-image{position:relative;min-width:0;background:#272b31 url('/templates/dreamview/images/img_a.jpeg') center 45%/cover no-repeat;overflow:hidden;border-radius:12px}.dream-about-landing .showcase-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0b1019c9,transparent 55%)}.dream-about-landing .showcase-caption{position:absolute;bottom:45px;right:45px;color:white;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.dream-about-landing .showcase-caption strong{font-size:clamp(23px,3vw,40px);font-weight:800}.dream-about-landing .pill-white{background:#ffffffed;color:#20232c;border-radius:30px;padding:6px 13px;font:10px Arial;letter-spacing:1px;display:flex;align-items:center;gap:8px}.dream-about-landing .status-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.dream-about-landing .showcase-side{border-radius:12px;background:#f57439;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:20px 10px;color:#191a20}.dream-about-landing .big-asterisk{font-size:65px;line-height:1}.dream-about-landing .showcase-side p{font:800 13px/1.5 Arial;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:3px}.dream-about-landing .values{background:var(--cream)}.dream-about-landing .section-top{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.dream-about-landing .section-top>p{max-width:265px;color:var(--muted);margin:0 0 8px}.dream-about-landing .values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dream-about-landing .value-card{min-height:350px;background:white;border:1px solid #ecebe9;border-radius:10px;padding:28px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.dream-about-landing .value-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px #29242112}.dream-about-landing .value-number{font:12px Arial;color:#a3a3a7}.dream-about-landing .value-symbol{font:60px/1 Arial;color:var(--orange);margin:35px 0 22px}.dream-about-landing .value-card h3{font-size:23px;margin-bottom:11px}.dream-about-landing .value-card p{color:var(--muted);font-size:14px;line-height:1.85;margin-bottom:30px}.dream-about-landing .value-bottom{margin-top:auto;padding-top:20px;border-top:1px solid #eee;font:10px Arial;letter-spacing:1.6px;color:#a2a2a5}.dream-about-landing .statement{background:#1a1c23;color:white;position:relative;overflow:hidden;padding:120px 0}.dream-about-landing .statement-inner{position:relative;text-align:center}.dream-about-landing .statement-kicker{color:var(--orange);font:700 12px Arial;letter-spacing:2.5px}.dream-about-landing .statement p{font-size:clamp(42px,6.3vw,95px);font-weight:800;line-height:1.35;margin:25px 0}.dream-about-landing .statement p span{color:var(--orange)}.dream-about-landing .statement-flower{display:none!important}.dream-about-landing .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.dream-about-landing .process-card{position:relative;padding:25px 23px 30px;border-top:2px solid #e1e1e3;background:#fafafa;min-height:294px;display:flex;flex-direction:column;transition:border-color .2s}.dream-about-landing .process-card:hover{border-color:var(--orange)}.dream-about-landing .step-head{display:flex;align-items:center;justify-content:space-between;color:#a7a7ad;font:15px Arial;margin-bottom:39px}.dream-about-landing .step-icon{display:grid;place-items:center;width:48px;height:48px;background:#ffede3;border-radius:8px;color:var(--orange);font:32px Arial}.dream-about-landing .process-card h3{font-size:21px;margin-bottom:12px}.dream-about-landing .process-card p{font-size:14px;color:var(--muted);line-height:1.85}.dream-about-landing .step-tag{color:var(--orange);font:10px Arial;letter-spacing:2px;margin-top:auto;padding-top:24px}.dream-about-landing .expertise{background:#f4f2ef}.dream-about-landing .expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.dream-about-landing .expertise h2{font-size:clamp(35px,3.7vw,56px)}.dream-about-landing .expertise p{color:var(--muted);max-width:400px;margin:24px 0 31px}.dream-about-landing .btn-outline{border:1px solid #20232b;color:#20232b}.dream-about-landing .btn-outline:hover{background:#20232b;color:white}.dream-about-landing .expertise-list>a{display:grid;grid-template-columns:35px 1fr 25px;align-items:center;gap:15px;border-bottom:1px solid #d4d1cf;padding:17px 0}.dream-about-landing .expertise-list>a:first-child{border-top:1px solid #d4d1cf}.dream-about-landing .expertise-list > a>span:first-child{font:11px Arial;color:#a5a3a1}.dream-about-landing .expertise-list > a>span:last-child{color:var(--orange);font-size:24px}.dream-about-landing .expertise-list h3{font-size:21px;letter-spacing:-.025em;margin:0}.dream-about-landing .cta-section{padding:85px 0;background:white}.dream-about-landing .cta-box{min-height:460px;background:#ef7239;border-radius:16px;position:relative;color:#17181b;overflow:hidden;display:flex;align-items:center;padding:74px 7%}.dream-about-landing .cta-content{position:relative;z-index:2;max-width:650px}.dream-about-landing .eyebrow.light{color:#242021}.dream-about-landing .cta-box h2{font-size:clamp(42px,5vw,72px);font-weight:800;margin:21px 0}.dream-about-landing .cta-box h2 em{font-style:normal;color:white}.dream-about-landing .cta-box p{max-width:490px;font-size:17px;line-height:1.9}.dream-about-landing .cta-actions{display:flex;align-items:center;gap:26px;margin-top:27px}.dream-about-landing .btn-white{background:#1b1c21;color:white}.dream-about-landing .btn-white:hover{background:#373840}.dream-about-landing .cta-phone{font-size:18px;font-weight:700;border-bottom:1px solid #3d2e27}.dream-about-landing .cta-mark{position:absolute;left:7%;bottom:-60px;font:900 clamp(250px,36vw,520px)/1 Arial;letter-spacing:-.14em;color:#ffffff25}.dream-about-landing .cta-mark span{color:#1b1c211c}.dream-about-landing .cta-orbit{position:absolute;left:-10%;top:-60%;width:660px;height:660px;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 0 0 70px #ffffff0c,0 0 0 140px #ffffff0b}.dream-about-landing .footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}@media(max-width:1100px){.dream-about-landing .container{width:min(100% - 60px,1200px)}.dream-about-landing .hero-grid{gap:15px}.dream-about-landing .hero-visual{height:465px}.dream-about-landing .card-ui{width:245px;height:280px}.dream-about-landing .ui-title{font-size:37px}.dream-about-landing .card-code{width:235px}.dream-about-landing .values-grid, .dream-about-landing .process-grid{grid-template-columns:repeat(2,1fr)}.dream-about-landing .value-card{min-height:300px}.dream-about-landing .hero h1{font-size:clamp(44px,5vw,65px)}}@media(max-width:760px){.dream-about-landing .container{width:calc(100% - 40px)}.dream-about-landing .desktop-nav, .dream-about-landing .hero{padding-top:99px;min-height:0}.dream-about-landing .breadcrumbs{margin-bottom:36px}.dream-about-landing .hero-grid{grid-template-columns:1fr;padding-bottom:43px}.dream-about-landing .hero h1{font-size:clamp(42px,9vw,61px);margin:18px 0}.dream-about-landing .hero-lead{font-size:16px}.dream-about-landing .hero-buttons{gap:22px;flex-wrap:wrap}.dream-about-landing .hero-scroll-note{margin-top:35px}.dream-about-landing .hero-visual{height:260px;margin:0 auto 22px;width:100%;max-width:340px}.dream-about-landing .visual-frame{border-radius:70px 15px 70px 15px}.dream-about-landing .orb-one{width:170px;height:170px}.dream-about-landing .card-ui{width:210px;height:235px;right:5%;top:36px;padding:18px}.dream-about-landing .ui-caption{margin-top:24px;font-size:7px}.dream-about-landing .ui-title{font-size:33px;margin-bottom:12px}.dream-about-landing .card-code{width:200px;left:0;bottom:35px;padding:12px}.dream-about-landing .card-code code{font-size:11px}.dream-about-landing .visual-stamp{bottom:15px;right:14px}.dream-about-landing .visual-stamp strong{font-size:18px}.dream-about-landing .side-label{display:none}.dream-about-landing .section{padding:82px 0}.dream-about-landing .intro-grid, .dream-about-landing .expertise-grid{grid-template-columns:1fr;gap:25px}.dream-about-landing .intro-body{padding:0}.dream-about-landing .intro-body .large-copy{font-size:18px}.dream-about-landing .showcase-wrap{height:350px;grid-template-columns:1fr 70px;gap:8px}.dream-about-landing .showcase-caption{bottom:20px;right:20px}.dream-about-landing .showcase-side{padding:16px 0}.dream-about-landing .showcase-side p{font-size:9px}.dream-about-landing .big-asterisk{font-size:35px}.dream-about-landing .section-top{display:block;margin-bottom:35px}.dream-about-landing .section-top>p{margin-top:20px}.dream-about-landing .section h2{font-size:clamp(34px,7vw,48px)}.dream-about-landing .values-grid, .dream-about-landing .process-grid{grid-template-columns:1fr 1fr;gap:10px}.dream-about-landing .value-card{padding:19px;min-height:300px}.dream-about-landing .value-symbol{margin:30px 0 18px;font-size:48px}.dream-about-landing .value-card h3{font-size:19px}.dream-about-landing .value-card p{font-size:13px}.dream-about-landing .process-card{padding:19px;min-height:300px}.dream-about-landing .process-card h3{font-size:18px}.dream-about-landing .step-head{margin-bottom:30px}.dream-about-landing .statement{padding:80px 0}.dream-about-landing .expertise-grid{gap:50px}.dream-about-landing .expertise-list h3{font-size:18px}.dream-about-landing .cta-section{padding:40px 0}.dream-about-landing .cta-box{min-height:455px;padding:55px 28px}.dream-about-landing .cta-box h2{font-size:clamp(38px,8vw,57px)}.dream-about-landing .cta-box p{font-size:15px}.dream-about-landing .cta-mark{font-size:290px;bottom:-60px;left:-25px}}@media(max-width:440px){.dream-about-landing .values-grid, .dream-about-landing .process-grid{grid-template-columns:1fr}.dream-about-landing .value-card{min-height:260px}.dream-about-landing .process-card{min-height:250px}.dream-about-landing .value-symbol{margin:20px 0}.dream-about-landing .showcase-wrap{grid-template-columns:1fr}.dream-about-landing .showcase-side{display:none}.dream-about-landing .hero-buttons{align-items:flex-start;gap:15px}.dream-about-landing .hero .btn{min-height:52px;padding:10px 14px}.dream-about-landing .cta-actions{flex-wrap:wrap}.dream-about-landing .showcase-caption strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.dream-about-landing *, .dream-about-landing *:before, .dream-about-landing *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.dream-about-landing .hero{padding-top:30px}.dream-about-landing .hero-visual{display:none}.dream-about-landing .section{padding:45px 0}}


/* Reveal AFTER boss rules so opacity:0 cannot win */
.dream-about-landing .reveal {
  opacity: 1;
  transform: none;
}
.dream-about-landing.is-animatable .reveal {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity .7s ease, transform .7s ease;
}
.dream-about-landing.is-animatable .reveal.visible {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .dream-about-landing .reveal,
  .dream-about-landing.is-animatable .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* === Contrast fix: template frame.css resets ALL tags to color:#fff ===
   That makes light-section headings/paragraphs invisible on white.
   Force inheritance so boss palette (ink / muted / orange / hero white) wins. */
.dream-about-landing :where(
  h1, h2, h3, h4, h5, h6,
  p, span, a, li, label, div, section, article,
  strong, em, b, i, small, button, code
) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}

/* Boss intentional colors (re-assert after inherit; higher specificity than :where) */
.dream-about-landing .muted {
  color: #6e717a;
  -webkit-text-fill-color: #6e717a;
}
.dream-about-landing .section-index,
.dream-about-landing .eyebrow,
.dream-about-landing .inline-arrow,
.dream-about-landing .value-icon,
.dream-about-landing .step-icon,
.dream-about-landing .step-tag,
.dream-about-landing .statement-kicker,
.dream-about-landing .status-dot,
.dream-about-landing .ui-title em,
.dream-about-landing .card-code code b,
.dream-about-landing .visual-stamp strong span,
.dream-about-landing .statement p span,
.dream-about-landing .expertise-list > a > span:last-child,
.dream-about-landing .expertise-list > a > i.fas {
  color: var(--orange);
  -webkit-text-fill-color: var(--orange);
}
.dream-about-landing .gradient-text {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/* Dark / branded blocks: keep light text after ink inherit */
.dream-about-landing .hero,
.dream-about-landing .hero :where(h1, h2, p, span, a, div, strong, small):not(.gradient-text):not(.card-ui):not(.card-ui *):not(.mini-dots):not(.mini-dots *) {
  color: #fff;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .hero .eyebrow,
.dream-about-landing .hero .eyebrow * {
  color: var(--orange);
  -webkit-text-fill-color: var(--orange);
}
.dream-about-landing .hero .hero-lead,
.dream-about-landing .hero .breadcrumbs,
.dream-about-landing .hero .side-label {
  color: #b4b5be;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .hero .breadcrumbs span[aria-current] {
  color: #eee;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .hero .btn-primary {
  color: #161419;
  -webkit-text-fill-color: #161419;
}
.dream-about-landing .btn-primary {
  color: #161419;
  -webkit-text-fill-color: #161419;
}
.dream-about-landing .hero .card-ui,
.dream-about-landing .hero .card-ui :where(span, strong, em, div, i) {
  color: #1c1c23;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .hero .card-ui .ui-caption,
.dream-about-landing .hero .card-ui .ui-caption * {
  color: #aaa;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .hero .card-ui .ui-title em {
  color: var(--orange);
  -webkit-text-fill-color: var(--orange);
}
.dream-about-landing .hero .card-code,
.dream-about-landing .hero .card-code :where(span, code, b) {
  color: #fff;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .hero .card-code code b {
  color: #ff9164;
  -webkit-text-fill-color: #ff9164;
}
.dream-about-landing .hero .gradient-text {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.dream-about-landing .statement,
.dream-about-landing .statement :where(p, span, div, strong) {
  color: #fff;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .statement .statement-kicker,
.dream-about-landing .statement p span {
  color: var(--orange);
  -webkit-text-fill-color: var(--orange);
}

.dream-about-landing .showcase-caption,
.dream-about-landing .showcase-caption :where(strong, span) {
  color: #fff;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .pill-white,
.dream-about-landing .pill-white :where(span) {
  color: #20232c;
  -webkit-text-fill-color: currentColor;
}

.dream-about-landing .cta-box,
.dream-about-landing .cta-box :where(h2, p, span, a, div, em, strong) {
  color: #17181b;
  -webkit-text-fill-color: currentColor;
}
.dream-about-landing .cta-box h2 em {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.dream-about-landing .cta-box .btn-primary {
  background: #1b1c21;
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.dream-about-landing .cta-box .btn-primary:hover {
  background: #373840;
}
.dream-about-landing .cta-box .eyebrow.light,
.dream-about-landing .cta-box .eyebrow.light * {
  color: #242021;
  -webkit-text-fill-color: currentColor;
}

/* ========== About polish (buttons, badges, icons, visual) ========== */

/* Primary buttons — unified look */
.dream-about-landing .btn-primary {
  background: var(--orange);
  color: #161419;
  border: 0;
  box-shadow: 0 10px 28px rgba(248, 115, 55, 0.28);
}
.dream-about-landing .btn-primary:hover {
  background: #ff9467;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(248, 115, 55, 0.36);
}
.dream-about-landing .intro-body .btn-primary,
.dream-about-landing .expertise .btn-primary {
  margin-top: 8px;
}

/* Secondary hero button (was text-link) */
.dream-about-landing .btn-secondary {
  background: transparent;
  color: #fff;
  -webkit-text-fill-color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: none;
}
.dream-about-landing .btn-secondary:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.55);
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.dream-about-landing .hero .btn-secondary {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.dream-about-landing .btn i {
  font-size: 0.92em;
  line-height: 1;
  margin-inline-start: 2px;
}
.dream-about-landing .btn:hover i {
  transform: translate(-2px, -1px);
}
.dream-about-landing .btn-secondary:hover i {
  transform: translateY(2px);
}
.dream-about-landing .hero-scroll-note,
.dream-about-landing .text-link,
.dream-about-landing .visual-stamp {
  display: none !important;
}

/* visual-frame polish */
.dream-about-landing .visual-frame {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background:
    radial-gradient(circle at 72% 28%, rgba(248, 115, 55, 0.18), transparent 42%),
    radial-gradient(circle at 22% 78%, rgba(90, 110, 180, 0.16), transparent 48%),
    radial-gradient(circle at 70% 30%, #3b2a30, #1a1c26 65%, #181a21);
  box-shadow:
    inset 0 0 110px rgba(0, 0, 0, 0.35),
    0 30px 80px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(255, 255, 255, 0.04);
  overflow: hidden;
}
.dream-about-landing .visual-frame-glow {
  position: absolute;
  inset: -20% -10% auto auto;
  width: 70%;
  height: 70%;
  background: radial-gradient(circle, rgba(248, 115, 55, 0.22), transparent 68%);
  pointer-events: none;
  filter: blur(8px);
  animation: dream-about-glow-pulse 2.4s ease-in-out infinite;
}
.dream-about-landing .visual-orb.orb-one {
  animation: dream-about-orb-float 3s ease-in-out infinite;
}
.dream-about-landing .visual-orb.orb-two {
  animation: dream-about-orb-float 2.6s ease-in-out infinite reverse;
}
.dream-about-landing .floating-design.card-ui {
  animation: dream-about-card-ui-float 3.4s ease-in-out infinite;
}
.dream-about-landing .floating-design.card-code {
  animation: dream-about-card-code-float 3.9s ease-in-out infinite;
  animation-delay: 0.35s;
}
@keyframes dream-about-glow-pulse {
  0%, 100% { opacity: 0.55; transform: scale(1); }
  50% { opacity: 0.9; transform: scale(1.06); }
}
@keyframes dream-about-orb-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}
@keyframes dream-about-card-ui-float {
  0%, 100% { transform: rotate(8deg) translateY(0); }
  50% { transform: rotate(8deg) translateY(-14px); }
}
@keyframes dream-about-card-code-float {
  0%, 100% { transform: rotate(-7deg) translateY(0); }
  50% { transform: rotate(-7deg) translateY(-11px); }
}
@media (prefers-reduced-motion: reduce) {
  .dream-about-landing .visual-frame-glow,
  .dream-about-landing .visual-orb.orb-one,
  .dream-about-landing .visual-orb.orb-two,
  .dream-about-landing .floating-design.card-ui,
  .dream-about-landing .floating-design.card-code {
    animation: none;
  }
}

/* Values: number badge + FA icon */
.dream-about-landing .value-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 28px;
}
.dream-about-landing .value-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #ecd9cf;
  background: #fff4ed;
  color: #c45a28;
  -webkit-text-fill-color: #c45a28;
  font: 700 11px/1 Arial, sans-serif;
  letter-spacing: 0.06em;
}
.dream-about-landing .value-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  border: 1px solid #f0d8cb;
  background: linear-gradient(160deg, #fff7f2, #ffe8da);
  color: var(--orange);
  -webkit-text-fill-color: var(--orange);
  box-shadow: 0 8px 20px rgba(248, 115, 55, 0.12);
  font-size: 20px;
}
.dream-about-landing .value-icon i {
  color: inherit;
  -webkit-text-fill-color: inherit;
}
.dream-about-landing .value-symbol {
  display: none;
}
.dream-about-landing .value-card h3 {
  margin-top: 0;
}

/* Process: number badge + stronger FA icons / tags */
.dream-about-landing .step-head {
  align-items: center;
}
.dream-about-landing .step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid #e4e4e8;
  background: #fff;
  color: #5c5f69;
  -webkit-text-fill-color: #5c5f69;
  font: 700 11px/1 Arial, sans-serif;
  letter-spacing: 0.06em;
}
.dream-about-landing .step-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 14px;
  border: 1px solid #f0d8cb;
  background: linear-gradient(160deg, #fff7f2, #ffe8da);
  color: var(--orange);
  -webkit-text-fill-color: var(--orange);
  font-size: 18px;
  box-shadow: 0 8px 18px rgba(248, 115, 55, 0.1);
}
.dream-about-landing .step-icon i {
  color: inherit;
  -webkit-text-fill-color: inherit;
  font-weight: 900;
}
.dream-about-landing .process-card:hover .step-icon {
  border-color: #f3b894;
  background: linear-gradient(160deg, #ffe8da, #ffd7c0);
}
.dream-about-landing .step-tag {
  font-weight: 800;
  letter-spacing: 0.14em;
  font-size: 11px;
}

.dream-about-landing .value-bottom {
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #7a7a80;
  -webkit-text-fill-color: #7a7a80;
}

/* CTA booking button + softer mark (orbit-like) */
.dream-about-landing .cta-box .btn-booking {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 56px;
  padding: 11px 25px;
  border-radius: 8px;
  border: 1px solid rgba(27, 28, 33, 0.35);
  background: transparent;
  color: #1b1c21;
  -webkit-text-fill-color: #1b1c21;
  font-weight: 700;
  font-size: 15px;
  transition: transform 0.2s, background 0.2s, border-color 0.2s, color 0.2s;
}
.dream-about-landing .cta-box .btn-booking:hover {
  background: rgba(27, 28, 33, 0.08);
  border-color: #1b1c21;
  transform: translateY(-2px);
}
.dream-about-landing .cta-phone {
  display: none !important;
}
.dream-about-landing .cta-mark {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  left: -8%;
  bottom: auto;
  top: -42%;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 50%;
  box-shadow:
    0 0 0 56px rgba(255, 255, 255, 0.05),
    0 0 0 112px rgba(255, 255, 255, 0.035);
  pointer-events: none;
}
.dream-about-landing .cta-mark span {
  display: none;
}

.dream-about-landing .expertise-list > a > i.fas {
  font-size: 18px;
  justify-self: end;
  transition: transform 0.2s;
}
.dream-about-landing .expertise-list > a:hover > i.fas {
  transform: translateX(-4px);
}
.dream-about-landing .btn i {
  transition: transform 0.2s;
}

/* Statement parallax decor (replaces statement-flower) */
.dream-about-landing .statement {
  isolation: isolate;
}
.dream-about-landing .statement-parallax {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.dream-about-landing .statement-float {
  position: absolute;
  left: var(--x, 50%);
  top: var(--y, 50%);
  font-size: calc(42px * var(--s, 1));
  color: rgba(255, 255, 255, 0.055);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.055);
  transform: translate3d(-50%, -50%, 0) translate3d(0, var(--py, 0px), 0);
  will-change: transform;
  line-height: 1;
}
.dream-about-landing .statement-inner {
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .dream-about-landing .statement-float {
    transform: translate3d(-50%, -50%, 0);
    will-change: auto;
  }
}
.dream-about-landing .expertise-list > a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.dream-about-landing .expertise-list > a:hover h3 {
  color: var(--orange);
  -webkit-text-fill-color: var(--orange);
}
/* Mobile: hero-visual above text */
@media (max-width: 760px) {
  .dream-about-landing .hero-grid {
    display: grid;
  }
  .dream-about-landing .hero-visual {
    order: -1;
    height: 260px;
    margin: 0 auto 22px;
    width: 100%;
    max-width: 340px;
  }
  .dream-about-landing .hero-copy {
    order: 1;
  }
}
/* Hero buttons: fill text column (equal wide), same as products */
.dream-about-landing .hero-buttons {
  width: 100%;
  max-width: 580px;
  align-items: stretch;
  gap: 16px;
}
.dream-about-landing .hero-buttons .btn {
  flex: 1 1 0;
  min-width: 0;
  justify-content: center;
  padding: 11px 18px;
  white-space: nowrap;
}