@font-face{font-family:Anybody;src:url('/pollen/fonts/Anybody-Italic.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:optional}@font-face{font-family:Bricolage;src:url('/pollen/fonts/BricolageGrotesque.woff2') format('woff2');font-weight:200 800;font-display:optional}
:root{--signal:#ffe500;--ground:#080609;--ultraviolet:#6f2cff;--text:#f5f3ff;--muted-text:#bdb7cd;--surface:#15111d;--rule:#51465f;--font-body:Bricolage,sans-serif;--font-heading:Anybody,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--ground);color:var(--text);font:18px/1.45 Bricolage,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.2em}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible{outline:2px solid currentColor;outline-offset:3px;box-shadow:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid currentColor;outline-offset:-1px;box-shadow:none!important}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Anybody,sans-serif;font-style:italic;font-weight:800;font-stretch:110%;font-variation-settings:'wdth' 110;letter-spacing:-.035em;line-height:.95}h1{font-size:clamp(48px,6.2vw,100px)}h2{font-size:clamp(32px,4vw,64px)}p{max-width:60ch}img{max-width:100%}button{color:inherit;background:transparent;border:1px solid var(--rule);border-radius:8px;min-height:48px;padding:10px 18px}pre{font:15px/1.6 monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);padding:24px;border:1px solid var(--rule)}
.pollen-header{position:relative;z-index:20;min-height:88px;padding:16px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--ground);border-bottom:1px solid var(--rule)}.logo-link{display:flex;align-items:center;min-height:48px;padding:4px}.logo-link img{display:block;width:110px;height:42px;object-fit:contain}.pollen-header nav{display:flex;gap:32px;align-items:center;font-size:16px}.pollen-header nav a{display:inline-flex;align-items:center;min-height:48px}.pollen-header nav a[aria-current=page]{color:var(--signal);text-decoration-thickness:2px}
.pollen-hero{position:relative;isolation:isolate;min-height:calc(100svh - 88px);height:860px;max-height:1100px;overflow:hidden;background:var(--ground)}.hero-world{position:absolute;inset:0;z-index:-2}.hero-world>img{width:100%;height:100%;object-fit:cover;object-position:60% 50%}.hero-identity{position:absolute;left:5%;top:3%;width:68%;height:46%;pointer-events:none}.hero-identity img{width:100%;height:100%;object-fit:contain;object-position:left center}.hero-offer{position:absolute;left:5%;bottom:8%;max-width:740px;background:var(--ground);padding:28px 32px 30px}.hero-offer h1{font-size:clamp(48px,5.8vw,84px);max-width:12ch;margin-bottom:20px;position:relative}.headline-lens{position:relative}.hero-offer p{font-size:18px;max-width:40ch;margin-bottom:24px}.primary-action{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;min-height:56px;padding:16px 24px;background:var(--signal);color:var(--ground);border-radius:8px;text-decoration:none;font-size:16px;font-weight:600}.primary-action:hover{background:var(--text)}.replay{position:absolute;right:28px;bottom:28px;font-size:14px;background:var(--ground);border-color:var(--muted-text)}
.world-journey{position:relative;height:150vh;min-height:1000px}.journey-caption{position:absolute;bottom:12%;left:5%;z-index:4;max-width:640px;padding:28px;background:var(--ground);pointer-events:none}.journey-caption h2{margin:0;max-width:13ch}.pollen-explain{padding:120px 7%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.pollen-explain h2{font-size:clamp(40px,5.8vw,88px);margin:0}.pollen-explain p{max-width:36ch}.pollen-explain a{display:inline-flex;min-height:48px;align-items:center}.boundary{color:var(--muted-text);font-size:16px;margin-top:32px}.pollen-close{position:relative;min-height:650px;display:flex;align-items:flex-end;padding:64px 7%;isolation:isolate}.pollen-close>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}.pollen-close>div{background:var(--ground);padding:28px 32px}.pollen-close h2{max-width:12ch}.footer-nav{display:flex;flex-wrap:wrap;gap:32px;padding:48px 7% 24px}.footer-nav a{min-height:48px;display:flex;align-items:center}footer{padding:32px 7% 48px;border-top:1px solid var(--rule);color:var(--muted-text);font-size:16px}footer a{display:inline-flex;align-items:center;min-height:48px;margin-right:24px}footer p{margin:0 0 16px}
.how-intro{padding:100px 7% 80px;max-width:1100px}.how-intro h1{max-width:14ch}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:64px 7%;background:var(--ultraviolet)}.how-steps article>span{font-size:16px;display:block;margin-bottom:32px}.how-steps h2{font-size:40px}.how-steps p{font-size:18px}.example{padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.example h2{max-width:12ch}.example dt{color:var(--muted-text);font-size:14px;margin-top:24px}.example dd{margin:8px 0 0}.example-site{padding:40px;min-height:440px;background:var(--signal);color:var(--ground);display:flex;flex-direction:column;justify-content:center}.example-site span{font-size:18px;margin-bottom:48px}.example-site h3{font:600 42px/1.1 Bricolage,sans-serif;letter-spacing:-.025em}.plain-section{padding:70px 7%;border-top:1px solid var(--rule)}.plain-section p{max-width:54ch}.document-page{max-width:1000px;padding:80px 32px 100px;margin:auto}.document-page h1{font-size:clamp(40px,6vw,80px);margin-bottom:40px}.document-page h2{font:600 30px/1.2 Bricolage,sans-serif;letter-spacing:0;margin-top:48px}.document-page a{color:var(--signal)}.review-note{padding:16px 7%;background:var(--ultraviolet);font-size:16px;margin:0}.review-note a{font-weight:600}.preview-empty{display:grid;place-content:center;min-height:420px;text-align:center;padding:32px}.preview-empty p{color:var(--muted-text)}
@media(max-width:700px){body{font-size:17px}.pollen-header{padding:12px 20px;gap:12px;align-items:flex-start;flex-wrap:wrap}.pollen-header nav{width:100%;justify-content:space-between;gap:12px;font-size:14px}.pollen-header nav a{min-height:44px}.pollen-hero{height:auto;min-height:850px;max-height:none}.hero-world>img{object-position:61% 30%}.hero-identity{width:92%;left:4%;top:3%;height:30%;background:var(--ground)}.hero-offer{left:20px;right:20px;bottom:86px;padding:24px;max-width:none}.hero-offer h1{font-size:40px;max-width:12ch}.hero-offer p{font-size:17px}.replay{right:20px;bottom:20px}.world-journey{height:120vh;min-height:850px}.journey-caption{left:20px;right:20px;bottom:16%;padding:24px}.pollen-explain{padding:72px 20px;grid-template-columns:1fr;gap:32px}.pollen-explain h2{font-size:48px}.pollen-close{min-height:650px;padding:32px 20px}.pollen-close>div{padding:24px}.pollen-close h2{font-size:40px}.footer-nav{padding:32px 20px 20px;gap:12px 24px}footer{padding:28px 20px 40px}.how-intro{padding:64px 20px}.how-intro h1{font-size:40px}.how-steps{padding:48px 20px;grid-template-columns:1fr;gap:32px}.how-steps article>span{margin-bottom:16px}.how-steps h2{font-size:32px}.example{padding:64px 20px;grid-template-columns:1fr;gap:40px}.example-site{padding:28px;min-height:360px}.example-site h3{font-size:36px}.plain-section{padding:48px 20px}.document-page{padding:56px 20px 72px}pre{padding:16px;font-size:14px}.review-note{padding:16px 20px}.primary-action{min-height:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero-identity{mix-blend-mode:screen}.hero-offer{max-width:670px}.hero-offer h1{max-width:15ch;font-size:clamp(48px,5vw,72px)}
@media(max-width:700px){.pollen-hero{min-height:700px}.hero-identity{background:transparent;height:34%}.hero-offer{bottom:78px;padding:20px}.hero-offer h1{font-size:40px;max-width:15ch}.hero-offer p{margin-bottom:20px}}
.brief-editor input:not([type=radio]),.brief-editor textarea{width:100%;background:var(--ground);border:1px solid var(--rule);border-radius:8px;padding:12px;color:var(--text)}.preview-toolbar h2{font:600 20px/1.2 Bricolage,sans-serif;letter-spacing:0;margin:0}button:disabled{opacity:.5;cursor:not-allowed}

.document-page .primary-action{color:var(--ground)}.review-note{max-width:none}

.pollen-legal h1{font-family:Anybody,sans-serif;font-style:italic}.pollen-legal h2{font-family:Bricolage,sans-serif;font-style:normal;font-weight:600;letter-spacing:0}.pollen-legal{color:var(--text);background:var(--ground)}
.menu-toggle{display:none}.pollen-header{min-height:76px;padding-block:10px}.pollen-hero{min-height:calc(100svh - 76px)}.hero-identity{mask-image:linear-gradient(to bottom,transparent 0%,black 14%,black 76%,transparent 100%)}.replay{border:0;padding:8px 12px;text-decoration:underline;text-underline-offset:.2em;min-height:44px}.how-intro{padding-bottom:40px}.how-steps>.primary-action{align-self:start;justify-self:start;grid-column:1/-1}.brief-editor{border:0;border-top:1px solid var(--rule);background:var(--ground);padding-left:0;padding-right:0}.style-option{min-height:56px}.style-option input[type=radio]{accent-color:var(--signal);width:20px;height:20px}.preview-stage{background:var(--ground);padding:0;border-radius:0}.preview-devices{border:1px solid var(--rule);border-radius:8px;overflow:visible}.preview-devices button{border:0;min-height:48px}.preview-devices button[aria-pressed=true]{background:var(--signal);color:var(--ground);box-shadow:none}
@media(max-width:700px){.pollen-header{height:76px;min-height:76px;flex-wrap:nowrap;align-items:center;padding:10px 20px}.menu-toggle{display:block;min-height:48px;border:0;padding:8px 12px}.pollen-header nav{display:none;position:absolute;left:0;right:0;top:76px;padding:16px 20px 24px;background:var(--ground);border-bottom:1px solid var(--rule);z-index:30;flex-direction:column;align-items:stretch;gap:8px;font-size:17px}.pollen-header nav[data-open=true]{display:flex}.pollen-header nav a{min-height:48px}.pollen-hero{min-height:720px}.hero-world{top:155px}.hero-world>img{object-position:72% 50%}.hero-identity{top:0;left:4%;width:92%;height:245px;background:var(--ground);mix-blend-mode:normal;mask-image:linear-gradient(to bottom,black 0%,black 77%,transparent 100%)}.hero-offer{bottom:58px}.hero-offer h1{font-size:40px}.replay{bottom:6px}.how-intro{padding:44px 20px 32px}.how-intro h1{margin:0}.how-steps{padding-top:32px;gap:24px}.how-steps p{font-size:17px}.how-steps article>span{margin-bottom:12px}.how-steps h2{margin-bottom:18px}.brief-editor{padding:24px 0}.preview-devices{width:auto}}
/* Second pass: exact cutout identity and a composed dark pocket, never a panel. */
.hero-identity{top:7%;left:6%;width:64%;height:auto;aspect-ratio:486/166;background:none;mix-blend-mode:normal;mask-image:none}.hero-identity img{display:block;object-fit:contain}.hero-world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,6,9,.96),rgba(8,6,9,.85) 38%,rgba(8,6,9,0) 78%);pointer-events:none}.hero-offer{left:6%;bottom:9%;padding:0;background:none;max-width:650px}.hero-offer h1{max-width:13ch}.product-chapter{position:relative;isolation:isolate;padding:112px 7%;display:grid;grid-template-columns:.85fr 1.3fr;gap:7%;align-items:center;background:var(--ultraviolet)}.product-chapter:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080609 0%,rgba(8,6,9,.88) 45%,rgba(8,6,9,.5)),url('/pollen/images/seed-04.webp') center/cover}.product-story h2{max-width:10ch}.product-story p{max-width:30ch}.product-demo{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:center}.example-brief{background:var(--ground);padding:28px;border:1px solid var(--rule);border-radius:8px}.example-brief h3{font:600 22px/1.2 Bricolage,sans-serif}.example-brief dt{color:var(--muted-text);font-size:14px;margin-top:24px}.example-brief dd{margin:8px 0 0;font-size:17px}.example-style{font-size:16px;margin:32px 0}.example-style strong{color:var(--signal);text-decoration:underline;text-underline-offset:.3em}.example-saved{display:block;padding:12px 0;border-top:1px solid var(--rule);font-size:16px}.example-phone{border:1px solid var(--rule);background:var(--ground);border-radius:24px;padding:20px 16px;min-height:420px;display:flex;flex-direction:column;gap:24px}.example-phone>span{font-size:14px}.example-phone>div{flex:1;padding:24px 4px}.example-phone h3{font:800 italic 30px/.98 Anybody,sans-serif;letter-spacing:-.035em;margin:28px 0 20px}.example-phone p{font-size:15px}.example-download{background:var(--signal);color:var(--ground);border-radius:8px;padding:14px 12px}.product-chapter .boundary{font-size:14px}.journey-caption p{margin:20px 0 0;font-size:18px}
@media(max-width:700px){.pollen-hero{min-height:780px;height:calc(100svh - 76px);max-height:none}.hero-world{inset:0}.hero-world>img{object-position:72% 35%}.hero-world:after{background:linear-gradient(180deg,rgba(8,6,9,.45),transparent 35%,rgba(8,6,9,.94) 59%,#080609 100%)}.hero-identity{left:5%;top:6%;width:90%;height:auto;aspect-ratio:486/166;background:none;mask-image:none}.hero-offer{left:20px;right:20px;bottom:72px;padding:0}.hero-offer h1{max-width:13ch;font-size:40px}.hero-offer p{max-width:29ch}.product-chapter{padding:72px 20px;grid-template-columns:1fr;gap:40px}.product-story h2{max-width:12ch}.product-demo{gap:16px;grid-template-columns:1fr}.example-brief{padding:24px}.example-phone{width:260px;max-width:100%;justify-self:center;min-height:420px}.product-story .boundary{margin-top:24px}.journey-caption p{font-size:17px}}

.product-chapter .boundary{color:var(--text)}
/* One product chapter: brief, corresponding preview and export in reading order. */
.world-journey{height:95vh;min-height:700px}.product-chapter{grid-template-columns:1fr;padding-block:88px;gap:48px}.product-story{display:grid;grid-template-columns:1fr 1.2fr;gap:20px 64px;align-items:start}.product-story h2{font:600 40px/1.1 Bricolage,sans-serif;letter-spacing:-.025em;max-width:none;margin:0}.product-story>p{max-width:45ch;margin:0}.product-story>.primary-action{justify-self:start}.product-story>.boundary{font-size:14px;margin:0}.product-demo{grid-template-columns:1fr 1.5fr;gap:48px;align-items:stretch}.example-phone{border-radius:8px;padding:28px;min-height:460px}.example-phone>div{padding:28px;background:var(--ultraviolet)}.example-phone h3{font-size:48px;max-width:12ch}.example-phone p{font-size:18px;max-width:28ch}.example-download{align-self:start}.example-file{color:var(--muted-text)}
@media(max-width:700px){.world-journey{height:85vh;min-height:640px}.product-chapter{padding:64px 20px;gap:32px}.product-story{grid-template-columns:1fr;gap:24px}.product-story h2{font-size:36px}.product-demo{grid-template-columns:1fr;gap:24px}.example-phone{width:100%;min-height:440px;padding:20px}.example-phone>div{padding:24px 16px}.example-phone h3{font-size:36px}.example-phone p{font-size:17px}}
/* A labelled phone preview keeps portrait proportions on every viewport. */
.product-demo{grid-template-columns:1fr 1fr;align-items:start}.example-phone{width:100%;max-width:360px;min-height:600px;justify-self:center;padding:20px}.example-phone>div{min-height:390px;padding:28px 20px}.example-phone h3{font-size:36px}.example-phone p{font-size:17px}.example-brief{min-height:480px}
@media(max-width:700px){.product-demo{grid-template-columns:1fr}.example-phone{max-width:350px;min-height:600px}.example-brief{min-height:0}}

/* Keep the navigation available without moving the document on scroll. */
html { scrollbar-gutter: stable; scroll-padding-top: 110px; }
/* Every inset is zero unless a page opts into viewport-fit=cover (the home page does). */
.pollen-header-space { height: calc(76px + env(safe-area-inset-top, 0px)); }
.pollen-header {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 height: calc(76px + env(safe-area-inset-top, 0px));
 min-height: calc(76px + env(safe-area-inset-top, 0px));
 padding: calc(10px + env(safe-area-inset-top, 0px)) max(40px, env(safe-area-inset-right, 0px)) 10px max(40px, env(safe-area-inset-left, 0px));
 border: 0;
 --glass-fill: rgba(8,6,9,.5);
 --glass-filter: blur(18px) saturate(160%);
 background: transparent;
 isolation:isolate;
 text-shadow: 0 1px 12px rgba(0,0,0,.6);
 transition: top 240ms ease, left 240ms ease, right 240ms ease,
  border-radius 240ms ease, background-color 240ms ease, box-shadow 240ms ease;
}
.pollen-header[data-floating=true] {
 top: calc(16px + env(safe-area-inset-top, 0px));
 height: 76px;
 min-height: 76px;
 padding-top: 10px;
 left: max(16px, calc((100% - 1040px) / 2));
 right: max(16px, calc((100% - 1040px) / 2));
 border-radius: 24px;
 --glass-fill: linear-gradient(125deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 44%,rgba(255,255,255,.08)),rgba(8,6,9,.28);
 --glass-filter: blur(18px) saturate(180%);
 --glass-shadow: inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.1),0 12px 36px rgba(0,0,0,.2);
}
.pollen-header::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; pointer-events:none; background:var(--glass-fill); -webkit-backdrop-filter:var(--glass-filter); backdrop-filter:var(--glass-filter); box-shadow:var(--glass-shadow,none); }
.pollen-header nav a { text-decoration: none; }
.pollen-header nav a:hover,
.pollen-header nav a[aria-current=page] {
 text-decoration: underline;
 text-underline-offset: .2em;
}

/* All chapters share one viewport. The text moves; the photograph stays pinned. */
.pollen-story { position:relative; isolation:isolate; margin-top:calc(-76px - env(safe-area-inset-top, 0px)); }
.pollen-scene { position:sticky; top:0; height:100svh; margin-bottom:-100svh; z-index:-1; overflow:hidden; background:var(--ground); }
.scene-still { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:60% 50%; }
.pollen-scene:has(canvas) > .scene-still { visibility:hidden; }
.pollen-scene:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(8,6,9,.83),rgba(8,6,9,.53) 35%,rgba(8,6,9,.06) 75%),linear-gradient(0deg,rgba(8,6,9,.5),transparent 40%); }
.pollen-hero { height:100svh; min-height:740px; max-height:none; background:transparent; }
.hero-identity { top:14%; }
.wordmark-particles { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; }
.hero-offer { z-index:3; bottom:9%; }
.hero-offer h1 { text-wrap:balance; }
.world-journey { height:115svh; min-height:700px; }
.journey-caption { padding:0; background:transparent; left:6%; bottom:35%; }
.product-chapter { min-height:140svh; padding-block:15svh; background:transparent; isolation:auto; }
.product-chapter:before { content:none; }
.product-story { grid-template-columns:1fr; max-width:620px; gap:24px; text-shadow:0 2px 24px var(--ground); }
.product-story h2 { font-size:clamp(36px,5vw,64px); }
.pollen-close { min-height:100svh; padding-bottom:20svh; isolation:auto; }
.pollen-close:after { content:none; }
.pollen-close > div { background:transparent; padding:0; }
.pollen-close h2 { margin-bottom:24px; text-wrap:balance; }

