@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap";:root{--black:#1d1f21;--ink:#27292c;--graphite:#35383c;--steel:#7d8288;--line:#cfd2d5;--paper:#e7e9eb;--white:#f8f9fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:100vh}.kicker{letter-spacing:.24em;color:#777;margin:0 0 15px;font-size:11px;font-weight:800}.intro{z-index:9999;color:#fff;text-align:center;background:#050505;place-content:center;animation:2.2s both introAway;display:grid;position:fixed;inset:0}.intro .mark span{font-size:100px}.intro p{letter-spacing:.5em;color:#8b8b8b;margin-top:20px;font-size:10px}@keyframes introAway{0%,68%{opacity:1}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}.mark{text-align:left;line-height:.8;display:inline-grid}.mark span{letter-spacing:-.1em;font:900 66px/1 Archivo Black,sans-serif}.mark small{letter-spacing:.33em;margin:7px 0 0 5px;font-size:9px;font-weight:800}.mark.compact span{font-size:34px}.mark.compact small{margin-top:5px;font-size:6px}.benefit-bar{color:#aaa;letter-spacing:.18em;background:#050505;justify-content:center;align-items:center;gap:9vw;height:31px;font-size:9px;font-weight:700;display:flex}.demo-bar{z-index:101;background:#dededb;border-bottom:1px solid #bbb;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:7px 4vw;display:flex;position:relative}.demo-bar strong,.demo-bar span{letter-spacing:.14em;font-size:8px}.demo-bar span{color:#666}.demo-bar button{letter-spacing:.08em;background:0 0;border:1px solid #999;padding:8px 11px;font-size:8px;font-weight:800}.demo-bar button.active{color:#fff;background:#090909;border-color:#090909}header{border-bottom:1px solid var(--line);z-index:100;background:#fff;align-items:center;gap:3vw;height:84px;padding:0 4vw;display:flex;position:sticky;top:0}.logo-button{background:0 0;border:0;padding:0}.mobile-menu{display:none}header nav{gap:22px;display:flex}header nav button,.header-actions button{letter-spacing:.1em;background:0 0;border:0;font-size:10px;font-weight:800}.search{background:#f1f1ef;flex:1;align-items:center;gap:8px;max-width:340px;height:42px;margin-left:auto;padding:0 14px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.header-actions{gap:10px;display:flex}.header-actions button{border:1px solid #ccc;height:42px;padding:0 16px}.header-actions .cart-button{color:#fff;background:#080808;border-color:#080808}.cart-button b{color:#000;background:#fff;border-radius:50%;place-content:center;width:18px;height:18px;margin-left:6px;font-size:9px;display:inline-grid}.hero{color:#fff;background:#0a0a0a;grid-template-columns:1fr 1fr;min-height:650px;display:grid;overflow:hidden}.hero-copy{padding:110px 6vw}.hero-copy h1,.catalog-title h1,.portal-head h1,.admin-head h1{letter-spacing:-.06em;margin:0;font:900 clamp(48px,6vw,92px)/.9 Archivo Black,sans-serif}.hero-copy>p:not(.kicker){color:#a9a9a9;max-width:510px;margin:28px 0;font-size:16px;line-height:1.7}.solid,.outline{letter-spacing:.14em;border:1px solid #fff;height:52px;padding:0 25px;font-size:10px;font-weight:800}.solid{color:#000;background:#fff}.outline{color:#fff;background:0 0;margin-left:8px}.solid.light{background:#fff}.hero-art{background:#080808;position:relative;overflow:hidden}.hero-art:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0a0a0a 0%,#0000 35%),linear-gradient(#0000 40%,#080808aa);position:absolute;inset:0}.hero-photo{background-position:50%;background-repeat:no-repeat;background-size:cover;animation:9s ease-in-out infinite alternate heroBreath;position:absolute;inset:0}.hero-art>span{color:#ffffff0b;z-index:2;font:900 290px/.8 Archivo Black,sans-serif;position:absolute;top:60px;right:-20px}.hero-art>p{letter-spacing:.25em;z-index:3;font-size:11px;font-weight:800;line-height:1.8;position:absolute;bottom:40px;right:45px}.hero-stats{border-top:1px solid #2d2d2d;gap:28px;margin-top:42px;padding-top:22px;display:flex!important}.hero-stats span{color:#777;letter-spacing:.14em;font-size:8px}.hero-stats b{color:#fff;letter-spacing:-.03em;margin-bottom:5px;font:900 22px Archivo Black;display:block}@keyframes heroBreath{0%{transform:scale(1)}to{transform:scale(1.07)translate(-1%)}}.service-strip{background:#fff;border-bottom:1px solid #ccc;grid-template-columns:repeat(4,1fr);padding:0 4vw;display:grid}.service-strip article{border-right:1px solid #ddd;gap:16px;padding:29px 2vw;display:flex}.service-strip article:last-child{border:0}.service-strip article>b{color:#aaa;font-size:11px}.service-strip strong{letter-spacing:.12em;font-size:10px}.service-strip p{color:#777;margin:5px 0 0;font-size:11px}.section{padding:90px 5vw}.section-head{justify-content:space-between;align-items:end;margin-bottom:32px;display:flex}.section-head h2,.categories h2,.ecosystem h2,.diamond h2{letter-spacing:-.055em;margin:0;font:900 clamp(34px,4vw,60px)/.95 Archivo Black,sans-serif}.section-head>button,.filter-row button{letter-spacing:.1em;background:0 0;border:0;font-size:10px;font-weight:800}.product-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.product-card{background:#fff;border:1px solid #ddd;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.product-card:hover{transform:translateY(-9px);box-shadow:0 24px 60px #0002}.product-image{background:#e8e8e6;place-content:center;height:310px;display:grid;position:relative;overflow:hidden}.product-image>img,.cart-thumb>img,.list-thumb>img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s}.product-card:hover .product-image>img{filter:grayscale(.25);transform:scale(1.06)}.badge{color:#fff;letter-spacing:.1em;z-index:2;background:#090909;padding:7px 9px;font-size:8px;font-weight:800;position:absolute;top:12px;left:12px}.product-placeholder{text-align:center;color:#111;background:linear-gradient(145deg,#fff,#aaa 43%,#f7f7f7 60%,#777);flex-direction:column;justify-content:center;width:155px;height:215px;padding:14px;display:flex;box-shadow:0 18px 28px #0003}.product-placeholder span{letter-spacing:.2em;font-size:7px}.product-placeholder b{text-transform:uppercase;margin:38px 0 25px;font:900 24px/.95 Archivo Black}.product-placeholder small{font-size:7px}.product-copy{padding:20px}.product-copy>small{color:#777;letter-spacing:.15em;font-size:8px;font-weight:800}.product-copy h3{margin:8px 0 5px;font-size:15px}.product-copy p{color:#777;font-size:10px}.rating{letter-spacing:.08em;margin:14px 0;font-size:9px}.rating span{color:#777}.product-copy del{color:#999;font-size:10px;display:block}.product-copy>strong{margin:4px 0;font-size:21px;display:block}.product-copy>strong small{font-size:8px}.product-copy>button{color:#fff;letter-spacing:.12em;background:#080808;border:0;justify-content:space-between;align-items:center;width:100%;height:43px;padding:0 15px;font-size:9px;font-weight:800;transition:background .25s,color .25s;display:flex}.product-copy>button:hover{color:#080808;background:#d8d8d5}.motion-strip{background:#fff;border-block:1px solid #ccc;padding:18px 0;overflow:hidden}.motion-strip>div{align-items:center;gap:32px;width:max-content;animation:24s linear infinite marquee;display:flex}.motion-strip span{letter-spacing:-.03em;font:900 24px Archivo Black}.motion-strip i{color:#aaa;font-size:10px;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.brand-story{grid-template-columns:1.45fr .85fr;gap:12px;padding:0 5vw 90px;display:grid}.story-card{color:#fff;background-position:50%;background-size:cover;min-height:590px;transition:background-size .8s;position:relative;overflow:hidden}.story-card:before{content:"";pointer-events:none;border:1px solid #ffffff30;position:absolute;inset:0}.story-card>div{position:absolute;bottom:42px;left:42px;right:35px}.story-card small{letter-spacing:.25em;color:#aaa;font-size:8px}.story-card h2{letter-spacing:-.05em;margin:14px 0;font:900 clamp(32px,4vw,58px)/.92 Archivo Black}.story-card p{color:#bbb;max-width:430px;line-height:1.6}.story-card button{letter-spacing:.13em;background:#fff;border:0;padding:13px 16px;font-size:8px;font-weight:800}.story-card:hover{background-size:106%}.categories{background:#ddd;grid-template-columns:1.2fr repeat(4,1fr);padding:90px 5vw;display:grid}.categories>div{padding-right:30px}.categories>button{border:0;text-align:left;background:#e7e7e5;border-left:1px solid #bbb;flex-direction:column;min-height:240px;padding:24px;display:flex;position:relative}.categories button small{color:#888}.categories button b{margin-top:auto;font:900 18px Archivo Black}.categories button span{color:#666;margin-top:8px;font-size:11px}.categories button em{font-size:22px;font-style:normal;position:absolute;top:18px;right:18px}.ecosystem{color:#fff;background:#090909;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding:90px 7vw;display:grid}.ecosystem>div>p:not(.kicker){color:#999;max-width:580px;margin:25px 0;line-height:1.8}.dashboard-preview{border:1px solid #333;padding:24px}.dashboard-preview>span{letter-spacing:.2em;color:#777;font-size:9px}.dashboard-preview article{border-top:1px solid #333;grid-template-columns:1fr auto;gap:8px;margin-top:25px;padding:25px 0 5px;display:grid}.dashboard-preview small{color:#777;grid-column:1/-1}.dashboard-preview b{font-size:18px}.dashboard-preview i{color:#fff;font-style:normal;font-weight:800}.proof{background:#efefed;padding:90px 5vw}.proof-head{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.proof-head h2{letter-spacing:-.055em;margin:0;font:900 clamp(34px,5vw,66px)/.92 Archivo Black}.proof-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.proof-grid article{background:#fff;border:1px solid #d0d0d0;padding:30px;transition:transform .35s,background .35s,color .35s;position:relative}.proof-grid article:hover{color:#fff;background:#111;transform:translateY(-7px)}.proof-grid article>span{color:#eee;font:900 38px Archivo Black;position:absolute;top:18px;right:22px}.proof-grid article:hover>span{color:#292929}.proof-stars{letter-spacing:.2em;font-size:10px}.proof blockquote{margin:45px 0 35px;font-size:15px;line-height:1.75}.proof article>b,.proof article>small{letter-spacing:.12em;font-size:9px;display:block}.proof article>small{color:#999;margin-top:5px}.diamond{color:#fff;background:#171717;align-items:center;gap:45px;padding:70px 7vw;display:flex}.diamond-icon{font-size:80px}.diamond>div:nth-child(2){flex:1}.diamond>div small{letter-spacing:.3em;color:#888}.diamond h2{margin-top:12px;font-size:38px}.diamond p{color:#888}.diamond>b{letter-spacing:.25em;border:1px solid #555;padding:12px 16px;font-size:9px}.catalog-title{margin-bottom:45px}.catalog-title h1{font-size:clamp(48px,7vw,90px)}.catalog-title>p:last-child{color:#777}.filter-row{border-block:1px solid #ccc;align-items:end;gap:20px;margin-bottom:25px;padding:18px 0;display:flex}.filter-row label{letter-spacing:.15em;flex:1;font-size:8px;font-weight:800}.filter-row input{background:#fff;border:1px solid #ccc;width:100%;max-width:420px;margin-top:8px;padding:13px;display:block}.filter-row span{margin-left:auto;font-size:9px}.empty{text-align:center;border:1px solid #d0d0d0;padding:80px 20px}.empty>b{font-size:44px}.empty h3{margin:10px;font:900 24px Archivo Black}.empty p{color:#777}.centered{color:#fff;background:#090909;margin:20px auto;display:block}.cart-layout{grid-template-columns:1fr 360px;gap:30px;display:grid}.cart-item{background:#fff;border-bottom:1px solid #ddd;grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:15px;display:grid}.cart-thumb{background:#eee;place-content:center;height:115px;display:grid;overflow:hidden}.cart-thumb .product-placeholder{transform:scale(.36)}.cart-item small{color:#777;font-size:8px}.cart-item h3{margin:7px 0}.quantity{align-items:center;margin-top:12px;display:flex}.quantity button,.quantity b{background:#fff;border:1px solid #ccc;place-content:center;width:34px;height:28px;font-size:11px;display:grid}.summary{color:#fff;background:#0a0a0a;height:max-content;padding:30px;position:sticky;top:125px}.summary h3{font:900 24px Archivo Black}.summary p{color:#aaa;justify-content:space-between;display:flex}.summary hr{border:0;border-top:1px solid #333;margin:24px 0}.summary .summary-total{color:#fff}.summary small{color:#777}.summary .solid{width:100%;margin-top:25px}.portal,.admin-shell{grid-template-columns:250px 1fr;min-height:720px;display:grid}.portal-nav,.admin-nav{color:#fff;background:#111;padding:30px 20px}.profile{border-bottom:1px solid #333;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:25px;display:flex}.profile i,.text-list i{color:#111;background:#fff;border-radius:50%;place-content:center;width:40px;height:40px;font-style:normal;font-weight:800;display:grid}.profile small,.profile b{font-size:9px;display:block}.profile b{margin-top:4px;font-size:12px}.portal-nav>button,.admin-nav>button{color:#777;text-align:left;letter-spacing:.1em;background:0 0;border:0;border-bottom:1px solid #292929;justify-content:space-between;width:100%;padding:17px 5px;font-size:9px;font-weight:800;display:flex}.portal-nav>button.active,.portal-nav>button:hover,.admin-nav>button.active,.admin-nav>button:hover{color:#fff}.portal-content,.admin-content{min-width:0;padding:55px 4vw}.portal-head,.admin-head{justify-content:space-between;align-items:start;margin-bottom:38px;display:flex}.portal-head h1,.admin-head h1{font-size:clamp(38px,5vw,66px)}.portal-head>span,.admin-head>span{letter-spacing:.15em;border:1px solid #bbb;padding:9px;font-size:8px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metric-grid article{background:#fff;border:1px solid #ddd;padding:22px}.metric-grid small,.metric-grid span{color:#777;letter-spacing:.12em;font-size:8px;display:block}.metric-grid b{margin:22px 0 8px;font:900 28px Archivo Black;display:block}.panel-card{background:#fff;border:1px solid #ddd;margin-top:18px;padding:30px}.panel-card h3{font:900 20px Archivo Black}.panel-card p{color:#777;line-height:1.7}.records{gap:12px;display:grid}.records article{background:#fff;border:1px solid #ddd;padding:25px}.records small{color:#777;font-size:8px}.records h3{font:900 20px Archivo Black}.record-metrics{border-block:1px solid #ddd;grid-template-columns:repeat(4,1fr);margin:20px 0;display:grid}.record-metrics span{color:#777;padding:18px 0;font-size:9px}.record-metrics b{color:#111;margin-top:5px;font-size:20px;display:block}.records p{color:#666}.records>article>strong{font-size:12px}.plan-view>div:first-child{margin-bottom:20px}.plan-view>div small{color:#777;font-size:8px}.plan-view h2{font:900 30px Archivo Black}.plan-view article{background:#fff;border-bottom:1px solid #ddd;grid-template-columns:80px 1fr auto;align-items:center;gap:20px;padding:22px;display:grid}.plan-view article>b{color:#888;font:900 22px Archivo Black}.plan-view h3{margin:0;font-size:14px}.plan-view p{color:#777;margin:7px 0 0;font-size:12px}.plan-view span{font-size:9px;font-weight:800}.admin-nav>div:first-child{border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:25px}.admin-nav>div small{color:#666;letter-spacing:.2em;margin-top:10px;font-size:7px;display:block}.metric-grid.dark article,.panel-card.dark{color:#fff;background:#171717;border-color:#333}.metric-grid.dark span,.panel-card.dark p{color:#888}.admin-grid{grid-template-columns:minmax(450px,1.2fr) minmax(280px,.8fr);gap:18px;display:grid}.editor,.result-card{background:#fff;border:1px solid #d2d2d2;height:max-content;padding:28px}.editor h2,.result-card h3{margin-top:0;font:900 22px Archivo Black}.editor>p{color:#777;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{letter-spacing:.12em;font-size:8px;font-weight:800}.form-grid label.wide,.form-grid label.check{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.admin-table select{background:#f5f5f3;border:1px solid #ccc;outline:0;width:100%;margin-top:7px;padding:12px;display:block}.form-grid textarea{resize:vertical;min-height:90px}.form-grid .plan-text{min-height:210px;line-height:1.8}.form-grid label small{color:#888;margin-top:7px;line-height:1.5;display:block}.form-grid label.check{align-items:center;gap:8px;display:flex}.form-grid label.check input{width:auto;margin:0}.editor>.solid{color:#fff;background:#090909;border-color:#090909;margin-top:20px}.admin-list{gap:8px;max-height:650px;display:grid;overflow:auto}.admin-list>button{text-align:left;background:#fff;border:1px solid #d2d2d2;align-items:center;gap:14px;padding:10px;display:flex}.list-thumb{background:#eee;place-content:center;width:70px;height:78px;display:grid;overflow:hidden}.list-thumb .product-placeholder{transform:scale(.25)}.admin-list span{min-width:0;display:block}.admin-list small,.admin-list b,.admin-list em{display:block}.admin-list small{color:#777;font-size:7px}.admin-list b{margin:5px 0;font-size:12px}.admin-list em{color:#555;font-size:8px;font-style:normal}.text-list i{color:#fff;background:#111;flex:0 0 40px}.result-card>small{letter-spacing:.15em;color:#777;font-size:8px}.result-card>span{border-bottom:1px solid #ddd;justify-content:space-between;align-items:end;padding:22px 0;font-size:9px;font-weight:800;display:flex}.result-card>span b{font:900 28px Archivo Black}.result-card>p{color:#777;font-size:11px;line-height:1.7}.result-card>p b{float:right}.admin-table{background:#fff;border:1px solid #d2d2d2;overflow:auto}.table-head,.table-row{grid-template-columns:.6fr 1.5fr .8fr .8fr 1.2fr;align-items:center;gap:10px;min-width:760px;padding:15px;display:grid}.table-head{color:#fff;letter-spacing:.15em;background:#111;font-size:8px}.table-row{border-bottom:1px solid #ddd;font-size:11px}.table-row select{margin:0;padding:8px}footer{color:#fff;background:#050505;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:50px 5vw;display:grid}footer p{color:#777;font-size:12px}footer div{gap:20px;display:flex}footer button,footer span{color:#aaa;letter-spacing:.12em;background:0 0;border:0;font-size:8px}footer>small{color:#555;border-top:1px solid #222;grid-column:1/-1;padding-top:20px;font-size:7px}.toast{color:#111;z-index:1000;background:#fff;border:1px solid #bbb;padding:16px 22px;font-size:10px;font-weight:800;position:fixed;bottom:25px;right:25px;box-shadow:0 18px 50px #0005}.drawer-layer{display:none}.whatsapp{z-index:90;color:#090909;letter-spacing:.14em;background:#fff;border:1px solid #999;padding:13px 16px;font-size:8px;font-weight:800;text-decoration:none;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 35px #0004}.whatsapp b{margin-left:8px;font-size:13px}.plan-builder{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.plan-editor{min-width:0}.library-search{background:#f2f2f0;border:1px solid #c8c8c8;margin:24px 0 14px}.library-search>label{border-bottom:1px solid #ccc;align-items:center;height:52px;padding:0 16px;display:flex}.library-search>label span{margin-right:12px;font-size:24px}.library-search input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.library-search>div{gap:6px;padding:10px;display:flex;overflow:auto}.library-search button{white-space:nowrap;letter-spacing:.1em;background:#fff;border:1px solid #bbb;padding:8px 10px;font-size:7px;font-weight:800}.library-search button.active{color:#fff;background:#090909;border-color:#090909}.library-results{grid-template-columns:1fr 1fr;gap:7px;max-height:340px;padding-right:5px;display:grid;overflow:auto}.library-results>button{text-align:left;background:#fff;border:1px solid #d2d2d2;grid-template-columns:1fr auto auto;align-items:center;gap:9px;min-height:78px;padding:12px;display:grid}.library-results span>*{display:block}.library-results small{color:#888;text-transform:uppercase;font-size:7px}.library-results b{margin:4px 0;font-size:11px}.library-results em{color:#777;font-size:8px;font-style:normal}.library-results strong{font-size:8px}.library-results i{color:#fff;background:#090909;place-content:center;width:25px;height:25px;font-style:normal;display:grid}.selected-plan{border-top:2px solid #111;margin-top:25px;padding-top:18px}.selected-plan>div{justify-content:space-between;align-items:center;display:flex}.selected-plan h3{margin:0;font:900 16px Archivo Black}.selected-plan>div span{font-size:8px}.selected-plan>p{color:#777;background:#eee;padding:22px;font-size:11px}.selected-plan article{border-bottom:1px solid #ddd;grid-template-columns:34px 90px minmax(150px,1.5fr) minmax(120px,1fr) 80px 30px;align-items:center;gap:6px;padding:8px 0;display:grid}.selected-plan article>b{color:#888;font:900 12px Archivo Black}.selected-plan input{background:#f6f6f4;border:1px solid #ccc;width:100%;min-width:0;padding:10px;font-size:10px}.selected-plan article>button{color:#fff;background:#111;border:0;height:34px}.saved-plans{color:#fff;background:#151515;padding:22px}.saved-plans h3{font:900 17px Archivo Black}.saved-plans>button{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #333;width:100%;padding:17px 0}.saved-plans button>*{display:block}.saved-plans small{color:#777;font-size:7px}.saved-plans b{margin:6px 0;font-size:11px}.saved-plans span,.saved-plans em{color:#999;font-size:8px;font-style:normal}.saved-plans em{color:#fff;margin-top:8px}.assessment-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.assessment-editor{min-width:0}.assessment-basics{padding-bottom:20px}.measurement-head{color:#fff;background:#111;justify-content:space-between;align-items:center;margin:8px 0 12px;padding:14px 16px;display:flex}.measurement-head span{letter-spacing:.14em;font-size:10px;font-weight:900}.measurement-head small{color:#888;font-size:7px}.measurement-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.measurement-grid label{letter-spacing:.05em;color:#555;font-size:7px;font-weight:800}.measurement-grid input{background:#f5f5f3;border:1px solid #ccc;width:100%;margin-top:6px;padding:11px;display:block}.assessment-results{position:sticky;top:120px}.assessment-results span b{font-size:20px}.client-measures{border-top:1px solid #ddd;grid-template-columns:repeat(3,1fr);margin:18px 0;display:grid}.client-measures span{color:#777;border-bottom:1px solid #ddd;padding:12px 8px;font-size:8px}.client-measures b{color:#111;margin-top:5px;font-size:12px;display:block}.tutorial-intro{border-bottom:1px solid var(--line);max-width:760px;padding:5px 0 30px}.tutorial-intro>span{letter-spacing:.24em;color:#747a80;font-size:8px;font-weight:800}.tutorial-intro h2{letter-spacing:-.045em;color:#2b2e31;margin:12px 0 18px;font:900 clamp(30px,4vw,52px)/.95 Archivo Black}.tutorial-intro p{color:#686d72;max-width:650px;font-size:14px;line-height:1.7}.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.tutorial-grid article{background:#f4f5f6;border:1px solid #cdd1d4;flex-direction:column;min-height:230px;padding:23px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.tutorial-grid article:hover{border-color:#969ca2;transform:translateY(-4px);box-shadow:0 14px 30px #363b4012}.tutorial-grid article>small{color:#c0c4c8;font:900 22px Archivo Black}.tutorial-grid h3{color:#303337;margin:18px 0 10px;font:900 16px Archivo Black}.tutorial-grid p{color:#71767c;margin:0 0 22px;font-size:11px;line-height:1.65}.tutorial-grid button{text-align:left;letter-spacing:.1em;color:#34373a;background:0 0;border:0;border-top:1px solid #d2d5d8;justify-content:space-between;margin-top:auto;padding:14px 0 0;font-size:8px;font-weight:800;display:flex}.tutorial-tip{color:#f5f6f7;background:#34373a;grid-template-columns:110px 1fr;align-items:center;gap:25px;padding:24px 28px;display:grid}.tutorial-tip b{letter-spacing:.18em;font-size:9px}.tutorial-tip p{color:#c3c7ca;margin:0;font-size:11px;line-height:1.65}.portal-nav,.admin-nav{background:#292c2f}.portal-nav>button,.admin-nav>button{color:#aeb3b7;border-color:#3b3e42}.portal-nav>button.active,.admin-nav>button.active{color:#fff;background:#ffffff0b;border-left:2px solid #f2f3f4;padding-left:12px}.admin-content{background:#e0e3e5}.portal-content{background:#e8eaec}.metric-grid article,.panel-card,.records article,.editor,.result-card,.admin-list>button,.admin-table,.plan-view article{background:#f5f6f7;border-color:#cbd0d3}.metric-grid.dark article,.panel-card.dark{background:#36393c;border-color:#464a4e}.product-card,.service-strip,.motion-strip,.proof-grid article{background:#f7f8f9}.categories{background:#d7dadd}.categories>button{background:#e2e5e7}.ecosystem{background:#25282b}.diamond{background:#303338}.benefit-bar{color:#c0c4c7;background:#25282b}.demo-bar{background:#d4d7d9}.header-actions .cart-button,.product-copy>button,.editor>.solid,.library-results i{background:#303337}.intro{background:#202326}.hero{background:#25282b}.hero-art{background:#1f2225}.proof{background:#e1e4e6}.saved-plans{background:#34373a}@supports (animation-timeline:view()){.section,.brand-story,.categories,.ecosystem,.proof,.diamond{animation:linear both sectionRise;animation-timeline:view();animation-range:entry entry 28%}@keyframes sectionRise{0%{opacity:.2;transform:translateY(45px)}to{opacity:1;transform:none}}}@media (width<=1050px){header nav{display:none}.search{max-width:none}.product-grid{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:1fr 1fr}.categories>div{grid-column:1/-1;margin-bottom:30px}.service-strip,.metric-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.hero{grid-template-columns:1.1fr .9fr}.brand-story{grid-template-columns:1fr 1fr}.story-card{min-height:520px}}@media (width<=720px){.benefit-bar span:nth-child(n+2){display:none}.benefit-bar{height:28px}.demo-bar{white-space:nowrap;justify-content:flex-start;padding:7px 12px;overflow-x:auto}.demo-bar span{display:none}.demo-bar strong{margin-right:4px}.mobile-menu{background:0 0;border:0;gap:3px;width:34px;padding:10px 4px;display:flex}.mobile-menu i{background:#111;border-radius:50%;width:4px;height:4px;display:block}.search{display:none}header{height:68px;padding:0 18px}.logo-button{margin:auto}.header-actions button:first-child{display:none}.header-actions .cart-button{padding:0 10px;font-size:0}.cart-button:before{content:"SACOLA";font-size:8px}.hero{min-height:auto;display:block}.hero-copy{padding:70px 22px 50px}.hero-copy h1{font-size:52px}.hero-copy>div{gap:8px;display:grid}.hero-copy .outline{margin:0}.hero-art{min-height:420px}.hero-art>span{font-size:200px}.hero-can{width:190px;height:285px}.service-strip{grid-template-columns:1fr}.service-strip article{border-bottom:1px solid #ddd;border-right:0}.section{padding:65px 18px}.section-head{align-items:start}.section-head h2{font-size:36px}.product-grid{grid-template-columns:1fr 1fr;gap:7px}.product-image{height:210px}.product-placeholder{transform:scale(.72)}.product-copy{padding:13px}.product-copy h3{min-height:30px;font-size:12px}.product-copy>strong{font-size:17px}.categories{grid-template-columns:1fr;padding:60px 18px}.categories>div{grid-column:auto}.categories>button{border-top:1px solid #bbb;border-left:0;min-height:145px}.ecosystem{grid-template-columns:1fr;padding:70px 22px}.diamond{grid-template-columns:auto 1fr;gap:20px;padding:55px 22px;display:grid}.diamond>b{grid-column:1/-1;width:max-content}.diamond h2{font-size:29px}.catalog-title h1{font-size:48px}.filter-row{align-items:center}.filter-row label{display:none}.cart-layout{grid-template-columns:1fr}.cart-item{grid-template-columns:80px 1fr}.cart-item>strong{grid-column:2}.summary{position:static}.portal,.admin-shell{display:block}.portal-nav,.admin-nav{white-space:nowrap;padding:18px;overflow:auto}.portal-nav .profile,.admin-nav>div:first-child{display:none}.portal-nav>button,.admin-nav>button{border:1px solid #333;width:auto;margin-right:6px;padding:12px;display:inline-flex}.portal-content,.admin-content{padding:35px 18px}.portal-head,.admin-head{display:block}.portal-head>span,.admin-head>span{margin-top:16px;display:inline-block}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:16px}.metric-grid b{font-size:20px}.record-metrics{grid-template-columns:1fr 1fr}.plan-view article{grid-template-columns:55px 1fr}.plan-view article>span{grid-column:2}.admin-grid{display:block}.admin-list,.result-card{margin-top:15px}.form-grid{grid-template-columns:1fr}.form-grid label.wide,.form-grid label.check{grid-column:auto}.drawer-layer{z-index:1000;background:#0009;display:block;position:fixed;inset:0}.drawer-layer aside{color:#fff;background:#0b0b0b;width:86%;height:100%;padding:25px}.drawer-layer aside>div{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.drawer-layer aside>div button{color:#fff;background:0 0;border:0;font-size:28px}.drawer-layer aside>button{color:#fff;background:0 0;border:0;border-bottom:1px solid #333;justify-content:space-between;width:100%;padding:20px 0;font-size:11px;font-weight:800;display:flex}footer{grid-template-columns:1fr}footer>small{grid-column:auto}.whatsapp{bottom:12px;right:12px}.hero-stats{overflow:auto;display:flex!important}.hero-stats span{min-width:85px}.motion-strip span{font-size:18px}.brand-story{grid-template-columns:1fr;padding:0 18px 60px}.story-card{min-height:470px}.story-card>div{bottom:28px;left:24px;right:24px}.story-card h2{font-size:36px}.proof{padding:65px 18px}.proof-head{display:block}.proof-grid{grid-template-columns:1fr}.proof blockquote{margin:35px 0 25px}}@media (width<=1050px){.plan-builder,.assessment-layout{grid-template-columns:1fr}.assessment-results{position:static}.saved-plans{margin-top:0}}@media (width<=720px){.library-results{grid-template-columns:1fr}.measurement-grid{grid-template-columns:1fr 1fr}.measurement-head{display:block}.measurement-head small{margin-top:6px;display:block}.selected-plan article{grid-template-columns:28px 1fr 1fr}.selected-plan article>b{grid-row:1/3}.selected-plan article>input:first-of-type{grid-column:2}.selected-plan article>input:nth-of-type(2),.selected-plan article>button{grid-column:3}.client-measures{grid-template-columns:1fr 1fr}.assessment-editor,.plan-editor{padding:18px}}@media (width<=900px){.tutorial-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.tutorial-grid{grid-template-columns:1fr}.tutorial-grid article{min-height:195px}.tutorial-tip{grid-template-columns:1fr;gap:8px}.tutorial-intro h2{font-size:34px}}@media (width<=390px){.product-grid{grid-template-columns:1fr}.product-image{height:300px}.metric-grid{grid-template-columns:1fr}.hero-copy h1{font-size:43px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.intro{animation:none;display:none}}
