:root{--blue:#1769f5;--blue2:#0d55d9;--navy:#10233e;--muted:#61738c;--line:#d9e4f1;--soft:#f3f7fc;--green:#0aa66f;--red:#df4242;--shadow:0 18px 55px rgba(24,65,116,.12);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--navy);background:#f7faff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:linear-gradient(180deg,#fff 0,#f5f9ff 38%,#fff 100%);color:var(--navy)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit}.tc-header{height:72px;padding:0 clamp(18px,3vw,58px);display:flex;align-items:center;gap:36px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:80;backdrop-filter:blur(16px)}.tc-brand{display:flex;margin-right:auto}.tc-brand img{width:174px;height:auto}.tc-header nav{display:flex;align-items:center;gap:28px}.tc-header nav a{font-size:14px;font-weight:700;color:#50647f;text-decoration:none}.tc-header nav a:hover{color:var(--blue)}button,.tc-secondary{border:1px solid #cbd9ea;background:#fff;border-radius:10px;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer;text-decoration:none;transition:.2s ease}button:hover,.tc-secondary:hover{border-color:#8eb7f8;transform:translateY(-1px)}button svg,a svg{width:18px;height:18px}.tc-primary{background:linear-gradient(135deg,#2375ff,#0759e7);border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(23,105,245,.22)}.tc-primary:hover{box-shadow:0 10px 28px rgba(23,105,245,.3);border-color:transparent}.tc-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:11px;font-weight:850;display:flex;align-items:center;gap:7px}.tc-eyebrow svg{width:15px}.tc-hero{max-width:1500px;margin:auto;min-height:580px;padding:66px clamp(22px,4vw,72px);display:grid;grid-template-columns:minmax(410px,.84fr) minmax(520px,1.16fr);gap:58px;align-items:center}.tc-hero h1{font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:19px 0 23px}.tc-hero h1 em{font-style:normal;color:var(--blue)}.tc-hero p{max-width:650px;font-size:19px;line-height:1.6;color:var(--muted)}.tc-hero ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:11px}.tc-hero li{display:flex;align-items:center;gap:9px;font-weight:700}.tc-hero li svg{width:20px;color:var(--green)}.tc-hero>div>div{display:flex;gap:12px;margin:28px 0 20px}.tc-hero>div>small{display:block;max-width:620px;color:#71829a;line-height:1.5}.tc-hero figure{margin:0;position:relative}.tc-hero figure>img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:var(--shadow);border:1px solid #cfe0f5;background:#eff6ff}.tc-hero figcaption{position:absolute;bottom:24px;left:24px;background:#fff;border:1px solid #dbe6f2;box-shadow:0 12px 35px rgba(16,35,62,.16);border-radius:14px;padding:12px 15px;display:flex;gap:11px;align-items:center}.tc-hero figcaption svg{color:var(--green)}.tc-hero figcaption span{display:grid;font-size:11px;color:var(--muted)}.tc-hero figcaption b{font-size:14px;color:var(--navy);margin-top:2px}
.tc-app{width:min(1880px,calc(100% - 24px));margin:0 auto 42px;background:#fff;border:1px solid #ccdaeb;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.tc-app-head{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.tc-app-head h2{font-size:26px;margin:5px 0 0;letter-spacing:-.025em}.tc-live{font-size:12px;color:var(--green);font-weight:750;display:flex;align-items:center;gap:7px}.tc-live i,.tc-summary header b i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #dff7ee}.tc-steps{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;padding:12px 24px;border-bottom:1px solid var(--line);background:#fbfdff;align-items:center}.tc-steps>i{height:1px;background:#cad9eb}.tc-steps button{border:0;box-shadow:none;background:transparent;justify-content:flex-start;padding:8px 12px;min-width:0}.tc-steps button:hover{transform:none;background:#eef5ff}.tc-steps button>b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e8eef6;color:#64758d}.tc-steps button.active>b{background:var(--blue);color:#fff}.tc-steps button span{display:grid;text-align:left}.tc-steps button small{color:#8291a6;font-weight:500;margin-top:2px}.tc-workspace{display:grid;grid-template-columns:310px minmax(520px,1fr) 300px;min-height:690px}.tc-controls{border-right:1px solid var(--line);min-width:0;background:#fbfdff}.tc-tabs{display:grid;grid-template-columns:1fr 1fr;padding:10px;border-bottom:1px solid var(--line);gap:6px;position:sticky;top:72px;background:#fbfdff;z-index:3}.tc-tabs button{min-height:38px;padding:5px 7px;border-color:transparent;background:transparent;font-size:12px}.tc-tabs button.active{background:#eaf3ff;color:var(--blue);border-color:#b9d4fc}.tc-panel{display:none;padding:12px;height:604px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.tc-panel.active{display:block}.tc-panel section{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;margin-bottom:10px}.tc-panel h3{font-size:14px;margin:0 0 13px}.tc-panel label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;font-weight:720;margin:12px 0;color:#435873}.tc-panel label input:not([type=range]):not([type=checkbox]),.tc-panel select{grid-column:1/-1;width:100%;height:40px;border:1px solid #cbd9ea;background:#fff;border-radius:9px;padding:0 11px;color:var(--navy);font-weight:650}.tc-panel output{color:var(--blue)}input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--blue)}.tc-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tc-two label{min-width:0}.tc-shapes,.tc-materials,.tc-direction,.tc-base{display:grid;gap:7px}.tc-shapes{grid-template-columns:repeat(3,1fr)}.tc-materials{grid-template-columns:1fr}.tc-direction{grid-template-columns:repeat(3,1fr)}.tc-base{grid-template-columns:1fr 1fr}.tc-shapes button,.tc-direction button,.tc-base button{min-height:55px;padding:7px;font-size:11px;flex-direction:column}.tc-shapes button i{width:28px;height:20px;border:2px solid currentColor;display:block}.tc-shapes button:nth-child(2) i{clip-path:polygon(0 0,100% 0,100% 55%,55% 55%,55% 100%,0 100%)}.tc-shapes button:nth-child(3) i{clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% 50%,30% 50%,30% 100%,0 100%)}.tc-controls button.active{border-color:var(--blue);background:#ebf3ff;color:var(--blue)}.tc-materials button{justify-content:flex-start;text-align:left}.tc-materials span{display:grid}.tc-materials small{color:#7a8da6;font-weight:500}.tc-switch{grid-template-columns:1fr 39px!important;background:#f4f7fb;border-radius:9px;padding:10px}.tc-switch input{position:absolute;opacity:0}.tc-switch i{width:38px;height:22px;border-radius:99px;background:#bdc9d8;position:relative;transition:.2s}.tc-switch i:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 4px #789}.tc-switch input:checked+i{background:var(--blue)}.tc-switch input:checked+i:after{transform:translateX(16px)}
.tc-model{min-width:0;display:flex;flex-direction:column;background:linear-gradient(#f7fbff,#edf5fd)}.tc-model>header{height:58px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}.tc-model>header>div:first-child{display:grid}.tc-model>header span{font-size:11px;color:#8291a6}.tc-model>header>div:last-child{display:flex;gap:6px}.tc-model>header button{width:38px;padding:0}.tc-stage{height:510px;min-height:510px;max-height:510px;position:relative;overflow:hidden;background-image:linear-gradient(#dce9f7 1px,transparent 1px),linear-gradient(90deg,#dce9f7 1px,transparent 1px);background-size:25px 25px}.tc-stage canvas{display:block;width:100%;height:100%;max-height:510px;touch-action:none}.tc-stage:fullscreen{height:100vh!important;max-height:none;background-color:#eff7ff}.tc-stage:fullscreen canvas{height:100%;max-height:none}.tc-axis{position:absolute;left:18px;bottom:17px;width:45px;height:45px}.tc-axis:before,.tc-axis:after{content:"";position:absolute;left:6px;bottom:7px;background:#1769f5;transform-origin:left bottom}.tc-axis:before{width:32px;height:2px}.tc-axis:after{width:2px;height:32px}.tc-axis i{position:absolute;font-size:10px;font-style:normal;color:var(--blue);font-weight:800}.tc-axis i:first-child{right:0;bottom:0}.tc-axis i:last-child{left:0;top:0}.tc-dimension{position:absolute;right:15px;top:15px;border:1px solid #bed3ec;background:rgba(255,255,255,.88);padding:7px 10px;border-radius:8px;font-size:11px;font-weight:750}.tc-views{display:flex;justify-content:center;gap:7px;padding:10px;background:#fff;border-top:1px solid var(--line)}.tc-views button{min-height:36px;font-size:11px;padding:0 10px}.tc-views button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.tc-legend{display:flex;justify-content:center;gap:17px;padding:0 10px 12px;background:#fff;font-size:10px;color:#6d7f96}.tc-legend span{display:flex;align-items:center;gap:5px}.tc-legend i{width:16px;height:5px;border-radius:2px;background:#b8763d}.tc-legend .joist{background:#1d3856}.tc-legend .support{width:8px;height:8px;border-radius:50%;background:#1769f5}.tc-legend .edge{background:#e99b26}.tc-summary{border-left:1px solid var(--line);padding:18px;background:#fff}.tc-summary>header{display:flex;justify-content:space-between;font-size:11px;color:#71839a}.tc-summary header b{color:var(--green);display:flex;align-items:center;gap:7px}.tc-summary>strong{font-size:19px;display:block;margin:16px 0}.tc-summary dl{margin:0}.tc-summary dl div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e8eef5;font-size:12px}.tc-summary dt{color:#6d8098}.tc-summary dd{margin:0;font-weight:800;text-align:right}.tc-total{display:grid;gap:8px;margin:18px 0;padding:15px;background:#f2f7ff;border-radius:12px}.tc-total span,.tc-total strong{display:flex;justify-content:space-between;font-size:12px}.tc-total strong{padding-top:10px;border-top:1px solid #cbdcf1;font-size:15px}.tc-total strong b{font-size:20px;color:var(--blue)}.tc-total small{text-align:right;color:#75869d}.tc-summary>.tc-primary{width:100%}.tc-checks{display:grid;gap:7px;margin-top:14px}.tc-checks span{display:flex;gap:7px;font-size:10px;line-height:1.35;color:#5a708d}.tc-checks span:before{content:"✓";color:var(--green);font-weight:900}.tc-checks span.warn:before{content:"!";color:#e29310}.tc-strip{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);background:#fff}.tc-strip div{padding:12px 18px;border-right:1px solid var(--line);display:grid;gap:3px}.tc-strip span{font-size:10px;color:#75869c}.tc-strip strong{font-size:13px}.tc-strip small{font-size:10px;color:#8796aa}
.tc-estimate,.tc-method,.tc-seo,.tc-faq,.tc-related{width:min(1480px,calc(100% - 32px));margin:30px auto;background:#fff;border:1px solid var(--line);border-radius:18px}.tc-estimate>header{padding:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.tc-estimate h2,.tc-method h2,.tc-seo h2,.tc-faq h2,.tc-related h2{font-size:30px;letter-spacing:-.03em;margin:7px 0}.tc-estimate header p{margin:0;color:var(--muted)}.tc-estimate header>div:last-child{display:flex;gap:8px}.tc-table-toolbar{padding:10px 17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;background:#fbfdff}.tc-table-toolbar label{height:38px;border:1px solid #cedbea;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 10px;gap:7px}.tc-table-toolbar input{border:0;outline:0}.tc-table-toolbar select{height:38px;border:1px solid #cedbea;border-radius:9px;background:#fff;padding:0 10px}.tc-table-toolbar>span{margin-left:auto;font-size:11px;color:var(--green);display:flex;align-items:center;gap:6px}.tc-table-wrap{overflow:auto;max-height:650px}.tc-table-wrap table{width:100%;min-width:900px;border-collapse:collapse;font-size:12px}.tc-table-wrap th{position:sticky;top:0;background:#eaf3ff;z-index:1;text-align:left;padding:11px 10px;color:#435c7d}.tc-table-wrap td{padding:9px 10px;border-top:1px solid #e2eaf3}.tc-table-wrap td:nth-last-child(-n+3),.tc-table-wrap th:nth-last-child(-n+3){text-align:right}.tc-table-wrap input{width:105px;height:34px;border:1px solid #cad8e8;border-radius:7px;text-align:right;padding:0 8px}.tc-table-wrap tr.hidden{display:none}.tc-table-wrap tfoot td{position:sticky;bottom:0;background:#12365f;color:#fff;font-weight:850;font-size:14px}.tc-estimate>footer{padding:15px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.tc-estimate>footer p{font-size:11px;color:#657991;display:flex;gap:8px;align-items:center}.tc-estimate>footer>div{display:flex;gap:8px}.tc-method{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.tc-method>div{padding:34px}.tc-method p,.tc-method li,.tc-seo p,.tc-seo li{color:#5f7189;line-height:1.65}.tc-method ol{padding-left:21px}.tc-method li{margin:8px 0}.tc-note{display:flex;gap:13px;padding:14px;border:1px solid #bcd3ef;background:#edf5ff;border-radius:12px}.tc-note svg{color:var(--blue);flex:none}.tc-note span{display:grid;color:#607690;font-size:12px}.tc-note b{color:var(--navy);margin-bottom:4px}.tc-method figure{margin:0;padding:20px;background:#edf5fd;display:flex;flex-direction:column;justify-content:center}.tc-method canvas{width:100%;height:auto}.tc-method figcaption{font-size:11px;text-align:center;color:#71849d}.tc-seo{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;padding:36px}.tc-seo>div:last-child{background:#f1f6fd;border-radius:14px;padding:22px}.tc-seo h3{margin-top:0}.tc-seo a{color:var(--blue);font-weight:800}.tc-faq{padding:34px}.tc-faq>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tc-faq details{border:1px solid var(--line);border-radius:11px;padding:15px}.tc-faq summary{font-weight:750;cursor:pointer}.tc-faq p{font-size:13px;line-height:1.6;color:var(--muted)}.tc-related{padding:30px}.tc-related>header{display:flex;align-items:end;justify-content:space-between}.tc-related a{color:var(--blue);font-weight:750;text-decoration:none}.tc-related>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tc-related>div>a{border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:10px;align-items:center}.tc-related>div>a:hover{border-color:#92bafb;background:#f4f8ff}.tc-related>div span{display:grid}.tc-related small{color:#71839b;font-weight:500;margin-top:3px}.tc-tour[hidden]{display:none}.tc-tour{position:fixed;inset:0;z-index:200;background:rgba(8,22,41,.58)}.tc-spot{position:fixed;border:3px solid #4d96ff;border-radius:15px;box-shadow:0 0 0 9999px rgba(6,18,34,.58),0 0 0 6px rgba(77,150,255,.22);z-index:201;pointer-events:none;transition:.25s}.tc-tour article{position:fixed;z-index:202;width:min(380px,calc(100vw - 24px));background:#fff;border-radius:15px;padding:20px;box-shadow:0 24px 70px #07132366}.tc-tour article>span{font-size:11px;color:var(--blue);font-weight:800}.tc-tour h3{margin:7px 0}.tc-tour p{line-height:1.55;color:var(--muted)}.tc-tour footer{display:flex;justify-content:space-between}.tc-help{position:fixed;right:22px;bottom:22px;z-index:70;background:#fff;color:var(--blue);box-shadow:0 10px 30px rgba(25,70,126,.2)}
@media(max-width:1100px){.tc-header nav{display:none}.tc-hero{grid-template-columns:1fr;max-width:850px;padding-top:42px}.tc-workspace{grid-template-columns:280px minmax(450px,1fr)}.tc-summary{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.tc-summary dl{grid-column:1/3}.tc-summary .tc-total{grid-column:3;grid-row:1/5}.tc-summary>.tc-primary,.tc-summary>.tc-checks{grid-column:1/3}.tc-strip{grid-template-columns:repeat(3,1fr)}.tc-strip div:nth-child(n+4){border-top:1px solid var(--line)}}
@media(max-width:760px){html{scroll-padding-top:64px}.tc-header{height:62px;padding:0 14px}.tc-brand img{width:145px}.tc-header>.tc-primary{min-height:38px;padding:0 11px;font-size:12px}.tc-hero{padding:38px 18px;min-height:auto;gap:30px}.tc-hero h1{font-size:45px}.tc-hero p{font-size:16px}.tc-hero>div>div{display:grid}.tc-hero>div>div>*{width:100%}.tc-hero figcaption{left:12px;bottom:12px}.tc-app{width:100%;border-radius:0;border-left:0;border-right:0}.tc-app-head{padding:17px}.tc-app-head h2{font-size:21px}.tc-steps{grid-template-columns:repeat(4,1fr);padding:8px;gap:3px;overflow:auto}.tc-steps>i{display:none}.tc-steps button{padding:6px;justify-content:center}.tc-steps button>b{width:26px;height:26px;flex:none}.tc-steps button span{font-size:11px}.tc-steps button small{display:none}.tc-workspace{display:flex;flex-direction:column}.tc-model{order:1}.tc-controls{order:2;border:0;border-top:1px solid var(--line)}.tc-summary{order:3;display:block}.tc-tabs{top:62px;grid-template-columns:repeat(4,1fr);overflow:auto}.tc-tabs button{font-size:10px;min-width:72px;display:grid;gap:3px}.tc-panel{height:auto;max-height:none;overflow:visible;padding:10px}.tc-stage{height:390px;min-height:390px;max-height:390px}.tc-stage canvas{max-height:390px}.tc-model>header span{display:none}.tc-views{justify-content:flex-start;overflow:auto}.tc-views button{white-space:nowrap}.tc-summary dl{display:grid;grid-template-columns:1fr 1fr}.tc-summary dl div{display:grid}.tc-summary dd{text-align:left;margin-top:3px}.tc-strip{grid-template-columns:1fr 1fr}.tc-strip div{padding:10px}.tc-estimate,.tc-method,.tc-seo,.tc-faq,.tc-related{width:calc(100% - 20px);margin:20px auto}.tc-estimate>header,.tc-estimate>footer{display:grid;padding:17px}.tc-estimate header>div:last-child,.tc-estimate footer>div{display:grid;grid-template-columns:1fr 1fr}.tc-table-toolbar{align-items:stretch;display:grid}.tc-table-toolbar label,.tc-table-toolbar select{width:100%}.tc-table-toolbar>span{margin:0}.tc-method,.tc-seo{grid-template-columns:1fr}.tc-method>div,.tc-seo,.tc-faq,.tc-related{padding:21px}.tc-method figure{min-height:280px}.tc-faq>div{grid-template-columns:1fr}.tc-related>div{grid-template-columns:1fr 1fr}.tc-help span{display:none}.tc-help{width:48px;height:48px;padding:0;border-radius:50%;right:14px;bottom:14px}.tc-tour article{bottom:12px!important;left:12px!important;top:auto!important}.tc-tour .tc-spot{border-radius:10px}.tc-two{grid-template-columns:1fr}}
@media print{.tc-header,.tc-hero,.tc-app,.tc-method,.tc-seo,.tc-faq,.tc-related,.tc-help,.tc-table-toolbar,.tc-estimate>footer{display:none!important}.tc-estimate{width:100%;border:0;margin:0}.tc-table-wrap{max-height:none;overflow:visible}.tc-table-wrap table{min-width:0}.tc-table-wrap th,.tc-table-wrap tfoot td{position:static}.tc-table-wrap input{border:0;width:80px}}
.tc-strip>i{display:none}.tc-strip article{padding:12px 18px;border-right:1px solid var(--line);display:flex;align-items:center;gap:10px}.tc-strip article>svg{width:21px;color:var(--blue)}.tc-strip article span{display:grid;gap:3px}.tc-strip article b{font-size:13px;color:var(--navy)}
@media(max-width:1100px){.tc-strip article:nth-of-type(n+4){border-top:1px solid var(--line)}}
@media(max-width:760px){.tc-strip article{padding:10px}}
@media(max-width:760px){body{overflow-x:hidden}.tc-header{padding:0 10px!important;gap:6px!important;overflow:hidden}.tc-header .tc-brand{min-width:0}.tc-header .tc-brand img{width:116px!important}.tc-header>.tc-primary{min-height:38px;max-width:116px;padding:0 7px;font-size:10px;line-height:1.1}.tc-header>.tc-primary svg{width:15px;flex:none}body .tc-header #smetroomGlobalMenuButton{min-width:76px!important;max-width:82px!important;min-height:38px!important;padding:0 7px!important;font-size:9px!important}}