:root{font-family:Inter,system-ui,sans-serif;color:#08132e;background:#f8faff;--navy:#06132e;--orange:#ff9c0d}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #17aaff;outline-offset:4px}.wrap{width:min(94%,1400px);margin-inline:auto}.dark{background:radial-gradient(ellipse at 76% 76%,#11265b 0,transparent 46%),radial-gradient(ellipse at 0% 100%,#361b36 0,transparent 37%),#050e24;color:#fff;border-radius:0 0 45% 3% / 0 0 5% 3%;overflow:hidden}.header{min-height:90px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brands{display:flex;gap:23px;align-items:center;text-decoration:none;flex-shrink:0}.nfsf{position:relative;line-height:1;padding-left:17px}.nfsf:before{content:"";position:absolute;inset:0 auto 0 0;width:46px;border-left:6px solid #ff940d;border-radius:50%;transform:rotate(27deg)}.nfsf strong{display:block;font-size:40px;letter-spacing:-3px}.nfsf small{display:block;font-size:10px}.factory{border-left:2px solid #fff;padding-left:18px;display:flex;align-items:center;gap:9px;font-size:22px;font-weight:850;line-height:1.05}.factory i{font:normal 42px system-ui;color:var(--orange)}.factory b{display:block;color:var(--orange)}nav{display:flex;gap:clamp(11px,1.5vw,24px);align-items:center}nav a{text-decoration:none;font-weight:650;font-size:13px;white-space:nowrap}nav a:hover{text-decoration:underline}nav [aria-current]{border-bottom:3px solid var(--orange);padding-block:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:13px;font-weight:800;text-decoration:none;line-height:1.2}.orange{background:linear-gradient(110deg,#ffad08,#ff820b);color:#181227}.outline{border:1.5px solid #fff;color:#fff}.header-action{border-radius:30px;font-size:13px;text-align:center}.hero{min-height:500px;display:grid;grid-template-columns:45% 55%;align-items:center;padding:20px 0 40px}.intro{padding-left:clamp(0px,4vw,70px);position:relative;z-index:1}.intro h1{font-size:clamp(2.35rem,3.55vw,3.75rem);letter-spacing:-.055em;line-height:1.02;margin:0 0 16px;font-weight:880}.intro em{color:var(--orange);font-style:normal;display:block}.intro p{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.4;max-width:510px;margin:0 0 21px}.actions,.benefits{display:flex;flex-wrap:wrap;gap:12px}.benefits{list-style:none;padding:0;margin:16px 0 0}.benefits li{background:#102141;padding:8px 11px;border-radius:12px;font-size:13px}.showcase{height:430px;position:relative;isolation:isolate}.halo{position:absolute;width:63%;height:74%;left:19%;top:15%;border:3px solid #4bd4ff;border-bottom-color:#ffa526;border-radius:50%;transform:rotate(-26deg);box-shadow:0 0 32px #0aa9ff,inset 0 0 27px #195eff,0 12px 32px #ff86245c}.phone{position:absolute;left:calc(50% - 103px);top:3%;width:206px;height:390px;transform:rotate(9deg);border-radius:39px;padding:8px;background:linear-gradient(135deg,#7bdbff,#07182e 36%,#1f2a51 82%,#ffac59);box-shadow:0 12px 28px #0009,0 0 14px #2d9bff}.screen{position:relative;background:radial-gradient(ellipse at 45% 55%,#133e87,#081230 75%);border:3px solid #020816;border-radius:32px;height:100%;text-align:center;padding:25px 11px 12px}.notch{position:absolute;background:#030711;width:72px;height:13px;top:0;left:calc(50% - 36px);border-radius:0 0 11px 11px}.screen p{margin:0;font-size:19px;font-style:italic;line-height:1.02}.screen strong{font-size:32px}.store{margin:18px auto 12px;width:104px}.awning{height:31px;border-radius:13px 13px 7px 7px;background:repeating-linear-gradient(90deg,#ff9a2a 0 17px,#fff1d9 17px 34px);box-shadow:0 5px 10px #0007;position:relative}.window{border:6px solid #d5e9ff;border-top:0;border-radius:0 0 10px 10px;padding:8px;font-size:30px;background:#1461a5}.app-icons{display:flex;justify-content:center;gap:6px}.app-icons span{background:#125ca9;border:1px solid #49b3ff66;border-radius:7px;padding:4px 7px}.order{background:linear-gradient(110deg,#ffa82a,#e45b0c);border-radius:9px;margin:13px 2px 0;padding:7px;font-weight:850}.sectors{list-style:none;padding:0;margin:0}.sectors li{position:absolute;display:flex;align-items:center;gap:9px;width:clamp(140px,13vw,193px);padding:11px 9px;background:#101b3ced;border:1px solid var(--accent);box-shadow:inset 0 0 16px color-mix(in srgb,var(--accent) 22%,transparent);border-radius:16px;font-size:clamp(12px,1.2vw,16px);font-weight:800}.sectors i{font:normal 25px system-ui;color:var(--accent)}.sectors li:nth-child(-n+3){left:1%}.sectors li:nth-child(n+4){right:0}.sectors li:nth-child(3n+1){top:15%}.sectors li:nth-child(3n+2){top:38%}.sectors li:nth-child(3n){top:61%}.process{text-align:center;padding:22px 0}.process h2,.detail h2{margin:0;font-size:clamp(1.6rem,3vw,2.45rem);letter-spacing:-.04em}.process>p{margin:5px 0 20px}.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0 0 30px;gap:15px}.steps li{display:grid;justify-items:center;position:relative}.steps li:not(:last-child):after{content:"›";position:absolute;right:-12px;top:18px;color:#687d9f;font-size:36px}.steps i{font:800 32px system-ui;color:#1269ca;line-height:1.25;margin-bottom:6px}.steps li:nth-child(2n) i{color:#e95f16}.steps span{font-size:.9rem}.highlights,.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}.highlights article,.tiles article{background:#e8eef8;border-radius:17px;padding:17px;display:flex;gap:13px}.highlights article:nth-child(2){background:#eee8ff}.highlights article:nth-child(3){background:#e7f5e8}.highlights article>span{font-size:31px;color:#1769cb}.highlights h3,.tiles h3{margin:0;font-size:1.25rem;letter-spacing:-.025em}.highlights p,.tiles p{margin:6px 0 10px}.highlights ul{padding-left:19px;margin:5px 0}.ink{background:#10264c;color:#fff;font-size:14px;padding:10px 13px}.detail{padding:34px 0;border-top:1px solid #dce4ef}.tiles{grid-template-columns:repeat(2,1fr);margin-top:13px}.tiles article{display:block}footer{padding:23px 0;background:#07152e;color:#fff;font-size:14px}
@media(max-width:1120px){.header{flex-wrap:wrap;padding:13px 0;gap:12px}.header nav{order:3;width:100%;flex-wrap:wrap}.intro{padding-left:0}.hero{min-height:440px}.showcase{height:365px}.phone{width:166px;height:327px;left:calc(50% - 83px)}.screen strong{font-size:25px}.screen p{font-size:16px}.store{margin:10px auto 9px}.window{font-size:22px;padding:4px}.order{margin-top:7px}.sectors li{width:126px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:20px;gap:12px}.showcase{max-width:565px;width:100%;margin-inline:auto}.intro h1{max-width:560px}.highlights{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}.steps li:nth-child(3):after{display:none}}
@media(max-width:450px){.factory{font-size:15px;padding-left:9px}.factory i{font-size:30px}.brands{gap:10px}.nfsf strong{font-size:30px}.nfsf small{font-size:8px}.header-action{font-size:11px;padding:8px}.showcase{height:310px}.phone{width:137px;height:272px;left:calc(50% - 68px)}.screen{padding:18px 5px 7px}.screen strong{font-size:20px}.screen p{font-size:13px}.store{width:76px}.awning{height:23px}.window{font-size:16px}.app-icons span{padding:2px 5px}.order{font-size:12px}.sectors li{width:91px;font-size:10px;gap:3px;padding:7px 3px;border-radius:9px}.sectors i{font-size:15px}.tiles{grid-template-columns:1fr}}
/* Add a skin by defining its tokens here and adding an option in index.html. */
:root {
  --skin-base:#050e24; --skin-halo:#11265b; --skin-edge:#361b36;
  --skin-accent:#ff9c0d; --skin-action-start:#ffad08; --skin-action-end:#ff820b;
  --skin-badge:#102141; --skin-footer:#07152e; --skin-card:#e8eef8;
  --skin-card-second:#eee8ff; --skin-card-third:#e7f5e8; --skin-paper:#f8faff;
  --skin-ring:#4bd4ff; --skin-ring-shadow:#0aa9ff; --skin-screen:#133e87;
}
:root[data-skin="ciano"] {
  --skin-base:#03191f; --skin-halo:#0d4a55; --skin-edge:#123631;
  --skin-accent:#65ead7; --skin-action-start:#78f4d1; --skin-action-end:#42d9ed;
  --skin-badge:#12383f; --skin-footer:#082830; --skin-card:#ddf5f5;
  --skin-card-second:#d9effc; --skin-card-third:#e4f6e9; --skin-paper:#f3fbfa;
  --skin-ring:#83ffe2; --skin-ring-shadow:#31dac4; --skin-screen:#135b67;
}
:root[data-skin="violeta"] {
  --skin-base:#170c2a; --skin-halo:#3e2067; --skin-edge:#491c4d;
  --skin-accent:#e2aaff; --skin-action-start:#e7b8ff; --skin-action-end:#bb90ff;
  --skin-badge:#352150; --skin-footer:#211433; --skin-card:#f0e7fa;
  --skin-card-second:#f9e6f6; --skin-card-third:#e9eafa; --skin-paper:#fbf7ff;
  --skin-ring:#d3abff; --skin-ring-shadow:#a876ff; --skin-screen:#503585;
}
:root{--orange:var(--skin-accent);background:var(--skin-paper)}
.dark{background:radial-gradient(ellipse at 76% 76%,var(--skin-halo) 0,transparent 46%),radial-gradient(ellipse at 0% 100%,var(--skin-edge) 0,transparent 37%),var(--skin-base)}
.nfsf:before{border-left-color:var(--skin-accent)}
.orange,.order{background:linear-gradient(110deg,var(--skin-action-start),var(--skin-action-end))}
.order{color:#181227}
.benefits li{background:var(--skin-badge)}
.halo{border-color:var(--skin-ring);border-bottom-color:var(--skin-accent);box-shadow:0 0 32px var(--skin-ring-shadow),inset 0 0 27px var(--skin-ring-shadow)}
.screen{background:radial-gradient(ellipse at 45% 55%,var(--skin-screen),var(--skin-base) 75%)}
.highlights article,.tiles article{background:var(--skin-card)}
.highlights article:nth-child(2){background:var(--skin-card-second)}
.highlights article:nth-child(3){background:var(--skin-card-third)}
.ink,footer{background:var(--skin-footer)}
.skin-control{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}
.skin-control select{font:inherit;color:#fff;background:var(--skin-badge);border:1px solid #8193aa;border-radius:8px;padding:7px}
.skin-control select:focus-visible{outline:3px solid var(--skin-ring);outline-offset:2px}
@media(max-width:1280px){.header{flex-wrap:wrap;padding:13px 0;gap:12px}.header nav{order:3;width:100%;flex-wrap:wrap}}

#brief-form{max-width:760px;background:var(--skin-card);border-radius:18px;padding:clamp(14px,4vw,27px)}#brief-form fieldset{border:0;margin:0 0 14px;padding:0;min-width:0}#brief-form legend{font-weight:850;font-size:1.3rem;margin-bottom:12px}#brief-form label{display:block;font-weight:650;margin-bottom:12px}#brief-form input:not([type=checkbox]),#brief-form textarea,#brief-form select{display:block;width:100%;font:inherit;color:inherit;border:1px solid #74839a;background:#fff;border-radius:8px;padding:9px;margin-top:5px}#brief-form textarea{resize:vertical}#brief-form button{border:0;cursor:pointer}#brief-form [hidden]{display:none}#brief-form .checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px}#brief-etapa{font-weight:700;margin-top:0}#brief-status:empty{display:none}
#combos-offline{margin:16px 0 24px}#combos-offline>h3,.combo-tiles h4{margin:0 0 6px}.combo-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.combo-tiles h4{font-size:1.15rem}@media(max-width:650px){.combo-tiles{grid-template-columns:1fr}}
#acompanhar li[data-current]{font-weight:800}#painel-nfsf textarea,#painel-nfsf select{font:inherit;max-width:100%}#painel-nfsf button:disabled{opacity:.55}
.connect-help{margin:24px 0 0}.connect-help h4{margin:0;font-size:1.05rem}.connect-inline{margin:14px 0;background:var(--skin-paper);border-radius:10px;padding:10px 12px}.connect-inline summary{cursor:pointer;font-weight:750}.connect-inline p{margin:.65em 0}
.balby-gallery{margin-top:22px}.balby-gallery summary{cursor:pointer;font-weight:800}.balby-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:12px;margin-top:15px}.balby-grid figure{margin:0;padding:10px;background:var(--skin-card);border-radius:12px}.balby-grid img{display:block;width:100%;height:300px;object-fit:contain;background:#100e0b;border-radius:8px}.balby-grid figcaption{margin-top:8px;font-weight:700}
.app-preview{display:block;width:min(100%,440px);height:760px;border:1px solid #d4d4d8;border-radius:14px;margin:12px auto;background:white;pointer-events:none}.app-preview-select{display:block;margin-top:12px}
.galeria-modelos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:18px;margin-top:16px}.galeria-modelos figure{margin:0;background:var(--skin-card);padding:12px;border-radius:12px}.galeria-modelos h3{margin:0 0 8px}.galeria-modelos img,.galeria-capa img{display:block;width:100%;height:auto;border-radius:8px}.galeria-modelos figcaption{margin-top:8px}.galeria-arte{position:relative;overflow:hidden;border-radius:9px}.galeria-capa{margin:10px 0}.galeria-faixa{position:absolute;top:50%;left:50%;width:150%;padding:6px 2px;transform:translate(-50%,-50%) rotate(-20deg);text-align:center;color:white;background:#0e1526dc;font-size:clamp(9px,1.25vw,15px);font-weight:800;pointer-events:none}.galeria-tela{min-height:190px;padding:14px;background:#102541;color:#fff}.balby-grid .galeria-tela img{height:90px;width:90px;object-fit:contain;margin:0 auto 8px}.galeria-tela p{margin:7px 0}