:root{--navy:#11233f;--navy-2:#081426;--ink:#122033;--muted:#607085;--paper:#f7f4ed;--paper-2:#efe9dc;--white:#fff;--gold:#d3a64a;--gold-dark:#9b6f18;--line:rgba(17,35,63,.13);--shadow:0 24px 70px rgba(17,35,63,.12);--radius:28px;--blue:#2255cc;--green:#147459;--orange:#c45a20;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-size:18px;line-height:1.65}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 15% 10%,rgba(211,166,74,.10),transparent 24rem),radial-gradient(circle at 88% 30%,rgba(35,82,146,.08),transparent 28rem)}a{color:inherit}img,svg{max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.narrow{max-width:850px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;left:1rem;top:1rem;z-index:1000;background:var(--navy);color:white;padding:.75rem 1rem;transform:translateY(-180%);border-radius:10px}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,244,237,.84);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line);box-shadow:0 12px 35px rgba(17,35,63,.06)}.nav-shell{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand-mark{width:46px;height:46px;color:var(--navy)}.brand-mark svg circle,.brand-mark svg path{fill:none;stroke:currentColor;stroke-width:2}.brand-mark svg path{fill:currentColor;stroke:none}.brand-copy{display:grid;line-height:1.15}.brand-copy strong{font-size:1rem;letter-spacing:-.02em}.brand-copy small{color:var(--muted);font-size:.72rem;margin-top:.2rem}.site-nav{display:flex;align-items:center;gap:1.55rem}.site-nav>a:not(.button){font-size:.92rem;text-decoration:none;color:#314156}.site-nav>a:hover{color:var(--navy)}.menu-toggle{display:none;width:46px;height:46px;border:0;background:transparent;padding:10px}.menu-toggle span:not(.sr-only){display:block;height:2px;background:var(--navy);margin:5px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.85rem 1.25rem;border-radius:999px;text-decoration:none;font-weight:750;font-size:.92rem;border:1px solid transparent;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:.6rem 1rem}.button-primary{background:var(--gold);color:var(--navy-2);box-shadow:0 10px 30px rgba(211,166,74,.24)}.button-secondary{border-color:var(--line);background:rgba(255,255,255,.4)}.button-dark{background:var(--navy);color:white}.button-light{background:white;color:var(--navy)}.button-ghost-light{border-color:rgba(255,255,255,.35);color:white}.text-link{font-weight:750;text-underline-offset:5px;text-decoration-thickness:1px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:850;color:var(--gold-dark)}.eyebrow-light{color:#f5cc7b}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.04;letter-spacing:-.035em;margin:0 0 1rem;color:var(--navy)}h1{font-size:clamp(3.8rem,9vw,7.8rem)}h2{font-size:clamp(2.5rem,5vw,4.8rem)}h3{font-size:clamp(1.55rem,3vw,2.3rem)}p{margin:0 0 1.2rem}.hero{padding:7rem 0 6rem;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:4rem}.hero-lede{max-width:720px;font-size:clamp(1.18rem,2.2vw,1.5rem);color:#425268}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.hero-proof{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.4rem}.hero-proof span{border:1px solid var(--line);padding:.5rem .8rem;border-radius:999px;font-size:.78rem;color:#536176;background:rgba(255,255,255,.35)}.portfolio-orbit{min-height:600px;position:relative;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,.2) 48%,transparent 70%)}.orbit-grid{position:absolute;inset:8%;border:1px solid rgba(17,35,63,.16);border-radius:50%}.orbit-grid::before,.orbit-grid::after{content:"";position:absolute;inset:15%;border:1px dashed rgba(17,35,63,.12);border-radius:50%}.orbit-grid::after{inset:32%}.orbit-core,.orbit-node{position:absolute;text-decoration:none;box-shadow:var(--shadow);background:white}.orbit-core{width:170px;height:170px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid rgba(211,166,74,.4)}.orbit-core span{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold-dark)}.orbit-core strong{font-family:Georgia,serif;font-size:1.55rem;color:var(--navy)}.orbit-node{width:220px;padding:1rem 1.15rem;border-radius:18px;border:1px solid var(--line);transition:.2s}.orbit-node:hover{transform:translateY(-4px)}.orbit-node small{display:block;color:var(--muted);font-size:.72rem}.orbit-node strong{font-size:.9rem}.orbit-one{left:2%;top:15%}.orbit-two{right:0;top:29%}.orbit-three{left:17%;bottom:8%}.section{padding:7rem 0}.section-quiet{background:rgba(255,255,255,.45);border-block:1px solid var(--line)}.section-dark{background:var(--navy-2);color:#dce3ed}.section-dark h2,.section-dark h3{color:white}.section-accent{background:var(--paper-2)}.statement{max-width:980px}.statement p{max-width:800px;font-size:1.28rem;color:#536176}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3rem}.product-showcase{min-height:580px;border-radius:var(--radius);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center;margin:2rem 0;color:white;overflow:hidden;box-shadow:var(--shadow)}.product-showcase h3{color:white;font-size:clamp(2.8rem,6vw,5.8rem)}.product-showcase p{max-width:600px}.product-blue{background:linear-gradient(135deg,#17356f,#2770e9)}.product-green{background:linear-gradient(135deg,#0c4e3e,#2b9c72)}.product-orange{background:linear-gradient(135deg,#823216,#dd7139)}.status{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:.35rem .7rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin-bottom:1rem;opacity:.88}.product-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:850;opacity:.8}.product-visual{min-height:380px;display:grid;place-items:center}.mockup-window{width:min(100%,620px);background:#f9fbff;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.28);overflow:hidden;transform:rotate(1.5deg)}.mockup-bar{height:40px;background:#dce4ef;display:flex;gap:7px;align-items:center;padding:0 14px}.mockup-bar span{width:8px;height:8px;border-radius:50%;background:#73839a}.mockup-content{display:grid;grid-template-columns:24% 1fr;min-height:330px}.mockup-sidebar{background:#12284f}.mockup-main{padding:28px}.mockup-title{height:24px;width:45%;background:#dbe4f0;border-radius:8px}.mockup-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.mockup-metrics i{height:70px;border-radius:12px;background:#e7edf5}.mockup-chart{height:160px;border-radius:14px;background:linear-gradient(180deg,#ebf2ff,#cbdcff)}.score-card{background:white;color:var(--ink);padding:2rem;border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.2);text-align:center;min-width:260px}.score-card small,.score-card span{display:block}.score-card strong{font-size:5rem;line-height:1;color:var(--green)}.signal-list{width:min(100%,420px)}.signal-list div{display:flex;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.2)}.revenue-number{background:rgba(255,255,255,.96);color:var(--ink);border-radius:24px;padding:2rem;box-shadow:0 25px 70px rgba(0,0,0,.2)}.revenue-number small,.revenue-number span{display:block}.revenue-number strong{display:block;font-size:3.5rem;color:var(--orange);line-height:1.1}.revenue-bars{height:210px;display:flex;align-items:end;gap:12px;padding:1.5rem}.revenue-bars i{display:block;width:28px;height:var(--h);background:rgba(255,255,255,.75);border-radius:8px 8px 2px 2px}.principles-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.principle-list article{display:grid;grid-template-columns:55px 1fr;gap:0 1rem;border-top:1px solid rgba(255,255,255,.17);padding:1.5rem 0}.principle-list article span{grid-row:1/3;color:#f5cc7b;font-size:.78rem}.principle-list article p{color:#aeb9c7}.timeline-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:90px 1fr;gap:1.4rem;padding:1.5rem 0;border-top:1px solid var(--line)}.timeline li>span{font-size:.75rem;font-weight:850;color:var(--gold-dark)}.cta-panel{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end}.page-hero{padding:7rem 0 5rem}.page-hero p{font-size:1.35rem;color:#536176}.split-story,.method-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem}.story-copy p{font-size:1.18rem;color:#46566a}.two-card-grid,.press-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}.info-card{border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:24px;padding:2rem}.card-index{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:850;color:var(--gold-dark);margin-bottom:1.5rem}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.method-grid article,.capability-card{border-top:3px solid var(--gold);background:white;padding:1.6rem;border-radius:0 0 18px 18px}.method-grid article>span,.capability-card>span{font-size:.72rem;color:var(--gold-dark);font-weight:850}.founder-note{max-width:920px}.founder-note blockquote{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1.15;margin:1.5rem 0;color:white}.portfolio-list{border-top:1px solid var(--line)}.portfolio-entry{display:grid;grid-template-columns:90px 1fr 1.1fr;gap:2rem;padding:2.3rem 0;border-bottom:1px solid var(--line);align-items:start}.portfolio-number{font-family:Georgia,serif;font-size:2rem;color:var(--gold-dark)}.portfolio-category{color:var(--muted)}.product-hero{padding:8rem 0 6rem;color:white}.product-hero h1{color:white;font-size:clamp(4rem,10vw,8.5rem)}.product-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;align-items:end}.product-hero-panel{border:1px solid rgba(255,255,255,.25);padding:2rem;border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.product-hero-panel span{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem}.product-hero-panel strong{font-family:Georgia,serif;font-size:2rem;line-height:1.15}.problem-grid,.status-panel{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.problem-grid article{padding:2rem;border-top:1px solid var(--line)}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.capability-card h3{font-size:1.5rem;margin-top:1rem}.status-panel{padding:3rem;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.45)}.update-list{border-top:1px solid var(--line)}.update-card{display:grid;grid-template-columns:180px 1fr;gap:3rem;border-bottom:1px solid var(--line);padding:2.3rem 0}.update-card time{font-weight:750;color:var(--gold-dark)}.fact-list{list-style:none;margin:0;padding:0}.fact-list li{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding:.7rem 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.contact-details article{border-top:1px solid var(--line);padding:1.4rem 0}.contact-details span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dark);font-weight:850}.form-shell{background:white;border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--shadow)}.form-placeholder{min-height:420px;border:1px dashed rgba(17,35,63,.25);border-radius:20px;padding:3rem;display:grid;align-content:center}.legal-copy{max-width:850px}.legal-copy h2{font-size:2rem;margin-top:2.4rem}.not-found{padding:9rem 0}.site-footer{background:var(--navy-2);color:#b9c3cf;padding:5rem 0 2rem}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem}.footer-grid h2{font-family:inherit;color:white;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.2rem}.footer-grid>div:not(.footer-intro){display:flex;flex-direction:column;gap:.65rem}.footer-grid a{color:#c8d1dc;text-decoration:none;font-size:.88rem}.footer-intro p{max-width:500px}.footer-brand{color:white;margin-bottom:1.5rem}.footer-brand .brand-mark{color:#f4c768}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:3rem;padding-top:1.3rem;display:flex;justify-content:space-between;gap:1rem;font-size:.78rem}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:900px){body{font-size:17px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:20px;right:20px;top:76px;background:var(--paper);padding:1rem;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.site-nav .button{width:100%}.hero-grid,.product-showcase,.principles-grid,.timeline-layout,.split-story,.method-layout,.product-hero-grid,.contact-grid{grid-template-columns:1fr}.portfolio-orbit{min-height:520px}.product-showcase{min-height:unset}.product-visual{min-height:300px}.portfolio-entry{grid-template-columns:60px 1fr}.portfolio-entry>div:last-child{grid-column:2}.capability-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}}@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.brand-copy small{display:none}.hero{padding-top:4.5rem}h1{font-size:3.5rem}.section{padding:5rem 0}.portfolio-orbit{min-height:420px}.orbit-core{width:130px;height:130px}.orbit-node{width:160px;padding:.8rem}.orbit-one{left:0}.orbit-two{right:0}.orbit-three{left:8%}.product-showcase{padding:1.4rem}.product-showcase h3{font-size:3rem}.two-card-grid,.press-grid,.method-grid,.problem-grid,.status-panel,.cta-panel,.capability-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}.portfolio-entry{grid-template-columns:1fr}.portfolio-entry>div:last-child{grid-column:auto}.portfolio-number{font-size:1rem}.update-card{grid-template-columns:1fr;gap:.5rem}.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.footer-bottom{flex-direction:column}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* July 2026 responsive typography and embed corrections */
.product-hero{overflow:hidden}
.product-hero-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:3rem}
.product-hero-grid>*,.contact-grid>*{min-width:0}
.product-hero h1{
  font-size:clamp(3.6rem,5vw,4.9rem);
  line-height:.98;
  overflow-wrap:anywhere;
  word-break:normal;
  max-width:100%;
}
.product-hero .product-kicker{margin-bottom:1.5rem}
.product-hero-panel strong{font-size:clamp(1.45rem,2.3vw,2rem)}