/* Use the shared footer on Pollen's dark surface, with visible type and links. */
.site-footer-shell {
 --inverse-background: var(--ground);
 --inverse-foreground: var(--text);
 background: var(--ground);
}
.site-footer-shell .footer-nav { padding-bottom: 0; }
.site-footer-shell footer {
 padding: 0 7% 24px;
 border: 0;
 color: var(--text);
}
.site-footer-shell footer > div { padding-inline: 0; border: 0; }
.site-footer-shell footer nav { font-size: 16px; }
.site-footer-shell footer a { margin: 0; }
.site-footer-shell footer > div:last-child > div { padding-inline: 0; font-size: 14px; }

@media(max-width:700px) {
 .pollen-header { padding: calc(10px + env(safe-area-inset-top, 0px)) max(20px, env(safe-area-inset-right, 0px)) 10px max(20px, env(safe-area-inset-left, 0px)); }
 .pollen-header[data-floating=true] { top: calc(12px + env(safe-area-inset-top, 0px)); left: 12px; right: 12px; }
 .pollen-header nav {
  top: calc(100% + 8px);
  border: 0;
  border-radius: 20px;
  box-shadow: 0 8px 32px color-mix(in srgb, var(--ground) 35%, transparent);
  background: linear-gradient(125deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),rgba(8,6,9,.52);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
 }
 .hero-offer { bottom: 56px; }
 .journey-caption { left: 20px; right: 20px; padding: 0; }
 .pollen-close > div { padding: 0; }
 .site-footer-shell footer { padding: 0 20px 24px; }
}

