:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#24312a;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px;top:8px;padding:10px;background:#fff;z-index:30}.skip:focus{left:8px}.header{position:sticky;top:0;z-index:20;background:#ffffffed;border-bottom:1px solid #e7e3da;backdrop-filter:blur(14px)}.header-inner{height:76px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.035em;font-size:18px;white-space:nowrap}.brand img{width:51px;height:51px;object-fit:contain}.brand strong{color:#2f6f4e}.site-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:600;color:#526158}.site-nav a:hover,.footer a:hover,.text-link:hover{color:#2f6f4e}.header-cta{margin-left:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:#2f6f4e;color:#fff;box-shadow:0 9px 20px #2f6f4e2b}.button.primary:hover{background:#255a40}.button.secondary{background:#fff;color:#2f6f4e;border-color:#d8d1c4}.menu-toggle{display:none;background:none;border:0;padding:10px;margin-left:auto;color:#24312a}.hero{padding:76px 0 72px;background:linear-gradient(180deg,#fff 60%,#faf8f2)}.hero-grid{display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:66px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#2f6f4e;font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#2f6f4e}.hero h1{font-size:clamp(43px,5.3vw,72px);line-height:1.07;letter-spacing:-.055em;max-width:650px;margin:22px 0}.hero p.lead{font-size:18px;line-height:1.7;color:#65746a;max-width:580px;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.micro-benefits{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:35px;color:#5b6b61;font-size:13px;font-weight:600}.micro-benefits span:before{content:"✓";color:#2f6f4e;font-weight:900;margin-right:7px}.hero-visual{position:relative;max-width:480px;width:100%;justify-self:end}.visual-hint{text-align:center;font-size:12px;font-weight:700;color:#7d8c82;margin:13px 0 0;letter-spacing:.04em}.comparison{--split:50%;position:relative;aspect-ratio:1536/1870;max-height:610px;overflow:hidden;border-radius:25px;box-shadow:0 24px 65px #263b312c;background:#e8e5dd;isolation:isolate}.comparison img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%}.comparison .after{clip-path:inset(0 0 0 var(--split))}.comparison .divider{position:absolute;top:0;bottom:0;left:var(--split);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 8px #0004}.comparison .handle{position:absolute;top:50%;left:var(--split);transform:translate(-50%,-50%);width:51px;height:51px;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 3px 15px #1d2b2565;color:#2f6f4e;display:grid;place-items:center;pointer-events:none;font-size:26px;font-weight:700}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5;touch-action:none}.comparison:focus-within{outline:3px solid #2f6f4e;outline-offset:3px}.compare-label{position:absolute;top:18px;z-index:4;background:#fffedb;color:#2d3c33;padding:7px 11px;border-radius:8px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;pointer-events:none}.compare-label.before-label{left:18px}.compare-label.after-label{right:18px}.section{padding:92px 0}.section.tint{background:#faf8f2}.section-header{max-width:710px;margin:0 auto 40px;text-align:center}.section-header h2,.feature-copy h2,.contact-banner h2,.legal h1{font-size:clamp(32px,3.6vw,46px);line-height:1.15;letter-spacing:-.04em;margin:14px 0}.section-header p,.feature-copy p,.contact-banner p{font-size:16px;line-height:1.7;color:#68766c}.steps,.audience,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e7e3da;border-radius:20px;padding:30px;box-shadow:0 8px 25px #26382e08}.step-number{font-size:12px;font-weight:800;color:#2f6f4e;letter-spacing:.1em}.icon{width:50px;height:50px;border-radius:14px;background:#f2ede4;display:grid;place-items:center;color:#2f6f4e;margin-bottom:24px}.icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:19px;letter-spacing:-.02em;margin:15px 0 8px}.card p{margin:0;color:#68766c;line-height:1.65;font-size:14px}.flow-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}.flow-gallery{display:grid;grid-template-columns:1fr .72fr 1fr;gap:10px;align-items:stretch}.flow-item{min-width:0}.flow-item img{width:100%;height:270px;object-fit:cover;border-radius:14px;background:#f2efe8}.flow-item:nth-child(2) img{object-position:center}.flow-item small{display:block;margin:10px 0;color:#2f6f4e;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.feature-copy p{max-width:430px}.feature-copy .button{margin-top:14px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit{display:flex;gap:12px;align-items:flex-start;padding:22px;border-radius:15px;background:#fff;border:1px solid #e7e3da;font-weight:650;font-size:14px}.benefit b{color:#2f6f4e}.pricing-card{display:flex;flex-direction:column;position:relative;padding:32px}.pricing-card.popular{border:2px solid #2f6f4e;box-shadow:0 14px 40px #2f6f4e19}.badge{position:absolute;right:20px;top:-13px;background:#2f6f4e;color:#fff;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:800}.price{font-size:43px;font-weight:850;letter-spacing:-.05em;margin:15px 0 4px}.credits{font-size:15px;color:#5f6f64}.pricing-card .button{margin-top:32px}.pricing-note{text-align:center;color:#6f7c73;font-size:13px;line-height:1.7;margin:24px auto 0}.faq-list{max-width:850px;margin:auto}.faq-list details{border-bottom:1px solid #e5e1d8;padding:21px 0}.faq-list summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:#2f6f4e;font-size:22px;line-height:18px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#68766c;line-height:1.7;margin:13px 25px 0 0}.contact-banner{background:#f2ede4;border-radius:24px;padding:55px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-banner p{margin:0}.contact-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.text-link{color:#2f6f4e;font-weight:700;font-size:14px}.footer{border-top:1px solid #e7e3da;padding:40px 0 26px}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-links{display:flex;flex-wrap:wrap;gap:14px 24px;color:#5b6b61;font-size:13px;font-weight:600}.footer-bottom{color:#8a948d;font-size:12px;margin-top:28px}.legal{padding:70px 0 105px;max-width:820px}.legal h1{margin-bottom:10px}.legal .updated{color:#758078;font-size:13px;margin-bottom:35px}.legal h2{font-size:21px;margin:32px 0 10px}.legal p,.legal li{color:#59685e;line-height:1.75}.legal ul{padding-left:22px}.legal a{color:#2f6f4e;text-decoration:underline}.contact-page-card{background:#faf8f2;border-radius:20px;padding:32px;margin-top:32px}.contact-page-card a{font-weight:700}.legal .button{color:#fff;text-decoration:none;margin-top:10px}@media(max-width:900px){.header-inner{height:68px}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:18px 20px 24px;background:#fff;border-bottom:1px solid #e7e3da;box-shadow:0 15px 22px #32473b16;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:11px 0}.menu-toggle{display:block}.header-cta{display:none}.hero-grid,.flow-layout{grid-template-columns:1fr;gap:36px}.hero-visual{justify-self:center;max-width:540px}.flow-layout{gap:30px}.steps,.audience,.pricing,.benefits{grid-template-columns:repeat(2,1fr)}.contact-banner{display:block}.contact-actions{margin-top:24px}.footer-top{display:block}.footer-links{margin-top:25px}}@media(max-width:600px){.container{width:min(100% - 32px,1160px)}.hero{padding:50px 0 58px}.hero h1{font-size:43px}.hero p.lead{font-size:16px}.comparison{aspect-ratio:1536/1960;border-radius:18px}.section{padding:64px 0}.steps,.audience,.pricing,.benefits{grid-template-columns:1fr}.card{padding:24px}.flow-gallery{gap:7px}.flow-item img{height:185px}.flow-item small{font-size:9px}.contact-banner{padding:30px 24px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr)}.legal{padding:45px 0 75px}.brand{font-size:16px}}
/* Product platform updates */
.auth-actions{display:flex;align-items:center;gap:20px;margin-left:14px;white-space:nowrap}.auth-actions .login-link{font-size:14px;font-weight:700;color:#32473b}.auth-actions .login-link:hover{color:#2f6f4e}.site-nav{gap:22px}.mobile-auth{display:none}.trial-note{display:flex;flex-wrap:wrap;gap:5px 15px;margin:22px 0;color:#6d786f;font-size:13px}.trial-note strong{color:#2a4a38}.trial-note span:before{content:"✓";color:#2f6f4e;margin-right:7px}.availability{margin-top:24px}.availability span,.status{display:inline-block;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.03em}.availability span,.status.live{background:#e7f4ed;color:#147347}.status.future{background:#f7efe2;color:#8b5e24}.availability p{margin:10px 0 0;color:#737d75;font-size:13px}.example-note{font-size:13px!important;font-weight:700;color:#147347!important}.workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.workspace-grid .card{padding:32px}.workspace-grid h3{margin:20px 0 16px}.coming-card{background:#faf8f2}.feature-list{display:grid;gap:13px;list-style:none;padding:0;margin:0}.feature-list li{color:#5f6f64;line-height:1.5;font-size:14px}.feature-list li:before{content:"✓";color:#2f6f4e;font-weight:900;margin-right:10px}.coming-card .feature-list li:before{content:"→";color:#8c806f}.pricing.four{grid-template-columns:repeat(4,minmax(0,1fr))}.pricing.four .pricing-card{padding:25px}.pricing.four .price{font-size:39px}.package-detail{margin:14px 0 24px!important;color:#748078!important;font-size:12px!important;line-height:1.5!important}.pricing.four .pricing-card .button{margin-top:auto}.pricing-note strong{color:#2a4a38}@media(max-width:1100px){.site-nav{gap:15px}.auth-actions{gap:12px}.auth-actions .button{padding:0 16px}}@media(max-width:900px){.auth-actions{display:none}.site-nav .mobile-auth{display:block}.pricing.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.workspace-grid,.pricing.four{grid-template-columns:1fr}.trial-note{display:block}.trial-note span{display:block;margin-top:8px}}

/* DWF-172 UX hotfix: keep the existing visual system, improve mobile conversion/readability. */
.coming-card {
  background: #faf8f2;
  border-style: dashed;
  border-color: #d8d1c4;
  box-shadow: none;
}
.coming-card .status.future {
  background: #f4f1ea;
  color: #6c756e;
}
.coming-card .feature-list li {
  color: #737d75;
}

@media (max-width: 900px) {
  .header-inner {
    gap: 8px;
  }
  .brand {
    order: 1;
  }
  .auth-actions {
    order: 2;
    display: flex;
    margin-left: auto;
    gap: 0;
  }
  .auth-actions .login-link {
    display: none;
  }
  .auth-actions .button {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    font-size: 12px;
  }
  .menu-toggle {
    order: 3;
    margin-left: 0;
    padding: 8px;
  }
  .site-nav {
    order: 4;
  }
}

@media (max-width: 600px) {
  .header .container {
    width: min(100% - 24px, 1160px);
  }
  .brand {
    gap: 7px;
    font-size: 15px;
  }
  .brand img {
    width: 42px;
    height: 42px;
  }
  .auth-actions .button {
    min-height: 38px;
    padding: 0 11px;
    font-size: 11.5px;
  }
  .hero {
    padding: 38px 0 54px;
  }
  .hero-grid {
    gap: 20px;
  }
  .hero-copy {
    display: contents;
  }
  .hero-copy .eyebrow { order: 1; }
  .hero-copy h1 { order: 2; }
  .hero-copy .lead { order: 3; }
  .hero-visual { order: 4; }
  .hero-copy .actions { order: 5; }
  .hero-copy .trial-note { order: 6; }
  .hero-copy .availability { order: 7; }
  .hero h1 {
    margin: 8px 0 0;
    font-size: clamp(37px, 10.5vw, 43px);
    line-height: 1.04;
  }
  .hero p.lead {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.55;
  }
  .hero-visual {
    max-width: none;
    margin-top: 2px;
  }
  .comparison {
    height: 330px;
    aspect-ratio: auto;
    border-radius: 18px;
  }
  .comparison img {
    object-position: center 48%;
  }
  .visual-hint {
    margin-top: 8px;
    font-size: 11.5px;
  }
  .actions {
    gap: 10px;
  }
  .actions .button {
    min-height: 46px;
    padding: 0 18px;
  }
  .trial-note {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
  }
  .availability {
    margin-top: 0;
  }
  .eyebrow {
    font-size: 11.5px;
    line-height: 1.35;
    letter-spacing: .105em;
  }
  .flow-item small {
    font-size: 11px;
    line-height: 1.35;
  }
  .package-detail,
  .pricing-note,
  .availability p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  .status,
  .availability span,
  .badge {
    font-size: 11.5px;
  }
}

.brand-name{display:grid;gap:3px;line-height:1;text-align:center}.brand-name>span{font-weight:800}.brand-name strong{color:#d9913c;font-size:.72em;letter-spacing:.16em;text-transform:uppercase}

/* DWF-306: public pages reuse the Web App's canonical Summer Sunset tokens/logo. */
:root{color:#2c3033;background:#fbfaf4}
body{background:#fbfaf4;color:#2c3033}
.header{background:rgba(251,250,244,.95);border-bottom:1px solid #eee7e1}
.brand{min-width:0;flex-shrink:0}
.brand img{width:150px;height:50px;max-width:100%;object-fit:contain;object-position:left center}
.site-nav{color:#555d65}
.site-nav a:hover,.footer a:hover,.text-link:hover{color:#e96536}
.button{border-radius:14px}
.button.primary{background:linear-gradient(135deg,#e96536 0%,#ff6b35 58%,#f7c59f 100%);color:#fff;box-shadow:0 14px 30px rgba(233,101,54,.24)}
.button.primary:hover{background:#e96536}
.button.secondary{background:#fff;color:#c95027;border-color:#f2cdbc}
.auth-actions .login-link{color:#3c4650}
.hero{background:linear-gradient(180deg,#fbfaf4 60%,#fff4ee)}
.hero h1{color:#202730}
.hero p.lead,.section-header p,.feature-copy p,.contact-banner p{color:#677079}
.eyebrow,.step-number,.text-link,.flow-item small{color:#e96536}
.eyebrow:before{background:#ff6b35}
.section.tint,.coming-card,.contact-page-card{background:#fff4ee}
.card{background:#fff;border:1px solid #eee1d9;border-radius:24px;box-shadow:0 12px 35px rgba(49,30,20,.045)}
.benefit{border-color:#eee1d9}
.icon{background:#ffe6d9;color:#c95027}
.micro-benefits span:before,.trial-note span:before,.feature-list li:before{color:#e96536}
.status.live,.availability span{background:#fff0e5;color:#a23f22}
.status.future{background:#f5eee8;color:#755c4e}
.pricing-card.popular{border:2px solid #ff6b35;box-shadow:0 14px 40px rgba(233,101,54,.12)}
.badge{background:#ff6b35}
.price{color:#202730}
.credits,.package-detail{color:#677079!important}
.comparison:focus-within{outline-color:#ff6b35}
.comparison .handle{color:#e96536}
.contact-banner{background:#ffe6d9}
.legal a{color:#c95027}
@media(max-width:900px){.site-nav{background:#fbfaf4;border-bottom-color:#eee1d9}}
@media(max-width:600px){
  .brand img{width:127px;height:auto;max-height:47px}
  .pricing.four{grid-template-columns:1fr}
}

/* DWF-310: official owner-edited horizontal HomeFit Visual logo, 1000x205 */
.header .brand img,.footer .brand img{width:224px;height:48px;max-width:100%;object-fit:contain;object-position:left center}
@media(max-width:600px){.header .brand img,.footer .brand img{width:170px;height:39px}}

/* DWF-312: category demos preserve the established Summer Sunset design */
.category-tabs{display:none;gap:7px;padding:6px;margin-bottom:14px;border-radius:15px;background:#fff6ef;border:1px solid #f5e1d3}
.category-tab{flex:1;min-width:0;background:transparent;border:1px solid transparent;color:#794d3e;font-size:13px;font-weight:750;border-radius:11px;padding:11px 9px;transition:background .15s,color .15s}
.category-tab:hover{background:#ffe8db}
.category-tab.is-active{background:#fff;border-color:#f8d3bd;color:#a94528;box-shadow:0 2px 10px #c45a2616}
.category-tab:focus-visible,.category-demo-link:focus-visible{outline:3px solid #e96536;outline-offset:3px}
.hero-visual .demo-disclaimer{text-align:center;font-size:11px;line-height:1.45;color:#8b8079;margin:5px 0 0}
.category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.category-card{background:#fff;border:1px solid #eaded5;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #26382e08}
.category-card img{width:100%;height:235px;object-fit:cover;object-position:center 50%}
.category-card-copy{padding:23px 23px 27px}
.category-card h3{font-size:22px;letter-spacing:-.03em;margin:16px 0 8px}
.category-card p{font-size:14px;line-height:1.6;color:#677079;min-height:67px;margin:0 0 13px}
.category-demo-link{display:none;border:0;padding:8px 0;background:transparent;color:#bd4e2b;font-size:14px;font-weight:750;text-align:left}
.category-demo-link:hover{text-decoration:underline}
.future-note{text-align:center;margin:26px 0 0;color:#776c65;font-size:13px}
@media(max-width:900px){.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card:last-child{grid-column:1/-1}}
@media(max-width:600px){.category-cards{grid-template-columns:1fr}.category-card:last-child{grid-column:auto}.category-card img{height:205px}.category-card p{min-height:auto}.category-tabs{gap:2px;padding:5px}.category-tab{font-size:12px;padding:11px 4px}}
@media(prefers-reduced-motion:reduce){.category-tab{transition:none}}
.demo-loading{text-align:center;margin:0 0 10px;color:#985033;font-size:12px;font-weight:650;line-height:1.4}
.demo-loading[hidden]{display:none}
.comparison[aria-busy="true"]{filter:saturate(.85)}

/* Enhance controls only when JavaScript has actually registered handlers. */
.has-category-demos .category-tabs{display:flex}
.has-category-demos .category-demo-link{display:inline-block}

/* DWF-349: show all five categories at once, not hidden in a horizontal tab scroller. */
.has-category-demos .category-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  overflow:visible;
  margin-bottom:15px;
}
.has-category-demos .category-tabs .category-tab{
  width:100%;
  min-width:0;
  white-space:normal;
  padding:11px 5px;
  font-size:12px;
  line-height:1.25;
  text-align:center;
}
.category-card-copy{display:flex;flex-direction:column;align-items:flex-start}
.category-card-copy .category-demo-link{margin-top:auto}
@media(max-width:600px){
  .has-category-demos .category-tabs{gap:5px}
  .has-category-demos .category-tabs .category-tab{font-size:11px;padding:10px 2px}
}



/* DWF-384: compact flag-only language trigger and accessible branded menu. */
.site-language{position:relative;flex:0 0 auto}
.site-language-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  width:54px;min-width:54px;height:42px;padding:0 5px;
  border:1px solid #e9ded5;border-radius:13px;background:#fffdfb;color:#8d5b42;
  box-shadow:0 2px 6px #34231d0b;transition:border-color .16s,background .16s,box-shadow .16s
}
.site-language-trigger:hover,.site-language-trigger[aria-expanded="true"]{
  border-color:#f3a780;background:#fff3ec;box-shadow:0 5px 16px #e9803815
}
.site-language-current-flag{font-size:23px;line-height:1;display:block}
.site-language-chevron{width:13px;height:13px;flex-shrink:0;transition:transform .16s}
.site-language-trigger[aria-expanded="true"] .site-language-chevron{transform:rotate(180deg)}
.site-language-menu{
  position:absolute;top:calc(100% + 8px);right:0;z-index:60;
  width:178px;padding:6px;background:#fff;
  border:1px solid #f0e2d9;border-radius:16px;box-shadow:0 14px 36px #311c1924
}
.site-language-menu[hidden]{display:none}
.site-language-option{
  display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 11px;
  border:0;border-radius:11px;background:transparent;color:#343840;text-align:left;
  font-size:13px;font-weight:700;white-space:nowrap;transition:background .12s
}
.site-language-option:hover,.site-language-option:focus-visible{background:#fff3ec}
.site-language-option[aria-pressed="true"]{background:#fff1e9;color:#b54c29}
.site-language-option-flag{font-size:20px;line-height:1}
.site-language-check{margin-left:auto;color:#e96337;font-size:16px;opacity:0}
.site-language-option[aria-pressed="true"] .site-language-check{opacity:1}
.site-language-trigger:focus-visible,.site-language-option:focus-visible{
  outline:2px solid #f16b3e;outline-offset:2px
}
@media(max-width:900px){
  .site-language{order:2;margin-left:auto}
  .header-inner .menu-toggle{order:3}
}
@media(max-width:600px){
  .site-language-trigger{height:40px;width:48px;min-width:48px;border-radius:12px}
  .site-language-current-flag{font-size:22px}
  .site-language-menu{width:172px}
}

/* Optional OpenAI Ads conversion measurement consent. Never blocks product usage. */
.ads-consent-banner[hidden]{display:none}
.ads-consent-banner{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:1000;width:min(800px,calc(100% - 24px));display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 20px;border:1px solid #d8d1c4;border-radius:18px;background:#fff;box-shadow:0 12px 42px #142b2850}
.ads-consent-banner p{flex:1 1 320px;font-size:13px;line-height:1.5;margin:0;color:#24312a}
.ads-consent-banner .button{min-height:38px;padding:0 14px}
.ads-consent-settings{background:transparent;color:#526158;text-decoration:underline;border:0;padding:0;font-size:13px;font-weight:600}


/* DWF-431 — discoverable Shopify / WooCommerce pilot integrations. */
.integration-section { background:linear-gradient(165deg,#fffaf4 0%,#fff 50%,#fdf5ec 100%); }
.integration-section-header { max-width:760px;margin-left:auto;margin-right:auto; }
.integrations-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
.integration-card { position:relative;display:flex;flex-direction:column;min-width:0;padding:30px;border:1px solid #ead9ce;border-radius:25px;background:#fff;box-shadow:0 12px 34px #26382e0b; }
.integration-card-top { display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap; }
.integration-platform { color:#af4624;font-size:14px;font-weight:900;letter-spacing:.03em; }
.integration-pill { border:1px solid #f5d7c6;border-radius:999px;background:#fff1e7;padding:7px 11px;color:#9d4527;font-size:11px;font-weight:800; }
.integration-card h3 { margin:17px 0 12px;color:#25343b;font-size:25px;line-height:1.22;letter-spacing:-.03em; }
.integration-card p { margin:0 0 16px;color:#59656b;font-size:14px;line-height:1.7; }
.integration-feature-list { margin:0 0 22px;padding:0;list-style:none;display:grid;gap:11px;color:#424f54;font-size:13px;line-height:1.55; }
.integration-feature-list li { position:relative;padding-left:24px; }
.integration-feature-list li::before { content:"✓";position:absolute;left:0;top:0;color:#e96536;font-weight:900; }
.integration-card-link { margin-top:auto;color:#a84625;font-size:14px;font-weight:850; }
.integration-card-link:hover { text-decoration:underline; }
.integration-section-cta { display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:23px;padding:20px 23px;border:1px solid #eadad0;border-radius:20px;background:#fff8f3; }
.integration-section-cta p { margin:0;max-width:580px;color:#776960;font-size:13px;line-height:1.65; }
.integration-section-actions { display:flex;flex-wrap:wrap;gap:10px; }
.integration-section-actions .button { white-space:nowrap; }
.integration-steps { counter-reset:integrationstep;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }
.integration-step { border:1px solid #ead9ce;border-radius:19px;padding:23px;background:#fff; }
.integration-step::before { counter-increment:integrationstep;content:"0" counter(integrationstep);display:block;margin-bottom:12px;color:#e96536;font-size:12px;font-weight:900;letter-spacing:.09em; }
.integration-step h3 { font-size:17px;line-height:1.4;margin:0 0 8px; }
.integration-step p { margin:0;font-size:13px;color:#627079;line-height:1.65; }
.integration-detail-block { display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center; }
.integration-detail-block h2 { font-size:clamp(24px,3.3vw,36px);line-height:1.17;margin:13px 0 16px; }
.integration-detail-block p { font-size:15px;color:#5e6e76;line-height:1.7; }
.integration-detail-block .integration-card { padding:25px; }
.integration-disclaimer { margin:24px 0 0;color:#7a6f69;font-size:12px;line-height:1.7; }
.integration-detail-page .section { scroll-margin-top:90px; }
.integration-detail-page .integrations-hero { padding-top:75px; }
.integration-detail-page .integrations-hero .lead { max-width:760px; }
@media(max-width:860px) { .integration-detail-block,.integrations-grid{grid-template-columns:1fr;} .integration-steps{grid-template-columns:1fr;} .integration-section-cta{align-items:flex-start;} }
@media(max-width:600px) { .integration-card{padding:22px;} .integration-card h3{font-size:22px;} .integration-section-cta{padding:17px;} .integration-section-actions,.integration-section-actions .button{width:100%;} }
@media(prefers-reduced-motion:reduce){.integration-card-link{transition:none}}

/* DWF-431: keep language and menu controls inside the mobile header.  The
   collapsed navigation already has the login/start links. */
@media(max-width:600px){
  .header-inner .auth-actions{display:none}
  .header-inner .menu-toggle{flex-shrink:0;margin-left:auto}
}