:root { --ink:#07171d; --ink-2:#0d252d; --blue:#067a99; --blue-bright:#19b8d8; --cyan:#19b8d8; --blue-deep:#035873; --orange:#ff7a1a; --orange-action:#b94a00; --sand:#f2f0ea; --paper:#fbfbf8; --muted:#657278; --line:#d8e0e2; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
img { display:block; max-width:100%; }
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #ffb36f; outline-offset:4px; }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; left:16px; top:-80px; z-index:1000; padding:12px 18px; color:#fff; background:var(--blue); border-radius:3px; }
.skip-link:focus { top:16px; }
.topbar { position:relative; z-index:30; color:#c9d8dc; background:#041116; font-size:12px; letter-spacing:.05em; }
.topbar-inner { min-height:38px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.topbar p { margin:0; text-transform:uppercase; }
.topbar-inner div { display:flex; gap:12px; }
.topbar a:hover { color:#fff; }
.site-header { position:absolute; z-index:25; top:38px; width:100%; color:#fff; border-bottom:1px solid rgba(255,255,255,.2); }
.nav-wrap { min-height:92px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:flex; align-items:center; gap:13px; }
.brand-mark { position:relative; width:38px; height:38px; display:grid; place-items:center; transform:rotate(45deg); }
.brand-mark i { position:absolute; display:block; border:2px solid var(--blue-bright); }
.brand-mark i:nth-child(1) { width:35px; height:35px; }
.brand-mark i:nth-child(2) { width:25px; height:25px; }
.brand-mark i:nth-child(3) { width:13px; height:13px; background:var(--orange); border-color:var(--orange); }
.brand > span:last-child { display:flex; flex-direction:column; line-height:1; }
.brand strong { font-size:19px; letter-spacing:.18em; }
.brand em { margin-top:6px; color:var(--blue-bright); font-size:10px; font-style:normal; letter-spacing:.42em; }
.nav-links { display:flex; align-items:center; gap:32px; font-size:14px; font-weight:700; }
.nav-links > a:not(.nav-cta) { position:relative; padding-block:36px; }
.nav-links > a:not(.nav-cta)::after { content:""; position:absolute; left:0; right:100%; bottom:25px; height:2px; background:var(--blue-bright); transition:right .25s; }
.nav-links > a:not(.nav-cta):hover::after { right:0; }
.nav-cta { padding:14px 19px; border:1px solid rgba(255,255,255,.65); }
.nav-cta:hover { background:#fff; color:var(--ink); }
.menu-button { display:none; border:0; background:transparent; padding:10px; }
.menu-button span { display:block; width:26px; height:2px; margin:5px 0; background:#fff; }
.hero { position:relative; min-height:680px; height:calc(100vh - 38px); height:calc(100svh - 38px); max-height:920px; display:flex; align-items:center; overflow:hidden; color:#fff; background:#07171d; }
.hero-image { position:absolute; inset:0; background:url('../images/plastic-bottle-line.jpg') center 48% / cover no-repeat; transform:scale(1.015); }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg, rgba(2,16,22,.96) 0%, rgba(3,22,29,.79) 46%, rgba(4,22,28,.28) 77%, rgba(3,18,24,.48) 100%), linear-gradient(0deg, rgba(2,15,20,.56), transparent 45%); }
.hero::before { content:""; position:absolute; z-index:2; left:0; top:0; bottom:0; width:6px; background:var(--orange); }
.hero-content { position:relative; z-index:5; padding-top:120px; }
.eyebrow,.section-kicker { margin:0 0 23px; color:var(--blue-bright); font-size:12px; line-height:1.3; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:12px; color:#bfeef5; }
.eyebrow span { width:38px; height:2px; background:var(--orange); }
.hero h1 { max-width:790px; margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(54px, 6.5vw, 90px); font-weight:400; line-height:.97; letter-spacing:-.045em; }
.hero h1 em { display:block; color:var(--blue-bright); font-style:italic; }
.hero-copy { max-width:685px; margin:29px 0 0; color:#d3e0e3; font-size:20px; line-height:1.6; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }
.button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:30px; padding:15px 23px; border:1px solid transparent; border-radius:0; font-size:14px; font-weight:800; cursor:pointer; transition:transform .2s, background .2s, color .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#fff; background:var(--orange-action); }
.button-primary:hover { background:#923a00; }
.button-ghost { border-color:rgba(255,255,255,.5); color:#fff; background:rgba(255,255,255,.03); }
.button-ghost:hover { background:#fff; color:var(--ink); }
.hero-points { display:flex; flex-wrap:wrap; gap:25px; margin:35px 0 0; padding:0; list-style:none; color:#d8e5e8; font-size:13px; }
.hero-points li { display:flex; align-items:center; gap:8px; }
.hero-points span { display:grid; place-items:center; width:19px; height:19px; border:1px solid var(--blue-bright); border-radius:50%; color:var(--blue-bright); font-size:11px; }
.scroll-cue { position:absolute; z-index:4; right:30px; bottom:34px; display:flex; align-items:center; gap:12px; font-size:10px; font-weight:800; letter-spacing:.17em; writing-mode:vertical-rl; }
.scroll-cue span { color:var(--blue-bright); font-size:18px; }
.trust-strip { color:#fff; background:var(--ink); border-top:1px solid rgba(255,255,255,.12); }
.trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.trust-grid div { min-height:104px; display:flex; align-items:center; gap:18px; padding:20px 28px; border-right:1px solid rgba(255,255,255,.13); }
.trust-grid div:first-child { border-left:1px solid rgba(255,255,255,.13); }
.trust-grid strong { color:var(--blue-bright); font-family:Georgia,serif; font-size:25px; font-weight:400; }
.trust-grid span { font-size:13px; font-weight:700; }
.section { padding:110px 0; }
.intro-section { background:var(--paper); }
.split-heading { display:grid; grid-template-columns:1.2fr .8fr; gap:9%; align-items:end; }
.section-kicker { color:var(--blue); }
.section-kicker.light { color:#8ee3f0; }
.split-heading h2,.section-header h2,.integration-copy h2,.codes-grid h2,.faq-heading h2,.contact-copy h2,.contact-copy h1 { margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(42px, 5vw, 66px); font-weight:400; line-height:1.04; letter-spacing:-.035em; }
.intro-copy p { margin:0 0 22px; color:#52646b; font-size:17px; line-height:1.75; }
.text-link { display:inline-flex; align-items:center; gap:25px; padding-bottom:8px; border-bottom:2px solid var(--orange); color:var(--ink); font-size:13px; font-weight:800; }
.text-link span { color:var(--blue); }
.feature-grid { margin-top:74px; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); }
.feature-grid article { min-height:270px; padding:30px 26px; border-right:1px solid var(--line); background:#fff; transition:background .25s, transform .25s; }
.feature-grid article:last-child { border-right:0; }
.feature-grid article:hover { z-index:2; background:#f1fafc; transform:translateY(-5px); box-shadow:0 15px 35px rgba(5,34,43,.09); }
.feature-grid b { color:var(--blue); font-family:Georgia,serif; font-size:15px; }
.feature-grid h3 { margin:65px 0 16px; font-size:19px; }
.feature-grid p { margin:0; color:#68777c; font-size:14px; line-height:1.65; }
.applications-section { color:#fff; background:var(--ink-2); }
.section-header { display:flex; justify-content:space-between; gap:80px; align-items:end; margin-bottom:48px; }
.section-header > p { max-width:390px; margin:0; color:#a9bdc2; font-size:15px; line-height:1.7; }
.application-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.application-card { position:relative; height:430px; overflow:hidden; background:#061419; }
.application-card img { width:100%; height:100%; object-fit:cover; transition:transform .55s, filter .55s; }
.application-card:hover img { transform:scale(1.045); filter:saturate(1.1); }
.card-shade { position:absolute; inset:0; background:linear-gradient(0deg, rgba(1,15,20,.96), rgba(2,19,24,.06) 73%); }
.card-copy { position:absolute; inset:auto 34px 30px; }
.card-copy > span { color:var(--blue-bright); font-family:Georgia,serif; font-size:15px; }
.card-copy h3 { margin:12px 0 8px; font-family:Georgia,serif; font-size:30px; font-weight:400; }
.card-copy p { max-width:490px; margin:0; color:#bfd0d4; font-size:14px; line-height:1.6; }
.card-copy a { display:inline-flex; gap:25px; margin-top:20px; color:#fff; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.card-copy a b { color:var(--orange); }
.integration-section { background:var(--sand); }
.integration-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:8%; align-items:center; }
.integration-image { position:relative; min-height:650px; }
.integration-image::before { content:""; position:absolute; z-index:0; width:72%; height:75%; left:-34px; bottom:-34px; border:1px solid #b6c5c9; }
.integration-image img { position:relative; z-index:1; width:100%; height:650px; object-fit:cover; }
.image-caption { position:absolute; z-index:2; right:-22px; bottom:34px; width:235px; padding:25px; color:#fff; background:var(--blue-deep); }
.image-caption span { display:block; margin-bottom:8px; color:#8ee3f0; font-size:10px; font-weight:800; letter-spacing:.18em; }
.image-caption strong { font-family:Georgia,serif; font-size:20px; font-weight:400; }
.integration-copy > p:not(.section-kicker) { color:#566970; font-size:16px; line-height:1.75; }
.check-list { margin:35px 0 0; padding:0; list-style:none; }
.check-list li { display:flex; gap:20px; padding:20px 0; border-top:1px solid #c9d3d5; }
.check-list li > span { flex:0 0 35px; color:var(--blue); font-family:Georgia,serif; }
.check-list strong { font-size:16px; }
.check-list p { margin:6px 0 0; color:#6a777b; font-size:13px; line-height:1.5; }
.codes-section { color:#fff; background:var(--blue-deep); }
.codes-grid { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:center; }
.code-cloud { display:flex; flex-wrap:wrap; gap:10px; }
.code-cloud span { padding:13px 16px; border:1px solid rgba(255,255,255,.35); color:#d8edf1; font-size:13px; }
.process-section { background:#fff; }
.section-header.dark-text > p { color:#657278; }
.process-line { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.process-line::before { content:""; position:absolute; left:16px; right:16px; top:25px; height:1px; background:#bed0d4; }
.process-line article { position:relative; padding-right:20px; }
.process-line b { position:relative; z-index:1; display:grid; place-items:center; width:52px; height:52px; color:#fff; background:var(--ink); border:6px solid #fff; border-radius:50%; font-family:Georgia,serif; font-weight:400; }
.process-line article:nth-child(2) b,.process-line article:nth-child(4) b { background:var(--blue); }
.process-line h3 { margin:30px 0 12px; font-size:18px; }
.process-line p { margin:0; color:#6b797e; font-size:14px; line-height:1.6; }
.faq-section { background:var(--sand); }
.faq-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:9%; }
.faq-heading { position:sticky; top:30px; align-self:start; }
.faq-heading > p:not(.section-kicker) { color:#64747a; line-height:1.7; }
.faq-heading .text-link { margin-top:15px; }
.accordion details { border-top:1px solid #bdc9cc; }
.accordion details:last-child { border-bottom:1px solid #bdc9cc; }
.accordion summary { display:flex; justify-content:space-between; gap:25px; padding:25px 0; cursor:pointer; list-style:none; font-size:17px; font-weight:700; }
.accordion summary::-webkit-details-marker { display:none; }
.accordion summary span { color:var(--blue); font-size:24px; font-weight:400; transition:transform .2s; }
.accordion details[open] summary span { transform:rotate(45deg); }
.accordion details p { margin:-7px 45px 25px 0; color:#65757a; font-size:14px; line-height:1.75; }
.contact-section { padding:110px 0; color:#fff; background:var(--ink); }
.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:9%; align-items:start; }
.contact-copy > p:not(.section-kicker) { color:#adc0c5; font-size:16px; line-height:1.75; }
.contact-details { margin-top:40px; display:grid; gap:17px; }
.contact-details a { display:flex; flex-direction:column; gap:7px; }
.contact-details small { color:#7fd9e7; font-size:10px; font-weight:800; letter-spacing:.18em; }
.contact-details strong { font-size:18px; font-weight:600; }
.contact-form { padding:36px; color:var(--ink); background:#fff; }
.form-title { display:flex; justify-content:space-between; gap:15px; margin-bottom:28px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.form-title span { font-family:Georgia,serif; font-size:25px; }
.form-title b { color:var(--blue); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.contact-form label { display:grid; gap:8px; margin-bottom:18px; color:#35494f; font-size:12px; font-weight:800; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:1px solid #c9d4d6; border-radius:0; padding:13px 14px; color:var(--ink); background:#fbfcfc; outline:0; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(6,122,153,.12); }
.contact-form textarea { resize:vertical; }
.contact-form .consent { display:flex; grid-template-columns:auto 1fr; align-items:flex-start; gap:10px; font-weight:400; line-height:1.5; }
.consent input { width:16px; margin-top:2px; }
.form-button { width:100%; border:0; }
.success-message { padding:12px; color:#0a6552; background:#e5f6f1; font-size:13px; }
.footer { color:#a9babf; background:#041116; }
.footer-main { min-height:180px; display:grid; grid-template-columns:.75fr 1fr 1fr; gap:55px; align-items:center; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-main > p { margin:0; font-size:14px; line-height:1.7; }
.footer-links { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:22px; color:#fff; font-size:12px; font-weight:700; }
.footer-bottom { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:11px; }
.footer-brand { color:#fff; }
.modal-backdrop { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:20px; background:rgba(1,12,16,.78); backdrop-filter:blur(6px); }
.modal { position:relative; width:min(520px, 100%); padding:44px; background:#fff; box-shadow:0 30px 100px rgba(0,0,0,.4); }
.modal::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--orange); }
.modal h2 { margin:0 0 15px; font-family:Georgia,serif; font-size:42px; font-weight:400; }
.modal p:not(.section-kicker) { color:#607278; line-height:1.7; }
.modal-close { position:absolute; right:12px; top:8px; border:0; padding:8px; color:#42565d; background:transparent; font-size:30px; cursor:pointer; }
.modal .button { margin-top:10px; }
@media (max-width: 980px) {
  .site-header { top:38px; }
  .menu-button { display:block; }
  .nav-links { position:absolute; top:92px; left:0; right:0; display:none; flex-direction:column; align-items:stretch; gap:0; padding:20px 24px; color:#fff; background:#07171d; box-shadow:0 20px 40px rgba(0,0,0,.2); }
  .nav-links.is-open { display:flex; }
  .nav-links > a:not(.nav-cta) { padding:14px 0; }
  .nav-links > a:not(.nav-cta)::after { display:none; }
  .nav-cta { margin-top:8px; text-align:center; }
  .hero { min-height:calc(100vh - 38px); min-height:calc(100svh - 38px); height:auto; max-height:none; padding:112px 0 60px; }
  .hero-content { padding-top:65px; }
  .trust-grid { grid-template-columns:repeat(2,1fr); }
  .trust-grid div:nth-child(3) { border-left:1px solid rgba(255,255,255,.13); }
  .split-heading,.integration-grid,.codes-grid,.faq-grid,.contact-grid { grid-template-columns:1fr; }
  .split-heading,.section-header { gap:35px; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .feature-grid article:nth-child(2) { border-right:0; }
  .feature-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .integration-image { width:min(620px,100%); }
  .faq-heading { position:static; }
  .footer-main { grid-template-columns:1fr 1fr; padding-block:45px; }
  .footer-links { grid-column:1/-1; justify-content:flex-start; }
}
@media (max-width: 720px) {
  .shell { width:min(100% - 32px, 1180px); }
  .topbar-inner { min-height:44px; }
  .topbar p { display:none; }
  .topbar-inner div { width:100%; justify-content:space-between; gap:6px; font-size:10px; }
  .site-header { top:44px; }
  .nav-wrap { min-height:76px; }
  .nav-links { top:76px; }
  .brand strong { font-size:16px; }
  .brand em { font-size:8px; }
  .brand-mark { width:31px; height:31px; }
  .brand-mark i:nth-child(1) { width:29px; height:29px; }
  .brand-mark i:nth-child(2) { width:20px; height:20px; }
  .brand-mark i:nth-child(3) { width:10px; height:10px; }
  .hero { min-height:calc(100vh - 44px); min-height:calc(100svh - 44px); padding:90px 0 38px; }
  .hero-content { padding-top:24px; }
  .hero h1 { font-size:clamp(39px, 12vw, 48px); }
  .hero-copy { margin-top:20px; font-size:16px; line-height:1.5; }
  .hero-actions { display:grid; margin-top:25px; gap:10px; }
  .hero-actions .button { min-height:48px; }
  .hero-points { display:grid; gap:8px; margin-top:22px; font-size:12px; }
  .scroll-cue { display:none; }
  .trust-grid { grid-template-columns:1fr 1fr; }
  .trust-grid div { min-height:84px; padding:14px; gap:10px; }
  .trust-grid strong { font-size:20px; }
  .trust-grid span { font-size:11px; }
  .section,.contact-section { padding:75px 0; }
  .section-header { display:block; }
  .section-header > p { margin-top:20px; }
  .split-heading h2,.section-header h2,.integration-copy h2,.codes-grid h2,.faq-heading h2,.contact-copy h2,.contact-copy h1 { font-size:42px; }
  .feature-grid,.application-grid { grid-template-columns:1fr; }
  .feature-grid article { min-height:220px; border-right:0; border-bottom:1px solid var(--line); }
  .feature-grid h3 { margin-top:35px; }
  .application-card { height:400px; }
  .card-copy { inset:auto 22px 24px; }
  .integration-image,.integration-image img { min-height:0; height:460px; }
  .integration-image::before { display:none; }
  .image-caption { right:0; bottom:0; }
  .process-line { grid-template-columns:1fr; gap:30px; }
  .process-line::before { left:25px; right:auto; top:20px; bottom:20px; width:1px; height:auto; }
  .process-line article { padding-left:74px; min-height:90px; }
  .process-line b { position:absolute; left:0; top:0; }
  .process-line h3 { margin:0 0 10px; }
  .field-row { grid-template-columns:1fr; gap:0; }
  .contact-form { padding:25px 20px; }
  .form-title { display:grid; }
  .footer-main { grid-template-columns:1fr; gap:25px; }
  .footer-links { grid-column:auto; }
  .footer-bottom { padding:20px 0; align-items:flex-start; flex-direction:column; }
  .modal { padding:34px 27px; }
}

/* Buyer guides and answer-led SEO content */
.buyer-guides { background:#f2f5f5; }
.buyer-guides .section-header { margin-bottom:40px; }
.seo-guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.seo-guide-grid > a { min-height:210px; padding:28px; display:flex; flex-direction:column; color:var(--ink); background:#fff; text-decoration:none; transition:background .2s ease,transform .2s ease; }
.seo-guide-grid > a:hover,.seo-guide-grid > a:focus-visible { background:#f7fbfc; transform:translateY(-2px); }
.seo-guide-grid span { color:var(--cyan); font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.seo-guide-grid strong { margin:18px 0 26px; font-family:Georgia, 'Times New Roman', serif; font-size:25px; line-height:1.08; font-weight:500; }
.seo-guide-grid b { margin-top:auto; color:#006f91; font-size:12px; letter-spacing:.06em; text-transform:uppercase; }
.compact-guides .seo-guide-grid > a:nth-child(n+4) { display:none; }
.compact-guides .seo-guide-grid > a { min-height:180px; }
.compact-guides h2 { max-width:760px; margin:10px 0 35px; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(38px,5vw,60px); line-height:1; font-weight:500; }

.guide-hero { min-height:600px; }
.guide-hero .shell { padding-bottom:86px; }
.guide-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(280px,360px); gap:80px; align-items:start; }
.guide-content { min-width:0; }
.answer-box { margin-bottom:55px; padding:25px 28px; border-left:4px solid var(--orange); background:#eef7f9; color:#173139; font-size:18px; line-height:1.65; }
.guide-section { padding:0 0 46px; margin-bottom:46px; border-bottom:1px solid var(--line); }
.guide-section:last-child { margin-bottom:0; }
.guide-section h2 { margin:0 0 22px; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(34px,4vw,48px); line-height:1.05; font-weight:500; }
.guide-section p,.guide-section li { color:#39535b; font-size:17px; line-height:1.75; }
.guide-section a { color:#006f91; font-weight:700; text-underline-offset:3px; }
.guide-list { padding:0; margin:24px 0; list-style:none; }
.guide-list li { position:relative; padding:14px 0 14px 27px; border-bottom:1px solid #dbe3e5; }
.guide-list li::before { content:'✓'; position:absolute; left:0; color:var(--orange); font-weight:900; }
.guide-aside { position:sticky; top:155px; }
.guide-aside > div { padding:32px; background:var(--ink); color:#fff; }
.guide-aside h2 { margin:12px 0 18px; font-family:Georgia, 'Times New Roman', serif; font-size:36px; line-height:1.05; font-weight:500; }
.guide-aside p:not(.section-kicker) { color:#c8d7db; line-height:1.65; }
.guide-aside .button { width:100%; margin-top:12px; }
.guide-phone { display:block; margin-top:20px; color:#fff; text-align:center; font-weight:800; }
.table-wrap { margin:25px 0; overflow-x:auto; }
.comparison-table { width:100%; min-width:650px; border-collapse:collapse; text-align:left; }
.comparison-table th { padding:16px; background:var(--ink); color:#fff; font-size:13px; letter-spacing:.06em; text-transform:uppercase; }
.comparison-table td { padding:16px; border:1px solid #dbe3e5; vertical-align:top; color:#39535b; line-height:1.5; }
.comparison-table tbody tr:nth-child(even) td { background:#f5f7f7; }
.source-note { padding:16px 18px; background:#f4f6f6; border-left:3px solid var(--cyan); font-size:14px!important; }
.guide-faq { background:#f2f5f5; }
.related-guides { background:var(--ink); color:#fff; }
.related-guides h2 { margin:10px 0 35px; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(42px,6vw,65px); font-weight:500; }
.related-guides .seo-guide-grid { border-color:#294048; background:#294048; }

@media (max-width: 980px) {
  .seo-guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-layout { grid-template-columns:1fr; gap:55px; }
  .guide-aside { position:static; }
}
@media (max-width: 620px) {
  .seo-guide-grid { grid-template-columns:1fr; }
  .seo-guide-grid > a { min-height:165px; padding:23px; }
  .compact-guides .seo-guide-grid > a:nth-child(n+3) { display:none; }
  .guide-hero { min-height:540px; }
  .guide-hero .shell { padding-bottom:55px; }
  .answer-box { padding:20px; font-size:16px; }
  .guide-section p,.guide-section li { font-size:16px; }
  .guide-aside > div { padding:25px; }
}
@media (min-width:981px) and (max-height:720px) {
  .hero { min-height:calc(100vh - 38px); min-height:calc(100svh - 38px); }
  .hero-content { padding-top:92px; }
  .eyebrow { margin-bottom:16px; }
  .hero h1 { font-size:clamp(48px, 5.5vw, 72px); }
  .hero-copy { margin-top:20px; font-size:18px; line-height:1.45; }
  .hero-actions { margin-top:24px; }
  .hero-actions .button { min-height:50px; }
  .hero-points { margin-top:22px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }

/* Search guide directory and legacy answer panels retained in this release */
.guide-meta { display:flex; flex-wrap:wrap; gap:10px 22px; margin:22px 0 0; color:#bcd0d4; font-size:12px; font-weight:700; letter-spacing:.04em; }
.answer-panel { margin:0 0 34px; padding:28px 30px; border-left:5px solid var(--orange); background:#edf7f9; }
.answer-panel h2 { margin:0 0 12px; font-family:Georgia,'Times New Roman',serif; font-size:30px; font-weight:400; }
.answer-panel p { margin:0; color:#314b54; font-size:17px; line-height:1.75; }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:45px; }
.guide-card { display:flex; min-height:310px; flex-direction:column; padding:30px; border:1px solid var(--line); background:#fff; transition:transform .25s,box-shadow .25s,border-color .25s; }
.guide-card:hover { transform:translateY(-5px); border-color:#9abfc8; box-shadow:0 16px 38px rgba(5,34,43,.09); }
.guide-card > b { color:var(--blue); font-family:Georgia,serif; font-size:15px; font-weight:400; }
.guide-card h3 { margin:46px 0 13px; font-family:Georgia,'Times New Roman',serif; font-size:26px; font-weight:400; line-height:1.15; }
.guide-card p { margin:0 0 24px; color:#62747a; font-size:14px; line-height:1.7; }
.guide-card a { display:inline-flex; gap:18px; margin-top:auto; color:var(--ink); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.guide-card a span { color:var(--orange); }
.content-copy .related-guides { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; padding:0; color:inherit; background:transparent; }
.content-copy .related-guides a { padding:11px 14px; border:1px solid #aebfc3; color:var(--ink); font-size:12px; font-weight:800; }
.content-copy .related-guides a:hover { color:#fff; background:var(--blue-deep); border-color:var(--blue-deep); }
@media (max-width:980px) { .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .guide-grid { grid-template-columns:1fr; } .guide-card { min-height:250px; } .answer-panel { padding:24px 22px; } }

/* Launch-site navigation and inner pages */
.nav-dropdown { position:relative; }
.nav-dropdown > button { display:flex; align-items:center; gap:5px; min-height:92px; padding:0; border:0; color:inherit; background:transparent; font-size:14px; font-weight:700; cursor:pointer; }
.nav-dropdown > button span { color:var(--blue-bright); }
.dropdown-menu { position:absolute; top:78px; left:-22px; width:245px; display:none; padding:10px; color:var(--ink); background:#fff; box-shadow:0 18px 45px rgba(0,0,0,.22); }
.dropdown-menu a { display:block; padding:12px 13px; font-size:13px; }
.dropdown-menu a:hover { color:var(--blue); background:#edf7f9; }
.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.is-open .dropdown-menu { display:block; }
.page-hero { position:relative; min-height:555px; display:flex; align-items:flex-end; overflow:hidden; padding:210px 0 78px; color:#fff; background:var(--ink); }
.page-hero::before { content:""; position:absolute; inset:0; z-index:0; background-image:var(--page-image, url('../images/co2-laser-machine.jpg')); background-position:center; background-size:cover; }
.page-hero::after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(2,16,22,.96), rgba(2,18,24,.72) 60%, rgba(2,16,22,.42)), linear-gradient(0deg, rgba(2,15,20,.72), transparent 65%); }
.page-hero .shell { position:relative; z-index:2; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:27px; color:#bcd0d4; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.breadcrumb a:hover { color:#fff; }
.breadcrumb span { color:var(--blue-bright); }
.page-hero h1 { max-width:870px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(50px,7vw,80px); line-height:1; font-weight:400; letter-spacing:-.045em; }
.page-hero .lead { max-width:740px; margin:24px 0 0; color:#d3e0e3; font-size:19px; line-height:1.65; }
.content-section { padding:95px 0; background:#fff; }
.content-section.alt { background:var(--sand); }
.content-section.dark { color:#fff; background:var(--ink-2); }
.content-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:9%; align-items:start; }
.content-grid.reverse { grid-template-columns:.85fr 1.15fr; }
.content-copy h2,.content-title h2,.cta-banner h2 { margin:0 0 24px; font-family:Georgia,'Times New Roman',serif; font-size:clamp(38px,5vw,60px); line-height:1.05; font-weight:400; letter-spacing:-.035em; }
.content-copy h3 { margin:38px 0 12px; font-size:21px; }
.content-copy p,.content-copy li,.content-title > p { color:#5c6f75; font-size:16px; line-height:1.8; }
.dark .content-copy p,.dark .content-copy li,.dark .content-title > p { color:#b8cbd0; }
.content-copy ul { padding-left:19px; }
.content-copy li { margin-bottom:8px; }
.content-media { position:relative; }
.content-media img { width:100%; height:560px; object-fit:cover; }
.content-media .media-tag { position:absolute; right:-18px; bottom:25px; width:230px; padding:24px; color:#fff; background:var(--blue-deep); }
.content-media .media-tag small { display:block; margin-bottom:7px; color:#9ee8f2; font-weight:800; letter-spacing:.15em; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:45px; }
.benefit-grid article { padding:28px; border:1px solid var(--line); background:#fff; }
.dark .benefit-grid article { border-color:rgba(255,255,255,.16); background:rgba(255,255,255,.04); }
.benefit-grid b { color:var(--blue); font-family:Georgia,serif; font-size:15px; }
.dark .benefit-grid b { color:var(--blue-bright); }
.benefit-grid h3 { margin:35px 0 10px; font-size:18px; }
.benefit-grid p { margin:0; color:#6a787d; font-size:14px; line-height:1.65; }
.dark .benefit-grid p { color:#afc2c7; }
.facts-list { display:grid; gap:0; margin-top:28px; border-top:1px solid var(--line); }
.facts-list div { display:grid; grid-template-columns:180px 1fr; gap:20px; padding:18px 0; border-bottom:1px solid var(--line); }
.facts-list dt { font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.facts-list dd { margin:0; color:#617278; line-height:1.6; }
.mark-types { display:flex; flex-wrap:wrap; gap:9px; margin-top:25px; }
.mark-types span { padding:11px 14px; border:1px solid #c7d4d7; color:#3f555c; font-size:13px; }
.dark .mark-types span { border-color:rgba(255,255,255,.3); color:#d8e9ec; }
.cta-strip { padding:75px 0; color:#fff; background:var(--blue-deep); }
.cta-banner { display:flex; justify-content:space-between; align-items:center; gap:55px; }
.cta-banner h2 { max-width:720px; margin:0; }
.cta-banner .button { flex:0 0 auto; }
.inline-contact { padding:100px 0; color:#fff; background:var(--ink); }
.two-column-cards { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:40px; }
.two-column-cards article { padding:30px; background:#fff; border:1px solid var(--line); }
.two-column-cards h3 { margin:0 0 12px; }
.two-column-cards p { margin:0; color:#65767b; line-height:1.7; }
.note-panel { padding:25px; border-left:4px solid var(--orange); background:#f2f8f9; }
.note-panel p { margin:0; }
.dark .note-panel p { color:#29414a; }
.contact-page .site-header,.thank-you-page .site-header,.privacy-page .site-header { background:rgba(4,17,22,.22); }
.contact-page .contact-section { padding-top:220px; }
.legal-copy { max-width:850px; }
.legal-copy h2 { margin:42px 0 12px; font-size:26px; }
.legal-copy p,.legal-copy li { color:#5d7076; line-height:1.8; }
.thank-you-panel { max-width:760px; margin:0 auto; padding:60px; text-align:center; background:#fff; box-shadow:0 20px 60px rgba(4,27,34,.12); }
.thank-you-panel .status-icon { display:grid; place-items:center; width:65px; height:65px; margin:0 auto 25px; color:#fff; background:var(--blue); border-radius:50%; font-size:28px; }
.form-error { margin:0 0 20px; padding:13px 15px; color:#8b241a; background:#fdecea; border-left:4px solid #cf392b; font-size:13px; }
.form-note { margin:14px 0 0; color:#66777b; text-align:center; font-size:12px; }
.form-note a,.consent a { color:var(--blue); text-decoration:underline; }
.honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.modal-backdrop[hidden] { display:none; }
@media (max-width:980px) {
  .nav-dropdown > button { min-height:auto; padding:14px 0; }
  .dropdown-menu { position:static; width:100%; box-shadow:none; background:#0c252d; color:#fff; }
  .dropdown-menu a:hover { color:#fff; background:rgba(255,255,255,.08); }
  .nav-dropdown:hover .dropdown-menu { display:none; }
  .nav-dropdown.is-open .dropdown-menu { display:block; }
  .content-grid,.content-grid.reverse { grid-template-columns:1fr; }
  .benefit-grid { grid-template-columns:1fr 1fr; }
  .content-media { width:min(650px,100%); }
}
@media (max-width:720px) {
  .page-hero { min-height:520px; padding:170px 0 60px; }
  .page-hero h1 { font-size:48px; }
  .page-hero .lead { font-size:16px; }
  .content-section { padding:70px 0; }
  .benefit-grid,.two-column-cards { grid-template-columns:1fr; }
  .content-media img { height:430px; }
  .content-media .media-tag { right:0; bottom:0; }
  .facts-list div { grid-template-columns:1fr; gap:7px; }
  .cta-banner { align-items:flex-start; flex-direction:column; }
  .contact-page .contact-section { padding-top:170px; }
  .thank-you-panel { padding:38px 22px; }
}

/* Contrast on the existing light integration, FAQ and guide-card surfaces. */
.integration-section .section-kicker,
.integration-section .check-list li > span,
.faq-section .section-kicker,
.seo-guide-grid > a > span { color: var(--blue-deep); }
.integration-section .check-list li p,
.faq-section .faq-heading > p:not(.section-kicker),
.faq-section .accordion details > p { color: #39535b; }