:root{color-scheme:dark;--bg:#151914;--paper:#f2f3ed;--ink:#20271e;--lime:#d5ee8b;--muted:#aeb7a8;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Manrope,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #86b5fa;outline-offset:4px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:500;line-height:1.04;letter-spacing:-.045em;margin-top:12px}h1{font-size:clamp(48px,6.6vw,100px)}h2{font-size:clamp(38px,4.8vw,72px)}h3{font-size:30px}h1 em,h2 em{font-style:normal;color:var(--lime)}p{margin-top:4px}button{cursor:pointer}.header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;position:relative;z-index:10;border-bottom:1px solid var(--line);max-width:1440px;margin:auto}.brand{flex-shrink:0}.header nav,.header-actions{display:flex;align-items:center;gap:24px}.header nav a,.login{font-size:14px;color:#d9dfd5}.header nav a:hover{color:var(--lime)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;border-radius:8px;border:1px solid transparent;font-size:14px;font-weight:700;line-height:1.5;min-height:52px;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--lime);color:var(--ink)}.btn.primary:hover{background:#e4ffa0}.btn.small{padding:12px 16px;min-height:44px}.btn.ghost{border-color:#ffffff30;background:#ffffff04}.btn.dark{background:var(--ink);color:white}.row.wrap{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.hero{position:relative;overflow:hidden;padding:24px;min-height:1060px;background:radial-gradient(ellipse at 50% 82%,#59743530,transparent 60%)}.hero-copy{text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:440px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;display:inline-flex;gap:8px;align-items:center}.mini-mark{color:var(--lime);font-size:24px}.hero-copy p{font-size:18px;color:#b9c2b3;line-height:1.7;margin-top:24px}.hero-copy .row{margin-top:24px}.hero-note{font-size:12px;color:#a5af9e;margin-top:16px}.hero-stage{max-width:1160px;margin:auto;position:relative;perspective:1800px;min-height:510px;display:grid;align-items:start;padding:24px}.product-frame{overflow:hidden;border:1px solid #ffffff30;border-radius:12px;background:#f6f7f3;box-shadow:0 32px 100px #0005}.hero-frame{transform:rotateX(15deg) rotateY(-6deg) rotateZ(-2deg) scale(.92);transform-origin:center top;will-change:transform}.hero-frame>img{width:100%;max-height:570px;object-fit:cover;object-position:top}.window-bar{height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#272d24;color:#c4cebd;font-size:12px}.window-dots{letter-spacing:.3em;color:#7b8872}.window-tag{font-size:10px;letter-spacing:.12em}.floating-note{position:absolute;display:flex;gap:12px;align-items:center;background:#252e22eb;border:1px solid #ffffff25;border-radius:12px;padding:16px;box-shadow:0 16px 40px #0003;backdrop-filter:blur(16px);font-size:13px}.floating-note strong,.floating-note span:not(.note-icon){display:block}.floating-note span:not(.note-icon){font-size:12px;color:#b4bea9}.note-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:22px}.note-one{top:18%;left:0;transform:rotate(-4deg)}.note-two{right:0;bottom:12%;transform:rotate(4deg)}.orbit{position:absolute;width:90%;height:70%;border:1px solid #d5ee8b18;border-radius:50%;top:8%;left:5%;pointer-events:none}.orbit-one{transform:rotate(18deg) scale(1.15)}.orbit-two{transform:rotate(-16deg) scale(1.2)}.hero-bottom{max-width:1280px;margin:24px auto 0;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.12em}.section{padding:24px;max-width:1328px;margin:auto;min-height:440px;display:flex;flex-direction:column;justify-content:center}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;border-top:1px solid var(--line)}.intro p{max-width:480px;color:var(--muted);font-size:18px}.story{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;padding:24px;max-width:1440px;margin:auto;position:relative}.story-visual{position:sticky;top:100px;align-self:start;min-width:0;height:calc(100vh - 120px);display:flex;flex-direction:column;justify-content:center;gap:24px}.story-counter{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.12em;color:var(--muted)}#chapter-number{color:var(--lime)}.story-frame{transform:perspective(1400px) rotateY(4deg);transition:transform .6s}.story-frame img{width:100%}.demo-caption{font-size:12px;color:var(--muted);text-align:center}.chapter-track{display:flex;gap:8px;justify-content:center}.chapter-track i{height:3px;width:40px;background:#ffffff25;transition:background .3s}.chapter-track i.active{background:var(--lime)}.chapter{min-height:90vh;display:flex;flex-direction:column;justify-content:center;padding:24px;gap:16px}.chapter h2{font-size:clamp(32px,3.4vw,52px)}.chapter p{color:var(--muted);max-width:440px}.chapter .eyebrow{color:var(--lime)}.chapter ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:14px}.chapter li:before{content:'↗';color:var(--lime);margin-right:12px}.explorer{max-width:none;background:var(--paper);color:var(--ink);min-height:1180px;gap:24px}.explorer>*{width:100%;max-width:1240px;margin-left:auto;margin-right:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;min-height:220px}.section-heading p{color:var(--muted);font-size:16px}.explorer h2 em{color:#647a3e}.explorer .section-heading p,.explorer .demo-caption{color:#606b59}.screen-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.screen-tabs button{background:transparent;color:var(--ink);border:1px solid #cbd0c4}.screen-tabs [aria-selected=true]{background:var(--ink);color:var(--lime)}#screen-panel{border-radius:12px;overflow:hidden;border:1px solid #cbd0c4;box-shadow:0 24px 64px #1e291217}.screen-enlarge{display:block;width:100%;border:0;padding:0;background:#fff;position:relative}.screen-enlarge img{width:100%}.screen-enlarge>span{position:absolute;right:16px;bottom:16px;padding:8px 16px;border-radius:8px;background:var(--ink);color:white;font-size:12px}.resources{gap:24px;min-height:960px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.resource-grid article{padding:24px;border:1px solid var(--line);border-radius:12px;min-height:370px;display:flex;flex-direction:column;align-items:start;background:linear-gradient(160deg,#26302255,transparent)}.resource-icon{font-size:44px;line-height:1;color:var(--lime);height:72px}.resource-index{font-size:10px;letter-spacing:.1em;color:var(--muted)}.resource-grid h3{font-size:28px}.resource-grid p{font-size:14px;color:var(--muted);margin-top:16px}.resource-detail{font-size:11px;color:var(--lime);margin-top:auto;padding-top:24px}.closing{max-width:none;background:var(--lime);color:var(--ink);min-height:580px;align-items:center;text-align:center;position:relative;overflow:hidden}.closing h2{font-size:clamp(44px,6vw,88px);position:relative;z-index:1}.closing h2 em{color:#607632}.closing p{margin-top:24px}.closing .row{margin-top:24px}.closing-mark{position:absolute;right:3%;bottom:-20%;font-family:'Bricolage Grotesque';font-size:450px;font-weight:700;opacity:.06;line-height:1;pointer-events:none}footer{max-width:1328px;margin:auto;min-height:120px;padding:24px;display:flex;gap:24px;align-items:center;justify-content:space-between}footer span,footer>a:last-child{font-size:13px;color:var(--muted)}.skip{position:fixed;top:8px;left:8px;z-index:30;background:var(--lime);color:var(--ink);padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}.reading-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--lime);z-index:40;transform:scaleX(0);transform-origin:left;pointer-events:none}dialog{width:min(96vw,1500px);max-height:94vh;border:1px solid #ffffff30;border-radius:12px;background:var(--bg);color:var(--paper);padding:16px}dialog::backdrop{background:#080c08d9;backdrop-filter:blur(8px)}dialog form{display:flex;justify-content:end;margin-bottom:16px}dialog button{background:var(--lime);color:var(--ink)}dialog img{width:100%}dialog p{font-size:12px;text-align:center;margin-top:12px}
@supports(animation-timeline:scroll()){.reading-progress{animation:reading linear both;animation-timeline:scroll()}@keyframes reading{to{transform:scaleX(1)}}}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){@supports((animation-timeline:view()) and (animation-range:entry)){.hero-stage{view-timeline:--hero block}.hero-frame{animation:flatten linear both;animation-timeline:--hero;animation-range:entry 0% cover 65%}@keyframes flatten{from{transform:rotateX(20deg) rotateY(-8deg) rotateZ(-3deg) scale(.88)}to{transform:rotateX(0) rotateY(0) rotateZ(0) scale(1)}}}}
@media(max-width:1050px){.header nav{gap:16px}.resource-grid{grid-template-columns:repeat(2,1fr)}.resources{min-height:1150px}.story{grid-template-columns:1fr 1fr}.chapter{padding:16px}.hero{min-height:940px}.floating-note{font-size:12px}.note-one{left:0}.note-two{right:0}}
@media(max-width:760px){html{scroll-padding-top:24px}.header{height:80px;padding:16px}.header nav,.header .login{display:none}.header-actions{gap:8px}.header .brand img{width:112px}.header .btn{font-size:12px;gap:12px;padding:12px}.hero{padding:16px;min-height:800px}.hero-copy{min-height:470px}.hero-copy h1{font-size:clamp(42px,9vw,64px)}.hero-copy p{font-size:16px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.1em}.hero-copy .row{justify-content:center;gap:12px}.hero-copy .btn{padding:12px 16px;font-size:12px;gap:12px}.hero-stage{padding:16px 0;min-height:280px}.hero-frame{transform:none}.window-bar{font-size:9px;padding:8px;gap:8px}.window-tag{display:none}.floating-note{padding:8px;gap:8px}.floating-note strong{font-size:10px}.floating-note span:not(.note-icon){font-size:9px}.note-icon{width:28px;height:28px;font-size:18px}.note-one{top:4%;left:0}.note-two{bottom:0;right:0}.hero-bottom{font-size:9px;margin-top:24px}.hero-bottom>span:last-child{display:none}.intro{display:flex;align-items:start;min-height:480px;gap:24px}.intro p{font-size:16px}.story{display:block;padding:16px}.story-visual{height:auto;top:0;position:relative;gap:16px}.story-frame{transform:none}.story-counter{font-size:9px}.story-chapters{display:grid;gap:24px}.chapter{min-height:440px;padding:24px 8px;border-bottom:1px solid var(--line)}.chapter h2{font-size:40px}.section-heading{align-items:start;flex-direction:column;justify-content:center;min-height:290px;gap:24px}.explorer{min-height:0;padding:24px 16px}.screen-tabs{gap:8px}.screen-tabs .btn{padding:8px 12px;font-size:12px}.screen-enlarge>span{font-size:10px;padding:8px;right:8px;bottom:8px}.resources{min-height:0;padding:24px 16px}.resource-grid{grid-template-columns:1fr}.resource-grid article{min-height:310px}.resource-grid h3{font-size:32px}.closing{min-height:520px;padding:24px 16px}.closing p{font-size:14px}.closing-mark{font-size:300px}.closing .btn{gap:16px}footer{flex-wrap:wrap;padding:24px 16px;gap:16px}footer span{display:none}.demo-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-frame,.story-frame{transform:none!important}.reading-progress{display:none}}


