/* ===================== multi-page additions ===================== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.2s ease both vtOut}::view-transition-new(root){animation:.3s ease both vtIn}
@keyframes vtOut{to{opacity:0}}@keyframes vtIn{from{opacity:0}}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--grad);z-index:60}
.menu a[aria-current=page]{color:#fff;background:rgba(255,255,255,.1);box-shadow:inset 0 -2px 0 var(--magenta)}
.menu-quote{display:none!important}
.hero-in.solo{grid-template-columns:1fr;max-width:820px}
/* eyebrow pill: keep the pulsing dot clear of the text */
.eyebrow{gap:14px;padding:8px 18px 8px 16px}
.eyebrow .dot{flex:none;animation-name:pingSmall}
@keyframes pingSmall{0%{box-shadow:0 0 0 0 rgba(0,204,204,.7)}70%{box-shadow:0 0 0 5px rgba(0,204,204,0)}100%{box-shadow:0 0 0 0 rgba(0,204,204,0)}}

/* page header */
.phead{position:relative;overflow:hidden;color:#fff;padding:150px 0 90px;background:radial-gradient(900px 500px at 80% 0%,#0b4a7a 0%,transparent 60%),linear-gradient(160deg,#061a2e,var(--deep) 70%)}
.phead-in{position:relative;max-width:860px}
.phead h1{color:#fff;font-size:clamp(34px,5vw,60px);font-weight:800;letter-spacing:-.03em;margin:20px 0 18px}
.phead .lead{font-size:19px}
.phead .hero-cta{margin:28px 0 0}
.phead-badge{display:inline-flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.25);margin-bottom:22px}
.phead-badge .medal{width:50px;height:50px}.phead-badge span{font-size:13px;color:#D6E2EE;line-height:1.3}.phead-badge b{font:800 17px var(--h);color:#fff}
.phead-badge+.eyebrow{display:none}
.phead.nf{min-height:80vh;display:flex;align-items:center}

/* cards */
.cards-sec{padding:100px 0}.cards-sec.soft{background:var(--soft)}
.cards-sec.dark{background:var(--deep)}.cards-sec.dark h2,.cards-sec.dark h3{color:#fff}.cards-sec.dark .svc{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09)}.cards-sec.dark .sub,.cards-sec.dark .svc p{color:#A9BBCD}
.svc-grid.cols-2{grid-template-columns:repeat(2,1fr)}.svc-grid.cols-3{grid-template-columns:repeat(3,1fr)}.svc-grid.cols-4{grid-template-columns:repeat(4,1fr)}
a.svc{text-decoration:none;color:inherit;display:block}
.svc .more{display:inline-block;margin-top:14px;font-weight:600;font-size:14px;color:var(--plum)}
.contact-card .cv{font:700 18px var(--h);color:var(--navy);margin-bottom:6px!important;overflow-wrap:anywhere}
.spot::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(138,108,247,.12),transparent 45%)}
.spot:hover::before{opacity:1}
.pf-panel[hidden],.siq-panel[hidden]{display:none}

/* split */
.split{padding:110px 0;position:relative;overflow:hidden}
.split.soft{background:var(--soft)}
.split.dark{background:linear-gradient(170deg,#08243d,var(--deep));color:#fff}.split.dark h2{color:#fff}.split.dark .ticks li{color:#D6E2EE}
.split.dark::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(201,53,250,.22),transparent 65%);right:-200px;top:-200px;pointer-events:none}
.split-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.split-in.flip .split-copy{order:2}
.split-img{border-radius:22px;box-shadow:var(--shadow)}
.split .tx{background:#fff;color:var(--ink);border-radius:22px;padding:26px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(1.5deg)}
.split-viz.in .ln{opacity:1;transform:none}.split-viz.in .ln:nth-child(3){transition-delay:.6s}.split-viz.in .ln:nth-child(4){transition-delay:1.2s}
.split-viz.in mark.m1{background:rgba(201,53,250,.18)}.split-viz.in mark.m2{background:rgba(255,170,0,.25)}
.split-viz.in .tags span{opacity:1;transform:none}
.split-viz.in .tags .t1{transition-delay:2.2s}.split-viz.in .tags .t2{transition-delay:2.5s}.split-viz.in .tags .t3{transition-delay:2.9s}
/* fax animation */
.faxviz{position:relative;height:380px}
.fx-doc{position:absolute;left:0;top:70px;width:140px;height:180px;background:#fff;border-radius:10px;box-shadow:0 20px 40px -15px rgba(7,54,91,.4);padding:22px 18px;display:grid;gap:10px;align-content:start;animation:faxfly 4s ease-in-out infinite;z-index:1}
.fx-doc i{display:block;height:7px;border-radius:4px;background:#E3E9F0}.fx-doc i.s{width:60%}
.fx-doc b{position:absolute;bottom:14px;right:14px;font:800 12px var(--h);color:#fff;background:var(--hot);padding:4px 8px;border-radius:6px}
@keyframes faxfly{0%,15%{transform:translate(0,0) rotate(-6deg);opacity:1}55%{transform:translate(160px,20px) rotate(4deg) scale(.5);opacity:0}56%,80%{transform:translate(0,0) rotate(-6deg);opacity:0}100%{opacity:1;transform:translate(0,0) rotate(-6deg)}}
.fx-inbox{position:absolute;right:0;top:20px;width:min(300px,62%);background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:16px;border:1px solid var(--line)}
.fx-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}
.fx-row{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;margin-bottom:6px}
.fx-row.new{background:linear-gradient(90deg,rgba(201,53,250,.1),transparent);animation:newrow 4s ease-in-out infinite}
@keyframes newrow{0%,50%{opacity:0;transform:translateY(-8px)}60%,100%{opacity:1;transform:none}}
.fx-row b{display:block;font-size:14px}.fx-row small{color:var(--muted);font-size:12px}
.pdf{flex:none;width:36px;height:42px;border-radius:7px;background:#ffe9e9;color:#d12f35;font:800 10px var(--h);display:grid;place-items:center}
.fx-path{display:none}
/* phone mock */
.phoneviz{display:grid;place-items:center}
.ph-screen{width:260px;height:460px;border-radius:40px;background:linear-gradient(170deg,#0b2f52,#040f1c);border:8px solid #1b2733;color:#fff;display:flex;flex-direction:column;align-items:center;padding:40px 20px;box-shadow:var(--shadow);text-align:center}
.ph-top{font-size:13px;color:#9FB3C8;margin-bottom:40px}.ph-av{width:90px;height:90px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font:800 28px var(--h);margin-bottom:16px;animation:ring 1.5s infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(0,204,204,.6)}100%{box-shadow:0 0 0 30px rgba(0,204,204,0)}}
.ph-screen small{color:#9FB3C8}.ph-btns{margin-top:auto;display:flex;gap:60px}.ph-btns span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:22px}.dec{background:#e5484d}.acc{background:#16c784}

/* 3CX features */
.feat{padding:100px 0;background:linear-gradient(180deg,#fff,var(--soft))}
.chipbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:-16px 0 34px}
.chip{border:1.5px solid var(--line);background:#fff;color:var(--navy);font:600 14px var(--b);padding:9px 16px;border-radius:999px;cursor:pointer;transition:.2s}
.chip b{font-weight:700;color:var(--muted);margin-left:4px;font-size:12px}
.chip:hover{border-color:var(--violet)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}.chip.on b{color:#9FB3C8}
.chip.ghost{background:transparent}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fcard{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:var(--r);background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}
.fcard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.fcard.out{display:none}
.fcard.pop{animation:fadeUp .35s ease both}
.fcat{align-self:flex-start;font:700 11px var(--b);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:linear-gradient(135deg,rgba(0,204,204,.12),rgba(138,108,247,.12));color:var(--plum);margin-bottom:14px}
.fcard h3{font-size:18px}.fcard p{color:var(--muted);font-size:15px;flex:1}.fcard small{color:var(--muted);font-size:12px}
.feat-foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:30px}

/* SurfacerIQ capabilities */
.siq .sec-head.light-head h2{color:#fff}.siq .sec-head.light-head .sub{color:#B9C9DA}.siq .sec-head.light-head .kicker{color:var(--teal)}
.siq-tabs{position:relative;display:grid;grid-template-columns:260px 1fr;gap:28px;margin-bottom:40px}
.siq-tablist{display:flex;flex-direction:column;gap:8px}
.siq-tab{text-align:left;display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#D6E2EE;font:600 16px var(--h);cursor:pointer;transition:.25s}
.siq-tab .n{font:700 12px var(--b);color:var(--teal)}
.siq-tab:hover{background:rgba(255,255,255,.07)}
.siq-tab[aria-selected=true]{background:linear-gradient(135deg,rgba(201,53,250,.3),rgba(138,108,247,.18));border-color:rgba(201,53,250,.5);color:#fff}
.siq-panel{border-radius:22px;padding:32px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.siq-sum{font-size:18px;color:#D6E2EE;margin-bottom:24px}
.siq-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pt{padding:18px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:.25s}
.pt:hover{background:rgba(255,255,255,.08);transform:translateY(-3px)}
.pt span{font:700 12px var(--b);color:var(--magenta)}.pt b{display:block;color:#fff;font:600 16px var(--h);margin:6px 0}.pt p{margin:0;color:#A9BBCD;font-size:14px}
.siq-more{display:inline-block;margin-top:20px;color:var(--teal);font-weight:600;text-decoration:none}
.siq-hl{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}
.hl{padding:20px;border-left:3px solid var(--magenta);background:rgba(255,255,255,.03);border-radius:0 14px 14px 0}
.hl b{color:#fff;font:600 16px var(--h)}.hl p{margin:6px 0 0;color:#A9BBCD;font-size:14px}
.siq-ind{position:relative;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:10px}
.siq-ind span{color:#9FB3C8;font-size:14px;margin-right:6px}
.siq-ind a{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.siq-ind a::first-letter{text-transform:uppercase}
.siq-ind a:hover{background:rgba(255,255,255,.1)}
.arts{padding:90px 0;background:var(--soft)}
.arts .siq-item{background:#fff;border-color:var(--line)}.arts .siq-item b{color:var(--ink)}.arts .siq-item span{color:var(--muted)}.arts .siq-item small{color:var(--plum)}
.arts .updated{color:var(--muted)}

/* stats */
.stats{padding:70px 0;background:var(--grad);color:#fff}
.stats-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:center}
.stat b{display:block;font:800 clamp(38px,5vw,60px)/1.1 var(--h);letter-spacing:-.03em;margin-bottom:6px}
.stat span{font-size:16px;opacity:.92}

/* faq */
.faq{padding:100px 0}
.faq-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.faq-list{display:grid;gap:12px}
.faq details{border:1px solid var(--line);border-radius:16px;background:#fff;transition:box-shadow .3s}
.faq details[open]{box-shadow:var(--shadow);border-color:transparent}
.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font:600 17px var(--h);color:var(--ink);display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--soft);position:relative;transition:.3s}
.faq summary span::before,.faq summary span::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:var(--plum);border-radius:2px;transition:.3s}
.faq summary span::after{transform:rotate(90deg)}
.faq details[open] summary span{background:var(--hot)}.faq details[open] summary span::before,.faq details[open] summary span::after{background:#fff}
.faq details[open] summary span::after{transform:rotate(0)}
.faq details div{padding:0 24px 20px;color:var(--muted)}

/* logo grid */
.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:60px}
.logo-grid .logo-card{width:auto}

/* pricing builder */
.pricing{padding:80px 0 100px;background:var(--soft)}
.pb{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
.pb-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.pb-presets>span{font-weight:600;color:var(--navy);margin-right:4px}
.pb-cat-h{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:26px 0 12px}
.pb-items{display:grid;gap:10px}
.pb-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#fff;border:1.5px solid var(--line);cursor:grab;transition:transform .2s,box-shadow .2s,border-color .2s;user-select:none}
.pb-item:hover{border-color:var(--violet);transform:translateX(4px);box-shadow:0 10px 24px -14px rgba(7,54,91,.4)}
.pb-item.dragging{opacity:.4}
.pb-item.added{border-color:rgba(201,53,250,.5);background:linear-gradient(90deg,rgba(201,53,250,.05),#fff)}
.pb-item .svc-ic{width:44px;height:44px;margin:0;flex:none;border-radius:12px}.pb-item .svc-ic svg{width:22px;height:22px}
.pb-txt{flex:1;min-width:0}.pb-txt b{display:block;font:600 15px var(--h);color:var(--ink)}.pb-txt small{color:var(--muted);font-size:13px}
.pb-price{text-align:right;flex:none}.pb-price b{display:block;font:700 17px var(--h);color:var(--navy)}.pb-price small{color:var(--muted);font-size:12px}
.pb-add{flex:none;width:30px;height:30px;border-radius:50%;background:var(--soft);color:var(--plum);display:grid;place-items:center;font-weight:700;font-size:18px;transition:.2s}
.pb-item:hover .pb-add{background:var(--hot);color:#fff}
.pb-plan{position:sticky;top:90px;background:#fff;border-radius:24px;box-shadow:0 40px 80px -30px rgba(7,54,91,.35);border:1px solid var(--line);padding:22px;display:grid;gap:16px}
.pb-drop{border:2px dashed var(--line);border-radius:18px;padding:16px;min-height:240px;transition:.25s}
.pb-drop.over{border-color:var(--magenta);background:rgba(201,53,250,.05);box-shadow:inset 0 0 0 4px rgba(201,53,250,.08)}
.pb-plan-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.pb-plan-h h3{margin:0;font-size:20px}.pb-plan-h span{color:var(--muted);font-size:13px}
.pb-empty{display:grid;place-items:center;text-align:center;padding:40px 10px;color:var(--muted)}
.pb-empty-ic{font-size:34px;color:var(--violet);animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{50%{transform:translateX(10px)}}
.pb-empty b{color:var(--navy);font-family:var(--h)}
.pb-lines{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.pb-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px;border-radius:12px;background:var(--soft);animation:fadeUp .3s ease both}
.pb-line b{font:600 14px var(--h)}.pb-line .amt{font:700 14px var(--h);color:var(--navy);text-align:right}
.pb-line .ctl{grid-column:1/-1;display:flex;align-items:center;gap:10px}
.pb-line input[type=range]{flex:1;min-width:0;margin:0}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;flex:none}
.qty button{width:30px;height:30px;border:0;background:none;font-size:16px;cursor:pointer;color:var(--navy)}
.qty input{width:48px;border:0;text-align:center;font:600 14px var(--b);padding:4px;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{appearance:none}
.rm{border:0;background:none;color:var(--muted);cursor:pointer;font-size:18px;padding:2px 6px;flex:none}.rm:hover{color:#d12f35}
.pb-tot{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pb-tot div{padding:16px;border-radius:16px;background:linear-gradient(135deg,var(--navy),#0d4a7c);color:#fff;min-width:0}
.pb-tot div+div{background:linear-gradient(135deg,var(--plum),var(--violet))}
.pb-tot span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.8}
.pb-tot b{font:800 28px var(--h);font-variant-numeric:tabular-nums}
.pb-tot p{grid-column:1/-1;margin:0;color:var(--muted)}
.pb-send:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.pb-note{font-size:12px;color:var(--muted);margin:0;text-align:center}
.pb-fly{position:fixed;z-index:80;pointer-events:none;width:36px;height:36px;border-radius:50%;background:var(--hot);transition:transform .6s cubic-bezier(.5,-.3,.5,1),opacity .6s}

/* quote form extras */
.plan-chip{margin:-8px 0 18px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,rgba(0,204,204,.1),rgba(201,53,250,.1));font-size:14px;color:var(--navy)}
.plan-chip b{font-family:var(--h)}.plan-chip button{border:0;background:none;color:var(--plum);cursor:pointer;font-weight:600}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin:6px 0 4px;line-height:1.5}
.consent input{margin-top:3px;width:auto;flex:none;accent-color:var(--magenta)}
.consent a{color:var(--plum)}
.wz-step .fl input[list]{padding:22px 16px 8px}

/* legal pages */
.legal-head{padding-bottom:70px}
.legal-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.legal-meta span{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:14px;color:#D6E2EE}
.legal-meta b{color:#fff}
.linkbtn{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:999px;padding:8px 14px;font:500 14px var(--b);cursor:pointer}
.linkbtn:hover{background:rgba(255,255,255,.1)}
.legal{padding:60px 0 100px;background:var(--soft)}
.legal-in{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.legal-toc{position:sticky;top:96px;display:grid;gap:2px;max-height:calc(100vh - 120px);overflow:auto;padding-right:6px}
.legal-toc p{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 8px}
.legal-toc a{text-decoration:none;color:var(--muted);font-size:14px;padding:7px 12px;border-radius:9px;border-left:2px solid transparent;transition:.2s}
.legal-toc a:hover{color:var(--navy);background:#fff}
.legal-toc a.on{color:var(--plum);border-left-color:var(--magenta);background:#fff;font-weight:600}
.legal-other{margin-top:24px;display:grid;gap:2px}
.legal-doc{background:#fff;border:1px solid var(--line);border-radius:24px;padding:48px 56px;box-shadow:0 30px 60px -40px rgba(7,54,91,.4)}
.prose{font-size:16.5px;line-height:1.75;color:var(--text)}
.prose h2{font-size:24px;margin:44px 0 14px;padding-top:6px;scroll-margin-top:96px;display:flex;align-items:center;gap:12px}
.prose h2::before{content:"";width:6px;height:24px;border-radius:3px;background:var(--grad);flex:none}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:19px;margin:28px 0 10px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 1.2em}
.prose li{margin:6px 0}.prose li::marker{color:var(--magenta)}
.prose a{color:var(--plum);font-weight:600}
.prose strong{color:var(--ink)}
.richtext{padding:90px 0}.narrow{max-width:820px}

/* responsive */
@media (max-width:1180px){.nav-phone{display:none}.menu a{padding:8px 9px;font-size:14.5px}}
@media (max-width:1080px){.svc-grid.cols-4{grid-template-columns:repeat(2,1fr)}.feat-grid{grid-template-columns:repeat(2,1fr)}.siq-points{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .split-in,.faq-in,.pb,.legal-in,.siq-tabs{grid-template-columns:1fr}
  .split-in.flip .split-copy{order:0}
  .svc-grid.cols-3{grid-template-columns:repeat(2,1fr)}
  .siq-hl{grid-template-columns:1fr}
  .siq-tablist{flex-direction:row;overflow-x:auto}.siq-tab{flex:none}
  .pb-plan{position:static}
  .legal-toc{display:none}
  .legal-doc{padding:28px 22px}
  .menu-quote{display:block!important;margin-top:6px;text-align:center;background:var(--hot);color:#fff!important}
  .nav-cta{display:none!important}
  .faxviz{height:auto}.fx-doc{display:none}.fx-inbox{position:static;width:auto}
}
@media (max-width:600px){
  .svc-grid.cols-2,.svc-grid.cols-3,.svc-grid.cols-4,.feat-grid,.siq-points{grid-template-columns:1fr}
  .phead{padding:120px 0 60px}
  .pb-tot b{font-size:22px}
  .pb-item{flex-wrap:wrap}.pb-price{text-align:left}
  .ph-screen{width:230px;height:420px}
}
@media print{
  .nav,.foot,.legal-toc,.linkbtn,.progress,.hero-bg{display:none!important}
  .phead{background:none;color:#000;padding:0}.phead h1,.legal-meta b,.legal-meta span,.phead .lead{color:#000}
  .legal{background:none;padding:0}.legal-in{display:block}.legal-doc{box-shadow:none;border:0;padding:0}
  .reveal{opacity:1;transform:none}
}

/* headline spacing: gradient words must not touch the next line */
h1,h2{line-height:1.18}
.hero h1,.phead h1{line-height:1.14}
.hero h1,.phead h1,h2{-webkit-box-decoration-break:clone;box-decoration-break:clone}