:root{--orange:#f75a1c;--orange-dark:#e34a10;--ink:#0f172a;--navy:#0c1423;--text:#1a2538;--muted:#66748a;--muted-dark:#9eabba;--line:#e7eaf0;--bg:#fafbfc;--white:#fff;--wrap:1190px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.76}::selection{background:#f75a1c;color:#fff}.wrap{width:min(var(--wrap),calc(100% - 80px));margin:0 auto}.skip-link{position:absolute;left:8px;top:-80px;background:#fff;color:#111;padding:10px;z-index:100}.skip-link:focus{top:8px}.site-header{height:91px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.065)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:inline-flex;align-items:center;gap:8px;flex:none}.brand-symbol{height:43px;width:67px;object-fit:contain;margin-left:-5px}.brand-word{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1}.brand-word strong{font-size:25px;font-weight:850;letter-spacing:-.075em}.brand-word>span{letter-spacing:.41em;font-size:10px;color:#697486;padding-left:2px;margin-top:5px;font-weight:700}.nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:650;color:#4b586e}.nav>a:not(.button){transition:color .2s}.nav>a:not(.button):hover,.text-link:hover{color:var(--orange)}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid transparent;border-radius:9px;padding:16px 20px;font-size:13px;font-weight:750;white-space:nowrap;transition:transform .2s,background .2s,box-shadow .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;line-height:1}.button-primary{background:var(--orange);color:#fff;box-shadow:0 10px 27px rgba(247,90,28,.19)}.button-primary:hover{background:var(--orange-dark);box-shadow:0 14px 30px rgba(247,90,28,.24)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#253653}.button-small{padding:11px 17px}.menu-toggle{display:none;border:0;background:transparent;padding:9px;cursor:pointer}.menu-toggle span{display:block;width:23px;height:2px;background:var(--ink);margin:5px 0;border-radius:3px}.section{position:relative}.hero{overflow:hidden;background:linear-gradient(116deg,#fff 31%,#fcfcfd 66%,#f4f6f9 100%);min-height:686px}.hero-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px;padding-top:116px;padding-bottom:110px;position:relative;z-index:1}.hero-ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(25px)}.ambient-one{width:570px;height:570px;background:radial-gradient(circle,rgba(247,90,28,.062),transparent 70%);right:17%;top:-20%}.ambient-two{width:540px;height:540px;background:radial-gradient(circle,rgba(114,148,181,.13),transparent 73%);right:-150px;bottom:-200px}.eyebrow,.section-label{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.185em;font-weight:800}.eyebrow{color:#4b5b6e}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}.hero h1{font-size:clamp(56px,5.1vw,78px);letter-spacing:-.073em;font-weight:850;line-height:1.08;max-width:650px;margin:24px 0 27px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:16px;color:#5e6a7d;line-height:1.92;max-width:550px;margin-bottom:35px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:29px}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:750;color:var(--ink);transition:color .2s}.text-link span{font-size:18px;font-weight:400}.hero-footnote{display:flex;align-items:center;gap:12px;color:#8790a1;font-size:12px;font-weight:550;margin-top:66px}.small-stroke{width:32px;height:1px;background:var(--orange)}.hero-visual{position:relative;max-width:490px;width:100%;justify-self:end}.visual-glow{position:absolute;background:#f75a1c;opacity:.12;filter:blur(67px);width:240px;height:240px;right:-10%;top:4%}.workflow-frame{background:#fff;border:1px solid #e6eaf0;border-radius:18px;box-shadow:0 38px 72px rgba(20,38,58,.09),0 4px 22px rgba(20,38,58,.045);position:relative;overflow:hidden;transform:rotate(1.1deg)}.frame-top{height:54px;border-bottom:1px solid #e8ecf0;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.frame-kicker{display:flex;gap:10px;align-items:center;color:#718095;font-weight:800;font-size:9px;letter-spacing:.13em}.frame-orbit{display:grid;place-items:center;width:20px;height:20px;background:#fff3ed;border-radius:6px}.frame-orbit>span{width:8px;height:8px;background:var(--orange);border-radius:3px;transform:rotate(45deg)}.frame-more{display:flex;gap:4px}.frame-more i{width:5px;height:5px;background:#d3d9e2;border-radius:50%}.frame-content{padding:27px 26px 31px}.frame-intro{font-size:27px;font-weight:800;letter-spacing:-.055em;line-height:1.16}.frame-intro span{color:var(--orange)}.frame-content>p{font-size:12px;line-height:1.65;color:#7e8a9a;margin:10px 0 27px}.flow-card{display:flex;align-items:center;gap:12px;padding:14px 13px;background:#fff;border:1px solid #e7ebf0;border-radius:10px;box-shadow:0 4px 10px rgba(25,47,79,.027)}.flow-number{font-size:10px;font-weight:800;color:#b4bcc8}.flow-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#edf3fa;color:#496781;flex:none}.flow-icon svg{width:19px;height:19px}.icon-orange{background:#fff1ea;color:var(--orange)}.flow-text{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.flow-text strong{font-size:12px;font-weight:750;letter-spacing:-.03em}.flow-text small{font-size:10px;color:#8d96a4}.flow-check{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#eef8ee;color:#359c6b;font-size:10px;font-weight:900}.flow-connector{height:17px;margin-left:68px;border-left:1px dashed #ccd4df}.frame-bottom{display:flex;gap:8px;align-items:center;padding:17px 25px;background:#f8fafc;border-top:1px solid #eef0f3;color:#6d788b;font-size:10px}.status-dot{width:6px;height:6px;background:#42ba89;border-radius:50%}.frame-arrow{margin-left:auto;color:var(--orange);font-size:16px}.float-label{position:absolute;background:#fff;border:1px solid #eef1f5;border-radius:9px;box-shadow:0 11px 26px rgba(30,44,66,.1);display:flex;align-items:center;gap:8px;bottom:-27px;left:-49px;padding:10px 16px;font-size:11px;font-weight:750;color:#505c6e;transform:rotate(-2deg)}.float-label img{width:28px}.principles-band{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fff}.principles-inner{min-height:88px;display:flex;justify-content:space-around;align-items:center;gap:30px;color:#48566b;font-size:12px;font-weight:750}.principles-inner>div{display:flex;align-items:center;gap:13px}.band-spark{color:var(--orange);font-size:19px;font-weight:400}.band-divider{height:22px;width:1px;background:#e3e7ec}.problems{padding:110px 0 120px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:37px}.section-label{color:var(--orange)}.section-index{font-size:10px;font-weight:750;color:#a4adba;letter-spacing:.12em}.section-heading-row{display:grid;grid-template-columns:1.18fr .82fr;gap:65px;align-items:end;margin-bottom:48px}.section h2{font-size:clamp(39px,3.5vw,54px);line-height:1.17;letter-spacing:-.062em;margin:0;font-weight:800}.section h2 span{color:#9da8b8}.section-heading-row>p{font-size:14px;color:#677386;max-width:440px;line-height:1.85;margin:0}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.problem-card{padding:32px 27px 31px;border:1px solid #e7ebef;border-radius:14px;background:#fff;min-height:290px;transition:transform .2s,box-shadow .2s}.problem-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(18,32,53,.06)}.card-index{font-size:11px;color:#abb3c1;font-weight:700}.card-icon{width:64px;height:64px;margin-top:19px;margin-bottom:28px;background:#fff1ea;color:var(--orange);border-radius:14px;display:grid;place-items:center}.card-icon svg{width:34px;height:34px}.problem-card h3{font-size:18px;font-weight:750;letter-spacing:-.04em;margin-bottom:9px}.problem-card p{font-size:13px;color:#707d90;line-height:1.8;margin:0}.approach{padding:103px 0;background:var(--ink);color:#fff;overflow:hidden}.approach:before{content:"";position:absolute;inset:-150px auto auto -300px;width:650px;height:650px;border:1px solid rgba(255,255,255,.045);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.015),0 0 0 200px rgba(255,255,255,.009)}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;position:relative;z-index:1}.approach .section-label{color:#ff985e}.approach h2{margin:28px 0 22px}.approach h2 span{color:#8f9cad}.approach-left>p{font-size:14px;color:#afbbca;max-width:460px;line-height:1.95;margin-bottom:30px}.text-link-light{color:#fff}.text-link-light:hover{color:#ff955a}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:46px 1fr 18px;gap:24px;padding:8px 0 25px;border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:27px}.steps li:last-child{border-bottom:0;margin-bottom:0}.step-number{font-size:12px;color:#ff8c58;font-weight:800;padding-top:3px}.steps h3{font-size:19px;font-weight:700;letter-spacing:-.04em;margin-bottom:8px}.steps p{font-size:12px;line-height:1.85;color:#aeb9c8;margin-bottom:0}.step-decoration{color:#6a768b;font-size:17px}.focus{padding:113px 0 114px;background:#fbfcfd}.focus-header{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:52px}.focus-header p{max-width:410px;font-size:14px;color:#707e90;margin:0}.focus-list{border-top:1px solid #dce2e9}.focus-item{display:grid;grid-template-columns:78px 1.15fr 1fr 24px;gap:15px;padding:29px 14px;border-bottom:1px solid #dce2e9;align-items:center}.focus-numeral{font-size:12px;font-weight:800;color:#ec6534}.focus-item h3{margin:0;font-size:18px;letter-spacing:-.035em}.focus-item p{margin:0;font-size:13px;line-height:1.7;color:#6d788b}.focus-chevron{font-size:18px;color:#9faabd}.focus-note{margin:24px 0 0;font-size:11px;color:#8c98aa;display:flex;gap:8px;align-items:center;line-height:1.7}.note-icon{width:15px;height:15px;border-radius:50%;background:#edf1f5;color:#8993a3;font-size:10px;display:grid;place-items:center;flex:none;font-weight:800}.about{padding:118px 0;background:#fff}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:center}.about-mark{min-height:390px;position:relative;background:#f6f8fa;border-radius:16px;display:grid;place-items:center;overflow:hidden}.about-mark:before,.about-mark:after{content:"";position:absolute;border-radius:50%;border:1px solid #e5ebf0}.about-mark:before{width:385px;height:385px}.about-mark:after{width:630px;height:630px}.about-mark img{width:225px;position:relative;z-index:1;transform:rotate(-4deg)}.about-copy h2{margin:23px 0 25px}.about-copy h2 span{color:var(--orange)}.about-copy p{max-width:500px;color:#697688;font-size:14px;line-height:1.9;margin-bottom:15px}.founder-line{display:flex;gap:13px;align-items:center;margin-top:32px}.founder-line-mark{height:40px;width:3px;background:var(--orange);border-radius:2px}.founder-line span:last-child{display:flex;flex-direction:column;gap:5px}.founder-line strong{font-size:13px}.founder-line small{color:#8f9aa9;font-size:11px}.contact{padding:20px 0 105px}.contact-box{position:relative;background:#101b2d;border-radius:18px;overflow:hidden;padding:84px 78px}.contact-pattern{position:absolute;right:-120px;top:-50px;width:560px;height:440px;opacity:.11;transform:rotate(-17deg)}.contact-pattern img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(3)}.contact-box:after{content:"";position:absolute;width:400px;height:400px;right:-150px;bottom:-190px;background:var(--orange);opacity:.11;filter:blur(85px);border-radius:50%}.contact-content{position:relative;z-index:1;max-width:590px}.section-label-inverse{color:#ff985e}.contact h2{color:#fff;font-size:clamp(46px,4.5vw,66px);margin:25px 0 18px}.contact h2 em{font-style:normal;color:#ff713b}.contact p{max-width:540px;font-size:14px;color:#b1bdcc;line-height:1.9;margin-bottom:29px}.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px}.email-link{font-size:13px;color:#d9e1eb;text-decoration:underline;text-underline-offset:5px}.email-link:hover{color:#fff}.footer{border-top:1px solid #e7ebf1}.footer-inner{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer .brand-symbol{width:49px;height:34px}.footer .brand-word strong{font-size:21px}.footer .brand-word>span{font-size:8px}.footer-bottom{display:flex;gap:30px;align-items:center;color:#8994a5;font-size:11px}.footer-bottom a{color:#314057;font-weight:700}.footer-bottom a:hover{color:var(--orange)}a:focus-visible,button:focus-visible{outline:3px solid #fba379;outline-offset:4px}@media(max-width:1080px){.wrap{width:min(var(--wrap),calc(100% - 56px))}.hero-layout{gap:42px}.hero h1{font-size:clamp(52px,5.1vw,70px)}.hero-lead{font-size:14px}.approach-grid{gap:65px}.about-grid{gap:60px}.contact-box{padding:68px 62px}.float-label{left:-14px}.nav{gap:24px}}
@media(max-width:780px){.site-header{height:78px}.wrap{width:calc(100% - 42px)}.brand-symbol{width:56px;height:38px}.brand-word strong{font-size:23px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;box-shadow:0 14px 22px rgba(10,30,45,.07);border-bottom:1px solid #e8ebf0;padding:18px 21px 25px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav>a{padding:13px 8px}.nav .button{margin-top:7px}.hero-layout{grid-template-columns:1fr;padding-top:77px;padding-bottom:102px;gap:74px}.hero-copy{max-width:630px}.hero h1{font-size:clamp(52px,9vw,77px)}.hero-lead{font-size:15px}.hero-footnote{margin-top:34px}.hero-visual{justify-self:center;max-width:520px}.float-label{left:-8px}.principles-inner{min-height:75px;gap:12px;font-size:11px}.band-divider{height:16px}.problems,.focus,.about{padding:83px 0}.section-heading-row,.focus-header{grid-template-columns:1fr;display:block}.section-heading-row p,.focus-header p{margin-top:21px}.problem-grid{grid-template-columns:1fr;gap:12px}.problem-card{min-height:auto;padding:25px;display:grid;grid-template-columns:75px 1fr;align-items:start}.card-index{grid-column:1/-1}.card-icon{grid-column:1;grid-row:2/4;margin:20px 0 0}.problem-card h3{grid-column:2;grid-row:2;margin:26px 0 5px}.problem-card p{grid-column:2;grid-row:3}.approach{padding:83px 0}.approach-grid{grid-template-columns:1fr;gap:51px}.steps li{grid-template-columns:40px 1fr 18px}.focus-header{margin-bottom:37px}.focus-item{grid-template-columns:38px 1fr 20px;padding:22px 0}.focus-item h3{font-size:16px}.focus-item p{grid-column:2;grid-row:2}.focus-chevron{grid-row:1;grid-column:3}.about-grid{grid-template-columns:1fr;gap:46px}.about-mark{min-height:280px}.contact{padding:15px 0 70px}.contact-box{padding:59px 41px}.footer-inner{padding:35px 0;align-items:flex-start;flex-direction:column;min-height:auto}.footer-bottom{flex-wrap:wrap;gap:14px 22px}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.hero-layout{padding-top:58px;gap:61px;padding-bottom:90px}.hero h1{font-size:clamp(45px,11.2vw,59px);margin:23px 0}.hero-lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:21px}.hero .button{width:100%;justify-content:space-between}.hero-footnote{margin-top:32px}.workflow-frame{transform:none}.frame-content{padding:24px 17px}.frame-top{padding:0 17px}.flow-card{padding:12px 9px;gap:8px}.flow-text strong{font-size:11px}.flow-text small{font-size:9px}.flow-number{font-size:9px}.flow-icon{width:32px;height:32px}.flow-connector{margin-left:52px}.frame-bottom{padding:14px 17px;font-size:9px}.float-label{display:none}.principles-inner{justify-content:center;min-height:80px;flex-wrap:wrap;gap:9px 18px;padding:14px 0}.principles-inner>div{font-size:10px}.band-divider{display:none}.problems,.focus,.about{padding:71px 0}.section h2{font-size:clamp(38px,10vw,50px)}.section-top{margin-bottom:28px}.problem-card{grid-template-columns:64px 1fr;padding:22px 18px}.card-icon{width:52px;height:52px}.card-icon svg{width:29px;height:29px}.problem-card h3{font-size:16px}.problem-card p{font-size:12px}.approach{padding:75px 0}.about-mark{min-height:230px}.about-mark img{width:160px}.contact-box{padding:49px 28px}.contact h2{font-size:45px}.contact-actions{align-items:stretch;flex-direction:column}.contact .button{justify-content:space-between}.contact-pattern{right:-300px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:9px}.footer .brand-word strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* BeVative v1.1: responsive contact form plus a persistent direct-email route. */
.contact-box{padding:73px 66px}
.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr);align-items:center;gap:66px}
.contact-content{max-width:none}
.contact-content h2{font-size:clamp(42px,4vw,62px)}
.contact-content>p{max-width:425px}
.direct-email{padding-top:23px;border-top:1px solid rgba(255,255,255,.17);display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.direct-email-label{color:#c4cedb;font-size:12px;font-weight:700}
.direct-email>a{font-weight:750;font-size:16px;color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.5);overflow-wrap:anywhere}
.direct-email>a span{color:#ff985e;text-decoration:none}
.direct-email>a:hover{color:#ff985e}
.direct-email small{font-size:11px;color:#9eabba}
.contact-form-card{background:#fff;border-radius:15px;padding:31px;box-shadow:0 28px 70px rgba(0,0,0,.16);color:var(--ink)}
.form-intro h3{font-size:22px;letter-spacing:-.045em;margin:0 0 5px}
.form-intro p{color:#64748b;font-size:12px;margin:0 0 24px;line-height:1.6}
.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.contact-field{margin-bottom:15px;min-width:0}
.contact-field label{display:block;font-size:11px;font-weight:750;color:#26364a;margin:0 0 7px}
.contact-field label span:not(.optional){color:#e75a2d}
.contact-field .optional{font-weight:500;color:#8793a1}
.contact-field input,.contact-field select,.contact-field textarea{display:block;width:100%;border:1px solid #dbe2ea;border-radius:8px;background:#fbfcfe;padding:12px 13px;min-height:44px;color:#182336;font-size:12px;font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none}
.contact-field select{appearance:auto}
.contact-field textarea{min-height:125px;resize:vertical;line-height:1.6}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#97a3b3}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#ed7040;box-shadow:0 0 0 3px rgba(247,90,28,.10);background:#fff}
.contact-field :is(input,select,textarea)[aria-invalid="true"]{border-color:#c24130;background:#fff9f7}
.form-privacy{font-size:10.5px!important;line-height:1.65!important;color:#697789!important;margin:-2px 0 18px!important}
.form-privacy a{color:#34435d;text-decoration:underline;text-underline-offset:2px}
.form-privacy a:hover{color:var(--orange)}
.form-submit{width:100%;justify-content:space-between;border:0}
.form-submit:disabled{opacity:.60;cursor:not-allowed;transform:none;box-shadow:none}
.form-status{font-size:12px!important;line-height:1.6!important;min-height:0;color:#606c7d!important;margin:10px 0 0!important}
.form-status:empty{display:none}
.form-status[data-state="success"]{color:#147454!important}
.form-status[data-state="error"]{color:#aa3c2f!important}
.trap-field{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden}
/* privacy page */
.legal-main{padding:76px 0 105px;background:#fafbfc;min-height:70vh}
.legal-paper{max-width:840px;padding:48px 52px;background:white;border:1px solid #e7eaf0;border-radius:16px;box-shadow:0 18px 50px rgba(20,35,53,.035)}
.legal-paper h1{font-size:clamp(36px,5vw,54px);margin:17px 0 20px}
.legal-paper h2{font-size:19px;margin:30px 0 12px}
.legal-paper p,.legal-paper li{color:#536376;line-height:1.85;font-size:14px}
.legal-paper a{text-decoration:underline;text-underline-offset:3px;color:#e75a25}
.legal-paper ul{padding-left:20px}
@media(max-width:1080px){.contact-layout{gap:36px}.contact-box{padding:62px 44px}.contact-form-card{padding:25px}}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:34px}.contact-content>p{max-width:590px}.contact-content h2{font-size:clamp(43px,7vw,62px)}.contact-box{padding:53px 44px}.direct-email{padding-top:18px}.contact-form-card{max-width:650px;width:100%}}
@media(max-width:480px){.contact-box{padding:43px 20px}.contact-form-card{padding:22px 17px}.contact-field-row{grid-template-columns:1fr;gap:0}.contact-content h2{font-size:42px}.contact-content>p{font-size:13px}.form-intro h3{font-size:20px}.legal-paper{padding:30px 22px}.legal-main{padding:40px 0 65px}}

/* Brand refinement: let the original forward mark stand alone, without circular rings. */
.about-mark{background:linear-gradient(135deg,#fafbfc 0%,#f4f6f9 100%)}
.about-mark::before,.about-mark::after{display:none}

/* BeVative interactive demo showcase — staging */
.demo-showcase{background:#f3f6f8;border-top:1px solid #e9edf1;border-bottom:1px solid #e9edf1}
.demo-showcase-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.demo-showcase-copy h2{font-size:clamp(30px,3.5vw,51px);line-height:1.11;letter-spacing:-1.8px;color:#111c2c;margin:21px 0}
.demo-showcase-copy h2 span{color:#f75a1c}
.demo-showcase-copy p{max-width:480px;color:#66758a;font-size:15px;line-height:1.85;margin-bottom:24px}
.demo-showcase-caption{font-size:11px;color:#8c9bad;margin-top:13px}
.demo-showcase-preview{background:#fff;border:1px solid #e4e9f0;padding:28px;border-radius:17px;box-shadow:0 24px 65px #0f172a12;max-width:490px;width:100%;margin-left:auto}
.demo-preview-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#6b7889;letter-spacing:1.4px;font-weight:700}
.demo-preview-top i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#17aa7a;margin-right:7px}
.demo-preview-top strong{color:#101b2b;font-size:13px;letter-spacing:-.2px}
.demo-preview-title{font-size:25px;letter-spacing:-.8px;color:#101b2b;font-weight:750;margin-top:30px}
.demo-preview-sub{font-size:12px;color:#9aabb9}
.demo-preview-stats{display:flex;gap:10px;margin:22px 0}
.demo-preview-stats div{background:#f7f9fa;border:1px solid #ecf0f2;flex:1;border-radius:9px;padding:12px}
.demo-preview-stats b{display:block;font-size:22px;color:#182536}
.demo-preview-stats small{color:#91a0ad;font-size:10px}
.demo-preview-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f1f3f6}
.demo-preview-row span{font-size:11px;color:#536377;width:160px}
.demo-preview-row i{height:6px;background:#f75a1c;border-radius:4px}
@media(max-width:800px){.demo-showcase-inner{grid-template-columns:1fr;gap:25px}.demo-showcase-preview{margin:0;max-width:600px}.demo-showcase-copy p{font-size:13px}}


/* v1.4: authentic screenshots from the functioning demo, presented as device previews. */
.demo-showcase{padding:105px 0 112px;overflow:hidden}
.demo-showcase-inner{gap:52px;grid-template-columns:.94fr 1.06fr;min-height:470px}
.demo-showcase-copy h2{font-size:clamp(37px,3.5vw,54px);margin:24px 0 21px}
.demo-showcase-copy h2 span{color:var(--orange)}
.demo-showcase-copy p{font-size:14px;line-height:1.9}
.demo-showcase-caption{margin-top:16px;line-height:1.6}
.demo-device-montage{position:relative;display:block;min-width:0;padding:34px 49px 40px 0;max-width:600px;margin-left:auto;transition:transform .2s}
.demo-device-montage:hover{transform:translateY(-4px)}
.demo-desktop-device{overflow:hidden;background:#fff;border:8px solid #1a2537;border-radius:16px;box-shadow:0 26px 60px rgba(15,23,42,.16);height:340px}
.demo-desktop-device>img{display:block;width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top}
.demo-device-bar{height:28px;background:#1a2537;color:#cbd5e1;font-size:10px;display:flex;align-items:center;gap:12px;letter-spacing:.01em}
.window-dots{display:flex;gap:4px;padding-left:8px}
.window-dots i{width:6px;height:6px;background:#77859c;border-radius:50%}
.demo-phone-device{position:absolute;bottom:6px;right:0;width:153px;height:318px;padding:11px 5px 6px;background:#182235;border:4px solid #182235;border-radius:26px;box-shadow:0 18px 42px rgba(15,23,42,.30);overflow:hidden}
.demo-phone-device>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;background:#fff;border-radius:13px}
.demo-phone-speaker{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:42px;height:5px;border-radius:7px;background:#080e19;z-index:1}
.demo-montage-label{position:absolute;bottom:7px;left:10px;background:#fff;border:1px solid #dce3eb;border-radius:100px;padding:10px 14px;font-size:10px;font-weight:800;letter-spacing:.07em;color:#2d3b50;box-shadow:0 12px 26px rgba(20,32,50,.08)}
.demo-montage-label span{font-size:14px;color:var(--orange)}
.demo-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:43px;padding-top:35px;border-top:1px solid #e1e7ec}
.demo-gallery-head h3{font-size:27px;letter-spacing:-1.1px;margin:14px 0 0}
.demo-gallery-head p{font-size:12px;color:#718093;max-width:320px;line-height:1.75;margin:0}
.demo-gallery{display:grid;grid-template-columns:1fr 1fr .70fr;gap:17px;margin-top:24px}
.demo-shot{min-width:0;background:#fff;overflow:hidden;border:1px solid #e1e6ee;border-radius:13px;transition:box-shadow .2s,transform .2s}
.demo-shot:hover{box-shadow:0 15px 40px rgba(15,23,42,.10);transform:translateY(-3px)}
.demo-shot-image{height:196px;background:#fff;border-bottom:1px solid #e7ebf0;overflow:hidden}
.demo-shot-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.demo-shot-mobile .demo-shot-image{background:#e9eef2;display:flex;justify-content:center;align-items:start}
.demo-shot-mobile img{width:155px;max-width:90%;height:100%;object-fit:cover;object-position:top;border-left:4px solid #f7f8fb;border-right:4px solid #f7f8fb}
.demo-shot-caption{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 15px;justify-content:space-between;padding:15px 17px 16px}
.demo-shot-caption strong{font-size:12px;letter-spacing:-.02em}
.demo-shot-caption span{font-size:10px;color:var(--orange);font-weight:700}
@media(max-width:950px){.demo-showcase{padding:82px 0}.demo-showcase-inner{gap:30px}.demo-desktop-device{height:270px}.demo-phone-device{height:267px;width:134px}.demo-device-montage{padding-right:38px}.demo-gallery{gap:10px}.demo-shot-image{height:160px}}
@media(max-width:800px){.demo-showcase-inner{grid-template-columns:1fr;gap:25px}.demo-device-montage{margin:12px auto 0;width:100%;max-width:650px}.demo-desktop-device{height:340px}.demo-phone-device{height:320px;width:155px}.demo-gallery-head{align-items:start;flex-direction:column;gap:10px}.demo-gallery{grid-template-columns:1fr 1fr}.demo-shot-image{height:185px}.demo-shot-mobile{grid-column:span 2}.demo-shot-mobile .demo-shot-image{height:220px}}
@media(max-width:480px){.demo-showcase{padding:68px 0}.demo-showcase-copy h2{font-size:38px}.demo-device-montage{padding:22px 25px 30px 0}.demo-desktop-device{height:232px;border-width:5px;border-radius:12px}.demo-device-bar{height:22px;font-size:8px}.demo-desktop-device>img{height:calc(100% - 22px)}.demo-phone-device{width:103px;height:222px;border-width:3px;border-radius:17px;padding:9px 3px 4px;right:0}.demo-phone-device>img{border-radius:9px}.demo-phone-speaker{top:5px;width:32px;height:3px}.demo-montage-label{left:5px;bottom:3px;padding:6px 10px;font-size:9px}.demo-gallery{grid-template-columns:1fr;gap:12px}.demo-shot-mobile{grid-column:auto}.demo-shot-image{height:195px}.demo-gallery-head h3{font-size:24px}}

/* Interactive portfolio, v1.5 */
.three-demos{background:#f7f9fc;padding-bottom:96px}.three-demo-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:20px 0 35px}.three-demo-intro>div{max-width:620px}.three-demo-intro h2{font-size:clamp(33px,4.4vw,53px);letter-spacing:-2px;line-height:1.12;margin:8px 0 15px}.three-demo-intro h2 span{color:#ed6738}.three-demo-intro p{color:#67778e;line-height:1.8;font-size:14px}.three-demo-intro>a{margin-bottom:5px;white-space:nowrap}.three-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.three-demo-card{background:white;border-radius:18px;border:1px solid #e4eaf2;box-shadow:0 10px 30px #14283e0a;overflow:hidden}.three-demo-shot{display:block;background:#edf2f7;height:235px;position:relative;padding:16px 16px 0;overflow:hidden}.demo-card-desktop{background:#fff;border:5px solid #1e304a;border-bottom:0;border-radius:11px 11px 0 0;overflow:hidden;height:225px;box-shadow:0 8px 18px #12223d22}.demo-card-desktop img{width:100%;height:auto;display:block}.demo-card-phone{position:absolute;right:15px;top:65px;width:80px;height:160px;border-radius:15px 15px 0 0;background:#fff;border:5px solid #182940;border-bottom:0;box-shadow:-8px 8px 20px #1e344c44;overflow:hidden}.demo-card-phone img{width:100%;height:auto;display:block}.three-demo-body{padding:23px 23px 25px}.three-demo-body small{font-size:10px;letter-spacing:1.2px;color:#ec7141;font-weight:800}.three-demo-body h3{font-size:24px;letter-spacing:-.7px;margin:9px 0}.three-demo-body p{font-size:12px;color:#65778c;line-height:1.75;min-height:85px;margin:9px 0}.demo-launch{color:#e46034;font-size:12px;font-weight:800}.demo-launch span{margin-left:4px}.three-demo-footnote{font-size:11px;color:#90a0b0;line-height:1.6;margin:22px 0 0}
@media(max-width:980px){.three-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-demo-card:last-child{grid-column:1/-1}.three-demo-card:last-child .three-demo-shot{height:255px}.three-demo-intro{align-items:start;flex-direction:column}}
@media(max-width:650px){.three-demos{padding-bottom:65px}.three-demo-grid{grid-template-columns:1fr}.three-demo-card:last-child{grid-column:auto}.three-demo-shot,.three-demo-card:last-child .three-demo-shot{height:225px}.three-demo-body p{min-height:0}.three-demo-intro h2{font-size:37px}.three-demo-intro>a{white-space:normal}}