.contact-grid{
  grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);
  gap:3.5rem;
  align-items:start;
}
.contact-details h2{
  font-size:clamp(1.65rem,2.7vw,2.75rem);
  line-height:1.08;
  overflow-wrap:anywhere;
  word-break:break-word;
  margin-bottom:.65rem;
}
.contact-details article:first-child h2{font-size:clamp(1.45rem,2.4vw,2.35rem)}
.form-shell{padding:clamp(1rem,2vw,1.6rem);overflow:hidden}
.form-shell iframe{display:block;width:100%!important;max-width:100%;min-width:0;border:0}

@media(max-width:1050px){
  .product-hero-grid{grid-template-columns:1fr}
  .product-hero h1{font-size:clamp(3.5rem,8vw,5.2rem)}
  .product-hero-panel{max-width:680px}
  .contact-grid{grid-template-columns:1fr}
  .contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
  .contact-details article{border:1px solid var(--line);border-radius:20px;padding:1.35rem}
  .contact-details h2,.contact-details article:first-child h2{font-size:clamp(1.35rem,2.5vw,2rem)}
}
@media(max-width:720px){
  .product-hero{padding:5.5rem 0 4.5rem}
  .product-hero h1{font-size:clamp(2.8rem,13vw,4.2rem)}
  .contact-details{grid-template-columns:1fr}
  .form-shell{padding:.65rem;border-radius:20px}
}


