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

/* Full-bleed article slot (same idea as /new home) */
body.dream-service-inner-page .content,
body.dream-service-inner-page main.content,
body.dream-service-inner-page .content .wrapper,
body.dream-service-inner-page .content .row,
body.dream-service-inner-page .item-page.is-dream-preview,
body.dream-service-inner-page .item-page.is-dream-preview .article-content,
body.dream-service-inner-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-service-inner-page .content .row > * {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
}
body.dream-service-inner-page .item-page.is-dream-preview .article-header,
body.dream-service-inner-page .item-page.is-dream-preview .page-header,
body.dream-service-inner-page .item-page.is-dream-preview .article-info,
body.dream-service-inner-page .item-page.is-dream-preview .pager,
body.dream-service-inner-page .item-page.is-dream-preview nav[aria-label],
body.dream-service-inner-page #home-articles,
body.dream-service-inner-page .strange-cards,
body.dream-service-inner-page #back-top {
  display: none !important;
}

.dream-service-inner {
  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-service-inner .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-service-inner-page .dream-service-inner .hero {
  padding-top: 118px;
  min-height: 0;
}
@media (max-width: 720px) {
  body.dream-service-inner-page .dream-service-inner .hero {
    padding-top: 96px;
  }
}

/* Dreamview services page — standalone stylesheet */
.dream-service-inner{--dark:#111114;--black:#0d0d10;--ink:#232328;--muted:#73737b;--orange:#f87337;--orange-light:#ffad6c;--cream:#f7f6f2;--white:#fff;--line:#e9e8e4;--font:'Heebo',Arial,sans-serif}.dream-service-inner *, .dream-service-inner *::before, .dream-service-inner *::after{box-sizing:border-box}.dream-service-inner{scroll-behavior:smooth}.dream-service-inner{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}.dream-service-inner a{color:inherit;text-decoration:none}.dream-service-inner button{font:inherit}.dream-service-inner img, .dream-service-inner svg{max-width:100%}.dream-service-inner ::selection{background:#f97316;color:#fff}.dream-service-inner .shell{width:min(1240px,calc(100% - 64px));margin-inline:auto}.dream-service-inner .skip{position:absolute;inset-block-start:-80px;inset-inline-start:12px;z-index:999;padding:12px 20px;background:white;color:#111}.dream-service-inner .skip:focus{inset-block-start:8px}.dream-service-inner :focus-visible{outline:3px solid #ff9d52;outline-offset:4px}.dream-service-inner .nav-wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.dream-service-inner .brand-word{font-size:22px;font-weight:800;letter-spacing:-1.5px}.dream-service-inner .nav-actions{display:flex;align-items:center;gap:12px}.dream-service-inner .button{display:inline-flex;justify-content:center;align-items:center;gap:18px;border:1px solid transparent;border-radius:100px;padding:16px 24px;font-size:14px;font-weight:600;white-space:nowrap;transition:transform .2s,background .2s,color .2s}.dream-service-inner .button:hover{transform:translateY(-3px)}.dream-service-inner .button-small{padding:12px 19px;font-size:12px}.dream-service-inner .button-orange{color:#141414;background:var(--orange)}.dream-service-inner .button-orange:hover{background:#ff9349}.dream-service-inner .button-outline{border-color:#ffffff4a;color:#fff;background:#ffffff05}.dream-service-inner .button-outline:hover{background:#fff;color:#111}.dream-service-inner .button-black{background:#131315;color:#fff}.dream-service-inner .menu-button{display:none;cursor:pointer;width:44px;height:44px;background:transparent;border:1px solid #ffffff55;border-radius:9px;padding:12px}.dream-service-inner .menu-button span{display:block;background:white;height:2px;margin:4px 0}.dream-service-inner .hero{background:#101013;color:#fff;position:relative;overflow:hidden;padding:12px 0 104px}.dream-service-inner .hero::before{content:'';position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#ffffff36 .8px,transparent .8px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent,#000)}.dream-service-inner .hero-glow{position:absolute;left:-290px;top:10px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,#f9731644,transparent 66%);filter:blur(20px)}.dream-service-inner .breadcrumbs{display:flex;gap:11px;align-items:center;padding:25px 0 56px;font-size:12px;color:#aaaab0;position:relative}.dream-service-inner .breadcrumbs a:hover{color:#fff}.dream-service-inner .breadcrumbs [aria-current]{color:#ff9f5a}.dream-service-inner .hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;position:relative}.dream-service-inner .eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;color:#ffa66a;display:flex;align-items:center;gap:10px}.dream-service-inner .eyebrow-dot{height:7px;width:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #f973162b}.dream-service-inner .hero h1{font-size:clamp(44px,5.3vw,79px);line-height:1.18;margin:25px 0 24px;letter-spacing:-3.2px;font-weight:800}.dream-service-inner .gradient-text{color:#ff8a39}.dream-service-inner .hero-lead{font-size:17px;line-height:2;color:#c4c4ca;max-width:550px;margin:0 0 32px}.dream-service-inner .hero-buttons{display:flex;flex-wrap:wrap;gap:13px}.dream-service-inner .hero-foot{display:flex;align-items:center;gap:18px;color:#97979d;font-size:11px;margin-top:66px}.dream-service-inner .hero-foot b{color:#ff9d58}.dream-service-inner .hairline{width:42px;height:1px;background:#5d5d63}.dream-service-inner .hero-art{position:relative;min-height:465px;display:grid;place-items:center;isolation:isolate}.dream-service-inner .art-orbit{border:1px dashed #ffffff34;position:absolute;border-radius:50%}.dream-service-inner .art-orbit-one{width:360px;height:360px}.dream-service-inner .art-orbit-two{width:490px;height:490px;border-color:#ffffff18}.dream-service-inner .art-core{position:relative;width:260px;height:260px;border-radius:32px;background:linear-gradient(140deg,#34343b,#17171b);border:1px solid #ffffff25;box-shadow:0 35px 95px #000b,0 0 90px #fa771b1a;transform:rotate(-9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.dream-service-inner .art-core:after{content:'';position:absolute;background:linear-gradient(120deg,transparent,#ffffff0e,transparent);width:120%;height:30%;transform:rotate(-20deg);top:20%}.dream-service-inner .core-grid{position:absolute;inset:0;background:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:40px 40px}.dream-service-inner .core-logo{position:relative;font-size:118px;line-height:1;font-weight:900;letter-spacing:-11px}.dream-service-inner .core-logo span{color:var(--orange)}.dream-service-inner .core-sub{font-size:9px;letter-spacing:2px;color:#aaa}.dream-service-inner .satellite{display:flex;align-items:center;gap:9px;position:absolute;border:1px solid #ffffff3a;border-radius:12px;background:#242428cc;box-shadow:0 20px 40px #0007;padding:12px 16px;font-size:10px;letter-spacing:1px;direction:ltr;z-index:3;backdrop-filter:blur(10px)}.dream-service-inner .sat-icon{font-size:19px;color:#ff934d}.dream-service-inner .sat-one{right:2%;top:7%}.dream-service-inner .sat-two{left:1%;top:22%}.dream-service-inner .sat-three{right:-2%;bottom:20%}.dream-service-inner .sat-four{left:8%;bottom:8%}.dream-service-inner .art-coordinate{position:absolute;bottom:-18px;font-size:9px;letter-spacing:2px;color:#69696e;direction:ltr}.dream-service-inner .intro-strip{background:#f1efe9;border-bottom:1px solid #eae7e0}.dream-service-inner .strip-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:30px}.dream-service-inner .strip-inner p{margin:0;font-size:14px;line-height:1.8}.dream-service-inner .strip-inner p:last-child{color:#727178;max-width:450px;font-size:13px}.dream-service-inner .strip-asterisk{color:var(--orange);font-size:24px;margin-left:10px}.dream-service-inner .section-pad{padding:120px 0}.dream-service-inner .section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:46px}.dream-service-inner .section-heading h2, .dream-service-inner .why h2{font-size:clamp(35px,4vw,55px);line-height:1.26;letter-spacing:-2px;margin:18px 0 0}.dream-service-inner .section-heading h2 em, .dream-service-inner .why h2 em{font-style:normal;color:var(--orange)}.dream-service-inner .section-heading>p{max-width:360px;color:var(--muted);font-size:15px;line-height:1.85;margin:0 0 9px}.dream-service-inner .section-kicker{color:#df6e22;letter-spacing:2px;direction:ltr;text-align:right;font-size:11px;font-weight:700}.dream-service-inner .services{background:#fff}.dream-service-inner .services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dream-service-inner .service-card{background:#f7f7f5;border:1px solid #e9e9e6;border-radius:18px;padding:25px 25px 27px;min-height:424px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border .25s;overflow:hidden}.dream-service-inner .service-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px #13131312;border-color:#f9b98c}.dream-service-inner .card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#88888c}.dream-service-inner .service-index{direction:ltr;font-size:10px;letter-spacing:1.5px;font-weight:600}.dream-service-inner .card-arrow{display:grid;place-items:center;border:1px solid #d7d7d3;width:34px;height:34px;border-radius:50%;color:#212121;transition:.2s}.dream-service-inner .service-card:hover .card-arrow{background:var(--orange);border-color:var(--orange)}.dream-service-inner .mini-visual, .dream-service-inner .service-visual{position:relative;height:148px;margin:18px 0 21px;display:grid;place-items:center;overflow:hidden}.dream-service-inner .card-bottom{margin-top:auto}.dream-service-inner .card-icon{font-size:23px;color:#ea7b34;margin-bottom:10px}.dream-service-inner .card-bottom h3{font-size:20px;letter-spacing:-.6px;margin:0 0 11px}.dream-service-inner .card-bottom p{font-size:13px;line-height:1.85;color:#77777d;margin:0 0 20px;min-height:71px}.dream-service-inner .card-cta{border-top:1px solid #e5e5e1;padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#242427}.dream-service-inner .card-cta span{font-size:21px}.dream-service-inner .service-card.feature{background:#222227;color:white;border-color:#38383f}.dream-service-inner .feature .service-index{color:#adadb5}.dream-service-inner .feature .card-arrow{color:#fff;border-color:#ffffff44}.dream-service-inner .feature .card-bottom p{color:#bdbdc7}.dream-service-inner .feature .card-cta{border-color:#ffffff30;color:#fff}.dream-service-inner .strategy-visual{height:148px}.dream-service-inner .strategy-line{width:73%;height:1px;background:#ff8d3d;transform:rotate(-20deg)}.dream-service-inner .strategy-node{width:22px;height:22px;border-radius:50%;background:#ff8b37;border:5px solid #3a302c;position:absolute;box-shadow:0 0 0 1px #ff974a}.dream-service-inner .strategy-node.n1{right:12%;top:30%}.dream-service-inner .strategy-node.n2{right:38%;top:48%}.dream-service-inner .strategy-node.n3{left:37%;top:54%}.dream-service-inner .strategy-node.n4{left:13%;top:72%}.dream-service-inner .strategy-tag{position:absolute;bottom:3px;font-size:10px;direction:ltr;letter-spacing:1px;color:#ffae74}.dream-service-inner .ux-window{height:122px;width:220px;background:white;border-radius:11px;border:1px solid #e9e5e0;box-shadow:0 18px 30px #0000000b;display:flex;overflow:hidden;transform:rotate(-6deg)}.dream-service-inner .ux-sidebar{width:43px;background:#efeee9;border-left:1px solid #ddd}.dream-service-inner .ux-main{padding:15px;flex:1}.dream-service-inner .ux-caption{height:7px;width:80px;border-radius:10px;background:#35363b;margin-bottom:12px}.dream-service-inner .ux-shapes{display:flex;gap:8px}.dream-service-inner .ux-shapes i{height:53px;flex:1;background:#f9c19b;border-radius:8px}.dream-service-inner .ux-shapes i:nth-child(2){background:#26272c}.dream-service-inner .ux-shapes i:nth-child(3){background:#f0ede8}.dream-service-inner .ux-lines{width:75%;height:6px;background:#ecebe8;margin-top:10px;border-radius:4px}.dream-service-inner .visual-code{background:radial-gradient(ellipse,#f4e7dc,transparent 72%)}.dream-service-inner .code-screen{background:#232329;color:#ccc;border-radius:11px;padding:15px 19px;width:220px;transform:rotate(4deg);box-shadow:0 17px 35px #19191d27;display:flex;flex-direction:column;gap:9px}.dream-service-inner .code-line{display:flex;gap:7px;font-size:10px}.dream-service-inner .code-line i{display:block;height:5px;border-radius:3px;background:#96a5ac;width:38px}.dream-service-inner .code-line i:first-child{background:#6c8fa0;width:24px}.dream-service-inner .code-line i:last-child{background:#c37f59;width:45px}.dream-service-inner .code-line.short{margin-right:18px}.dream-service-inner .code-line.orange{color:#ff995d}.dream-service-inner .code-bracket{position:absolute;left:13%;top:15%;font-size:26px;color:#f68b47;font-weight:700}.dream-service-inner .visual-commerce{background:radial-gradient(ellipse,#f9e8de,transparent 72%)}.dream-service-inner .product-tile{width:140px;height:133px;background:#fff;border:1px solid #e9e4de;box-shadow:0 16px 35px #00000013;padding:12px;border-radius:10px;transform:rotate(-8deg)}.dream-service-inner .tile-object{height:77px;border-radius:6px;background:linear-gradient(140deg,#e6ab80,#a8502b);position:relative}.dream-service-inner .tile-object:after{content:'';position:absolute;width:45px;height:57px;bottom:0;right:35px;background:linear-gradient(#ffe0bd,#f7b585);border-radius:23px 23px 7px 7px}.dream-service-inner .tile-bottom{display:flex;gap:8px;margin-top:10px}.dream-service-inner .tile-bottom i{background:#e9e7e1;width:45%;height:6px;border-radius:5px}.dream-service-inner .tile-bottom i:first-child{background:#25252a}.dream-service-inner .floating-cart{position:absolute;left:4%;top:24%;border-radius:9px;display:flex;align-items:center;gap:6px;font-size:11px;direction:ltr;background:#242429;color:#fff;padding:10px;box-shadow:0 10px 20px #0002}.dream-service-inner .floating-cart span{font-size:8px;letter-spacing:1px}.dream-service-inner .visual-growth{padding:16px}.dream-service-inner .visual-growth svg{width:100%;height:116px;position:relative}.dream-service-inner .chart-grid{position:absolute;inset:15px 20px;background:linear-gradient(#d6d5d1 1px,transparent 1px);background-size:100% 28px;opacity:.6}.dream-service-inner .chart-label{position:absolute;bottom:0;left:10px;font-size:9px;direction:ltr;letter-spacing:1px;color:#bd692c}.dream-service-inner .visual-support{background:radial-gradient(ellipse,#f1e8df,transparent 75%)}.dream-service-inner .support-ring{width:125px;height:125px;border:1px dashed #dcaa81;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 17px #f2e9e330}.dream-service-inner .support-shield{width:75px;height:82px;clip-path:polygon(50% 0,95% 20%,88% 72%,50% 100%,12% 72%,5% 20%);background:#242428;color:#ffa96c;display:grid;place-items:center;font-size:29px}.dream-service-inner .status-pill{position:absolute;right:1%;bottom:4%;background:white;padding:8px 12px;border:1px solid #ddd;border-radius:20px;font-size:9px;direction:ltr;color:#4b4b50;letter-spacing:1px}.dream-service-inner .status-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35aa76;margin-right:5px}.dream-service-inner .workflow{background:#17171b;color:#fff}.dream-service-inner .on-dark>p{color:#b9b9c0}.dream-service-inner .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:75px}.dream-service-inner .step-num{font-size:40px;letter-spacing:-2px;font-weight:700;color:#ff8c43}.dream-service-inner .step-line{height:1px;background:linear-gradient(to left,#ff9046,#ffffff25);margin:28px 0}.dream-service-inner .step h3{font-size:20px;margin:0 0 12px}.dream-service-inner .step p{font-size:13px;line-height:1.9;color:#b0b0b7;margin:0}.dream-service-inner .why{background:var(--cream)}.dream-service-inner .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.dream-service-inner .why h2{margin-bottom:25px}.dream-service-inner .why-lead{max-width:500px;color:#747379;font-size:15px;line-height:2}.dream-service-inner .text-link{display:inline-flex;margin-top:20px;border-bottom:1px solid #151515;padding-bottom:8px;gap:50px;font-size:13px;font-weight:700}.dream-service-inner .why-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dream-service-inner .why-cards article{background:#fff;border:1px solid #eae8e3;border-radius:14px;padding:24px;min-height:190px}.dream-service-inner .why-symbol{color:#f07a2d;font-size:27px}.dream-service-inner .why-cards h3{font-size:16px;margin:20px 0 7px}.dream-service-inner .why-cards p{font-size:12px;color:#85838a;line-height:1.85;margin:0}.dream-service-inner .cta-section{padding:70px 0;background:#fff}.dream-service-inner .cta-panel{background:#fa8437;position:relative;overflow:hidden;border-radius:23px;min-height:320px;display:flex;align-items:center;padding:70px;color:#17171b}.dream-service-inner .cta-decoration{position:absolute;left:0;bottom:-140px;font-size:380px;font-weight:900;line-height:1;letter-spacing:-30px;color:#ffffff29;direction:ltr}.dream-service-inner .cta-content{position:relative;z-index:1;max-width:700px}.dream-service-inner .cta-panel .section-kicker{color:#5b3116}.dream-service-inner .cta-panel h2{font-size:clamp(33px,3.6vw,49px);line-height:1.3;letter-spacing:-1.5px;margin:15px 0}.dream-service-inner .cta-panel h2 span{color:#fff}.dream-service-inner .cta-panel p:not(.section-kicker){font-size:14px;line-height:1.8}.dream-service-inner .cta-actions{display:flex;gap:27px;align-items:center;margin-top:24px}.dream-service-inner .cta-phone{font-size:15px;font-weight:700}.dream-service-inner .footer-brand>span{font-size:36px;font-weight:800;letter-spacing:-2px}.dream-service-inner .footer-links>div{display:flex;flex-direction:column;gap:16px;min-width:95px}
@media(max-width:1080px){.dream-service-inner .brand-word{font-size:19px}.dream-service-inner .nav-wrap{gap:15px}.dream-service-inner .hero-grid{gap:35px}.dream-service-inner .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dream-service-inner .why-grid{gap:40px}}@media(max-width:830px){.dream-service-inner .menu-button{display:block}.dream-service-inner .mobile-nav:not([hidden]){display:flex;flex-direction:column;background:#18181c;padding:16px 32px 25px;gap:4px}.dream-service-inner .hero-grid{grid-template-columns:1fr}.dream-service-inner .hero-art{min-height:410px;max-width:530px;width:100%;margin:0 auto}.dream-service-inner .hero{padding-bottom:80px}.dream-service-inner .hero-foot{margin-top:38px}.dream-service-inner .strip-inner{align-items:start}.dream-service-inner .section-heading{align-items:start;flex-direction:column;gap:20px}.dream-service-inner .section-heading>p{max-width:700px}.dream-service-inner .why-grid{grid-template-columns:1fr}}@media(max-width:600px){.dream-service-inner .shell{width:min(100% - 36px,1240px)}.dream-service-inner .nav-wrap{min-height:72px}.dream-service-inner .brand-word{font-size:19px}.dream-service-inner .nav-actions .button{display:none}.dream-service-inner .hero h1{font-size:44px;letter-spacing:-2px}.dream-service-inner .hero-lead{font-size:15px}.dream-service-inner .breadcrumbs{padding-bottom:34px}.dream-service-inner .hero-art{min-height:330px;transform:scale(.78);margin:-35px auto}.dream-service-inner .art-coordinate{display:none}.dream-service-inner .hero-foot{flex-wrap:wrap}.dream-service-inner .strip-inner{flex-direction:column;gap:9px;padding-block:25px}.dream-service-inner .section-pad{padding:76px 0}.dream-service-inner .services-grid{grid-template-columns:1fr}.dream-service-inner .service-card{min-height:385px}.dream-service-inner .section-heading h2, .dream-service-inner .why h2{font-size:36px}.dream-service-inner .steps{grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.dream-service-inner .step-num{font-size:30px}.dream-service-inner .step-line{margin:13px 0}.dream-service-inner .step h3{font-size:17px}.dream-service-inner .why-cards{grid-template-columns:1fr 1fr}.dream-service-inner .why-cards article{padding:17px;min-height:180px}.dream-service-inner .cta-section{padding:36px 0}.dream-service-inner .cta-panel{padding:44px 24px;min-height:300px}.dream-service-inner .cta-decoration{font-size:280px;bottom:-110px}.dream-service-inner .footer-brand>span{font-size:30px}}@media(max-width:390px){.dream-service-inner .hero h1{font-size:38px}.dream-service-inner .button{padding:14px 18px}.dream-service-inner .why-cards{grid-template-columns:1fr}.dream-service-inner .steps{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.dream-service-inner{scroll-behavior:auto}.dream-service-inner *, .dream-service-inner *::before, .dream-service-inner *::after{transition:none!important;animation:none!important}}


.dream-service-inner /* Photographic enhancements */
.photo-strip{height:158px;margin:10px 0 20px;overflow:hidden;border-radius:13px;background:linear-gradient(120deg,#e6e0d9,#eeb58d)}
.dream-service-inner .photo-strip img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.dream-service-inner .service-card:hover .photo-strip img{transform:scale(1.06)}
.dream-service-inner .service-card.feature .photo-strip{height:158px}
.dream-service-inner .detail-hero{background:#17171b;color:#fff;padding:44px 0 90px}
.dream-service-inner .detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}
.dream-service-inner .detail-eyebrow{color:#ff9c5b;font-size:13px;font-weight:600}
.dream-service-inner .detail-hero h1{font-size:clamp(38px,4.5vw,67px);letter-spacing:-2px;line-height:1.17;margin:20px 0}
.dream-service-inner .detail-hero p{color:#d1d1d6;line-height:1.85;font-size:17px}
.dream-service-inner .detail-photo{min-height:390px;width:100%;height:430px;object-fit:cover;border-radius:20px;background:#373737;box-shadow:0 24px 60px #0005}
.dream-service-inner .detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dream-service-inner .detail-section{padding:90px 0;background:#faf9f6}
.dream-service-inner .detail-section.white{background:white}
.dream-service-inner .detail-section h2{font-size:clamp(30px,3vw,45px);margin:0 0 20px;letter-spacing:-1px}
.dream-service-inner .detail-section .lead{color:#727279;font-size:16px;line-height:1.8;max-width:780px}
.dream-service-inner .detail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
.dream-service-inner .detail-cards article{background:#fff;border:1px solid #e7e6e2;border-radius:16px;padding:28px;min-height:155px}
.dream-service-inner .detail-cards strong{font-size:18px}.dream-service-inner .detail-cards p{font-size:14px;color:#6f6f76;line-height:1.85}
.dream-service-inner .detail-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}
.dream-service-inner .detail-step{border-top:2px solid #ff883b;padding-top:20px}.dream-service-inner .detail-step .num{color:#e9782d;font-size:29px;font-weight:800}
.dream-service-inner .detail-step h3{font-size:17px}
.dream-service-inner .detail-nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:25px}
.dream-service-inner .detail-nav a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:850px){.dream-service-inner .detail-grid{grid-template-columns:1fr;gap:30px}.dream-service-inner .detail-photo{height:320px;min-height:0}.dream-service-inner .detail-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.dream-service-inner .detail-cards{grid-template-columns:1fr}.dream-service-inner .detail-section{padding:60px 0}.dream-service-inner .detail-hero{padding-bottom:65px}.dream-service-inner .detail-hero p{font-size:15px}}


.dream-service-inner /* Generated local images */
.photo-strip{overflow:hidden;border-radius:22px;aspect-ratio:4/3;background:#0f1117;}
.dream-service-inner .photo-strip img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.dream-service-inner .service-card:hover .photo-strip img{transform:scale(1.03);} 
.dream-service-inner .detail-photo{width:100%;height:auto;display:block;object-fit:cover;border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);} 
.dream-service-inner .detail-cards article p{line-height:1.75;}
.dream-service-inner .hero-lead, .dream-service-inner .lead, .dream-service-inner .cta-content p, .dream-service-inner .why-lead, .dream-service-inner .service-card p, .dream-service-inner .step p{text-wrap:pretty;}


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

.dream-service-inner .shell{width:min(1300px,calc(100% - 96px));margin-inline:auto;}
@media(max-width:720px){.dream-service-inner .shell{width:calc(100% - 40px);}}

body.dream-service-inner-page .dream-service-inner .detail-hero{padding-top:118px;}
@media(max-width:720px){body.dream-service-inner-page .dream-service-inner .detail-hero{padding-top:96px;}}


/* frame.css forces color:#fff on tags — restore ink inheritance */
.dream-service-inner {
  color: var(--ink, #17191f);
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner :where(
  h1, h2, h3, h4, h5, h6, p, span, a, li, label, div, section, article,
  strong, em, b, i, small, button, input, code, summary
) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner .fas,
.dream-service-inner .far,
.dream-service-inner .fab,
.dream-service-inner i.fas,
.dream-service-inner i.far,
.dream-service-inner i.fab {
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900 !important;
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner .hero,
.dream-service-inner .workflow,
.dream-service-inner .detail-hero {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.dream-service-inner .hero :where(h1, h2, h3, h4, h5, h6, p, span, a, li, label, div, section, article, strong, em, b, i, small, button, summary),
.dream-service-inner .workflow :where(h1, h2, h3, h4, h5, h6, p, span, a, li, label, div, section, article, strong, em, b, i, small, button, summary),
.dream-service-inner .detail-hero :where(h1, h2, h3, h4, h5, h6, p, span, a, li, label, div, section, article, strong, em, b, i, small, button, summary) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner .gradient-text,
.dream-service-inner .hero .gradient-text,
.dream-service-inner h1 .gradient-text,
.dream-service-inner h2 .gradient-text {
  background: linear-gradient(100deg, #fdb18d 0%, #f87337 53%, #ed613a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}


/* —— dreamnew parity with /newabout (+ shared CTA) —— */
.dream-service-inner {
  --ink: #17191f;
  --muted: #686b75;
  --orange: #f87337;
  --font: "Heebo", Arial, sans-serif;
  font-family: "Heebo", Arial, sans-serif;
  color: var(--ink);
  -webkit-text-fill-color: currentColor;
  background: #fff;
}
.dream-service-inner .gradient-text,
.dream-service-inner .hero .gradient-text,
.dream-service-inner h1 .gradient-text,
.dream-service-inner h2 .gradient-text {
  background: linear-gradient(100deg, #fdb18d 0%, #f87337 53%, #ed613a 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
.dream-service-inner .eyebrow {
  color: var(--orange) !important;
  -webkit-text-fill-color: var(--orange) !important;
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dream-service-inner .eyebrow-line {
  width: 28px;
  height: 2px;
  background: currentColor;
  flex: 0 0 auto;
}
.dream-service-inner .eyebrow-dot { display: none !important; }

/* Compact intro strip — kill home.css .intro-strip { padding: 0 5% 60px } bleed */
.dream-service-inner .intro-strip {
  background: #f1efe9 !important;
  color: var(--ink);
  -webkit-text-fill-color: currentColor;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}
.dream-service-inner .intro-strip :where(p, span, strong, a, em, b) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner .strip-inner {
  padding-block: 12px !important;
  padding-inline: 0 !important;
  gap: 16px;
  min-height: 0 !important;
  align-items: center !important;
}
.dream-service-inner .strip-inner p {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 14px;
  line-height: 1.45;
  margin: 0 !important;
}
.dream-service-inner .strip-inner p:last-child {
  color: #727178 !important;
  -webkit-text-fill-color: #727178 !important;
  font-size: 13px;
  line-height: 1.45;
}
.dream-service-inner .strip-asterisk {
  color: var(--orange) !important;
  -webkit-text-fill-color: var(--orange) !important;
  font-size: 16px;
  margin-left: 8px;
  line-height: 1;
}
@media (max-width: 600px) {
  .dream-service-inner .strip-inner { padding-block: 10px !important; gap: 6px; }
}

/* Light surfaces — force ink (frame.css white bleed) */
.dream-service-inner .services,
.dream-service-inner .why,
.dream-service-inner .detail-section,
.dream-service-inner .service-card:not(.feature),
.dream-service-inner .why-cards article,
.dream-service-inner .detail-cards article {
  color: var(--ink);
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner .services :where(h2, h3, p, span, a, strong, em),
.dream-service-inner .why :where(h2, h3, p, span, a, strong, em),
.dream-service-inner .detail-section :where(h2, h3, p, span, a, strong, em),
.dream-service-inner .service-card:not(.feature) :where(h3, p, span, a) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner .section-heading > p,
.dream-service-inner .why-lead,
.dream-service-inner .service-card:not(.feature) p,
.dream-service-inner .why-cards p,
.dream-service-inner .detail-section .lead,
.dream-service-inner .detail-cards p {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}
.dream-service-inner .section-heading h2,
.dream-service-inner .why h2,
.dream-service-inner .service-card:not(.feature) h3,
.dream-service-inner .why-cards h3,
.dream-service-inner .detail-section h2,
.dream-service-inner .detail-step h3,
.dream-service-inner .card-cta {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}
.dream-service-inner .section-kicker,
.dream-service-inner .card-icon,
.dream-service-inner .card-icon i,
.dream-service-inner .why-symbol,
.dream-service-inner .section-heading h2 em,
.dream-service-inner .why h2 em {
  color: var(--orange) !important;
  -webkit-text-fill-color: var(--orange) !important;
}
.dream-service-inner .card-icon { display: none !important; }
.dream-service-inner .card-arrow {
  color: #212121 !important;
  -webkit-text-fill-color: #212121 !important;
  font-size: 14px !important;
}
.dream-service-inner .card-arrow i,
.dream-service-inner .card-cta i {
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}
.dream-service-inner .service-card:hover .card-arrow {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: var(--orange) !important;
  border-color: var(--orange) !important;
}
/* Service cards: photo only (no decorative mini drawings) */
.dream-service-inner .mini-visual,
.dream-service-inner .service-visual {
  display: none !important;
}
.dream-service-inner .photo-strip {
  height: 210px !important;
  margin: 18px 0 20px !important;
  border-radius: 14px;
  overflow: hidden;
}
.dream-service-inner .photo-strip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.dream-service-inner .service-card {
  min-height: 0 !important;
}
.dream-service-inner .service-card.feature .card-cta,
.dream-service-inner .service-card.feature .card-cta i,
.dream-service-inner .service-card.feature .card-arrow,
.dream-service-inner .service-card.feature .card-arrow i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.dream-service-inner .service-card.feature {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.dream-service-inner .service-card.feature :where(h3, p, span, a) {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
.dream-service-inner .service-card.feature .card-bottom p { color: #bdbdc7 !important; -webkit-text-fill-color: #bdbdc7 !important; }
.dream-service-inner .workflow .section-heading h2,
.dream-service-inner .workflow .step h3 { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.dream-service-inner .text-link {
  color: #151515 !important;
  -webkit-text-fill-color: #151515 !important;
}

.dream-service-inner .btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px !important;
  width: auto !important;
  min-height: 56px !important;
  padding: 11px 25px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  font-family: inherit;
  line-height: 1.2;
  border: 1px solid transparent;
  text-decoration: none;
  transition: transform .2s, background .2s, border-color .2s, color .2s;
  white-space: nowrap;
}
.dream-service-inner .btn i { font-size: 14px; line-height: 1; }
.dream-service-inner .btn:hover { transform: translateY(-2px); }
.dream-service-inner .btn-primary {
  background: var(--orange);
  color: #161419 !important;
  -webkit-text-fill-color: #161419 !important;
  border: 0;
  box-shadow: 0 10px 28px rgba(248, 115, 55, .28);
}
.dream-service-inner .btn-primary:hover { background: #ff9467; }
.dream-service-inner .btn-secondary {
  background: transparent;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .45);
}
.dream-service-inner .btn-secondary:hover {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .65);
}
.dream-service-inner .hero-buttons {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px !important;
  margin-top: 36px;
}
.dream-service-inner .hero-buttons .btn {
  flex: 1 1 0;
  min-width: 0;
}
.dream-service-inner .detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

/* Shared CTA block */
.dream-service-inner .cta-section {
  padding: 85px 0;
  background: #fff !important;
  color: #17181b;
}
.dream-service-inner .cta-box,
.dream-service-inner .shell.cta-box {
  min-height: 460px;
  background: #ef7239;
  border-radius: 16px;
  position: relative;
  color: #17181b !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 74px 7%;
  width: min(1300px, calc(100% - 96px));
  margin-inline: auto;
}
.dream-service-inner .cta-content { position: relative; z-index: 2; max-width: 650px; }
.dream-service-inner .cta-box .eyebrow,
.dream-service-inner .cta-box .eyebrow.light {
  color: #242021 !important;
  -webkit-text-fill-color: #242021 !important;
  font-size: 12px;
  letter-spacing: .12em;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 12px;
}
.dream-service-inner .cta-box h2 {
  font-size: clamp(42px, 5vw, 72px);
  font-weight: 800;
  margin: 21px 0;
  line-height: 1.15;
  letter-spacing: -.045em;
  color: #17181b !important;
}
.dream-service-inner .cta-box h2 em {
  font-style: normal;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.dream-service-inner .cta-box p {
  max-width: 490px;
  font-size: 17px;
  line-height: 1.9;
  margin: 0;
  color: #17181b !important;
}
.dream-service-inner .cta-actions {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px !important;
  margin-top: 27px;
  width: 100%;
  max-width: 520px;
}
.dream-service-inner .cta-actions .btn,
.dream-service-inner .cta-box .btn-primary,
.dream-service-inner .cta-box .btn-booking {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 11px 25px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}
.dream-service-inner .cta-box .btn-primary {
  background: #1b1c21 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
}
.dream-service-inner .cta-box .btn-primary:hover { background: #373840 !important; }
.dream-service-inner .cta-box .btn-primary i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.dream-service-inner .cta-box .btn-booking {
  border: 1px solid rgba(27, 28, 33, .35) !important;
  background: transparent !important;
  color: #1b1c21 !important;
  -webkit-text-fill-color: #1b1c21 !important;
  box-shadow: none !important;
}
.dream-service-inner .cta-box .btn-booking i {
  color: #1b1c21 !important;
  -webkit-text-fill-color: #1b1c21 !important;
}
.dream-service-inner .cta-box .btn-booking:hover {
  background: rgba(27, 28, 33, .08) !important;
  border-color: #1b1c21 !important;
}
.dream-service-inner .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;
  pointer-events: none;
}
.dream-service-inner .cta-mark {
  position: absolute;
  font-size: 0 !important;
  left: -8%;
  top: -42%;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 50%;
  box-shadow: 0 0 0 56px rgba(255, 255, 255, .05), 0 0 0 112px rgba(255, 255, 255, .035);
  pointer-events: none;
}
.dream-service-inner .cta-panel,
.dream-service-inner .cta-decoration,
.dream-service-inner .cta-phone { display: none !important; }

/* Hero title — smaller than boss clamp */
.dream-service-inner .hero h1 {
  font-size: clamp(34px, 4vw, 56px) !important;
  letter-spacing: -1.6px !important;
  line-height: 1.22 !important;
  margin: 18px 0 18px !important;
}
.dream-service-inner .art-coordinate { display: none !important; }

/* Compact hero art so CTAs stay in first viewport */
.dream-service-inner .hero {
  padding-bottom: 56px !important;
}
.dream-service-inner .breadcrumbs {
  padding: 18px 0 28px !important;
}
.dream-service-inner .hero-lead {
  margin-bottom: 22px !important;
  line-height: 1.7 !important;
}
.dream-service-inner .hero-buttons {
  margin-top: 22px !important;
}
.dream-service-inner .hero-foot {
  margin-top: 28px !important;
}
/* Hero art stage — keep width so orbit can center (no margin:auto shrink) */
.dream-service-inner .hero-art {
  --orbit-size: 420px;
  position: relative;
  width: 100%;
  max-width: 520px;
  min-height: calc(var(--orbit-size) + 80px) !important;
  margin-inline: 0;
  justify-self: center;
  overflow: visible;
}
.dream-service-inner .art-core {
  width: 230px !important;
  height: 230px !important;
  border-radius: 28px !important;
  z-index: 2;
  animation: dream-svc-art-sway 5.5s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform;
}
.dream-service-inner .core-logo {
  font-size: 100px !important;
  letter-spacing: -9px !important;
}
@keyframes dream-svc-art-sway {
  0%, 100% { transform: rotate(-14deg); }
  50% { transform: rotate(14deg); }
}

/* Dashed rings = same size/center as spin track */
.dream-service-inner .art-orbit {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.dream-service-inner .art-orbit-one {
  width: calc(var(--orbit-size) * 0.72) !important;
  height: calc(var(--orbit-size) * 0.72) !important;
}
.dream-service-inner .art-orbit-two {
  width: var(--orbit-size) !important;
  height: var(--orbit-size) !important;
  border-color: #ffffff28 !important;
}

/* Satellites — dark glass + soft brand orange accents */
.dream-service-inner .art-orbit-spin .satellite {
  background: rgba(36, 36, 40, .88);
  border: 1px solid rgba(255, 255, 255, .14);
  color: #e8e8ec;
  font-weight: 700;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
  backdrop-filter: blur(10px);
  white-space: nowrap;
}
.dream-service-inner .art-orbit-spin .sat-icon {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  font-size: 12px;
  background: rgba(248, 115, 55, .14);
  color: #ffad6c !important;
  -webkit-text-fill-color: #ffad6c !important;
}
.dream-service-inner .art-orbit-spin .sat-icon i {
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900 !important;
  font-size: 12px;
  line-height: 1;
  color: inherit;
}
.dream-service-inner .art-orbit-spin .sat-one { border-color: rgba(248, 115, 55, .42); }
.dream-service-inner .art-orbit-spin .sat-one .sat-icon {
  background: rgba(248, 115, 55, .22);
  color: #f87337 !important;
  -webkit-text-fill-color: #f87337 !important;
}
.dream-service-inner .art-orbit-spin .sat-two { border-color: rgba(253, 177, 141, .38); }
.dream-service-inner .art-orbit-spin .sat-two .sat-icon {
  color: #fdb18d !important;
  -webkit-text-fill-color: #fdb18d !important;
}
.dream-service-inner .art-orbit-spin .sat-three { border-color: rgba(237, 97, 58, .36); }
.dream-service-inner .art-orbit-spin .sat-three .sat-icon {
  color: #ed613a !important;
  -webkit-text-fill-color: #ed613a !important;
}
.dream-service-inner .art-orbit-spin .sat-four { border-color: rgba(255, 173, 108, .4); }
.dream-service-inner .art-orbit-spin .sat-four .sat-icon {
  color: #ffad6c !important;
  -webkit-text-fill-color: #ffad6c !important;
}

/* Spin track centered on art-core; satellites sit on art-orbit-two */
.dream-service-inner .art-orbit-spin {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: var(--orbit-size);
  height: var(--orbit-size);
  margin: 0;
  pointer-events: none;
  z-index: 3;
  animation: dream-svc-orbit-spin 36s linear infinite;
  will-change: transform;
}
.dream-service-inner .art-orbit-spin .satellite {
  position: absolute !important;
  margin: 0 !important;
  animation: dream-svc-orbit-counter 36s linear infinite;
  will-change: transform;
}
.dream-service-inner .art-orbit-spin .sat-one {
  top: 0 !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
}
.dream-service-inner .art-orbit-spin .sat-two {
  top: 50% !important;
  left: 100% !important;
  right: auto !important;
  bottom: auto !important;
}
.dream-service-inner .art-orbit-spin .sat-three {
  top: 100% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
}
.dream-service-inner .art-orbit-spin .sat-four {
  top: 50% !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
}
@keyframes dream-svc-orbit-spin {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes dream-svc-orbit-counter {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(-360deg); }
}
@media (max-width: 830px) {
  .dream-service-inner .hero-art { --orbit-size: 340px; }
}
@media (max-width: 600px) {
  .dream-service-inner .hero-art {
    --orbit-size: 300px;
    transform: none !important;
    margin: 0 auto !important;
  }
  .dream-service-inner .hero h1 { font-size: clamp(30px, 7.5vw, 42px) !important; }
  .dream-service-inner .art-core {
    width: 170px !important;
    height: 170px !important;
  }
  .dream-service-inner .core-logo { font-size: 72px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .dream-service-inner .art-core,
  .dream-service-inner .art-orbit-spin,
  .dream-service-inner .art-orbit-spin .satellite {
    animation: none !important;
  }
  .dream-service-inner .art-orbit-spin {
    transform: translate(-50%, -50%) !important;
  }
  .dream-service-inner .art-orbit-spin .satellite {
    transform: translate(-50%, -50%) !important;
  }
}

/* Why cards — readable type, FA icons, hover */
.dream-service-inner .why-cards article {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  border: 1px solid #eae8e3;
  cursor: default;
}
.dream-service-inner .why-cards article:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(19, 19, 19, .12);
  border-color: #f9b98c;
}
.dream-service-inner .why-symbol {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #ffede3;
  color: var(--orange) !important;
  -webkit-text-fill-color: var(--orange) !important;
  font-size: 18px !important;
}
.dream-service-inner .why-symbol i {
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900 !important;
  color: inherit;
  -webkit-text-fill-color: currentColor;
  font-size: 18px;
  line-height: 1;
}
.dream-service-inner .why-cards h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 16px 0 8px !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}
.dream-service-inner .why-cards p {
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #5f6168 !important;
  -webkit-text-fill-color: #5f6168 !important;
}

@media (max-width: 1100px) {
  .dream-service-inner .shell.cta-box,
  .dream-service-inner .cta-box { width: min(100% - 60px, 1200px); }
}
/* Mobile: art first, then copy; all buttons stacked */
@media (max-width: 830px) {
  .dream-service-inner .hero-grid {
    display: flex !important;
    flex-direction: column;
    gap: 28px;
  }
  .dream-service-inner .hero-art {
    order: -1;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
  }
  .dream-service-inner .hero-copy { order: 1; }
  .dream-service-inner .hero-buttons,
  .dream-service-inner .detail-actions,
  .dream-service-inner .cta-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100%;
    max-width: none !important;
  }
  .dream-service-inner .hero-buttons .btn,
  .dream-service-inner .detail-actions .btn,
  .dream-service-inner .cta-actions .btn,
  .dream-service-inner .cta-box .btn-primary,
  .dream-service-inner .cta-box .btn-booking {
    width: 100% !important;
    flex: 1 1 auto !important;
  }
}
@media (max-width: 760px) {
  .dream-service-inner .cta-section { padding: 40px 0; }
  .dream-service-inner .cta-box,
  .dream-service-inner .shell.cta-box {
    min-height: 455px;
    padding: 55px 28px;
    width: calc(100% - 40px);
  }
  .dream-service-inner .cta-box h2 { font-size: clamp(38px, 8vw, 57px); }
  .dream-service-inner .cta-box p { font-size: 15px; }
  .dream-service-inner .photo-strip { height: 180px !important; }
}
@media (max-width: 440px) {
  .dream-service-inner .hero .btn,
  .dream-service-inner .detail-actions .btn { min-height: 52px !important; padding: 10px 14px !important; }
}

.dream-service-inner .detail-photo{width:100%;height:auto;border-radius:18px;display:block;}

.dream-service-inner .detail-actions .btn-secondary {
  color: #1b1c21 !important;
  -webkit-text-fill-color: #1b1c21 !important;
  border-color: rgba(27, 28, 33, .35);
}
.dream-service-inner .detail-actions .btn-secondary:hover {
  background: rgba(27, 28, 33, .06);
  border-color: #1b1c21;
}
.dream-service-inner .detail-hero .btn-secondary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(255, 255, 255, .45);
}

/* —— Capabilities cards: readable type + hover —— */
.dream-service-inner .detail-section .lead {
  font-size: 16.5px !important;
  line-height: 1.75 !important;
  color: #5f6168 !important;
  -webkit-text-fill-color: #5f6168 !important;
  max-width: 640px;
}
.dream-service-inner .detail-cards {
  gap: 18px !important;
  margin-top: 40px !important;
}
.dream-service-inner .detail-cards article {
  background: #fff !important;
  border: 1px solid #eae8e3 !important;
  border-radius: 16px !important;
  padding: 26px 24px !important;
  min-height: 0 !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  cursor: default;
}
.dream-service-inner .detail-cards article:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(19, 19, 19, .11);
  border-color: #f9b98c !important;
}
.dream-service-inner .detail-cards strong {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #17191f !important;
  -webkit-text-fill-color: #17191f !important;
  margin: 0 0 10px !important;
}
.dream-service-inner .detail-card-icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: #ffede3;
  color: #f87337 !important;
  -webkit-text-fill-color: #f87337 !important;
  transition: transform .25s ease, background .25s ease;
}
.dream-service-inner .detail-cards article:hover .detail-card-icon {
  transform: scale(1.08);
  background: #ffe0cc;
}
.dream-service-inner .detail-card-icon i {
  font-family: "Font Awesome 7 Free" !important;
  font-weight: 900 !important;
  font-size: 16px;
  line-height: 1;
  color: inherit;
}
.dream-service-inner .detail-cards p {
  font-size: 14.5px !important;
  line-height: 1.75 !important;
  color: #5f6168 !important;
  -webkit-text-fill-color: #5f6168 !important;
  margin: 0 !important;
  padding-inline-start: 52px;
}

/* —— How we work steps: card treatment —— */
.dream-service-inner .detail-steps {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px !important;
  margin-top: 40px !important;
}
.dream-service-inner .detail-step {
  border-top: 0 !important;
  background: #fff;
  border: 1px solid #eae8e3;
  border-radius: 16px;
  padding: 26px 22px 28px !important;
  position: relative;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  min-height: 180px;
}
.dream-service-inner .detail-step::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(100deg, #fdb18d 0%, #f87337 53%, #ed613a 100%);
}
.dream-service-inner .detail-step:hover {
  transform: translateY(-8px);
  box-shadow: 0 22px 48px rgba(19, 19, 19, .11);
  border-color: #f9b98c;
}
.dream-service-inner .detail-step .num {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  height: 40px;
  padding: 0 12px;
  border-radius: 12px;
  background: #ffede3;
  color: #f87337 !important;
  -webkit-text-fill-color: #f87337 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  margin-bottom: 18px;
  transition: background .25s ease, color .25s ease;
}
.dream-service-inner .detail-step:hover .num {
  background: #f87337;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
.dream-service-inner .detail-step h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #17191f !important;
  -webkit-text-fill-color: #17191f !important;
  margin: 0 !important;
  letter-spacing: -.02em;
}
.dream-service-inner .detail-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid #eae8e3;
}
.dream-service-inner .detail-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  color: #17191f !important;
  -webkit-text-fill-color: #17191f !important;
  border-bottom: 1px solid #17191f;
  padding-bottom: 4px;
  transition: color .2s ease, border-color .2s ease;
}
.dream-service-inner .detail-nav a:hover {
  color: #f87337 !important;
  -webkit-text-fill-color: #f87337 !important;
  border-color: #f87337;
}
@media (max-width: 850px) {
  .dream-service-inner .detail-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .dream-service-inner .detail-cards p {
    padding-inline-start: 0;
  }
  .dream-service-inner .detail-cards strong {
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 580px) {
  .dream-service-inner .detail-steps {
    grid-template-columns: 1fr !important;
  }
  .dream-service-inner .detail-step {
    min-height: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .dream-service-inner .detail-cards article,
  .dream-service-inner .detail-step,
  .dream-service-inner .detail-card-icon,
  .dream-service-inner .detail-step .num {
    transition: none !important;
  }
  .dream-service-inner .detail-cards article:hover,
  .dream-service-inner .detail-step:hover {
    transform: none;
  }
}