@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,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--signal);outline-offset:5px;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; }
.pollen-header-space { height: 76px; }
.pollen-header {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 height: 76px;
 min-height: 76px;
 padding: 10px 40px;
 border: 0;
 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: 16px;
 left: max(16px, calc((100% - 1040px) / 2));
 right: max(16px, calc((100% - 1040px) / 2));
 border-radius: 24px;
 background: color-mix(in srgb, var(--ground) 88%, transparent);
 backdrop-filter: blur(20px);
 box-shadow: 0 8px 32px color-mix(in srgb, var(--ground) 35%, transparent);
}
.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;
}

/* Scrims cover the full photograph, so copy needs no rectangular backplate. */
.hero-world:after { z-index: 2; }
.hero-world {
 mask-image: linear-gradient(to bottom, black 82%, transparent);
}
.hero-identity canvas { transition: opacity 500ms ease; }
.hero-offer h1 { text-wrap: balance; }
.world-journey { isolation: isolate; }
.world-journey > div:not(.journey-caption),
.journey-still {
 mask-image: linear-gradient(to bottom, transparent, black 16%, black 84%, transparent);
}
.journey-still {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: 55% 50%;
}
.world-journey:has(> div:not(.journey-caption)) > .journey-still { visibility: hidden; }
.world-journey:after {
 content: "";
 position: absolute;
 inset: 0;
 z-index: 2;
 pointer-events: none;
 background: linear-gradient(90deg,
  color-mix(in srgb, var(--ground) 75%, transparent), transparent 75%);
}
.journey-caption {
 padding: 0;
 background: transparent;
 left: 6%;
 bottom: 16%;
}
.product-chapter { background: var(--ground); }
.product-chapter:before {
 mask-image: linear-gradient(to bottom, transparent, black 18%, black 82%, transparent);
}
.pollen-close > img {
 mask-image: linear-gradient(to bottom, transparent, black 18%, black 80%, transparent);
}
.pollen-close:after {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 pointer-events: none;
 background: linear-gradient(90deg,
  color-mix(in srgb, var(--ground) 85%, transparent), transparent 85%);
}
.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: 10px 20px; }
 .pollen-header[data-floating=true] { top: 12px; 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);
 }
 .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; }
}