/* The footer keeps its functional links above an open, continuously shedding grain. */
.pollen-footer-immersive { position:relative; isolation:isolate; overflow:hidden; margin-top:-200px; padding-top:200px; background:linear-gradient(to bottom,transparent,var(--ground) 200px); }
.footer-pollen { position:relative; height:90svh; min-height:600px; max-height:1100px; margin-top:-1px; overflow:hidden; }
.footer-pollen > img { position:absolute; width:65%; height:100%; right:-5%; object-fit:contain; opacity:.75; mask-image:radial-gradient(ellipse,black 20%,transparent 67%); }
.footer-pollen canvas { position:absolute; inset:0; width:100%; height:100%; }
.footer-pollen[data-ready=true] > img { visibility:hidden; }
.footer-signature { position:absolute; left:6%; bottom:10%; width:65%; height:auto; pointer-events:none; }
.footer-signature img { display:block; width:100%; }
.pollen-footer-immersive .footer-nav { position:relative; z-index:2; padding-top:48px; }
.pollen-footer-immersive footer { position:relative; z-index:2; }
@media(max-width:700px) {
 .pollen-hero { height:100svh; min-height:780px; }
 .hero-identity { top:16%; }
 .hero-offer { bottom:56px; }
 .pollen-scene:after { background:linear-gradient(90deg,rgba(8,6,9,.56),rgba(8,6,9,.12)),linear-gradient(0deg,rgba(8,6,9,.8),transparent 80%); }
 .world-journey { height:100svh; min-height:650px; }
 .journey-caption { bottom:35%; }
 .product-chapter { padding-block:10svh; }
 .pollen-close { min-height:95svh; padding-bottom:18svh; }
 .footer-pollen { height:70svh; min-height:520px; }
 .footer-pollen > img { width:120%; right:-30%; }
 .footer-signature { width:88%; bottom:10%; }
}
.footer-signature { z-index:1; }

