@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#183b32;--muted:#69736c;--lime:#d1ed85;--paper:#f9faf6;--line:#dfe4da}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #92ac45;outline-offset:5px}.wrap{max-width:1240px;margin:auto;width:calc(100% - 96px)}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center}.brandmark{font-size:48px;margin-right:8px;line-height:1;transform:rotate(-20deg)}.ai{color:#78907a}.nav nav{display:flex;gap:35px;font-size:13px;font-weight:550}.nav nav a:hover{color:#6d9236}.button{border:0;border-radius:6px;background:var(--ink);color:white;min-height:50px;padding:15px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#2b5347;transform:translateY(-2px)}.button.small{min-height:42px;padding:12px 19px}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:55px;padding-top:75px;padding-bottom:76px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:6px;height:6px;background:#779b42;border-radius:50%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(46px,5.1vw,70px);line-height:1.08;letter-spacing:-3.5px;margin:25px 0 25px;font-weight:650}h1 span,h2 span{color:#7b8974}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.85;max-width:430px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:28px}.text-link{font-size:12px;font-weight:600;white-space:nowrap;background:none;border:0;padding:0}.text-link span{margin-left:10px}.hero-notes{display:flex;gap:16px;font-size:10px;color:var(--muted);margin-top:23px}.hero-visual{position:relative;padding:0 0 27px 15px}.photo{height:458px;border-radius:9px;overflow:hidden;position:relative;background:#c8cfbf}.photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.83) saturate(.65)}.photo-label{position:absolute;top:22px;left:22px;display:flex;align-items:center;gap:8px;color:white;font-size:8px;letter-spacing:1.3px;background:#153b325c;padding:10px;border:1px solid #ffffff40;border-radius:4px}.photo-label .dot{background:var(--lime)}.floating-card{position:absolute;bottom:0;left:-18px;right:32px;background:#fff;padding:23px;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:7px;box-shadow:0 14px 35px #183b3210}.floating-card strong{font-size:14px}.floating-card p{font-size:11px;color:var(--muted);margin:6px 0 0}.check-icon{background:#eef5df;border-radius:50%;padding:11px 15px}.spark{margin-left:auto;font-size:38px;font-weight:400;color:#739356}.drawing{position:absolute;font-weight:300;color:#9ca98b;font-size:23px}.cross-one{top:-25px;right:-20px}.cross-two{bottom:-10px;right:0}.trade-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f0f2eb}.trade-strip .wrap{display:flex;justify-content:space-between;align-items:center;min-height:95px;gap:20px}.trade-strip span{font-size:13px;font-weight:500}.trade-strip span:first-child{font-size:8px;letter-spacing:1.4px;line-height:1.8}.trade-strip i{font-size:18px;font-style:normal;color:#95a387}.platform{padding:88px 0 0}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}h2{font-size:39px;font-weight:600;letter-spacing:-1.7px;line-height:1.2;margin:18px 0 0}.section-top>p{max-width:330px;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:3px}.dashboard{background:white;border:1px solid #d8ded4;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:205px 1fr;box-shadow:0 20px 60px #20382a08}.dashboard aside{background:#f1f4ee;padding:27px 15px 20px;display:flex;flex-direction:column}.dashboard-brand{font-size:22px;padding-left:12px}.dashboard-brand span{color:#8f9b84}.company{display:flex;align-items:center;gap:10px;border:1px solid #d9dfd1;border-radius:5px;padding:10px;margin:27px 0 22px;font-size:10px;font-weight:600}.company>span{padding:8px 10px;background:#dfe7d5;border-radius:4px}.company b{margin-left:auto}.company small,.sidebar-bottom small{display:block;font-size:9px;color:#8b9486;font-weight:400;margin-top:4px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.sidebar-nav button{display:flex;align-items:center;gap:10px;padding:11px;border:0;border-radius:4px;background:none;text-align:left;color:#7d8979;font-size:13px}.sidebar-nav button span{font-size:11px}.sidebar-nav button.active{background:#e0e9d8;color:#244536;font-weight:600}.sidebar-nav small{margin-left:auto;font-size:9px}.sidebar-bottom{display:flex;align-items:center;gap:9px;font-size:10px;margin-top:auto;padding-top:45px}.avatar,.user-circle{border-radius:50%;background:#e2e9dc;padding:10px;font-size:10px}.dash-main{padding:0 27px 25px;min-width:0}.dash-top{height:55px;border-bottom:1px solid #eef0eb;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8c9588}.dash-top>span:last-child{display:flex;align-items:center;gap:8px}.live-dot{height:5px;width:5px;background:#91b06d;border-radius:50%}.user-circle{margin-left:12px;color:#36503c;padding:7px}.dash-title{display:flex;justify-content:space-between;align-items:center;padding:26px 0 22px}.dash-title .eyebrow{font-size:7px;letter-spacing:1.2px;color:#8b9585}h3{font-weight:650}.dash-title h3{font-size:22px;letter-spacing:-.6px;margin:8px 0}.dash-title h3 span{font-size:20px;color:#b1b269}.dash-title p{font-size:10px;color:#959c91;margin:0}.date{font-size:8px;border:1px solid #e7eae1;padding:8px;border-radius:4px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics>div{border:1px solid #e3e8de;border-radius:5px;padding:16px}.metrics label{font-size:10px;display:flex;justify-content:space-between;color:#7b8575}.metrics label span{color:#a9b19e}.metrics strong{font-size:27px;font-family:Manrope;display:block;margin:9px 0;font-weight:600;letter-spacing:-1px}.metrics small{font-size:8px;color:#949d8c}.metrics small span{color:#83a25b}.dash-panels{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-top:21px}.projects-panel{border:1px solid #e4e8df;border-radius:5px;padding:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-heading h4{font-size:11px;margin:0}.panel-heading button{background:none;border:0;color:#8a9580;font-size:8px}.project-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf0e8}.project-icon{width:31px;height:33px;display:grid;place-items:center;border-radius:4px;background:#e8ece0;color:#7d8e6b;font-size:16px}.project-row strong{display:block;font-size:10px;font-weight:550}.project-row small{display:block;font-size:8px;color:#929b89;margin-top:4px}.status{font-size:7px;margin-left:auto;background:#edf3e5;color:#708753;padding:5px 7px;border-radius:3px;white-space:nowrap}.status.amber{background:#fbf0db;color:#ac8f51}.attention{background:#f1f4e9;border:1px solid #e1e6d5;border-radius:5px;padding:18px}.attention .eyebrow{font-size:7px;letter-spacing:.8px;gap:6px}.attention .dot{width:4px;height:4px}.attention h4{font-family:Manrope;font-weight:500;font-size:20px;line-height:1.3;letter-spacing:-.6px;margin:13px 0}.attention p{font-size:8px;color:#6d7b61;line-height:1.8}.attention strong{font-weight:400;font-size:8px}.attention button{border:0;border-top:1px solid #dce3cf;background:none;padding:10px 0 0;width:100%;display:flex;justify-content:space-between;font-size:9px;color:var(--ink)}.dashboard-caption{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:9px;color:#929986}.dashboard-caption .dot{width:4px;height:4px;margin-right:5px}.dashboard-caption button{font-size:10px;color:var(--ink)}.journey{padding-top:105px;padding-bottom:94px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;gap:28px}.feature-grid article{border-top:1px solid #d6dfcb;padding-top:21px}.feature-icon{width:38px;height:38px;background:#eaf0df;border-radius:6px;display:grid;place-items:center;font-size:23px;margin-bottom:25px}.feature-grid small{font-size:8px;letter-spacing:1.2px;color:#8a977b}.feature-grid h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.6px;margin:13px 0}.feature-grid p,.builder-grid p{font-size:12px;line-height:1.85;color:var(--muted)}.how{background:#eef1e8;padding:75px 0}.how-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:90px}.how-grid h2{font-size:36px}.how-grid>div>p{max-width:350px;font-size:13px;line-height:1.8;color:var(--muted);margin:23px 0}.steps article{display:flex;gap:24px;border-bottom:1px solid #d7dfcf;padding:24px 0}.steps article:first-child{padding-top:0}.steps article:last-child{border:0}.steps article>span{font-size:12px;color:#8a9b78;padding-top:5px}.steps h3{font-size:19px;font-weight:600;margin-bottom:10px}.steps p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.builders{padding:88px 0}.builder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.builder-grid article{border:1px solid var(--line);padding:27px;border-radius:6px}.builder-grid article>span{font-size:10px;color:#92a07f}.builder-grid h3{margin:26px 0 12px;font-size:21px;letter-spacing:-.6px}.builder-grid p{margin:0}.cta{padding:55px;background:var(--ink);border-radius:9px;position:relative;overflow:hidden}.cta .eyebrow{color:#c5d8b7}.cta .dot{background:var(--lime)}.cta h2{color:#f7f8ed;font-size:44px;position:relative;z-index:1}.cta p{color:#b3c2b4;font-size:13px;margin:20px 0 26px}.button.lime{background:var(--lime);color:var(--ink)}.cta-art{position:absolute;right:65px;bottom:-80px;color:#d1ed8514;font-size:420px;line-height:1;font-family:Arial}.cta button{position:relative;z-index:1}footer{min-height:140px;display:flex;align-items:center;gap:35px}footer .brand{font-size:24px}footer p{font-size:11px;color:var(--muted);margin:0}footer>span{margin-left:auto;font-size:10px;color:#8a9582}footer>a:last-child{font-size:10px}dialog{border:1px solid var(--line);border-radius:12px;padding:36px;max-width:480px;width:calc(100% - 32px);color:var(--ink);background:var(--paper);box-shadow:0 30px 100px #112a3250}dialog::backdrop{background:#132b26aa;backdrop-filter:blur(5px)}dialog h2{font-size:34px;margin:15px 0}dialog p{font-size:13px;line-height:1.6;color:var(--muted)}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;color:var(--muted)}form{display:grid;gap:14px}form label{font-size:11px;font-weight:600;display:grid;gap:6px}input,select,textarea{width:100%;padding:12px;border:1px solid #ccd6c4;border-radius:5px;background:white;color:var(--ink);font-size:13px}textarea{height:160px;margin-bottom:15px;resize:vertical}.variation-detail{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 0;font-size:13px;border-block:1px solid var(--line);margin:22px 0}.variation-detail span{color:var(--muted)}
@media(min-width:1450px){.hero{gap:90px;padding-top:85px;padding-bottom:90px}h1{font-size:74px}}@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{gap:25px}.hero-actions{gap:15px;flex-wrap:wrap}.hero-notes{gap:10px;font-size:9px}.dashboard{grid-template-columns:170px 1fr}.dash-main{padding-inline:18px}.date{display:none}.metrics>div{padding:12px}.metrics strong{font-size:23px}.attention{padding:13px}.trade-strip .wrap{gap:12px}.trade-strip span{font-size:11px}.how-grid{gap:45px}.feature-grid{gap:20px}.feature-grid h3{font-size:18px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:78px}.brand{font-size:25px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:45px;gap:40px}h1{font-size:57px;letter-spacing:-2.8px}.hero-copy>p{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-notes{font-size:9px;gap:13px}.hero-visual{padding-left:8px;padding-bottom:25px}.photo{height:340px}.floating-card{left:0;right:20px;padding:18px}.cross-one{right:0}.trade-strip .wrap{flex-wrap:wrap;padding:22px 0;justify-content:center;gap:15px 18px}.trade-strip span:first-child{width:100%;text-align:center}.trade-strip i{font-size:12px}.trade-strip i:last-of-type{display:none}.platform{padding-top:55px}.section-top{display:block}.section-top>p{margin-top:20px;max-width:100%}h2{font-size:32px}.dashboard{grid-template-columns:1fr}.dashboard aside{display:none}.dash-main{padding:0 14px 15px}.dash-title h3{font-size:20px}.metrics{gap:6px}.metrics>div{padding:10px 8px}.metrics label{font-size:8px}.metrics strong{font-size:20px}.metrics small{font-size:7px}.dash-panels{grid-template-columns:1fr}.attention h4{font-size:19px}.attention h4 br{display:none}.attention{padding:16px}.attention p{font-size:10px}.attention strong{font-size:10px}.attention button{font-size:10px}.dashboard-caption{align-items:flex-start;gap:20px;line-height:1.6}.dashboard-caption>span{max-width:210px}.journey{padding-block:60px}.feature-grid{grid-template-columns:1fr 1fr;gap:25px 20px;margin-top:30px}.feature-grid h3{font-size:17px}.feature-grid p{font-size:11px}.how{padding:50px 0}.how-grid{grid-template-columns:1fr;gap:35px}.how-grid h2{font-size:32px}.builders{padding:55px 0}.builder-grid{grid-template-columns:1fr}.builder-grid article{padding:22px}.builder-grid h3{margin-top:14px}.cta{padding:32px 24px}.cta h2{font-size:34px}.cta .eyebrow{font-size:8px}.cta-art{right:-100px;opacity:.5}footer{padding-block:30px;flex-wrap:wrap;gap:16px;min-height:130px}footer p{margin-left:auto}footer>span{margin-left:0}footer>a:last-child{margin-left:auto}dialog{padding:30px 22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Reference-aligned layout */
:root{--ink:#12251e;--muted:#75807c;--paper:#fff}body{background:#fff}.nav{max-width:none;width:100%;padding:0 4.3%;height:98px;gap:30px}.nav .brand{margin-right:auto}.nav nav{gap:34px;align-items:center;font-size:16px;font-weight:650}.nav .button{font-size:15px;min-height:54px;border-radius:12px;padding:16px 23px}.nav-menu{position:relative}.nav-menu summary{list-style:none;cursor:pointer;white-space:nowrap}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary span{color:#98a39e;margin-left:5px}.dropdown{position:absolute;top:38px;left:-20px;min-width:245px;background:white;border:1px solid #e0e6e2;border-radius:12px;padding:12px;box-shadow:0 15px 35px #12251e18;z-index:5;display:grid;gap:3px}.dropdown a,.dropdown button{padding:10px;font-size:13px;text-align:left;border:0;background:none;color:var(--ink);font-weight:500}.dropdown a:hover,.dropdown button:hover{background:#eef7f1;border-radius:5px}.login-link{border:0;background:none;color:inherit;font-size:inherit;font-weight:inherit;white-space:nowrap}.hero{display:block;text-align:center;max-width:1400px;padding:48px 0 40px}.hero-copy{width:100%}.hero-pill{display:inline-flex;align-items:center;gap:16px;border:1px solid #dde4df;padding:7px 17px 7px 7px;border-radius:50px;font-size:13px;color:#6d7973}.hero-pill>span{border-radius:30px;background:#e8f5ee;color:#217659;font-size:11px;font-weight:700;letter-spacing:.7px;padding:8px 13px}.hero-pill strong{font-weight:650}.hero h1{font-family:'DM Sans',sans-serif;font-size:clamp(48px,6.9vw,100px);font-weight:700;line-height:1.01;letter-spacing:-6px;margin:42px auto 38px;max-width:1280px}.hero-copy>p{font-size:21px;line-height:1.6;max-width:980px;margin:0 auto 48px}.report-form{max-width:1020px;margin:0 auto;display:flex;gap:20px;padding:16px;background:white;border:1px solid #dae5df;border-radius:28px;box-shadow:0 17px 40px #19895b25;align-items:center}.report-form input{border:0;box-shadow:none;padding:18px 23px;font-size:20px;font-weight:550;flex:1;min-width:0;outline-offset:0}.report-form input::placeholder{color:#838e88}.report-form button{border:0;border-radius:21px;background:#005323;color:white;padding:25px 30px;font-size:17px;font-weight:650;display:flex;gap:25px;align-items:center;white-space:nowrap}.report-form button:hover{background:#096d35}.report-form button span{font-size:27px;font-weight:400}.hero-notes{justify-content:center;margin-top:26px;gap:20px;font-size:13px;color:#87918b}.hero-notes b{color:#20a27a;font-size:19px;font-weight:400;margin-right:10px}.trade-strip{margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.extra-section{padding-bottom:80px}.extra-section>p{max-width:650px;color:var(--muted);line-height:1.8;margin:22px 0}.extra-section .builder-grid{margin-top:30px}.extra-section h2{max-width:850px}#report-result{line-height:1.7;font-size:14px}#report-result li{margin-bottom:10px}
@media(max-width:1100px){.nav nav{gap:18px;font-size:13px}.nav{gap:18px;padding-inline:28px}.hero h1{letter-spacing:-4px}.hero-copy>p{font-size:19px;max-width:800px}.report-form{max-width:880px}.report-form button{font-size:14px;padding:23px}.report-form input{font-size:18px}}
@media(max-width:760px){.nav{height:auto;min-height:80px;flex-wrap:wrap;padding:18px;gap:20px}.nav .brand{font-size:25px}.nav .button{min-height:42px;padding:12px 16px;font-size:12px;order:1}.nav nav{display:flex;order:2;width:100%;justify-content:space-between;gap:10px;font-size:11px;flex-wrap:wrap}.nav-menu:nth-of-type(3) .dropdown{left:auto;right:0}.hero{padding:38px 0 24px}.hero-pill{font-size:10px;gap:8px;padding-right:10px}.hero-pill>span{font-size:8px;padding:8px}.hero h1{font-size:48px;letter-spacing:-2.6px;line-height:1.05;margin:32px 0 25px}.desktop-break{display:none}.hero-copy>p{font-size:16px;line-height:1.7;margin-bottom:28px}.report-form{display:flex;flex-direction:column;padding:10px;gap:5px;border-radius:18px}.report-form input{width:100%;padding:18px 12px;font-size:16px}.report-form button{justify-content:center;width:100%;padding:15px 12px;font-size:14px;border-radius:12px}.hero-notes{flex-wrap:wrap;gap:8px 16px;font-size:10px;margin-top:22px}.hero-notes b{font-size:14px;margin-right:4px}.extra-section{padding-bottom:50px}}
/* Constryx dashboard brand palette */
:root{--ink:#17182e;--muted:#68697e;--lime:#eae7ff;--paper:#fff;--line:#dfddef;--purple:#604de4}
.ai{color:#604de4}.button,.nav .button{background:var(--purple);color:#fff}.button:hover{background:#4c3bcc}.nav nav a:hover{color:var(--purple)}.hero-pill{border-color:#dfddef;color:#68697e}.hero-pill>span{background:#eeebff;color:#604de4}.report-form{border-color:#dfddef;box-shadow:0 17px 40px #604de41c}.report-form button{background:#604de4}.report-form button:hover{background:#4c3bcc}.report-form input::placeholder{color:#808096}.hero-notes b,.dot{color:#604de4}.dot{background:#604de4}h1 span,h2 span{color:#77748c}.trade-strip,.how{background:#f6f5fa;border-color:#dfddef}.trade-strip i{color:#9b90d2}.dropdown{border-color:#dfddef}.dropdown a:hover,.dropdown button:hover{background:#f1efff}.dashboard-preview{margin:0;border-radius:14px;overflow:hidden;background:#f7f7fa;border:1px solid #dfddef;box-shadow:0 20px 60px #30206112}.dashboard-preview img{display:block;width:100%;height:auto}.dashboard-caption{color:#77748c}.feature-grid article{border-color:#dfddef}.feature-icon{background:#eeebff;color:#604de4}.feature-grid small{color:#604de4}.agent-manager .feature-icon{color:#218d73;background:#e4f3ef}.agent-manager small{color:#218d73}.agent-moneyer .feature-icon{color:#b8790d;background:#fcf3e2}.agent-moneyer small{color:#b8790d}.feature-grid .agent-measure{font-size:11px;padding-top:13px;border-top:1px solid #e6e3f1;color:#77748c}.agent-handoff{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:22px;margin-top:26px;border-radius:8px;background:#f5f3ff;font-size:12px;color:#604de4}.agent-handoff span{color:#a29bc7}.steps article{border-color:#dfddef}.steps article>span,.builder-grid article>span{color:#9183c0}.cta{background:#1b1834}.cta .eyebrow{color:#c8c0f6}.cta .dot{background:#a99af7}.cta p{color:#c3bfd5}.button.lime{background:#7562ee;color:white}.cta-art{color:#c4b8ff16}.hero-notes,footer>span{color:#808094}input,select,textarea{border-color:#dfddef}button:focus-visible,a:focus-visible{outline-color:#8e7cff}