/* Coveryou 2026 — one motif: the hexagon from the Coveryou mark. Brand palette and type kept. */
:root{
  --navy:#00415c;--sky:#007e99;--accent:#5dd6ea;--accent-strong:#8be6f2;--ink:#0a2530;--paper:#ffffff;--mist:#eaf3f5;--mist-2:#d9eaee;--muted:#3e5a64;
  --t1:#00415c;--t2:#0d5571;--t3:#1a6480;--t4:#5b9cb0;--t5:#86b7c5;--t6:#c3dde4;
  --hex:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
  --chamfer:polygon(14px 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,14px 100%,0 50%);
  --fs-display:clamp(44px,6.2vw,96px);--fs-h2:clamp(32px,3.7vw,56px);--fs-statement:clamp(24px,2.5vw,36px);--fs-h3:22px;--fs-body:18px;--fs-small:15px;
  --m:clamp(20px,4.4vw,64px);--gap:clamp(96px,11vw,176px);
  --ease-out:cubic-bezier(.2,.7,.2,1);--ease-soft:cubic-bezier(.25,.8,.25,1);
}
.cy *,.cy *::before,.cy *::after{box-sizing:border-box}
body.cy{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body,'Inter',sans-serif);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased}
.cy img{max-width:100%;display:block}
:where(.cy a){color:inherit}
:where(.cy h1,.cy h2,.cy h3){font-family:var(--font-display,'General Sans',sans-serif);margin:0;font-weight:600;letter-spacing:-.025em;color:inherit}
:where(.cy h1){font-size:var(--fs-display);line-height:.98;letter-spacing:-.035em}
:where(.cy h2){font-size:var(--fs-h2);line-height:1.04}
:where(.cy h3){font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.01em}
:where(.cy p){margin:0}
.cy-wrap{padding-inline:var(--m);max-width:1600px;margin-inline:auto}
.cy-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cy-skip{position:absolute;left:-999px}.cy-skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.5rem 1rem}
.cy :focus-visible{outline:3px solid var(--sky);outline-offset:3px}