/* v2.2 homepage product-card layout hardening */
.product-showcase > *{min-width:0}
.product-copy{min-width:0;position:relative;z-index:2}
.product-showcase h3{font-size:clamp(2.75rem,4.6vw,4.9rem);max-width:100%;overflow-wrap:normal}
.product-name-long{display:flex;flex-direction:column;line-height:.88;font-size:clamp(2.65rem,4.2vw,4.5rem)!important}
.product-name-long span{display:block;max-width:100%}
.product-visual{width:100%;min-width:0;overflow:hidden;padding:1rem}
.metric-visual{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:1.15rem;max-width:460px;margin-inline:auto}
.metric-visual .score-card{width:100%;min-width:0;padding:1.55rem}
.metric-visual .score-card strong{font-size:clamp(3.5rem,6vw,5rem)}
.metric-visual .signal-list{width:100%;max-width:none}
.metric-visual .signal-list div{gap:1rem;padding:.85rem .15rem;white-space:normal}
.metric-visual .signal-list span{min-width:0;overflow-wrap:anywhere}
.metric-visual .signal-list b{flex:0 0 auto}
.revenue-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}

@media (min-width:901px){
  .product-showcase{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(2rem,4vw,4rem)}
  .product-showcase.product-green{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr)}
}
@media (max-width:1100px) and (min-width:901px){
  .product-showcase{padding:2.6rem}
  .product-showcase h3{font-size:clamp(2.6rem,4.2vw,4rem)}
  .product-name-long{font-size:clamp(2.5rem,3.9vw,3.7rem)!important}
}
@media (max-width:900px){
  .product-showcase{grid-template-columns:1fr!important}
  .product-name-long{flex-direction:row;flex-wrap:wrap;gap:0}
  .product-name-long span{display:inline}
  .metric-visual{max-width:560px}
}
@media (max-width:620px){
  .product-name-long{flex-direction:column}
  .product-name-long span{display:block}
  .product-visual{padding:.25rem}
}

