/* Built file — do not edit.
   Concatenation of, in load order: styles.css, consolidated.css, how-original.css, refinements.css, shared.css
   Edit the sources and re-run build-css.py, which also re-stamps
   the cache-busting hash on every page. */

/* ===== styles.css ===== */
@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Instrument;src:url('assets/fonts/InstrumentSerif-Italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{--ink:#132d25;--muted:#63716a;--paper:#f7f9f5;--card:#fff;--accent:#087858;--lime:#d4ed97;--line:#dce3db;--serif:Instrument,Georgia,serif;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #eaa643;outline-offset:5px}button:disabled{opacity:.5;cursor:not-allowed}svg{width:22px;height:22px;flex-shrink:0}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.06;letter-spacing:-.055em}h2{font-size:clamp(38px,4.8vw,70px)}h3{font-size:23px;letter-spacing:-.035em}em{font-family:var(--serif);font-weight:400;color:var(--accent);letter-spacing:-.035em}p{color:var(--muted)}.wrap{max-width:1240px;margin-inline:auto;padding-inline:48px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.6;text-transform:uppercase}.button{min-height:52px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;font-weight:650;border-radius:100px;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.button.primary{color:white;background:var(--ink);box-shadow:0 5px 12px #072f1910}.button.primary:hover{background:var(--accent);box-shadow:0 8px 24px #073c2420}.button.secondary{border:1px solid var(--line);background:transparent}.button.watch{background:transparent;gap:10px;padding-inline:4px}.button.watch svg{width:16px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:700;margin-top:26px}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translateX(5px)}.skip{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--ink);color:white;padding:15px}.skip:focus{top:10px}.header{height:94px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;gap:30px;position:relative;z-index:20}.brand img{width:100px;height:42px;object-fit:contain}.header nav{display:flex;gap:32px;margin-left:auto;font-size:14px;font-weight:550}.header nav a{color:var(--muted);transition:color .2s}.header nav a:hover{color:var(--ink)}.nav-cta{border:1px solid var(--line);padding:10px 17px;border-radius:100px;display:flex;align-items:center;gap:13px;font-size:13px;font-weight:650;margin-left:15px}.nav-cta:hover{background:var(--card)}.menu-toggle{display:none;background:transparent;font-size:23px}.hero{position:relative;max-width:1440px;margin:0 auto;padding:48px 6% 0;display:grid;grid-template-columns:1.02fr 1fr;isolation:isolate;overflow:hidden}.hero-copy{padding:46px 0 55px;z-index:3;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero .eyebrow{color:var(--accent);display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.08em;margin-bottom:26px}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px #0b76560c}.hero h1{font-size:clamp(56px,6.6vw,96px);line-height:.99;letter-spacing:-.065em;max-width:750px}.hero h1 em{white-space:nowrap;font-size:1.06em;line-height:1.06}.hero-description{font-size:17px;line-height:1.75;max-width:390px;margin-top:29px;letter-spacing:-.01em}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.hero-note{margin-top:23px;display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.tiny-stars{color:var(--accent);font-size:18px}.hero-visual{position:relative;min-width:0;height:650px;margin-top:-18px;z-index:1}.phone-scene{position:absolute;inset:-28px -60px -18px -36px;z-index:2;cursor:grab}.phone-scene:active{cursor:grabbing}.phone-scene canvas{width:100%;height:100%;display:block;touch-action:pan-y;outline-offset:-12px}.scene-fallback{position:absolute;height:78%;width:auto;left:35%;top:8%;border:9px solid #15221e;border-radius:32px;box-shadow:0 30px 70px #06271924;transform:rotate(8deg);object-fit:contain}.stage-glow{position:absolute;inset:10% -10% 0;background:radial-gradient(ellipse,#d4e4bda8,transparent 65%);filter:blur(20px);z-index:0}.orbit{position:absolute;left:0;top:27%;width:110%;height:45%;border:1px solid #98ae8e35;border-radius:50%;transform:rotate(-24deg);z-index:0}.orbit-two{transform:rotate(32deg);top:32%;width:105%;height:35%}.stage-caption{position:absolute;right:0;top:21px;z-index:1;text-align:right;opacity:.65}.stage-caption>span{font-size:12px;letter-spacing:.17em}.stage-caption p{font-size:12px;line-height:1.5;margin-top:5px}.float-card{position:absolute;z-index:4;background:#fffffff0;border:1px solid #ffffffcf;border-radius:17px;box-shadow:0 18px 50px #12332217;backdrop-filter:blur(15px);display:flex;align-items:center;gap:12px;animation:float 7s ease-in-out infinite;pointer-events:none}.float-card strong{display:block;font-size:13px;letter-spacing:-.02em;line-height:1.5}.float-card div>span:last-child{font-size:12px;color:#6c7972;display:block}.match-float{left:-12%;top:47%;padding:17px 15px;transform:rotate(-4deg);animation-delay:-2s}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#e6eee3;border-radius:50%;font-size:12px;font-weight:650;color:#265a40}.card-kicker{display:block!important;font-size:12px!important;letter-spacing:.08em;color:#7c8a80!important;margin-bottom:2px}.score-mini{font-size:22px;color:#138263;line-height:1.1;font-weight:550;margin-left:10px}.score-mini small{display:block;font-size:12px;text-align:center;line-height:1.7}.skill-float{bottom:83px;right:-4%;padding:14px 18px;transform:rotate(5deg);animation-delay:-4s}.spark{font-size:32px;color:#3b6856}.hero-scene-controls{position:absolute;z-index:6;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:10px;white-space:nowrap}.hero-scene-controls button{background:transparent;font-size:12px;color:var(--muted);padding:8px;border-radius:100px}.hero-scene-controls button:hover{background:#8da48d18}.hero-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 29px;color:var(--muted);font-size:12px;letter-spacing:.1em}.hero-foot a{display:flex;align-items:center;gap:16px;letter-spacing:0;font-size:12px}.hero-foot svg{width:18px;transform:rotate(90deg)}.edition{font-family:monospace;letter-spacing:.05em}.statement{padding-top:125px;padding-bottom:70px;text-align:center}.statement .eyebrow{color:var(--accent);margin-bottom:26px}.statement h2{font-size:clamp(36px,4.3vw,58px)}.statement h2 span{color:#87938a}.statement>p{max-width:540px;margin:25px auto 0;font-size:16px}.audiences{display:flex;justify-content:center;gap:40px;margin-top:40px;color:var(--muted);font-size:12px}.audiences span::before{content:'✳';color:var(--accent);margin-right:12px}.match-section{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;padding-top:65px;padding-bottom:145px}.section-copy .eyebrow{color:var(--accent);margin-bottom:22px}.section-copy p{max-width:330px;margin-top:25px;font-size:16px;line-height:1.8}.match-demo{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 20px 60px #1c392008}.demo-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.09em;color:var(--muted);align-items:center}.demo-label{padding:5px 8px;background:var(--paper);border-radius:4px;letter-spacing:0;font-size:12px}.demo-question{font-size:21px;margin-top:27px;font-weight:550;letter-spacing:-.035em}.skill-options{display:flex;gap:7px;margin-top:17px;flex-wrap:wrap}.skill-options button{background:var(--paper);padding:8px 12px;border:1px solid var(--line);border-radius:30px;font-size:12px;transition:all .2s}.skill-options button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.connection-diagram{display:flex;align-items:center;justify-content:center;padding:40px 10px 35px}.self-node,.other-node{border:1px solid #c8d9bb;width:66px;height:66px;display:grid;place-items:center;border-radius:50%;font-size:16px;background:#f6f9ef;color:#355e40;box-shadow:0 0 0 9px #eef5e875}.other-node{background:#d9edbc;border-color:#c5dca6}.connection-track{height:1px;background:linear-gradient(90deg,#dcebd2,#689866,#dcebd2);width:120px;position:relative;margin:0 12px}.connection-track span{position:absolute;width:5px;height:5px;border-radius:50%;background:#82b56e;top:-2px;animation:travel 3s ease-in-out infinite}.connection-track span:nth-child(2){animation-delay:1s}.connection-track span:nth-child(3){animation-delay:2s}.match-result{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;gap:15px;align-items:center;min-height:162px}.match-result h3{font-size:22px;margin-top:7px}.match-result p{font-size:12px;margin-top:8px;max-width:290px}.matched-chips{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.matched-chips span{padding:3px 7px;border-radius:4px;background:#dae8d860;color:var(--accent);font-size:12px}.result-check{color:var(--accent);margin-left:auto}.result-check svg{width:28px;height:28px}.demo-bottom{display:flex;justify-content:space-between;margin-top:21px;font-size:12px;color:var(--muted)}.product-section{background:#e9eee5;padding:100px 0 110px;position:relative;overflow:hidden}.product-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px}.product-heading .eyebrow{color:var(--accent);margin-bottom:25px}.product-heading p{font-size:14px;max-width:320px;padding-bottom:10px}.explorer{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.explorer-tabs{max-width:480px}.explorer-tabs>button{width:100%;display:flex;align-items:center;text-align:left;gap:20px;padding:25px 0;background:none;border-bottom:1px solid #cdd6c8;opacity:.58;transition:opacity .2s,transform .3s}.explorer-tabs>button.active{opacity:1}.explorer-tabs>button:hover{opacity:1;transform:translateX(4px)}.explorer-tabs .step{font-size:12px;color:var(--accent);font-weight:700}.explorer-tabs strong{font-size:21px;letter-spacing:-.035em;display:block;font-weight:550}.explorer-tabs small{font-size:12px;color:var(--muted);margin-top:5px;display:block}.explorer-tabs svg{margin-left:auto;width:18px;opacity:0;transition:opacity .2s}.explorer-tabs>button.active svg{opacity:1}.explorer-note{font:italic 32px/1.15 var(--serif);color:#72806b;margin-top:45px}.screen-panel{justify-self:center;width:350px;position:relative}.screen-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:12px;letter-spacing:.15em;color:var(--muted)}.screen-title button{background:#ffffff75;border:1px solid #cbd6c4;padding:7px 10px;border-radius:20px;font-size:12px;letter-spacing:0}.screen-panel>img{width:100%;height:auto;border-radius:25px;box-shadow:0 40px 60px -25px #17341440;border:1px solid #bdc8b9;transition:opacity .18s;aspect-ratio:1080/2115}.screen-caption{display:block;font-size:12px;text-align:center;color:var(--muted);letter-spacing:.13em;margin-top:20px}.benefits{padding-top:110px;padding-bottom:120px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.benefit-title{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:35px;margin-bottom:20px}.benefit-title h2{font-size:48px}.benefit-title h2 span{color:var(--muted)}.benefit-title .eyebrow{color:var(--accent);padding-top:10px}.benefits article{padding-top:35px;border-top:1px solid var(--line)}.benefits article>svg{width:28px;height:28px;color:var(--accent);margin-bottom:24px}.benefits h3{font-size:23px;letter-spacing:-.04em}.benefits p{font-size:14px;margin-top:17px;line-height:1.85;max-width:310px}.benefits .text-link{font-size:12px;margin-top:20px}.organizers{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-bottom:100px}.organizer-art{background:#133b2d;color:#dbedc5;border-radius:22px;padding:30px 28px;overflow:hidden}.event-label{font-size:12px;letter-spacing:.12em}.network-graphic{height:330px;position:relative;margin:10px -10px}.network-graphic svg{width:100%;height:100%;stroke:#97c690;stroke-width:1;fill:none;stroke-dasharray:6 6;animation:dash 45s linear infinite;opacity:.45}.net-node{position:absolute;display:grid;place-items:center;width:46px;height:46px;background:#29553d;color:#d3e8b4;border:1px solid #7faa6b60;border-radius:50%;font-size:12px;box-shadow:0 0 0 8px #b5d49405;animation:float 8s ease-in-out infinite}.n1{left:12%;top:27%}.n2{left:44%;top:5%;animation-delay:-3s}.n3{right:12%;top:14%;animation-delay:-6s}.n4{right:5%;bottom:19%;animation-delay:-2s}.n5{left:16%;bottom:5%;animation-delay:-5s}.n6{left:2%;bottom:20%;animation-delay:-7s}.net-node.center{left:43%;top:42%;width:66px;height:66px;background:#cfeaa3;color:#1f462f;border:1px solid #e9f7d3;box-shadow:0 0 0 15px #b5d49408,0 0 0 30px #b5d49404;animation:none;font-weight:650}.event-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:18px;font-size:12px;letter-spacing:.1em}.organizer-copy .eyebrow{color:var(--accent);font-size:12px;margin-bottom:24px}.organizer-copy h2{font-size:50px}.organizer-copy p{font-size:15px;line-height:1.8;margin:24px 0 28px;max-width:400px}.organizer-copy .button{font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-bottom:115px;padding-top:30px}.faq .eyebrow{color:var(--accent);margin-bottom:20px}.faq h2{font-size:46px}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:550;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;line-height:1;font-weight:300;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;padding-top:18px;max-width:480px}.closing{position:relative;isolation:isolate;overflow:hidden;background:#d2e9a6;text-align:center;padding:100px 20px 90px;color:#183527}.closing .eyebrow{font-size:12px;margin-bottom:20px}.closing h2{font-size:clamp(80px,10vw,142px);line-height:.91}.closing h2 em{color:#315c35}.closing>p{margin-top:27px;color:#557248;font-size:16px}.download-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.closing .button.primary{background:#183527;color:white}.closing .button.secondary{border-color:#a6c185;color:#183527}.closing-note{font-size:12px;display:block;margin-top:23px;color:#5a744e}.closing-orbit{width:1000px;height:650px;position:absolute;left:50%;top:-18%;transform:translateX(-50%) rotate(-30deg);border:1px solid #9abb7840;border-radius:50%;z-index:-1;box-shadow:0 0 0 90px #b7d88f16,0 0 0 180px #b7d88f10}.footer{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-top:35px;padding-bottom:110px;font-size:12px}.footer p{font-size:12px}.footer>div{display:flex;gap:20px;margin-left:auto}.footer>span{width:100%;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:2px}.direction-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:80;padding:6px 7px 6px 17px;background:#ffffffed;border:1px solid #ffffff80;backdrop-filter:blur(18px);box-shadow:0 5px 30px #0b261222,0 0 0 1px #101c140c;border-radius:100px;display:flex;gap:3px;align-items:center;color:#253c30}.dock-label{font-size:12px;font-weight:700;letter-spacing:.1em;margin-right:10px}.direction-dock a{font-size:12px;border-radius:100px;display:flex;align-items:center;gap:7px;padding:9px 13px;transition:background .2s;white-space:nowrap}.direction-dock a:hover{background:#edf1e8}.direction-dock a.selected{background:#e7eede;font-weight:700}.swatch{width:10px;height:10px;border-radius:50%;display:block;border:1px solid #00000020}.swatch.studio{background:#d1e5aa}.swatch.afterdark{background:#133f35}.swatch.fieldnotes{background:#ed825d}dialog{background:#f1f4eb;color:#19372a;border:0;border-radius:25px;padding:0;max-width:920px;width:90vw;max-height:90dvh;box-shadow:0 50px 100px #0004}dialog::backdrop{background:#031b16c9;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:18px;top:16px;width:35px;height:35px;display:grid;place-items:center;background:#e0e6d9;border-radius:50%;z-index:5}.story-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:35px;padding:55px 60px}.story-copy h2{font-size:50px;margin-top:20px}.story-copy p{font-size:15px;margin-top:20px}.story-image{height:min(66dvh,630px);display:flex;justify-content:center;align-items:center}.story-image img{max-height:100%;width:auto;border-radius:22px;border:1px solid #bcc9b5;box-shadow:0 18px 40px #153c2425}.story-progress{display:flex;gap:7px;margin-top:35px}.story-progress button{width:58px;height:5px;border-radius:5px;background:#c6d6ba;padding:0}.story-progress button.active{background:#36704f}.story-buttons{display:flex;justify-content:space-between;margin-top:20px}.story-buttons button{background:transparent;padding:7px 0;font-size:12px}.motion-off *{animation-play-state:paused!important}.clean .direction-dock{display:none}
/* Direction two: a cinematic emerald stage, centered type and a wide device tableau. */
.afterdark{--paper:#071b17;--card:#102b24;--ink:#e9f1e5;--muted:#9bb2a5;--accent:#b7e58b;--line:#284137;--lime:#c2eaa0;background:#071b17}.afterdark .header{border-bottom:1px solid #a5d6b412}.afterdark .brand img{opacity:.9}.afterdark .nav-cta{background:#b7e58b;color:#153929;border-color:#b7e58b}.afterdark .hero{display:flex;flex-direction:column;align-items:center;padding-top:35px;max-width:1600px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,#17554070,transparent 60%)}.afterdark .hero-copy{padding:20px 0 0;text-align:center;width:100%}.afterdark .hero .eyebrow{justify-content:center;font-size:12px}.afterdark .hero h1{font-size:clamp(70px,7.8vw,116px);max-width:none;line-height:1}.afterdark .hero h1 em{color:#b7e58b}.afterdark .hero-description{max-width:460px;margin:23px auto 0;font-size:15px}.afterdark .hero-actions{justify-content:center;margin-top:23px}.afterdark .button.primary{background:#c4eaa0;color:#163825}.afterdark .button.primary:hover{background:#d7f5b9}.afterdark .hero-note{justify-content:center;margin-top:15px}.afterdark .hero-visual{width:100%;height:630px;max-width:1060px;margin-top:5px}.afterdark .phone-scene{inset:-12px 30px -15px}.afterdark .stage-glow{inset:-30% 4% -10%;background:radial-gradient(ellipse,#45886b46,transparent 65%)}.afterdark .orbit{border-color:#81ad6625;top:34%;height:45%;width:80%;left:10%}.afterdark .orbit-two{top:20%;height:65%}.afterdark .stage-caption{top:32%;left:0;right:auto;text-align:left;max-width:170px}.afterdark .stage-caption p{font-size:16px;color:#86a596}.afterdark .stage-caption>span{font-size:12px}.afterdark .float-card{background:#14392fe8;border:1px solid #53826b60;box-shadow:0 15px 70px #0004}.afterdark .float-card strong{color:#e3efdc}.afterdark .float-card div>span:last-child{color:#a2baad}.afterdark .match-float{top:37%;left:auto;right:0}.afterdark .skill-float{bottom:112px;right:auto;left:7%}.afterdark .score-mini{color:#cae5a7}.afterdark .avatar{background:#325a41;color:#dbefcb}.afterdark .spark{color:#c8df97}.afterdark .hero-scene-controls{bottom:4px}.afterdark .hero-foot{width:100%;margin-top:20px}.afterdark .statement h2 span{color:#728d7c}.afterdark .match-demo{box-shadow:0 20px 50px #0001}.afterdark .skill-options button.active{color:#162c20;background:#c4eaa0;border-color:#c4eaa0}.afterdark .matched-chips span{background:#243f30}.afterdark .product-section{background:#0c241e;border-block:1px solid #294637}.afterdark .screen-title button{background:#203e30;border-color:#385c44;color:#c4dfb2}.afterdark .explorer-tabs>button{border-color:#2b4637}.afterdark .explorer-note{color:#839f89}.afterdark .screen-panel>img{border-color:#36523d;box-shadow:0 30px 60px #0004}.afterdark .organizer-art{background:#d0e3ad;color:#1c442b}.afterdark .net-node{background:#b5cf97;color:#335b34;border-color:#819f6590}.afterdark .net-node.center{background:#1c4d35;color:#e5f4ce}.afterdark .network-graphic svg{stroke:#52783c}.afterdark .event-bottom{border-color:#78926260}.afterdark .closing{background:#bce594}.afterdark .closing h2 em{color:#386939}.afterdark .closing .button.primary{background:#163825;color:#e5f6da}.afterdark .closing .button.secondary{border-color:#7fa464}.afterdark .closing .eyebrow{color:#31572e}
/* Direction three: oversized editorial type, coral geometry and an asymmetric cover. */
.fieldnotes{--paper:#f7f2e9;--card:#fffaf1;--ink:#2b3026;--muted:#77786a;--accent:#ad4a2c;--line:#dedbcf;--lime:#ed976b}.fieldnotes .header{max-width:none;height:95px;padding-inline:5%;border-bottom:1px solid var(--line)}.fieldnotes .header .brand{filter:grayscale(1)}.fieldnotes .nav-cta{border-radius:5px;background:#313b2c;color:#fffaf1}.fieldnotes .hero{padding:40px 5% 0;grid-template-columns:1.1fr 1fr;max-width:1600px;min-height:810px}.fieldnotes .hero-copy{padding-top:25px}.fieldnotes .hero .eyebrow{font-size:12px;letter-spacing:.1em}.fieldnotes .hero h1{font-size:clamp(70px,7.1vw,106px);width:125%;line-height:1.02;position:relative;z-index:5}.fieldnotes .hero h1 em{display:block;white-space:nowrap;font-size:1.05em}.fieldnotes .hero-description{max-width:335px;margin-top:36px;font-size:16px}.fieldnotes .hero-actions{flex-direction:column;align-items:start;gap:8px;margin-top:27px}.fieldnotes .button{border-radius:5px}.fieldnotes .button.primary{background:#34412d}.fieldnotes .button.primary:hover{background:#4b603d}.fieldnotes .hero-visual{background:#e99b73;border-radius:210px 210px 20px 20px;height:630px;margin-top:30px;margin-left:15px;transform:rotate(3deg)}.fieldnotes .phone-scene{inset:-25px -35px -5px -45px;transform:rotate(-3deg)}.fieldnotes .stage-glow{background:radial-gradient(ellipse,#ffd7a6bb,transparent 68%);inset:15% 0}.fieldnotes .orbit{border-color:#723b3025;width:100%;left:0;transform:rotate(-22deg);height:68%;top:12%}.fieldnotes .orbit-two{transform:rotate(22deg);height:72%}.fieldnotes .stage-caption{right:28px;top:auto;bottom:25px;transform:rotate(-3deg);z-index:5}.fieldnotes .stage-caption>span{display:none}.fieldnotes .stage-caption p{color:#653f2c;font-size:12px}.fieldnotes .float-card{border-radius:7px;background:#fffaf1;box-shadow:5px 7px 0 #81583b16;backdrop-filter:none;border:1px solid #e5d9c6}.fieldnotes .match-float{top:39%;left:-12%;transform:rotate(-6deg)}.fieldnotes .skill-float{bottom:104px;right:-4%;transform:rotate(2deg)}.fieldnotes .hero-scene-controls{left:36%;bottom:17px;transform:rotate(-3deg) translateX(-50%)}.fieldnotes .hero-scene-controls button{color:#624232}.fieldnotes .hero-foot{margin-top:38px}.fieldnotes .statement{text-align:left;display:grid;grid-template-columns:1.5fr 1fr;column-gap:70px;padding-block:95px}.fieldnotes .statement .eyebrow{grid-column:1/-1;margin-bottom:20px}.fieldnotes .statement h2{font-size:52px}.fieldnotes .statement>p{margin:5px 0 0;font-size:16px}.fieldnotes .audiences{justify-content:flex-start;grid-column:1/-1;gap:50px}.fieldnotes .organizers{padding-top:20px;gap:70px}.fieldnotes .organizer-art{border-radius:3px;background:#354d38;color:#f0edcf}.fieldnotes .organizer-copy h2{font-size:55px}.fieldnotes .match-section{border-top:1px solid var(--line);padding-top:100px}.fieldnotes .match-demo{border-radius:4px;box-shadow:8px 8px 0 #e8decb}.fieldnotes .match-result{border-radius:3px}.fieldnotes .demo-label{background:#eee6d6}.fieldnotes .product-section{background:#e9dfc9}.fieldnotes .explorer-tabs>button{border-color:#c5bda9}.fieldnotes .screen-panel>img{border-color:#c3b39a}.fieldnotes .screen-title button{border-color:#c5bda9;background:#f7efdf}.fieldnotes .benefits{padding-block:95px}.fieldnotes .closing{background:#e99b73;color:#382e23}.fieldnotes .closing h2 em{color:#713f2a}.fieldnotes .closing>p,.fieldnotes .closing-note{color:#754d35}.fieldnotes .closing-orbit{border-color:#a55d3740;box-shadow:0 0 0 90px #e7aa8026,0 0 0 180px #e7aa8016}.fieldnotes .closing .button.secondary{border-color:#a26e4f;color:#392d22}.fieldnotes .closing .button.primary{background:#35442d}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes travel{0%{left:0;opacity:0}20%,80%{opacity:1}100%{left:100%;opacity:0}}@keyframes dash{to{stroke-dashoffset:-200}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-description,.hero-copy>.hero-actions{animation:arrive .8s var(--ease) both}.hero-copy>h1{animation-delay:.07s}.hero-copy>.hero-description{animation-delay:.14s}.hero-copy>.hero-actions{animation-delay:.2s}
@media(min-width:1600px){.hero-visual{height:735px}.hero-copy{padding-top:80px}.afterdark .hero-visual{height:680px}.fieldnotes .hero-visual{height:680px}}
@media(max-width:1100px){.header{padding-inline:4%}.header nav{gap:20px}.hero{padding-inline:4%;padding-top:30px}.hero h1{font-size:6.7vw}.hero-copy{padding-top:35px}.hero-visual{height:590px}.match-float{left:-4%;padding:12px}.float-card .card-kicker{display:none!important}.float-card strong{font-size:12px}.float-card div>span:last-child{font-size:12px}.skill-float{right:-2%;padding:12px}.hero-actions{gap:16px}.hero-actions .button{font-size:12px;padding-inline:18px}.hero-actions .watch{padding-inline:0}.wrap{padding-inline:35px}.match-section{gap:45px}.explorer{gap:45px}.organizers{gap:45px}.organizer-copy h2{font-size:43px}.fieldnotes .hero h1{font-size:7.1vw}.fieldnotes .hero-visual{height:600px}.fieldnotes .stage-caption{display:none}.fieldnotes .hero-scene-controls{left:50%}}
@media(max-width:760px){html{scroll-padding-top:70px}.header{height:77px;padding-inline:22px;gap:10px}.brand img{width:87px;height:36px}.header nav{display:none;position:absolute;left:12px;right:12px;top:70px;background:var(--card);border:1px solid var(--line);padding:22px;border-radius:12px;box-shadow:0 20px 40px #0001;flex-direction:column}.header.menu-open nav{display:flex}.header .nav-cta{margin-left:auto;font-size:12px;padding:8px 12px;gap:5px}.nav-cta svg{width:16px}.menu-toggle{display:block;width:36px;height:36px;font-size:19px}.hero{display:block;padding:24px 24px 0}.hero-copy{padding:10px 0 0;position:relative;z-index:4}.hero .eyebrow{font-size:12px;letter-spacing:.04em;margin-bottom:24px}.hero h1{font-size:clamp(48px,9.1vw,70px);max-width:600px;line-height:1.02}.hero h1 em{font-size:1.12em}.hero-description{font-size:15px;margin-top:20px;max-width:350px}.hero-actions{margin-top:22px;gap:20px}.hero-actions .button{font-size:12px;min-height:48px}.hero-note{margin-top:18px;font-size:12px}.hero-visual{height:560px;max-width:550px;margin:4px auto 0}.phone-scene{inset:-12px -30px -12px}.stage-caption{display:none}.match-float{left:-4px;top:47%}.skill-float{right:0;bottom:77px}.float-card{border-radius:12px;padding:11px;gap:9px}.float-card strong{font-size:12px}.float-card .avatar{width:29px;height:29px;font-size:12px}.float-card div>span:last-child{font-size:12px}.float-card .score-mini{font-size:19px;margin-left:4px}.skill-float .spark{font-size:25px}.hero-foot{padding:22px 0;font-size:12px;gap:10px;display:flex}.hero-foot a{font-size:12px}.hero-foot .edition{display:none}.hero-foot>span:first-child{max-width:130px;line-height:1.8}.wrap{padding-inline:24px}.statement{padding-top:75px;padding-bottom:35px}.statement .eyebrow{font-size:12px}.statement h2{font-size:33px;letter-spacing:-.055em}.statement>p{font-size:14px;max-width:340px}.audiences{gap:15px;margin-top:25px;flex-wrap:wrap;font-size:12px}.audiences span::before{margin-right:6px}.match-section{display:block;padding-top:40px;padding-bottom:75px}.section-copy h2{font-size:51px}.section-copy h2 br:nth-of-type(1){display:none}.section-copy h2 br:nth-of-type(1)::after{content:' '}.section-copy p{font-size:14px;max-width:360px;margin-top:20px}.section-copy .eyebrow{font-size:12px}.match-demo{margin-top:35px;padding:22px;border-radius:16px}.demo-top{font-size:12px}.demo-label{font-size:12px}.demo-question{font-size:19px}.skill-options button{font-size:12px;padding:8px 10px}.match-result{padding:17px;min-height:165px}.match-result h3{font-size:21px}.demo-bottom{font-size:12px}.product-section{padding:65px 0}.product-heading{display:block;margin-bottom:25px}.product-heading h2{font-size:49px}.product-heading .eyebrow{font-size:12px;margin-bottom:20px}.product-heading p{font-size:13px;margin-top:20px}.explorer{display:flex;flex-direction:column;gap:35px}.explorer-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.explorer-tabs>button{padding:12px;background:#ffffff30;border:1px solid #c4d0bb60;border-radius:8px;gap:8px;opacity:.7;align-items:start}.explorer-tabs>button.active{background:#fff9;border-color:#a8b69c;transform:none}.explorer-tabs strong{font-size:12px;letter-spacing:-.02em}.explorer-tabs small,.explorer-tabs svg,.explorer-note{display:none}.explorer-tabs .step{font-size:12px}.screen-panel{width:min(290px,100%)}.screen-caption{font-size:12px}.benefits{padding-block:65px;grid-template-columns:1fr;gap:28px}.benefit-title{display:block;margin-bottom:0}.benefit-title h2{font-size:44px;margin-top:20px}.benefit-title .eyebrow{font-size:12px}.benefits article{padding-top:22px}.benefits article>svg{margin-bottom:17px}.benefits p{max-width:100%;font-size:14px;margin-top:12px}.organizers{display:flex;flex-direction:column;gap:35px;padding-bottom:65px}.organizer-art{width:100%;padding:22px}.network-graphic{height:270px}.organizer-copy h2{font-size:46px}.organizer-copy p{font-size:14px}.faq{display:block;padding-top:0;padding-bottom:65px}.faq h2{font-size:41px;margin-bottom:20px}.faq .eyebrow{font-size:12px;margin-bottom:15px}.faq summary{font-size:14px}.faq details p{font-size:13px}.closing{padding:65px 20px}.closing .eyebrow{font-size:12px}.closing h2{font-size:86px}.closing>p{font-size:13px}.download-actions{gap:9px;flex-direction:column;align-items:center}.download-actions .button{font-size:12px;min-width:235px}.footer{padding-top:27px;padding-bottom:100px;gap:15px}.footer>div{margin:0;width:100%;gap:22px}.footer p{font-size:12px}.direction-dock{padding:5px;bottom:12px;max-width:calc(100vw - 16px)}.dock-label{display:none}.direction-dock a{font-size:12px;padding:10px 12px}.direction-dock .swatch{width:8px;height:8px}.afterdark .hero{padding:22px 20px 0}.afterdark .hero-copy{padding:10px 0 0}.afterdark .hero .eyebrow{font-size:12px}.afterdark .hero h1{font-size:clamp(49px,10.9vw,75px)}.afterdark .hero-description{font-size:14px;max-width:340px}.afterdark .hero-visual{height:500px;margin-top:15px}.afterdark .phone-scene{inset:-8px -70px -10px}.afterdark .match-float{right:-5px;top:37%}.afterdark .skill-float{left:-2px;bottom:70px}.afterdark .hero-foot{margin-top:15px}.afterdark .explorer-tabs>button.active{background:#204537;border-color:#8baf7550}.afterdark .explorer-tabs>button{background:#1a372b60}.fieldnotes .header{height:77px;padding-inline:22px}.fieldnotes .hero{padding:28px 24px 0;min-height:0}.fieldnotes .hero-copy{padding-top:0}.fieldnotes .hero h1{width:100%;font-size:clamp(46px,10vw,76px)}.fieldnotes .hero .eyebrow{font-size:12px;margin-bottom:20px}.fieldnotes .hero-description{font-size:14px;margin-top:25px;max-width:320px}.fieldnotes .hero-actions{flex-direction:row;align-items:center;gap:17px;margin-top:22px}.fieldnotes .hero-visual{height:500px;margin:35px 7px 0;border-radius:170px 170px 12px 12px}.fieldnotes .phone-scene{inset:-16px -35px -5px}.fieldnotes .match-float{left:-14px;top:41%}.fieldnotes .skill-float{right:-12px;bottom:78px}.fieldnotes .hero-foot{margin-top:30px}.fieldnotes .statement{display:block;padding-block:65px}.fieldnotes .statement h2{font-size:39px}.fieldnotes .statement>p{margin-top:25px;font-size:14px}.fieldnotes .audiences{gap:18px}.fieldnotes .organizers{padding-top:0;gap:30px}.fieldnotes .organizer-copy h2{font-size:46px}.fieldnotes .match-section{padding-top:65px}.fieldnotes .benefits{padding-block:65px}.story-layout{padding:55px 25px 25px;gap:20px;grid-template-columns:1fr}.story-copy h2{font-size:34px;margin-top:12px}.story-copy h2 br{display:none}.story-copy p{font-size:13px;margin-top:15px}.story-copy .eyebrow{font-size:12px}.story-progress{margin-top:20px}.story-buttons{margin-top:8px}.story-image{height:35dvh}.story-image img{border-radius:12px}.story-layout .story-copy{order:2}.story-layout .story-image{order:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}
.hero-description,.statement>p,.section-copy p,.organizer-copy p,.benefits p,.faq details p{font-size:16px}
.afterdark .hero-description,.fieldnotes .hero-description{font-size:16px}
@media(max-width:760px){.hero h1 em{white-space:normal}.hero .eyebrow{max-width:330px}.hero-actions{flex-wrap:wrap;gap:12px}.float-card .card-kicker{display:none!important}.float-card div>span:last-child{max-width:185px}.match-float{max-width:95%}.skill-float{max-width:87%}.hero-foot>span:first-child{font-size:12px;max-width:180px}.hero-foot a{font-size:12px}.fieldnotes .hero h1{font-size:clamp(44px,9.5vw,70px)}.fieldnotes .hero h1 em{white-space:normal}.afterdark .hero h1{font-size:clamp(46px,10.5vw,72px)}.hero-visual{height:520px}.afterdark .hero-visual{height:480px}}

/* ===== consolidated.css ===== */
/* One direction: the cinematic hero composition, in PIAAR's light product palette. */
.consolidated{--paper:#f5f6ef;--card:#fff;--ink:#12382d;--muted:#62756b;--accent:#117b5c;--line:#d7e1d5}.consolidated .hero{display:flex;flex-direction:column;align-items:center;padding-top:30px;max-width:1600px;background:radial-gradient(ellipse at 50% 77%,#d8e8c58c,transparent 62%)}.consolidated .hero-copy{padding:20px 0 0;text-align:center;width:100%}.consolidated .hero .eyebrow{justify-content:center}.consolidated .hero h1{font-size:clamp(70px,7.8vw,116px);max-width:none;line-height:1}.consolidated .hero-description{max-width:560px;margin:23px auto 0}.consolidated .hero-actions,.consolidated .hero-note{justify-content:center}.consolidated .hero-actions{margin-top:23px}.consolidated .hero-note{margin-top:15px}.consolidated .hero-visual{width:100%;height:640px;max-width:1060px;margin-top:5px}.consolidated .phone-scene{inset:-12px 30px -15px}.consolidated .stage-glow{inset:-30% 4% -10%;background:radial-gradient(ellipse,#b9d8a744,transparent 65%)}.consolidated .orbit{border-color:#6f956225;top:34%;height:45%;width:80%;left:10%}.consolidated .orbit-two{top:20%;height:65%}.consolidated .stage-caption{top:32%;left:0;right:auto;text-align:left;max-width:180px}.consolidated .stage-caption p{font-size:16px}.consolidated .match-float{top:37%;left:auto;right:0}.consolidated .skill-float{bottom:112px;right:auto;left:7%}.consolidated .hero-scene-controls{bottom:4px}.consolidated .hero-foot{width:100%;margin-top:20px}.consolidated .footer{padding-bottom:35px}.sec-tag{font-size:12px;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:22px}.sec-head{margin-bottom:45px;max-width:780px}.sec-head p{font-size:16px;line-height:1.8;margin-top:25px;max-width:640px}.hl,.hl-coral{font-family:var(--serif);font-style:italic;color:var(--accent)}
.origin-story{padding-top:90px;padding-bottom:95px}.origin-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.origin-heading .eyebrow{color:var(--accent);margin-bottom:23px}.origin-heading>p{font-size:16px;max-width:350px}.origin-frame{overflow:hidden;border-radius:22px;background:#e9eee1}.origin-slide{display:grid;grid-template-columns:1.2fr 1fr;align-items:stretch;min-height:400px}.origin-slide>img{height:100%;width:100%;object-fit:cover;min-height:400px}.origin-caption{padding:48px 36px;display:flex;flex-direction:column;justify-content:center;background:#e9eee1}.origin-caption .eyebrow{color:var(--accent);margin-bottom:18px}.origin-caption h3{font-size:34px;letter-spacing:-.035em;line-height:1.13}.origin-caption p{font-size:16px;line-height:1.8;margin-top:20px}.origin-controls{display:flex;align-items:center;gap:22px;margin-top:20px}.origin-controls>span{font-size:12px;color:var(--muted);white-space:nowrap}.origin-tabs{display:flex;gap:5px;flex:1;flex-wrap:wrap}.origin-tabs button{background:transparent;font-size:12px;padding:9px 12px;border-radius:20px;color:var(--muted)}.origin-tabs button span{display:none}.origin-tabs button[aria-pressed=true]{background:#dde8d5;color:var(--ink)}.origin-controls>div:last-child{display:flex;gap:8px}.origin-controls>div:last-child button{width:36px;height:36px;background:transparent;border:1px solid var(--line);border-radius:50%}.origin-controls button:hover{background:#e2eadb}
.original-how{padding-block:65px 100px}.original-how .sec-head{text-align:center;max-width:760px;margin:0 auto 45px}.original-how .sec-head p{margin-inline:auto}
.original-features{padding-block:100px}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.btile{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px;grid-column:span 2}.btile.bt-2{grid-column:span 2}.btile.bt-3{grid-column:1/-1}.btile h3{font-size:24px;line-height:1.2}.btile p{font-size:16px;line-height:1.8;margin-top:19px}.btile.dark{background:#123c2d;color:#f0f5e8;border-color:transparent}.btile.dark p{color:#b6cbbd}.btile.seek{background:#e6eddd}.original-features .btile:not(.dark){grid-column:span 1}.original-features .btile.dark{grid-column:span 2}.brows{margin-top:27px}.example-label{color:#adc6b5;font-size:12px}.brow{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #fff2}.brow:last-child{border:0}.who{font-size:16px}.sub{font-size:12px;color:#abc7b4;margin-top:4px}.sc{border:1px solid #719d7560;color:#d3e7b4;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:14px;flex-shrink:0}.sc.c{color:#e6b08a}
.original-organizers{padding-block:30px 70px}.original-organizers .sec-head{max-width:880px}.original-organizers .bento{grid-template-columns:repeat(3,1fr)}.original-organizers .btile:not(.dark){grid-column:span 1}.original-organizers .btile.dark{display:grid;grid-template-columns:1fr 1fr;gap:25px 55px;padding:40px}.original-organizers .btile.dark h3{grid-column:1}.original-organizers .btile.dark p{grid-column:1;margin-top:0}.ereport{grid-column:2;grid-row:1/3;background:#224e3a;border:1px solid #63856950;border-radius:13px;padding:25px;align-self:center}.ereport .hd{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#c7d9c3}.mets{display:flex;gap:22px;justify-content:space-between;margin-top:25px}.mv{font-size:44px;line-height:1.2;color:#d6eaba;letter-spacing:-.05em}.mk{font-size:12px;color:#bdd1bd;line-height:1.5;margin-top:8px}.trusted-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding-block:15px 90px}.trusted-visual{background:#e5eddc;border:1px solid #d3dfc9;border-radius:20px;padding:18px}.trusted-visual svg{width:100%;height:auto;display:block;max-height:450px}.mesh-links{stroke:#76a483;stroke-width:1.5;stroke-dasharray:6 6;fill:none;animation:dash 40s linear infinite}.mesh-nodes circle{fill:#f6f8ec;stroke:#9aba9d;stroke-width:1.5}.mesh-nodes text{font:17px Manrope,Arial;fill:#276746;text-anchor:middle;dominant-baseline:middle}.mesh-you circle{fill:#127b59;stroke:#2f9974;stroke-width:2}.mesh-you text{font:600 22px Manrope,Arial;fill:#f1f6e8;text-anchor:middle;dominant-baseline:middle}.mesh-you text.mesh-sub{font-size:13px;font-weight:400}.trusted-copy .eyebrow{color:var(--accent);margin-bottom:22px}.trusted-copy h2{font-size:46px}.trusted-copy p{font-size:16px;line-height:1.8;margin-top:25px}
.product-facts{display:grid;grid-template-columns:repeat(3,1fr);padding-block:45px 90px;gap:35px}.product-facts>div{border-top:1px solid var(--line);padding-top:25px}.product-facts strong{font-size:64px;font-weight:500;letter-spacing:-.06em;display:block;line-height:1.2}.product-facts strong small{font-size:24px}.product-facts span{font-size:14px;color:var(--muted);display:block;margin-top:15px;max-width:235px}.original-trust{padding-block:40px 90px}.original-trust .sec-head{max-width:830px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.trust-tile{padding-top:28px;border-top:1px solid var(--line)}.trust-tile .lbl{font-size:12px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}.trust-tile h3{font-size:26px}.trust-tile p{font-size:16px;line-height:1.8;margin-top:20px}.trust-tile .cite{padding-top:22px;font-size:13px;color:var(--muted);line-height:1.7}.original-trust .btn{border:1px solid var(--line);border-radius:30px;padding:15px 25px;display:inline-flex;gap:16px;font-size:14px}.consolidated .product-heading p{max-width:370px}.consolidated .explorer-tabs>button{padding-block:22px}.consolidated .explorer-note{margin-top:25px}.consolidated .faq{padding-top:10px}.consolidated .faq details p{font-size:16px}.consolidated .hero-scene-controls button{background:#f5f7ef9c}
@media(max-width:1100px){.original-features .btile:not(.dark){grid-column:span 2}.bento{gap:15px}.btile{padding:25px}.original-organizers .btile.dark{gap:25px;padding:30px}.ereport{padding:18px}.mets{gap:15px}.mv{font-size:35px}.origin-caption{padding:30px}.origin-caption h3{font-size:29px}.origin-slide{grid-template-columns:1fr 1fr}.origin-slide>img{min-height:440px}.trusted-section{gap:45px}.trusted-copy h2{font-size:40px}}
@media(max-width:760px){.consolidated .hero{padding:22px 20px 0}.consolidated .hero-copy{padding:10px 0 0}.consolidated .hero h1{font-size:clamp(48px,10.5vw,75px)}.consolidated .hero-description{font-size:16px;max-width:360px}.consolidated .hero-visual{height:490px;margin-top:15px}.consolidated .phone-scene{inset:-8px -70px -10px}.consolidated .match-float{right:-5px;top:37%}.consolidated .skill-float{left:-2px;bottom:70px}.consolidated .hero-foot{margin-top:15px}.origin-story{padding-block:60px}.origin-heading{display:block;margin-bottom:25px}.origin-heading h2{font-size:44px}.origin-heading>p{margin-top:22px}.origin-slide{display:flex;flex-direction:column;min-height:0}.origin-slide>img{min-height:0;height:auto;aspect-ratio:3/2;object-fit:cover}.origin-caption{padding:27px 24px;min-height:330px}.origin-caption h3{font-size:29px}.origin-controls{gap:10px;flex-wrap:wrap}.origin-tabs{order:3;flex-basis:100%;display:grid;grid-template-columns:repeat(3,1fr)}.origin-tabs button{font-size:12px;padding:8px 4px}.origin-controls>div:last-child{margin-left:auto}.original-how{padding-block:30px 65px}.sec-head h2{font-size:44px}.original-features{padding-block:65px}.bento{display:flex;flex-direction:column}.original-features .btile{padding:26px}.original-organizers{padding-block:5px 55px}.original-organizers .btile.dark{display:block;padding:25px}.original-organizers .btile.dark p{margin-top:20px}.ereport{margin-top:25px;padding:18px}.ereport .hd{font-size:12px;flex-wrap:wrap}.mets{gap:15px}.mv{font-size:32px}.mk{font-size:12px}.trusted-section{display:flex;flex-direction:column;gap:30px;padding-block:0 60px}.trusted-visual{width:100%}.trusted-copy h2{font-size:39px}.product-facts{padding-block:15px 60px;gap:25px;grid-template-columns:1fr}.product-facts>div{display:flex;align-items:center;gap:30px}.product-facts strong{min-width:110px;font-size:48px}.product-facts span{margin:0;font-size:14px}.trust-row{grid-template-columns:1fr;gap:30px}.original-trust{padding-block:10px 60px}.original-trust .sec-head{margin-bottom:25px}.trust-tile{padding-top:22px}.trust-tile .lbl{margin-bottom:15px}.trust-tile .cite{padding-top:15px}.sec-head p{margin-top:20px}.consolidated .explorer-tabs>button{padding:12px}.consolidated .footer{padding-bottom:30px}}

/* ===== how-original.css ===== */
/* Restored from the supplied website: original paths, timings, color roles and responsive layout. */
#how .conv {
  --teal:        #0F6E56;
  --teal-deep:   #085041;
  --teal-mid:    #1D9E75;
  --teal-light:  #E1F5EE;
  --coral:       #D85A30;
  --coral-deep:  #993C1D;
  --coral-light: #FAECE7;
  --cream:       #F5F1E8;
  --cream-elev:  #FAF8F3;
  --white:       #FFFFFF;
  --ink:         #0F1E1B;
  --ink-2:       #5C6E6A;
  --ink-3:       #9CA8A4;
  --line:        rgba(15,30,27,0.08);
  --line-soft:   rgba(15,30,27,0.04);
  --max:         1200px;

max-width:970px;margin-inline:auto;}
#how .side h3 {letter-spacing:normal;}

  #how .conv { margin-top: 44px; }
  #how .conv-tops { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  #how .side {
    background: var(--white); border: 1px solid var(--line);
    border-radius: 16px; padding: 24px; text-align: left;
    border-top: 3px solid var(--teal);
  }
  #how .side.look { border-top-color: var(--coral); }
  #how .side .side-lab {
    font-size: 10.5px; letter-spacing: 1.4px; text-transform: uppercase;
    color: var(--teal-deep); margin-bottom: 12px; font-weight: 500;
  }
  #how .side.look .side-lab { color: var(--coral-deep); }
  #how .side h3 { font-size: 17px; font-weight: 500; margin-bottom: 7px; line-height: 1.25; }
  #how .side p { font-size: 13.5px; color: var(--ink-2); line-height: 1.55; }
  #how .conv-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
  #how .conv-chips span {
    font-size: 12px; padding: 5px 11px; border-radius: 8px;
    background: var(--teal-light); color: var(--teal-deep);
  }
  #how .side.look .conv-chips span { background: var(--coral-light); color: var(--coral-deep); }

  #how .merge { position: relative; height: 112px; }
  #how .merge svg { position: absolute; inset: 0; width: 100%; height: 100%; }
  #how .merge path {
    fill: none; stroke-width: 1.6; stroke-linecap: round;
    stroke-dasharray: 5 7; animation: convFlow 2.4s linear infinite;
  }
  @keyframes convFlow { to { stroke-dashoffset: -24; } }

  #how .filter-band {
    background: var(--white); border: 1px solid var(--line); border-radius: 999px;
    padding: 13px 24px; display: flex; align-items: center; justify-content: center;
    gap: 12px; max-width: 560px; margin: 0 auto; flex-wrap: wrap;
  }
  #how .filter-band .rk { font-size: 10.5px; letter-spacing: 1.4px; text-transform: uppercase; color: var(--ink-3); }
  #how .filter-band .rv { font-size: 14.5px; font-weight: 500; }
  #how .filter-band .rn { font-size: 12.5px; color: var(--ink-3); }

  #how .outcome {
    margin: 26px auto 0; max-width: 440px; background: var(--ink); color: var(--white);
    border-radius: 24px; padding: 22px 26px; display: flex; align-items: center;
    gap: 20px; text-align: left;
  }
  #how .outcome .ring {
    width: 64px; height: 64px; border-radius: 50%; flex-shrink: 0; position: relative;
    display: grid; place-items: center; background: var(--teal); font-size: 23px; font-weight: 500;
  }
  #how .outcome .ring::after {
    content: ''; position: absolute; inset: -5px; border-radius: 50%;
    border: 2px solid var(--teal-mid); animation: convPulse 2.6s ease-in-out infinite;
  }
  @keyframes convPulse { 0%,100% { transform: scale(1); opacity: .45 } 50% { transform: scale(1.14); opacity: 0 } }
  #how .outcome .ol { font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(255,255,255,.6); margin-bottom: 3px; }
  #how .outcome .ov { font-size: 15.5px; font-weight: 500; }
  #how .outcome .oe { font-size: 12.5px; color: rgba(255,255,255,.55); margin-top: 6px; line-height: 1.5; }

  #how .then { display: flex; align-items: center; gap: 14px; justify-content: center; margin-top: 26px; flex-wrap: wrap; }
  #how .then .t-step {
    display: flex; align-items: center; gap: 9px; background: var(--white);
    border: 1px solid var(--line); border-radius: 999px; padding: 9px 17px; font-size: 13.5px;
  }
  #how .then .t-step .d { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); }
  #how .then .t-step.big .d { background: var(--coral); }
  #how .then .sep { color: var(--ink-3); font-size: 15px; }

  
@media (max-width:620px) {

    #how .conv-tops { grid-template-columns: 1fr 1fr; gap: 10px; }
    #how .side { padding: 14px 12px; border-radius: 14px; }
    #how .side .side-lab { font-size: 9px; letter-spacing: 1px; margin-bottom: 8px; }
    #how .side h3 { font-size: 13px; line-height: 1.3; margin-bottom: 5px; }
    #how .side p { font-size: 11.5px; line-height: 1.45; }
    #how .conv-chips { gap: 5px; margin-top: 10px; }
    #how .conv-chips span { font-size: 10.5px; padding: 4px 8px; border-radius: 6px; }
    #how .filter-band { padding: 12px 16px; gap: 7px; }
    #how .filter-band .rn { font-size: 11.5px; flex-basis: 100%; }
    #how .merge { height: 60px; }
    #how .outcome { flex-direction: column; text-align: center; }
}
@media(prefers-reduced-motion:reduce){#how .merge path,#how .ring::after{animation:none;}}
.motion-off #how .ring::after{animation-play-state:paused!important;}

/* ===== refinements.css ===== */
/* Annotation refinements: locally bundled brand assets and restrained motion. */
.consolidated .hero{position:relative;isolation:isolate;overflow:hidden;background:#f5f6ef;padding-top:35px}
.consolidated .hero h1{font-size:clamp(60px,6.8vw,100px);line-height:1.02}
.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-atmosphere i{position:absolute;width:65%;height:60%;left:-20%;top:23%;border-radius:50%;background:radial-gradient(ellipse,#bee4cb80,transparent 70%);animation:atmosphere 18s ease-in-out infinite alternate}
.hero-atmosphere i:nth-child(2){left:53%;top:35%;background:radial-gradient(ellipse,#deedba99,transparent 70%);animation-delay:-8s;animation-duration:23s}
.hero-atmosphere i:nth-child(3){left:25%;top:55%;background:radial-gradient(ellipse,#a3d5c24d,transparent 70%);animation-delay:-13s;animation-duration:21s}
@keyframes atmosphere{from{transform:translate(-5%,-8%) scale(.85)}to{transform:translate(12%,12%) scale(1.2)}}
.header .brand img,.footer .brand img{width:132px;height:auto;max-height:none}
#origin-play{border:1px solid var(--line);background:transparent;padding:8px 13px;border-radius:20px;font-size:12px;white-space:nowrap}
.origin-slide:not([hidden]){animation:chapter-arrive .65s ease both}
.origin-frame{isolation:isolate}
@keyframes chapter-arrive{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.mesh-links{animation:none;stroke-dasharray:none;opacity:.45}
.mesh-signals circle{fill:#127b59;opacity:0;animation:connection-signal 9s ease-in-out infinite;animation-delay:var(--delay)}
@keyframes connection-signal{0%,8%{opacity:0;transform:translate(0,0)}12%{opacity:1}38%{opacity:1;transform:translate(var(--dx),var(--dy))}45%{opacity:0;transform:translate(var(--dx),var(--dy))}52%{opacity:1;transform:translate(var(--dx),var(--dy))}78%{opacity:1;transform:translate(0,0)}85%,100%{opacity:0;transform:translate(0,0)}}
.consolidated #faq{position:relative;isolation:isolate;background:#e4ecdf;border:1px solid #d5e0cd;border-radius:28px;padding:60px;margin-bottom:70px;overflow:hidden;gap:65px}
#faq::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 80%,#bfd4b885,transparent 47%),radial-gradient(circle at 1px 1px,#70907625 1px,transparent 0);background-size:auto,22px 22px}
#faq>div:last-child{background:#f8faf4e8;border-radius:18px;padding:8px 25px}
#faq details{border-color:#d7e0d1}
#faq details:last-child{border-bottom:0}
.download-actions .store-badge{display:inline-flex;align-items:center;transition:transform .2s ease}
.download-actions .store-badge:hover{transform:translateY(-3px)}
.download-actions .store-badge img{width:auto;height:52px}
.download-actions{gap:20px}
.motion-off *::before,.motion-off *::after{animation-play-state:paused!important}
@media(max-width:760px){.consolidated .hero{padding-top:24px}.consolidated .hero h1{font-size:clamp(44px,9.5vw,70px)}.header .brand img,.footer .brand img{width:112px}.consolidated #faq{padding:28px 22px;margin-bottom:40px;border-radius:22px;gap:30px}#faq>div:last-child{padding:5px 17px}.origin-controls{gap:9px}.download-actions .store-badge img{height:44px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere i,.origin-slide:not([hidden]),.mesh-signals circle{animation:none}.mesh-signals{display:none}}

/* ---- hero runs edge to edge ----
   .hero carried max-width:1600px with overflow:hidden, so on anything wider
   the background and the atmosphere blobs stopped 160px short of each side
   while .product-section and .closing below ran full-bleed. The page had two
   different width models stacked on top of each other.
   Every other full-bleed section here uses the same shape: background on the
   section, an inner .wrap holding the content at 1240px. The hero now matches,
   so nothing moves below 1600px — it simply stops clipping above it. */
.consolidated .hero {
  max-width: none;
  padding-inline: 0;
}
.consolidated .hero > .hero-copy,
.consolidated .hero > .hero-visual,
.consolidated .hero > .hero-foot {
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
  padding-inline: 6%;
}

/* ---- OPTION A: atmosphere that actually reads as motion ----
   The blobs were already animating, over 18-23s on a single shared keyframe
   with all three moving the same way. At that speed and with that little
   travel it registers as a still image, which is why it looked static.
   Three changes, no new elements and no new bytes:
     - each blob gets its own path, so they never move in formation
     - roughly double the travel, and a little more scale
     - 11-15s instead of 18-23s
   Colour is nudged up slightly too; the originals sat near the limit of what
   is visible on the cream. It stays a slow ambient drift, not a distraction. */
.consolidated .hero-atmosphere i {
  width: 72%; height: 66%;
  animation: atm-a 13s ease-in-out infinite alternate;
  will-change: transform;
}
.consolidated .hero-atmosphere i:nth-child(1) {
  background: radial-gradient(ellipse, #b6e2c6b3, transparent 70%);
}
.consolidated .hero-atmosphere i:nth-child(2) {
  background: radial-gradient(ellipse, #dcecaec7, transparent 70%);
  animation-name: atm-b; animation-duration: 15s; animation-delay: -6s;
}
.consolidated .hero-atmosphere i:nth-child(3) {
  background: radial-gradient(ellipse, #9ad2be80, transparent 70%);
  animation-name: atm-c; animation-duration: 11s; animation-delay: -4s;
}
@keyframes atm-a {
  from { transform: translate(-12%, -14%) scale(.82) }
  to   { transform: translate( 18%,  16%) scale(1.28) }
}
@keyframes atm-b {
  from { transform: translate( 14%,  10%) scale(1.22) }
  to   { transform: translate(-16%, -12%) scale(.86) }
}
@keyframes atm-c {
  from { transform: translate( -8%,  16%) scale(1.14) }
  to   { transform: translate( 16%, -14%) scale(.9)  }
}
@media (prefers-reduced-motion: reduce) {
  .consolidated .hero-atmosphere i { animation: none }
}

/* ===== shared.css ===== */
footer.site-footer {
  background: var(--ink); color: rgba(255,255,255,0.7);
  padding: 64px 24px 32px;
}
.foot-inner { max-width: var(--max); margin: 0 auto; }
.foot-top {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;
  padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08);
}
@media (max-width: 760px) {
  .foot-top { grid-template-columns: 1fr 1fr; gap: 32px; }
}
.foot-col h3 {
  font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase;
  color: rgba(255,255,255,0.5); font-weight: 500; margin-bottom: 14px;
}
.foot-col a { display: block; padding: 5px 0; font-size: 13.5px; color: rgba(255,255,255,0.7); transition: color .15s; }
.foot-col a:hover { color: var(--white); }
.foot-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.foot-brand .logo-mark { background: var(--teal-mid); }
.foot-tag { font-size: 13.5px; line-height: 1.6; max-width: 260px; }
.foot-bottom {
  padding-top: 28px;
  display: flex; justify-content: space-between; align-items: center;
  flex-wrap: wrap; gap: 14px;
  font-size: 12px; color: rgba(255,255,255,0.62);
}
.foot-imprint {
  padding-top: 24px; margin-top: 4px;
  font-size: 12.5px; line-height: 1.6; color: rgba(255,255,255,0.62);
  max-width: 720px;
}
.foot-imprint a { color: rgba(255,255,255,0.7); border-bottom: 1px solid rgba(255,255,255,0.18); }
.foot-imprint a:hover { color: #fff; }
.foot-socials { display: flex; gap: 14px; }
.foot-socials a {
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.15);
  display: grid; place-items: center; color: rgba(255,255,255,0.6);
  transition: all .2s; font-size: 14px; padding: 0;
}
.foot-socials a:hover { background: rgba(255,255,255,0.06); color: #fff; border-color: rgba(255,255,255,0.3); }
/* styles.css sets a global svg{width:22px}, and CSS beats the width attribute
   on the element, so the social marks need an explicit size here. 15px keeps
   the same visual weight inside the 34px circle that the old 14px "in" text
   had. .foot-socials a svg (0-2-1) outranks the bare svg rule either way. */
.foot-socials a svg { width: 15px; height: 15px; }
/* piaar-styles.css raises these circles to a 44px tap target under 760px
   (WCAG 2.5.5), but the homepage loads site.css only, so it never got that
   rule and sat at 34px on a phone. With two badges now sitting 14px apart
   that gap matters more, so the same override lives here too. */
@media (max-width: 760px) {
  .foot-socials { gap: 12px; }
  /* flex-shrink:0 is the load-bearing part: .foot-bottom is a space-between
     flex row and the circles are flex items, so without it the two badges
     compress below the 44px they are set to and the target is missed anyway. */
  .foot-socials a { width: 44px; height: 44px; flex-shrink: 0; }
}


/* Shared shell for homepage and supporting pages. */
body{font-family:Manrope,Arial,sans-serif;background:#f5f6ef;color:#12382d;--cream:#f5f6ef;--ink:#12382d;--max:1200px}
.header{max-width:1200px;width:calc(100% - 48px);margin:auto;padding:24px 0;min-height:90px;gap:28px}.header .brand{margin-right:auto}.header .brand img{width:132px;height:auto}.header nav{display:flex;gap:28px}.header a{font-size:14px}.header .nav-cta{white-space:nowrap}.header .menu-toggle{display:none}
footer.site-footer{margin-top:0;background:#12382d;padding:64px 24px 30px}.foot-inner{max-width:1200px}.foot-brand img{width:132px;height:auto!important}.foot-col h3{line-height:1.5}.foot-tag{color:#c6d3c9}.foot-top{grid-template-columns:2fr 1fr 1fr 1fr}.foot-bottom{line-height:1.7}.foot-imprint{max-width:780px}.foot-col a{min-height:36px}
.secondary .page-hero{padding-top:70px}.secondary .page-hero h1{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-.055em}.secondary .page-hero h1 .hl{font-family:Instrument,Georgia,serif;font-style:italic}.secondary .reveal{opacity:1;transform:none}.secondary .section,.secondary .story-grid,.secondary .contact-wrap{width:100%}.secondary button,.secondary input,.secondary textarea,.secondary select{font-family:inherit}.secondary .cta-band{background:#d4e7a4;color:#12382d}
.faq-art{width:100%;max-width:340px;height:auto;margin-top:32px;display:block}
.trusted-film{position:relative;overflow:hidden;border-radius:24px;background:#14392e;aspect-ratio:4/3;min-width:0;isolation:isolate}.trusted-film video{display:block;width:100%;height:100%;object-fit:cover}.film-caption{position:absolute;inset:auto 0 0;padding:65px 24px 24px;background:linear-gradient(transparent,#092d23e8);color:white;pointer-events:none}.film-caption span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#dce9d6}.film-caption p{font-size:24px;line-height:1.2;margin-top:7px}.film-toggle{position:absolute;right:14px;top:14px;background:#f5f6efe8;border:1px solid #fff8;border-radius:30px;padding:9px 14px;font-size:12px;color:#12382d;min-height:44px}
@media(max-width:760px){.header{width:calc(100% - 40px);padding:18px 0;min-height:78px;gap:14px;position:relative;flex-wrap:wrap}.header .brand img{width:112px}.header .nav-cta{font-size:12px;padding:10px 13px}.header .menu-toggle{display:block;min-width:44px;min-height:44px}.header nav{display:none}.header.menu-open nav{display:flex;position:static;order:4;width:100%;flex-basis:100%;background:transparent;padding:15px 0;flex-wrap:wrap;gap:12px 24px}.header nav a{min-height:44px;display:flex;align-items:center}.foot-top{grid-template-columns:1fr 1fr;gap:30px}.foot-top .foot-col:first-child{grid-column:1/-1}.foot-col a{min-height:44px}.faq-art{max-width:230px;margin:22px auto 0}.trusted-film{width:100%}.film-caption p{font-size:22px}.secondary .page-hero{padding:40px 20px}.secondary .section{padding-left:20px!important;padding-right:20px!important}.secondary .page-hero h1{font-size:44px}.secondary .contact-wrap{padding:30px 20px}}
@media(max-width:360px){.header{gap:8px}.header .brand img{width:96px}.header .nav-cta svg{display:none}}
.header .nav-cta{background:transparent;color:#12382d;border:1px solid #d7e1d5;border-radius:999px}.header .nav-cta:hover{background:#e7eee0}
@media(max-width:760px){.consolidated .phone-scene{inset:-8px 0 -10px}.consolidated .match-float{right:0;transform:scale(.85);transform-origin:right center}.consolidated .skill-float{left:0;transform:scale(.85);transform-origin:left center}}
.film-caption p{color:#fff;text-shadow:0 1px 12px #092d2360}

/* ---- palette alignment across pages ----
   index.html carries class="studio consolidated", which consolidated.css uses
   to scope a slightly different token set. The nine supporting pages have a
   bare <body>, so they fell back to the base :root tokens in styles.css and
   rendered marginally different greens — nav links came out #63716a there
   against #62756b on the homepage.
   Matching the tokens here rather than adding the `consolidated` class avoids
   pulling that file's homepage-only layout rules onto pages that have no hero.
   Scoped to body:not(.consolidated) so the homepage is untouched. */
body:not(.consolidated) {
  --ink:    #12382d;
  --paper:  #f5f6ef;
  --muted:  #62756b;
  --accent: #117b5c;
  --line:   #d7e1d5;
}

/* ---- floating cards on narrow screens ----
   On desktop these overhang the phones' outer edges, which is the whole
   effect. On a 375px screen the phone cluster fills the full width, so
   "pinned to the edge" put them squarely across the middle of both screens —
   measured at 100% of each card sitting over app content.
   There is no side room to reclaim, so they move to the one place that is
   clear: just above and just below the cluster. They stay rotated and
   shadowed, so they still read as floating rather than as a list. */
@media (max-width: 760px) {
  .consolidated .hero-visual { padding-block: 30px 26px; }
  .consolidated .match-float {
    top: -6px; bottom: auto; right: 0; left: auto;
    transform: rotate(-3deg) scale(.8);
    transform-origin: top right;
  }
  .consolidated .skill-float {
    bottom: 62px; top: auto; left: 0; right: auto;
    transform: rotate(3deg) scale(.8);
    transform-origin: bottom left;
  }
  /* Both the card and the light/dark + pause controls are absolutely
     positioned in .hero-visual, so margin cannot separate them — the card sits
     62px up instead, in the gap between the phones and the controls. */
}
/* Below ~400px even that is tight, so give them the full width of the
   gutter rather than letting them creep back over the glass. */
@media (max-width: 400px) {
  .consolidated .match-float { transform: rotate(-3deg) scale(.72); transform-origin: top right; }
  .consolidated .skill-float { transform: rotate(3deg) scale(.72); transform-origin: bottom left; }
}