/* Over the hero the header has no bar, so the scene runs to the top edge. The links keep their text shadow. */
.pollen-header-space:has(+ .pollen-story) .pollen-header[data-floating=false] { --glass-fill:transparent; --glass-filter:none; }

/* The wordmark and offer share normal flow, so neither can cover the other. */
.pollen-hero {
 display:grid;
 grid-template-columns:minmax(0,1fr);
 grid-template-rows:auto 1fr auto;
 gap:48px;
 padding:clamp(110px,14svh,180px) 6% 9svh;
 height:auto;
 min-height:max(740px,100svh);
 overflow:visible;
}
.hero-identity { min-width:0; position:relative; inset:auto; width:min(58vw,680px); height:auto; aspect-ratio:486/166; }
.hero-identity img { animation:none; }
.hero-offer { min-width:0; position:relative; inset:auto; grid-row:3; width:100%; max-width:650px; }
.hero-offer h1 { max-width:13ch; margin-bottom:20px; }
.hero-offer p { max-width:37ch; }
.agent-chapter { position:relative; min-height:105svh; display:flex; align-items:center; padding:15svh 7%; }
.agent-story { max-width:640px; }
.chapter-label { color:var(--signal); font-size:15px; margin-bottom:24px; }
.agent-story h2 { font-size:clamp(48px,6vw,88px); max-width:11ch; margin-bottom:28px; }
.agent-story > p:not(.chapter-label) { max-width:40ch; }
.agent-benefits { list-style:none; padding:0; margin:32px 0; font-size:16px; }
.agent-benefits li { padding:12px 0; border-bottom:1px solid color-mix(in srgb,var(--rule) 65%,transparent); }
.text-action { display:inline-flex; gap:24px; align-items:center; min-height:48px; text-decoration:none; }
.text-action:hover { color:var(--signal); }
.product-chapter { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); min-height:120svh; padding-block:12svh; }
.product-story { display:flex; flex-direction:column; align-items:flex-start; gap:24px; max-width:540px; }
.product-story h2 { font:800 italic clamp(44px,5vw,72px)/.96 Anybody,sans-serif; letter-spacing:-.035em; max-width:12ch; }
.product-story .primary-action { margin-top:8px; }
.design-showcase { min-width:0; border:1px solid var(--rule); border-radius:12px; overflow:hidden; background:var(--ground); }
.showcase-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:16px 20px; font-size:14px; }
.showcase-toolbar label { display:flex; align-items:center; gap:12px; }
.showcase-toolbar select { width:140px; min-height:44px; border:1px solid var(--rule); border-radius:6px; padding:8px 12px; color:var(--text); background:var(--surface); font-size:14px; }
.design-showcase iframe { display:block; width:100%; height:900px; border:0; pointer-events:none; background:#edf3f3; }
@media(max-width:900px) {
 .product-chapter { grid-template-columns:1fr; gap:48px; }
 .design-showcase { width:100%; max-width:680px; }
}
@media(max-width:700px) {
 .pollen-hero { padding:120px 20px 56px; min-height:max(780px,100svh); gap:48px; }
 .hero-identity { width:100%; max-width:450px; }
 .hero-offer { inset:auto; }
 .agent-chapter { min-height:100svh; padding:12svh 20px; }
 .agent-story h2 { font-size:52px; }
 .product-chapter { padding:10svh 20px; }
 .product-story h2 { font-size:48px; }
 .design-showcase iframe { height:980px; }
 .showcase-toolbar { padding:12px 16px; }
}
.connect-page { max-width:1100px; }
.connect-page .document-intro { padding-bottom:32px; }
.connect-page .document-intro h1 { max-width:12ch; }
.connect-page .eyebrow { color:var(--signal); font-size:14px; margin-bottom:24px; }
.connect-page section { padding-block:32px; border-top:1px solid var(--rule); }
.connect-page section h2 { margin-top:0; }
.connect-page p, .connect-page li { line-height:1.65; }
.connect-page li { margin-bottom:16px; }
.connect-page .copy-status { min-height:3em; margin:16px 0 0; }
.connect-page pre { max-width:100%; }

/* Keep the agent handoff primary and manual configuration secondary. */
.connect-page .document-intro h1 { margin-bottom:24px; }
.connect-page .document-intro > p:last-child { max-width:51ch; margin-bottom:0; }
.connect-page section h2 { margin-bottom:20px; }
.connect-page .agent-handoff h2 { font-size:24px; }
.connect-page .agent-handoff .primary-action { min-width:220px; justify-content:center; }
.connect-page .handoff-help { margin:16px 0 0; max-width:49ch; }
.connect-page .copy-status { min-height:1.65em; margin:8px 0 0; color:var(--signal); font-size:16px; }
.connect-page details summary { cursor:pointer; min-height:48px; display:list-item; align-content:center; }
.connect-page details summary::marker { color:var(--signal); }
.connect-page details summary:focus-visible { outline:2px solid currentColor; outline-offset:-1px; }
.connect-page .agent-brief-details summary { font-size:16px; color:var(--muted-text); }
.connect-page .agent-brief-details p { margin:12px 0 0; color:var(--muted-text); font-size:16px; overflow-wrap:anywhere; }
.connect-page .agent-manual { border-top:1px solid var(--rule); }
.connect-page .agent-manual > summary { min-height:84px; font-size:22px; font-weight:600; }
.connect-page .agent-manual-content { padding-bottom:32px; }
.connect-page .agent-manual-content h2 { margin:32px 0 20px; font-size:24px; }
.connect-page .agent-manual-content h2:first-child { margin-top:0; }
.connect-page .agent-manual-content pre { font-size:14px; }
.connect-page .connect-builder-link { margin:0; padding-top:8px; }
@media(max-width:700px) {
 .connect-page .document-intro { padding-bottom:28px; }
 .connect-page section { padding-block:28px; }
 .connect-page section h2 { font-size:26px; }
 .connect-page .agent-handoff h2 { font-size:22px; }
 .connect-page .agent-manual > summary { min-height:76px; font-size:22px; }
 .connect-page .agent-manual-content pre { padding:16px; font-size:13px; }
}

.pollen-header-space:has(+ .pollen-story) .pollen-header[data-floating=false] .logo-link { opacity:0; }
.pollen-header-space:has(+ .pollen-story) .logo-link { transition:opacity 200ms ease; }
.pollen-header-space:has(+ .pollen-story) .logo-link:focus-visible { opacity:1; }
.example-facts { width:100%; margin:8px 0 0; background:rgba(8,6,9,.78); border-radius:8px; }
.example-facts figcaption { padding:20px 24px 0; font-size:14px; color:var(--muted-text); }
.example-facts pre { margin:0; padding:16px 24px 20px; background:transparent; border:0; font-size:14px; line-height:24px; }

.connect-page section:not(.agent-handoff) > p, .connect-page .agent-manual-content > p:not(.copy-status) { max-width:68ch; margin:0 0 20px; }
.connect-page .agent-manual-content pre { margin:20px 0; }
.connect-page .agent-manual-content ol { margin-block:20px 28px; }

@media (prefers-reduced-motion:no-preference) {
 .pollen-scene:not([data-field-ready="true"]):not([data-field-ready="static"]) > :is(.scene-still,.morph-stage) { visibility:hidden; }
}
/* A still of the opening field's first frame shows at first paint. The live field paints the same
   frame beneath it, and the still fades away. With reduced motion the still stays and scrolls away with the hero. */
.hero-poster { position:absolute; top:0; left:0; width:100%; height:100svh; z-index:-1; pointer-events:none; transition:opacity 900ms ease; }
.hero-poster img { display:block; width:100%; height:100%; object-fit:cover; object-position:64% 43%; }
.pollen-scene[data-field-ready="true"] ~ .pollen-narrative .hero-poster { opacity:0; }

/* Show a desktop composition while the builder retains its actual phone preview. */
.design-showcase .example-canvas,.p-how-preview .example-canvas { height:650px; overflow:hidden; }
.design-showcase .example-canvas iframe,.p-how-preview .example-canvas iframe { width:200%; height:1300px; transform:scale(.5); transform-origin:top left; }
.showcase-toolbar > a,.p-how-preview-bar > a { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px; }
@media(max-width:700px) {
 .design-showcase .example-canvas,.p-how-preview .example-canvas { height:520px; }
 .design-showcase .example-canvas iframe,.p-how-preview .example-canvas iframe { height:1040px; }
}

@media(prefers-reduced-transparency:reduce) {
 .pollen-header-space .pollen-header::before,
 .pollen-header-space .pollen-header nav[data-open=true] { background:rgba(8,6,9,.94); -webkit-backdrop-filter:none; backdrop-filter:none; }
}

/* The select owns its only boundary; its chevron has reserved, equal inset space. */
.pollen-select{position:relative;display:inline-flex;align-items:center;width:140px;flex-shrink:0}
.pollen-select select{appearance:none;width:100%;padding-inline:16px 44px!important}
.pollen-select svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}
.p-how-style-select .pollen-select{display:flex;width:100%}

.arrow-up-right{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle;pointer-events:none}
.showcase-toolbar a,.p-how-preview-bar a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.showcase-toolbar .arrow-up-right,.p-how-preview-bar .arrow-up-right{width:16px;height:16px}