/* Native, responsive illustrations for TenTwo's growth process. */
#process .framer-g2oqic{gap:32px}
.tensor-growth-process{width:100%;font-family:Inter, sans-serif;color:#111918}
.growth-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.growth-process-card{position:relative;min-width:0;overflow:hidden;background:#fff;border:1px solid #e5e7e8;border-radius:10px;container-type:inline-size;display:flex;flex-direction:column}
.process-number{position:absolute;right:5.5%;top:18px;font-family:"PP Editorial New Ultralight",serif;font-size:44px;font-weight:200;line-height:1;color:#253635;z-index:2}
.process-art{position:relative;width:100%;aspect-ratio:1.36;flex-shrink:0;overflow:hidden;font-size:3.65cqw}
.process-card-copy{padding:18px 5.5% 26px}
#process .process-card-copy h3{font-family:Inter,sans-serif;font-size:clamp(21px,2.05vw,30px);line-height:1.25;font-weight:500;letter-spacing:-.8px;margin:0 0 12px}
#process .process-card-copy p{font-family:Inter,sans-serif;font-size:clamp(17px,1.5vw,22px);line-height:1.45;font-weight:400;letter-spacing:-.35px;color:#607077;margin:0}
.process-art svg{width:100%;height:100%;display:block}
/* 01: browser-style audit report, with scores and an actionable opportunity. */
.audit-browser{position:absolute;left:4%;top:20%;width:92%;height:78%;border:1px solid #dfe4e7;border-radius:10px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}
.audit-browser-bar{display:flex;align-items:center;gap:6%;flex:none;height:10%;min-height:0;background:linear-gradient(90deg,#f4f5f6,#eef0f1);border-bottom:1px solid #e2e5e8;padding:0 3%;font-size:2.45cqw;color:#253148}
.audit-browser-dots{display:flex;gap:1.45cqw;align-items:center}.audit-browser-dots i{display:block;width:2.05cqw;height:2.05cqw;border-radius:50%;background:#ff6258}.audit-browser-dots i:nth-child(2){background:#ffbd35}.audit-browser-dots i:nth-child(3){background:#58c55b}
.audit-report-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:3%;padding:3.5% 4%;flex:none}
.audit-report-heading>div{min-width:0}.audit-report-heading strong{display:block;font-size:4.6cqw;font-weight:550;line-height:1.15;letter-spacing:-.04em;color:#141c31}.audit-report-heading>div>span{display:block;margin-top:1.2cqw;font-size:2.55cqw;line-height:1.25;color:#64708a;white-space:nowrap}.audit-report-heading small{padding-top:1%;font-size:2.05cqw;line-height:1.5;text-align:left;white-space:nowrap;color:#6d7277}
.audit-report-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:calc(100% - 2.4%);margin:0 1.2% 1.2%;flex:1;min-height:0;font-size:2.5cqw;line-height:1.2;color:#1d242b;border:1px solid #e7ebee;border-radius:5px;overflow:hidden}
.audit-report-table th{background:#f6f7f8;color:#546076;font-weight:400;text-align:left;padding:1.7cqw 2.8cqw;font-size:2.3cqw;border-bottom:1px solid #e7ebee}
.audit-report-table td{padding:1.65cqw 2.8cqw;border-bottom:1px solid #e7ebee;vertical-align:middle;white-space:nowrap}
.audit-report-table tr:last-child td{border-bottom:0}.audit-report-table td+td{border-left:1px solid #f0f2f3}
.audit-score{display:flex;align-items:center;gap:2.4cqw}.audit-score>span{min-width:4cqw;font-variant-numeric:tabular-nums}.audit-score>i{display:block;flex:1;height:2.2cqw;border-radius:20px;background:#f0f2f3;overflow:hidden}.audit-score b{display:block;width:var(--score);height:100%;border-radius:inherit;background:linear-gradient(90deg,#adb5ba,#bec5c8);transform-origin:left center;animation:process-audit-score 9s ease-in-out infinite}.audit-score-good b{background:linear-gradient(90deg,#bbf345,#a5e438)}
.audit-status{display:flex;gap:1.5cqw;align-items:center;font-size:2.4cqw;color:#404953}.audit-status i{width:2.2cqw;height:2.2cqw;border-radius:50%;background:#adb7bd;flex:none}.audit-score-good .audit-status i,.audit-score-opportunity .audit-status i{background:#8ada16}
.audit-score-opportunity{background:#f0ffce;animation:process-audit-opportunity 9s ease-in-out infinite}.audit-score-opportunity td:first-child,.audit-score-opportunity .audit-score>span{font-weight:550}.audit-score-opportunity b{background:#949e96}
/* 02: a readable three-column roadmap, matching the illustrated reference. */
.strategy-board{position:absolute;left:4%;top:20%;width:92%;height:76%;border:1px solid #e0e5e7;border-radius:12px;background:linear-gradient(135deg,#fbfcfb,#f6f8f8);padding:3.5% 2.5% 3%;box-sizing:border-box;display:flex;flex-direction:column}
.strategy-board-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2% 4%;font-size:4cqw;line-height:1.25;flex:none}.strategy-board-heading strong{font-weight:550;letter-spacing:-.04em}.strategy-board-heading>span{color:#c7cdcf;letter-spacing:3px}
.plan-columns{display:grid;grid-template-columns:1.03fr 1fr 1fr;gap:1.3cqw;flex:1;min-height:0}
.plan-column{border:1px solid #e3e7e8;background:linear-gradient(135deg,#f7f9f9,#fff);border-radius:7px;padding:3.3cqw 2.4cqw;display:flex;flex-direction:column;min-width:0}
.plan-column-0{background:linear-gradient(120deg,#f2ffcf,#eaffab);border-color:#c7ef76}
.plan-column-title{display:flex;align-items:center;justify-content:space-between;gap:4%;font-size:3.55cqw;line-height:1.2;flex:none;margin-bottom:4.5cqw}.plan-column-title strong{font-weight:550}.plan-column-title>span{font-size:2.7cqw;padding:1.1cqw 1.5cqw;background:#ecefef;border-radius:30px}.plan-column-0 .plan-column-title>span{background:#eafaaf}
.plan-task-list{display:flex;flex-direction:column;flex:1;justify-content:space-between;gap:3cqw;min-height:0}
.plan-task{display:flex;align-items:flex-start;gap:1.7cqw;min-width:0}
.plan-checkbox{height:4cqw;width:4cqw;border:1.4px solid #9aa7ad;border-radius:4px;flex:none;box-sizing:border-box;background:white}.plan-column-0 .plan-checkbox{background:#173a2c;border-color:#173a2c;color:#efffc2}.plan-checkbox svg{width:100%;height:100%;animation:process-plan-check 9s ease-in-out infinite;animation-delay:calc(var(--task)*.65s)}
.plan-task-body{flex:1;min-width:0;padding-top:.2cqw}.plan-task-body>span{display:block;font-size:2.3cqw;line-height:1.35;color:#22282c;min-height:4.5cqw}.plan-task-body>i{display:block;width:100%;height:2.4cqw;margin-top:1.4cqw;background:#e9eded;border-radius:12px;overflow:hidden}.plan-task-body>i:after{content:"";display:block;width:var(--progress);height:100%;border-radius:inherit;background:#c9d0d1}.plan-column-0 .plan-task-body>i{background:#dceba7}.plan-column-0 .plan-task-body>i:after{background:#b3ce78;transform-origin:left center;animation:process-audit-score 9s ease-in-out infinite;animation-delay:calc(var(--task)*.65s)}
@keyframes process-audit-score{0%,100%{transform:scaleX(.82)}28%,75%{transform:scaleX(1)}}
@keyframes process-audit-opportunity{0%,100%{background-color:#f0ffce}35%,65%{background-color:#e6ffaf}}
.growth-process-card-dark{background:radial-gradient(ellipse at 20% 0%,#253a37,#142321 85%);border-color:#31433e;color:#fff}.growth-process-card-dark .process-number{color:#e5ff8b}.growth-process-card-dark .process-card-copy p{color:#e2e8e6}
.launch-window{position:absolute;left:6%;top:15%;width:88%;height:79%;border:1px solid #ffffff25;border-radius:12px;padding:3.5%;box-sizing:border-box;background:linear-gradient(135deg,#ffffff04,#ffffff01);box-shadow:0 20px 28px #00000013}
.launch-dots{display:flex;gap:2%;margin-bottom:5%}.launch-dots i{width:3%;aspect-ratio:1;border-radius:50%;background:#62716f}
.launch-live{display:flex;align-items:center;gap:6%;height:46%;padding:4%;border:1px solid #ffffff25;border-radius:12px;box-sizing:border-box;background:#ffffff03}
.launch-check{display:grid;place-items:center;width:20%;aspect-ratio:1;border-radius:50%;background:#e2ff87;color:#142820;flex:none}.launch-check svg{width:60%;height:60%}.launch-live>div:nth-child(2){flex:1}.launch-live strong{font-size:10cqw;line-height:1.05;font-weight:500;display:block}.launch-live div>span{font-size:3.25cqw;color:#c7d0ce;white-space:nowrap}
.launch-bars{width:22%;height:80%;display:flex;align-items:flex-end;gap:10%}.launch-bars i{width:18%;height:calc(24% + var(--bar)*20%);border-radius:4px;background:#849890;transform-origin:bottom;animation:process-growth-bars 4.5s ease-in-out infinite;animation-delay:calc(var(--bar)*.25s)}.launch-bars i:nth-child(2){background:#a4b6a1}.launch-bars i:nth-child(3){background:#bfd29c}.launch-bars i:last-child{background:#e1ff8b}
.launch-setting{display:flex;align-items:center;gap:5%;height:23%;margin-top:2.5%;padding:0 6%;border:1px solid #ffffff25;background:#ffffff03;border-radius:10px;font-size:3.7cqw}.launch-setting>svg{width:7%;height:50%;color:#d8e2df}.launch-toggle{width:17%;height:58%;background:#e4ff8c;border-radius:30px;margin-left:auto;padding:2px;box-sizing:border-box;display:flex;justify-content:flex-end}.launch-toggle:after{content:"";display:block;height:100%;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 1px 3px #23462b30}
.process-animation-controls{display:flex;justify-content:flex-end;margin-top:12px}.process-animation-toggle{border:1px solid #e2e6e4;background:#fff;color:#465550;border-radius:50%;width:32px;height:32px;padding:8px;display:grid;place-items:center;cursor:pointer}.process-animation-toggle svg{width:100%;height:100%}.process-animation-toggle:hover{background:#edffc2}.process-animation-toggle:focus-visible{outline:2px solid #416537;outline-offset:3px}.process-animation-toggle[hidden]{display:none}
.tensor-growth-process *{animation-play-state:paused!important}.tensor-growth-process.is-playing *{animation-play-state:running!important}
@keyframes process-audit-row{0%,8%,48%,100%{box-shadow:0 0 0 1px transparent}18%,34%{box-shadow:0 0 0 1px #b5df7b,0 3px 10px #9aba7020}}
@keyframes process-plan-check{0%,12%,64%,100%{transform:scale(1)}22%{transform:scale(.6)}30%,40%{transform:scale(1.12)}48%{transform:scale(1)}}
@keyframes process-cursor-tap{0%,15%,55%,100%{transform:translate(0,0) rotate(0)}26%,37%{transform:translate(-3px,-6px) rotate(-6deg)}31%{transform:translate(-3px,-4px) scale(.92)}}
@keyframes process-click-ring{0%,26%,45%,100%{opacity:0;transform:scale(.6)}28%{opacity:.9;transform:scale(.6)}42%{opacity:0;transform:scale(1.65)}}
@keyframes process-growth-bars{0%,100%{transform:scaleY(.77)}50%{transform:scaleY(1)}}
@media(min-width:1600px){#process .process-card-copy h3{font-size:30px}#process .process-card-copy p{font-size:22px}}
@media(max-width:1000px) and (min-width:701px){.growth-process-grid{gap:10px}.process-card-copy{padding:16px 6% 22px}#process .process-card-copy h3{font-size:21px}#process .process-card-copy p{font-size:16px}.process-number{font-size:35px;top:14px}}
@media(max-width:700px){.growth-process-grid{grid-template-columns:1fr;gap:16px}.process-art{aspect-ratio:1.4}.process-card-copy{padding:18px 6% 26px}#process .process-card-copy h3{font-size:25px}#process .process-card-copy p{font-size:18px}.process-number{font-size:42px}.process-animation-controls{position:sticky;bottom:16px;z-index:3;pointer-events:none}.process-animation-toggle{pointer-events:auto;box-shadow:0 2px 8px #172b2314}}
@media(prefers-reduced-motion:reduce){.tensor-growth-process *{animation:none!important}.plan-click{display:none}}
#process .growth-process-card-dark .process-card-copy p{color:#e2e8e6}
.launch-live{height:43%}.launch-setting{height:21%}