/* The first visual: a living system, with the photograph used beside the invitation. */
.hero-system{height:465px;position:relative;border:1px solid #e6edf8;border-radius:26px;background:radial-gradient(ellipse at 48% 45%,#dceaff 0%,#f1f6ff 40%,#fbfdff 80%);overflow:hidden;isolation:isolate}.system-caption{position:absolute;top:22px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;font-family:Arial;font-size:10px;letter-spacing:.08em;color:#617ea8;z-index:5}.system-caption button{border:1px solid #d9e5f8;border-radius:50%;background:#ffffffc9;color:#6a8ec1;height:29px;width:29px;font-size:12px}.system-orbit{position:absolute;left:50%;top:50%;width:330px;height:225px;border:1px solid #bfd3f15e;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg);animation:system-orbit 40s linear infinite}.system-orbit.orbit-two{width:390px;height:310px;animation-duration:54s;animation-direction:reverse}.system-orbit.orbit-three{width:280px;height:340px;animation-duration:48s}.hero-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-links path{fill:none;stroke:#6e9ce0;stroke-width:1.5;stroke-dasharray:3 9;animation:system-data 3s linear infinite}.hero-links path:nth-child(2){animation-direction:reverse;stroke:#91b4e8}.hero-links path:nth-child(3){animation-delay:-1.5s}.system-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);height:135px;width:135px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(140deg,#fff,#dfecff);border:1px solid #b7cff3;border-radius:50%;z-index:2;box-shadow:0 10px 40px #376dc91a;animation:system-breathe 4s ease-in-out infinite}.system-core>span{font-family:Arial;font-size:49px;font-weight:600;line-height:1;color:#2866cc}.system-core strong{font-family:Arial;font-size:12px;font-weight:500;letter-spacing:.1em;margin-top:9px;color:#315e99}.system-core small{font-family:Arial;font-size:10px;margin-top:6px;color:#7491b9}.system-node{position:absolute;z-index:3;background:#ffffffeb;border:1px solid #d4e1f5;border-radius:11px;padding:15px 17px;box-shadow:0 10px 25px #5b7eaf0b;animation:node-bob 7s ease-in-out infinite}.system-node>small{font-family:Arial;display:block;font-size:9px;letter-spacing:.08em;color:#7599cd;margin-bottom:7px}.system-node strong{font-size:15px;font-weight:600;color:#31557e;display:block}.system-node>span{display:block;font-size:11px;color:#7790b0;margin-top:6px}.node-data{left:22px;top:70px}.node-think{right:15px;top:192px;animation-delay:-2s}.node-act{left:43px;bottom:54px;animation-delay:-4s}.system-bottom{position:absolute;bottom:21px;left:22px;font-size:11px;color:#7893b8;z-index:3}.system-bottom>i{display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:#7da9e7;margin-right:7px}.hero-system.system-paused *{animation-play-state:paused!important}.contact .contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding-top:55px;padding-bottom:55px}.contact .contact-inner>.contact-copy{display:block;margin:0;min-width:0}.contact-photo{position:relative;margin:0;aspect-ratio:1.5;overflow:hidden;border-radius:20px}.contact-photo img{width:100%;height:100%;object-fit:cover}.contact-photo figcaption{position:absolute;bottom:12px;right:12px;background:#ffffffdc;backdrop-filter:blur(5px);padding:8px 10px;border-radius:6px;line-height:1}.contact-photo figcaption span{font-size:11px;color:#68809f}.contact-copy>div{margin-top:23px}.contact-copy p{font-size:16px;line-height:1.9}.contact .contact-copy h2{font-size:34px;margin:0;line-height:1.55}.contact-copy .button{margin-top:22px}
/* Tactile controls: a clear edge, soft depth and a distinct arrow well. */
.button{position:relative;min-height:53px;border-radius:10px;isolation:isolate;transition:transform .25s cubic-bezier(.2,.75,.2,1),box-shadow .25s,background .25s}.button.lime,.button.dark{color:#fff;background:linear-gradient(150deg,#3b7aef 0%,#2865d6 60%,#235ac4 100%);border:1px solid #2d63ce;box-shadow:inset 0 1px 0 #ffffff40,0 2px 2px #163f8f0e,0 7px 18px #2866dd20}.button>span{display:grid;place-items:center;min-width:29px;height:29px;border-radius:7px;background:#ffffff19;border:1px solid #ffffff24;font-size:17px;line-height:1;transition:transform .25s,background .25s}.button.lime:hover,.button.dark:hover{background:linear-gradient(150deg,#4785f4,#2864d5);box-shadow:inset 0 1px 0 #ffffff55,0 10px 24px #2866dd2b;transform:translateY(-2px)}.button:hover>span{transform:translate(1px,-1px);background:#ffffff27;translate:none}.button:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #10398622,0 2px 6px #2866dd15}.button:disabled{opacity:.7;transform:none;box-shadow:inset 0 1px 0 #ffffff30}.button:disabled>span{background:#ffffff0a}.text-link{position:relative;padding:9px 0;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}.text-link:hover{border-color:#b7cbef}.text-link>span{transition:transform .25s}.text-link:hover>span{transform:translate(2px,-2px)}.nav-cta{background:linear-gradient(135deg,#f7faff,#edf4ff);border:1px solid #d5e2f8;box-shadow:inset 0 1px 0 #fff,0 3px 8px #3868a806;transition:box-shadow .25s,border-color .25s}.nav-cta:hover{border-color:#aac6f0;box-shadow:0 5px 15px #3868a812}.scenario-cards button.selected{box-shadow:inset 0 1px 0 #fff,0 5px 18px #2866dd0d}.branch-icon{transition:transform .35s,box-shadow .35s}.solution-branch:hover .branch-icon{transform:translateY(-3px) rotate(-3deg);box-shadow:0 8px 18px #2866dd0c}
/* An actual illustrative output appears in each work stage. */
[hidden]{display:none!important}.demo-step-track{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 20px 0;color:#91a2b9;font-size:13px}.demo-step-track span{padding:7px 12px;border-radius:20px;transition:background .4s,color .4s}.demo-step-track span.active{background:#e9f1ff;color:#2866dd}.demo-step-track span.done{color:#37846c}.demo-step-track b{font-size:13px;font-weight:400;color:#a6bad9}.demo .demo-stage{padding:23px 18px;min-width:0;overflow:hidden}.demo .demo-stage.is-active{padding:22px 17px}.demo .stage-no{font-size:12px}.demo .stage-icon{height:40px;width:40px;padding:6px;border-radius:11px;margin:15px 0}.demo .demo-stage h3{font-size:20px;margin-bottom:8px}.demo .demo-stage>p{font-size:14px;line-height:1.75;min-height:25px;color:#6a7f9d}.work-panel{margin-top:19px;min-height:230px;position:relative}.work-placeholder{height:228px;border:1px dashed #dbe5f3;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:18px;color:#889bb6;font-size:13px;text-align:center;line-height:1.8;background:#fff}.placeholder-shape{width:68px;height:82px;border:1px solid #e0e8f3;border-radius:8px;background:repeating-linear-gradient(0deg,#fff 0 9px,#eef3fa 9px 11px,#fff 11px 16px);box-shadow:0 4px 15px #43699406}.demo .stage-state{margin-top:18px}.work-data-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#667e9f;margin-bottom:13px}.work-data-heading small{font-size:12px;border:1px solid #dce6f5;border-radius:5px;padding:3px 6px;color:#7990b0}.work-data-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto 12px;gap:7px;align-items:center;padding:13px 9px;border:1px solid #e6edf7;background:white;border-radius:9px;margin:8px 0;box-shadow:0 4px 12px #5177a205;font-size:13px;color:#4d678b}.work-data-row strong{font-family:Arial,"Malgun Gothic";font-size:14px;color:#315a91;font-weight:600}.work-data-row>b{color:#79a58e;font-size:12px}.row-origin{background:#edf4ff;border-radius:50%;height:22px;width:22px;display:grid;place-items:center;color:#6b96d6;font-family:Arial;font-size:11px}.work-panel.revealed .work-data-row{animation:data-arrive .55s calc(var(--row-order)*.4s) cubic-bezier(.2,.8,.2,1) backwards}.work-data-foot{font-size:12px;line-height:1.7;color:#7d92b0;margin-top:14px}.calculation-rule{border-radius:7px;padding:10px;background:#edf4ff;color:#6382ae;font-size:12px;text-align:center}.calculation-rule b{color:#315d9a}.work-meters{margin-top:15px}.work-meter{display:flex;align-items:center;gap:8px;font-size:12px;color:#5e7595;margin:15px 0}.work-meter>span{min-width:42px;max-width:78px;font-size:12px;line-height:1.5}.work-meter>b{font-family:Arial;font-size:13px;color:#2f68bd;font-weight:500;white-space:nowrap}.meter-track{height:8px;border-radius:5px;background:#edf2f9;flex:1;overflow:hidden}.meter-track>i{display:block;height:100%;border-radius:5px;width:var(--meter);background:linear-gradient(90deg,#b4d1ff,#4f8aec);transform-origin:left;animation:fill-meter 1.2s cubic-bezier(.2,.8,.2,1) backwards}.computed-total{margin-top:24px;padding-top:17px;border-top:1px solid #dce6f5;line-height:1.3;color:#2866c9}.computed-total>span{display:block;font-size:12px;color:#6f87a9;margin-bottom:8px}.computed-total strong{font-family:Arial;font-size:32px;letter-spacing:-.045em;font-weight:600}.computed-total small{font-size:13px;margin-left:6px;color:#5b7cab}.revenue-chart{height:150px;display:flex;gap:18px;padding:0 10px;align-items:flex-end;justify-content:space-around}.revenue-column{flex:1;text-align:center;min-width:0}.revenue-column>strong{display:block;font-family:Arial;font-size:12px;font-weight:500;color:#557caf;margin-bottom:6px}.revenue-column>div{height:94px;background:#f1f5fc;border-radius:6px 6px 0 0;position:relative;overflow:hidden}.revenue-column i{display:block;position:absolute;bottom:0;left:0;right:0;height:var(--bar-height);background:linear-gradient(0deg,#5c91e6,#b8d3ff);border-radius:6px 6px 0 0;animation:bar-grow 1.4s calc(var(--bar-order)*.16s) cubic-bezier(.2,.8,.2,1) backwards;transform-origin:bottom}.revenue-column>span{display:block;font-size:12px;color:#6982a7;margin-top:8px}.trend-label{font-size:13px;color:#6480a5;padding:8px 0}.generated-document{position:relative;background:white;border:1px solid #dce6f3;border-radius:3px 3px 9px 9px;padding:16px 13px;box-shadow:0 8px 20px #2c60a010;animation:document-unfold .7s cubic-bezier(.2,.8,.2,1) both;transform-origin:top center;overflow:hidden}.generated-document:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#4585e9,#b7d2ff)}.document-top{display:flex;justify-content:space-between;font-family:Arial;font-size:10px;letter-spacing:.04em;color:#8ea4c4}.document-top span+span{font-family:"Malgun Gothic";font-size:10px;letter-spacing:0}.generated-document h4{font-size:18px;letter-spacing:-.045em;font-weight:600;line-height:1.5;margin:17px 0 14px;color:#34557e}.document-row{display:flex;justify-content:space-between;gap:9px;align-items:center;font-size:12px;padding:10px 0;border-bottom:1px solid #edf1f7;color:#6a809e;animation:document-write .5s calc(var(--row-order)*.4s+.4s) ease-out backwards}.document-row strong{font-size:13px;color:#3c608f;font-weight:500;text-align:right}.document-copy{display:block;padding:13px 0}.document-copy>span{font-size:11px;color:#7e95b4}.document-copy strong{display:block;text-align:left;font-size:18px;line-height:1.7;margin-top:8px;color:#2e609f}.document-stamp{margin-top:16px;border:1px solid #d3e8dd;border-radius:6px;padding:8px;background:#f2f9f5;text-align:center;font-size:12px;color:#408066;opacity:0;transform:scale(.85);transition:opacity .35s,transform .5s cubic-bezier(.2,1.5,.4,1)}.document-stamp span{display:inline-grid;place-items:center;height:17px;width:17px;border-radius:50%;color:white;background:#70a990;font-size:11px;margin-right:3px}.document-ready .document-stamp{opacity:1;transform:scale(1)}.document-review{font-size:10px!important;line-height:1.7!important;color:#8095b2!important;margin:11px 0 0!important;min-height:0!important;text-align:center}.demo-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;flex:0 1 auto}.demo-result{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.demo-result .result-label{display:none}.demo-result p{min-width:0;max-width:100%}.demo-result .demo-controls .button{font-size:14px;padding:13px 17px;min-width:0;gap:16px;min-height:49px}.demo-result .result-download{color:#315e9b;border:1px solid #cbdcf5;background:white;box-shadow:inset 0 1px 0 #fff,0 3px 10px #4267a009}.result-download>span{border-color:#dbe6f7;background:#f0f5fd}.demo-result .work-stop{background:#fff;border:1px solid #d8e3f3;color:#6c819f}.demo.has-result .work-panel{min-height:230px}
@keyframes system-orbit{from{transform:translate(-50%,-50%) rotate(-25deg)}to{transform:translate(-50%,-50%) rotate(335deg)}}@keyframes system-data{to{stroke-dashoffset:-96}}@keyframes system-breathe{50%{box-shadow:0 10px 50px #376dc923,0 0 0 9px #8db1e90a}}@keyframes node-bob{50%{translate:0 -4px}}@keyframes data-arrive{from{opacity:0;transform:translate(-20px,7px) scale(.96)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes fill-meter{from{transform:scaleX(.05)}to{transform:scaleX(1)}}@keyframes bar-grow{from{transform:scaleY(.04)}to{transform:scaleY(1)}}@keyframes document-unfold{from{opacity:0;transform:perspective(500px) rotateX(-13deg) translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes document-write{from{opacity:0;transform:translateY(7px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
@media(max-width:1150px){.hero-system{height:440px}.system-node{padding:13px 14px}.system-node strong{font-size:14px}.system-node>span{font-size:10px}.node-data{left:15px}.node-think{right:10px;top:185px}.node-act{left:23px}.system-core{width:122px;height:122px}.system-core>span{font-size:42px}.demo .demo-stages{grid-template-columns:1fr 17px 1fr 17px 1fr;gap:7px;padding:25px 16px}.demo .demo-stage{padding:20px 13px}.demo .demo-stage.is-active{padding:19px 12px}.demo .demo-stage h3{font-size:18px}.work-data-row{padding:12px 7px;gap:5px;grid-template-columns:18px minmax(0,1fr) auto 10px;font-size:12px}.row-origin{height:18px;width:18px;font-size:10px}.work-data-row strong{font-size:12px}.revenue-chart{gap:10px;padding:0 5px}.computed-total strong{font-size:29px}.contact .contact-inner{gap:35px}.contact .contact-copy h2{font-size:29px}.contact-copy p{font-size:15px}.demo-result .demo-controls{justify-content:flex-end}}
@media(max-width:850px){.hero-system{height:430px;max-width:none}.system-core{width:140px;height:140px}.system-core>span{font-size:49px}.system-node{padding:15px 18px}.system-node strong{font-size:16px}.system-node>span{font-size:12px}.node-data{left:9%;top:55px}.node-think{right:6%;top:170px}.node-act{left:15%;bottom:45px}.hero .button{font-size:15px}.contact .contact-inner{grid-template-columns:1fr;gap:30px}.contact-photo{aspect-ratio:1.8}.contact .contact-copy h2{font-size:34px}.contact-copy p{font-size:16px}.contact-copy .button{margin-top:22px}.demo-result .demo-controls{justify-content:flex-start}}
@media(max-width:760px){.demo .demo-stages{display:block;padding:20px}.demo .demo-stage{display:none;padding:25px 22px}.demo .demo-stage.is-active{display:block;padding:24px 21px}.demo:not(.is-running):not(.has-result) .demo-stage:first-child{display:block}.demo.has-result .demo-stage:last-child{display:block}.demo .stage-arrow{display:none}.demo .stage-icon{float:right;margin:0 0 5px 15px;width:43px;height:43px;padding:6px}.demo .stage-no{display:block;font-size:13px}.demo .demo-stage h3{font-size:23px;margin-top:12px}.demo .demo-stage>p{font-size:16px;margin-top:7px;min-height:0}.work-panel{min-height:240px;max-width:470px;margin:22px auto 0}.work-data-row{padding:16px 13px;grid-template-columns:25px minmax(0,1fr) auto 15px;gap:12px;font-size:16px}.work-data-row strong{font-size:16px}.row-origin{width:25px;height:25px;font-size:12px}.work-data-heading{font-size:14px}.work-data-foot{font-size:13px}.generated-document{padding:21px}.document-top{font-size:12px}.document-top span+span{font-size:11px}.generated-document h4{font-size:23px;margin-top:23px}.document-row{font-size:15px;padding:14px 0}.document-row strong{font-size:16px}.document-review{font-size:12px!important}.document-stamp{font-size:14px;padding:10px}.computed-total strong{font-size:37px}.computed-total>span{font-size:14px}.work-meter{font-size:14px;gap:12px;margin:19px 0}.work-meter>span{font-size:14px;min-width:54px;max-width:110px}.work-meter>b{font-size:15px}.calculation-rule{font-size:14px;padding:13px}.revenue-chart{height:170px;gap:24px;padding:0 20px}.revenue-column>div{height:108px}.revenue-column>strong,.revenue-column>span{font-size:14px}.demo .stage-state{display:inline-flex;margin:19px 0 0;font-size:12px}.demo-step-track{gap:8px;font-size:12px;padding:18px 14px 0}.demo-step-track span{padding:7px 9px}.demo-result .demo-controls .button{font-size:14px;width:auto;flex:1;min-width:130px;margin:0}.demo-controls{justify-content:stretch}.demo-result .demo-controls .work-stop{flex:0 0 auto;min-width:70px}.demo-result{padding:20px}}
@media(max-width:520px){.hero-system{height:395px;border-radius:20px}.system-caption{font-size:9px;left:17px;right:17px;top:17px}.system-core{width:118px;height:118px;top:49%}.system-core>span{font-size:41px}.system-core strong{font-size:10px}.system-core small{font-size:9px}.system-node{padding:12px 13px;border-radius:9px}.system-node strong{font-size:13px}.system-node>small{font-size:8px;margin-bottom:6px}.system-node>span{font-size:10px;margin-top:5px}.node-data{top:60px;left:13px}.node-think{top:171px;right:9px}.node-act{bottom:48px;left:26px}.system-bottom{font-size:10px;left:17px;bottom:17px}.system-orbit.orbit-one{width:270px;height:190px}.system-orbit.orbit-two{width:330px;height:260px}.system-orbit.orbit-three{width:240px;height:300px}.hero .button{font-size:14px;padding:13px 16px;gap:16px}.button>span{height:27px;min-width:27px}.hero-actions{gap:18px}.contact .contact-inner{padding-top:40px;padding-bottom:40px}.contact-photo{aspect-ratio:1.4;border-radius:16px}.contact .contact-copy h2{font-size:30px}.demo .demo-stages{padding:17px 13px}.demo .demo-stage{padding:22px 16px}.demo .demo-stage.is-active{padding:21px 15px}.demo .demo-stage h3{font-size:21px}.demo .demo-stage>p{font-size:15px}.demo-step-track{font-size:11px;gap:4px;padding:16px 10px 0}.demo-step-track span{padding:7px 5px}.demo-step-track b{font-size:11px}.work-panel{margin-top:20px}.work-data-row{font-size:14px;grid-template-columns:21px minmax(0,1fr) auto 11px;padding:15px 10px;gap:7px}.work-data-row strong{font-size:14px}.row-origin{width:21px;height:21px;font-size:11px}.generated-document{padding:18px 16px}.generated-document h4{font-size:21px}.document-row{font-size:14px}.document-row strong{font-size:15px}.document-copy strong{font-size:19px}.computed-total strong{font-size:33px}.work-meter>span{font-size:13px;min-width:46px;max-width:92px}.work-meter{gap:9px}.demo-result .demo-controls .button{font-size:13px;min-width:120px;padding:13px 14px;gap:12px}.demo.has-result .work-panel{min-height:0}}
@media(prefers-reduced-motion:reduce){.hero-system *,.work-panel *{animation:none!important;transition:none!important}.hero .button:hover,.button:hover,.button:active,.solution-branch:hover .branch-icon{transform:none}.work-panel .document-stamp{transform:none}.work-panel.revealed .work-data-row{opacity:1}.meter-track>i,.revenue-column i{transform:none}}