/* CaraQAway approved editorial rebrand — preview branch only.
   Existing copy, service terms and functional forms remain source of truth. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600;700;800&family=Italianno&display=swap');
:root{
 --navy:#04152f;--navy2:#071d3d;--navy3:#112e51;
 --pink:#e83f7c;--pink2:#cf3f70;--gold:#e0aa2f;--gold2:#bb8624;
 --cream:#fbf7ef;--ice:#fbf7ef;--ink:#101e37;
}
html{scroll-padding-top:94px}
body{background:#04152f;font-family:"DM Sans",Inter,"Segoe UI",sans-serif}
.wrap{width:min(1280px,92%);margin:auto}
header{
 background:rgba(2,12,28,.97);
 border-bottom:1px solid rgba(224,170,47,.7);
 box-shadow:0 8px 28px rgba(1,8,20,.22)
}
.nav{min-height:88px;gap:22px}
.brand{gap:8px}.brand img{width:72px;height:72px;object-fit:contain}
.brand-copy strong{font:700 27px/1.04 "Playfair Display",Georgia,serif;letter-spacing:-1px}
.brand-copy strong .cara{color:var(--pink)}
.brand-copy strong .qa{color:#e0aa2f}
.brand-copy small{letter-spacing:1.2px;font-weight:700;font-size:8px}
.main-nav{font-size:12px;gap:24px;font-weight:700}
.main-nav a{padding:12px 0}
.main-nav a:first-child{color:#fff;border-bottom:2px solid #e0aa2f}
.cta-top{padding:14px 24px;border:0;border-radius:4px;color:#101e37;background:linear-gradient(120deg,#f7d98a,#e9b64e 75%,#ca922a);box-shadow:0 8px 18px #0004}
.cta-top:hover,.rb-btn-primary:hover{filter:brightness(1.07);transform:translateY(-1px)}
/* The hero is one composition, not a separate laptop-and-phone flyer. */
.hero.rebrand-hero{
 position:relative;min-height:570px;isolation:isolate;overflow:hidden;
 background:#06172f;
 border-bottom:0;
}
.hero.rebrand-hero::before{
 content:"";position:absolute;z-index:-2;inset:0;
 background:
  linear-gradient(90deg,rgba(2,11,27,.96) 0%,rgba(2,11,27,.87) 32%,rgba(4,17,36,.34) 64%,rgba(6,17,35,.16) 100%),
  url("https://images.unsplash.com/photo-1605633674698-8435bbeb2156?auto=format&fit=crop&w=2100&q=82") center 52% / cover no-repeat;
}
.hero.rebrand-hero::after{
 content:"";position:absolute;z-index:1;pointer-events:none;
 width:14px;height:145%;top:-18%;left:76%;bottom:auto;right:auto;
 background:linear-gradient(90deg,#8a5715,#f6d280,#a66b1a);
 transform:rotate(27deg);opacity:.92;box-shadow:0 0 32px #e2a54766;
}
.rb-hero-flare{position:absolute;z-index:0;left:-10vw;bottom:-125px;width:27vw;height:280px;
 background:linear-gradient(120deg,rgba(231,53,117,.88),rgba(241,109,156,.26) 60%,transparent);
 clip-path:polygon(0 0,100% 100%,0 100%);pointer-events:none}
.rb-hero-flare::before{content:"";position:absolute;inset:0;border-top:1px solid #f0bd61}
.rb-hero-inner{position:relative;z-index:2;min-height:570px;padding:68px 0 72px;display:flex;align-items:center}
.rb-hero-copy{width:min(660px,65%);text-shadow:0 2px 8px #0005}
.hero .eyebrow,.rb-eyebrow{font-size:11px;letter-spacing:3px;color:#f6dfac;font-weight:700}
.hero h1{font:600 clamp(48px,5.3vw,78px)/1.06 "Playfair Display",Georgia,serif;letter-spacing:-2.3px;margin:16px 0 0;color:#fff}
.hero h1 .rb-price{display:block;font-size:clamp(27px,3.1vw,44px);letter-spacing:-.9px;font-weight:500;margin-top:3px}
.rb-hero-script{font-family:"Italianno",cursive;font-weight:400;font-size:clamp(48px,5.2vw,82px);line-height:1;letter-spacing:.8px;margin:4px 0 8px}
.rb-hero-script .rb-pink{color:#f45d96}.rb-hero-script .rb-gold{color:#f2bf5e}
.hero .rb-intro{max-width:535px;font-size:15px;line-height:1.65;color:#eff3f9;margin:7px 0 0}
.hero .hero-actions{gap:12px;margin-top:23px}
.hero .btn{font-family:"DM Sans",sans-serif;font-weight:800;border-radius:4px;padding:13px 18px;min-height:48px;font-size:12px;transition:.2s}
.hero .btn-pink{background:#e9b855;color:#101e37;border:1px solid #f6d588}
.hero .btn-gold{border:1px solid #e9b855;color:#fff;background:rgba(1,10,27,.57)}
.rb-hero-aside{position:absolute;right:1%;top:90px;color:#f5da9d;font-size:10px;font-weight:700;letter-spacing:4px;line-height:2.1;text-transform:uppercase}
.rb-hero-aside span{display:block}
.rb-hero-footer{position:absolute;right:1%;bottom:54px;font-size:11px;line-height:1.5;letter-spacing:3px;text-transform:uppercase;color:#fff}
.rb-hero-footer em{font-style:normal;color:#f25c91}
.rb-accent-underline{height:3px;width:65px;background:linear-gradient(90deg,#e9ac37,#f75a96);margin:11px 0 0}
.feature-strip{margin-top:0;background:#fbf7ef;color:#0d2140;border-bottom:1px solid #e2d4bf;z-index:2}
.feature-strip .feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.feature-strip .feature{background:transparent;border:0;border-right:1px solid #ded3c4;border-radius:0;box-shadow:none;text-align:left;padding:21px 22px 22px;min-height:104px}
.feature-strip .feature:last-child{border-right:0}
.feature-strip .feature::before{content:"✧";display:block;color:#d99b29;font-size:22px;line-height:1;margin-bottom:5px}
.feature-strip .feature strong{color:#092443;font:700 15px "Playfair Display",Georgia,serif}
.feature-strip .feature span{font-size:12px;line-height:1.5;color:#344155;display:block;margin-top:4px}
.section-pad{padding:76px 0}
.section-head h2{font:600 clamp(32px,3.6vw,53px) "Playfair Display",Georgia,serif;letter-spacing:-1px;margin:10px 0}
.section-head .mini{letter-spacing:3px}
.section-head h2 span{color:#e0aa2f}
.showtell{
 background:
 radial-gradient(circle at 4% 3%,rgba(224,170,47,.15),transparent 33%),
 linear-gradient(130deg,#061329 8%,#071e3c 70%,#031026 100%);
}
.showtell .section-head{text-align:left}
.showtell .section-head .mini{color:#edc56e}
.showtell .section-head p{margin:0;max-width:700px;color:#dbe3f2}
.showtell .projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.showtell .project{
 display:flex;flex-direction:column;background:linear-gradient(180deg,#0a2342,#061327);
 border:1px solid #c5943d99;border-radius:10px;overflow:hidden;
 box-shadow:0 16px 35px #0004;transition:transform .2s,box-shadow .2s;
}
.showtell .project:hover{transform:translateY(-4px);box-shadow:0 22px 42px #0006}
.showtell .project-visual{height:245px;min-height:245px;overflow:hidden;border:0;border-radius:0}
.showtell .project-visual iframe{height:490px!important;width:200%!important;transform:scale(.5)!important;transform-origin:top left!important}
.showtell .project-visual.basic{height:245px}
.showtell .project-body{flex:1;padding:19px 20px 19px;background:linear-gradient(180deg,#0a203a,#041124);color:#fff}
.showtell .project h3{font:600 25px "Playfair Display",Georgia,serif;color:#fff;margin:0 0 8px}
.showtell .design-price{font-size:13px;color:#e9bc66}
.showtell .project-body p{font-size:12px;line-height:1.55;color:#d6dfed}
.showtell .project-link{display:inline-flex;border:1px solid #e0aa2f;padding:9px 14px;border-radius:4px;font-size:11px;margin:7px 0;color:#f5d386}
.showtell .tags{margin:9px 0}
.showtell .tag{font-size:10px;border-color:#e0aa2f66}
.rb-project-extra{margin-top:10px;color:#d5deea;font-size:12px}
.rb-project-extra summary{cursor:pointer;color:#e9bc66;padding:7px 0;font-weight:700}
.rb-project-extra[open]{border-top:1px solid #e0aa2f55;padding-top:5px}
.web-packages{color:#101e37;background:linear-gradient(135deg,#fbf7ef 0%,#fffdfa 52%,#f1e5d3 100%)}
.web-packages .section-head h2{color:#101e37}
.web-packages .section-head p{color:#3a4a62}
.web-packages .section-head .mini{color:#9d6e18}
.web-packages .package-grid{grid-template-columns:repeat(3,1fr);gap:18px}
.web-packages .package-card{color:#1b2a43;background:#fffaf4;border:1px solid #cfb477;border-radius:12px;box-shadow:0 12px 30px #0b1a2d16;padding:26px 24px}
.web-packages .package-card.featured{box-shadow:0 14px 30px #ce943422;border:1px solid #c99c4c}
.web-packages .package-card .pkg-mini{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#976817}
.web-packages .package-card .pkg-price{color:#bd8727;font:600 44px/1.15 "Playfair Display",Georgia,serif}
.web-packages .package-card h3{font:600 24px "Playfair Display",Georgia,serif;color:#092244}
.web-packages .package-card a:not(.secondary){background:#081c38;color:#fff;border-radius:4px}
.web-packages .package-card a.secondary{color:#925f0c}
.web-packages .scope-note{background:#fffdf9;color:#293b53;border:1px solid #d8bc87}
.entry-choices{background:#081c38;color:#f8f4ed;padding:62px 0}
.entry-choices h2{font:600 37px "Playfair Display",Georgia,serif}
.entry-choices .entry-option{border-color:#d4a34e66;background:#102b4c}
.entry-choices .entry-option h3{font-family:"Playfair Display",Georgia,serif}
.entry-choices .btn-pink{background:linear-gradient(90deg,#e6b455,#e5bd61);color:#071a35}
.original-commercial{background:#071b36}
#how-it-works{background:#f7f0e5;color:#102343}
#how-it-works .section-head h2{color:#102343}
#how-it-works .feature{background:#fff;border:1px solid #e1c48e;box-shadow:0 10px 28px #0b20331a}
#how-it-works .feature strong{color:#be3166}
#how-it-works .feature span{color:#314255}
.cqa-faq-section{background:#061730}
.cta{background:linear-gradient(110deg,#06152d 6%,#0a2341 52%,#7e2958);border-top:1px solid #e0aa2f66}
.cta .cta-box{background:transparent}
footer{background:#020d1e;border-top:1px solid #d2a14e55}
@media(max-width:1050px){
 .main-nav{gap:12px;font-size:11px}
 .hero.rebrand-hero::after{left:83%}
 .rb-hero-aside{display:none}
 .rb-hero-copy{width:min(660px,75%)}
 .showtell .projects{gap:12px}
}
@media(max-width:900px){
 .nav{min-height:77px;grid-template-columns:1fr auto auto}
 .main-nav{background:#05152d}
 .hero.rebrand-hero,.rb-hero-inner{min-height:610px}
 .rb-hero-copy{width:min(570px,90%)}
 .hero.rebrand-hero::before{background:
   linear-gradient(90deg,#020c1fF2,#020c1fd2 51%,#04102455),
   url("https://images.unsplash.com/photo-1605633674698-8435bbeb2156?auto=format&fit=crop&w=1500&q=82") center / cover}
 .rb-hero-footer{display:none}
 .showtell .projects{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media(max-width:650px){
 .wrap{width:90%}
 .nav{min-height:76px;gap:10px}
 .brand img{width:55px;height:55px}
 .brand-copy strong{font-size:21px}
 .brand-copy small{font-size:6px;letter-spacing:.6px}
 .cta-top{display:none}
 .menu-toggle{border:0}
 .hero.rebrand-hero,.rb-hero-inner{min-height:655px}
 .rb-hero-inner{padding:45px 0 54px;align-items:flex-start}
 .rb-hero-copy{width:100%;max-width:480px}
 .hero h1{font-size:clamp(41px,9.5vw,59px);letter-spacing:-1.8px}
 .hero h1 .rb-price{font-size:clamp(27px,6vw,34px);margin-top:8px}
 .rb-hero-script{font-size:clamp(50px,12vw,72px);line-height:.93;margin:9px 0 15px}
 .hero .rb-intro{max-width:365px;font-size:13px;line-height:1.55}
 .rb-hero-aside{display:none}
 .hero .hero-actions{flex-direction:column;align-items:stretch;max-width:340px;margin-top:20px}
 .hero .btn{width:100%;font-size:12px}
 .hero.rebrand-hero::before{background:
   linear-gradient(180deg,#06152ded 0%,#031127dd 40%,#05152d55 100%),
   url("https://images.unsplash.com/photo-1605633674698-8435bbeb2156?auto=format&fit=crop&w=900&q=78") 56% center/cover}
 .hero.rebrand-hero::after{left:92%;width:8px}
 .rb-hero-flare{width:280px;height:190px;bottom:-85px}
 .feature-strip .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature-strip .feature{padding:20px 13px;min-height:105px}
 .feature-strip .feature:nth-child(2){border-right:0}
 .feature-strip .feature strong{font-size:15px}
 .feature-strip .feature span{font-size:11px}
 .section-pad{padding:55px 0}
 .showtell .section-head h2{font-size:38px}
 .showtell .projects{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 4% 12px 0}
 .showtell .project{scroll-snap-align:start;flex:0 0 min(84vw,330px)}
 .showtell .project-visual{height:220px;min-height:220px}
 .showtell .project-visual.basic{height:220px}
 .web-packages .package-grid{grid-template-columns:1fr}
 .web-packages .package-card{padding:23px 20px}
 .entry-choices .entry-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.showtell .project,.cta-top,.hero .btn{transition:none}}


/* FEATURED WORK — approved premium portfolio cover composition */
.showtell{
  position:relative;
  padding-top:76px;
  padding-bottom:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 88% 12%,rgba(230,180,84,.15),transparent 29%),
    radial-gradient(ellipse at 4% 93%,rgba(240,87,144,.11),transparent 28%),
    linear-gradient(132deg,#030d21,#09223f 48%,#020b1b);
}
.showtell::before,.showtell::after{
  content:"";position:absolute;pointer-events:none;opacity:.4;z-index:0
}
.showtell::before{
  width:38vw;height:38vw;right:-19vw;top:-18vw;border:1px solid rgba(229,180,79,.45);
  border-radius:50%;box-shadow:0 0 0 20px #e1ac2610,0 0 0 100px #e1ac2605
}
.showtell::after{
  width:21vw;height:360px;left:-8vw;bottom:10px;
  background:linear-gradient(120deg,rgba(230,173,65,.7),rgba(242,76,137,.15),transparent);
  clip-path:polygon(0 10%,100% 100%,0 100%)
}
.showtell>.wrap{position:relative;z-index:2}
.rb-featured-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:34px;
  padding:0 0 31px;
}
.rb-featured-copy{max-width:890px}
.rb-featured-eyebrow{
  text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:700;
  color:#f1c66e;display:inline-flex;align-items:center;gap:13px;margin-bottom:12px;
}
.rb-featured-eyebrow::after{
  content:"";width:70px;height:1px;background:linear-gradient(90deg,#d5a550,transparent)
}
.rb-featured-head h2{
  margin:0 0 11px;
  color:#fff;
  font:600 clamp(36px,4.2vw,62px)/1 "Playfair Display",Georgia,serif;
  letter-spacing:-1.7px;
}
.rb-featured-head h2 em{
  color:#eeb755;font:400 clamp(53px,5.8vw,86px)/.85 "Italianno",cursive;
  letter-spacing:0;white-space:nowrap;
}
.rb-featured-head p{
  color:#e8edf6;line-height:1.58;font-size:14px;max-width:760px;margin:0;
}
.rb-featured-head p strong{color:#ffe7ae;font-weight:700}
.rb-see-designs{
  flex-shrink:0;
  display:inline-flex;gap:14px;align-items:center;justify-content:center;
  min-height:46px;padding:13px 21px;
  border:1px solid #e7b956;border-radius:5px;
  background:#041327cc;color:#f4d48d;font-size:12px;font-weight:800;
  transition:background .2s,color .2s;
}
.rb-see-designs:hover{background:#eab855;color:#081830}
.showtell #portfolio-cards{scroll-margin-top:115px;padding-bottom:60px}
.showtell .project{border:1px solid rgba(235,179,75,.8);background:#051429}
.showtell .project-visual,
.showtell .project-visual.basic{position:relative;padding:0!important;height:340px!important;min-height:340px!important}
.portfolio-cover{
 position:relative;display:block;width:100%;height:100%;
 isolation:isolate;overflow:hidden;background:#09192e;cursor:pointer;color:#fff;
 text-decoration:none;outline-offset:-5px;
}
.portfolio-cover:focus-visible{outline:3px solid #ffe0a2}
.pc-cover-photo{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 filter:brightness(.83) saturate(1.1);
 transform:scale(1.03);
 transition:transform .35s ease,filter .35s ease;
}
.pc-green .pc-cover-photo{object-position:50% 40%}
.pc-basic .pc-cover-photo{object-position:58% 42%;filter:brightness(.88) saturate(1.1)}
.pc-hat .pc-cover-photo{object-position:center 45%}
.portfolio-cover:hover .pc-cover-photo,.portfolio-cover:focus-visible .pc-cover-photo{
 transform:scale(1.08);filter:brightness(.94) saturate(1.13)
}
.pc-light{
 position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(2,12,28,.28),transparent 30%,rgba(3,13,29,.08) 40%,rgba(2,9,20,.7) 72%,#031023 100%);
 z-index:1;pointer-events:none
}
.pc-diagonal{
 position:absolute;z-index:2;pointer-events:none;
 top:-26%;right:14%;height:152%;width:7px;
 background:linear-gradient(90deg,#7d4f10,#ffda7e,#b77b21);
 transform:rotate(30deg);opacity:.82;box-shadow:0 0 18px #dca84c75;
}
.pc-topline{
 position:absolute;left:16px;right:14px;top:14px;z-index:6;
 font-size:8px;letter-spacing:1.5px;font-weight:800;
 display:flex;justify-content:space-between;gap:12px;align-items:center;
 text-shadow:0 2px 8px #000
}
.pc-gold{color:#ffcf66}
.pc-arrow{
 width:31px;height:31px;border-radius:50%;border:1px solid #fbd581;
 display:grid;place-items:center;background:#04122599;
 font-size:17px;line-height:1
}
.pc-demo-label{
 position:absolute;top:47px;left:16px;z-index:6;
 font-size:9px;letter-spacing:1.1px;font-weight:800;
 color:#fee5a6;border:1px solid #f4cc7a;
 border-radius:50px;padding:4px 10px;background:#031327c2
}
.pc-scene{position:absolute;inset:0;z-index:3;pointer-events:none}
.pc-device{
 position:absolute;left:12%;right:12%;top:26%;height:35%;
 display:block;overflow:hidden;
 border:7px solid #121924;border-bottom-width:12px;
 border-radius:9px 9px 5px 5px;background:#fffefb;
 transform:perspective(900px) rotateY(-5deg) rotateX(2deg);
 box-shadow:0 12px 0 -9px #bdc3c9,0 17px 6px -9px #a1a6b0,0 24px 28px #000a;
}
.pc-device::after{
 content:"";position:absolute;bottom:-14px;left:-13%;right:-13%;height:7px;
 border-radius:50%;background:#bcc5d2;z-index:5
}
.pc-device-top{
 display:flex;gap:3px;align-items:center;
 height:17px;background:#0b1526;border-bottom:1px solid #556174;
 padding:0 8px;color:#ccd6e8;font-size:7px;letter-spacing:.3px
}
.pc-device-top i{width:4px;height:4px;border-radius:50%;background:#efb759}
.pc-device-top span{margin-left:6px}
.pc-device iframe{
 display:block!important;width:200%!important;height:300px!important;
 transform:scale(.5)!important;transform-origin:top left!important;
 border:0!important;pointer-events:none!important;
 background:#faf7f2
}
.pc-caption{
 position:absolute;left:0;right:0;bottom:0;z-index:5;
 padding:20px 18px 16px;
 display:flex;flex-direction:column;align-items:flex-start;gap:5px;
 text-shadow:0 2px 8px #000a
}
.pc-kicker{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#f8d483}
.pc-title{font:600 27px/1.1 "Playfair Display",Georgia,serif;color:#fff}
.pc-subtitle{color:#f4f6fa;font-size:12px}
.pc-visit{
 display:inline-flex;align-items:center;gap:15px;
 background:#edb954;color:#0a1d39;
 border-radius:4px;margin-top:10px;padding:10px 14px;
 font-size:11px;font-weight:900;letter-spacing:.3px;text-shadow:none
}
.pc-visit>span{font-size:16px}
.pc-number{
 position:absolute;right:14px;bottom:-28px;z-index:4;
 color:#fff2;font:700 100px Georgia,serif;letter-spacing:-6px
}
.showtell .project-body{padding-top:14px;padding-bottom:16px}
.showtell .project-body h3{font-size:20px}
.showtell .project-body .design-price{font-size:12px}
.showtell .rb-project-extra{font-size:12px}
.rb-value-band{
 position:relative;z-index:3;
 background:linear-gradient(135deg,#fffdfa,#f5ede0);
 border-radius:50% 50% 0 0 / 55px 55px 0 0;
 box-shadow:0 -5px 0 rgba(240,184,75,.65);
 margin-top:2px;
}
.rb-value-band-inner{
 width:min(1270px,92%);margin:auto;
 padding:46px 0 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:0;color:#0d203b
}
.rb-value-item{
 display:flex;align-items:flex-start;gap:13px;padding:5px 19px;
 border-right:1px solid #decfb7
}
.rb-value-item:last-child{border-right:0}
.rb-value-icon{
 width:46px;height:46px;border:1px solid #da9c34;border-radius:50%;
 display:grid;place-items:center;flex:0 0 46px;
 font-size:21px;color:#142c4c;background:#fffaf2
}
.rb-value-item h3{font:700 16px/1.2 "Playfair Display",Georgia,serif;margin:2px 0 7px}
.rb-value-item p{font:400 11.5px/1.45 "DM Sans",sans-serif;margin:0;color:#37465d}
@media (max-width:1100px){
 .rb-featured-head h2{font-size:clamp(34px,4.3vw,53px)}
 .rb-featured-head h2 em{font-size:clamp(50px,6vw,71px)}
 .showtell .project-visual,.showtell .project-visual.basic{height:305px!important;min-height:305px!important}
 .pc-device{left:9%;right:9%;top:25%;height:35%}
 .rb-value-band-inner{grid-template-columns:repeat(2,1fr);row-gap:20px}
 .rb-value-item:nth-child(2){border:0}
}
@media(max-width:740px){
 .rb-featured-head{flex-direction:column;align-items:flex-start;gap:17px}
 .rb-featured-head h2{font-size:clamp(32px,8vw,48px);line-height:1.05}
 .rb-featured-head h2 em{font-size:clamp(50px,12vw,71px);display:inline-block;margin-top:3px}
 .rb-featured-head p{font-size:13px}
 .showtell{padding-top:55px}
 .showtell .project-visual,.showtell .project-visual.basic{height:375px!important;min-height:375px!important}
 .showtell .project{flex:0 0 min(86vw,355px)}
 .pc-device{top:25%;height:38%}
 .rb-value-band{border-radius:50% 50% 0 0 / 24px 24px 0 0}
 .rb-value-band-inner{padding:33px 0;grid-template-columns:1fr;gap:0}
 .rb-value-item{padding:13px 7px;border:0;border-bottom:1px solid #e0d1bd}
 .rb-value-item:last-child{border:0}
 .rb-value-item p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .portfolio-cover .pc-cover-photo{transition:none!important}
}


/* VIDEO REVIEW FIX: Static website-cover artwork replaces nested iframe previews.
   Prevents doubled text, browser chrome and focusable skip links appearing inside cards. */
.pc-scene{top:50px;bottom:100px;left:0;right:0;z-index:3;position:absolute;pointer-events:none}
.pc-device{
  position:absolute;
  top:5%;left:7%;right:20%;height:82%;width:auto;
  display:block;overflow:hidden;border:5px solid #141a24;
  border-bottom:9px solid #20262f;border-radius:10px 10px 5px 5px;
  transform:perspective(850px) rotateY(-5deg) rotateX(2deg) rotate(-1deg);
  background:#fcf7ec;box-shadow:0 6px 0 -2px #8b93a0,0 14px 27px #000a,0 0 0 1px #f6d17b95;
}
.pc-device-top{height:16px;background:#121b2d;color:#d1d9e5;gap:3px}
.pc-device-top i{width:4px;height:4px}
.pc-device-screen{display:flex;flex-direction:column;height:calc(100% - 16px);overflow:hidden}
.pc-mini-nav{background:rgba(255,251,244,.96);color:#15253b;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 9px 6px;box-shadow:0 1px 2px #0002}
.pc-mini-nav b{font:700 10px "Playfair Display",Georgia,serif;white-space:nowrap}
.pc-mini-nav small{font:700 5px "DM Sans",sans-serif;letter-spacing:.15px;white-space:nowrap}
.pc-mini-main{
 position:relative;display:flex;flex:1;align-items:flex-start;justify-content:center;flex-direction:column;
 padding:9px 12px;overflow:hidden;color:#fff;
 background:linear-gradient(110deg,#212e32de,#433e3899),url("/public/images/boutique-ecommerce-concept.png") 58% center / cover;
}
.pc-mini-main::after{
 content:"";position:absolute;inset:0;z-index:0;
 background:linear-gradient(90deg,rgba(9,18,26,.64),transparent 83%);
 pointer-events:none
}
.pc-mini-sub,.pc-mini-heading,.pc-mini-cta{position:relative;z-index:1;text-shadow:0 1px 4px #0008}
.pc-mini-sub{font:700 6px "DM Sans",sans-serif;letter-spacing:.8px}
.pc-mini-heading{font:600 clamp(17px,2.1vw,29px)/.98 "Playfair Display",Georgia,serif;margin:7px 0 9px}
.pc-mini-cta{background:#f2c57a;color:#101c2c;text-shadow:none;font:800 6px "DM Sans",sans-serif;letter-spacing:.4px;padding:6px 9px;border-radius:2px}
.pc-green .pc-mini-main{
 background:linear-gradient(90deg,#071e1dd8,#133b25a6),url("https://images.unsplash.com/photo-1558904541-efa843a96f01?auto=format&fit=crop&w=700&q=76") center/cover
}
.pc-green .pc-mini-heading{color:#fff}
.pc-green .pc-mini-cta{background:#c8e2a3}
.pc-basic .pc-mini-main{
 background:linear-gradient(110deg,#101f36e8,#405c798a),url("/public/images/custom-website-showcase.jpg") center/cover;
}
.pc-basic .pc-mini-heading{color:#fff}
.pc-basic .pc-mini-cta{background:#f5d9ac}
.pc-phone{
 display:block;position:absolute;top:20%;right:6%;width:25%;height:78%;
 z-index:4;border:5px solid #0e1420;border-radius:13px;
 background:#f9edda;overflow:hidden;
 box-shadow:0 10px 24px #000b,0 0 0 1px #efc77b99;
 transform:rotate(5deg)
}
.pc-phone-notch{
 position:absolute;z-index:2;top:2px;left:30%;width:40%;height:4px;border-radius:10px;background:#1d2433
}
.pc-phone-screen{
 position:absolute;inset:0;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
 text-align:center;padding:12px 5px;color:#271c1a;
 background:linear-gradient(160deg,#f8e4cc,#dfbc9f)
}
.pc-phone-screen>span{font:800 5px "DM Sans",sans-serif;letter-spacing:1px}
.pc-phone-screen>b{font:700 clamp(11px,1.2vw,17px)/.97 "Playfair Display",Georgia,serif;overflow-wrap:anywhere}
.pc-phone-screen>small{font:800 5px "DM Sans",sans-serif;color:#714515;letter-spacing:.25px}
.pc-green .pc-phone-screen{background:linear-gradient(160deg,#eff1e4,#bdd0ad);color:#143427}
.pc-basic .pc-phone-screen{background:linear-gradient(145deg,#f9f2e9,#e2d0ed);color:#142644}
.pc-caption{bottom:0;left:0;right:0}
.pc-caption::before{
 content:"";position:absolute;inset:-22px 0 0;background:linear-gradient(180deg,transparent,#021123d6 27%,#021123 100%);
 z-index:-1;pointer-events:none
}
.pc-demo-label{font-size:8px;letter-spacing:1px;padding:4px 9px}
@media(max-width:1100px){
 .pc-scene{top:44px;bottom:99px}
 .pc-mini-heading{font-size:21px}
 .pc-phone-screen>b{font-size:12px}
}
@media(max-width:740px){
 .pc-scene{top:55px;bottom:112px}
 .pc-mini-heading{font-size:26px}
 .pc-mini-nav b{font-size:10px}
 .pc-mini-nav small{font-size:5px}
 .pc-phone-screen>b{font-size:13px}
}

/* The introductory portfolio copy and each card's Concept Demo body label
   already disclose status; keep visual covers free of stacked badges. */
.portfolio-cover .pc-demo-label{display:none}


/* Review polish — restore the original pink Cara wordmark and make the
   pricing-scope heading legible against its new warm cream card. */
header .brand-copy strong .cara { color: #ef6795; }
header .brand-copy strong .qa { color: #e0aa2f; }
header .brand-copy strong { color: #fffaf1; }
.web-packages .scope-note h3 {
  color: #092443;
  font: 700 clamp(22px, 4.8vw, 29px)/1.25 "Playfair Display", Georgia, serif;
  margin: 0 0 20px;
  padding-bottom: 13px;
  border-bottom: 2px solid #d5aa58;
}
.web-packages .scope-note p { color: #293b53; }