:root{--navy:#123652;--ink:#142f43;--teal:#237b7f;--pale:#e9f2f2;--mist:#f4f7fa;--line:#dce4e9;--muted:#526775;--white:#fff;--wrap:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#fbfcfd;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #337fa6;outline-offset:5px}.wrap{width:calc(100% - 96px);max-width:var(--wrap);margin-inline:auto}.skip{position:fixed;top:-70px;left:20px;z-index:100;padding:10px 20px;background:white}.skip:focus{top:12px}.header{position:sticky;top:0;background:rgba(251,252,253,.96);z-index:20;border-bottom:1px solid #e7ecef;backdrop-filter:blur(16px)}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center}.brand img{display:block;object-fit:contain;width:137px;height:40px}.nav nav{display:flex;gap:32px;margin-left:55px}.nav nav a{font-size:14px;color:#405a6a}.nav nav a:hover,.footer-top a:hover{color:var(--teal)}.nav-actions{display:flex;align-items:center;gap:20px}.workspace-toggle{padding:10px 0;background:none;border:0;color:var(--navy);font-size:14px;font-weight:650}.workspace-toggle span{margin-left:17px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:698px;align-items:center;padding-block:62px 75px;gap:15px}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:10px;line-height:1.6;margin:0 0 22px}.tiny-orbit{width:12px;height:12px;border:1px solid var(--teal);border-radius:50%;position:relative}.tiny-orbit:after{content:"";width:4px;height:4px;background:var(--teal);border-radius:50%;position:absolute;top:3px;left:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,7.5vw,101px);line-height:1.03;letter-spacing:-6px;font-weight:600;margin-bottom:26px}h1 span{color:var(--teal)}.hero-intro{font-size:18px;line-height:1.75;max-width:470px;color:var(--muted);margin-bottom:28px}.hero-ctas{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 23px;border-radius:6px;font-size:14px;font-weight:650;line-height:1.5;min-height:52px;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:white}.primary:hover{background:#1c526d}.text-link{display:inline-flex;align-items:center;gap:19px;font-size:13px;font-weight:650;border-bottom:1px solid #a8bbc4;padding-block:8px}.text-link:hover{color:var(--teal)}.hero-note{font-size:11px;color:var(--muted);margin:29px 0 0}.hero-art{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;isolation:isolate}.art-grid{position:absolute;inset:15px -8px 18px 0;z-index:-3;background:linear-gradient(90deg,#dbe6eb45 1px,transparent 1px),linear-gradient(#dbe6eb45 1px,transparent 1px);background-size:31px 31px;mask-image:radial-gradient(ellipse,#000 30%,transparent 72%)}.hero-art:after{position:absolute;content:"";z-index:-2;inset:60px 0;background:radial-gradient(ellipse,#bedbdd80,transparent 70%)}.art-arc{position:absolute;z-index:-1;border:1px solid #b6d0d5;border-radius:50%;width:465px;height:465px;transform:rotate(-25deg) scaleX(.8)}.arc-two{width:365px;height:365px;transform:rotate(35deg) scaleX(1.3);border-color:#cfdee4}.project-card{width:340px;padding:25px 27px 23px;border-radius:13px;background:white;border:1px solid #dce7ec;box-shadow:0 30px 70px -25px #17385130;transform:rotate(-5deg);margin:5px 0 0 30px}.project-top{display:flex;align-items:center;gap:10px;margin-bottom:24px}.project-icon{display:grid;place-items:center;width:39px;height:39px;background:#e5f0ee;border-radius:9px;color:#377d74}.project-icon svg{width:29px}.small-tag{font-size:9px;border:1px solid #dce6e8;padding:3px 7px;border-radius:20px;color:var(--muted)}.more-dot{margin-left:auto;font-size:10px;letter-spacing:2px;color:#6c818e}.project-card h2{font-size:32px;line-height:1.16;font-weight:550;letter-spacing:-1px;margin-bottom:11px}.project-card>p{font-size:10px;color:var(--muted);margin-bottom:28px}.project-value{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:12px}.project-value strong{font-size:20px;font-weight:650}.project-value strong span{font-size:10px;font-weight:400;color:var(--muted)}.progress{height:6px;background:#edf2f3;border-radius:8px;overflow:hidden}.progress span{display:block;width:70%;height:100%;background:#4c8c85;border-radius:8px}.project-bottom{display:flex;align-items:center;gap:17px;margin-top:26px;padding-top:20px;border-top:1px solid #eef1f3}.avatars{display:flex;padding-left:0}.avatars span{border:2px solid white;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;margin-left:-5px;font-size:8px;background:#cfdddd;color:#335d65}.avatars span:nth-child(2){background:#d7deeb}.avatars span:nth-child(3){background:#dbe8de}.avatars span:nth-child(4){background:#f0f4f5;font-size:13px}.project-bottom p{font-size:9px;line-height:1.7;color:var(--muted);margin:0}.project-bottom b{color:var(--navy);font-weight:550}.floating-label{position:absolute;background:#f9fdfd;border:1px solid #d2e4e4;box-shadow:0 12px 35px #27495b0c;padding:11px 15px;border-radius:40px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;z-index:2}.label-top{top:45px;left:15px}.status-dot{width:6px;height:6px;border-radius:50%;background:#397d71;display:inline-block;flex-shrink:0}.receipt-float{position:absolute;right:-16px;bottom:75px;z-index:3;display:flex;gap:12px;align-items:center;transform:rotate(4deg);background:#f7fbfc;padding:17px 21px;border-radius:10px;border:1px solid #dce7ea;box-shadow:0 15px 45px #14364a14}.check-circle{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:#e0eeea;color:#2a746a;font-size:14px}.receipt-float strong{display:block;font-size:11px;font-weight:650}.receipt-float div>span{font-size:9px;color:var(--muted)}.art-caption{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);font-size:9px;color:#607784;white-space:nowrap}.principle-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f5f7}.principle-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:25px}.principle-strip p{margin:0;font-size:14px;font-weight:550}.principle-strip .wrap>div{display:flex;align-items:center;gap:25px;font-size:11px;color:#506b7c}.principle-strip i{width:3px;height:3px;background:#5c858e;border-radius:50%}.section{padding-block:105px}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-bottom:49px}.section-heading h2,.approach h2,.company-layout h2{font-size:48px;line-height:1.15;letter-spacing:-2px;font-weight:550;margin:0}.section-heading p:not(.eyebrow){max-width:400px;color:var(--muted);font-size:15px;line-height:1.8;margin:0 0 3px}em{font-style:normal;color:var(--teal)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.capability{position:relative;padding:33px 31px 26px;background:#fff;display:flex;flex-direction:column;min-height:335px}.capability+.capability{border-left:1px solid var(--line)}.number{font-size:10px;color:#78909b;letter-spacing:1px}.capability svg{width:38px;height:38px;stroke:var(--teal);stroke-width:1.3;position:absolute;top:34px;right:29px}.capability h3{font-size:21px;letter-spacing:-.6px;font-weight:600;margin-top:47px;margin-bottom:14px}.capability p{font-size:13px;color:var(--muted);line-height:1.85;margin:0 0 25px}.feature-foot{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:#6d838d;margin-top:auto}.section-note{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin:20px 0 0}.walkthrough-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.walkthrough-section:before{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff08;border-radius:50%;right:-230px;top:-200px;box-shadow:0 0 0 90px #ffffff02,0 0 0 180px #ffffff02}.walkthrough-layout{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:95px;padding-block:88px}.light{color:#a4c5c9}.walkthrough-copy h2{font-size:39px;font-weight:500;line-height:1.25;letter-spacing:-1.5px;margin-bottom:19px}.walkthrough-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#bdcdd6;max-width:420px}.step-list{margin-top:30px}.step{display:flex;align-items:center;gap:18px;width:100%;text-align:left;background:none;border:0;border-top:1px solid #ffffff20;padding:20px 0;color:#97afbd}.step>span{font-size:10px;letter-spacing:1px}.step div{flex:1}.step strong{display:block;font-size:14px;font-weight:550;color:#b2c3cd}.step small{font-size:11px;display:block;margin-top:4px}.step i{font-style:normal;opacity:0;margin-right:6px}.step.active{color:#c2dfe0}.step.active strong{color:white}.step.active i{opacity:1}.step:hover strong{color:white}.demo-shell{background:#fff;border-radius:10px;box-shadow:0 25px 70px #051e3533;color:var(--ink);overflow:hidden;transform:rotate(1deg);border:1px solid #ffffff40}.demo-chrome{display:flex;align-items:center;gap:10px;padding:17px 22px;border-bottom:1px solid #e9eef1;font-size:10px;background:#f7fafb}.mini-symbol{width:28px;height:28px;display:grid;place-items:center}.mini-symbol img{object-fit:contain}.demo-label{margin-left:auto;border:1px solid #dce5e8;border-radius:20px;padding:3px 8px;font-size:8px;color:#69818d}.demo-content{padding:29px}.demo-overline{text-transform:uppercase;letter-spacing:1.5px;font-size:8px;color:#6c8491;margin-bottom:8px}.demo-content h3{font-size:25px;font-weight:550;letter-spacing:-.8px;margin-bottom:8px}.demo-content>p:not(.demo-overline){font-size:11px;color:#637b89;line-height:1.8;min-height:38px;max-width:320px}.demo-metric{background:#eef5f4;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:6px;margin-block:20px}.demo-metric small{display:block;font-size:10px;color:#5b797d}.demo-metric strong{font-size:28px;font-weight:600;letter-spacing:-1px}.metric-icon{font-size:31px;color:#6b9b96;font-weight:300}.demo-rows>div{display:flex;gap:15px;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eaf0f2;font-size:10px;color:#6d8490}.demo-rows strong{color:#315063;font-weight:550;text-align:right}.demo-bottom{display:flex;align-items:center;gap:10px;margin-top:23px}.demo-bottom .check-circle{width:23px;height:23px;font-size:10px}.demo-bottom p{font-size:10px;margin:0;color:#537478}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.audience-card{border-radius:8px;padding:35px 38px 39px;overflow:hidden;position:relative;min-height:420px;background:#eaf2f2}.audience-art{height:145px;position:relative;margin-bottom:22px}.people-dot{position:absolute;width:43px;height:43px;border:1px solid #aec9c9;border-radius:50%;background:#f3f8f7;z-index:1;box-shadow:inset 0 0 0 10px #e2efed}.p1{left:20px;top:12px}.p2{left:115px;top:2px;width:52px;height:52px}.p3{left:211px;top:37px}.p4{left:57px;top:84px;width:35px;height:35px}.p5{left:155px;top:93px;width:31px;height:31px}.people-line{position:absolute;left:25px;top:25px;width:210px;height:80px;border:1px solid #c2d6d7;border-radius:50%;transform:rotate(15deg)}.a-organisation{background:#edf1f8}.audience-card .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:12px}.audience-card h3{font-size:31px;line-height:1.2;font-weight:550;letter-spacing:-1px;margin-bottom:16px}.audience-card>p:last-child{max-width:350px;font-size:13px;line-height:1.85;color:#536f7a;margin:0}.organisation-art{display:flex;gap:13px;align-items:end;padding:12px 0 22px;max-width:260px}.organisation-art span{height:80px;width:60px;border:1px solid #c1cfdf;background:linear-gradient(90deg,#dee7f0,#f4f7fa);border-radius:5px;transform:skewY(-12deg);position:relative;z-index:1}.organisation-art span:after{content:"";position:absolute;top:16px;left:12px;right:12px;height:24px;border-top:1px solid #b9cbd9;border-bottom:1px solid #b9cbd9}.organisation-art span:nth-child(2){height:112px}.organisation-art span:nth-child(3){height:62px}.organisation-art i{position:absolute;bottom:12px;left:-12px;width:260px;border-bottom:1px solid #cbd7e3;transform:rotate(-12deg)}.approach{padding-bottom:110px;display:grid;grid-template-columns:1fr 1.3fr;gap:110px}.approach-heading>p:last-child{font-size:14px;line-height:1.85;color:var(--muted);max-width:310px;margin-top:23px}.approach-items article{display:flex;gap:22px;padding:26px 0;border-bottom:1px solid var(--line)}.approach-items article:first-child{padding-top:0}.approach-items article>span{width:31px;color:var(--teal);font-size:25px;flex-shrink:0}.approach-items h3{font-size:18px;font-weight:550;letter-spacing:-.4px;margin:0 0 8px}.approach-items p{font-size:13px;line-height:1.8;color:var(--muted);margin:0;max-width:410px}.company-section{background:#f0f4f7;border-block:1px solid #e2e9ee}.company-layout{padding-block:85px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.company-layout h2{margin-bottom:25px}.company-layout p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;max-width:510px}.company-mark{display:flex;flex-direction:column;align-items:center;gap:28px;justify-content:center;position:relative;min-height:345px}.company-mark:before{content:"";position:absolute;width:320px;height:320px;border:1px solid #dae4eb;border-radius:50%;box-shadow:0 0 0 32px #e9eff3;z-index:0}.company-mark img,.company-mark span{position:relative;z-index:1}.company-mark img{width:130px;height:130px;object-fit:contain}.company-mark span{text-align:center;font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.4px}.status-heading h2{font-size:36px;line-height:1.2;letter-spacing:-1.4px;font-weight:550}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:42px}.status-grid article{border-top:1px solid var(--line);padding-top:25px}.status-badge{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--teal);font-weight:600}.status-badge i{width:5px;height:5px;background:currentColor;border-radius:50%}.planned{color:#607b93}.status-grid h3{font-size:23px;font-weight:550;letter-spacing:-.6px;margin-block:17px 12px}.status-grid p{font-size:13px;color:var(--muted);line-height:1.85;max-width:460px}.status-grid p.status-detail{font-size:11px;color:#677e8b;line-height:1.8}.faq-section{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding-bottom:105px}.faq-section h2{font-size:35px;line-height:1.25;font-weight:550;letter-spacing:-1.2px}.faq-list details{border-top:1px solid var(--line);padding:19px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:550}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:300;color:var(--teal)}details[open] summary span{transform:rotate(45deg)}details>p{font-size:13px;color:var(--muted);margin:17px 25px 0 0;line-height:1.85}.final-cta{display:flex;justify-content:space-between;align-items:center;gap:35px;background:var(--navy);color:white;padding:55px 65px;border-radius:10px;margin-bottom:80px;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;right:20%;top:-110px;width:420px;height:420px;border:1px solid #ffffff0d;border-radius:50%;pointer-events:none;box-shadow:0 0 0 50px #ffffff03}.final-cta h2{font-size:43px;font-weight:500;line-height:1.15;letter-spacing:-1.5px;margin:0}.final-cta em{color:#aad0ce}.final-cta .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:17px}.white{background:#fff;color:var(--navy);position:relative;z-index:1;white-space:nowrap}.white:hover{background:#e9f4f4}footer{border-top:1px solid var(--line);padding:40px 0 25px}.footer-top{display:flex;align-items:center;gap:29px}.footer-top>p{font-size:11px;color:var(--muted);margin:0}.footer-top>div{margin-left:auto;display:flex;gap:23px;font-size:10px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #e8edf0;padding-top:20px;margin-top:30px}.footer-bottom p{font-size:9px;color:#627a88;line-height:1.8;margin:0}dialog{border:1px solid #d9e5e9;border-radius:14px;padding:29px 33px;width:calc(100% - 32px);max-width:490px;color:var(--ink);box-shadow:0 30px 90px #0d293f40}dialog::backdrop{background:#0a253f85;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head .eyebrow{margin:0;font-size:9px}.close-dialog{border:0;background:none;font-size:30px;color:var(--muted);line-height:1;padding:4px 8px}.dialog-head+h2{font-size:36px;font-weight:550;letter-spacing:-1.3px;line-height:1.15;margin:22px 0 16px}dialog>p{font-size:13px;color:var(--muted);line-height:1.8}.access-links{margin-block:23px}.access-links a{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px}.access-links a:last-child{border-bottom:1px solid var(--line)}.access-links a:hover{background:#f2f7f8}.access-links small{font-size:10px;color:var(--muted);display:block}.access-links strong{font-size:15px;font-weight:550}.access-links a>span{color:var(--teal);font-size:21px}.dialog-note{font-size:10px!important;margin-bottom:0}.legal-main{max-width:780px;padding:80px 0 100px;min-height:65vh}.legal-main h1{font-size:52px;letter-spacing:-2px;margin-bottom:30px}.legal-main h2{font-size:23px;font-weight:550;margin-top:30px;letter-spacing:-.5px}.legal-main p,.legal-main li{font-size:14px;line-height:1.9;color:var(--muted)}.legal-main a{text-decoration:underline;text-underline-offset:3px}.legal-main .eyebrow{font-size:10px}.legal-main ul{padding-left:21px}
@media(min-width:1500px){.hero{min-height:750px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav nav{margin-left:0;gap:22px}.hero{gap:0;min-height:660px}h1{font-size:78px;letter-spacing:-4px}.hero-intro{font-size:16px;max-width:390px}.project-card{width:300px;padding:23px}.project-card h2{font-size:29px}.receipt-float{right:-8px;bottom:95px;padding:14px 16px}.hero-art{min-height:510px}.art-arc{width:395px;height:395px}.arc-two{width:310px;height:310px}.section-heading{gap:45px}.walkthrough-layout{gap:50px}.walkthrough-copy h2{font-size:33px}.approach{gap:60px}.company-layout{gap:45px}.final-cta{padding:47px}.footer-top{gap:20px}.footer-top>div{gap:14px}}
@media(max-width:800px){.wrap{width:calc(100% - 42px)}.nav{height:75px}.nav nav{gap:17px}.nav nav a{font-size:12px}.workspace-toggle{font-size:12px}.workspace-toggle span{margin-left:5px}.brand img{width:112px;height:33px}.hero{grid-template-columns:1fr 1fr;min-height:590px;padding-block:50px}.hero h1{font-size:63px;letter-spacing:-3.7px}.hero-intro{font-size:14px;line-height:1.8}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero-ctas{gap:16px;flex-wrap:wrap}.button{font-size:12px;padding:13px 17px;gap:18px;min-height:46px}.text-link{font-size:11px;gap:10px}.hero-note{font-size:9px;max-width:270px}.project-card{width:255px;padding:20px;transform:rotate(-4deg);margin-left:20px}.project-card h2{font-size:25px}.small-tag{font-size:8px;padding:2px 5px}.more-dot{display:none}.project-icon{width:32px;height:32px}.project-value strong{font-size:17px}.project-value strong span{font-size:9px}.project-bottom{gap:12px}.avatars span{width:25px;height:25px;font-size:7px}.project-bottom p{font-size:8px}.hero-art{min-height:450px}.floating-label{font-size:8px;padding:9px 12px}.label-top{top:25px;left:7px}.receipt-float{right:-7px;bottom:39px;padding:12px 13px;gap:8px}.receipt-float strong{font-size:9px}.receipt-float div>span{font-size:8px}.receipt-float .check-circle{width:24px;height:24px}.art-caption{font-size:7px;bottom:-7px}.art-arc{width:315px;height:315px}.arc-two{width:255px;height:255px}.principle-strip .wrap{padding-block:21px}.principle-strip p{font-size:12px}.principle-strip .wrap>div{gap:15px;font-size:10px}.section{padding-block:75px}.section-heading h2,.approach h2,.company-layout h2{font-size:37px;letter-spacing:-1.5px}.section-heading{gap:35px;grid-template-columns:1.2fr 1fr}.section-heading p:not(.eyebrow){font-size:13px}.capability{padding:25px 21px}.capability h3{font-size:18px}.capability p{font-size:12px}.capability svg{width:30px;right:20px;top:28px}.walkthrough-layout{gap:30px;padding-block:65px}.walkthrough-copy h2{font-size:28px}.walkthrough-copy>p:not(.eyebrow){font-size:12px}.step{gap:11px;padding:17px 0}.step strong{font-size:12px}.step small{font-size:10px}.demo-content{padding:23px}.demo-chrome{padding:14px 16px;font-size:9px;gap:6px}.demo-label{font-size:7px;padding:2px 5px}.demo-content h3{font-size:22px}.demo-rows>div{font-size:9px}.audience-card{padding:29px;min-height:400px}.audience-card h3{font-size:27px}.audience-card>p:last-child{font-size:12px}.audience-art{transform:scale(.85);transform-origin:left center}.approach{gap:45px;padding-bottom:75px;grid-template-columns:1fr 1.2fr}.approach-heading>p:last-child{font-size:12px}.approach-items h3{font-size:16px}.approach-items p{font-size:12px}.approach-items article{gap:13px;padding-block:20px}.company-layout{padding-block:65px;gap:35px}.company-layout p:not(.eyebrow){font-size:12px}.company-mark:before{width:250px;height:250px;box-shadow:0 0 0 20px #e9eff3}.company-mark img{width:110px;height:110px}.company-mark span{font-size:17px}.status-heading h2{font-size:31px}.status-grid{gap:35px}.status-grid h3{font-size:21px}.faq-section{gap:40px;grid-template-columns:1fr 1.2fr;padding-bottom:75px}.faq-section h2{font-size:29px}summary{font-size:12px}.final-cta{padding:40px;margin-bottom:60px}.final-cta h2{font-size:36px}.final-cta .eyebrow{font-size:8px}.footer-top{flex-wrap:wrap}.footer-top>div{margin-left:0;width:100%;margin-top:8px;gap:25px}.footer-bottom{gap:30px}.footer-bottom p{font-size:8px}}
@media(max-width:600px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.nav{height:72px}.nav nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fbfcfd;padding:22px 25px;border-bottom:1px solid var(--line);flex-direction:column;gap:20px}.nav nav.open{display:flex}.nav nav a{font-size:15px}.nav-actions{gap:17px}.workspace-toggle{font-size:11px}.menu-toggle{display:block;position:relative;width:22px;height:28px;background:none;border:0;padding:0}.menu-toggle span{display:block;width:20px;height:1px;background:var(--navy);margin:6px 0}.hero{grid-template-columns:1fr;padding-block:43px 25px;gap:18px}.hero-copy{max-width:450px}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:22px}.hero h1{font-size:70px;letter-spacing:-4px;line-height:1.03;margin-bottom:21px}.hero-intro{font-size:15px;max-width:365px;margin-bottom:25px}.hero-ctas{gap:24px}.hero-ctas .button{font-size:12px;padding:14px 20px;gap:25px}.hero-note{font-size:9px;max-width:none;margin-top:22px}.hero-art{min-height:440px;max-width:420px;width:100%;justify-self:center}.project-card{width:282px;margin-left:0;padding:24px;transform:rotate(-5deg)}.project-card h2{font-size:29px}.small-tag{font-size:8px}.project-value strong{font-size:20px}.project-card>p{font-size:10px}.project-top{margin-bottom:20px}.project-bottom p{font-size:9px}.avatars span{width:28px;height:28px;font-size:8px}.label-top{top:5px;left:0;font-size:9px}.receipt-float{bottom:28px;right:0;padding:14px 16px}.receipt-float strong{font-size:10px}.receipt-float div>span{font-size:8px}.art-arc{width:340px;height:340px}.arc-two{width:280px;height:280px}.art-caption{bottom:-5px;font-size:8px}.principle-strip .wrap{display:block;padding-block:22px}.principle-strip p{font-size:13px;margin-bottom:12px}.principle-strip .wrap>div{gap:21px;font-size:10px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:31px}.section-heading h2,.approach h2,.company-layout h2{font-size:37px;line-height:1.17;letter-spacing:-1.5px}.section-heading .eyebrow{margin-bottom:16px}.section-heading p:not(.eyebrow){font-size:13px;margin-top:22px;max-width:390px}.capability-grid{grid-template-columns:1fr}.capability{min-height:255px;padding:27px}.capability+.capability{border-left:0;border-top:1px solid var(--line)}.capability h3{margin-top:30px;font-size:21px}.capability svg{width:34px;top:28px;right:27px}.capability p{max-width:340px;font-size:13px;margin-bottom:24px}.section-note{font-size:9px;line-height:1.8;align-items:baseline;gap:7px}.walkthrough-layout{grid-template-columns:1fr;padding-block:58px;gap:33px}.walkthrough-copy h2{font-size:33px;max-width:370px}.walkthrough-copy>p:not(.eyebrow){font-size:13px;max-width:360px}.walkthrough-copy .eyebrow{margin-bottom:18px}.step strong{font-size:13px}.step small{font-size:11px}.step{padding-block:17px;gap:15px}.demo-shell{transform:none}.demo-chrome{padding:17px 19px;font-size:10px}.demo-label{font-size:8px}.demo-content{padding:25px}.demo-content h3{font-size:25px}.demo-content>p:not(.demo-overline){font-size:12px;min-height:42px}.demo-rows>div{font-size:10px}.audience-grid{grid-template-columns:1fr;gap:20px}.audience-card{min-height:410px;padding:30px}.audience-card h3{font-size:31px}.audience-card>p:last-child{font-size:13px}.audience-art{transform:none}.approach{grid-template-columns:1fr;gap:23px;padding-bottom:65px}.approach-heading>p:last-child{font-size:13px;max-width:360px;margin-top:18px}.approach-items article:first-child{padding-top:10px}.approach-items article{padding-block:23px;gap:16px}.approach-items h3{font-size:17px}.approach-items p{font-size:13px}.company-layout{grid-template-columns:1fr;gap:25px;padding-block:58px}.company-layout p:not(.eyebrow){font-size:13px}.company-mark{min-height:300px}.company-mark:before{width:250px;height:250px}.company-mark span{font-size:18px}.status-heading h2{font-size:30px;letter-spacing:-1px;line-height:1.25}.status-grid{grid-template-columns:1fr;gap:24px;margin-top:30px}.status-grid h3{font-size:23px}.status-grid p{font-size:13px}.faq-section{grid-template-columns:1fr;gap:20px;padding-bottom:60px}.faq-section .eyebrow{margin-bottom:15px}.faq-section h2{font-size:31px}summary{font-size:14px}.final-cta{display:block;padding:34px 27px;margin-bottom:45px}.final-cta h2{font-size:39px;margin-bottom:30px}.final-cta .eyebrow{max-width:260px;font-size:8px;line-height:1.9}.final-cta .button{font-size:12px;padding:14px 19px;gap:28px}.final-cta:after{right:-150px;top:-20px}.footer-top{gap:18px}.footer-top>p{font-size:10px}.footer-top>div{font-size:10px;gap:19px;flex-wrap:wrap;margin-top:10px}.footer-bottom{display:block;margin-top:24px;padding-top:18px}.footer-bottom p{font-size:9px;line-height:1.8;max-width:320px;margin-bottom:7px}footer{padding-top:30px}.legal-main{padding-block:55px}.legal-main h1{font-size:42px;letter-spacing:-1.8px}.legal-main h2{font-size:21px}dialog{padding:24px}.dialog-head+h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:360px){.hero h1{font-size:63px;letter-spacing:-3.6px}.hero-art .art-arc{width:295px;height:295px}.hero-art .arc-two{width:240px;height:240px}.project-card{width:255px;padding:20px}.project-card h2{font-size:27px}.hero-art{min-height:420px}.workspace-toggle{font-size:10px}.nav-actions{gap:12px}.hero-ctas{gap:18px}.demo-content{padding:20px}.demo-chrome{padding:14px}.demo-chrome>span:not(.demo-label){font-size:9px}}
@media(max-width:600px){.hero-art{overflow-x:clip;overflow-y:visible}}
@media(max-width:360px){.nav{gap:12px}.brand img{width:100px}.workspace-toggle{white-space:nowrap}}
.contact-section{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;padding-bottom:105px;align-items:center}.contact-section h2{font-size:38px;line-height:1.2;letter-spacing:-1.5px;font-weight:550}.contact-section>div>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:390px}.contact-card{border:1px solid var(--line);background:#f3f7f9;border-radius:9px;padding:31px}.contact-label{font-size:9px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}.contact-email{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:27px;font-weight:550;letter-spacing:-.8px;margin:15px 0 8px}.contact-email:hover{color:var(--teal)}.contact-email>span{color:var(--teal);font-size:23px}.contact-location{font-size:11px;color:var(--muted);margin-bottom:24px}.company-particulars{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-block:1px solid var(--line);padding-block:20px}.company-particulars span{font-size:9px;color:var(--muted)}.company-particulars strong{display:block;color:var(--navy);font-size:14px;margin-top:4px;font-weight:550}.contact-support{font-size:11px!important;margin:20px 0 12px}.contact-support a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.contact-small{font-size:9px!important;margin:0;color:var(--muted)}.footer-disclosure{font-size:9px;line-height:1.8;color:#627a88;margin-top:10px}.footer-bottom a:hover{text-decoration:underline}@media(max-width:800px){.nav nav{gap:17px}.contact-section{gap:35px;padding-bottom:75px}.contact-section h2{font-size:31px}.contact-card{padding:25px}.contact-email{font-size:23px}}@media(max-width:600px){.contact-section{grid-template-columns:1fr;gap:20px;padding-bottom:65px}.contact-section h2{font-size:33px}.contact-card{padding:25px}.contact-email{font-size:25px}.contact-section>div>p:not(.eyebrow){font-size:13px}.footer-disclosure{margin-top:5px;font-size:9px}}
@media(max-width:600px){.contact-email{font-size:clamp(20px,5.7vw,25px);gap:12px}}@media(max-width:360px){.contact-card{padding:22px}}

/* Owned social profile links; no embedded third-party widgets. */
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}.social-links a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:13px;font-weight:650;min-height:44px}.social-links a span{font-weight:400;color:var(--muted)}.social-links a:hover,.social-links a:hover span{color:var(--teal)}.social-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:700}.footer-social{padding-top:12px;padding-bottom:28px;border-top:1px solid var(--line)}.contact-social{margin:20px 0;border-block:1px solid var(--line);padding:8px 0}@media(max-width:480px){.social-links{align-items:flex-start;column-gap:16px}.footer-social .social-label{width:100%}.social-links a{font-size:12px}}

