.tego-sub.page-design{--alert-bg:#d96b431f;--alert-bd:#d96b434d}.tego-sub.page-design .wrap{max-width:1080px;margin:0 auto;padding:0 40px}.tego-sub.page-design svg{stroke-width:1.7px}.tego-sub.page-design .lab{letter-spacing:.22em;color:var(--green);text-transform:uppercase;font-size:12px;font-weight:700}.tego-sub.page-design .h1{letter-spacing:-.03em;font-size:60px;font-weight:900;line-height:1.14}.tego-sub.page-design .h2{letter-spacing:-.02em;font-size:32px;font-weight:700}.tego-sub.page-design .h3{font-size:20px;font-weight:700}.tego-sub.page-design .body{font-size:18px;font-weight:500}.tego-sub.page-design .sub{font-size:16px;font-weight:500}.tego-sub.page-design .cap{font-size:12px;font-weight:500}.tego-sub.page-design .cover{border-bottom:1px solid var(--g12);padding:96px 0 56px}.tego-sub.page-design .logo{letter-spacing:.06em;color:var(--green);margin-bottom:30px;font-size:23px;font-weight:800}.tego-sub.page-design .cover .h1{margin:14px 0 18px}.tego-sub.page-design .cover .body{max-width:600px}.tego-sub.page-design .cover .cap{margin-top:24px}.tego-sub.page-design section{border-bottom:1px solid var(--g12);padding:70px 0}.tego-sub.page-design .shead{margin-bottom:34px}.tego-sub.page-design .shead .h2{margin-top:10px}.tego-sub.page-design .shead .sub{max-width:660px;margin-top:10px}.tego-sub.page-design .core{grid-template-columns:1.2fr 1fr 1fr;gap:20px;display:grid}.tego-sub.page-design .sw{border:1px solid var(--g12);border-radius:20px;overflow:hidden}.tego-sub.page-design .sw .chip{align-items:flex-end;height:210px;padding:20px;display:flex}.tego-sub.page-design .sw .chip .role{letter-spacing:.08em;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.tego-sub.page-design .sw .b{background:#fff;padding:20px 22px}.tego-sub.page-design .sw .nm{font-size:18px;font-weight:800}.tego-sub.page-design .sw .hex{letter-spacing:.04em;margin-top:4px;font-size:14px;font-weight:700}.tego-sub.page-design .sw .use{margin-top:12px;font-size:13px;line-height:1.6}.tego-sub.page-design .scale{border:1px solid var(--g12);background:#fff;border-radius:20px;overflow:hidden}.tego-sub.page-design .srow{border-bottom:1px solid var(--g12);grid-template-columns:150px 1fr 190px;align-items:center;gap:20px;padding:20px 26px;display:grid}.tego-sub.page-design .srow:last-child{border-bottom:0}.tego-sub.page-design .srow .k{font-size:13px;font-weight:800}.tego-sub.page-design .srow .spec{text-align:right;letter-spacing:.02em;font-size:12.5px}.tego-sub.page-design .onecolor{background:var(--g05);border:1px solid var(--g12);border-radius:16px;margin-top:20px;padding:20px 24px;font-size:14px;line-height:1.75}.tego-sub.page-design .onecolor b{color:var(--green);font-weight:800}.tego-sub.page-design .tints{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.tego-sub.page-design .tint{border:1px solid var(--g12);background:#fff;border-radius:14px;overflow:hidden}.tego-sub.page-design .tint .box{height:88px}.tego-sub.page-design .tint .t{padding:12px 14px}.tego-sub.page-design .tint .t b{font-size:13px;font-weight:800;display:block}.tego-sub.page-design .tint .t span{font-size:12px}.tego-sub.page-design .warnbox{background:var(--alert-bg);border:1px solid var(--alert-bd);border-radius:14px;margin-top:20px;padding:18px 22px;font-size:14px;line-height:1.75}.tego-sub.page-design .warnbox b{color:#9c3e1f;font-weight:800}.tego-sub.page-design .fn{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tego-sub.page-design .roles{border-collapse:collapse;border:1px solid var(--g12);background:#fff;border-radius:16px;width:100%;overflow:hidden}.tego-sub.page-design .roles th,.tego-sub.page-design .roles td{text-align:left;border-bottom:1px solid var(--g12);padding:15px 20px;font-size:14px}.tego-sub.page-design .roles th{background:var(--g05);font-size:12.5px;font-weight:800}.tego-sub.page-design .roles tr:last-child td{border-bottom:0}.tego-sub.page-design .dotc{align-items:center;gap:9px;font-size:13.5px;font-weight:700;display:inline-flex}.tego-sub.page-design .dotc .d{border:1px solid var(--g15);border-radius:5px;width:16px;height:16px}.tego-sub.page-design .roles code{color:var(--green);font-size:13px;font-weight:700}.tego-sub.page-design .apps{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tego-sub.page-design .demo{border:1px solid var(--g12);background:#fff;border-radius:18px;padding:26px}.tego-sub.page-design .demo .dl{letter-spacing:.06em;color:var(--green);text-transform:uppercase;margin-bottom:18px;font-size:12px;font-weight:800}.tego-sub.page-design .btn{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex}.tego-sub.page-design .btn.solid{background:var(--green);color:var(--cream)}.tego-sub.page-design .btn.ghost{color:var(--green);box-shadow:inset 0 0 0 1.5px var(--g15)}.tego-sub.page-design .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tego-sub.page-design .badge{color:var(--green);background:var(--g08);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:800}.tego-sub.page-design .cardex{background:var(--card);border-radius:14px;padding:22px}.tego-sub.page-design .cardex .h3{margin-bottom:6px}.tego-sub.page-design .bandex{background:var(--green);color:var(--cream);border-radius:14px;padding:26px}.tego-sub.page-design .bandex .em{color:#8fe3c4}.tego-sub.page-design .bandex .sub{color:var(--cream);margin-top:8px}.tego-sub.page-design .dd{grid-template-columns:1fr 1fr;gap:20px;display:grid}.tego-sub.page-design .ddc{border:1px solid var(--g12);background:#fff;border-radius:18px;padding:26px}.tego-sub.page-design .ddc .h3{align-items:center;gap:10px;margin-bottom:16px;display:flex}.tego-sub.page-design .ddc .i{border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.tego-sub.page-design .ddc.do .i{background:var(--green);color:var(--cream)}.tego-sub.page-design .ddc.dont .i{background:var(--alert);color:#fff}.tego-sub.page-design .it{gap:11px;padding:9px 0;font-size:14px;line-height:1.6;display:flex}.tego-sub.page-design .it svg{width:17px;height:17px;color:var(--green);flex:none;margin-top:3px}.tego-sub.page-design .ddc.dont .it svg{color:var(--alert)}.tego-sub.page-design .pairs{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tego-sub.page-design .pair{border:1px solid var(--g12);border-radius:14px;padding:26px 22px}.tego-sub.page-design .pair .p1{font-size:19px;font-weight:800}.tego-sub.page-design .pair .p2{margin-top:6px;font-size:14px}.tego-sub.page-design .pair .p3{margin-top:16px;font-size:12px;font-weight:700}.tego-sub.page-design footer{padding:44px 0 60px;font-size:13px}.tego-sub .wrap,.tego-sub nav .in{max-width:1080px;margin:0 auto;padding-left:40px;padding-right:40px}.tego-sub svg{stroke-width:1.6px}.tego-sub .btn{cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex}.tego-sub .btn.solid{background:var(--green);color:var(--cream)}.tego-sub .btn.ghost{color:var(--green);box-shadow:inset 0 0 0 1.5px var(--g15)}.tego-sub .btn.sm{padding:11px 18px;font-size:14px}.tego-sub nav{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--g12);background:#faf9f680;width:100%;position:fixed;top:0;left:0;right:0}.tego-sub nav .in{justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;display:flex}.tego-sub .logo{letter-spacing:.06em;color:var(--green);font-size:23px;font-weight:800}.tego-sub nav .links{color:var(--ink);align-items:center;gap:30px;font-size:16px;font-weight:500;display:flex}.tego-sub nav .links a{transition:padding .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out,border-radius .2s ease-in-out}.tego-sub nav .links a:hover{color:var(--green)}.tego-sub nav .links a.on{background:var(--green);color:var(--cream);border-radius:999px;padding:5px 12px}.tego-sub nav .right{align-items:center;gap:16px;display:flex}.tego-sub footer{background:var(--green);color:#ffffffd1;padding:56px 0 44px}.tego-sub footer .flogo{letter-spacing:-.02em;color:var(--cream);margin-bottom:6px;font-size:26px;font-weight:900}.tego-sub footer .flinks{flex-wrap:wrap;gap:18px;margin:18px 0 16px;font-size:13px;font-weight:600;display:flex}.tego-sub footer .flinks a{color:#fff;border-bottom:1px solid #fff6;padding-bottom:1px}.tego-sub footer .flinks a.strong{border-bottom-width:2px;font-weight:800}.tego-sub footer .flinks a:hover{opacity:.7}.tego-sub footer .fbiz{color:#ffffffd1;font-size:13px;font-weight:400;line-height:1.9}.tego-sub footer .fbiz b{color:#fff;font-weight:600}.tego-sub footer .frow{flex-wrap:wrap;gap:6px 20px;display:flex}.tego-sub footer .fconfirm{color:var(--green);background:#8fe3c4;border-radius:7px;padding:4px 12px;font-size:12px;font-weight:600;line-height:1.5;display:inline-block}.tego-sub footer .fconfirm:hover{opacity:.85}.tego-sub footer .fchat{color:#8fe3c4;border-bottom:1px solid #8fe3c480}.tego-sub footer .copy{color:#ffffff8c;border-top:1px solid #ffffff24;margin-top:22px;padding-top:22px;font-size:12px}.tego-sub .eyebrow{letter-spacing:.22em;color:var(--green);text-transform:uppercase;font-size:12px;font-weight:700}.tego-sub.page-board .mhero h2{letter-spacing:-.02em;margin:14px 0;font-size:44px;font-weight:800;line-height:1.25}.tego-sub.page-board .mhero p{color:var(--g60);max-width:640px;font-size:17px}.tego-sub.page-board .mbadge{color:var(--green);background:var(--g08);border-radius:999px;margin-top:16px;padding:7px 14px;font-size:12.5px;font-weight:800;display:inline-block}.tego-sub.page-board .tabs{border-bottom:1px solid var(--g12);flex-wrap:wrap;gap:8px;margin-bottom:34px;display:flex}.tego-sub.page-board .tab{color:var(--g60);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:13px 16px;font-size:14.5px;font-weight:700;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.tego-sub.page-board .tab.on{color:var(--green);border-bottom-color:var(--green);border-top-left-radius:16px;border-top-right-radius:16px}.tego-sub.page-board .magfeat{border:1px solid var(--g12);cursor:pointer;background:#fff;border-radius:22px;grid-template-columns:1.15fr 1fr;margin-bottom:30px;display:grid;overflow:hidden}.tego-sub.page-board .magfeat .fimg{background:linear-gradient(140deg,#1c4e44,#0d2a24);min-height:340px;position:relative}.tego-sub.page-board .magfeat .fimg .fl{color:#faf9f699;letter-spacing:.06em;font-size:11px;font-weight:700;position:absolute;top:20px;left:20px}.tego-sub.page-board .magfeat .fbody{flex-direction:column;justify-content:center;padding:46px;display:flex}.tego-sub.page-board .magfeat .cat{color:var(--green);background:var(--g08);border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:800}.tego-sub.page-board .magfeat h3{letter-spacing:-.01em;margin:16px 0 12px;font-size:28px;font-weight:800;line-height:1.34}.tego-sub.page-board .magfeat p{color:var(--g60);font-size:15px;line-height:1.7}.tego-sub.page-board .magfeat .meta{color:var(--g40);margin-top:20px;font-size:13px}.tego-sub.page-board .magfeat .read{color:var(--green);margin-top:14px;font-weight:800}.tego-sub.page-board .maggrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tego-sub.page-board .mcard{border:1px solid var(--g12);cursor:pointer;background:#fff;border-radius:18px;transition:transform .65s ease-in-out,box-shadow .65s ease-in-out;overflow:hidden}.tego-sub.page-board .mcard:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0d2a2414}.tego-sub.page-board .mcard .mimg{aspect-ratio:16/9;background:linear-gradient(140deg,#1c4e4424,#0d2a2438);position:relative}.tego-sub.page-board .mcard .mimg .fl{color:var(--g40);letter-spacing:.05em;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.tego-sub.page-board .mcard .cat{color:var(--green);background:var(--g08);border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:800}.tego-sub.page-board .mcard h4{margin:12px 0 16px;font-size:17px;font-weight:800;line-height:1.45}.tego-sub.page-board .mcard .meta{color:var(--g40);font-size:12.5px}.tego-sub.page-board .cnt{text-align:center;color:var(--g40);margin:34px 0 22px;font-size:13px}.tego-sub.page-board .cnt b{color:var(--green)}.tego-sub.page-board .more{text-align:center;margin:44px 0 120px}.tego-sub.page-board .mhero{padding:96px 0 48px}.tego-sub.page-board .mhero h2{font-size:60px;font-weight:900;line-height:1.14}.tego-sub.page-board .mhero p{color:var(--ink);font-size:18px;font-weight:500}.tego-sub.page-board .tabs{margin-bottom:40px}.tego-sub.page-board .tab{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-board .magfeat{grid-template-columns:1.1fr .9fr;margin-bottom:24px}.tego-sub.page-board .magfeat .fbody{padding:40px}.tego-sub.page-board .magfeat h3{font-size:32px;font-weight:700;line-height:1.28}.tego-sub.page-board .magfeat p{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-board .magfeat .meta{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-board .magfeat .fimg .fl{color:var(--cream);font-size:12px;font-weight:500}.tego-sub.page-board .maggrid{gap:18px}.tego-sub.page-board .mcard .mb{padding:24px}.tego-sub.page-board .mcard .mimg .fl{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-board .mcard h4{font-size:20px;font-weight:700}.tego-sub.page-board .mcard .meta,.tego-sub.page-board .cnt{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-portfolio .phero{text-align:center;padding:80px 0 0}.tego-sub.page-portfolio .phero h2{letter-spacing:-.03em;margin:14px 0;font-size:52px;font-weight:800}.tego-sub.page-portfolio .phero p{color:var(--g60);font-size:17px}.tego-sub.page-portfolio .marquee{border-top:1px solid var(--g12);border-bottom:1px solid var(--g12);margin-top:56px;padding:24px 0;overflow:hidden}.tego-sub.page-portfolio .marquee .track{white-space:nowrap;gap:44px;width:max-content;animation:26s linear infinite scroll;display:flex}.tego-sub.page-portfolio .marquee .track b{letter-spacing:-.01em;color:var(--green);font-size:46px;font-weight:800}.tego-sub.page-portfolio .marquee .track .o{color:#0000;-webkit-text-stroke:1.4px var(--g40)}.tego-sub.page-portfolio .filters{flex-wrap:wrap;justify-content:center;gap:10px;margin:52px 0 40px;display:flex}.tego-sub.page-portfolio .fbtn{color:var(--g60);border:1px solid var(--g15);cursor:pointer;background:0 0;border-radius:999px;padding:13px 24px;font-size:15px;font-weight:700}.tego-sub.page-portfolio .fbtn.on{color:var(--cream);background:var(--green);border-color:var(--green)}.tego-sub.page-portfolio .cnt{text-align:center;color:var(--g40);margin-bottom:26px;font-size:13px}.tego-sub.page-portfolio .cnt b{color:var(--green);font-weight:700}.tego-sub.page-portfolio .pcases{grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:120px;display:grid}.tego-sub.page-portfolio .pcase{cursor:pointer;border:1px solid var(--g12);border-radius:20px;min-height:300px;position:relative;overflow:hidden}.tego-sub.page-portfolio .pcase .pimg2{background:linear-gradient(140deg,#1c4e44,#0d2a24);position:absolute;inset:0}.tego-sub.page-portfolio .pcase .plabel{z-index:2;color:#faf9f699;letter-spacing:.06em;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.tego-sub.page-portfolio .pcase .pov{z-index:2;color:var(--cream);background:linear-gradient(#0d2a2400,#0d2a24e0);padding:24px;position:absolute;bottom:0;left:0;right:0}.tego-sub.page-portfolio .pcase .pcat{color:#faf9f6b8;font-size:12px;font-weight:600}.tego-sub.page-portfolio .pcase .pnm{margin-top:3px;font-size:21px;font-weight:800}.tego-sub.page-portfolio .pcase .ptg{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.tego-sub.page-portfolio .pcase .ptg span{color:var(--cream);background:#faf9f629;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.tego-sub.page-portfolio .pcase .pgo{z-index:2;color:var(--ink);background:var(--cream);opacity:0;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:opacity .15s ease-in-out;position:absolute;top:14px;right:14px}.tego-sub.page-portfolio .pcase:hover .pgo{opacity:1}.tego-sub.page-portfolio .pcase.brand{background:var(--green);border-color:var(--green);color:var(--cream);flex-direction:column;justify-content:space-between;padding:28px;display:flex}.tego-sub.page-portfolio .pcase.brand .bk{color:#8fe3c4;letter-spacing:.04em;font-size:12px;font-weight:800}.tego-sub.page-portfolio .pcase.brand h4{margin:12px 0;font-size:21px;font-weight:800;line-height:1.42}.tego-sub.page-portfolio .pcase.brand p{color:#faf9f6bf;font-size:13.5px;line-height:1.6}.tego-sub.page-portfolio .pcase.brand .bmore{color:var(--cream);align-items:center;gap:6px;margin-top:16px;font-size:12.5px;font-weight:700;display:inline-flex}.tego-sub.page-portfolio .pmodal{z-index:100;background:#0d2a248c;justify-content:center;align-items:flex-start;padding:48px 20px;display:none;position:fixed;inset:0;overflow-y:auto}.tego-sub.page-portfolio .pmodal.open{display:flex}.tego-sub.page-portfolio .pmbox{background:var(--cream);border-radius:22px;width:100%;max-width:760px;overflow:hidden;box-shadow:0 30px 80px #0d2a2466}.tego-sub.page-portfolio .pmhero{min-height:270px;color:var(--cream);background:linear-gradient(140deg,#1c4e44,#0d2a24);flex-direction:column;justify-content:flex-end;padding:32px;display:flex;position:relative}.tego-sub.page-portfolio .pmhero .story{letter-spacing:.06em;color:#8fe3c4;font-size:12px;font-weight:800}.tego-sub.page-portfolio .pmhero h4{margin:10px 0 14px;font-size:27px;font-weight:800;line-height:1.35}.tego-sub.page-portfolio .pmhero .tg{flex-wrap:wrap;gap:6px;display:flex}.tego-sub.page-portfolio .pmhero .tg span{background:#faf9f62e;border-radius:6px;padding:5px 11px;font-size:11.5px;font-weight:700}.tego-sub.page-portfolio .pmclose{width:40px;height:40px;color:var(--cream);cursor:pointer;background:#faf9f629;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.tego-sub.page-portfolio .pmbody{padding:36px 40px 40px}.tego-sub.page-portfolio .pmsec{margin-bottom:30px}.tego-sub.page-portfolio .pmsec .h{color:var(--green);letter-spacing:.03em;align-items:center;gap:9px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.tego-sub.page-portfolio .pmsec .h .no{background:var(--g08);border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.tego-sub.page-portfolio .pmsec p{color:var(--ink);font-size:15px;line-height:1.85}.tego-sub.page-portfolio .pmba{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.tego-sub.page-portfolio .pmba .b{border:1px solid var(--g12);border-radius:12px;overflow:hidden}.tego-sub.page-portfolio .pmba .b .im{height:150px;color:var(--g60);background:linear-gradient(140deg,#1c4e441f,#0d2a2433);justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tego-sub.page-portfolio .pmba .b .cap{color:var(--g60);padding:11px 14px;font-size:12.5px;font-weight:700}.tego-sub.page-portfolio .pmsol{flex-wrap:wrap;gap:8px;display:flex}.tego-sub.page-portfolio .pmsol span{color:var(--green);background:var(--g08);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700}.tego-sub.page-portfolio .pmmeta{border-top:1px solid var(--g12);color:var(--g60);align-items:center;gap:11px;margin:8px 0 24px;padding-top:22px;font-size:13px;display:flex}.tego-sub.page-portfolio .pmmeta .av{background:var(--g08);width:34px;height:34px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.tego-sub.page-portfolio .pmcta{flex-wrap:wrap;gap:12px;display:flex}.tego-sub.page-portfolio .phero{padding:96px 0 0}.tego-sub.page-portfolio .phero h2{font-size:60px;font-weight:900;line-height:1.14}.tego-sub.page-portfolio .phero p{color:var(--ink);font-size:18px;font-weight:500}.tego-sub.page-portfolio .marquee{margin-top:64px}.tego-sub.page-portfolio .marquee .track b{font-size:32px;font-weight:700}.tego-sub.page-portfolio .filters{margin:56px 0 32px}.tego-sub.page-portfolio .fbtn{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-portfolio .cnt{color:var(--ink);margin-bottom:32px;font-size:12px;font-weight:500}.tego-sub.page-portfolio .pcases{gap:18px}.tego-sub.page-portfolio .pcase .plabel,.tego-sub.page-portfolio .pcase .pcat{color:var(--cream);font-size:12px;font-weight:500}.tego-sub.page-portfolio .pcase .pnm,.tego-sub.page-portfolio .pcase.brand h4{font-size:20px;font-weight:700}.tego-sub.page-portfolio .pcase.brand p{color:var(--cream);font-size:16px;font-weight:500}.tego-sub.page-portfolio .pmhero h4{font-size:32px;font-weight:700}.tego-sub.page-portfolio .pmsec p{font-size:18px;font-weight:500}.tego-sub.page-portfolio .pmba .b .im,.tego-sub.page-portfolio .pmba .b .cap,.tego-sub.page-portfolio .pmmeta{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-product svg{stroke-width:1.7px}.tego-sub.page-product .btn{padding:15px 26px}.tego-sub.page-product .shero{text-align:center;padding:80px 0 40px}.tego-sub.page-product .shero h2{letter-spacing:-.02em;margin:14px 0;font-size:46px;font-weight:800}.tego-sub.page-product .shero p{color:var(--g60);font-size:17px}.tego-sub.page-product .tabbar{background:var(--g05);border:1px solid var(--g12);border-radius:999px;justify-content:center;gap:6px;width:fit-content;margin:36px auto 56px;padding:6px;display:flex}.tego-sub.page-product .tabbtn{color:var(--g60);cursor:pointer;white-space:nowrap;border-radius:999px;padding:14px 30px;font-size:16px;font-weight:700}.tego-sub.page-product .tabbtn.on{background:var(--green);color:var(--cream)}.tego-sub.page-product .tabbtn .no{opacity:.6;margin-right:7px;font-weight:800}.tego-sub.page-product .panel{padding-bottom:120px;display:none}.tego-sub.page-product .panel.on{animation:.25s ease-in-out fade;display:block}.tego-sub.page-product .phead{text-align:center;margin-bottom:44px}.tego-sub.page-product .phead .no{color:var(--g40);letter-spacing:.1em;font-size:14px;font-weight:800}.tego-sub.page-product .phead h3{letter-spacing:-.02em;margin:10px 0 8px;font-size:38px;font-weight:800}.tego-sub.page-product .phead .price{color:var(--green);background:var(--g08);border-radius:999px;margin-bottom:16px;padding:8px 16px;font-size:14px;font-weight:800;display:inline-block}.tego-sub.page-product .phead .hook{color:var(--g60);font-size:18px}.tego-sub.page-product .pgrid{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:24px;display:grid}.tego-sub.page-product .card{border:1px solid var(--g12);background:#fff;border-radius:20px;padding:32px}.tego-sub.page-product .card h4{align-items:center;gap:9px;margin-bottom:20px;font-size:16px;font-weight:800;display:flex}.tego-sub.page-product .card h4 .tri{gap:3px;display:inline-flex}.tego-sub.page-product .card h4 .tri i{background:var(--green);border-radius:50%;width:6px;height:6px}.tego-sub.page-product .incl .f{border-top:1px solid var(--g08);gap:13px;padding:12px 0;display:flex}.tego-sub.page-product .incl .f:first-of-type{border-top:0}.tego-sub.page-product .incl .f .ic{width:26px;height:26px;color:var(--cream);background:var(--green);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.tego-sub.page-product .incl .f .ic svg{stroke-width:2.4px;width:15px;height:15px}.tego-sub.page-product .incl .f b{font-size:15px;font-weight:700;display:block}.tego-sub.page-product .incl .f span{color:var(--g60);font-size:13px}.tego-sub.page-product .aside{display:flex}.tego-sub.page-product .aside>.card{width:100%;height:100%}.tego-sub.page-product .aside .who{margin-bottom:16px}.tego-sub.page-product .aside .who .w{color:var(--ink);gap:10px;padding:8px 0;font-size:14px;display:flex}.tego-sub.page-product .aside .who .w svg{width:17px;height:17px;color:var(--green);flex:none;margin-top:2px}.tego-sub.page-product .policy{background:var(--g05);border:1px solid var(--g12);color:var(--g60);border-radius:16px;margin-top:16px;padding:20px;font-size:13px;line-height:1.7}.tego-sub.page-product .policy b{color:var(--ink);font-weight:700}.tego-sub.page-product .actions{flex-direction:column;gap:10px;margin-top:16px;display:flex}.tego-sub.page-product .actions .btn{justify-content:center}.tego-sub.page-product .note{text-align:center;max-width:800px;color:var(--ink);background:var(--card);border:1px solid var(--g12);border-radius:14px;margin:0 auto 40px;padding:16px 20px;font-size:13.5px;line-height:1.7}.tego-sub.page-product .note a{color:var(--green);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.tego-sub.page-product .shero{padding:96px 0 48px}.tego-sub.page-product .shero h2{font-size:60px;font-weight:900;line-height:1.14}.tego-sub.page-product .shero p{color:var(--ink);font-size:18px;font-weight:500}.tego-sub.page-product .tabbar{margin:32px auto 64px}.tego-sub.page-product .tabbtn{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-product .tabbtn .no{opacity:1}.tego-sub.page-product .phead{margin-bottom:48px}.tego-sub.page-product .phead .no{color:var(--green);font-size:12px;font-weight:700}.tego-sub.page-product .phead h3{font-size:32px;font-weight:700;line-height:1.28}.tego-sub.page-product .phead .hook{color:var(--ink);font-size:18px;font-weight:500}.tego-sub.page-product .pgrid{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:20px}.tego-sub.page-product .card{padding:32px}.tego-sub.page-product .card h4{font-size:20px;font-weight:700}.tego-sub.page-product .incl .f b{font-size:16px;font-weight:700}.tego-sub.page-product .incl .f span{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-product .aside .who .w{font-size:16px;font-weight:500}.tego-sub.page-product .policy{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-product .note{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-read .acat{color:var(--green);background:var(--g08);border-radius:8px;margin:22px 0 16px;padding:6px 13px;font-size:12.5px;font-weight:800;display:inline-block}.tego-sub.page-read .ahead h2{letter-spacing:-.02em;font-size:40px;font-weight:800;line-height:1.28}.tego-sub.page-read .ameta{color:var(--g60);align-items:center;gap:12px;margin-top:22px;font-size:13.5px;display:flex}.tego-sub.page-read .ameta .av{background:var(--g08);width:38px;height:38px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.tego-sub.page-read .ameta b{color:var(--ink);font-weight:700}.tego-sub.page-read .ahero{background:linear-gradient(140deg,#1c4e44,#0d2a24);border-radius:22px;height:360px;margin:34px 0 0;position:relative}.tego-sub.page-read .ahero .fl{color:#faf9f68c;letter-spacing:.06em;font-size:11px;font-weight:700;position:absolute;top:20px;left:20px}.tego-sub.page-read .artgrid{grid-template-columns:1fr 210px;align-items:start;gap:56px;padding:50px 0 40px;display:grid}.tego-sub.page-read .toc{position:sticky;top:100px}.tego-sub.page-read .toc .tt{color:var(--g40);letter-spacing:.12em;margin-bottom:14px;font-size:11.5px;font-weight:800}.tego-sub.page-read .toc a{color:var(--g60);border-left:2px solid var(--g12);padding:8px 0 8px 14px;font-size:13.5px;line-height:1.4;display:block}.tego-sub.page-read .toc a:hover{color:var(--green);border-color:var(--green)}.tego-sub.page-read .article p{color:var(--ink);margin-bottom:22px;font-size:17px;line-height:1.9}.tego-sub.page-read .article h3{letter-spacing:-.01em;margin:44px 0 18px;scroll-margin-top:90px;font-size:24px;font-weight:800}.tego-sub.page-read .article .lead{color:var(--g60);margin-bottom:30px;font-size:19px;line-height:1.75}.tego-sub.page-read .article ul{margin:0 0 22px;padding:0;list-style:none}.tego-sub.page-read .article ul li{color:var(--ink);padding:8px 0 8px 22px;font-size:16.5px;line-height:1.7;position:relative}.tego-sub.page-read .article ul li:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;position:absolute;top:16px;left:0}.tego-sub.page-read .article .imgph{height:280px;color:var(--g60);background:linear-gradient(140deg,#1c4e441f,#0d2a2433);border-radius:16px;justify-content:center;align-items:center;margin:30px 0;font-size:12.5px;font-weight:700;display:flex}.tego-sub.page-read .checklist{background:var(--g05);border:1px solid var(--g12);border-radius:16px;margin:6px 0 26px;padding:26px 28px}.tego-sub.page-read .checklist b{margin-bottom:14px;font-size:15px;font-weight:800;display:block}.tego-sub.page-read .checklist .c{color:var(--ink);gap:11px;padding:7px 0;font-size:15px;display:flex}.tego-sub.page-read .checklist .c svg{width:18px;height:18px;color:var(--green);flex:none;margin-top:3px}.tego-sub.page-read .midcta{background:var(--green);color:var(--cream);border-radius:18px;flex-wrap:wrap;align-items:center;gap:24px;margin:36px 0;padding:30px 32px;display:flex}.tego-sub.page-read .midcta .t b{font-size:19px;font-weight:800;display:block}.tego-sub.page-read .midcta .t span{color:#faf9f6bf;font-size:14px}.tego-sub.page-read .midcta .btn{--control-invert-bg:var(--green);--control-invert-color:var(--cream);--control-invert-border:var(--green);background:var(--cream);color:var(--green);margin-left:auto}.tego-sub.page-read .tags{flex-wrap:wrap;gap:8px;margin:36px 0;display:flex}.tego-sub.page-read .tags span{color:var(--g60);background:var(--g05);border:1px solid var(--g12);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700}.tego-sub.page-read .authorbox{border:1px solid var(--g12);background:#fff;border-radius:18px;align-items:center;gap:16px;padding:24px 26px;display:flex}.tego-sub.page-read .authorbox .av{background:var(--g08);width:54px;height:54px;color:var(--green);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.tego-sub.page-read .authorbox p{color:var(--g60);margin-top:4px;margin-bottom:0;font-size:13.5px}.tego-sub.page-read .related{border-top:1px solid var(--g12);padding:56px 0 120px}.tego-sub.page-read .related h3{align-items:center;gap:8px;margin-bottom:26px;font-size:22px;font-weight:800;display:flex}.tego-sub.page-read .related h3 .icon{stroke-width:1.8px;flex:none;width:22px;height:22px}.tego-sub.page-read .rgrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tego-sub.page-read .rcard{border:1px solid var(--g12);cursor:pointer;background:#fff;border-radius:16px;overflow:hidden}.tego-sub.page-read .rcard .im{aspect-ratio:16/9;background:linear-gradient(140deg,#1c4e4424,#0d2a2438)}.tego-sub.page-read .rcard .b{padding:18px}.tego-sub.page-read .rcard .cat{color:var(--green);font-size:11px;font-weight:800}.tego-sub.page-read .rcard h4{margin:9px 0 12px;font-size:15px;font-weight:800;line-height:1.45}.tego-sub.page-read .rcard .meta{color:var(--g40);align-items:center;font-size:12px;display:flex}.tego-sub.page-read .ahead{padding:72px 0 40px}.tego-sub.page-read .back{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-read .acat{letter-spacing:.12em;font-size:12px;font-weight:700}.tego-sub.page-read .ahead h2{font-size:60px;font-weight:900;line-height:1.14}.tego-sub.page-read .ameta{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-read .ahero .fl{color:var(--cream);font-size:12px;font-weight:500}.tego-sub.page-read .artgrid{grid-template-columns:minmax(0,1fr) 240px;gap:64px;padding:56px 0 48px}.tego-sub.page-read .toc .tt{color:var(--green);font-size:12px;font-weight:700}.tego-sub.page-read .toc a{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-read .article p,.tego-sub.page-read .article .lead{color:var(--ink);font-size:18px;font-weight:500}.tego-sub.page-read .article h3{margin:56px 0 20px;font-size:32px;font-weight:700;line-height:1.28}.tego-sub.page-read .article ul li{font-size:18px;font-weight:500}.tego-sub.page-read .article .imgph{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-read .checklist b{font-size:20px;font-weight:700}.tego-sub.page-read .checklist .c{font-size:16px;font-weight:500}.tego-sub.page-read .midcta .t b{font-size:20px;font-weight:700}.tego-sub.page-read .midcta .t span{color:var(--cream);font-size:16px;font-weight:500}.tego-sub.page-read .tags span{color:var(--ink);font-size:12px;font-weight:500}.tego-sub.page-read .authorbox b{font-size:20px;font-weight:700}.tego-sub.page-read .authorbox p{color:var(--ink);font-size:16px;font-weight:500}.tego-sub.page-read .related h3,.tego-sub.page-read .rcard h4{font-size:20px;font-weight:700}.tego-sub.page-read .rcard .meta{color:var(--ink);font-size:12px;font-weight:500}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tego-sub.page-portfolio .pmodal{align-items:flex-end;padding-bottom:0;overflow:hidden}.tego-sub.page-portfolio .pmbox{border-radius:22px 22px 0 0;max-height:calc(100dvh - 48px);position:relative;overflow:hidden}.tego-sub.page-portfolio .pminner{max-height:inherit;overscroll-behavior:contain;overflow:hidden auto}.tego-sub.page-portfolio .pmclose{z-index:2;color:var(--green);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c4e4429;margin:0;position:absolute;top:18px;right:18px}.tego-sub.page-portfolio .pmclose.is-on-dark{color:var(--cream);background:#faf9f629}.tego-sub.page-read .acat-block{width:fit-content;display:block}.tego-sub.page-design .chip-primary{background:#1c4e44}.tego-sub.page-design .chip-cream{background:#faf9f6}.tego-sub.page-design .chip-ink{background:#0d2a24}.tego-sub.page-design .chip-card{background:#e8efec}.tego-sub.page-design .chip-alert{background:#d96b43}.tego-sub.page-design .role-on-dark{color:#faf9f6;background:#faf9f629}.tego-sub.page-design .role-on-light{color:#1c4e44;background:#1c4e441a}.tego-sub.page-design .role-alert{color:#fff;background:#ffffff38}.tego-sub.page-design .tint-05{background:#1c4e440d}.tego-sub.page-design .tint-08{background:#1c4e4414}.tego-sub.page-design .tint-12{background:#1c4e441f}.tego-sub.page-design .tint-15{background:#1c4e4426}.tego-sub.page-design .tint-90{background:#1c4e44eb}.tego-sub.page-design .role-column{width:280px}.tego-sub.page-design .dot-ink{background:#0d2a24}.tego-sub.page-design .dot-primary{background:#1c4e44}.tego-sub.page-design .dot-cream{background:#faf9f6}.tego-sub.page-design .dot-tint{background:#1c4e4414}.tego-sub.page-design .dot-card{background:#e8efec}.tego-sub.page-design .dot-alert{background:#d96b43}.tego-sub.page-design .dot-mint{background:#8fe3c4}.tego-sub.page-design .on-dark{color:var(--cream)}.tego-sub.page-design .demo-wide{grid-column:1/-1}.tego-sub.page-design .space-8{margin-top:8px}.tego-sub.page-design .space-10{margin-top:10px}.tego-sub.page-design .space-16{margin-top:16px}.tego-sub.page-design .section-last{border-bottom:0}.tego-sub.page-design .pair-cream{background:#faf9f6}.tego-sub.page-design .pair-green{color:#faf9f6;background:#1c4e44}.tego-sub.page-design .pair-ink{color:#faf9f6;background:#0d2a24}.tego-sub.page-design .mint-text{color:#8fe3c4}@media (max-width:1280px){.tego-sub-standard .wrap,.tego-sub-standard nav .in,.tego-sub.page-design .wrap{padding-left:36px;padding-right:36px}.tego-sub.page-read .artgrid{gap:48px}}@media (max-width:1024px){.tego-sub-standard .wrap,.tego-sub-standard nav .in,.tego-sub.page-design .wrap{padding-left:28px;padding-right:28px}.tego-sub-standard nav .links{gap:18px;font-size:14px}.tego-sub.page-board .magfeat .fbody{padding:30px}.tego-sub.page-board .maggrid,.tego-sub.page-portfolio .pcases{grid-template-columns:repeat(2,minmax(0,1fr))}.tego-sub.page-product .pgrid{grid-template-columns:minmax(0,1fr) minmax(270px,.82fr)}.tego-sub.page-read .artgrid{grid-template-columns:minmax(0,1fr) 200px;gap:36px}.tego-sub.page-read .rgrid,.tego-sub.page-design .core{grid-template-columns:repeat(2,minmax(0,1fr))}.tego-sub.page-design .core .sw:first-child{grid-column:1/-1}.tego-sub.page-design .tints{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.tego-sub-standard .wrap,.tego-sub-standard nav .in,.tego-sub.page-design .wrap{padding-left:24px;padding-right:24px}.tego-sub-standard nav .links,.tego-sub-standard nav .my{display:none}.tego-sub-standard nav .right{gap:0}.tego-sub-standard :is(.mhero,.phero,.shero,.ahead) h2{font-size:48px}.tego-sub.page-board .magfeat{grid-template-columns:1fr}.tego-sub.page-board .magfeat .fimg{min-height:300px}.tego-sub.page-product .pgrid{grid-template-columns:1fr}.tego-sub.page-product .tabbar{scrollbar-width:none;justify-content:flex-start;max-width:100%;overflow-x:auto}.tego-sub.page-product .tabbar::-webkit-scrollbar{display:none}.tego-sub.page-read .artgrid{grid-template-columns:1fr}.tego-sub.page-read .toc{display:none}.tego-sub.page-design .srow{grid-template-columns:120px minmax(0,1fr)}.tego-sub.page-design .srow .spec{text-align:left;grid-column:2}.tego-sub.page-design :is(.apps,.dd){grid-template-columns:1fr}.tego-sub.page-design .pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.tego-sub-standard .wrap,.tego-sub-standard nav .in,.tego-sub.page-design .wrap{padding-left:20px;padding-right:20px}.tego-sub-standard nav .in{padding-top:12px;padding-bottom:12px}.tego-sub-standard .logo{font-size:21px}.tego-sub-standard nav .btn{padding:10px 14px;font-size:13px}.tego-sub-standard :is(.mhero,.phero,.shero,.ahead){padding-top:64px}.tego-sub-standard :is(.mhero,.phero,.shero,.ahead) h2{font-size:40px;line-height:1.16}.tego-sub-standard footer{padding:44px 0 36px}.tego-sub.page-board .tabs,.tego-sub.page-portfolio .filters{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tego-sub.page-board .tabs::-webkit-scrollbar{display:none}.tego-sub.page-portfolio .filters::-webkit-scrollbar{display:none}.tego-sub.page-board .tab,.tego-sub.page-portfolio .fbtn{flex:none}.tego-sub.page-board .magfeat .fimg{min-height:230px}.tego-sub.page-board .magfeat .fbody{padding:24px 22px}.tego-sub.page-board .magfeat h3{font-size:26px}.tego-sub.page-board .maggrid,.tego-sub.page-portfolio .pcases{grid-template-columns:1fr}.tego-sub.page-portfolio .phero{padding-bottom:0}.tego-sub.page-portfolio .marquee{font-size:26px}.tego-sub.page-portfolio .pcases{padding-bottom:88px}.tego-sub.page-portfolio .pmodal{padding:12px 12px 0}.tego-sub.page-portfolio .pmbox{max-height:94dvh}.tego-sub.page-product .tabbar{border-radius:16px;width:100%;margin:24px auto 44px}.tego-sub.page-product .tabbtn{flex:none;padding:11px 14px;font-size:13px}.tego-sub.page-product .panel{padding-bottom:88px}.tego-sub.page-product .card{padding:22px}.tego-sub.page-product .actions .btn{justify-content:center;width:100%}.tego-sub.page-read .ameta{flex-wrap:wrap;gap:10px 18px}.tego-sub.page-read .ahero{height:220px}.tego-sub.page-read .artgrid{padding:38px 0}.tego-sub.page-read .article :is(p,.lead,ul li){font-size:16px}.tego-sub.page-read .article h3{margin-top:44px;font-size:26px}.tego-sub.page-read .article .imgph{height:200px}.tego-sub.page-read .checklist{padding:22px 20px}.tego-sub.page-read .midcta{align-items:flex-start;padding:24px 22px}.tego-sub.page-read .midcta .btn{justify-content:center;width:100%;margin-left:0}.tego-sub.page-read .related{padding:48px 0 88px}.tego-sub.page-read .rgrid{grid-template-columns:1fr}.tego-sub.page-design .cover{padding:72px 0 48px}.tego-sub.page-design .h1{font-size:40px}.tego-sub.page-design section{padding:56px 0}.tego-sub.page-design .core,.tego-sub.page-design .tints,.tego-sub.page-design .fn,.tego-sub.page-design .pairs{grid-template-columns:1fr}.tego-sub.page-design .core .sw:first-child{grid-column:auto}.tego-sub.page-design .srow{grid-template-columns:1fr;gap:10px;padding:18px}.tego-sub.page-design .srow .spec{grid-column:auto}.tego-sub.page-design .scale{overflow:hidden}.tego-sub.page-design .roles{white-space:nowrap;display:block;overflow-x:auto}.tego-sub.page-design .roles :is(thead,tbody,table){min-width:680px}}@media (max-width:360px){.tego-sub-standard .wrap,.tego-sub-standard nav .in,.tego-sub.page-design .wrap{padding-left:14px;padding-right:14px}.tego-sub-standard .logo{font-size:19px}.tego-sub-standard nav .btn{padding:9px 11px;font-size:11px}.tego-sub-standard :is(.mhero,.phero,.shero,.ahead) h2{font-size:34px}.tego-sub.page-board .magfeat .fbody,.tego-sub.page-product .card,.tego-sub.page-portfolio .pcase .body{padding:18px 16px}.tego-sub.page-product .tabbtn{padding:10px 12px;font-size:12px}.tego-sub.page-read .ahead h2{font-size:32px}.tego-sub.page-read .ahero{height:180px}.tego-sub.page-read .checklist,.tego-sub.page-read .midcta{padding:20px 16px}.tego-sub.page-read .authorbox{flex-direction:column;align-items:flex-start;padding:20px 18px}.tego-sub.page-design .h1{font-size:34px}.tego-sub.page-design .h2{font-size:28px}.tego-sub.page-design section{padding:44px 0}.tego-sub.page-design .demo,.tego-sub.page-design .ddc,.tego-sub.page-design .pair{padding:20px 16px}}.tego-sub footer nav.flinks{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;background:0 0;border-bottom:none;width:auto;position:static}