.mobile-chapter-image{display:none}@media(max-width:760px){.story-visual{display:none}.mobile-chapter-image{display:block;width:100%;border-radius:8px;border:1px solid var(--line);margin-top:16px}.chapter{min-height:580px}}
/* Scroll narrative: the geometry follows the same planning/production/approval flow. */
#workflow-background{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}body{isolation:isolate}main,footer{position:relative}.hero{background:radial-gradient(ellipse at 50% 82%,#59743530,transparent 60%)}.explorer{background:#f2f3edf2}.closing{background:#d5ee8bef}.intro,.resources{background:linear-gradient(90deg,#15191488,transparent,#15191488)}
.frame-journey{height:300vh;position:relative;isolation:isolate}.frame-sticky{height:100vh;min-height:680px;position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#657f3320,transparent 68%)}.frame-heading{text-align:center;position:relative;z-index:12}.frame-heading h2{font-size:clamp(32px,3.8vw,56px)}.frame-heading p{color:var(--muted);font-size:14px;margin-top:16px}.frame-scene{width:min(100%,1100px);height:400px;position:relative;perspective:1200px;display:grid;place-items:center;margin-top:24px}.flow-card{grid-area:1/1;width:min(580px,70vw);padding:16px;background:#252e23;border:1px solid #d5ee8b55;border-radius:16px;box-shadow:0 24px 60px #0006;backface-visibility:hidden;will-change:transform,opacity;transform-origin:center;pointer-events:none}.flow-card img{width:100%;height:230px;object-fit:cover;object-position:top;border-radius:8px;margin-top:16px}.flow-label{font-size:10px;letter-spacing:.18em;color:var(--lime)}.flow-card h3{font-size:26px}.flow-status{display:block;font-size:11px;color:#cbd5c4;margin-top:12px}.flow-beam{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#d5ee8b,transparent);box-shadow:0 0 24px #d5ee8b55}.approval-seal{position:absolute;right:12%;bottom:8%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:104px;height:104px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:40px;box-shadow:0 8px 32px #0005;z-index:15;opacity:0;line-height:1.1}.approval-seal small{font-size:10px;letter-spacing:.12em;margin-top:4px}.frame-navigation{display:flex;gap:24px;position:relative;z-index:12;margin-top:24px}.frame-step{font-size:12px;color:var(--muted);padding-bottom:8px;border-bottom:2px solid #ffffff20}.frame-step.active{color:var(--lime);border-color:var(--lime)}.frame-hint{font-size:9px;letter-spacing:.15em;color:var(--muted);margin-top:16px}
@media(max-width:760px){.frame-journey{height:240vh}.frame-sticky{min-height:560px;padding:16px}.frame-heading h2{font-size:34px}.frame-heading .eyebrow{font-size:9px}.frame-heading p{font-size:12px}.frame-scene{height:310px}.flow-card{width:76vw;padding:12px}.flow-card img{height:150px}.flow-card h3{font-size:22px}.flow-label{font-size:9px}.flow-status{font-size:10px}.approval-seal{width:76px;height:76px;font-size:30px;right:4%;bottom:4%}.approval-seal small{font-size:8px}.frame-navigation{gap:16px}.frame-step{font-size:11px}.frame-hint{margin-top:12px}}
@media(max-height:740px) and (min-width:761px){.frame-sticky{min-height:0}.frame-heading h2{font-size:32px}.frame-heading p{display:none}.frame-scene{height:320px}.flow-card img{height:160px}.frame-navigation{margin-top:12px}.frame-hint{display:none}}
@media(prefers-reduced-motion:reduce){.frame-journey{height:auto}.frame-sticky{position:relative;height:auto;min-height:0;overflow:visible}.frame-scene{height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;perspective:none}.flow-card{width:min(100%,580px);transform:none!important;opacity:1!important;will-change:auto}.approval-seal,.flow-beam,.frame-hint,.frame-navigation{display:none}}
/* Planos: mesma escala de espaçamento e chamada para o onboarding existente. */
.pricing{min-height:860px;gap:24px;border-top:1px solid var(--line);padding:24px;background:linear-gradient(90deg,#151914bb,transparent,#151914bb)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.pricing-card{display:flex;flex-direction:column;align-items:stretch;padding:24px;border:1px solid var(--line);border-radius:16px;background:#1d241cf2}.pricing-pro{border-color:var(--lime);background:linear-gradient(145deg,#35432b,#20291e);box-shadow:0 0 48px #d5ee8b0a}.plan-kicker{font-size:11px;letter-spacing:.12em;color:var(--muted);min-height:28px;display:flex;align-items:center}.pricing-pro .plan-kicker{color:var(--lime)}.pricing-card h3{font-size:36px}.plan-description{font-size:14px;color:#b9c2b3;min-height:48px}.plan-price{margin-top:24px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;min-height:64px}.plan-price strong{font-family:'Bricolage Grotesque',sans-serif;font-size:42px;font-weight:500;line-height:1.2;letter-spacing:-.04em}.plan-price span{color:var(--muted);font-size:14px}.plan-detail{font-size:12px;color:var(--muted);min-height:40px}.pricing-pro .plan-detail{color:var(--lime)}.pricing-card ul{padding:24px 0;margin:16px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:12px;font-size:14px}.pricing-card li:before{content:'✓';color:var(--lime);margin-right:12px}.pricing-card .row{margin-top:12px}.pricing-card .btn{width:100%;gap:16px}.pricing-note{font-size:12px;color:var(--muted);text-align:center}.pricing .section-heading{min-height:200px}
@media(max-width:960px){.pricing-grid{gap:16px}.pricing-card{padding:16px}.pricing-card .btn{font-size:12px;padding:12px;gap:12px}.header nav{gap:12px}.header nav a{font-size:12px}}
@media(max-width:760px){.pricing{padding:24px 16px;min-height:0}.pricing-grid{grid-template-columns:1fr;gap:24px}.pricing-card{padding:24px}.pricing-card .btn{font-size:14px}.plan-description{min-height:0}.pricing .section-heading{min-height:260px}}

/* Forma AI follows the system spacing scale. */
.forma-ai{border-top:1px solid var(--line);background:radial-gradient(ellipse at 0 0,#59743530,transparent 70%)}.forma-ai .section-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}.forma-ai .section-heading p{color:var(--muted)}.forma-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.forma-ai-grid article{min-width:0;padding:24px;border:1px solid var(--line);border-radius:12px;background:#ffffff04}.forma-ai-grid h3{margin-top:12px;font-size:clamp(1.5rem,1rem + 1vw,2rem)}.forma-ai-grid p{margin-top:4px;color:var(--muted)}.forma-ai-grid .resource-detail{display:block;margin-top:16px;color:var(--lime)}.forma-ai-note{margin-top:12px;color:var(--muted);font-size:12px}
@media(max-width:960px){.forma-ai-grid{grid-template-columns:1fr}.forma-ai .section-heading{grid-template-columns:1fr}}