/* Ofiiro signature palette: midnight, sapphire, ocean and champagne. */
:root{--navy:#142b4d;--ink:#192e46;--teal:#147786;--pale:#eaf3f6;--muted:#506579;--gold:#c5a66b;--sapphire:#465aa5}
body{background:radial-gradient(ellipse at 95% 5%,#e7edf866,transparent 35%),#fbfcfe}
.header{border-bottom-color:#c5a66b40}.hero h1 span{color:#276b89}.hero-art:after{background:radial-gradient(ellipse at 30% 35%,#a0d3d370,transparent 60%),radial-gradient(ellipse at 75% 65%,#b5bce65c,transparent 60%)}
.project-card{border-top:3px solid var(--gold);box-shadow:0 35px 80px -28px #1c315f45}.project-icon,.check-circle{background:#edf1fa;color:#405ba2}.progress span{background:linear-gradient(90deg,#167e87,#5866a5)}
.button.primary{background:linear-gradient(115deg,#173953,#3f4c88);border-color:#b89b645c;box-shadow:0 9px 24px #26396622;color:#fff}.button.primary:hover{box-shadow:0 13px 30px #26396635}.walkthrough-section{background:linear-gradient(125deg,#122b43 10%,#273761 72%,#493b61)}
.capability{border-top:2px solid #c5a66b80;background:linear-gradient(150deg,#fff 60%,#f0f4fa);transition:transform .28s,box-shadow .28s}.capability:hover{transform:translateY(-4px);box-shadow:0 16px 35px #24385c12}.number,.social-label{color:#886d37}.status-grid article{border-top:2px solid #c5a66b80}.contact-card{background:linear-gradient(135deg,#f0f6f9,#edf0fa);border-color:#cbd5e4}.final-cta{background:linear-gradient(115deg,#142f48,#354477 70%,#513f63);box-shadow:inset 0 1px #c5a66b99}.final-cta em{color:#e3cc9f}
.motion-toggle{border:1px solid #ced8e4;border-radius:30px;background:transparent;color:#526579;font-size:10px;padding:7px 11px;white-space:nowrap;min-height:34px}.motion-toggle:hover{border-color:#9a8150;color:#193852}.motion-toggle[hidden]{display:none}
html[data-motion=on] .project-card{animation:ofiiro-card-drift 9s ease-in-out infinite}html[data-motion=on] .receipt-float{animation:ofiiro-receipt-drift 7s ease-in-out infinite}html[data-motion=on] .floating-label{animation:ofiiro-label-drift 8s ease-in-out infinite}html[data-motion=on] .hero-art:after{animation:ofiiro-glow 12s ease-in-out infinite alternate}
html[data-motion=on] .hero-art:hover .project-card,html[data-motion=on] .hero-art:hover .receipt-float,html[data-motion=on] .hero-art:hover .floating-label{animation-play-state:paused}
@keyframes ofiiro-card-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(-3.5deg)}}
@keyframes ofiiro-receipt-drift{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(8px) rotate(2deg)}}
@keyframes ofiiro-label-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ofiiro-glow{from{transform:translate(-8px,-5px);opacity:.7}to{transform:translate(9px,8px);opacity:1}}
@media(max-width:650px){.nav-actions{gap:10px}.motion-toggle{font-size:9px;padding:6px 8px}.hero-art{padding-block:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.capability:hover,.button:hover{transform:none}}

.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:30;background:#ffffffed;box-shadow:0 4px 18px #19345015;backdrop-filter:blur(8px)}@media(max-width:480px){.motion-toggle{right:14px;bottom:14px}}