/* Homepage hero stabilization — v2.3 */
.hero{padding:5.25rem 0 5rem;min-height:auto}
.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:2.5rem;align-items:center}
.hero-copy{min-width:0}
.hero-copy h1{font-size:clamp(4rem,6.6vw,6.6rem);max-width:760px;text-wrap:balance}
.hero-lede{max-width:660px}
.portfolio-orbit{width:100%;max-width:620px;min-height:520px;justify-self:end;overflow:visible}
.orbit-node{max-width:220px}

@media(max-width:1100px){
  .hero{padding:4.5rem 0 4rem}
  .hero-grid{grid-template-columns:1fr;gap:2rem}
  .hero-copy h1{font-size:clamp(4rem,10vw,6rem);max-width:780px}
  .portfolio-orbit{justify-self:center;max-width:680px;min-height:500px;width:min(100%,680px)}
}

@media(max-width:700px){
  .hero{padding:3.5rem 0 3rem}
  .hero-copy h1{font-size:clamp(3.35rem,16vw,4.7rem);line-height:.98}
  .portfolio-orbit{min-height:430px;max-width:500px}
  .orbit-node{width:165px}
  .orbit-one{left:0;top:12%}
  .orbit-two{right:0;top:32%}
  .orbit-three{left:8%;bottom:5%}
}

@media(max-width:460px){
  .portfolio-orbit{min-height:390px}
  .orbit-core{width:118px;height:118px}
  .orbit-node{width:145px;padding:.7rem .75rem}
  .orbit-node strong{font-size:.78rem;overflow-wrap:anywhere}
  .orbit-node small{font-size:.66rem}
}

/* =========================================================
   Poppy Compass Homepage v3 — July 2026
   ========================================================= */