/* Buttons: cut to the hexagon's angle */
.cy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:54px;padding:0 1.9rem;font:600 17px var(--font-body,'Inter',sans-serif);text-decoration:none;border:0;cursor:pointer;clip-path:var(--chamfer);transition:transform 120ms var(--ease-out),background-color 160ms ease,color 160ms ease;white-space:nowrap}
.cy-btn:active{transform:scale(.97)}
.cy-btn--accent{background:var(--accent);color:var(--ink)}
.cy-btn--navy{background:var(--navy);color:#fff}
.cy-btn--ink{background:var(--ink);color:#fff}
.cy-btn--paper{background:#fff;color:var(--navy)}
.cy-btn:focus-visible{outline:none;background:var(--ink);color:var(--accent)}
.cy-btn--ink:focus-visible{background:#fff;color:var(--ink)}
@media (hover:hover) and (pointer:fine){
  .cy-btn--accent:hover{background:var(--accent-strong)}
  .cy-btn--navy:hover{background:var(--ink)}
  .cy-btn--ink:hover{background:var(--navy)}
  .cy-btn--paper:hover{background:var(--mist)}
}
.cy-link{font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.22em;text-decoration-thickness:.08em;transition:text-decoration-color 160ms ease}
@media (hover:hover){.cy-link:hover{text-decoration-color:currentColor}}
.cy-actions{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}

/* Hex bullet */
.cy-hexlist{list-style:none;margin:0;padding:0}
.cy-hexlist li{position:relative;padding-left:30px;margin-bottom:14px}
.cy-hexlist li::before{content:"";position:absolute;left:0;top:.42em;width:15px;height:13px;background:var(--sky);clip-path:var(--hex)}

/* Utility bar + header */
.cy-util{background:var(--ink);color:#d4e6eb;font-size:var(--fs-small)}
.cy-util .cy-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:40px}
.cy-util nav{display:flex;gap:26px}
.cy-util a{text-decoration:none;color:#fff}
.cy-util nav a{color:#bcd6dd}.cy-util nav a:hover{color:#fff}
.cy-util b{font-weight:600}
.cy-head{position:sticky;top:0;z-index:50;background:var(--paper)}
.cy-head .cy-wrap{display:flex;align-items:center;gap:28px;height:84px}
.cy-logo img{height:36px;width:auto}
.cy-nav{display:flex;gap:4px;margin:0 0 0 auto;padding:0;align-items:center;list-style:none}
.cy-nav>li{position:relative}
.cy-nav ul{margin:0;padding:0;list-style:none}
.cy-nav__top{font:600 16px var(--font-body,'Inter',sans-serif);color:var(--ink);text-decoration:none;padding:12px 14px;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color 160ms ease,background-color 160ms ease}
.cy-nav__top svg{width:14px;height:14px;transition:transform 200ms var(--ease-out)}
.cy-nav li.open .cy-nav__top svg{transform:rotate(180deg)}
.cy-nav__top:hover,.cy-nav [aria-current=page]{color:var(--sky)}
.cy-drop{position:absolute;top:100%;left:0;width:380px;background:#fff;padding:10px;display:none;box-shadow:0 22px 50px rgba(6,33,43,.18)} /* taste-skill-ignore: floating menu */
.cy-nav li.open .cy-drop{display:block}
.cy-drop a{display:block;padding:12px 14px;text-decoration:none;color:var(--ink);transition:background-color 140ms ease}
.cy-drop a:hover,.cy-drop a:focus-visible{background:var(--mist)}
.cy-drop strong{display:block;font-size:16px}
.cy-drop span{display:block;font-size:15px;color:var(--muted);line-height:1.4;margin-top:2px}
.cy-burger{display:none;margin-left:auto;background:var(--mist);border:0;width:48px;height:48px;cursor:pointer;align-items:center;justify-content:center;clip-path:var(--hex)}
.cy-burger svg{width:22px;height:22px}
.cy-mnav{display:none}
@media (max-width:1100px){
  .cy-nav,.cy-head__cta,.cy-util nav{display:none}
  .cy-burger{display:inline-flex}
  .cy-head .cy-wrap{height:68px}
  .cy-logo img{height:30px}
  .cy-mnav.open{display:block;position:fixed;inset:0;background:#fff;z-index:80;overflow:auto;padding:0 20px 40px}
  .cy-mnav__top{display:flex;justify-content:space-between;align-items:center;height:68px}
  .cy-mnav h2{font-size:15px;font-family:var(--font-body,'Inter',sans-serif);color:var(--muted);margin:26px 0 6px;letter-spacing:0;font-weight:600}
  .cy-mnav a.cy-mnav__item{display:block;padding:11px 0;font-weight:600;font-size:18px;color:var(--ink);text-decoration:none}
  .cy-mnav .cy-btn{width:100%;margin-top:14px}
}

/* Home hero: the giant hexagon holds the photograph */
.cy-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;min-height:min(86svh,860px);display:flex;align-items:center}
.cy-hero__shape{position:absolute;top:50%;left:50%;height:128%;aspect-ratio:1.1547;transform:translateY(-50%);clip-path:var(--hex)}
.cy-hero__shape--accent{background:var(--accent);left:47%}
.cy-hero__shape img{width:100%;height:100%;object-fit:cover;object-position:28% 40%}
.cy-hero__text{position:relative;z-index:1;width:44%;padding:72px 0}
.cy-hero h1{max-width:15ch}
.cy-hero__lead{font-size:19px;line-height:1.5;color:#e2f1f5;max-width:40ch;margin-top:36px}
.cy-hero .cy-actions{margin-top:40px}
.cy-hero .cy-link{color:#fff}
@media (max-width:860px){
  .cy-hero{display:block;min-height:0;padding-bottom:92vw}
  .cy-hero__text{width:auto;padding:56px 0 0}
  .cy-hero h1{font-size:11.5vw;max-width:none}
  .cy-hero__lead{font-size:17px;margin-top:22px}
  .cy-hero__shape{top:auto;bottom:-18vw;left:50%;height:auto;width:130vw;transform:translateX(-50%)}
  .cy-hero__shape--accent{left:44%}
}

/* Page hero (sub-pages) */
.cy-phero{position:relative;background:var(--navy);color:#fff;overflow:hidden;min-height:600px;display:flex;align-items:center}
.cy-phero .cy-hero__shape{left:56%;height:122%}
.cy-phero .cy-hero__shape--accent{left:53.5%}
.cy-phero .cy-hero__text{width:50%}
.cy-phero h1{font-size:clamp(42px,5vw,80px);max-width:12ch}
@media (max-width:860px){
  .cy-phero{display:block;min-height:0;padding-bottom:84vw}
  .cy-phero .cy-hero__text{width:auto}
  .cy-phero h1{font-size:10.5vw}
  .cy-phero .cy-hero__shape{top:auto;bottom:-22vw;left:50%;height:auto;width:124vw;transform:translateX(-50%)}
  .cy-phero .cy-hero__shape--accent{left:45%}
}

/* Sections */
.cy-sec{padding-block:var(--gap)}
.cy-sec--mist{background:var(--mist)}
.cy-sec--navy{background:var(--navy);color:#fff}
.cy-sec--ink{background:var(--ink);color:#fff}
.cy-sec--tight{padding-block:clamp(56px,6vw,96px)}
.cy-intro{display:grid;grid-template-columns:5fr 1fr 6fr;align-items:end;gap:24px;margin-bottom:64px}
.cy-intro p{grid-column:3;font-size:var(--fs-body);max-width:52ch}
@media (max-width:860px){.cy-intro{grid-template-columns:1fr;margin-bottom:40px}.cy-intro p{grid-column:1}}

/* Live thing: help chooser */
.cy-choose{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,88px);align-items:start;margin-top:56px}
.cy-choose__opts{display:flex;flex-direction:column;gap:6px}
.cy-opt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;font:600 20px var(--font-display,'General Sans',sans-serif);letter-spacing:-.01em;color:var(--ink);background:#fff;border:0;padding:20px 22px;cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 120ms var(--ease-out)}
.cy-opt::before{content:"";flex:0 0 18px;height:16px;background:var(--mist-2);clip-path:var(--hex);transition:background-color 160ms ease}
.cy-opt:active{transform:scale(.985)}
.cy-opt[aria-selected=true]{background:var(--navy);color:#fff}
.cy-opt[aria-selected=true]::before{background:var(--accent)}
@media (hover:hover){.cy-opt:not([aria-selected=true]):hover{background:var(--mist-2)}}
.cy-ans{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.cy-ans[hidden]{display:none}
.cy-ans__pic{clip-path:var(--hex);aspect-ratio:1.1547}
.cy-ans__pic img{width:100%;height:100%;object-fit:cover}
.cy-ans h3{font-size:clamp(28px,2.6vw,40px);line-height:1.08;letter-spacing:-.02em}
.cy-ans p{margin-top:18px}
.cy-ans .cy-actions{margin-top:28px}
.cy-ans__tel{display:block;margin-top:18px;font-weight:600;font-size:var(--fs-body)}
html:not(.js) .cy-ans[hidden]{display:grid;margin-bottom:48px}
@media (max-width:1000px){.cy-choose{grid-template-columns:1fr}.cy-ans{grid-template-columns:1fr}.cy-ans__pic{max-width:420px}}
@media (max-width:600px){.cy-opt{font-size:18px;padding:17px 18px}}

/* Statement with picture words */
.cy-statement{font-family:var(--font-display,'General Sans',sans-serif);font-weight:500;font-size:var(--fs-statement);line-height:1.3;letter-spacing:-.015em;max-width:30em}
.cy-slot{display:inline-block;width:1.9em;height:1em;vertical-align:-.14em;margin:0 .12em;clip-path:var(--chamfer);overflow:hidden}
.cy-slot img{width:100%;height:100%;object-fit:cover}
.cy-statement-foot{display:grid;grid-template-columns:6fr 6fr;margin-top:72px}
.cy-statement-foot>div{grid-column:2;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
@media (max-width:860px){.cy-statement{font-size:24px}.cy-slot{width:1.5em}.cy-statement-foot{grid-template-columns:1fr;margin-top:40px}.cy-statement-foot>div{grid-column:1}}

/* Accordion of tinted panels */
.cy-acc{display:flex;height:520px}
.cy-acc__p{position:relative;flex:1 1 0;min-width:0;border:0;padding:0;text-align:left;cursor:pointer;overflow:hidden;color:#fff;transition:flex-grow 450ms var(--ease-soft)}
.cy-acc__p:nth-child(1){background:var(--t1)}.cy-acc__p:nth-child(2){background:var(--t2)}.cy-acc__p:nth-child(3){background:var(--t3)}
.cy-acc__p:nth-child(4){background:var(--t4);color:var(--ink)}.cy-acc__p:nth-child(5){background:var(--t5);color:var(--ink)}.cy-acc__p:nth-child(6){background:var(--t6);color:var(--ink)}
.cy-acc__p.open{flex-grow:7;cursor:default}
.cy-acc__name{position:absolute;left:50%;bottom:28px;font:600 20px var(--font-display,'General Sans',sans-serif);white-space:nowrap;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);transition:opacity 200ms ease}
.cy-acc__body{position:absolute;inset:40px 40px 40px 40px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:opacity 300ms ease 150ms;pointer-events:none}
.cy-acc__body h3{font-size:40px;line-height:1.05;letter-spacing:-.02em}
.cy-acc__body p{max-width:36ch;font-size:var(--fs-body)}
.cy-acc__p.open .cy-acc__body{opacity:1;pointer-events:auto}
.cy-acc__p.open .cy-acc__name{opacity:0}
html:not(.js) .cy-acc{flex-direction:column;height:auto}
html:not(.js) .cy-acc__p{flex:none}
html:not(.js) .cy-acc__body{position:static;opacity:1;padding:28px;gap:12px}
html:not(.js) .cy-acc__name{display:none}
html:not(.js) .cy-acc__body{visibility:visible}
@media (max-width:860px){
  .cy-acc{flex-direction:column;height:auto}
  .cy-acc__p{flex:none;min-height:64px}
  .cy-acc__name{position:static;display:block;transform:none;writing-mode:horizontal-tb;padding:20px 20px;font-size:18px}
  .cy-acc__body{position:static;display:none;padding:0 20px 24px;opacity:1;gap:10px}
  .cy-acc__body h3{display:none}
  .cy-acc__body p{font-size:17px}
  .cy-acc__p.open .cy-acc__name{opacity:1}
  .cy-acc__p.open .cy-acc__body{display:flex}
}

/* Square plate showcase with tabs */
.cy-plate{display:grid;grid-template-columns:1fr 1fr;min-height:88svh;background:var(--mist)}
.cy-plate__pic{display:flex;align-items:center;justify-content:center;padding:40px}
.cy-plate__pic div{width:100%;max-width:640px;aspect-ratio:1.1547;clip-path:var(--hex)}
.cy-plate__pic img{width:100%;height:100%;object-fit:cover}
.cy-plate__side{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:72px var(--m) 72px 40px}
.cy-tabs{display:flex;flex-wrap:wrap;gap:8px 28px}
.cy-tab{font:600 18px var(--font-body,'Inter',sans-serif);background:none;border:0;padding:6px 0;cursor:pointer;color:var(--muted);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.4em;text-decoration-thickness:3px;transition:color 160ms ease,text-decoration-color 160ms ease}
.cy-tab[aria-selected=true]{color:var(--ink);text-decoration-color:var(--accent)}
.cy-tab:hover{color:var(--ink)}
.cy-plate h2{margin-bottom:12px}
.cy-plate__group[hidden]{display:none}
.cy-prod{display:block;text-decoration:none;padding:18px 0 18px 30px;position:relative}
.cy-prod::before{content:"";position:absolute;left:0;top:26px;width:15px;height:13px;background:var(--sky);clip-path:var(--hex);transition:background-color 160ms ease}
.cy-prod h3{display:inline}
.cy-prod p{color:var(--muted);margin-top:4px;max-width:46ch}
@media (hover:hover){.cy-prod:hover h3{color:var(--sky)}.cy-prod:hover::before{background:var(--navy)}}
.cy-cells{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cy-cell{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:72px;font-weight:600;text-decoration:none;transition:background-color 160ms ease}
.cy-cell--ink{background:var(--ink);color:#fff}.cy-cell--tone{background:var(--mist-2);color:var(--ink)}
@media (hover:hover){.cy-cell--ink:hover{background:var(--navy)}.cy-cell--tone:hover{background:#c8dfe5}}
html:not(.js) .cy-plate__group[hidden]{display:block}
@media (max-width:900px){
  .cy-plate{grid-template-columns:1fr;min-height:0}
  .cy-plate__pic{padding:32px 16px 0}
  .cy-plate__side{padding:32px 20px 48px}
  .cy-plate h2{font-size:28px}
  .cy-tab{font-size:17px}
  .cy-cells{grid-template-columns:1fr}
  .cy-cell{height:60px}
}

/* Stepped figure tiles */
.cy-tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;align-items:start}
.cy-tile{position:relative;padding:28px;display:flex;flex-direction:column;justify-content:space-between;clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,0 100%)}
.cy-tile b{display:block;font:600 clamp(56px,5.4vw,92px)/1 var(--font-display,'General Sans',sans-serif);letter-spacing:-.04em}
.cy-tile span{font-size:17px;max-width:24ch}
.cy-tile--a{grid-column:1/7;height:54vh;min-height:400px;background:var(--accent);color:var(--ink)}
.cy-tile--b{grid-column:7/10;height:40vh;min-height:280px;margin-top:10vh;background:var(--ink);color:#fff}
.cy-tile--c{grid-column:10/13;height:32vh;min-height:230px;margin-top:18vh;background:var(--sky);color:#fff}
.cy-tiles__head{grid-column:7/13;grid-row:1;align-self:start;z-index:1}
.cy-tiles__head h2{font-size:clamp(28px,2.4vw,36px);max-width:16ch}
.cy-tiles__head p{margin-top:8px;max-width:40ch}
@media (max-width:860px){
  .cy-tiles{grid-template-columns:1fr 1fr;gap:6px}
  .cy-tiles__head{grid-column:1/3;grid-row:auto;margin-bottom:20px}
  .cy-tiles__head h2{font-size:26px}
  .cy-tile--a{grid-column:1/3;height:56vw;min-height:0}
  .cy-tile--a b{font-size:15vw}
  .cy-tile--b,.cy-tile--c{grid-column:auto;height:auto;min-height:200px;margin-top:0}
  .cy-tile--c{margin-top:32px}
  .cy-tile--b b,.cy-tile--c b{font-size:11vw}
  .cy-tile{clip-path:polygon(0 0,calc(100% - 36px) 0,100% 36px,100% 100%,0 100%);padding:20px}
}

/* Inset panel with shaped portrait */
.cy-inset{margin:20px;background:var(--navy);color:#fff;position:relative;overflow:hidden;min-height:92svh;display:grid;grid-template-columns:58fr 42fr}
.cy-inset__l{padding:56px;position:relative}
.cy-inset__l h2{color:#dff3f7;max-width:18ch}
.cy-inset__pic{position:absolute;left:56px;bottom:-8vw;width:38vw;aspect-ratio:1.1547;clip-path:var(--hex)}
.cy-inset__pic img{width:100%;height:100%;object-fit:cover}
.cy-inset__r{padding:56px 56px 56px 0;display:flex;flex-direction:column;gap:56px}
.cy-inset__r h3{margin-bottom:10px}
.cy-inset__r p{font-size:16px;color:#d6e9ee;max-width:34ch}
.cy-inset__r .cy-link{display:inline-block;margin-top:10px;color:var(--accent)}
@media (max-width:860px){
  .cy-inset{margin:10px;grid-template-columns:1fr;min-height:0}
  .cy-inset__l{padding:36px 22px 0}
  .cy-inset__l h2{font-size:8.5vw}
  .cy-inset__r{padding:36px 22px 0;gap:32px}
  .cy-inset__pic{position:relative;left:auto;bottom:auto;width:86vw;margin:40px auto -22vw}
}

/* CTA: the action tile row */
.cy-ctarow{display:grid;grid-template-columns:2fr 8fr 2fr;gap:10px;margin-inline:calc(var(--m) * -1 - 40px)}
.cy-ctarow>div{height:360px}
.cy-ctarow__pic{overflow:hidden}.cy-ctarow__pic img{width:100%;height:100%;object-fit:cover}
.cy-ctarow__fill{background:var(--navy)}
.cy-ctarow__main{background:var(--accent);color:var(--ink);padding:40px clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.cy-ctarow__main h2{font-size:40px}
.cy-ctarow__main p{max-width:46ch}
.cy-ctarow__main .cy-actions{margin-top:10px}
@media (max-width:860px){
  .cy-ctarow{grid-template-columns:1fr 1fr;margin-inline:0;gap:8px}
  .cy-ctarow__main{grid-column:1/3;grid-row:1;height:auto!important;min-height:300px;padding:32px 22px}
  .cy-ctarow__main h2{font-size:28px}
  .cy-ctarow>div.cy-ctarow__pic,.cy-ctarow>div.cy-ctarow__fill{height:120px}
}

/* Sub-page building blocks */
.cy-rows{display:grid;grid-template-columns:4fr 1fr 7fr;align-items:start}
.cy-rows__head{position:sticky;top:120px}
.cy-rows__head p{margin-top:20px;max-width:36ch}
.cy-rows__list{grid-column:3;display:grid;grid-template-columns:1fr 1fr;gap:44px 48px}
.cy-rows__item{padding-left:30px;position:relative}
.cy-rows__item::before{content:"";position:absolute;left:0;top:7px;width:15px;height:13px;background:var(--sky);clip-path:var(--hex)}
.cy-rows__item p{margin-top:8px}
.cy-rows__item a{color:var(--sky);font-weight:600}
@media (max-width:900px){.cy-rows{grid-template-columns:1fr}.cy-rows__head{position:static;margin-bottom:36px}.cy-rows__list{grid-column:1;grid-template-columns:1fr;gap:28px}}

.cy-band{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin-top:56px}
.cy-band>div{padding:36px 28px 44px;min-height:280px;display:flex;flex-direction:column;gap:14px}
.cy-band>div:nth-child(1){background:var(--t1);color:#fff}.cy-band>div:nth-child(2){background:var(--t2);color:#fff}.cy-band>div:nth-child(3){background:var(--t3);color:#fff}.cy-band>div:nth-child(4){background:var(--t4);color:var(--ink)}.cy-band>div:nth-child(5){background:var(--t5);color:var(--ink)}
.cy-band h3{font-size:24px}
.cy-band p{font-size:17px}
@media (max-width:900px){.cy-band{grid-auto-flow:row;grid-auto-columns:auto}.cy-band>div{min-height:0;padding:26px 22px}}

.cy-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,104px);align-items:center}
.cy-split__pic{aspect-ratio:1.1547;clip-path:var(--hex)}
.cy-split__pic img{width:100%;height:100%;object-fit:cover}
.cy-split h2{margin-bottom:24px}
.cy-split p+p,.cy-split p+.cy-hexlist,.cy-split .cy-hexlist+p{margin-top:18px}
.cy-split .cy-actions{margin-top:32px}
.cy-split--rev .cy-split__pic{order:2}
@media (max-width:860px){.cy-split{grid-template-columns:1fr}.cy-split--rev .cy-split__pic{order:0}}

.cy-faq{display:grid;grid-template-columns:4fr 1fr 7fr;align-items:start}
.cy-faq__list{grid-column:3;display:flex;flex-direction:column;gap:6px}
.cy-faq details{background:#fff;padding:0 24px}
.cy-sec:not(.cy-sec--mist) .cy-faq details{background:var(--mist)}
.cy-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font:600 19px var(--font-display,'General Sans',sans-serif)}
.cy-faq summary::-webkit-details-marker{display:none}
.cy-faq summary::after{content:"";flex:0 0 15px;height:13px;margin-top:6px;background:var(--sky);clip-path:var(--hex);transition:transform 200ms var(--ease-out)}
.cy-faq details[open] summary::after{transform:rotate(90deg);background:var(--navy)}
.cy-faq details p{padding-bottom:24px;max-width:62ch}
@media (max-width:900px){.cy-faq{grid-template-columns:1fr}.cy-faq__list{grid-column:1;margin-top:32px}}

.cy-note{background:var(--mist);padding:26px 30px;font-size:16px;max-width:900px}
.cy-note strong{font-weight:600}
.cy-small{font-size:var(--fs-small);color:var(--muted)}

.cy-video{background:#000;aspect-ratio:16/9}
.cy-video video{width:100%;height:100%;display:block}

.cy-form{display:grid;gap:18px;background:var(--mist);padding:clamp(24px,3vw,44px)}
.cy-form label{display:block;font-weight:600;font-size:16px;margin-bottom:6px}
.cy-form input,.cy-form textarea{width:100%;padding:14px;border:1px solid #9fbec7;font:inherit;font-size:17px;background:#fff;color:var(--ink)}
.cy-form input:focus,.cy-form textarea:focus{outline:3px solid var(--sky);outline-offset:0;border-color:var(--sky)}
.cy-contact{display:grid;grid-template-columns:5fr 1fr 6fr;align-items:start}
.cy-contact__form{grid-column:3}
.cy-contact dl{margin:40px 0 0}
.cy-contact dt{font-weight:600;margin-top:22px}
.cy-contact dd{margin:4px 0 0;font-size:22px;font-family:var(--font-display,'General Sans',sans-serif);font-weight:600}
.cy-contact dd a{text-decoration:none;color:var(--navy)}
@media (max-width:900px){.cy-contact{grid-template-columns:1fr}.cy-contact__form{grid-column:1;margin-top:40px}}

/* Footer: the mark, built large */
.cy-foot{background:var(--ink);color:#c9dde3;padding:72px 0 28px;font-size:var(--fs-small)}
.cy-foot__mark{display:flex;align-items:flex-end;gap:clamp(12px,2vw,32px);margin-bottom:56px}
.cy-foot__mark svg{height:clamp(56px,12vw,210px);width:auto;flex:none}
.cy-foot__mark span{font:600 clamp(48px,14vw,250px)/.8 var(--font-display,'General Sans',sans-serif);letter-spacing:-.05em;color:var(--accent)}
.cy-foot__grid{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;gap:32px}
.cy-foot h2{font:600 16px var(--font-body,'Inter',sans-serif);color:#fff;margin-bottom:14px;letter-spacing:0}
.cy-foot ul{list-style:none;margin:0;padding:0}
.cy-foot li{margin-bottom:9px}
.cy-foot a{color:#d9ecf0;text-decoration:none}.cy-foot a:hover{color:#fff;text-decoration:underline}
.cy-foot__contact p{margin-bottom:10px}
.cy-foot__contact a{font-size:20px;font-weight:600;color:#fff}
.cy-foot__legal{margin-top:56px;display:grid;gap:18px;color:#a7c3cb}
.cy-foot__legal p{max-width:110ch}
.cy-foot__base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.cy-foot__base nav{display:flex;gap:24px}
@media (max-width:900px){.cy-foot__grid{grid-template-columns:1fr 1fr}.cy-foot__contact{grid-column:1/3}}

/* Sticky phone action bar */
.cy-mbar{display:none}
@media (max-width:700px){
  .cy-mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--mist);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .cy-mbar .cy-btn{min-height:48px;padding:0 10px;font-size:16px}
  body:has(.cy-mbar){padding-bottom:68px}
}

/* Motion */
@media (prefers-reduced-motion:no-preference){
  .js [data-in]{opacity:0;transform:translateY(26px);transition:opacity 700ms var(--ease-soft),transform 800ms var(--ease-soft);transition-delay:calc(var(--d,0) * 80ms)}
  .js [data-in].is-in{opacity:1;transform:none}
  .js .cy-shutter{clip-path:polygon(100% 0,100% 0,100% 50%,100% 100%,100% 100%,100% 50%);transition:clip-path 1100ms cubic-bezier(.7,0,.2,1)}
  .js .cy-shutter img{transform:scale(1.12);transition:transform 1500ms var(--ease-soft)}
  .js .cy-shutter.is-in{clip-path:var(--hex)}
  .js .cy-shutter.is-in img{transform:none}
  .cy-hero__shape--accent{animation:cy-drift 14s ease-in-out infinite alternate}
  @keyframes cy-drift{from{transform:translateY(-50%) translateX(0)}to{transform:translateY(-50%) translateX(-18px)}}
  .cy-ans:not([hidden]) .cy-ans__pic img{animation:cy-settle 900ms var(--ease-soft)}
  @keyframes cy-settle{from{transform:scale(1.08);opacity:.4}to{transform:none;opacity:1}}
}
@media (prefers-reduced-motion:no-preference) and (max-width:860px){
  @keyframes cy-drift{from{transform:translateX(-50%)}to{transform:translateX(calc(-50% - 12px))}}
}

/* aliases for page content */
.cy-btn--primary{background:var(--navy);color:#fff}
.cy-phero .cy-btn--primary,.cy-hero .cy-btn--primary{background:var(--accent);color:var(--ink)}
.cy-btn--ghost,.cy-btn--ghost-light{background:none!important;clip-path:none!important;padding:0!important;min-height:0!important;color:var(--navy);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.cy-phero .cy-btn--ghost,.cy-hero .cy-btn--ghost,.cy-btn--ghost-light{color:#fff}
.cy-foot__legal p{max-width:75ch}
.cy-ans p,.cy-rows__item p,.cy-intro p{max-width:62ch}
.cy-acc__body{visibility:hidden}.cy-acc__p.open .cy-acc__body{visibility:visible}
:where(.cy p){max-width:70ch}
@media (max-width:860px){.cy-statement{font-size:21px}}
@media (min-width:861px){.cy-ctarow__main{display:grid;grid-template-columns:1fr auto;column-gap:48px;align-items:center;align-content:center}.cy-ctarow__main .cy-actions{grid-column:2;grid-row:1/3;margin-top:0;flex-direction:column;align-items:flex-start}}
.cy-phero .cy-hero__lead{margin-top:28px}
.cy-phero .cy-actions{margin-top:36px}
.cy-split h2+p,.cy-split h2+.cy-hexlist,.cy-split p+.cy-hexlist,.cy-split .cy-hexlist+p,.cy-split p+p{margin-top:20px}
.cy-split .cy-actions{margin-top:28px}
.cy-phero h1{max-width:none;font-size:clamp(42px,5vw,72px)}
@media (max-width:860px){
  .cy-hero{padding-bottom:104vw}.cy-hero__text{padding-bottom:28px}
  .cy-phero{padding-bottom:96vw}.cy-phero .cy-hero__text{padding-bottom:28px}
  .cy-phero h1{font-size:9.6vw}
  .cy-tiles__head{order:-1}
}
.cy-foot a.cy-btn--accent{color:var(--ink);text-decoration:none}
/* Notify card (AAL-style) */
.cy-hero__text{width:46%}
.cy-hero h1{font-size:clamp(44px,5vw,76px)}
.cy-notify{margin-top:32px;background:#fff;color:var(--ink);padding:28px;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%);max-width:600px}
.cy-notify h2{font-size:28px;line-height:1.1}
.cy-notify>p{margin-top:8px;font-size:16px;color:var(--muted)}
.cy-notify .cy-notify__q{margin-top:18px;font-weight:600;color:var(--ink)}
.cy-notify__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cy-notify__tile{display:flex;flex-direction:column;background:var(--mist);text-decoration:none;color:var(--ink);transition:background-color 160ms ease,transform 120ms var(--ease-out)}
.cy-notify__tile img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply}
.cy-notify__tile span{padding:10px 14px 14px;display:flex;flex-direction:column;gap:2px}
.cy-notify__tile strong{font:600 18px var(--font-display,'General Sans',sans-serif)}
.cy-notify__tile small{font-size:14px;line-height:1.35;color:var(--muted)}
.cy-notify__tile:active{transform:scale(.98)}
.cy-notify__tile:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
.cy-notify__opt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 16px;background:var(--mist);color:var(--ink);text-decoration:none;transition:background-color 160ms ease}
.cy-notify__opt span{display:flex;flex-direction:column}
.cy-notify__opt strong{font-size:16px}.cy-notify__opt small{font-size:14px;color:var(--muted)}
.cy-notify__opt--000{background:#fdecea}.cy-notify__opt--000 strong{color:#8a1c14}
@media (hover:hover){.cy-notify__tile:hover{background:var(--accent)}.cy-notify__tile:hover small{color:var(--ink)}.cy-notify__opt:hover{background:var(--mist-2)}.cy-notify__opt--000:hover{background:#f9d9d5}}
@media (max-width:860px){
  .cy-hero__text{width:auto}
  .cy-notify{padding:20px;margin-top:24px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
  .cy-notify h2{font-size:24px}
  .cy-notify__tile span{padding:8px 10px 12px}
  .cy-notify__tile strong{font-size:16px}
  .cy-notify__tile small{font-size:13px}
}
.cy-tile b{font-size:clamp(34px,4.4vw,76px)}
.cy-tile--b b,.cy-tile--c b{font-size:clamp(28px,2.8vw,48px)}
@media (max-width:860px){.cy-tile--a b{font-size:10.5vw}.cy-tile--b b,.cy-tile--c b{font-size:6.6vw}}
/* ---------- Notify us of your accident (/notify/) ---------- */
.cy-nf{background:var(--navy);color:#fff;padding:56px 0 88px;position:relative;overflow:hidden}
.cy-nf__wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.cy-nf__side h1{font-size:clamp(38px,4.2vw,60px);line-height:1.02;color:#fff}
.cy-nf__side>p{margin-top:16px;font-size:18px;line-height:1.5;color:#d6e9ee;max-width:42ch}
.cy-nf__side .cy-hexlist{margin-top:24px}.cy-nf__side .cy-hexlist li{color:#fff}
.cy-nf__call,.cy-nf__000{display:flex;flex-direction:column;margin-top:14px;padding:14px 18px;text-decoration:none;max-width:420px;transition:background-color 160ms ease}
.cy-nf__call{background:rgba(255,255,255,.08);color:#fff;margin-top:28px}.cy-nf__call small{color:#cfe4ea;font-size:14px}.cy-nf__call strong{font:600 22px var(--font-display,'General Sans',sans-serif)}
.cy-nf__000{background:#fdecea;color:#5c140e;font-size:16px;display:block}.cy-nf__000 strong{color:#8a1c14}
.cy-nf__card{background:#fff;color:var(--ink);padding:32px;clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%);position:relative;min-height:440px}
.cy-nf__bar{height:6px;background:var(--mist);margin-right:44px}.cy-nf__bar span{display:block;height:100%;width:0;background:var(--sky);transition:width 320ms var(--ease-out,ease)}
.cy-nf__count{margin-top:10px;font-size:14px;color:var(--muted);font-weight:600}
.cy-nf__step{display:none;border:0;margin:0;padding:0;min-width:0}
.cy-nf__step.is-on{display:block;animation:cyNfIn 260ms var(--ease-out,ease) both}
@keyframes cyNfIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.cy-nf__step.is-on{animation:none}.cy-nf__bar span{transition:none}}
.cy-nf__step legend,.cy-nf__done h2{display:block;padding:0;margin-top:14px;font:600 clamp(24px,2.4vw,32px)/1.12 var(--font-display,'General Sans',sans-serif);color:var(--ink);outline:none}
.cy-nf__tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.cy-nf__tile{display:flex;flex-direction:column;text-align:left;background:var(--mist);border:2px solid transparent;color:var(--ink);padding:0;cursor:pointer;font:inherit;transition:background-color 160ms ease,border-color 160ms ease,transform 120ms var(--ease-out,ease)}
.cy-nf__tile span{padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.cy-nf__tile strong{font:600 18px var(--font-display,'General Sans',sans-serif)}
.cy-nf__tile small{font-size:14px;line-height:1.35;color:var(--muted)}
.cy-nf__tiles--pic .cy-nf__tile img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;mix-blend-mode:multiply}
.cy-nf__tile[aria-pressed="true"]{border-color:var(--sky);background:#d4f3f8}
.cy-nf__tile:active{transform:scale(.98)}
.cy-nf__tile:focus-visible,.cy-nf__gps:focus-visible,.cy-nf__back:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
@media (hover:hover){.cy-nf__tile:hover{background:var(--accent)}.cy-nf__tile:hover small{color:var(--ink)}.cy-nf__call:hover{background:rgba(255,255,255,.14)}.cy-nf__gps:hover{background:var(--mist-2)}}
.cy-nf__field{display:flex;flex-direction:column;gap:6px;margin-top:16px;min-width:0}
.cy-nf__field label{font-size:16px;font-weight:600}
.cy-nf__field input,.cy-nf__field select,.cy-nf__field textarea{font:inherit;font-size:16px;padding:12px 14px;border:1.5px solid #9fb6bd;background:#fff;color:var(--ink);min-height:48px;width:100%;border-radius:0}
.cy-nf__field textarea{resize:vertical}
.cy-nf__field input:focus,.cy-nf__field select:focus,.cy-nf__field textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px rgba(0,126,153,.2)}
.cy-nf__row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.cy-nf__gps{margin-top:20px;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;background:var(--mist);border:1.5px solid var(--sky);color:var(--navy);font:600 16px inherit;font-family:inherit;cursor:pointer;transition:background-color 160ms ease}
.cy-nf__gps::before{content:"";width:14px;height:14px;border:3px solid var(--sky);border-radius:50%;box-sizing:border-box}
.cy-nf__hint{margin-top:8px;font-size:14px;color:var(--muted);min-height:1em}
.cy-nf__sub{margin-top:24px;font-weight:600;color:var(--navy);font-size:16px}
.cy-nf__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cy-nf__consent{display:flex;gap:12px;align-items:flex-start;margin-top:18px;font-size:16px;line-height:1.45;cursor:pointer}
.cy-nf__consent input{width:22px;height:22px;flex:none;margin-top:1px;accent-color:var(--sky)}
.cy-nf__consent a{color:var(--sky)}
.cy-nf__err{margin-top:12px;color:#a3241a;font-weight:600;font-size:16px;min-height:1em}
.cy-nf__err:empty{margin-top:0}
.cy-nf__nav{margin-top:20px}
.cy-nf__back{position:absolute;right:32px;bottom:32px;background:none;border:0;color:var(--sky);font:600 16px inherit;font-family:inherit;cursor:pointer;padding:10px 4px;text-decoration:underline;text-underline-offset:3px}
.cy-nf__done p{margin-top:12px;font-size:17px;line-height:1.5}
.cy-nf__done .cy-btn{margin-top:20px}
.cy-nf__ref{font-weight:600;color:var(--navy)}
.cy-nf__ref:empty{display:none}
@media (max-width:960px){.cy-nf__wrap{grid-template-columns:1fr;gap:28px}.cy-nf__card{order:-1}.cy-nf__side>p{display:none}.cy-nf__side h1{font-size:34px}.cy-nf__wrap>.cy-nf__side{order:-2}}
@media (max-width:600px){
  .cy-nf{padding:28px 0 96px}
  .cy-nf__card{padding:22px 18px 72px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);min-height:0}
  .cy-nf__bar{margin-right:28px}
  .cy-nf__tiles{grid-template-columns:1fr}
  .cy-nf__tiles--pic{grid-template-columns:1fr 1fr}
  .cy-nf__tiles--pic .cy-nf__tile span{padding:10px 12px 12px}.cy-nf__tiles--pic .cy-nf__tile small{font-size:13px}
  .cy-nf__row{grid-template-columns:1fr}
  .cy-nf__back{right:18px;bottom:18px}
  .cy-nf__side .cy-hexlist{display:none}
}
/* Even tiles: the two small tiles sit side by side at the same height */
.cy-tile--a{grid-row:1/3}
.cy-tiles__head{grid-row:1}
.cy-tile--b,.cy-tile--c{grid-row:2;margin-top:0;height:auto;min-height:280px;align-self:stretch}
.cy-tiles{align-items:stretch;grid-template-rows:auto 1fr}
.cy-tiles__head{align-self:start;padding-bottom:24px}
@media (max-width:860px){
  .cy-tiles{grid-template-rows:none}
  .cy-tile--a,.cy-tiles__head,.cy-tile--b,.cy-tile--c{grid-row:auto}
  .cy-tile--b,.cy-tile--c{margin-top:0;min-height:200px}
  .cy-tile span{font-size:16px}
}
/* Inset section: picture sits inside the panel, nothing cut off */
.cy-inset{min-height:0;align-items:stretch}
.cy-inset__l{display:flex;flex-direction:column;gap:40px}
.cy-inset__pic{position:relative;left:auto;bottom:auto;width:min(100%,560px);margin-top:auto}
.cy-inset__r{justify-content:center}
@media (max-width:860px){
  .cy-inset__l{gap:0}
  .cy-inset__pic{width:100%;max-width:440px;margin:28px auto 0}
  .cy-inset__r{padding:32px 22px 40px}
}