:root{--ink:#10284a;--deep:#071b36;--deep-2:#0b2a52;--paper:#f7faff;--paper-2:#e8f0fb;--copper:#2f7df6;--copper-light:#79aeff;--cyan:#91d7ff;--line:rgba(255,255,255,.15);--sans:'Segoe UI',Arial,sans-serif;--serif:'Palatino Linotype',Palatino,Georgia,serif;--mono:'Cascadia Mono','SFMono-Regular',Consolas,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit}button,input,textarea{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--paper);padding:.8rem 1rem;z-index:1000}.skip-link:focus{top:1rem}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:76px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1rem,4vw,4rem);color:#fff;border-bottom:1px solid rgba(255,255,255,.12);background:rgba(6,31,33,.74);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:600;text-decoration:none;letter-spacing:-.02em;font-size:1.1rem}.brand-mark{width:27px;height:27px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:rotate(45deg)}.brand-mark i{display:block;background:var(--copper);border-radius:1px}.brand-mark i:nth-child(2){background:var(--cyan)}.nav-links{display:flex;gap:1.7rem;margin-left:auto}.nav-links a{text-decoration:none;color:rgba(255,255,255,.72);font-size:.88rem}.nav-links a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:52px;padding:0 1.25rem;background:var(--copper);color:#fff;border:0;border-radius:3px;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .22s var(--ease),background .22s}.button:hover{background:#cb845b;transform:translateY(-2px)}.button:focus-visible,.choice:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.button-small{min-height:42px;font-size:.82rem;padding:0 1rem}.button-dark{background:var(--deep)}.button-dark:hover{background:#0f3d3f}.button.full{width:100%}.section-dark{color:#fff;background:var(--deep)}.section-light{background:var(--paper)}.eyebrow{font:500 .72rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:.65rem}.eyebrow.dark{color:#7d5038}.status-dot,.live-pill i,.case-badge span,.card-status i,.loop-note i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(141,224,219,.1)}h1,h2{font-family:var(--serif);font-weight:400;line-height:.92;letter-spacing:-.035em;margin:.5rem 0 1.5rem}h1{font-size:clamp(4rem,8vw,8.2rem)}h2{font-size:clamp(3.2rem,6.3vw,6.2rem)}h1 em,h2 em{font-weight:400;color:var(--copper-light)}.section-light h2 em{color:#a76342}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);align-items:center;gap:4vw;padding:140px clamp(1.25rem,5vw,6rem) 90px;overflow:hidden}.hero:before,.section-blueprint:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(141,224,219,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(141,224,219,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,black 25%,black 75%,transparent);pointer-events:none}.ambient{position:absolute;width:42vw;height:42vw;border-radius:50%;filter:blur(110px);opacity:.12;background:var(--cyan);right:-20vw;top:10vh}.hero-copy,.hero-machine{position:relative;z-index:2}.hero-lead{font-size:clamp(1.05rem,1.5vw,1.32rem);max-width:610px;color:rgba(255,255,255,.72)}.hero-actions{display:flex;align-items:center;gap:1.8rem;margin-top:2rem}.text-link{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding:.4rem 0}.microcopy{font-size:.76rem;color:rgba(255,255,255,.48);margin-top:1.5rem}.hero-machine{border:1px solid rgba(255,255,255,.18);background:rgba(9,44,46,.74);box-shadow:0 50px 120px rgba(0,0,0,.35);padding:1rem;min-height:570px;transform:perspective(1300px) rotateY(-3deg) rotateX(2deg)}.machine-topline,.machine-footer{display:flex;align-items:center;justify-content:space-between;font:500 .62rem var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.55)}.live-pill{display:flex;align-items:center;gap:.5rem;color:var(--cyan)}.live-pill i{width:5px;height:5px;animation:pulse 2s infinite}.machine-grid{position:relative;height:480px}.source-card,.app-card,.engine-core{position:absolute;z-index:2}.source-card{left:3%;width:185px;padding:.85rem;display:flex;gap:.75rem;align-items:center;background:#f8f3eb;color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.25);transform:rotate(-2deg)}.source-ppt{top:13%}.source-sheet{bottom:14%;transform:rotate(2deg)}.source-card b{display:block;font-size:.77rem}.source-card small{display:block;font-size:.55rem;color:#667}.file-type{display:grid;place-items:center;width:34px;height:38px;background:#d06f47;color:#fff;font:500 .6rem var(--mono)}.file-green{background:#477d65}.flow-lines{position:absolute;inset:3% 0 0;width:100%;height:94%}.flow-lines path,.bp-path{fill:none;stroke:var(--cyan);stroke-width:1.5;stroke-dasharray:8 7;opacity:.65;animation:dash 18s linear infinite}.engine-core{left:49%;top:50%;width:104px;height:104px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--deep);border:1px solid var(--cyan);box-shadow:0 0 50px rgba(141,224,219,.16)}.engine-core b{font:400 2rem var(--serif);color:var(--copper-light)}.engine-core small{font:400 .48rem var(--mono);letter-spacing:.12em}.core-ring{position:absolute;inset:-13px;border:1px dashed rgba(141,224,219,.4);border-radius:50%;animation:spin 18s linear infinite}.app-card{right:2%;top:17%;width:240px;height:315px;background:#f1eee8;color:var(--ink);box-shadow:0 22px 60px rgba(0,0,0,.3);transform:rotate(1.5deg)}.app-bar{height:35px;background:#d9d5ce;display:flex;align-items:center;gap:5px;padding:0 10px}.app-bar i{width:6px;height:6px;border-radius:50%;background:#a9a39c}.app-bar span{font:500 .5rem var(--mono);margin-left:auto}.app-body{display:flex;height:280px}.app-side{width:42px;background:var(--ink);padding:16px 10px;display:flex;flex-direction:column;gap:13px}.app-side i{height:3px;background:rgba(255,255,255,.35)}.app-content{padding:24px 17px;display:flex;flex-direction:column;gap:12px}.app-content b{font-size:.8rem}.app-content span{width:145px;height:6px;background:#d5d0c8}.app-content span.short{width:85px}.app-content button{margin-top:auto;border:0;background:var(--copper);color:#fff;padding:8px;font-size:.54rem}.machine-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:.8rem}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font:400 .58rem var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.55)}.scroll-cue span{display:inline-block;width:28px;height:1px;background:var(--copper);vertical-align:middle;margin-right:8px}.proof-strip{min-height:92px;display:flex;align-items:center;justify-content:center;gap:clamp(.7rem,2.5vw,3rem);padding:1.2rem;background:var(--copper);color:#fff;font:500 clamp(.62rem,1vw,.8rem) var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center}.proof-strip b{color:var(--deep)}.problem,.case-section,.contact{padding:clamp(6rem,11vw,11rem) clamp(1.25rem,7vw,8rem)}.section-intro{max-width:900px}.problem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-top:5rem}.problem-lead{font:400 clamp(1.4rem,2.4vw,2.2rem) var(--serif);line-height:1.25;margin:0}.format-list{border-top:1px solid #b8afa3}.format-list div{display:grid;grid-template-columns:40px 1fr 70px 1fr;align-items:center;gap:1rem;padding:1.4rem 0;border-bottom:1px solid #b8afa3}.format-list span{font:.65rem var(--mono);color:#8a7f73}.format-list b,.format-list strong{font-size:.92rem}.format-list i{height:1px;background:var(--copper);position:relative}.format-list i:after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid var(--copper);border-top:3px solid transparent;border-bottom:3px solid transparent}.section-blueprint{position:relative;background:var(--deep-2);color:#fff;padding:clamp(6rem,10vw,10rem) clamp(1rem,5vw,5rem);overflow:hidden}.centered{text-align:center;margin:0 auto}.centered .eyebrow{justify-content:center}.centered>p:last-child{color:rgba(255,255,255,.6)}.productifier{max-width:1320px;margin:5rem auto 0;border:1px solid rgba(255,255,255,.18);background:rgba(4,27,29,.86);display:grid;grid-template-columns:1fr 1.2fr 1fr;min-height:610px;position:relative}.productifier>div{padding:2rem;border-right:1px solid rgba(255,255,255,.14)}.productifier>div:last-child{border:0}.panel-label{font:500 .62rem var(--mono);letter-spacing:.1em;color:var(--copper-light);text-transform:uppercase;margin:0 0 2rem}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.choice{min-height:100px;text-align:left;padding:1rem;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;cursor:pointer;transition:.25s var(--ease)}.choice:hover,.choice.active{border-color:var(--cyan);background:rgba(141,224,219,.08);transform:translateY(-2px)}.choice span{display:block;color:var(--cyan);margin-bottom:.5rem}.choice b,.choice small{display:block}.choice b{font-size:.78rem}.choice small{font-size:.61rem;color:rgba(255,255,255,.5)}.input-summary{margin-top:2rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem}.input-summary span{font:.55rem var(--mono);color:var(--cyan)}.input-summary strong{display:block;font:400 1.45rem var(--serif);line-height:1.2;margin:.5rem 0}.input-summary p{font-size:.75rem;color:rgba(255,255,255,.56)}.blueprint-canvas{position:relative;height:480px;border:1px solid rgba(141,224,219,.16);background-image:linear-gradient(rgba(141,224,219,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(141,224,219,.05) 1px,transparent 1px);background-size:24px 24px}.blueprint-canvas svg{position:absolute;inset:0;width:100%;height:100%}.bp-node{position:absolute;width:130px;padding:.75rem;background:var(--deep);border:1px solid rgba(141,224,219,.55);box-shadow:0 10px 20px rgba(0,0,0,.22)}.bp-node span{font:.5rem var(--mono);color:var(--copper-light)}.bp-node b,.bp-node small{display:block}.bp-node b{font-size:.72rem}.bp-node small{font-size:.52rem;color:rgba(255,255,255,.45)}.n1{left:4%;top:8%}.n2{right:5%;top:8%}.n3{left:20%;bottom:8%}.n4{right:2%;bottom:8%}.output-window{border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 50px rgba(0,0,0,.28)}.output-head{height:38px;background:#d9d5ce;color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 .8rem;font:.55rem var(--mono)}.output-head i{width:7px;height:7px;border-radius:50%;background:#51a179}.output-body{height:320px;display:flex;background:#f1eee8;color:var(--ink)}.output-sidebar{width:44px;background:var(--deep);padding:22px 11px;display:flex;flex-direction:column;gap:17px}.output-sidebar span{height:3px;background:rgba(255,255,255,.25)}.output-sidebar span.active{background:var(--copper)}.output-main{padding:2rem 1.2rem}.output-main small{font:.5rem var(--mono);color:#7d5038}.output-main strong{display:block;font:400 1.5rem var(--serif);line-height:1.05;margin:.6rem 0}.output-main p{font-size:.68rem;color:#637071}.output-metrics{display:grid;gap:.5rem;margin-top:1.5rem}.output-metrics span{padding:.5rem;background:#e4ded4;font-size:.57rem}.output-metrics b{color:#a76342;margin-right:.5rem}.loop-note{display:flex;gap:.8rem;align-items:center;margin-top:1.5rem;font-size:.7rem;color:rgba(255,255,255,.6)}.case-section{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:7vw}.case-copy>p:not(.eyebrow){font-size:1.08rem;color:#526667;max-width:560px}.feature-list{list-style:none;padding:0;margin:2rem 0}.feature-list li{border-top:1px solid #c9c0b5;padding:.8rem 0;font-size:.9rem}.feature-list li:last-child{border-bottom:1px solid #c9c0b5}.feature-list span{color:#a76342;margin-right:.6rem}.case-visual{position:relative;padding:2rem 0}.case-window{background:#f8f5ef;border:1px solid #bdb3a7;box-shadow:0 50px 100px rgba(25,45,45,.17);transform:perspective(1400px) rotateY(-4deg) rotateX(2deg)}.case-top{height:54px;display:flex;align-items:center;gap:1rem;padding:0 1rem;background:var(--deep);color:#fff}.case-top b{font-family:var(--serif);font-size:1.2rem}.case-top span{font-size:.55rem;color:rgba(255,255,255,.55)}.case-top i{margin-left:auto;width:26px;height:26px;border-radius:50%;background:var(--copper)}.case-tabs{display:flex;gap:1rem;padding:.7rem 1rem;background:#0b383a;color:rgba(255,255,255,.5);font:.5rem var(--mono)}.case-tabs .active{color:#fff}.case-content{display:grid;grid-template-columns:150px 1fr;min-height:410px}.case-content aside{padding:1.5rem 1rem;background:#e9e3d9;display:flex;flex-direction:column;gap:1rem}.case-content aside small{font:.48rem var(--mono);color:#8d5c42}.case-content aside b{font-size:.6rem}.case-main{padding:2.5rem 2rem}.case-main>small{font:.5rem var(--mono);color:#8d5c42}.case-main h3{font:400 2rem var(--serif);max-width:360px;line-height:1}.case-stats{display:flex;gap:.7rem}.case-stats span{display:flex;flex-direction:column;background:#e6dfd5;padding:.7rem 1rem;font-size:.5rem}.case-stats b{font:400 1.3rem var(--serif);color:#8d5c42}.case-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1.5rem}.case-cards i{height:95px;border:1px solid #d1c8bc;background:linear-gradient(145deg,#eee9e1,#ddd4c8)}.case-badge{position:absolute;right:-1rem;bottom:0;background:var(--deep);color:#fff;padding:.8rem 1rem;display:flex;align-items:center;gap:.6rem;font:.55rem var(--mono);box-shadow:0 15px 30px rgba(0,0,0,.2)}.library{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,7vw,8rem)}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:5rem}.library-card{position:relative;min-height:330px;padding:1.5rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.025);display:flex;flex-direction:column}.library-card.featured{grid-column:span 2;background:linear-gradient(145deg,rgba(190,121,82,.18),rgba(255,255,255,.03))}.library-card.wide{grid-column:span 2}.library-card:hover{border-color:rgba(141,224,219,.55)}.card-status{font:.52rem var(--mono);letter-spacing:.08em;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:.5rem}.card-status i{width:5px;height:5px;background:#888;box-shadow:none}.card-status.live{color:var(--cyan)}.card-status.live i{background:var(--cyan);animation:pulse 2s infinite}.card-status.build{color:var(--copper-light)}.card-status.build i{background:var(--copper-light)}.card-no{position:absolute;right:1.5rem;top:1.2rem;font:300 2rem var(--mono);color:rgba(255,255,255,.12)}.library-card h3{font:400 2rem var(--serif);margin:auto 0 .6rem}.library-card p{font-size:.8rem;color:rgba(255,255,255,.55);max-width:500px}.library-card a{margin-top:1rem;text-decoration:none;font-size:.72rem;color:var(--cyan)}.mini-flow{display:flex;align-items:center;gap:.5rem;margin-top:auto;font:.45rem var(--mono);color:var(--cyan)}.mini-flow i{height:1px;flex:1;background:rgba(141,224,219,.35)}.library-footer{text-align:center;margin:4rem 0 0;font:400 1.4rem var(--serif);color:var(--copper-light)}.section-copper{background:var(--copper);color:#fff}.continuous{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,9vw,10rem);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.continuous h2 em{color:var(--deep)}.continuous-copy>p:last-child{max-width:590px}.loop-visual{position:relative;aspect-ratio:1;max-width:580px}.loop-visual svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 40s linear infinite}.loop-visual svg circle{fill:none;stroke:rgba(255,255,255,.4);stroke-width:1;stroke-dasharray:6 9}.loop-visual svg path{fill:#fff}.loop-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;border-radius:50%;background:var(--deep);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.loop-center span{font:400 3rem var(--serif);color:var(--copper-light)}.loop-center small{font:.5rem var(--mono);letter-spacing:.1em}.loop-item{position:absolute;width:105px;height:105px;border-radius:50%;background:#d88c63;border:1px solid rgba(255,255,255,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.loop-item b{font:.6rem var(--mono);color:var(--deep)}.loop-item span{font-size:.7rem}.l1{left:50%;top:0;transform:translateX(-50%)}.l2{right:0;top:50%;transform:translateY(-50%)}.l3{left:50%;bottom:0;transform:translateX(-50%)}.l4{left:0;top:50%;transform:translateY(-50%)}.contact{display:grid;grid-template-columns:1fr .85fr;gap:9vw}.contact-copy>p:not(.eyebrow){font-size:1.1rem;color:#566;max-width:540px}.contact-points{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem}.contact-points span{border:1px solid #bdb3a7;padding:.45rem .7rem;font:.55rem var(--mono)}.contact-form{background:#e6dfd4;padding:clamp(1.5rem,4vw,3rem)}.form-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.form-row label{font:.6rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.form-row input,.form-row textarea{border:0;border-bottom:1px solid #9f958a;background:transparent;padding:.75rem 0;color:var(--ink);border-radius:0}.form-row textarea{resize:vertical}.form-row input::placeholder,.form-row textarea::placeholder{color:#81786f}.form-note{font-size:.65rem;color:#71675d}.site-footer{background:#041719;color:#fff;padding:4rem clamp(1.25rem,5vw,5rem);display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:2rem;align-items:start}.site-footer p{margin:0;color:rgba(255,255,255,.5);max-width:480px}.site-footer>div{display:flex;flex-direction:column;gap:.5rem}.site-footer>div a{font-size:.75rem;text-decoration:none;color:var(--cyan)}.site-footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:1.5rem;color:rgba(255,255,255,.35);font:.55rem var(--mono)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@keyframes dash{to{stroke-dashoffset:-120}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(141,224,219,0)}}
@media(max-width:1050px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-machine{max-width:760px;width:100%;margin:0 auto}.productifier{grid-template-columns:1fr 1fr}.output-panel{grid-column:1/-1}.productifier>div:nth-child(2){border-right:0}.case-section{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr 1fr}.continuous{grid-template-columns:1fr}.loop-visual{margin:0 auto}.contact{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.site-header{height:64px}.site-header .button-small{font-size:0;width:44px;padding:0}.site-header .button-small:after{content:"→";font-size:1rem}.hero{padding:110px 1rem 80px}.hero h1{font-size:clamp(3.8rem,19vw,6rem)}.hero-actions{align-items:flex-start;flex-direction:column}.hero-machine{min-height:500px;padding:.7rem}.machine-grid{height:410px}.source-card{width:145px}.app-card{width:185px;height:275px}.app-body{height:240px}.app-content span{width:90px}.engine-core{width:80px;height:80px}.proof-strip{flex-wrap:wrap}.problem,.case-section,.contact{padding:6rem 1.2rem}.problem-grid{grid-template-columns:1fr;gap:3rem;margin-top:3rem}.format-list div{grid-template-columns:30px 1fr 30px 1fr;gap:.5rem}.section-blueprint,.library{padding:6rem 1rem}.productifier{display:block}.productifier>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:1.3rem}.blueprint-canvas{height:420px}.case-content{grid-template-columns:88px 1fr}.case-content aside{padding:1rem .6rem}.case-content aside b{font-size:.48rem}.case-main{padding:1.5rem 1rem}.case-main h3{font-size:1.4rem}.case-stats{gap:.3rem}.case-stats span{padding:.5rem}.library-grid{grid-template-columns:1fr}.library-card.featured,.library-card.wide{grid-column:auto}.continuous{padding:6rem 1.2rem}.loop-item{width:82px;height:82px}.loop-center{width:125px;height:125px}.site-footer{grid-template-columns:1fr}.mini-flow{display:grid;grid-template-columns:auto 1fr}.case-badge{right:0}.hero-machine{transform:none}.site-footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Productify identity: blueprint blue, signal blue and drafting white. */
.site-header{background:rgba(7,27,54,.84)}
.brand-mark{border:1px solid rgba(255,255,255,.32);padding:3px;background:rgba(47,125,246,.14)}
.brand-mark i{background:#fff}.brand-mark i:nth-child(2){background:var(--copper)}
.button:hover{background:#1f67d8}.button-dark:hover{background:#102e5a}
.eyebrow.dark,.section-light h2 em,.output-main small,.output-metrics b,.feature-list span{color:#1f67d8}
.hero-machine{background:rgba(11,42,82,.76);box-shadow:0 50px 120px rgba(2,12,28,.45)}
.productifier{background:rgba(5,21,45,.9)}
.choice:hover,.choice.active{background:rgba(47,125,246,.14)}
.library-card.featured{background:linear-gradient(145deg,rgba(47,125,246,.22),rgba(255,255,255,.03))}
.section-copper{background:#2f7df6}
.loop-item{background:#72a8fb}
.contact-form{background:#e8f0fb}.contact-points span{border-color:#b8cbe8}
.form-row input,.form-row textarea{border-bottom-color:#8ca8cc}
.site-footer{background:#041329}

/* Mímra keeps its own coral/teal identity inside the Productify case. */
.case-visual{--deep:#0b1417;--copper:#ff6f61;--cyan:#2dd4bf}
.case-tabs{background:#13292b}

/* Scroll-driven Productify story */
.story{position:relative;padding:clamp(7rem,11vw,11rem) clamp(1rem,5vw,5rem);background:linear-gradient(180deg,#071b36,#0a2850 48%,#071b36);overflow:clip}
.story:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(145,215,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(145,215,255,.045) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.story-intro{position:relative;z-index:2;max-width:980px;margin:0 auto 8rem;text-align:center}.story-intro .eyebrow{justify-content:center}.story-intro>p:last-child{max-width:690px;margin:0 auto;color:rgba(255,255,255,.65);font-size:1.08rem}
.story-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);gap:clamp(3rem,7vw,8rem);max-width:1440px;margin:auto}
.story-chapter{min-height:78vh;display:flex;flex-direction:column;justify-content:center;opacity:.22;transform:translateX(-18px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.story-chapter.active{opacity:1;transform:none}.story-chapter>span{font:600 .65rem var(--mono);letter-spacing:.13em;color:var(--cyan)}.story-chapter h3{font:400 clamp(2.4rem,4.4vw,4.8rem)/.98 var(--serif);letter-spacing:-.035em;margin:1rem 0 1.4rem}.story-chapter p{max-width:510px;color:rgba(255,255,255,.64);font-size:1rem}.story-chapter .button{align-self:flex-start;margin-top:1.6rem}
.story-stage{position:sticky;top:94px;align-self:start;height:calc(100vh - 120px);min-height:610px;border:1px solid rgba(145,215,255,.26);background:#06172f;box-shadow:0 45px 100px rgba(0,7,20,.46);overflow:hidden}
.story-stage-head,.story-stage-foot{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;font:600 .58rem var(--mono);letter-spacing:.1em;color:rgba(255,255,255,.55);border-bottom:1px solid rgba(145,215,255,.16)}.story-stage-head button{color:var(--cyan);border:1px solid rgba(145,215,255,.28);padding:.45rem .65rem;background:transparent;font:inherit;cursor:pointer}.story-stage-foot{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(145,215,255,.16);border-bottom:0}.story-stage-foot>div{display:flex;gap:7px}.story-stage-foot i{width:20px;height:2px;background:rgba(255,255,255,.18);transition:.35s}.story-stage-foot i.active{width:42px;background:var(--cyan)}
.story-screen{position:absolute;inset:48px 0}.story-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(145,215,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(145,215,255,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle at center,#000 20%,transparent 82%)}
.story-frame{position:absolute;inset:0;padding:clamp(1.5rem,4vw,4rem);opacity:0;visibility:hidden;transform:scale(.965);transition:opacity .6s var(--ease),transform .8s var(--ease),visibility 0s .6s}.story-frame.active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.scene-caption{position:absolute;left:clamp(1.5rem,4vw,4rem);right:clamp(1.5rem,4vw,4rem);bottom:2.5rem;display:grid;gap:.35rem;padding-top:1rem;border-top:1px solid rgba(145,215,255,.22)}.scene-caption small{font:600 .55rem var(--mono);letter-spacing:.12em;color:var(--cyan)}.scene-caption strong{font:400 clamp(1rem,1.7vw,1.4rem) var(--serif);max-width:520px}
.loose-page{position:absolute;width:36%;aspect-ratio:.78;padding:1.2rem;background:#f7faff;color:var(--ink);box-shadow:0 24px 65px rgba(0,0,0,.34);animation:page-float 4s ease-in-out infinite}.loose-page b{font:.62rem var(--mono);letter-spacing:.08em}.loose-page i{display:block;height:5px;margin-top:13px;background:#c6d5e9}.loose-page span{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #aac0dc;margin:18px 5px 0 0;font:.65rem var(--mono)}.p-one{left:8%;top:10%;transform:rotate(-8deg)}.p-two{left:32%;top:18%;transform:rotate(3deg);animation-delay:-1.3s}.p-three{right:7%;top:7%;transform:rotate(9deg);animation-delay:-2.5s}
.frame-blueprint svg,.frame-human>svg{position:absolute;inset:3% 4% 15%;width:92%;height:82%}.draw-path{fill:none;stroke:var(--cyan);stroke-width:2;stroke-dasharray:1100;stroke-dashoffset:1100}.active .draw-path{animation:line-draw 2.4s .15s var(--ease) forwards}.draw-node rect{fill:#09264d;stroke:var(--cyan);stroke-width:1.5}.draw-node text{fill:#fff;text-anchor:middle;font:600 12px var(--mono);letter-spacing:.08em}.draw-node{opacity:0}.active .draw-node{animation:node-in .55s .55s var(--ease) forwards}.active .draw-node.delay-1{animation-delay:1s}.active .draw-node.delay-2{animation-delay:1.4s}.active .draw-node.delay-3{animation-delay:1.8s}
.product-window{position:absolute;left:11%;right:11%;top:9%;height:62%;background:#f7faff;color:var(--ink);box-shadow:0 35px 80px rgba(0,0,0,.4);transform:perspective(1000px) rotateX(6deg)}.product-window header{height:45px;background:#dfe9f7;display:flex;align-items:center;gap:6px;padding:0 12px}.product-window header i{width:7px;height:7px;border-radius:50%;background:#95a9c2}.product-window header b{margin-left:auto;font:.58rem var(--mono)}.product-shell{display:flex;height:calc(100% - 45px)}.product-shell nav{width:58px;background:#071b36;padding:22px 14px}.product-shell nav span{display:block;height:4px;background:rgba(255,255,255,.25);margin-bottom:20px}.product-shell nav .on{background:var(--cyan)}.product-shell main{padding:clamp(1.2rem,3vw,2.5rem);flex:1}.product-shell main small{font:.55rem var(--mono);color:#2f7df6}.product-shell main h4{font:400 clamp(1.5rem,3vw,2.8rem) var(--serif);margin:.5rem 0 1.4rem}.fake-field{height:10px;background:#dbe5f2;margin:12px 0}.fake-field.short{width:60%}.product-shell main button{margin-top:1.5rem;padding:.75rem 1rem;background:#2f7df6;color:#fff;border:0}.active .product-window{animation:window-rise .8s var(--ease) both}
.human-orbit{position:absolute;left:50%;top:38%;width:150px;height:220px;transform:translate(-50%,-50%)}.human-head{width:70px;height:70px;border:2px solid var(--cyan);border-radius:50%;margin:auto;background:#0d3365}.human-body{width:130px;height:105px;margin:10px auto 0;border:2px solid var(--cyan);border-radius:70px 70px 12px 12px;background:#0a2850}.signal{position:absolute;padding:.55rem .7rem;border:1px solid rgba(145,215,255,.48);background:#09264d;color:#fff;font:.58rem var(--mono);white-space:nowrap}.s1{left:-130px;top:25px}.s2{right:-160px;top:85px}.s3{left:-145px;bottom:15px}.active .signal{animation:signal-pop 2.4s infinite}.active .s2{animation-delay:.6s}.active .s3{animation-delay:1.2s}.pulse-line{fill:none;stroke:#2f7df6;stroke-width:3;stroke-dasharray:12 8;animation:dash 12s linear infinite}
.scale-core{position:absolute;left:50%;top:39%;width:150px;height:150px;border-radius:50%;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;background:#2f7df6;box-shadow:0 0 0 18px rgba(47,125,246,.12),0 0 80px rgba(47,125,246,.45)}.scale-core b{font:400 4rem/1 var(--serif)}.scale-core small{font:.5rem var(--mono)}.orbit-card{position:absolute;width:145px;padding:1rem;border:1px solid rgba(145,215,255,.4);background:#09264d;box-shadow:0 15px 40px rgba(0,0,0,.3)}.orbit-card small,.orbit-card b{display:block}.orbit-card small{color:var(--cyan);font:.48rem var(--mono)}.orbit-card b{font-size:.75rem;margin-top:.3rem}.o1{left:8%;top:10%}.o2{right:7%;top:12%}.o3{left:6%;top:52%}.o4{right:5%;top:54%}.active .orbit-card{animation:orbit-breathe 3s ease-in-out infinite}.active .o2{animation-delay:-.8s}.active .o3{animation-delay:-1.6s}.active .o4{animation-delay:-2.4s}
.motion-paused *{animation-play-state:paused!important}
@keyframes page-float{50%{margin-top:-12px;filter:drop-shadow(0 30px 35px rgba(0,0,0,.22))}}@keyframes line-draw{to{stroke-dashoffset:0}}@keyframes node-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes window-rise{from{opacity:0;transform:perspective(1000px) rotateX(15deg) translateY(55px)}to{opacity:1;transform:perspective(1000px) rotateX(6deg)}}@keyframes signal-pop{0%,70%,100%{opacity:.38;transform:scale(.95)}15%,55%{opacity:1;transform:scale(1)}}@keyframes orbit-breathe{50%{transform:translateY(-9px);border-color:var(--cyan)}}
@media(max-width:980px){.story-layout{grid-template-columns:1fr}.story-chapters{display:contents}.story-stage{position:sticky;top:76px;grid-row:1;height:62vh;min-height:470px;margin-bottom:2rem}.story-chapter{min-height:55vh;padding:2rem 1rem}.story-intro{margin-bottom:4rem}.story-chapter h3{font-size:clamp(2.5rem,10vw,4rem)}}
@media(max-width:620px){.story{padding-inline:.7rem}.story-stage{height:58vh;min-height:430px}.story-stage-head{height:42px}.story-stage-head>span{font-size:.48rem}.story-stage-head button{font-size:.48rem}.story-screen{inset:42px 0}.story-frame{padding:1rem}.scene-caption{left:1rem;right:1rem;bottom:2rem}.loose-page{width:42%;padding:.75rem}.p-one{left:2%}.p-two{left:29%}.p-three{right:1%}.product-window{left:5%;right:5%}.product-shell nav{width:40px;padding:18px 9px}.orbit-card{width:110px;padding:.7rem}.scale-core{width:110px;height:110px}.scale-core b{font-size:3rem}.story-stage-foot{height:42px}.story-stage-foot>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.story-frame *{animation:none!important}.story-chapter{transition:none}.story-frame{transition:none}}