:root{--blue:#123aff;--ink:#101124;--muted:#606579;--paper:#fff;--lime:#123aff;--navy:#101b38;--line:#e4e7ef}
body{background:#fff}.header{height:90px;background:#ffffffa6;color:var(--ink);border:0;padding:0 4%;position:relative;z-index:10;backdrop-filter:blur(12px)}.brand{font-size:24px;letter-spacing:-.9px}.brand-mark{font-family:Georgia,serif;letter-spacing:-8px;background:none;color:var(--blue);width:40px;height:40px;transform:none;font-size:34px;font-weight:400;display:block;line-height:40px;margin-right:6px}.header nav{color:#252943;gap:35px}.header nav a:hover{color:var(--blue)}.header .button{border:1px solid var(--blue);border-radius:30px;color:var(--blue);background:transparent;padding:11px 23px}.header .button:hover{background:var(--blue);color:#fff}.button{border-radius:12px;background:var(--blue);box-shadow:0 8px 24px #123aff18}.text-link{color:var(--ink)}.signal{background:var(--blue)}
.hero{position:relative;isolation:isolate;background:#fff;color:var(--ink);min-height:clamp(700px,54vw,920px);max-width:1920px;margin:auto;overflow:hidden}.hero-architecture{position:absolute;inset:-90px 0 auto 0;width:100%;height:calc(100% + 90px);object-fit:cover;object-position:center top;z-index:-2;pointer-events:none}.hero-copy{display:block;position:relative;z-index:3;padding:95px 0 120px 4%;width:44%;max-width:none;margin:0}.hero .eyebrow{color:#202844;font-weight:500;letter-spacing:2.4px;font-size:10px;margin:0 0 24px}.hero .eyebrow .signal{width:8px;height:8px;margin-right:10px}.hero h1{font-size:clamp(76px,7.4vw,138px);font-weight:700;letter-spacing:-.075em;line-height:.98;margin:0 0 29px}.hero h1 span{color:var(--blue);white-space:nowrap}.hero-description{max-width:440px;font-size:19px;line-height:1.55;letter-spacing:-.4px;color:#44495f;margin:0 0 34px}.hero-actions{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.hero .button{color:#fff;background:var(--blue);border:0;padding:19px 25px;font-size:14px;gap:30px}.hero .button:hover{background:#0026da}.hero .text-link{color:var(--ink);font-size:14px}.hero-caption{font-size:10px;color:#7a8195;margin-top:25px;max-width:380px;line-height:1.6}.product-heading,.drawing-label,.product-stage .grid-lines{display:none}.product-stage{position:absolute;right:3%;top:31%;bottom:auto;width:51%;max-width:none;min-height:0;padding:0;margin:0;display:block;background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--ink)}.desktop-app{position:relative;transform:rotate(-1deg);border:8px solid #1b253b;border-radius:17px;width:calc(100% - 56px);background:#fbfcff;box-shadow:1px 15px 25px #16295535;overflow:hidden;margin:0;z-index:1}.app-bar{background:#f6f8ff;padding:11px 14px;font-size:11px;gap:8px}.app-logo{background:transparent;color:var(--blue);font-family:Georgia,serif;font-size:19px;font-weight:400;letter-spacing:-4px;width:24px;height:25px}.app-bar .sample{font-size:6px;padding:4px}.app-bar .avatar{width:22px;height:22px;font-size:7px}.app-body{grid-template-columns:100px minmax(0,1fr);min-height:0;background:#fbfcff}.app-sidebar{background:#f4f6fe;border-color:#e5e9f6;padding:17px 9px;color:#66729a;display:block}.workspace{font-size:7px;margin-bottom:15px}.sidebar-link{font-size:8px;gap:6px;padding:9px 5px;white-space:normal;line-height:1.5}.sidebar-link svg{width:12px;height:12px}.sidebar-link.selected{background:#e6ecff;color:var(--blue)}.sidebar-link b{font-size:7px}.sidebar-bottom{font-size:6px;left:10px}.app-content{padding:18px 19px}.breadcrumbs{font-size:7px;letter-spacing:.7px}.app-heading{margin:16px 0 6px;display:flex;gap:9px}.app-heading h2{font-size:21px;font-weight:650;letter-spacing:-.7px;margin:0}.badge{font-size:8px;padding:5px 7px}.app-subtitle{font-size:9px;margin:0}.record-summary{padding:13px 0;margin:15px 0;gap:32px}.record-summary>div>span{font-size:7px;margin-bottom:5px}.record-summary strong{font-size:22px}.record-summary strong span{font-size:11px}.activity-header{font-size:7px;margin-bottom:6px}.activity{padding:9px 0;gap:9px}.activity-icon{width:26px;height:26px;background:#eaf0ff;color:var(--blue);border-color:#dce5ff}.activity-icon svg{width:13px;height:13px}.activity strong{font-size:10px;font-weight:600}.activity small{font-size:8px;margin-top:3px}.activity-tick{font-size:10px;color:var(--blue)}.app-foot{font-size:6px;padding-top:10px;margin-top:9px}.hero-phone{position:absolute;right:0;left:auto;bottom:-31px;width:169px;background:#fff;border:6px solid #202b40;border-radius:28px;padding:12px 11px 24px;box-shadow:4px 15px 25px #15294e35;z-index:3;transform:rotate(2deg)}.hero-phone-top{font-size:7px;padding-bottom:15px}.hero-phone-brand{gap:5px}.hero-phone-brand b{font-size:8px;width:20px;height:20px;background:var(--blue)}.hero-phone-brand strong{font-size:9px}.hero-phone-kicker{font-size:6px;letter-spacing:.6px;margin-top:18px}.hero-phone h3{font-size:26px;letter-spacing:-1.2px;margin:0 0 18px;line-height:1.03}.hero-phone-job{gap:7px;padding-top:11px}.hero-phone-job>span{font-size:11px;padding:7px}.hero-phone-job strong{font-size:9px}.hero-phone-job small{font-size:7px}.hero-phone ul{font-size:7px;margin:17px 0;gap:10px}.hero-phone li:before{width:12px;height:12px;font-size:8px;margin-right:5px;background:#edf1ff;color:var(--blue)}.hero-phone-state{font-size:9px;padding:10px 4px;background:var(--blue)}.hero-phone-sample{font-size:5px;letter-spacing:.3px;margin-top:10px}.hero-phone-home{height:3px;width:44px;left:calc(50% - 22px);bottom:7px}.proof-toast{display:none}.stage-controls{left:15px;right:189px;bottom:-43px;color:#5c6986;gap:10px;font-size:7px}.stage-controls button{width:22px;height:22px;border-color:#9caecc;background:#fff8;font-size:8px}.scene-progress{max-width:130px}.scene-progress span.active{background:var(--blue)}
.workflow{margin-top:0;padding-top:18px;border-bottom:1px solid var(--line);gap:0}.workflow button{border-top:0;border-bottom:2px solid transparent;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:19px;padding:24px 22px;font-size:14px;background:transparent;transition:background .2s;position:relative}.workflow button+button:before{content:'';position:absolute;left:0;top:24%;height:52%;width:1px;background:#ced4e1}.workflow button>span{font-size:12px;color:var(--blue);font-weight:600}.workflow button svg{display:none}.workflow button.active{border-bottom-color:var(--blue);color:var(--ink);background:#f5f7ff}.workflow button:hover{background:#f0f4ff}.workflow-explanation{padding-top:30px;padding-bottom:55px}.workflow-explanation h2{font-size:29px;font-weight:600}.workflow-explanation .text-link{color:var(--blue)}
.intro{background:#fff}.intro-heading h2{font-weight:600}.intro-heading h2 span{color:var(--blue)}.team-panel{border-radius:18px;box-shadow:0 25px 70px #2e4c9010;min-height:700px}.team-copy{padding:46px 42px}.team-visual{background:radial-gradient(ellipse at 80% 5%,#c4d5ff,transparent 68%),#f1f5ff;position:relative}.team-copy h3{font-weight:600}.tabs{border-radius:30px;background:#edf1fc;padding:5px}.tabs button{border-radius:25px}.tabs button[aria-selected=true]{background:var(--blue);color:#fff;box-shadow:none}.site-phone,.office-monitor{border-color:#202b40}.site-app-bar,.site-send,.device-logo{background:var(--blue)}.site-app-bar .device-logo{color:var(--blue)}.site-task>span{color:var(--blue)}.device-home{background:#202b40}.details{background:#f5f8ff;color:var(--ink);position:relative;overflow:hidden}.details:before{content:'';position:absolute;right:-200px;top:-200px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#dce7ff88,transparent 65%);pointer-events:none}.details .section-top .eyebrow{color:#6c7da2}.details h2{font-weight:600;position:relative}.detail-grid{position:relative;gap:42px}.detail-grid article{border-color:#c9d6f2}.detail-grid article>svg{color:var(--blue);width:37px;height:37px}.detail-grid article>span{color:#8b9ab7}.detail-grid h3{font-weight:600;color:var(--ink)}.detail-grid p{color:#63708a}.faq{background:#fff}.faq details{border-color:#dbe2ef}.faq h2{font-weight:600}.closing{background:var(--blue);overflow:hidden;position:relative}.closing:after{content:'TW';position:absolute;right:-20px;top:-70px;font-family:Georgia,serif;font-size:380px;letter-spacing:-70px;color:#ffffff07;pointer-events:none}.closing>div{position:relative;z-index:1}.closing h2{font-weight:600}.closing h2 span{color:#b8caff}.closing .eyebrow{color:#ccd7ff}.closing .button{border-radius:30px}.contact{background:#f7f9ff}.contact h2{font-weight:600}.contact-card{border-color:#dbe3f4}.contact-email{font-weight:550}.contact .button{border-radius:9px}.site-footer{background:#fff}.footer-bottom{border-color:var(--line)}.site-footer .brand-mark{color:var(--blue)}.menu-toggle{color:var(--ink)}.try-header{background:#15213e}.try-header span{color:#c2cfff}.try-steps .current,.try-role strong{color:var(--blue)}.try-steps .current b,.try-steps .done b{background:#e4ebff;color:var(--blue)}#demo-dialog .button.amber{background:var(--blue);color:#fff}#demo-dialog .button:disabled{opacity:.4;cursor:not-allowed}
@media(min-width:1600px){.hero-copy{padding-top:120px;padding-left:5%}.hero{min-height:900px}.product-stage{top:32%;width:50%;right:3%}.app-content{padding:23px 25px}.app-body{grid-template-columns:120px 1fr}.app-heading h2{font-size:24px}.activity strong{font-size:12px}.activity small{font-size:10px}.activity{padding:12px 0}.hero-phone{width:195px;padding:15px 14px 27px}.hero-phone h3{font-size:32px}.hero-phone ul{font-size:9px}.hero-phone-brand strong{font-size:11px}.hero-phone-kicker{font-size:8px}.hero-phone-job strong{font-size:11px}.hero-phone-job small{font-size:9px}.hero-phone-state{font-size:11px}.stage-controls{right:220px}.desktop-app{width:calc(100% - 70px)}}
@media(max-width:1200px) and (min-width:901px){.header nav{gap:24px;font-size:12px}.hero{min-height:720px}.hero-copy{padding-top:105px;width:44%}.hero h1{font-size:80px}.hero-description{font-size:16px;max-width:365px}.hero-actions{gap:18px}.hero .button{font-size:12px;padding:16px 18px}.hero .text-link{font-size:12px}.product-stage{top:32%;right:2%;width:52%}.app-body{grid-template-columns:minmax(0,1fr)}.app-sidebar{display:none}.app-content{padding:17px}.app-heading h2{font-size:21px}.hero-phone{width:150px;bottom:-25px;padding:11px 9px 21px;border-width:5px;border-radius:23px}.hero-phone h3{font-size:24px}.hero-phone-brand strong{font-size:8px}.hero-phone ul{font-size:6px}.hero-phone-job small{font-size:6px}.hero-phone-kicker{margin-top:14px}.hero-phone-state{font-size:8px}.hero-phone-sample{font-size:4px}.stage-controls{right:165px}.workflow button{padding:22px 14px;font-size:12px;gap:13px}}
@media(max-width:900px){.header{height:78px;padding:0 5%}.header nav{gap:20px;font-size:12px}.header .button{font-size:11px;padding:10px 17px}.brand{font-size:22px}.hero{min-height:0;overflow:hidden;padding-bottom:35px}.hero-architecture{top:340px;height:auto;width:100%;object-fit:contain;opacity:.95}.hero-copy{width:100%;padding:53px 6% 28px;max-width:none;display:block}.hero h1{font-size:clamp(78px,12vw,105px);line-height:.96;max-width:700px;margin-bottom:25px}.hero-description{font-size:17px;max-width:440px;margin-bottom:27px}.hero-actions{gap:26px}.hero .button{font-size:13px;padding:17px 22px}.hero .text-link{font-size:13px}.hero-caption{font-size:10px;margin-top:20px}.product-stage{position:relative;top:auto;right:auto;bottom:auto;width:82%;margin:125px 5% 55px 13%;min-height:0;display:block;padding:0}.desktop-app{width:calc(100% - 60px);border-width:7px}.app-body{grid-template-columns:100px 1fr}.app-sidebar{display:block}.app-heading h2{font-size:21px}.app-content{padding:18px}.hero-phone{width:160px;bottom:-30px}.hero-phone h3{font-size:26px}.hero-phone ul{font-size:7px}.hero-phone-brand strong{font-size:9px}.hero-phone-job small{font-size:7px}.hero-phone-state{font-size:9px}.stage-controls{left:10px;right:180px;bottom:-41px}.workflow{padding-top:10px}.workflow button{font-size:12px;gap:10px;padding:20px 12px}.workflow-explanation{padding-top:25px}.header nav.open{background:#fffffff7;color:var(--ink);border-color:var(--line)}.header nav a:hover{color:var(--blue)}.team-copy{padding:35px}.details .detail-grid h3{color:var(--ink)}}
@media(max-width:800px){.header nav{top:78px}.team-copy{padding:30px}.hero-copy{padding-top:42px}.hero .eyebrow{font-size:9px}.workflow button{font-size:11px;gap:8px}.workflow button>span{font-size:10px}}
@media(max-width:540px){.header{height:73px;padding:0 6%;background:#fff}.header nav{top:73px}.brand{font-size:21px;gap:7px}.brand-mark{font-size:31px;width:34px;letter-spacing:-7px;margin-right:3px}.hero-copy{padding:37px 6% 20px}.hero .eyebrow{font-size:8px;letter-spacing:1.9px;margin-bottom:25px}.hero h1{font-size:clamp(58px,16.4vw,85px);font-weight:700;letter-spacing:-.075em;margin-bottom:23px}.hero-description{font-size:15px;line-height:1.65;max-width:370px;margin-bottom:26px}.hero .button{font-size:12px;padding:16px 19px;border-radius:10px;gap:18px}.hero .text-link{font-size:11px;gap:11px}.hero-actions{gap:20px}.hero-caption{font-size:9px;max-width:280px;margin-top:20px}.hero-architecture{top:355px;left:-40%;width:155%;max-width:none;opacity:1;height:auto}.product-stage{display:block;width:100%;margin:125px 0 52px;padding:0;min-height:430px;position:relative}.product-stage .desktop-app{display:none}.hero-phone{position:relative;right:auto;bottom:auto;left:auto;width:225px;margin:0 8% 0 auto;padding:14px 15px 27px;border-width:6px;border-radius:29px;transform:rotate(2deg)}.hero-phone-top{font-size:9px;padding-bottom:19px}.hero-phone-brand strong{font-size:12px}.hero-phone-brand b{width:24px;height:24px;font-size:9px}.hero-phone-kicker{font-size:8px;margin-top:23px}.hero-phone h3{font-size:37px;margin-bottom:22px}.hero-phone-job strong{font-size:12px}.hero-phone-job small{font-size:10px}.hero-phone-job>span{font-size:15px;padding:8px}.hero-phone ul{font-size:10px;gap:12px;margin:21px 0}.hero-phone li:before{width:14px;height:14px;font-size:10px;margin-right:7px}.hero-phone-state{font-size:12px;padding:11px 5px}.hero-phone-sample{font-size:6px}.hero-phone-home{bottom:9px}.stage-controls{left:10%;right:10%;bottom:-43px;font-size:8px}.stage-controls button{width:25px;height:25px}.scene-progress{max-width:none}.hero{padding-bottom:20px}.workflow{grid-template-columns:1fr 1fr;padding-top:0;margin:0 6%}.workflow button{padding:19px 9px;font-size:12px;gap:10px;border-bottom:1px solid var(--line)}.workflow button+button:before{display:none}.workflow button.active{border-bottom:2px solid var(--blue)}.workflow button>span{font-size:10px}.workflow-explanation h2{font-size:27px}.team-panel{border-radius:13px;min-height:0}.team-copy{padding:27px 22px}.tabs button{font-size:12px}.details h2{font-size:45px}.detail-grid article>svg{width:29px;height:29px}.closing h2{font-size:63px}.closing:after{font-size:270px;letter-spacing:-50px;right:0;top:40px}.contact h2{font-size:44px}}
@keyframes concept-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:concept-reveal .8s ease-out both}.hero-architecture{animation:concept-reveal 1.1s ease-out both}.product-stage{animation:concept-reveal 1s .15s ease-out both}}
.hero-caption{display:none}
.hero-copy:before{content:'';position:absolute;inset:0 -30px -15px 0;background:linear-gradient(90deg,#fff 80%,#ffffffeb 88%,#fff0);z-index:-1;pointer-events:none}.desktop-app,.hero-phone{transform:none}
@media(max-width:540px){.hero-architecture{top:410px;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent)}.hero-copy{padding-bottom:32px}}