:root{--bg:#f5f7f9;--surface:#fff;--ink:#142e40;--muted:#7b8b97;--line:#e9edf0;--teal:#087f89;--blue:#0879da;--mint:#e8f5f2;--shadow:0 8px 32px #18374805;--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #55b8d7;outline-offset:4px}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-1.5px;font-size:34px;font-weight:650}h2{font-size:19px;letter-spacing:-.5px}h3{font-size:15px}p{line-height:1.6}.studio-bar{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.studio-name{font-size:13px;font-weight:750;letter-spacing:.3px}.studio-name span{font-weight:400;color:var(--muted);padding-left:12px;margin-left:10px;border-left:1px solid var(--line)}.studio-bar nav{display:flex;background:var(--bg);border-radius:9px;padding:3px;gap:3px}.studio-bar nav button{font-size:11px;padding:7px 17px;border-radius:7px;color:var(--muted)}.studio-bar nav button.selected{background:var(--surface);box-shadow:0 1px 5px #18374812;color:var(--ink);font-weight:600}.studio-tools{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.studio-tools button{font-size:21px;margin-left:12px}.demo-dot{width:5px;height:5px;background:#39ac86;border-radius:50%}.workspace{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 53px)}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:31px 18px 20px;display:flex;flex-direction:column;position:sticky;top:53px;height:calc(100vh - 53px)}.brand{display:flex;align-items:center;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand b{color:var(--blue);font-weight:800}.brand svg{height:27px;width:36px;color:var(--teal);margin-left:3px}.brand-small{font-size:23px}.brand-small svg{width:29px}.sidebar>.brand{margin:0 15px 33px}.role-label{font-size:9px;color:var(--muted);letter-spacing:1.6px;margin:0 13px 8px;font-weight:600}.role-picker{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:var(--ink);font-size:12px;margin-bottom:29px}.side-nav{display:grid;gap:6px}.side-nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 15px;border-radius:11px;color:var(--muted);font-size:12px}.side-nav button.active{background:#eaf4f5;color:var(--teal);font-weight:650}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.side-nav .badge{margin-left:auto;background:#fff;border-radius:5px;font-size:10px;padding:2px 5px}.side-bottom{margin-top:auto}.sidebar .help{background:linear-gradient(130deg,#eaf5f5,#f1f5f8);padding:18px 15px;border-radius:16px;margin:25px 0 15px}.help strong{display:block;font-size:12px;margin:9px 0 5px}.help p{color:var(--muted);font-size:10px;margin-bottom:10px}.help button{font-size:11px;font-weight:600;color:var(--teal);padding:0}.user{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:18px 9px 0}.avatar{height:35px;width:35px;border-radius:50%;display:grid;place-items:center;background:#f0e6de;color:#876849;font-size:11px;font-weight:600}.user strong{font-size:11px;display:block}.user small{font-size:9px;color:var(--muted)}.main{min-width:0}.topbar{height:74px;background:color-mix(in srgb,var(--surface) 80%,transparent);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;backdrop-filter:blur(20px)}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{margin:0 11px;color:#bec8cf}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;gap:20px;align-items:center}.top-actions .search-btn{color:var(--muted);font-size:11px;display:flex;align-items:center;gap:9px}.top-actions .notify{position:relative}.notify:after{content:'';position:absolute;right:7px;top:0;width:5px;height:5px;background:var(--teal);border:2px solid var(--surface);border-radius:50%}.content{max-width:1510px;margin:auto;padding:32px 36px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;color:var(--teal);margin-bottom:11px}.page-heading h1{margin-bottom:8px}.subtext{color:var(--muted);font-size:12px;margin:0}.date-chip{border:1px solid var(--line);background:var(--surface);padding:10px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.hero-card{background:linear-gradient(115deg,#e3f2f0 0%,#edf5f2 57%,#e2f0ed 100%);border-radius:var(--radius);padding:29px 30px;position:relative;display:flex;justify-content:space-between;overflow:hidden;min-height:224px}.hero-card h2{font-size:27px;line-height:1.15;letter-spacing:-1px;margin-bottom:12px;font-weight:600}.hero-card p{font-size:11px;color:#688889;max-width:230px;margin-bottom:20px}.primary{background:var(--teal);color:white;border-radius:10px;padding:11px 17px;font-size:11px;font-weight:550;display:inline-flex;align-items:center;gap:16px}.primary.blue{background:var(--blue)}.secondary{border:1px solid var(--line);border-radius:10px;padding:11px 17px;background:var(--surface);font-size:11px}.rings{width:170px;height:170px;flex-shrink:0;align-self:center;position:relative;display:grid;place-items:center;margin-right:5px}.ring{position:absolute;border-radius:50%;transform:rotate(-45deg);mask:radial-gradient(transparent 61%,#000 62%);background:conic-gradient(var(--color) 0 var(--progress),#fff9 var(--progress) 360deg);inset:0}.ring.r2{inset:19px}.ring.r3{inset:38px}.ring-center{font-size:27px;font-weight:650;color:var(--teal);text-align:center}.ring-center small{font-size:8px;display:block;letter-spacing:.8px;color:#658682;margin-top:4px;font-weight:500}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}.section-head h2{font-size:16px;margin:0}.text-button{font-size:10px;color:var(--teal);font-weight:550;padding:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:16px;text-align:left;box-shadow:var(--shadow);min-width:0;transition:transform .2s}.metric:hover{transform:translateY(-3px)}.metric-label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin-bottom:15px}.metric-label .icon{width:16px;height:16px;color:var(--accent)}.metric-value{font-size:23px;font-weight:600;letter-spacing:-.7px}.metric-value small{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:3px}.metric .mini{height:29px;display:flex;align-items:flex-end;gap:4px;margin:15px 0 9px}.mini i{flex:1;background:var(--accent);opacity:.65;border-radius:3px 3px 1px 1px}.mini i:nth-last-child(-n+2){opacity:1}.metric footer{font-size:8px;color:var(--muted)}.metric footer b{color:var(--teal);font-weight:500}.lower-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow)}.panel .section-head{margin:0 0 21px}.plan-item{display:flex;align-items:center;gap:11px;margin:17px 0}.plan-item:last-child{margin-bottom:0}.check{border:1.5px solid #d4dee3;width:19px;height:19px;border-radius:50%;font-size:11px;padding:0;flex-shrink:0}.check.done{background:var(--teal);color:white;border-color:var(--teal)}.plan-item strong{font-size:11px;font-weight:550;display:block;margin-bottom:4px}.plan-item small{font-size:9px;color:var(--muted)}.plan-item>span:last-child{margin-left:auto;color:var(--muted);font-size:8px}.tag{font-size:8px;background:var(--mint);color:var(--teal);border-radius:5px;padding:4px 6px;white-space:nowrap}.tag.blue{background:#eaf3fc;color:var(--blue)}.tag.gold{background:#fcf3e5;color:#b08c41}.water{display:flex;gap:9px;margin:23px 0}.water button{height:42px;flex:1;max-width:27px;border-radius:4px 4px 9px 9px;border:1px solid #d7e6ef;background:#f1f7fa;position:relative;overflow:hidden;padding:0}.water button.filled:after{content:'';position:absolute;inset:10px 2px 2px;border-radius:2px 2px 6px 6px;background:linear-gradient(#a1d9ef,#68b4db)}.water-stats{display:flex;align-items:end;justify-content:space-between}.water-stats strong{font-size:24px}.water-stats small{color:var(--muted);font-size:10px}.water-stats button{width:30px;height:30px;border-radius:50%;background:#edf5fa;color:var(--blue);font-size:21px}.right-column{display:flex;flex-direction:column;gap:18px}.membership{background:linear-gradient(120deg,#123e4c,#0c636b);border:1px solid #ffffff20;border-radius:var(--radius);padding:22px;color:#fff;min-height:183px;position:relative;overflow:hidden}.membership:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #ffffff18;border-radius:50%;right:-60px;top:45px;box-shadow:0 0 0 25px #ffffff04,0 0 0 50px #ffffff04;pointer-events:none}.membership .brand{font-size:23px}.membership .brand b{color:#72d1cf}.membership .brand svg{color:#72d1cf}.membership .card-top{display:flex;justify-content:space-between;align-items:center}.membership .card-top>span{font-size:8px;letter-spacing:2px;color:#a6d3d1}.membership .member-id{font-size:11px;letter-spacing:2px;margin:23px 0 13px;color:#d0e6e6}.membership footer{display:flex;justify-content:space-between;align-items:center;font-size:10px}.membership button{color:#cae6e5;font-size:9px;position:relative;z-index:1}.appointment-date{width:44px;height:48px;border-radius:10px;background:#edf5f6;text-align:center;color:var(--teal);display:flex;flex-direction:column;justify-content:center;gap:3px}.appointment-date small{font-size:8px}.appointment-date strong{font-size:20px}.appointment-person{display:flex;gap:12px;align-items:center}.appointment-person h3{font-size:12px;margin:0 0 6px}.appointment-person p{font-size:9px;color:var(--muted);margin:0 0 6px}.appointment-footer{display:flex;justify-content:space-between;align-items:center;margin:19px 0 0;border-top:1px solid var(--line);padding-top:15px;font-size:10px}.coach{background:linear-gradient(130deg,#f0eefb,#f5f3fc);border-color:#eae5f5}.coach-icon{background:#fff9;color:#8d7ac1;padding:10px;display:inline-flex;border-radius:12px;margin-bottom:15px}.coach h3{font-size:16px;margin-bottom:8px}.coach p{font-size:11px;color:#8a80a0;margin-bottom:19px}.coach button{font-size:10px;color:#7c69ad;font-weight:600}.bottom-note{font-size:9px;color:var(--muted);margin-top:24px;display:flex;justify-content:space-between}.discover-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.discover-card{border-radius:15px;overflow:hidden;position:relative;height:124px;text-align:left;background:#193a44}.discover-card img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform .3s}.discover-card:hover img{transform:scale(1.05)}.discover-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#0d283cb0)}.discover-card span{position:absolute;bottom:16px;left:16px;color:white;font-size:12px;font-weight:550;z-index:1}.site-nav{padding:23px 7%;display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.site-nav nav{display:flex;gap:28px;font-size:12px;color:var(--muted)}.site-hero{margin:0 3%;border-radius:30px;background:#e7f1f0;display:grid;grid-template-columns:1.1fr 1fr;min-height:570px;overflow:hidden}.site-copy{padding:85px 9%}.site-copy h1{font-size:clamp(45px,5.8vw,82px);letter-spacing:-4px;line-height:1.04;font-weight:600}.site-copy h1 span{color:var(--teal)}.site-copy>p{color:#758e92;font-size:15px;max-width:370px;margin-bottom:30px}.site-copy .primary{padding:15px 23px;font-size:12px}.site-photo{position:relative;min-height:400px}.site-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.site-photo:after{content:'';inset:0;position:absolute;background:linear-gradient(90deg,#e7f1f0,transparent 30%)}.floating-card{position:absolute;bottom:45px;left:15px;right:45px;background:#ffffffdb;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:20px;padding:21px;z-index:1;display:flex;gap:15px;align-items:center;color:#142e40;box-shadow:0 10px 40px #142e4010}.floating-card .icon{color:var(--teal);width:34px;height:34px}.floating-card strong{font-size:13px;display:block;margin-bottom:4px}.floating-card small{color:#7b8b97}.site-section{max-width:1200px;margin:auto;padding:75px 35px}.site-section>h2{font-size:38px;font-weight:600;letter-spacing:-1.5px;line-height:1.1}.site-section>p{color:var(--muted);font-size:14px}.ecosystem-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:35px}.eco-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px 19px;text-align:left;transition:transform .2s}.eco-card:hover{transform:translateY(-4px)}.eco-card>.icon{color:var(--teal);width:28px;height:28px;margin-bottom:30px}.eco-card h3{font-size:14px}.eco-card p{font-size:11px;color:var(--muted);min-height:70px}.eco-card>span{font-size:11px;color:var(--teal)}.site-split{display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;background:var(--surface);border:1px solid var(--line);margin:10px 0 50px}.site-split img{width:100%;height:100%;object-fit:cover}.site-split>div{padding:50px}.site-split h2{font-size:33px;letter-spacing:-1px}.site-split p{color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:30px 7%;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.viewer{min-height:calc(100vh - 53px);display:grid;grid-template-columns:280px 1fr 280px}.viewer-sidebar{padding:35px 25px;border-right:1px solid var(--line);background:var(--surface)}.viewer-sidebar h2{font-size:20px;margin:18px 0 10px}.viewer-sidebar p{color:var(--muted);font-size:12px}.viewer-sidebar .side-nav{margin-top:25px}.device-stage{padding:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 30%,#e8f1f1,transparent 65%)}.device-tools{display:flex;gap:5px;border-radius:9px;background:var(--surface);padding:4px;margin-bottom:22px;border:1px solid var(--line)}.device-tools button{font-size:10px;padding:8px 15px;border-radius:6px;color:var(--muted)}.device-tools button.active{background:var(--mint);color:var(--teal)}.phone{width:375px;height:775px;background:#172024;border-radius:52px;padding:10px;box-shadow:0 24px 60px #18374820,inset 0 0 0 2px #607079;position:relative;flex-shrink:0}.phone:before{content:'';position:absolute;right:-3px;top:170px;width:3px;height:65px;background:#44545a;border-radius:0 3px 3px 0}.phone.android{border-radius:34px}.phone.android .phone-screen{border-radius:26px}.phone.android .island{width:12px;height:12px;top:14px}.phone-screen{background:var(--bg);height:100%;border-radius:43px;overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-status{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:11px;font-weight:650;flex-shrink:0}.island{background:#172024;width:108px;height:27px;border-radius:25px;position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:1}.phone-top{display:flex;align-items:center;justify-content:space-between;padding:7px 21px 17px}.phone-top .brand{font-size:22px}.phone-top .brand svg{height:23px;width:30px}.phone-top .avatar{height:29px;width:29px;font-size:9px}.phone-content{overflow-y:auto;flex:1;padding:0 19px 20px;scrollbar-width:none}.phone-content h1{font-size:25px;letter-spacing:-1px;margin-bottom:6px}.phone-content .subtext{font-size:10px}.phone-content .page-heading{margin:7px 0 20px}.phone-content .hero-card{padding:20px;min-height:170px;margin-top:18px}.phone-content .hero-card h2{font-size:20px}.phone-content .hero-card p{font-size:9px;width:135px}.phone-content .hero-card .primary{font-size:9px;padding:9px 12px}.phone-content .rings{width:110px;height:110px;margin:0}.phone-content .ring.r2{inset:13px}.phone-content .ring.r3{inset:26px}.phone-content .ring-center{font-size:21px}.phone-content .ring-center small{font-size:6px}.phone-content .metrics{grid-template-columns:1fr 1fr;gap:10px}.phone-content .metric{padding:15px}.phone-content .metric-value{font-size:24px}.phone-content .section-head{margin-top:23px}.phone-content .section-head h2{font-size:15px}.phone-content .panel{padding:17px;margin-top:14px}.phone-content .membership{margin-top:22px;min-height:175px}.phone-nav{display:flex;padding:13px 8px 25px;border-top:1px solid var(--line);background:var(--surface);flex-shrink:0;justify-content:space-around}.phone-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:var(--muted);min-width:48px}.phone-nav button.active{color:var(--teal)}.phone-nav .icon{width:19px;height:19px}.home-indicator{position:absolute;bottom:7px;height:4px;width:115px;background:var(--ink);border-radius:10px;left:50%;transform:translateX(-50%)}.viewer-notes{padding:40px 25px;border-left:1px solid var(--line)}.viewer-notes h3{font-size:12px;margin:27px 0 10px}.viewer-notes p{font-size:11px;color:var(--muted)}.swatches{display:flex;gap:8px}.swatches i{width:29px;height:29px;border-radius:8px}.source-thumb{width:100%;border-radius:10px;border:1px solid var(--line);margin-top:12px}.scope-page{max-width:1200px;margin:auto;padding:45px 35px}.scope-stats{display:flex;gap:40px;margin:30px 0}.scope-stats strong{display:block;font-size:30px;letter-spacing:-1px}.scope-stats span{font-size:11px;color:var(--muted)}.scope-toolbar{display:flex;gap:12px;position:sticky;top:53px;background:var(--bg);padding:16px 0;z-index:2}.scope-toolbar input{flex:1;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink)}select{color:var(--ink)}.scope-toolbar select{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:0 15px}.scope-area{margin:14px 0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.scope-area summary{display:flex;align-items:center;gap:15px;padding:20px;cursor:pointer;font-size:13px;font-weight:600;list-style:none}.scope-area summary:before{content:'+';color:var(--teal);font-size:18px}.scope-area[open] summary:before{content:'−'}.scope-area summary small{margin-left:auto;color:var(--muted);font-weight:400;font-size:10px}.feature-row{display:flex;align-items:center;gap:20px;padding:13px 22px;border-top:1px solid var(--line);font-size:12px}.feature-row code{font-size:10px;color:var(--muted)}.feature-row span:nth-child(2){flex:1}.feature-row .tag{min-width:61px;text-align:center}.scope-note{padding:17px 20px;border-radius:12px;background:var(--mint);font-size:12px;line-height:1.6;color:var(--teal)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;text-align:left;padding:24px}.module-card>.icon{color:var(--teal);margin-bottom:25px;width:27px;height:27px}.module-card h3{margin-bottom:9px}.module-card p{font-size:11px;color:var(--muted)}.module-card span{font-size:10px;color:var(--teal)}.records-list{display:grid;gap:12px}.record{display:flex;align-items:center;gap:15px;padding:17px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.record>.icon{color:var(--teal)}.record>div{flex:1}.record h3{font-size:12px;margin:0 0 6px}.record p{font-size:10px;color:var(--muted);margin:0}.record button{font-size:10px;color:var(--teal)}.chart{height:150px;display:flex;align-items:end;gap:12px;padding-top:20px}.chart div{flex:1;background:linear-gradient(#61bab8,#cbe9e5);border-radius:6px 6px 0 0;position:relative;min-width:0}.chart small{position:absolute;bottom:-20px;left:0;right:0;text-align:center;color:var(--muted);font-size:9px}.chart-panel{padding-bottom:45px}.operations-table{width:100%;border-collapse:collapse;font-size:12px}.operations-table th{text-align:left;font-weight:500;color:var(--muted);font-size:10px;padding:15px 10px;border-bottom:1px solid var(--line)}.operations-table td{padding:20px 10px;border-bottom:1px solid var(--line)}.operations-table button{font-size:10px;color:var(--teal)}.progress-track{height:6px;background:var(--line);border-radius:9px;overflow:hidden;margin:13px 0}.progress-track i{display:block;height:100%;background:var(--teal);border-radius:9px}.toggle{width:36px;height:21px;border-radius:20px;background:#c9d2d8;padding:3px;display:flex;align-items:center}.toggle.on{background:var(--teal);justify-content:flex-end}.toggle i{width:15px;height:15px;background:white;border-radius:50%}dialog{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:25px;padding:35px;max-width:540px;width:calc(100% - 36px);box-shadow:0 30px 100px #142e4020}dialog::backdrop{background:#12304455;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;font-size:26px;color:var(--muted)}dialog h2{font-size:25px;letter-spacing:-1px;margin-right:15px}dialog p{font-size:12px;color:var(--muted)}.form-field{display:grid;gap:8px;margin:17px 0;font-size:11px}.form-field input,.form-field select,.form-field textarea{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;width:100%}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.dialog-summary{background:var(--bg);padding:18px;border-radius:14px;margin:20px 0}.dialog-summary p{margin:0}.status-timeline{display:grid;gap:16px;padding:10px 0}.status-timeline div{display:flex;gap:10px;align-items:center;font-size:12px}.status-timeline i{width:9px;height:9px;background:var(--teal);border-radius:50%}.source-full{max-width:100%;border-radius:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--surface);border-radius:12px;padding:15px 22px;font-size:12px;z-index:100;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#101b25;--surface:#172633;--ink:#e4eef3;--muted:#8ca2b1;--line:#283a47;--mint:#183e42;--shadow:none}body.dark .hero-card{background:linear-gradient(120deg,#183e42,#214d4b)}body.dark .hero-card p{color:#98bcba}body.dark .hero-card .ring-center{color:#8ed1ca}body.dark .side-nav button.active{background:#183e42;color:#78c5c5}body.dark .coach{background:#2c2941;border-color:#3b3551}body.dark .coach h3{color:#e0d9f4}body.dark .coach p{color:#b0a6cc}body.dark .sidebar .help{background:#183e42}body.dark .site-hero{background:#183e42}body.dark .site-copy>p{color:#a1c0bf}body.dark .site-copy h1 span{color:#72c5bf}body.dark .site-photo:after{background:linear-gradient(90deg,#183e42,transparent 30%)}body.dark .appointment-date{background:#183e42;color:#89d2ce}body.dark .device-stage{background:radial-gradient(ellipse at 40% 30%,#1b383e,transparent 65%)}body.dark .side-nav .badge{background:var(--surface)}@media(min-width:1600px){.content{padding:42px 50px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}.hero-card{min-height:250px}.metrics{gap:18px}.metric{padding:20px}}@media(max-width:1250px){.workspace{grid-template-columns:200px 1fr}.sidebar{padding:28px 12px}.content{padding:27px 25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.hero-card{padding:25px 22px}.rings{width:140px;height:140px}.hero-card h2{font-size:25px}.metric{padding:13px}.metric-value{font-size:21px}.metrics{gap:8px}.viewer{grid-template-columns:230px 1fr 230px}.lower-grid{grid-template-columns:1fr}.lower-grid .panel{min-height:180px}.ecosystem-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1020px){.studio-name span{display:none}.dashboard-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.right-column .coach{grid-column:1/-1}.lower-grid{grid-template-columns:1fr 1fr}.viewer{grid-template-columns:210px 1fr}.viewer-notes{display:none}.site-copy{padding:60px 9%}.site-hero{min-height:470px}.site-copy h1{font-size:55px}.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.studio-bar{height:auto;min-height:53px;padding:10px 13px;flex-wrap:wrap;gap:10px}.studio-tools{margin-left:auto}.studio-bar nav{order:3;width:100%;justify-content:space-between}.studio-bar nav button{padding:7px 9px;font-size:10px}.workspace{display:block}.sidebar{position:static;height:auto;border-right:0;padding:14px 18px;display:block}.sidebar>.brand,.role-label,.side-bottom{display:none}.role-picker{margin:0 0 12px;padding:10px}.side-nav{display:flex;overflow-x:auto;gap:5px}.side-nav button{padding:10px;font-size:10px;white-space:nowrap;gap:6px}.side-nav .icon{width:15px;height:15px}.side-nav .badge{display:none}.topbar{height:52px;padding:0 20px}.top-actions .search-btn{font-size:0}.content{padding:25px 18px}.page-heading h1{font-size:28px}.date-chip{font-size:0;padding:10px}.date-chip .icon{width:16px;height:16px}.metrics{grid-template-columns:1fr 1fr;gap:12px}.metric{padding:17px}.metric-value{font-size:27px}.hero-card{padding:23px 20px;min-height:210px}.hero-card p{max-width:180px}.hero-card h2{font-size:24px}.rings{width:125px;height:125px}.ring.r2{inset:15px}.ring.r3{inset:30px}.ring-center{font-size:24px}.ring-center small{font-size:6px}.lower-grid{grid-template-columns:1fr}.right-column{display:flex}.discover-row{gap:8px}.discover-card{height:110px}.discover-card span{font-size:10px;left:12px}.bottom-note{line-height:1.7;gap:12px;font-size:8px}.viewer{display:block}.viewer-sidebar{border:0;padding:22px}.viewer-sidebar>p,.viewer-sidebar>h2,.viewer-sidebar>.eyebrow{display:none}.viewer-sidebar .side-nav{margin-top:0}.device-stage{padding:15px 0 35px;overflow:hidden}.phone{width:355px;height:755px}.site-nav{padding:22px}.site-nav nav{display:none}.site-hero{grid-template-columns:1fr;margin:0 15px}.site-copy{padding:45px 30px}.site-copy h1{font-size:55px;letter-spacing:-3px}.site-photo{min-height:340px}.site-photo:after{background:linear-gradient(#e7f1f0,transparent 30%)}.site-section{padding:45px 22px}.site-section>h2{font-size:32px}.ecosystem-grid{grid-template-columns:1fr 1fr}.eco-card{padding:20px 16px}.eco-card p{min-height:70px}.site-split{grid-template-columns:1fr}.site-split>div{padding:30px}.site-split img{max-height:280px}.site-footer{gap:20px;font-size:9px;flex-wrap:wrap}.scope-page{padding:30px 18px}.scope-stats{gap:30px}.scope-toolbar{top:100px;flex-wrap:wrap}.scope-toolbar input{min-width:200px}.scope-toolbar select{padding:12px}.scope-area summary{font-size:12px;padding:16px;gap:8px}.scope-area summary small{font-size:8px}.feature-row{padding:13px;gap:10px;font-size:11px}.feature-row .tag{font-size:7px;min-width:48px}.module-grid{grid-template-columns:1fr}.operations-table{font-size:10px}.operations-table th,.operations-table td{padding:14px 5px}.operations-table .tag{font-size:7px}body.dark .site-photo:after{background:linear-gradient(#183e42,transparent 30%)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Website CI follows the existing MC4U product site. */
.website{--ink:#1d2530;--muted:#737b87;--blue:#0071e3;--teal:#0071e3;--mint:#eaf3fc;--bg:#f5f6f8}.website .brand svg{display:none}.website .brand:after{content:'';width:6px;height:6px;background:#58bda2;border-radius:50%;margin:17px 0 0 4px}.website .site-hero{background:#eff2f5}.website .site-copy{padding-top:77px;padding-bottom:60px}.website .site-copy h1 span{color:#8b939e}.website .site-photo:after{background:linear-gradient(90deg,#eff2f5,transparent 35%)}.website .site-caption{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-top:39px}.site-scope-banner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px;border-radius:25px;background:var(--surface);border:1px solid var(--line)}.site-scope-banner h2{font-size:32px;letter-spacing:-1px;line-height:1.15;margin-bottom:15px}.site-scope-banner p{color:var(--muted);font-size:12px;margin:0}.product-art{height:130px;background:linear-gradient(135deg,#ecf3f9,#e0ecef);display:grid;place-items:center;border-radius:13px;margin-bottom:23px}.product-art .icon{height:60px;width:60px;color:#5d9eaf}.product-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:20px}.product-footer>strong{font-size:17px}.cms-form{max-width:800px}.brand-palette{display:flex;gap:30px;margin:25px 0;flex-wrap:wrap}.brand-palette>div{display:flex;flex-direction:column;gap:8px}.brand-palette i{height:60px;width:90px;display:block;border-radius:12px;border:1px solid var(--line)}.brand-palette strong{font-size:11px;font-weight:550}.brand-palette small{font-size:10px;color:var(--muted)}.media-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;text-align:left}.media-card img{width:100%;height:155px;object-fit:cover;border-radius:9px}.media-card span{display:block;margin:12px 5px;font-size:11px;color:var(--muted)}.side-nav button:hover{background:var(--bg)}.studio-bar nav button:hover{color:var(--blue)}.website .eco-card>.eyebrow{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.website .eco-card>p{min-height:unset}.website .eco-card>p:not(.eyebrow){min-height:80px}.website .eco-card h3{min-height:34px}.website .eyebrow .demo-dot{background:#58bda2}.website .site-nav nav button{font-size:12px;color:var(--muted);padding:0}.website .floating-card .icon{color:var(--blue)}body.dark .website{--ink:#e4eef3;--muted:#91a4b3;--bg:#101b25}body.dark .website .site-hero{background:#1a2b3a}body.dark .website .site-photo:after{background:linear-gradient(90deg,#1a2b3a,transparent 35%)}body.dark .website .site-copy h1 span{color:#9aaebc}@media(max-width:760px){.website .site-copy{padding:42px 27px}.website .site-photo:after{background:linear-gradient(#eff2f5,transparent 35%)}.site-scope-banner{flex-direction:column;align-items:start;padding:27px}.site-scope-banner h2{font-size:28px}.site-nav .tag{display:none}.site-nav .primary{font-size:10px;padding:10px 12px}.studio-name{font-size:11px}.studio-tools{font-size:9px}.studio-bar nav button{font-size:9px;padding:8px}.website .eco-card h3{min-height:45px}.website .eco-card>p:not(.eyebrow){min-height:90px}body.dark .website .site-photo:after{background:linear-gradient(#1a2b3a,transparent 35%)}}
/* Shared product-site corporate identity across all studio surfaces. */
:root{--ink:#1d2530;--muted:#737b87;--blue:#0071e3;--teal:#0071e3;--mint:#eaf3fc;--bg:#f5f6f8}.brand svg{display:none}.brand:after{content:'';width:6px;height:6px;background:#58bda2;border-radius:50%;margin:17px 0 0 4px}.hero-card{background:linear-gradient(115deg,#e7f0fb,#f0f4fa 65%,#e8f0f9)}.hero-card p{color:#73869d}.hero-card h2{color:var(--ink)}.ring-center{color:var(--blue)}.side-nav button.active{background:#eaf3fc;color:var(--blue)}.sidebar .help{background:linear-gradient(130deg,#edf3fb,#f1f4f8)}.membership{background:linear-gradient(120deg,#183449,#124f87)}.appointment-date{background:#edf3fb;color:var(--blue)}.device-stage{background:radial-gradient(ellipse at 40% 30%,#e7edf6,transparent 65%)}.viewer-notes .swatches i:nth-child(2){background:#8b939e!important}.phone-content .hero-card h2{color:var(--ink)}.brand-palette>div:last-child{opacity:.75}
.workout-hero{display:grid;grid-template-columns:minmax(250px,40%) 1fr;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;gap:35px;align-items:center}.workout-hero>img{width:100%;height:290px;object-fit:cover}.workout-hero>div{padding:25px 25px 25px 0}.workout-hero h1{font-size:29px}.workout-hero p:not(.eyebrow){color:var(--muted);font-size:12px}.exercise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.exercise-card{background:var(--surface);padding:10px;border:1px solid var(--line);border-radius:17px;text-align:left}.exercise-card img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:10px}.exercise-card>div{padding:14px 5px}.exercise-card h3{font-size:12px}.exercise-card p{font-size:10px;color:var(--muted)}.exercise-card span{font-size:10px;color:var(--blue)}.exercise-detail{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:15px;margin:auto}.phone-content .workout-hero{display:block}.phone-content .workout-hero>img{height:150px}.phone-content .workout-hero>div{padding:20px}.phone-content .workout-hero h1{font-size:21px}.phone-content .exercise-grid{grid-template-columns:1fr 1fr}.phone-content .workout-hero .subtext{font-size:9px}.phone-content .page-heading .secondary{display:none}@media(max-width:760px){.workout-hero{grid-template-columns:1fr;gap:0}.workout-hero>img{height:220px}.workout-hero>div{padding:25px}.exercise-grid{grid-template-columns:1fr 1fr}}
.website .site-split .primary{margin-right:12px}.phone-content .page-heading h1{letter-spacing:-.8px}.website .site-copy h1{line-height:1.08}.phone-content .hero-card .eyebrow{font-size:8px;line-height:1.65;width:130px}.record button:disabled{opacity:.5}
.scope-toolbar{min-width:0}.scope-toolbar input{min-width:140px;width:0}.scope-toolbar select{max-width:380px;min-width:0}.scope-area summary>small{flex-shrink:0}.feature-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}@media(max-width:760px){.scope-toolbar input{width:100%;flex-basis:100%}.scope-toolbar select{max-width:100%}.scope-toolbar #scope-area{width:100%}.scope-area summary{flex-wrap:wrap}.scope-area summary small{margin-left:30px;width:100%}.scope-stats strong{font-size:27px}.scope-stats{gap:24px}}
.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:26px 0}.delivery-day{padding:21px 17px;display:flex;flex-direction:column}.delivery-day h2{font-size:17px;line-height:1.3;min-height:45px}.delivery-day>p:not(.eyebrow){font-size:11px;color:var(--muted);flex:1}.delivery-gate{border-top:1px solid var(--line);padding-top:15px}.delivery-gate strong{font-size:10px;color:var(--blue)}.delivery-gate p{font-size:10px;color:var(--muted);margin:8px 0 0}.architecture-panel{margin:23px 0;padding:30px}.architecture-panel h2{font-size:23px}.architecture-clients{display:flex;gap:12px;justify-content:center}.architecture-clients>span{background:var(--bg);border:1px solid var(--line);padding:15px;border-radius:11px;flex:1;font-size:11px;text-align:center}.architecture-line{text-align:center;padding:16px;color:var(--muted);font-size:10px}.architecture-core{text-align:center;padding:20px;background:var(--mint);color:var(--blue);border-radius:11px;font-size:13px}.foundation-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.foundation-body{padding:0 23px 20px}.foundation-body p{font-size:12px;color:var(--muted)}.build-row{display:grid;grid-template-columns:35px minmax(0,1fr) 190px 95px;gap:15px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:18px;margin:10px 0;align-items:center}.build-row>code{font-size:10px;color:var(--muted)}.build-row h3{font-size:12px;margin:0 0 6px;line-height:1.5}.build-row p{font-size:9px;color:var(--muted);margin:0 0 7px}.build-commitment{font-size:8px;color:var(--muted)}.build-status{display:flex;flex-direction:column;align-items:start;gap:9px}.build-status small{font-size:9px;color:var(--muted)}.build-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:var(--muted);font-size:11px}.build-footer a{display:inline-block;color:var(--blue);margin:10px 25px 0 0}.build-toolbar select{max-width:320px}.build-page .scope-stats{justify-content:space-between}.connection-list{padding-top:0}.connection-list h2{font-size:32px}.connection-list p{max-width:700px}@media(max-width:1050px){.delivery-grid{grid-template-columns:1fr 1fr}.foundation-grid{grid-template-columns:1fr}.build-row{grid-template-columns:30px minmax(0,1fr) 150px}.build-row>.text-button{grid-column:2;text-align:left}.studio-bar nav button{padding:7px 10px}.studio-name span{display:none}}@media(max-width:760px){.delivery-grid{grid-template-columns:1fr}.delivery-day h2{min-height:0}.architecture-panel{padding:22px 17px}.architecture-clients{flex-wrap:wrap}.architecture-clients>span{flex-basis:40%}.build-row{grid-template-columns:27px minmax(0,1fr);gap:10px}.build-status{grid-column:2}.build-row>.text-button{grid-column:2}.build-page .scope-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px}.build-page .page-heading{display:block}.build-page .page-heading>.secondary{display:inline-block;margin-top:20px}.build-page h1{font-size:29px}.build-toolbar select{width:100%;max-width:100%}.studio-bar nav{overflow:auto}.studio-bar nav button{font-size:8px;white-space:nowrap;padding:8px 6px}}
body.standalone-app .studio-bar{display:none}.mobile-shell{height:100dvh;display:flex;flex-direction:column;max-width:600px;margin:auto;background:var(--bg);padding-top:env(safe-area-inset-top)}.mobile-shell>.phone-top{padding:20px 22px}.mobile-shell>.phone-content{min-height:0}.mobile-shell>.phone-nav{padding-bottom:max(18px,env(safe-area-inset-bottom));flex-shrink:0}.mobile-shell .phone-content .hero-card{margin-top:18px}.mobile-shell .phone-content{padding-bottom:25px}.mobile-shell .phone-content .rings{width:115px;height:115px}