.home-v3{background:#f5f0e7;color:#132137}
.home-v3::before{background:radial-gradient(circle at 75% 7%,rgba(211,166,74,.14),transparent 30rem),radial-gradient(circle at 10% 44%,rgba(31,73,132,.06),transparent 35rem)}
.v3-header{background:rgba(245,240,231,.72);backdrop-filter:blur(22px) saturate(130%)}
.v3-header .nav-shell{min-height:82px}
.v3-brand img{display:block;width:210px;height:auto}
.v3-nav{gap:1.8rem}
.v3-nav>a:not(.button){font-size:.86rem;font-weight:680;color:#435066}
.v3-nav>a:not(.button):hover{color:#0f203a}
.v3-hero{position:relative;min-height:calc(100vh - 82px);display:grid;align-items:center;padding:5.5rem 0 4rem;overflow:hidden;border-bottom:1px solid var(--line)}
.v3-hero-glow{position:absolute;width:46rem;height:46rem;border-radius:50%;right:-12rem;top:-9rem;background:radial-gradient(circle,rgba(211,166,74,.18),rgba(211,166,74,.05) 46%,transparent 72%);filter:blur(2px);pointer-events:none}
.v3-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(420px,1.06fr);gap:clamp(3rem,7vw,7.5rem);align-items:center}
.v3-hero-copy{position:relative;z-index:2}
.v3-hero-copy h1{font-size:clamp(4.4rem,7.6vw,7.8rem);line-height:.88;letter-spacing:-.055em;max-width:800px;margin:1.15rem 0 1.8rem}
.v3-hero-copy>p{font-size:clamp(1.1rem,1.65vw,1.35rem);line-height:1.55;color:#526076;max-width:650px}
.v3-text-action{display:inline-flex;align-items:center;gap:.5rem;font-weight:760;text-decoration:none;border-bottom:1px solid rgba(17,35,63,.28);padding:.35rem 0;transition:.2s ease}
.v3-text-action:hover{gap:.75rem;border-color:currentColor}
.v3-hero-note{display:flex;align-items:center;gap:1rem;margin-top:3.8rem;color:#667286}
.v3-hero-note p{margin:0;font-size:.78rem;letter-spacing:.03em}
.v3-note-line{display:block;width:48px;height:1px;background:#b39048}
.v3-compass-wrap{position:relative;z-index:1;display:grid;place-items:center;min-height:580px}
.v3-compass{width:min(100%,640px);overflow:visible;color:#173052;filter:drop-shadow(0 28px 55px rgba(17,35,63,.10))}
.compass-construction circle,.compass-construction path,.compass-ticks path{fill:none;stroke:currentColor;stroke-width:1;opacity:.25;vector-effect:non-scaling-stroke}
.compass-construction path{stroke-dasharray:1800;stroke-dashoffset:1800;animation:pc-draw 2.2s cubic-bezier(.2,.8,.2,1) .15s forwards}
.compass-construction circle{stroke-dasharray:1800;stroke-dashoffset:1800;animation:pc-draw 2.4s cubic-bezier(.2,.8,.2,1) forwards}
.compass-ticks path{stroke-width:2;opacity:.7}
.poppy-mark path{fill:rgba(191,73,67,.14);stroke:#b54d47;stroke-width:1.4;opacity:0;transform-origin:320px 320px;animation:pc-bloom 1.15s ease 1.25s forwards}
.poppy-mark circle{fill:#f5f0e7;stroke:#b54d47;stroke-width:1.5;opacity:0;animation:pc-fade .8s ease 1.7s forwards}
.poppy-mark circle:last-child{fill:#b54d47}
.compass-needle{fill:url(#needle);opacity:0;transform-origin:320px 320px;animation:pc-needle 1s ease .9s forwards}
.compass-needle-south{opacity:.26;fill:#173052}
.v3-compass text{font:700 15px Inter,system-ui,sans-serif;letter-spacing:.12em;fill:#5d6b7e}
.v3-compass-caption{display:flex;gap:1.5rem;margin-top:-1.8rem;text-transform:uppercase;font-size:.65rem;letter-spacing:.16em;font-weight:800;color:#737e8e}
.v3-compass-caption span+span::before{content:"•";margin-right:1.5rem;color:#b39048}
.v3-scroll{position:absolute;left:50%;bottom:1.25rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.55rem;text-decoration:none;text-transform:uppercase;font-size:.62rem;letter-spacing:.16em;color:#6b7483}
.v3-scroll i{display:block;width:1px;height:35px;background:linear-gradient(#9b6f18,transparent)}
@keyframes pc-draw{to{stroke-dashoffset:0}}
@keyframes pc-bloom{0%{opacity:0;transform:scale(.72) rotate(-9deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes pc-fade{to{opacity:1}}
@keyframes pc-needle{0%{opacity:0;transform:rotate(-18deg) scale(.88)}100%{opacity:1;transform:rotate(0) scale(1)}}
.v3-intro{padding-block:9rem;background:rgba(255,255,255,.42)}
.v3-intro-grid{display:grid;grid-template-columns:.34fr 1fr;gap:5rem;align-items:start}
.v3-intro h2{font-size:clamp(3rem,5.5vw,5.7rem);max-width:900px}
.v3-intro p{font-size:clamp(1.1rem,1.7vw,1.35rem);max-width:840px;color:#59667a}
.v3-products{padding-top:9rem}
.v3-section-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:4rem}
.v3-section-heading h2{margin-top:.65rem}
.v3-product{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(2.5rem,5vw,6rem);min-height:650px;border-radius:34px;padding:clamp(2rem,5vw,5rem);margin:2.2rem 0;color:white;overflow:hidden;box-shadow:0 28px 90px rgba(13,28,49,.14)}
.v3-product::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-150px;top:-180px;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025)}
.v3-product-launch{background:linear-gradient(135deg,#172f59 0%,#245fc7 100%)}
.v3-product-ri{background:linear-gradient(135deg,#0c3d34 0%,#197259 100%)}
.v3-product-upkeep{background:linear-gradient(135deg,#6f2d18 0%,#c25d2d 100%)}
.v3-product-copy{position:relative;z-index:2;min-width:0}
.v3-product-meta{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;text-transform:uppercase;font-size:.68rem;letter-spacing:.13em;font-weight:800;opacity:.78}
.v3-product-meta span:first-child{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.42);border-radius:50%}
.v3-product h3{color:white;font-size:clamp(3rem,4.35vw,4.85rem);word-break:normal;overflow-wrap:normal;hyphens:none}
.product-title{max-width:100%;text-wrap:balance}
.product-title-launch{font-size:clamp(3rem,4.15vw,4.65rem)!important}
.product-title-ri{font-size:clamp(2.85rem,3.8vw,4.25rem)!important;white-space:nowrap;letter-spacing:-.045em}
.product-title-upkeep{font-size:clamp(3rem,4.2vw,4.75rem)!important;white-space:nowrap}
.v3-product-copy>p{font-size:1.05rem;line-height:1.65;color:rgba(255,255,255,.82);max-width:610px}
.v3-product ul{list-style:none;padding:0;margin:2rem 0 2.3rem;display:flex;flex-wrap:wrap;gap:.6rem}
.v3-product li{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.07);border-radius:999px;padding:.42rem .72rem;font-size:.72rem;font-weight:700}
.v3-product-art{position:relative;z-index:2;min-width:0}
.lw-window,.ri-panel,.ua-panel{background:#f9fbfe;border-radius:24px;box-shadow:0 38px 90px rgba(0,0,0,.28);color:#17243a;overflow:hidden;transform:perspective(1000px) rotateY(-3deg) rotateX(1deg)}
.lw-top{display:flex;justify-content:space-between;padding:1rem 1.2rem;background:#e6edf8;font-size:.75rem}
.lw-top span{color:#2356a8;font-weight:800}.lw-grid{display:grid;grid-template-columns:90px 1fr;min-height:355px}.lw-grid aside{background:#10264a;padding:1.3rem;display:flex;flex-direction:column;gap:1rem}.lw-grid aside i{height:9px;border-radius:99px;background:rgba(255,255,255,.22)}.lw-grid section{padding:1.4rem}.lw-focus{padding:1.3rem;border:1px solid #dae2ed;border-radius:16px;background:white}.lw-focus small,.lw-focus strong,.lw-focus em{display:block}.lw-focus strong{font-family:Georgia,serif;font-size:1.55rem;margin:.35rem 0}.lw-focus em{font-style:normal;color:#66758a;font-size:.72rem}.lw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0}.lw-cards i{height:82px;border-radius:13px;background:#e8edf5}.lw-progress{height:120px;border-radius:14px;background:linear-gradient(180deg,#eef3fb,#dde8f8);position:relative;overflow:hidden}.lw-progress span{position:absolute;left:0;right:0;bottom:30%;height:3px;background:#3972d0;transform:rotate(-5deg)}
.ri-panel{padding:2rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem;align-items:center;min-height:390px}.ri-score{text-align:center;padding:2rem 1rem;border-right:1px solid #dce5e0}.ri-score small,.ri-score span{display:block}.ri-score strong{display:block;font-size:6rem;line-height:1;color:#197259}.ri-score span{color:#5f6e68;font-size:.8rem}.ri-signals div{display:grid;grid-template-columns:1fr auto;gap:.5rem;margin:1.25rem 0;font-size:.78rem}.ri-signals b{color:#197259}.ri-signals i{grid-column:1/-1;height:7px;background:#e1ebe7;border-radius:99px;overflow:hidden}.ri-signals i::after{content:"";display:block;width:var(--w);height:100%;background:#24856a;border-radius:inherit}
.ua-panel{padding:2rem}.ua-value{padding:1.7rem;border:1px solid #eadfd9;border-radius:18px;background:white}.ua-value small,.ua-value span{display:block}.ua-value strong{display:block;font-size:clamp(3rem,5vw,4.7rem);line-height:1;color:#b84f25;margin:.35rem 0}.ua-value span{color:#7a685f;font-size:.8rem}.ua-chart{height:180px;display:flex;align-items:end;gap:14px;padding:1.8rem 1rem .8rem}.ua-chart i{flex:1;height:var(--h);background:linear-gradient(#d4774b,#b84f25);border-radius:7px 7px 2px 2px}.ua-legend{display:flex;justify-content:space-between;color:#7a685f;font-size:.7rem;border-top:1px solid #eadfd9;padding-top:1rem}
.v3-way{background:#09172a;color:#cfdae7;padding-block:9rem;position:relative;overflow:hidden}.v3-way::after{content:"";position:absolute;inset:auto -12rem -25rem auto;width:44rem;height:44rem;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.v3-way-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(4rem,9vw,9rem)}.v3-way h2,.v3-way h3{color:white}.v3-way-lead h2{font-size:clamp(3rem,5.6vw,5.8rem)}.v3-way-lead>p{font-size:1.1rem;color:#aebaca;max-width:620px}.v3-text-action-light{color:white;border-color:rgba(255,255,255,.28)}.v3-principles article{display:grid;grid-template-columns:55px 1fr;gap:1.3rem;border-top:1px solid rgba(255,255,255,.18);padding:1.7rem 0}.v3-principles article>span{font-size:.7rem;letter-spacing:.1em;color:#d8b35b}.v3-principles h3{font-size:2rem;margin-bottom:.4rem}.v3-principles p{color:#9fabbc;margin:0}
.v3-journal{padding-block:9rem}.v3-journal-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:1.5rem}.v3-feature-story{position:relative;min-height:520px;border-radius:30px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;background:linear-gradient(145deg,#e5d3b0,#f5ead5 55%,#d7b76e);overflow:hidden}.v3-feature-story::after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(17,35,63,.16);border-radius:50%;right:-90px;top:-80px;box-shadow:0 0 0 42px rgba(17,35,63,.035),0 0 0 84px rgba(17,35,63,.025)}.v3-story-tag{position:relative;z-index:1;align-self:flex-start;border:1px solid rgba(17,35,63,.22);border-radius:999px;padding:.35rem .65rem;text-transform:uppercase;font-size:.65rem;letter-spacing:.13em;font-weight:800}.v3-feature-story>div{position:relative;z-index:1}.v3-feature-story p{font-size:.75rem;color:#746444}.v3-feature-story h3{font-size:clamp(2.5rem,4.2vw,4.5rem);max-width:650px}.v3-feature-story>div>span{font-weight:800}.v3-story-list{display:grid}.v3-story-list a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:170px;padding:1.6rem 4rem 1.6rem 1.8rem;border-top:1px solid var(--line);text-decoration:none}.v3-story-list a:last-child{border-bottom:1px solid var(--line)}.v3-story-list a>span{text-transform:uppercase;font-size:.65rem;letter-spacing:.13em;font-weight:800;color:#9b6f18}.v3-story-list h3{font-size:clamp(1.45rem,2.6vw,2.2rem);margin:.5rem 0}.v3-story-list i{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-style:normal;color:#a3acb8}.v3-story-list a:hover h3{color:#9b6f18}
.v3-cta{padding-block:3rem 9rem}.v3-cta-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:5rem;align-items:end;border:1px solid var(--line);border-radius:30px;padding:clamp(2rem,5vw,4.5rem);background:rgba(255,255,255,.55);box-shadow:0 24px 70px rgba(17,35,63,.07)}.v3-cta-panel h2{font-size:clamp(2.8rem,5vw,5rem)}.v3-cta-panel>div:last-child{max-width:520px}.v3-footer{padding-top:5.5rem}.v3-footer-top{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:3rem}.v3-footer-top>div:not(.footer-intro){display:flex;flex-direction:column;gap:.65rem}.v3-footer-top h2{font-family:inherit;color:white;font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}.v3-footer-top a{color:#c8d1dc;text-decoration:none;font-size:.85rem}.v3-footer-top img{display:block;max-width:230px;margin-bottom:1.3rem}.v3-footer .footer-intro p{color:#9fabb9}
@media(max-width:1020px){.product-title-ri,.product-title-upkeep{white-space:normal}.v3-hero{min-height:auto;padding-top:6rem}.v3-hero-grid{grid-template-columns:1fr}.v3-hero-copy{max-width:800px}.v3-compass-wrap{min-height:500px}.v3-product{grid-template-columns:1fr;min-height:auto}.v3-product-art{max-width:720px;width:100%;margin-inline:auto}.v3-way-grid{grid-template-columns:1fr}.v3-journal-grid{grid-template-columns:1fr}.v3-footer-top{grid-template-columns:1.4fr repeat(2,1fr)}.v3-footer-top>div:last-child{grid-column:2/3}}
@media(max-width:760px){.v3-brand img{width:180px}.v3-hero{padding:4.5rem 0 3rem}.v3-hero-copy h1{font-size:clamp(3.65rem,16vw,5.4rem)}.v3-compass-wrap{min-height:390px}.v3-compass{width:min(110%,500px)}.v3-scroll{display:none}.v3-intro-grid{grid-template-columns:1fr;gap:1.5rem}.v3-section-heading{align-items:flex-start;flex-direction:column}.v3-product{border-radius:24px;padding:1.5rem}.v3-product h3{font-size:clamp(2.75rem,11vw,4.25rem)}.product-title-launch{font-size:clamp(2.75rem,10.5vw,4.1rem)!important}.product-title-ri{font-size:clamp(2.35rem,9.4vw,3.75rem)!important}.product-title-upkeep{font-size:clamp(2.65rem,10.5vw,4rem)!important}.lw-grid{grid-template-columns:60px 1fr;min-height:300px}.lw-grid section{padding:.9rem}.lw-cards{gap:.4rem}.ri-panel{grid-template-columns:1fr}.ri-score{border-right:0;border-bottom:1px solid #dce5e0;padding:1rem}.ri-score strong{font-size:4.5rem}.ua-chart{gap:8px}.v3-journal,.v3-way,.v3-intro,.v3-products{padding-block:6rem}.v3-feature-story{min-height:420px}.v3-cta-panel{grid-template-columns:1fr;gap:2rem}.v3-footer-top{grid-template-columns:1fr 1fr}.v3-footer-top .footer-intro{grid-column:1/-1}.v3-footer-top>div:last-child{grid-column:auto}}
@media(max-width:520px){.product-title{text-wrap:wrap}.product-title-ri{font-size:clamp(2.15rem,10.2vw,3.25rem)!important}.product-title-upkeep{font-size:clamp(2.45rem,11vw,3.55rem)!important}.v3-hero-copy h1{font-size:clamp(3.3rem,16vw,4.6rem)}.v3-hero-note{margin-top:2.3rem}.v3-compass-caption{gap:.7rem}.v3-compass-caption span+span::before{margin-right:.7rem}.v3-product ul{display:grid}.lw-window,.ri-panel,.ua-panel{transform:none}.lw-grid{grid-template-columns:45px 1fr}.lw-top span{display:none}.lw-focus strong{font-size:1.15rem}.lw-cards i{height:58px}.ri-panel,.ua-panel{padding:1.15rem}.v3-footer-top{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.compass-construction path,.compass-construction circle,.poppy-mark path,.poppy-mark circle,.compass-needle{animation:none!important;stroke-dashoffset:0;opacity:1;transform:none}}


/* v2.4 — consistent product-name typography
   All portfolio names use one shared size and never split inside a word. */
.v3-product h3,
.product-hero h1{
  word-break:keep-all;
  overflow-wrap:normal;
  hyphens:none;
  text-wrap:balance;
}

/* Homepage product showcases: one identical scale for all three names. */
.v3-product h3,
.product-title,
.product-title-launch,
.product-title-ri,
.product-title-upkeep{
  font-size:clamp(1.95rem,3.1vw,3.25rem)!important;
  line-height:1;
  letter-spacing:-.04em;
  white-space:nowrap;
  max-width:none;
}

/* Individual product pages: one identical scale for every product hero. */
.product-hero h1{
  font-size:clamp(1.9rem,4.1vw,4.15rem)!important;
  line-height:1;
  letter-spacing:-.045em;
  white-space:nowrap;
  max-width:none;
}

@media(max-width:1020px){
  .v3-product h3,
  .product-title,
  .product-title-launch,
  .product-title-ri,
  .product-title-upkeep{
    font-size:clamp(1.95rem,6.6vw,3.25rem)!important;
    white-space:nowrap;
  }
  .product-hero h1{
    font-size:clamp(1.9rem,6.8vw,4.15rem)!important;
    white-space:nowrap;
  }
}

@media(max-width:520px){
  .v3-product h3,
  .product-title,
  .product-title-launch,
  .product-title-ri,
  .product-title-upkeep,
  .product-hero h1{
    font-size:clamp(1.82rem,8vw,2.65rem)!important;
    line-height:1.02;
    white-space:nowrap;
    letter-spacing:-.045em;
  }
}

/* v2.5 — homepage alignment and spacing polish
   Keeps the approved Poppy Compass palette and brand assets unchanged. */
:root{
  --pc-space-2: .5rem;
  --pc-space-3: .75rem;
  --pc-space-4: 1rem;
  --pc-space-6: 1.5rem;
  --pc-space-8: 2rem;
  --pc-space-10: 2.5rem;
  --pc-space-12: 3rem;
  --pc-space-16: 4rem;
  --pc-space-24: 6rem;
}

/* One button geometry throughout the refreshed homepage. */
.v3-home .button,
.v3-header .button,
.v3-footer .button{
  min-height:48px;
  padding:.78rem 1.15rem;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  font-size:.86rem;
  line-height:1;
  font-weight:780;
  white-space:nowrap;
}
.v3-home .button-small,
.v3-header .button-small{
  min-height:42px;
  padding:.66rem 1rem;
}

/* Product showcases share one grid, one content rhythm, and one art footprint. */
.v3-products .v3-product{
  grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);
  gap:clamp(3rem,5vw,5.5rem);
  min-height:660px;
  padding:clamp(2.5rem,5vw,4.75rem);
  margin:2.5rem 0;
}
.v3-product-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.v3-product-copy>p{
  min-height:5.2em;
  margin-top:1.15rem;
}
.v3-product-copy .button{
  margin-top:auto;
}
.v3-product-art{
  width:100%;
  min-height:430px;
  display:grid;
  place-items:center;
}
.lw-window,
.ri-panel,
.ua-panel{
  width:100%;
  max-width:650px;
  min-height:400px;
  margin-inline:auto;
  transform:perspective(1000px) rotateY(-2deg) rotateX(.75deg);
}
.lw-grid{min-height:358px}
.ri-panel{align-content:center}
.ua-panel{display:flex;flex-direction:column;justify-content:center}

/* Repeatable section spacing, rather than page-by-page values. */
.v3-section-heading{margin-bottom:var(--pc-space-16)}
.v3-product-meta{margin-bottom:var(--pc-space-8)}
.v3-product ul{margin:var(--pc-space-8) 0 var(--pc-space-8)}
.v3-principles article{padding:var(--pc-space-8) 0}
.v3-story-list a{padding-block:var(--pc-space-8)}

@media(max-width:1020px){
  .v3-products .v3-product{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .v3-product-copy>p{min-height:0}
  .v3-product-art{min-height:390px}
}

@media(max-width:760px){
  .v3-home .button,
  .v3-header .button,
  .v3-footer .button{
    min-height:46px;
  }
  .v3-products .v3-product{
    gap:2.25rem;
    margin:1.5rem 0;
    padding:1.6rem;
  }
  .v3-product-art{min-height:310px}
  .lw-window,.ri-panel,.ua-panel{min-height:0;transform:none}
}