@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--ink:#171713;--paper:#f4f1e9;--cream:#eae5d9;--white:#fffefa;--gold:#dcb766;--gold-light:#ead097;--muted:#6e6d64;--line:#d9d3c5;--dark:#11120f;--dark-2:#1a1b17;--max:1280px;--sans:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
button,a{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
button{font:inherit}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
::selection{background:var(--gold);color:var(--dark)}
.page-width{width:min(calc(100% - 112px),var(--max));margin-inline:auto}
.section-pad{padding:125px 0 135px}
.dark-section{background:var(--dark);color:var(--white)}
.skip-link{position:fixed;left:12px;top:-60px;background:var(--gold);color:var(--ink);padding:12px 18px;z-index:1000;font-weight:700}
.skip-link:focus{top:12px}
.site-header{position:absolute;top:0;left:0;right:0;z-index:50;color:var(--white);border-bottom:1px solid rgba(255,255,255,.14)}
.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand,.footer-brand{display:inline-flex;align-items:center;gap:12px;flex:none}
.brand-mark{width:43px;height:43px;position:relative;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:800 29px/1 var(--sans);letter-spacing:-.12em;padding-right:5px}
.brand-mark i{position:absolute;width:5px;height:5px;background:var(--gold);right:5px;bottom:5px}
.brand-word,.footer-brand strong{font:800 15px/1 var(--sans);letter-spacing:.2em;display:block}
.brand-word small,.footer-brand small{display:block;color:var(--gold);font:500 8px/1.5 var(--mono);letter-spacing:.31em;margin-top:5px}
.primary-nav{display:flex;align-items:center;gap:37px;font:600 12px/1 var(--sans);letter-spacing:.035em}
.primary-nav>a:not(.nav-contact){transition:color .2s ease}
.primary-nav>a:not(.nav-contact):hover{color:var(--gold)}
.nav-contact{border:1px solid rgba(220,183,102,.65);padding:15px 19px;color:var(--gold)}
.nav-contact span{margin-left:15px}
.nav-contact:hover{background:var(--gold);color:var(--ink)}
.menu-toggle{display:none}
.eyebrow{margin:0 0 38px;display:flex;align-items:center;gap:12px;font:500 10px/1.4 var(--mono);letter-spacing:.18em;color:#77746a}
.eyebrow.light{color:var(--gold)}
.eyebrow-line{display:block;width:27px;height:1px;background:currentColor}
h1,h2,h3,h4,p{margin-top:0}
h1,h2,h3,h4{font-family:var(--sans)}
h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.075em}
.hero{position:relative;min-height:810px;overflow:hidden;padding-top:88px;background-image:radial-gradient(circle at 68% 48%,rgba(196,152,66,.095),transparent 34%),linear-gradient(100deg,#10110e 51%,#151611 100%)}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.035) 50%,transparent calc(50% + .5px)),repeating-linear-gradient(90deg,transparent 0,transparent 13.9%,rgba(255,255,255,.025) 14%,transparent 14.1%);pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:635px;gap:38px}
.hero-copy{padding:70px 0 65px;z-index:2}
.hero .eyebrow{margin-bottom:29px}
.hero h1{font-size:clamp(74px,8.8vw,132px);line-height:.91;letter-spacing:-.092em;font-weight:800;margin:0 0 36px}
.hero h1 em{color:var(--gold);font-size:1.045em}
.hero-intro{font-size:17px;line-height:1.7;max-width:500px;color:#bbbcb2;margin:0 0 38px}
.hero-actions{display:flex;align-items:center;gap:33px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:55px;padding:0 23px;font:700 12px var(--sans);letter-spacing:.02em;transition:background .2s,color .2s,transform .2s}
.button:hover{transform:translateY(-3px)}
.button-gold{background:var(--gold);color:var(--dark)}
.button-gold:hover{background:var(--gold-light)}
.button span{font-size:17px;font-weight:400}
.text-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid currentColor;padding:8px 0;font:700 12px var(--sans)}
.light-link{color:var(--white)}
.light-link:hover{color:var(--gold)}
.hero-visual{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center}
.visual-orbit{position:absolute;border:1px solid rgba(220,183,102,.16);border-radius:50%;width:560px;height:560px;left:50%;top:50%;transform:translate(-50%,-50%)}
.orbit-two{width:760px;height:760px;border-color:rgba(220,183,102,.065)}
.visual-topline{position:absolute;top:13px;left:4%;right:0;display:flex;justify-content:space-between;max-width:560px;color:#777e72;font:9px var(--mono);letter-spacing:.13em}
.hero-card{position:relative;width:min(100%,540px);padding:30px 32px 0;background:#e9e5da;color:var(--ink);box-shadow:22px 25px 0 rgba(220,183,102,.17),0 40px 90px rgba(0,0,0,.35);transform:rotate(-4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hero-card:hover{transform:rotate(-1deg) translateY(-10px)}
.card-top{display:flex;justify-content:space-between;align-items:start}
.card-monogram{font:800 34px/1 var(--sans);letter-spacing:-.12em}
.card-monogram span{color:#b28d43}
.status-tag{display:inline-flex;align-items:center;gap:8px;font:500 9px var(--mono);letter-spacing:.09em;border:1px solid #aaa99d;padding:8px 10px}
.status-tag i{width:5px;height:5px;border-radius:50%;background:#a88139}
.card-kicker{font:500 9px var(--mono);letter-spacing:.17em;margin:62px 0 12px;color:#78776b}
.card-title{font:800 clamp(33px,3.4vw,52px)/1.05 var(--sans);letter-spacing:-.075em;margin-bottom:56px}
.card-flow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:38px}
.flow-step{min-width:65px;display:flex;flex-direction:column;gap:8px;color:#969489}
.flow-step span{font:500 10px var(--mono);border:1px solid currentColor;width:26px;height:26px;display:grid;place-items:center;border-radius:50%}
.flow-step b{font:500 8px var(--mono);letter-spacing:.06em}
.flow-step.active{color:#3d392d}
.flow-step.active span{background:var(--gold);border-color:var(--gold)}
.flow-connector{height:1px;background:#aaa99d;flex:1;min-width:8px;transform:translateY(-10px)}
.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #bbb8aa;padding:16px 0;font:500 9px var(--mono);letter-spacing:.07em;color:#6f6d62}
.visual-caption{position:absolute;bottom:0;right:8px;font:9px var(--mono);letter-spacing:.12em;color:#767b70}
.hero-footer{height:85px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);position:relative;color:#85887e;font:9px var(--mono);letter-spacing:.13em}
.hero-footer span span{font-size:16px;margin-left:12px;color:var(--gold)}
.statement{background:var(--paper)}
.statement-grid{display:grid;grid-template-columns:28% 1fr;gap:35px;align-items:start}
.statement-grid .eyebrow{padding-top:21px}
.statement-title{font:800 clamp(38px,5.4vw,78px)/1.12 var(--sans);letter-spacing:-.075em;margin-bottom:28px}
.statement-title em{color:#a17c36}
.statement-lede{font-size:19px;line-height:1.66;max-width:750px;color:#66655e;margin-bottom:0}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:97px;border-top:1px solid var(--line)}
.principle{padding:35px 34px 0 0;min-height:240px}
.principle+.principle{border-left:1px solid var(--line);padding-left:34px}
.principle-number{font:500 11px var(--mono);color:#a17c36}
.principle h3{font-size:22px;letter-spacing:-.055em;margin:31px 0 13px}
.principle p{color:#77746b;font-size:14px;line-height:1.7;max-width:310px;margin:0}
.workflow-section{background:#e8e3d7}
.section-heading{display:grid;grid-template-columns:1fr 320px;align-items:end;gap:55px;margin-bottom:65px}
.section-heading h2,.controls h2,.next-section h2{font:800 clamp(50px,6.6vw,94px)/1.02 var(--sans);letter-spacing:-.055em;margin:0}
.section-heading h2 em,.controls h2 em{color:#a17c36}
.section-heading>p{color:#66645a;font-size:15px;line-height:1.7;margin:0 0 8px}
.workflow-layout{display:grid;grid-template-columns:39% 61%;min-height:490px;border:1px solid #c9c2b4}
.workflow-nav{background:#ede8dc;display:flex;flex-direction:column}
.workflow-tab{border:0;border-bottom:1px solid #c9c2b4;background:transparent;display:flex;align-items:center;gap:25px;text-align:left;padding:0 30px;min-height:122.5px;color:#888276;cursor:pointer;transition:background .25s,color .25s}
.workflow-tab:last-child{border-bottom:0}
.workflow-tab:hover{background:#e2daca;color:var(--ink)}
.workflow-tab.active{background:var(--dark);color:var(--white)}
.step-index{font:500 12px var(--mono);color:#aa8a50}
.step-name{font:700 clamp(16px,1.5vw,21px) var(--sans);letter-spacing:-.04em;flex:1}
.step-arrow{font-size:22px;color:var(--gold);opacity:0;transform:translate(-5px,5px);transition:all .25s}
.workflow-tab.active .step-arrow,.workflow-tab:hover .step-arrow{opacity:1;transform:none}
.workflow-panels{background:var(--gold);overflow:hidden}
.workflow-panel{padding:48px clamp(32px,5vw,75px) 0;min-height:490px;position:relative;display:flex;flex-direction:column;animation:panel-in .35s ease both}
.workflow-panel[hidden]{display:none}
.panel-count{font:500 10px var(--mono);letter-spacing:.14em}
.panel-symbol{position:absolute;right:50px;top:30px;font:400 70px Georgia;line-height:1;color:rgba(40,35,20,.23)}
.workflow-panel h3{font:800 clamp(38px,4vw,61px)/1.03 var(--sans);letter-spacing:-.075em;margin:68px 0 24px}
.workflow-panel p{font-size:16px;line-height:1.7;max-width:480px;margin:0 0 35px}
.panel-footer{display:flex;justify-content:space-between;margin-top:auto;padding:22px 0;border-top:1px solid rgba(24,24,20,.37);font:500 10px var(--mono);letter-spacing:.1em}
.workflow-note{margin:28px 0 0;color:#696356;font:500 12px/1.6 var(--mono)}
.workflow-note span{color:#a17c36;font-size:21px;margin-right:10px;vertical-align:middle}
.experience{background:var(--paper)}
.experience .section-heading{margin-bottom:42px}
.experience-switch{display:flex;gap:0;border-top:1px solid var(--line);width:100%}
.experience-switch button{border:0;border-bottom:2px solid var(--line);background:transparent;padding:25px 22px 23px 0;width:50%;text-align:left;font:700 16px var(--sans);letter-spacing:-.03em;color:#88857a;cursor:pointer;display:flex;justify-content:space-between}
.experience-switch button+button{padding-left:25px}
.experience-switch button.active{border-color:#a17c36;color:var(--ink)}
.experience-switch button span{color:#a17c36}
.experience-content{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center;padding-top:55px;min-height:520px}
.experience-copy[hidden]{display:none}
.mini-kicker{font:500 10px var(--mono);letter-spacing:.16em;color:#9c793b}
.experience-copy h3{font:800 clamp(36px,3.6vw,54px)/1.12 var(--sans);letter-spacing:-.035em;margin:25px 0}
.experience-copy p{font-size:16px;color:#66645a;line-height:1.75;max-width:470px}
.feature-list{list-style:none;margin:28px 0 0;padding:0;max-width:470px}
.feature-list li{border-top:1px solid var(--line);padding:12px 0 12px 26px;position:relative;font-size:13px;font-weight:600}
.feature-list li:before{content:'↗';position:absolute;left:0;color:#a17c36}
.interface-showcase{position:relative;padding:35px 0 0 30px;background:radial-gradient(circle at 40% 40%,#dfd4bb,transparent 65%)}
.interface-shell{box-shadow:0 25px 70px rgba(39,35,23,.18);border:1px solid #d4cfbf;background:#faf9f5;transform:rotate(2deg);transition:transform .5s}
.interface-shell:hover{transform:rotate(0)}
.interface-header{height:55px;border-bottom:1px solid #e2dfd6;display:flex;align-items:center;gap:13px;padding:0 21px;font:700 9px var(--mono);letter-spacing:.08em;color:#77746c}
.small-brand{font:800 22px var(--sans);letter-spacing:-.12em;color:var(--ink)}
.tiny-dot{width:8px;height:8px;border-radius:50%;background:#bea05e;margin-left:auto}
.interface-body{display:grid;grid-template-columns:1.3fr .7fr;min-height:330px}
.interface-main{padding:42px 35px 35px}
.mock-eyebrow{font:500 9px var(--mono);letter-spacing:.16em;color:#a48242}
.interface-main h4{font:800 clamp(26px,2.6vw,39px)/1.1 var(--sans);letter-spacing:-.07em;margin:22px 0 28px}
.mock-ref{border:1px solid #dcd7cb;padding:15px;display:grid;grid-template-columns:1fr auto;row-gap:8px;max-width:275px;font:500 8px var(--mono);letter-spacing:.1em;color:#888579}
.mock-ref strong{grid-column:1;font:700 12px var(--sans);color:var(--ink);letter-spacing:.01em}
.mock-ref>span:last-child{grid-column:2;grid-row:2;color:#a48242;font-size:14px}
.mock-progress{margin-top:35px;max-width:320px}
.mock-progress-track{height:3px;background:#dedbd1}
.mock-progress-track span{display:block;width:38%;height:3px;background:#b68b3e;transition:width .3s}
.mock-progress-labels{display:flex;justify-content:space-between;margin-top:11px;color:#8a877b;font:500 7px var(--mono);letter-spacing:.08em}
.interface-aside{background:#eae4d6;border-left:1px solid #ded7c9;padding:43px 21px;display:flex;flex-direction:column;font:500 9px var(--mono);letter-spacing:.08em;color:#8b806c}
.mock-mini-icon{display:grid;place-items:center;width:37px;height:37px;background:var(--gold);color:var(--ink);font:20px Georgia;margin-bottom:55px}
.interface-aside strong{font:700 16px/1.3 var(--sans);letter-spacing:-.04em;color:var(--ink);margin:10px 0 22px}
.interface-aside small{margin-top:auto;font:500 8px var(--mono)}
.interface-caption{text-align:right;font:500 9px var(--mono);color:#9a9487;letter-spacing:.09em;margin:20px 0 0}
.product-section{background:#151611}
.light-heading h2 em{color:var(--gold)}
.light-heading>p{color:#aaa99d}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#34352c;border:1px solid #34352c}
.product-card{min-height:300px;background:#1c1d18;padding:32px;display:flex;flex-direction:column;transition:background .25s}
.product-card:hover{background:#24251f}
.product-card.feature-card{grid-row:span 2;background:var(--gold);color:var(--ink);min-height:601px;padding:35px}
.card-number{font:500 10px var(--mono);letter-spacing:.13em;color:var(--gold)}
.feature-card .card-number{color:#453d2b}
.product-icon{font:400 44px Georgia;color:var(--gold);margin:52px 0 17px}
.product-card h3{font:700 23px/1.2 var(--sans);letter-spacing:-.055em;margin:auto 0 14px}
.product-card p{font-size:13px;line-height:1.7;color:#a6a79d;margin:0;max-width:330px}
.feature-card h3{font-size:36px;margin-top:auto}
.feature-card p{color:#4b422e;font-size:15px}
.line-graphic{display:flex;align-items:center;margin:80px 0 65px;position:relative}
.line-graphic:before{content:'';position:absolute;left:17px;right:17px;top:50%;height:1px;background:#544829}
.line-graphic i{width:36px;height:36px;display:block;position:relative;border:1px solid #544829;border-radius:50%;background:var(--gold);margin-right:auto}
.line-graphic i:first-child{background:var(--ink);border-color:var(--ink)}
.line-graphic i:last-child{margin-right:0}
.product-disclaimer{font:500 10px/1.6 var(--mono);letter-spacing:.04em;color:#8c8e80;margin:28px 0 0}
.controls{background:#f4f1e9}
.controls-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.controls h2{margin-bottom:25px}
.controls-heading>p:last-child{color:#66645a;font-size:16px;line-height:1.7;max-width:430px}
.controls-list{border-top:1px solid var(--line)}
.control-item{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:30px 0 30px;border-bottom:1px solid var(--line)}
.control-index{font:500 11px var(--mono);color:#a17c36;padding-top:7px}
.control-item h3{font:700 20px var(--sans);letter-spacing:-.05em;margin:0 0 9px}
.control-item p{font-size:14px;line-height:1.7;color:#77746a;margin:0;max-width:530px}
.next-section{background:#b9934f;color:var(--ink)}
.next-grid{display:grid;grid-template-columns:1fr 410px;gap:80px;align-items:end}
.next-section .eyebrow.light{color:#40321b}
.next-section h2 em{color:#f5e3b7}
.next-copy p{font-size:17px;line-height:1.7;margin:0 0 36px}
.button-outline-light{border:1px solid var(--ink);width:260px}
.button-outline-light:hover{background:var(--ink);color:var(--gold)}
.site-footer{background:#10110e;color:var(--white);padding-top:65px}
.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:start;padding-bottom:70px}
.footer-main p{font-size:13px;line-height:1.65;color:#9b9d92;margin:0}
.footer-main>a{justify-self:end;font:500 10px var(--mono);color:var(--gold);letter-spacing:.1em;border-bottom:1px solid #746642;padding-bottom:10px}
.footer-brand strong{font-size:16px}
.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #303128;padding:23px 0 28px;font:500 9px/1.5 var(--mono);letter-spacing:.07em;color:#7e8074}
.footer-bottom a{color:var(--gold);border-bottom:1px solid #746642;padding-bottom:2px}.footer-bottom a:hover{color:var(--gold-light)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}
@keyframes panel-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.page-width{width:min(calc(100% - 70px),var(--max))}.primary-nav{gap:19px}.hero h1{font-size:clamp(68px,8vw,110px)}.hero-visual{min-height:480px}.hero-card{padding:27px}.controls-grid{gap:60px}.next-grid{gap:50px}}
@media(max-width:780px){html{scroll-padding-top:72px}.page-width{width:min(calc(100% - 38px),var(--max))}.section-pad{padding:83px 0 92px}.header-inner{height:72px}.site-header{position:absolute}.menu-toggle{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1px solid rgba(220,183,102,.65);color:var(--gold);cursor:pointer;z-index:61}.menu-toggle span{display:block;width:18px;height:1px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6px) rotate(-45deg)}.primary-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:15px 19px 25px;background:#161712;border-bottom:1px solid #494331;box-shadow:0 25px 50px rgba(0,0,0,.35);flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav a{padding:17px 10px;border-bottom:1px solid #34352c;font-size:14px}.primary-nav .nav-contact{margin-top:15px;text-align:center;border:1px solid var(--gold)}.hero{padding-top:72px;min-height:auto}.hero-grid{display:block;min-height:0}.hero-copy{padding:84px 0 25px}.hero h1{font-size:clamp(63px,12vw,93px)}.hero-intro{font-size:16px}.hero-visual{min-height:470px;margin:5px 0 20px}.hero-card{max-width:500px;margin:0 25px}.hero-footer{height:60px}.statement-grid{grid-template-columns:1fr;gap:0}.statement-grid .eyebrow{padding:0}.statement-title{font-size:clamp(42px,8vw,64px)}.principle-grid{margin-top:65px}.principle{padding-right:18px}.principle+.principle{padding-left:18px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.section-heading h2,.controls h2,.next-section h2{font-size:clamp(52px,9vw,78px)}.section-heading>p{max-width:460px}.workflow-layout{grid-template-columns:1fr;min-height:0}.workflow-nav{display:grid;grid-template-columns:repeat(4,1fr)}.workflow-tab{min-height:94px;padding:17px 12px;display:flex;flex-direction:column;align-items:start;gap:8px;border-right:1px solid #c9c2b4;border-bottom:0}.workflow-tab:last-child{border-right:0}.step-name{font-size:12px;line-height:1.3}.step-arrow{display:none}.workflow-panel{min-height:420px}.workflow-panel h3{margin-top:55px}.experience-content{grid-template-columns:1fr;gap:30px;min-height:0}.experience-copy p{max-width:700px}.interface-showcase{max-width:600px;margin:auto}.controls-grid{grid-template-columns:1fr;gap:32px}.next-grid{grid-template-columns:1fr;gap:35px}.next-copy{max-width:640px}}
@media(max-width:600px){.hero .eyebrow{font-size:9px}.hero h1{font-size:clamp(61px,13.5vw,82px)}.hero-actions{gap:20px}.hero-visual{min-height:400px}.hero-card{margin:0 15px;box-shadow:12px 15px 0 rgba(220,183,102,.17),0 30px 50px rgba(0,0,0,.3)}.visual-topline{top:6px}.visual-orbit{width:450px;height:450px}.orbit-two{width:600px;height:600px}.card-kicker{margin-top:35px}.card-title{font-size:37px;margin-bottom:40px}.card-flow{gap:3px}.flow-step{min-width:50px}.flow-step b{font-size:6.5px}.hero-footer{font-size:8px}.hero-footer>span:first-child{max-width:150px}.statement-lede{font-size:16px}.principle-grid{grid-template-columns:1fr}.principle,.principle+.principle{border-left:0;border-bottom:1px solid var(--line);padding:27px 0;min-height:0}.principle h3{margin:15px 0 7px}.principle p{max-width:500px}.workflow-nav{grid-template-columns:repeat(2,1fr)}.workflow-tab{min-height:76px;border-bottom:1px solid #c9c2b4}.workflow-tab:nth-child(2){border-right:0}.workflow-tab:nth-child(n+3){border-bottom:0}.workflow-panel{padding:35px 25px 0;min-height:450px}.workflow-panel h3{font-size:45px;margin:85px 0 18px}.workflow-panel p{font-size:14px}.panel-symbol{right:25px;top:30px;font-size:55px}.experience-switch button{font-size:14px}.experience-content{padding-top:37px}.experience-copy h3{font-size:39px}.interface-showcase{padding:18px 0 0}.interface-body{grid-template-columns:1.35fr .65fr}.interface-main{padding:28px 20px}.interface-aside{padding:30px 12px}.interface-main h4{font-size:25px}.interface-aside strong{font-size:12px}.mock-mini-icon{margin-bottom:47px}.product-grid{grid-template-columns:1fr}.product-card,.product-card.feature-card{grid-row:auto;min-height:270px;padding:28px}.product-card.feature-card{min-height:400px}.line-graphic{margin:60px 0 45px}.product-card h3{font-size:25px}.feature-card h3{font-size:33px}.footer-main{grid-template-columns:1fr 1fr}.footer-main p{grid-column:1/-1;grid-row:2}.footer-main>a{font-size:9px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:0 0 10px}}
@media(max-width:380px){.hero h1{font-size:58px}.hero-card{padding:20px}.flow-step{min-width:42px}.flow-step b{font-size:6px}.card-title{font-size:31px}.hero-visual{min-height:355px}.workflow-tab{padding:13px 9px}.step-name{font-size:11px}.workflow-panel h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}