/* ═══════════════════════════════════════════════════════════════════════════ 17 ИМЁН КЛАССОВ, КОТОРЫЕ МАКЕТ ДЕЛИТ С ДИЗАЙН-СИСТЕМОЙ САЙТА Эта страница собрана из макета (sales/mockup-home-v12.html), который писал свои классы, не зная про landing.css и tsekh360.css. Совпало 17 имён: active btn container done eyebrow field-label go hero hero-cta logo nav on orders-head pill role-card roles-grid section-head Обычно это сходит с рук: test2.css подключается последним и переобъявляет те же свойства. Ломается там, где САЙТ объявляет свойство, которого в макете нет, — переопределять нечего, и применяется чужое значение. Так укусили три из семнадцати: .nav tsekh360.css: flex-direction:column (примитив боковой навигации) — горизонтальное меню встало столбиком .container tsekh360.css: max-width:1240px + padding:40px — полоса контента ужалась с 1260 до 1160 .section-head landing.css:79: text-align:center — заголовки разделов центрировались против макета Оставшиеся 14 сегодня не ломаются, но это не свойство кода, а совпадение: любое новое свойство у сайтового правила проявится здесь молча. Следующей странице, собранной из макета, начинать с этого списка. Проверка — прогнать по всем классам страницы и посмотреть, кто их ещё стилизует, кроме собственного файла страницы. ═══════════════════════════════════════════════════════════════════════════ */ /* Ширина нарисованного приложения — свойство ЭТОЙ страницы, не компонента: здесь оно лежит во всю полосу, на /test3 — в колонке 737px. */ @media (min-width:1160px){ .p-t2 .app-layout{min-width:1060px} } /* НЕ 901: в полосе 881–1159 product-ui кладёт приложение в одну колонку и снимает min-width; правило с (0,2,0) перебивало это освобождение и обрезало 138px на 1024 */ /* Правила отнесены к обёртке .p-t2: шапка и подвал общие и лежат ВНЕ неё. Токены — в candidate.css на .p-cand (класс на ); собственного :root у страницы больше нет. */ .p-t2 *{box-sizing:border-box} html{scroll-behavior:smooth} .p-t2{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:var(--c-fs-body);font-weight:var(--c-fw-text);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} .p-t2 a{text-decoration:none;color:inherit} .p-t2 img, .p-t2 svg{display:block;max-width:100%} .p-t2 .hidden{display:none} .p-t2 .btn{height:48px;padding:0 18px;border-radius:var(--c-r-control);border:1px solid #d7d0c8;background:#fff;color:#181818;font-size:var(--c-fs-body);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease} .p-t2 .btn:hover{transform:translateY(-1px)} .p-t2 .btn-orange{background:var(--c-accent);border-color:var(--c-accent);color:#fff} .p-t2 .btn-outline{background:#fff} .p-t2 .btn-dark{background:#171717;border-color:#171717;color:#fff} .p-t2 main{overflow:hidden} .p-t2 .hero{padding:80px 0 36px} .p-t2 .eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:var(--c-r-pill);border:1px solid var(--c-accent-border);background:var(--c-accent-tint);color:var(--c-accent-ink);padding:8px 14px;font-size:var(--c-fs-small);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:0} .p-t2 .eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--c-accent)} .p-t2 .hero-top{text-align:center} .p-t2 .hero h1{font-size:var(--c-fs-h1);line-height:var(--c-lh-h1);letter-spacing:var(--c-ls-h1);font-weight:var(--c-fw-head);margin:18px auto 18px;max-width:1120px} .p-t2 .hero-top p{margin:0 auto;max-width:900px;font-size:18px;line-height:1.55;color:var(--c-muted)} .p-t2 .hero-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:30px} .p-t2 .hero-note{font-size:var(--c-fs-body);color:var(--c-muted-2);margin-top:14px} .p-t2 .hero-stage{margin-top:46px;border-radius:var(--c-r-frame);padding:30px;background:radial-gradient(circle at 14% 16%,rgba(255,239,171,.95),transparent 26%),radial-gradient(circle at 86% 12%,rgba(255,169,97,.72),transparent 26%),linear-gradient(135deg,#f4cb66 0%,#f59c4f 24%,#f5762d 62%,#fc4f0f 100%)} .p-t2 .hero-stage-inner{width:min(1180px,100%);margin:0 auto} .p-t2 .full-app{background:#fff;border-radius:var(--c-r-frame);overflow:hidden;border:1px solid rgba(255,255,255,.72);box-shadow:var(--c-shadow-lg)} /* Видео-демо hero: заменяет бывший статичный .app-layout (сайдбар + дашборд, min-height:630px в product-ui.css) внутри той же .full-app — плашка, .app-top и .module-strip не тронуты. aspect-ratio задаёт размер контейнера ДО загрузки видео (нет CLS), 16/9 — тот же кадр, что у исходного screenshot интерфейса на десктопе/планшете. object-fit: contain — на случай долей пикселя расхождения между aspect-ratio контейнера и фактическим кадром видео, без обрезки и искажения. Брейкпоинт 640 — тот же, что уже переключает .hero-stage/.module-strip на мобильный вид чуть ниже в этом файле, не новый порог. */ .p-t2 .hero-video{ position:relative; width:100%; aspect-ratio:16/9; background:#fff } .p-t2 .hero-video-el{ display:block; width:100%; height:100%; object-fit:contain; background:#fff } @media(max-width:640px){ .p-t2 .hero-video{ aspect-ratio:4/5 } } /* Кнопка звука — поверх видео, не новая декоративная рамка у плашки: компактная пилюля в углу кадра. Тач-зона на мобильном — не меньше 44×44 за счёт padding, а не видимого размера иконки. */ .p-t2 .hero-sound{ position:absolute; right:14px; bottom:14px; z-index:1; display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 14px; border:0; border-radius:999px; background:rgba(23,23,23,.72); color:#fff; font-size:13px; font-weight:600; cursor:pointer; backdrop-filter:blur(3px); transition:background .15s ease; } .p-t2 .hero-sound:hover{ background:rgba(23,23,23,.86) } .p-t2 .hero-sound-icon{ width:18px; height:18px; flex:none } .p-t2 .hero-sound-icon-on{ display:none } .p-t2 .hero-sound-icon-play{ display:none } .p-t2 .hero-video.sound-on .hero-sound-icon-off{ display:none } .p-t2 .hero-video.sound-on .hero-sound-icon-on{ display:block } /* После включения звука подпись прячется — компактный mute/unmute, как просили («можно заменить кнопку на компактный control»). Тач-зона (весь .hero-sound) при этом не уменьшается — только видимый текст. */ .p-t2 .hero-video.sound-on .hero-sound{ padding:0; width:38px; justify-content:center } .p-t2 .hero-video.sound-on .hero-sound-label{ display:none } /* Автоплея нет нигде (landing.js) — ни на десктопе, ни на мобильном. До первого нажатия кнопка не пилюля в углу, а крупная центральная «play»: единственный способ понять, что здесь видео, раз оно само не запускается. Раньше это правило стояло только под @media(max-width:640px) — было верно для мобильного, где автоплея не было изначально; теперь автоплея нет и на десктопе, поэтому правило без медиазапроса, одно состояние на всех ширинах. */ .p-t2 .hero-video:not(.sound-on) .hero-sound{ left:50%; right:auto; top:50%; bottom:auto; transform:translate(-50%,-50%); width:64px; height:64px; padding:0; justify-content:center; gap:0; background:rgba(23,23,23,.78); } .p-t2 .hero-video:not(.sound-on) .hero-sound-icon-play{ display:block; width:24px; height:24px } .p-t2 .hero-video:not(.sound-on) .hero-sound-icon-off{ display:none } .p-t2 .hero-video:not(.sound-on) .hero-sound-label{ display:none } @media(max-width:640px){ /* Увеличенная тач-зона компактной пилюли (после клика) — про размер пальца на мобильном, а не про автоплей; эта часть мобильной не была. */ .p-t2 .hero-sound{ right:10px; bottom:10px; height:44px } .p-t2 .hero-video.sound-on .hero-sound{ width:44px } } .p-t2 .app-dots{display:flex;gap:7px} .p-t2 .app-dots i{width:8px;height:8px;border-radius:50%;background:#cac5be} .p-t2 .app-top-right{display:none} .p-t2 .side-user{display:flex;align-items:center;gap:10px;padding:14px 10px 0;margin-top:22px;border-top:1px solid var(--c-line)} .p-t2 .side-avatar{width:34px;height:34px;border-radius:50%;background:#ece8e3;display:grid;place-items:center;font-weight:600;font-size:13px;color:#5d5852} .p-t2 .side-user b{display:block;font-size:14px;line-height:1.2} .p-t2 .side-user span{display:block;font-size:13px;color:var(--c-muted-2)} .p-t2 .red{background:var(--c-red-soft);color:var(--c-red)} /* .yellow и .blue здесь красились в сырой токен (--c-yellow/--c-blue), а не в затемнённый ink: 3.46:1 и 3.98:1 на своей же заливке — ниже порога 4.5, хотя пилюля не серая, а просто нечитаемая. Те же значения, что в feature-page.css под .p-feat (там же и замер): жёлтая 4.97:1, синяя 5.71:1. */ .p-t2 .yellow{background:var(--c-yellow-soft);color:#8c5f0e} .p-t2 .green{background:var(--c-green-soft);color:var(--c-green)} .p-t2 .blue{background:var(--c-blue-soft);color:#2f56c4} .p-t2 .dash-grid{display:grid;grid-template-columns:1.6fr .55fr;gap:12px;margin-top:12px} .p-t2 .panel{background:#fff;border:1px solid var(--c-line);border-radius:16px;overflow:hidden} .p-t2 .panel-head{height:44px;border-bottom:1px solid var(--c-line);padding:0 14px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:600} .p-t2 .panel-head a{color:#6b665f;font-size:15px} .p-t2 .dot-red{color:#d34a3c} .p-t2 .dot-orange{color:#ff7a00} .p-t2 .dot-blue{color:#4a8ae9} .p-t2 .dot-purple{color:#9870ff} .p-t2 .team-mini .member{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--c-line)} .p-t2 .team-mini .member:last-child{border-bottom:0} .p-t2 .mini-ava{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600} .p-t2 .team-mini b{font-size:14px;font-weight:600} .p-t2 .team-mini p{font-size:13px;color:var(--c-muted-2);margin:2px 0 0;line-height:1.3} .p-t2 .status-dot{width:8px;height:8px;border-radius:50%;background:#20b17a} .p-t2 .status-dot.gray{background:#c9c5be} .p-t2 .dashboard-bottom{display:grid;grid-template-columns:.95fr .95fr;gap:12px;margin-top:12px} .p-t2 .plain-list .item, .p-t2 .deadline-list .item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px;border-bottom:1px solid var(--c-line);align-items:center} .p-t2 .plain-list .item:last-child, .p-t2 .deadline-list .item:last-child{border-bottom:0} .p-t2 .plain-list b, .p-t2 .deadline-list b{font-size:14px;font-weight:600} .p-t2 .plain-list p, .p-t2 .deadline-list p{font-size:13px;color:var(--c-muted-2);margin:2px 0 0} .p-t2 .plain-inline{display:flex;align-items:center;gap:10px} .p-t2 .mini-num{display:flex;gap:9px;font-size:13px;color:#6e685f} .p-t2 .deadline-badge{padding:8px 9px;border-radius:var(--c-r-control);background:#fff1ef;color:#d44f40;text-align:right;font-size:13px;font-weight:600;line-height:1.15} .p-t2 .module-strip{width:min(1180px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px} .p-t2 .module{border-radius:16px;padding:16px 16px 14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.16)} .p-t2 .module b{display:block;font-size:16px;font-weight:var(--c-fw-head);line-height:1.15;color:#fff} .p-t2 .module span{display:block;font-size:12px;line-height:1.4;color:rgba(255,255,255,.88);margin-top:6px} .p-t2 .soft{background:var(--c-soft)} .p-t2 .section-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--c-head-gap);align-items:start;margin-bottom:34px} .p-t2 .section-head h2{margin:0;font-size:var(--c-fs-h2);line-height:var(--c-lh-h2);letter-spacing:var(--c-ls-h2);font-weight:var(--c-fw-head);max-width:640px} .p-t2 .section-head p{margin:0;max-width:720px;font-size:18px;line-height:1.55;color:var(--c-muted)} .p-t2 .diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .p-t2 .diff-card{min-height:238px;background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-card);padding:26px 24px;display:flex;flex-direction:column} .p-t2 .diff-icon{width:56px;height:56px;border-radius:16px;background:#f2eeea;color:#3d3934;display:grid;place-items:center;margin-bottom:28px} .p-t2 .diff-icon svg{width:24px;height:24px} .p-t2 .diff-card h3{margin:0 0 10px;font-size:var(--c-fs-h4);line-height:var(--c-lh-h4);letter-spacing:var(--c-ls-h4);font-weight:var(--c-fw-head)} .p-t2 .diff-card p{margin:0;font-size:16px;line-height:1.52;color:var(--c-muted)} .p-t2 .feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px} .p-t2 .feature-grid-more{display:flex;justify-content:center;margin-top:32px} .p-t2 .feature-grid-more .feature-link{font-size:15px;color:var(--c-muted-2, #8b847d)} .p-t2 .feature-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-panel);padding:16px;display:flex;flex-direction:column;min-height:620px} .p-t2 .feature-visual{height:360px;border-radius:var(--c-r-card);background:#f4f4f2;border:1px solid var(--c-line-2);position:relative;overflow:hidden;padding:22px} .p-t2 .feature-copy{padding:22px 12px 8px;display:flex;flex-direction:column;gap:10px;flex:1} .p-t2 .feature-copy h3{margin:0;font-size:var(--c-fs-h4);line-height:var(--c-lh-h4);letter-spacing:var(--c-ls-h4);font-weight:var(--c-fw-head)} .p-t2 .feature-copy p{margin:0;font-size:15px;line-height:1.5;color:var(--c-muted);max-width:95%} .p-t2 .feature-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--c-accent);font-size:16px;font-weight:600} .p-t2 .feature-link svg{width:16px;height:16px} .p-t2 .stock-qty{font-size:22px;line-height:1;font-weight:var(--c-fw-head);white-space:nowrap} .p-t2 .split{display:grid;grid-template-columns:1fr 1fr;gap:20px} .p-t2 .copy-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-panel);padding:36px;min-height:560px;display:flex;flex-direction:column;justify-content:space-between} .p-t2 .copy-card h3{margin:0 0 14px;font-size:var(--c-fs-h3);line-height:var(--c-lh-h3);letter-spacing:var(--c-ls-h3);font-weight:var(--c-fw-head)} .p-t2 .copy-card p{margin:0;font-size:16px;line-height:1.56;color:var(--c-muted)} .p-t2 .bullets{display:grid;gap:12px;margin-top:26px} .p-t2 .bullet{display:flex;gap:10px;font-size:16px;color:#272423;line-height:1.48} .p-t2 .bullet:before{content:"✓";width:22px;height:22px;border-radius:50%;background:var(--c-green-soft);color:var(--c-green);font-weight:700;display:grid;place-items:center;flex:0 0 auto;font-size:13px;transform:translateY(2px)} .p-t2 .copy-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px} .p-t2 .single-ui{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-panel);padding:16px;overflow:hidden} .p-t2 .single-canvas{height:100%;min-height:528px;border-radius:var(--c-r-card);background:#f4f4f2;border:1px solid var(--c-line-2);position:relative;overflow:hidden;padding:18px} .p-t2 .moneybox{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:16px} .p-t2 .moneybox small{display:block;font-size:14px;color:var(--c-muted-2)} .p-t2 .moneybox b{display:block;font-size:24px;line-height:1.1;margin-top:6px;font-weight:var(--c-fw-head);white-space:nowrap} .p-t2 .team-section{padding:var(--c-section) 0} .p-t2 .team-top{display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:start;margin-bottom:28px} .p-t2 .team-top h2{margin:0;font-size:var(--c-fs-h2);line-height:var(--c-lh-h2);letter-spacing:var(--c-ls-h2);font-weight:var(--c-fw-head)} .p-t2 .team-right{display:grid;grid-template-columns:1fr 1fr;gap:34px} .p-t2 .team-right h3{margin:0 0 8px;font-size:var(--c-fs-h4);line-height:var(--c-lh-h4);letter-spacing:var(--c-ls-h4);font-weight:var(--c-fw-head)} .p-t2 .team-right p{margin:0;font-size:16px;line-height:1.52;color:var(--c-muted)} .p-t2 .team-canvas{background:linear-gradient(180deg,#f6ebe1 0%,#f2e4d8 100%);border:1px solid #ead9ca;border-radius:var(--c-r-frame);padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;overflow:hidden} .p-t2 .team-ui, .p-t2 .invite-ui{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-card);overflow:hidden;min-width:0} .p-t2 .team-ui-head, .p-t2 .invite-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;border-bottom:1px solid var(--c-line)} .p-t2 .team-ui-head h4, .p-t2 .invite-head h4{margin:0;font-size:24px;line-height:1.06;letter-spacing:-.03em;font-weight:var(--c-fw-head)} .p-t2 .team-ui-head p, .p-t2 .invite-head p{margin:4px 0 0;font-size:14px;color:var(--c-muted-2)} .p-t2 .invite-close{width:38px;height:38px;border-radius:12px;background:#f3f0ec;display:grid;place-items:center;color:#847f79;font-size:21px;flex:0 0 auto} .p-t2 .team-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 18px} .p-t2 .team-stat{border:1px solid var(--c-line);border-radius:var(--c-r-tile);padding:12px;text-align:center} .p-t2 .team-stat b{display:block;font-size:24px;line-height:1;font-weight:var(--c-fw-head)} .p-t2 .team-stat span{display:block;font-size:13px;color:var(--c-muted-2);margin-top:4px} .p-t2 .team-body{padding:0 18px 18px} .p-t2 .schedule{border:1px solid #f0d5c6;border-radius:16px;padding:14px;margin-bottom:14px} .p-t2 .schedule h5{margin:0 0 12px;font-size:18px;line-height:1.1;font-weight:var(--c-fw-head)} .p-t2 .schedule-options{display:grid;grid-template-columns:1fr 1fr;gap:10px} .p-t2 .schedule-card{border:1.5px solid var(--c-line);border-radius:var(--c-r-tile);padding:12px 14px;font-size:15px;color:#544f49} .p-t2 .schedule-card.active{border-color:var(--c-accent);background:#fff7f2;color:#cf480f} .p-t2 .schedule-card b{display:block;font-size:16px;font-weight:600;margin-bottom:5px} .p-t2 .team-group{border:1px solid var(--c-line);border-radius:16px;overflow:hidden;margin-bottom:12px} .p-t2 .team-group-head{padding:12px 14px;background:#faf8f5;border-bottom:1px solid var(--c-line);font-size:14px;font-weight:600} .p-t2 .team-member{display:grid;grid-template-columns:1.25fr auto auto;gap:10px;align-items:center;padding:13px 14px} .p-t2 .person{display:flex;align-items:center;gap:12px;min-width:0} .p-t2 .person-ava{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;flex:0 0 auto} .p-t2 .person b{display:block;font-size:15px;line-height:1.2;font-weight:600} .p-t2 .person span{display:block;font-size:13px;color:var(--c-muted-2)} .p-t2 .role-badge{height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center} .p-t2 .status{font-size:13px;color:var(--c-green);font-weight:600;white-space:nowrap} .p-t2 .invite-tabs{display:flex;gap:24px;padding:0 18px;border-bottom:1px solid var(--c-line)} .p-t2 .invite-tabs span{padding:14px 0;font-size:16px;color:var(--c-muted)} .p-t2 .invite-tabs .on{color:var(--c-accent);font-weight:600;border-bottom:3px solid var(--c-accent)} .p-t2 .invite-body{padding:16px 18px 18px} .p-t2 .field-label{font-size:14px;color:var(--c-muted);margin-bottom:8px} .p-t2 .field{font-size:18px;padding:10px 0;border-bottom:1px solid var(--c-line)} .p-t2 .field-help{font-size:13px;color:var(--c-muted-2);margin-top:10px} .p-t2 .access-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px} .p-t2 .access-head b{font-size:15px;font-weight:600} .p-t2 .access-head span{font-size:14px;color:var(--c-muted-2)} .p-t2 .roles-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px} .p-t2 .role-card{border:1px solid var(--c-line);border-radius:16px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;min-width:0} .p-t2 .role-icon{width:40px;height:40px;border-radius:var(--c-r-tile);display:grid;place-items:center;flex:0 0 auto} .p-t2 .role-icon svg{width:20px;height:20px} .p-t2 .role-card b{display:block;font-size:15px;font-weight:600;line-height:1.15;margin-bottom:4px} .p-t2 .role-card p{margin:0;font-size:13px;line-height:1.4;color:var(--c-muted)} .p-t2 .role-radio{width:24px;height:24px;border:3px solid #d4cec6;border-radius:50%;margin-top:2px} .p-t2 .permission-box{margin-top:16px} .p-t2 .permission-box h5{margin:0 0 10px;font-size:15px;font-weight:600} .p-t2 .permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .p-t2 .permission-grid span{min-height:32px;padding:6px 10px;border-radius:var(--c-r-control);background:#f3f1ee;color:#58544d;font-size:12px;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal} .p-t2 .seo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px} .p-t2 .seo-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-card);padding:24px;min-height:228px;display:flex;flex-direction:column;gap:14px} .p-t2 .seo-icon{width:46px;height:46px;border-radius:var(--c-r-tile);background:var(--c-accent-soft);color:var(--c-accent);display:grid;place-items:center} .p-t2 .seo-icon svg{width:20px;height:20px} .p-t2 .seo-card small{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--c-accent);font-weight:600} .p-t2 .seo-card h3{margin:0;font-size:var(--c-fs-h4);line-height:var(--c-lh-h4);letter-spacing:var(--c-ls-h4);font-weight:var(--c-fw-head)} .p-t2 .seo-card p{margin:0;font-size:16px;color:var(--c-muted);line-height:1.5} .p-t2 .seo-card .go{margin-top:auto;color:var(--c-accent);font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px} .p-t2 .pricing{display:grid;grid-template-columns:1fr 1fr;gap:20px} .p-t2 .price-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-panel);padding:30px} .p-t2 .price-card.dark{background:#171717;color:#fff;border-color:#171717} .p-t2 .price-card h3{margin:0 0 8px;font-size:var(--c-fs-h3);line-height:var(--c-lh-h3);letter-spacing:var(--c-ls-h3);font-weight:var(--c-fw-head)} .p-t2 .price-card .sum{font-size:var(--c-fs-h2);line-height:1;font-weight:var(--c-fw-head);letter-spacing:-.05em;margin:12px 0} .p-t2 .price-card p{margin:0 0 14px;font-size:16px;line-height:1.52;color:var(--c-muted)} .p-t2 .price-card.dark p{color:#c7c1bb} .p-t2 .price-list{display:grid;gap:12px;margin:20px 0 24px} .p-t2 .price-line{display:flex;gap:11px;font-size:16px;line-height:1.48} .p-t2 .price-line:before{content:"✓";width:21px;height:21px;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent);display:grid;place-items:center;font-size:12px;font-weight:700;flex:0 0 auto;transform:translateY(2px)} .p-t2 .price-card.dark .price-line:before{background:rgba(252,64,0,.16)} .p-t2 .faq-grid{display:grid;grid-template-columns:340px 1fr;gap:64px} .p-t2 .faq-grid h2{margin:0;font-size:var(--c-fs-h2);line-height:var(--c-lh-h2);letter-spacing:var(--c-ls-h2);font-weight:var(--c-fw-head)} .p-t2 .faq-grid p{font-size:17px;line-height:1.56;color:var(--c-muted);margin:16px 0 0} .p-t2 .faq-list{border-top:1px solid var(--c-line)} .p-t2 details{border-bottom:1px solid var(--c-line)} .p-t2 summary{list-style:none;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;font-size:21px;line-height:1.3;letter-spacing:-.015em;font-weight:var(--c-fw-head)} .p-t2 summary::-webkit-details-marker{display:none} .p-t2 summary:after{content:"+";font-size:28px;color:var(--c-muted-2);line-height:1} .p-t2 details[open] summary:after{content:"−"} .p-t2 details p{margin:-2px 0 24px;font-size:16px;line-height:1.68;color:var(--c-muted);max-width:900px} .p-t2 .final{padding:var(--c-section) 0;text-align:center} .p-t2 .final h2{margin:0 auto;max-width:860px;font-size:var(--c-fs-h2);line-height:var(--c-lh-h2);letter-spacing:var(--c-ls-h2);font-weight:var(--c-fw-head)} .p-t2 .final p{max-width:720px;margin:14px auto 0;font-size:18px;line-height:1.55;color:var(--c-muted)} .p-t2 .final-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px} .p-t2 .process-shell{border:1px solid var(--c-line);border-radius:var(--c-r-frame);background:#fff;overflow:hidden;box-shadow:0 16px 48px rgba(35,23,14,.05)} .p-t2 .process-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--c-line);background:#fbfaf8} .p-t2 .process-tab{appearance:none;border:0;border-right:1px solid var(--c-line);background:transparent;padding:20px 18px;text-align:left;cursor:pointer;color:#777169;font:inherit;transition:.18s ease;min-width:0} .p-t2 .process-tab:last-child{border-right:0} .p-t2 .process-tab:hover{background:#fff} .p-t2 .process-tab.active{background:#fff;color:var(--c-ink);box-shadow:inset 0 -3px 0 var(--c-accent)} .p-t2 .process-tab small{display:block;font-size:12px;color:var(--c-accent);font-weight:600;letter-spacing:.08em;margin-bottom:6px} .p-t2 .process-tab b{display:block;font-size:18px;line-height:1.2;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .p-t2 .process-canvas{padding:26px;background:linear-gradient(180deg,#f7f5f2 0%,#f2efeb 100%)} .p-t2 .process-frame{display:none;grid-template-columns:.72fr 1.28fr;gap:18px;align-items:stretch;min-height:430px} .p-t2 .process-frame.active{display:grid} .p-t2 .process-explain{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-card);padding:28px;display:flex;flex-direction:column;justify-content:space-between} .p-t2 .process-explain .step-no{font-size:12px;color:var(--c-accent);font-weight:600;letter-spacing:.12em;text-transform:uppercase} .p-t2 .process-explain h3{margin:14px 0 10px;font-size:var(--c-fs-h3);line-height:var(--c-lh-h3);letter-spacing:var(--c-ls-h3);font-weight:600} .p-t2 .process-explain p{margin:0;color:var(--c-muted);font-size:16px;line-height:1.55} .p-t2 .process-points{display:grid;gap:10px;margin-top:24px} .p-t2 .process-point{display:flex;align-items:center;gap:10px;font-size:15px} .p-t2 .process-point:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-accent);flex:0 0 auto} .p-t2 .process-link{margin-top:24px;color:var(--c-accent);font-weight:600;font-size:16px} .p-t2 .process-ui{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-card);padding:18px;overflow:hidden;position:relative} .p-t2 .process-window{height:100%;min-height:390px;border-radius:16px;border:1px solid var(--c-line-2);background:#faf9f7;padding:18px;overflow:hidden} .p-t2 .process-order-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--c-line);padding-bottom:16px} .p-t2 .process-order-head small{display:block;color:var(--c-muted-2);font-size:13px} .p-t2 .process-order-head h4{margin:4px 0 0;font-size:24px;line-height:1.05;font-weight:600;letter-spacing:-.03em} .p-t2 .process-status{height:30px;padding:0 11px;border-radius:999px;background:#fff0ea;color:var(--c-accent);display:inline-flex;align-items:center;font-size:13px;font-weight:600;white-space:nowrap} .p-t2 .process-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px} .p-t2 .process-info{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:12px 14px} .p-t2 .process-info span{display:block;font-size:12px;color:var(--c-muted-2)} .p-t2 .process-info b{display:block;font-size:16px;margin-top:3px;font-weight:600} .p-t2 .product-row{margin-top:14px;background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-tile);padding:14px} .p-t2 .product-row-top{display:flex;justify-content:space-between;gap:12px;align-items:center} .p-t2 .product-row b{font-size:16px} .p-t2 .product-row span{font-size:13px;color:var(--c-muted-2)} .p-t2 .product-progress{height:7px;background:#ece9e4;border-radius:999px;margin-top:10px;overflow:hidden} .p-t2 .product-progress i{display:block;height:100%;width:25%;background:var(--c-accent);border-radius:999px} .p-t2 .route-list{display:grid;gap:10px;margin-top:14px} .p-t2 .route-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-tile);padding:13px} .p-t2 .route-num{width:36px;height:36px;border-radius:var(--c-r-control);background:#f2efeb;display:grid;place-items:center;font-size:13px;font-weight:600} .p-t2 .route-item.active .route-num{background:var(--c-accent);color:#fff} .p-t2 .route-item b{display:block;font-size:15px} .p-t2 .route-item span{display:block;font-size:13px;color:var(--c-muted-2);margin-top:2px} .p-t2 .route-state{font-size:12px;font-weight:600;padding:6px 9px;border-radius:999px;background:#f3f1ee;white-space:nowrap} .p-t2 .route-item.active .route-state{background:#fff0ea;color:var(--c-accent)} .p-t2 .shop-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%} .p-t2 .shop-col{background:#eeece9;border-radius:var(--c-r-tile);padding:10px;min-width:0} .p-t2 .shop-col-head{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:9px} .p-t2 .shop-task{background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:11px;margin-bottom:8px} .p-t2 .shop-task small{display:block;font-size:11px;color:var(--c-muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .p-t2 .shop-task b{display:block;font-size:14px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .p-t2 .shop-task span{font-size:12px;color:#c77712} .p-t2 .shop-task.done{opacity:.72} .p-t2 .shop-task.done span{color:var(--c-green)} .p-t2 .result-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px;height:100%} .p-t2 .result-card, .p-t2 .result-finance{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:18px} .p-t2 .result-card h4{font-size:22px;margin:6px 0 8px;line-height:1.08} .p-t2 .result-card p{font-size:14px;color:var(--c-muted);margin:0} .p-t2 .result-check{width:52px;height:52px;border-radius:50%;background:var(--c-green-soft);color:var(--c-green);display:grid;place-items:center;font-size:26px;font-weight:600} .p-t2 .result-finance .big{font-size:34px;line-height:1;font-weight:600;margin:6px 0 14px} .p-t2 .result-finance small{color:var(--c-muted-2)} .p-t2 .result-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--c-line);font-size:14px} .p-t2 .result-line b{font-weight:600} .p-t2 .result-line.green-line b{color:var(--c-green)} .p-t2 .stack-section{padding-top:0} .p-t2 .stack-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch;border:1px solid var(--c-line);border-radius:var(--c-r-frame);padding:26px;background:#fff} .p-t2 .stack-copy{padding:20px 14px 20px 10px} .p-t2 .stack-copy h2{font-size:var(--c-fs-h2);line-height:var(--c-lh-h2);letter-spacing:var(--c-ls-h2);margin:0 0 14px;font-weight:600} .p-t2 .stack-copy p{font-size:16px;line-height:1.55;color:var(--c-muted);margin:0} .p-t2 .stack-tools{background:#f6f4f1;border:1px solid var(--c-line);border-radius:var(--c-r-card);padding:20px;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center} .p-t2 .tool-list{display:grid;gap:10px} .p-t2 .tool-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--c-r-tile);padding:12px 14px} .p-t2 .tool-card b{display:block;font-size:15px} .p-t2 .tool-card span{display:block;font-size:13px;color:var(--c-muted-2);margin-top:3px} .p-t2 .merge-arrow{width:44px;height:44px;border-radius:50%;background:var(--c-accent);color:#fff;display:grid;place-items:center;font-size:20px} .p-t2 .one-system{background:#171717;color:#fff;border-radius:var(--c-r-card);padding:20px} .p-t2 .one-system small{color:#bdb7b0;font-size:12px} .p-t2 .one-system h3{font-size:var(--c-fs-h4);line-height:var(--c-lh-h4);letter-spacing:var(--c-ls-h4);margin:7px 0 12px} .p-t2 .one-system .single-order{background:#272727;border:1px solid #3a3a3a;border-radius:13px;padding:12px} .p-t2 .one-system .single-order b{display:block;font-size:15px} .p-t2 .one-system .single-order span{display:block;font-size:13px;color:#cfcfcf;margin-top:4px} .p-t2 .worker-section{padding:var(--c-section) 0} .p-t2 .worker-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center} .p-t2 .worker-copy .label{margin-bottom:14px} .p-t2 .worker-copy h2{font-size:var(--c-fs-h2);line-height:var(--c-lh-h2);letter-spacing:var(--c-ls-h2);margin:0 0 16px;font-weight:600} .p-t2 .worker-copy>p{font-size:17px;color:var(--c-muted);line-height:1.55;margin:0;max-width:520px} .p-t2 .worker-benefits{display:grid;gap:14px;margin-top:28px} .p-t2 .worker-benefit{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start} .p-t2 .worker-benefit-icon{width:42px;height:42px;border-radius:var(--c-r-tile);background:var(--c-accent-soft);color:var(--c-accent);display:grid;place-items:center} .p-t2 .worker-benefit-icon svg{width:20px;height:20px} .p-t2 .worker-benefit b{display:block;font-size:17px} .p-t2 .worker-benefit span{display:block;font-size:14px;color:var(--c-muted);margin-top:2px} .p-t2 .phone-stage{background:linear-gradient(145deg,#f8d7c4,#f08a52);border-radius:var(--c-r-frame);padding:28px;display:grid;place-items:center;min-height:580px} .p-t2 .phone{width:330px;max-width:100%;background:#fff;border-radius:34px;border:8px solid #171717;box-shadow:0 24px 70px rgba(62,29,11,.22);overflow:hidden} .p-t2 .phone-top{height:38px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600} .p-t2 .phone-app-head{padding:14px 16px;border-top:1px solid #eee;border-bottom:1px solid #eee} .p-t2 .phone-app-head h4{margin:0;font-size:21px} .p-t2 .phone-app-head span{font-size:12px;color:var(--c-muted-2)} .p-t2 .phone-task{padding:16px} .p-t2 .phone-task-card{border:1px solid var(--c-line);border-radius:var(--c-r-card);padding:16px} .p-t2 .phone-order{font-size:12px;color:var(--c-accent);font-weight:600} .p-t2 .phone-task-card h5{font-size:19px;line-height:1.12;margin:8px 0 5px} .p-t2 .phone-task-card p{font-size:13px;color:var(--c-muted);margin:0 0 14px} .p-t2 .phone-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px} .p-t2 .phone-meta div{background:#f6f4f1;border-radius:var(--c-r-control);padding:10px} .p-t2 .phone-meta small{display:block;font-size:10px;color:var(--c-muted-2)} .p-t2 .phone-meta b{font-size:13px} .p-t2 .phone-primary{margin-top:14px;height:44px;border-radius:var(--c-r-control);background:var(--c-accent);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:600} .p-t2 .phone-bottom{height:54px;border-top:1px solid var(--c-line);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;text-align:center;font-size:11px;color:#8b857e} .p-t2 .industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .p-t2 .industry-card{border:1px solid var(--c-line);border-radius:var(--c-r-card);padding:22px;background:#fff;display:flex;flex-direction:column;min-height:290px} .p-t2 .industry-icon{width:48px;height:48px;border-radius:var(--c-r-tile);background:#f3f0ec;color:#3e3934;display:grid;place-items:center;margin-bottom:22px} .p-t2 .industry-icon svg{width:22px;height:22px} .p-t2 .industry-card h3{font-size:21px;line-height:1.12;margin:0 0 9px} .p-t2 .industry-card p{font-size:15px;color:var(--c-muted);line-height:1.5;margin:0} .p-t2 .industry-route{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px} .p-t2 .industry-route span{font-size:12px;padding:6px 9px;border-radius:999px;background:#f4f2ef;color:#5d5750} .p-t2 .industry-card a{margin-top:auto;padding-top:20px;color:var(--c-accent);font-weight:600;font-size:15px} .p-t2 .demo-section{padding:28px 0 var(--c-section)} .p-t2 .demo-card{border-radius:var(--c-r-frame);background:radial-gradient(circle at 12% 10%,rgba(255,213,151,.34),transparent 27%),linear-gradient(135deg,#1a1a1a 0%,#111 58%,#2d1408 100%);color:#fff;padding:48px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;overflow:hidden} .p-t2 .demo-copy .label{color:#ff7a45} .p-t2 .demo-copy h2{font-size:var(--c-fs-h2);line-height:var(--c-lh-h2);letter-spacing:var(--c-ls-h2);margin:0 0 16px;font-weight:600} .p-t2 .demo-copy p{font-size:17px;line-height:1.55;color:#c9c4bf;margin:0;max-width:620px} .p-t2 .demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px} .p-t2 .demo-actions .btn-outline{background:transparent;color:#fff;border-color:#4d4742} .p-t2 .demo-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px} .p-t2 .demo-flow-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px} .p-t2 .demo-flow-card small{display:block;color:#ff8857;font-size:11px;letter-spacing:.08em;font-weight:600} .p-t2 .demo-flow-card b{display:block;font-size:16px;margin-top:6px} .p-t2 .demo-flow-card span{display:block;font-size:13px;color:#bcb7b2;margin-top:4px;line-height:1.4} @media (max-width:1180px){ .p-t2 .process-frame, .p-t2 .stack-box, .p-t2 .worker-wrap, .p-t2 .demo-card{grid-template-columns:1fr} .p-t2 .industries-grid{grid-template-columns:1fr 1fr} .p-t2 .stack-tools{grid-template-columns:1fr} .p-t2 .merge-arrow{transform:rotate(90deg);margin:auto} .p-t2 .phone-stage{min-height:520px} .p-t2 .process-frame{min-height:auto} } @media (max-width:900px){ .p-t2 .process-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity} .p-t2 .process-tab{flex:0 0 210px;scroll-snap-align:start} .p-t2 .process-canvas{padding:14px} .p-t2 .process-frame{grid-template-columns:1fr} .p-t2 .process-explain{padding:22px} .p-t2 .process-ui{padding:12px} .p-t2 .process-window{min-height:360px;padding:12px} .p-t2 .shop-board{grid-template-columns:1fr 1fr} .p-t2 .shop-col:last-child{display:none} .p-t2 .result-grid{grid-template-columns:1fr} .p-t2 .industries-grid{grid-template-columns:1fr} .p-t2 .demo-card{padding:30px} .p-t2 .phone-stage{min-height:500px} } @media (max-width:640px){ .p-t2 .process-tab{flex-basis:176px;padding:16px 14px} .p-t2 .process-tab b{font-size:15px} .p-t2 .process-info-grid{grid-template-columns:1fr} .p-t2 .route-item{grid-template-columns:34px minmax(0,1fr)} .p-t2 .route-state{grid-column:2} .p-t2 .shop-board{grid-template-columns:1fr} .p-t2 .shop-col:nth-child(2){display:none} .p-t2 .stack-box{padding:16px} .p-t2 .stack-copy{padding:10px 4px} .p-t2 .phone-stage{padding:18px} .p-t2 .demo-card{padding:24px} .p-t2 .demo-flow{grid-template-columns:1fr} } @media (max-width:1180px){ .p-t2 .hero-top p{font-size:20px} .p-t2 .section-head, .p-t2 .team-top, .p-t2 .faq-grid{grid-template-columns:1fr;gap:28px} .p-t2 .dash-grid, .p-t2 .dashboard-bottom, .p-t2 .feature-grid, .p-t2 .split, .p-t2 .pricing{grid-template-columns:1fr} .p-t2 .module-strip{grid-template-columns:repeat(3,1fr)} .p-t2 .team-right{grid-template-columns:1fr 1fr} .p-t2 .team-canvas{grid-template-columns:1fr} .p-t2 .seo-grid{grid-template-columns:repeat(2,1fr)} } @media (max-width:900px){ .p-t2 .hero-top p, .p-t2 .section-head p, .p-t2 .team-right p, .p-t2 .copy-card p, .p-t2 .feature-copy p, .p-t2 .final p, .p-t2 .faq-grid p{font-size:17px} .p-t2 .dash-grid{grid-template-columns:1fr} .p-t2 .dashboard-bottom{grid-template-columns:1fr} .p-t2 .module-strip{grid-template-columns:1fr 1fr} .p-t2 .team-right{grid-template-columns:1fr} .p-t2 .team-stats{grid-template-columns:1fr 1fr} .p-t2 .roles-grid{grid-template-columns:1fr} .p-t2 .team-member{grid-template-columns:1fr;align-items:flex-start} .p-t2 .permission-grid span{font-size:13px} .p-t2 .seo-grid{grid-template-columns:1fr} .p-t2 .faq-grid{gap:24px} } @media (max-width:640px){ .p-t2 .hero{padding:52px 0 24px} .p-t2 .hero-top p{font-size:16px} .p-t2 .hero-stage{padding:14px;border-radius:var(--c-r-frame)} .p-t2 .module-strip{grid-template-columns:1fr} .p-t2 .diff-grid{grid-template-columns:1fr} .p-t2 .feature-card{min-height:auto} .p-t2 .feature-visual{height:300px} .p-t2 .single-canvas{min-height:440px;padding:12px} .p-t2 .price-card .sum{font-size:38px} .p-t2 .summary, .p-t2 summary{font-size:20px} } .p-t2 .full-app, .p-t2 .panel, .p-t2 .single-ui, .p-t2 .team-ui, .p-t2 .invite-ui, .p-t2 .feature-visual{min-width:0} .p-t2 .team-mini .member>*{min-width:0} .p-t2 .team-mini b, .p-t2 .team-mini p{overflow:hidden;text-overflow:ellipsis} .p-t2 .team-mini p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .p-t2 .panel-head{white-space:normal} .p-t2 .panel-head span{min-width:0} .p-t2 .panel-head a{white-space:nowrap} .p-t2 .plain-list .item>*, .p-t2 .deadline-list .item>*{min-width:0} .p-t2 .plain-list b, .p-t2 .deadline-list .item>div:first-child{overflow:hidden;text-overflow:ellipsis} .p-t2 .plain-inline{min-width:0} .p-t2 .plain-inline b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .p-t2 .plain-list .item>div:last-child{white-space:nowrap} .p-t2 .module{min-width:0} .p-t2 .module b, .p-t2 .module span{overflow:hidden;text-overflow:ellipsis} .p-t2 .module b{white-space:nowrap} .p-t2 .module span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .p-t2 .team-canvas>*{min-width:0} .p-t2 .team-ui-head>div, .p-t2 .invite-head>div, .p-t2 .team-member>*, .p-t2 .person>div:last-child, .p-t2 .role-card>*{min-width:0} .p-t2 .person b, .p-t2 .person span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .p-t2 .team-member .role-badge, .p-t2 .team-member .status{white-space:nowrap} .p-t2 .role-card b, .p-t2 .role-card p{overflow:hidden} .p-t2 .role-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .p-t2 .permission-grid{align-items:flex-start} .p-t2 .permission-grid span{white-space:nowrap} @media (min-width:901px){ .p-t2 .hero-stage .full-app{overflow:hidden} .p-t2 .team-canvas{align-items:stretch} .p-t2 .team-ui, .p-t2 .invite-ui{height:100%} } .p-t2 .feature-grid{column-gap:34px;row-gap:46px} .p-t2 .feature-card{background:transparent;border:0;padding:0;min-height:auto} .p-t2 .feature-visual{border:1px solid var(--c-line);box-shadow:0 14px 38px rgba(37,24,14,.05)} .p-t2 .feature-copy{padding:18px 4px 0;gap:8px} .p-t2 .feature-copy p{max-width:100%} .p-t2 .feature-link{margin-top:10px} .p-t2 .bullets{gap:16px} .p-t2 .product-meta-stack span{display:block;margin-top:4px} .p-t2 .process-link{margin-top:18px} .p-t2 .process-points{margin-top:18px} .p-t2 .section-head>p{padding-top:34px} .p-t2 .team-top .label{margin-bottom:16px} .p-t2 .team-right{padding-top:34px} .p-t2 .phone-stage{padding:32px 28px 0;background:linear-gradient(180deg,#f3cdb6 0%,#ea9b68 100%)} .p-t2 .phone{width:360px;max-width:100%;margin:auto} .p-t2 .phone-task-card{box-shadow:0 16px 40px rgba(52,24,7,.08)} .p-t2 .finance-section .split{grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:42px;align-items:stretch} .p-t2 .finance-section .copy-card{background:transparent;border:0;padding:4px 10px 4px 0;min-height:auto;justify-content:flex-start} .p-t2 .finance-section .copy-actions{margin-top:28px} .p-t2 .finance-section .copy-card h3{font-size:28px;line-height:1.08;letter-spacing:-.035em;max-width:560px;margin-bottom:16px} .p-t2 .finance-section .copy-card p{font-size:16px;line-height:1.56;max-width:520px} .p-t2 .finance-section .single-canvas{min-height:560px} .p-t2 .industries-grid{grid-template-columns:repeat(4,1fr)} .p-t2 .industry-card{min-height:304px} .p-t2 .faq-grid{grid-template-columns:380px 1fr;gap:56px;align-items:start} .p-t2 .faq-help{margin-top:24px;padding:22px;border:1px solid var(--c-line);border-radius:var(--c-r-card);background:#faf8f6} .p-t2 .faq-help h3{margin:0;font-size:22px;line-height:1.15;letter-spacing:-.02em} .p-t2 .faq-help p{margin:8px 0 0;font-size:16px;line-height:1.62;color:var(--c-muted)} .p-t2 .faq-help-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px} .p-t2 .faq-help-actions .btn{min-width:190px;justify-content:center} .p-t2 .final p{max-width:760px} @media (max-width:1180px){ .p-t2 .finance-section .split, .p-t2 .faq-grid{grid-template-columns:1fr} .p-t2 .team-right, .p-t2 .section-head>p{padding-top:0} .p-t2 .finance-section .copy-card h3{font-size:28px} } @media (max-width:900px){ .p-t2 .feature-copy{padding-top:14px} .p-t2 .finance-section .copy-card{padding-right:0} .p-t2 .finance-section .copy-card h3{font-size:28px} .p-t2 .finance-section .single-canvas{min-height:520px} .p-t2 .process-tabs{display: grid; grid-template-columns: 1fr 1fr; overflow-x: visible; scroll-snap-type: none} .p-t2 .process-tab{flex: none; scroll-snap-align: none; border-right: 1px solid var(--c-line)} .p-t2 .process-tab:nth-child(2n){border-right: 0} .p-t2 .process-tab:nth-child(-n+2){border-bottom: 1px solid var(--c-line)} .p-t2 .process-tab b{white-space: normal; overflow: visible; text-overflow: clip} } @media (max-width:640px){ .p-t2 .hero{padding-top: 22px} .p-t2 .hero h1{margin-top: 10px; margin-bottom: 10px} .p-t2 .hero-cta{margin-top: 16px; gap: 10px} .p-t2 .hero-cta .btn{width:270px} } .p-t2 .app-layout .ui-label, .p-t2 .process-ui .ui-label, .p-t2 .process-window .ui-label, .p-t2 .team-canvas .ui-label, .p-t2 .team-ui .ui-label, .p-t2 .invite-ui .ui-label, .p-t2 .phone-stage .ui-label, .p-t2 .phone .ui-label{font: inherit; margin: 0} .p-t2 .section-head{text-align: left; max-width: none; margin-left: 0; margin-right: 0} @media (min-width:1181px){ .p-t2 .section-head{grid-template-columns: 1fr 1fr; column-gap: 32px} .p-t2 .team-top{grid-template-columns: .89fr 1.11fr} } @media (max-width:1180px){ .p-t2 .industries-grid{grid-template-columns: 1fr 1fr} .p-t2 .faq-grid{gap: 28px} } @media (max-width:900px){ .p-t2 .industries-grid{grid-template-columns: 1fr} .p-t2 .faq-grid{gap: 24px} } @media (max-width:640px){ .p-t2 .feature-card{min-height: auto} .p-t2 .phone-stage{padding: 18px} .p-t2 .feature-visual{height: auto} .p-t2 .permission-grid{grid-template-columns: repeat(auto-fit, minmax(104px, 1fr))} .p-t2 .permission-grid span{white-space: normal} .p-t2 .schedule-options{grid-template-columns: 1fr} .p-t2 .process-order-head{flex-wrap: wrap; gap: 8px} .p-t2 .phone{width: 100%; max-width: 360px} .p-t2 .single-canvas{min-height: 0; height: auto} .p-t2 .process-link, .p-t2 .feature-link{display: inline-flex; align-items: center; min-height: 44px} .p-t2 .industry-card a{display: flex; align-items: center; min-height: 44px} } .p-t2 .feature-visual > .metric-card{position: absolute; left: 24px; right: 24px; top: 50%; transform: translateY(-50%)} .p-t2 .feature-visual > .finance-box{position: absolute; inset: 22px 28px} .p-t2 .single-canvas > .orders-ui{position: absolute; inset: 18px} .p-t2 .single-canvas > .order-finance{position: absolute; inset: 18px} @media (max-width:640px){ .p-t2 .feature-visual > .metric-card, .p-t2 .feature-visual > .finance-box, .p-t2 .single-canvas > .orders-ui, .p-t2 .single-canvas > .order-finance{position: static; transform: none; inset: auto} }