:root{
  --bg:#F6F3ED;--bg-alt:#EFEAE1;--paper:#FFFEFB;--ink:#25251F;--muted:#716D62;
  --border:#E3DCCE;--bronze:#80632F;--gold:#B99655;--dark:#25251F;--easing:cubic-bezier(.2,.7,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit}p{line-height:1.72}::selection{background:#DECCAA;color:#25251F}
.container{width:min(1220px,calc(100% - 88px));margin-inline:auto}
.section-pad{padding-block:125px}
.skip-link{position:absolute;top:-50px;left:20px;background:#25251F;color:white;padding:12px;z-index:100}
.skip-link:focus{top:10px}
.announcement{height:36px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--dark);color:#EAE3D5;font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}
.status-dot{height:6px;width:6px;border-radius:50%;background:#DCC69B;box-shadow:0 0 0 3px #DCC69B30}
.announcement-arrow{margin-left:2px;color:#DCC69B;font-size:13px}
.site-header{position:sticky;top:0;z-index:40;background:#F6F3EDf2;backdrop-filter:blur(20px);border-bottom:1px solid #E3DCCEaa}
.nav-wrap{min-height:86px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:13px}
.brand-mark{position:relative;width:43px;height:43px;border:1px solid var(--bronze);display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-size:25px;color:var(--bronze)}
.brand-glint{font-size:10px;position:absolute;right:6px;top:4px;color:var(--gold)}
.brand-text{font-family:Georgia,serif;font-size:23px;line-height:1.05;letter-spacing:4px;display:flex;flex-direction:column}
.brand-sub{font-family:Arial,sans-serif;color:var(--bronze);font-size:7px;letter-spacing:2.2px;white-space:nowrap;margin-top:6px;font-weight:700}
.main-nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600;color:#4B4A41}
.main-nav>a:not(.nav-cta):hover{color:var(--bronze)}
.nav-cta{background:var(--dark);padding:13px 19px;color:white;border:1px solid #B99655;display:flex;gap:24px;align-items:center;transition:background .25s}
.nav-cta:hover,.btn-dark:hover{background:#4B483A}
.menu-button{display:none}
.hero{position:relative;overflow:hidden;padding-block:108px 105px;background:radial-gradient(circle at 77% 36%,#EAE1D0 0,transparent 37%),var(--bg)}
.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}
.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.07fr;align-items:center;gap:58px}
.eyebrow{display:inline-flex;align-items:center;gap:13px;font-size:10px;font-weight:700;letter-spacing:2.7px;color:var(--bronze)}
.eyebrow-line{display:inline-block;width:25px;height:1px;background:currentColor}
h1,h2,h3{margin:0}h1,h2{font-weight:400;font-family:Georgia,"Times New Roman",serif}
.hero h1{font-size:clamp(54px,5.4vw,81px);line-height:1.12;letter-spacing:-3.8px;margin:33px 0 23px}
em{font-weight:400;color:var(--bronze)}
.hero .underline{position:relative;white-space:nowrap}.hero .underline:after{content:"";position:absolute;left:2px;right:2px;bottom:-3px;height:4px;background:var(--gold);border-radius:50%;transform:rotate(-3deg)}
.hero-desc{max-width:480px;margin:0;color:#716D62;font-size:15px;line-height:1.85}
.hero-actions{display:flex;align-items:center;gap:33px;margin-top:36px}
.btn{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:36px;padding:17px 24px;font-size:11px;font-weight:700;letter-spacing:1px;transition:transform .25s var(--easing),background .25s;border:1px solid transparent}
.btn:hover{transform:translateY(-3px)}.btn-dark{background:var(--dark);color:#FFF;border-color:var(--gold)}
.btn-dark span{font-size:17px;font-weight:400}.text-link{display:inline-flex;gap:16px;font-size:11px;font-weight:700;border-bottom:1px solid var(--bronze);padding-bottom:7px;color:var(--bronze)}
.hero-foot{display:flex;align-items:center;gap:12px;color:#8A806F;letter-spacing:.1px;font-size:11px;margin-top:85px}.foot-line{width:35px;height:1px;background:var(--gold)}
.hero-art{height:565px;position:relative;display:flex;align-items:center;justify-content:center}
.orbit{position:absolute;border:1px solid #CBBEAA;border-radius:50%;transform:rotate(-20deg)}
.orbit-one{width:560px;height:470px;opacity:.5}.orbit-two{width:440px;height:540px;opacity:.34}
.preview-window{position:relative;display:flex;width:min(100%,560px);height:410px;background:#FFFDF9;border:1px solid #E1D4BF;box-shadow:0 32px 70px #433B291a,0 10px 25px #433B2910;border-radius:9px;overflow:hidden;transform:rotate(-2deg);z-index:2}
.preview-side{width:63px;background:#28271F;color:#BEAA82;display:flex;flex-direction:column;align-items:center;padding:20px 8px;gap:21px}
.preview-logo{font:29px Georgia,serif;color:#E7D1AA;position:relative;margin-bottom:20px}.preview-logo span{position:absolute;font-size:9px;right:-5px;top:-4px}
.preview-nav{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;font-size:18px}.preview-nav.active{background:#554A35;color:#FFF5E2}.preview-side-foot{margin-top:auto;color:#908977}
.preview-main{flex:1;min-width:0;padding:21px 25px}
.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:bold;color:#6E5225;padding-bottom:16px;border-bottom:1px solid #EEE8DD}
.preview-chevron{color:#AA9D88}.preview-avatar{font-size:9px;background:#EDE5D8;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#7A6442}
.preview-welcome{padding-top:18px}.preview-welcome>span{color:#A28753;font-size:7px;letter-spacing:1.5px;font-weight:bold}
.preview-welcome h3{font:29px Georgia,serif;letter-spacing:-.8px;margin:8px 0 2px}.preview-welcome h3 span{font-size:18px;color:#B99655}.preview-welcome p{margin:0;color:#817A70;font-size:9px}
.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}
.preview-metrics>div{border:1px solid #E9E0D4;border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:5px;background:#FCFBF8}
.preview-metrics small{font-size:9px;color:#726D63}.preview-metrics strong{font:30px Georgia,serif}.preview-metrics span{font-size:7px;color:#51755E}
.preview-orders{margin-top:18px}.preview-list-head{display:flex;justify-content:space-between;font-size:9px;margin-bottom:7px}.preview-list-head span{color:#9D8252;font-weight:bold;font-size:8px}
.preview-order{display:flex;align-items:center;gap:9px;padding:6px 0;border-top:1px solid #EFEAE1}
.order-initial{width:25px;height:25px;border-radius:6px;display:grid;place-items:center;background:#ECE2D1;color:#8B6B3C;font:8px Arial}.order-initial.alt{background:#E1E9E0;color:#537257}.order-initial.other{background:#EAE4ED;color:#826C91}
.order-copy{display:flex;flex-direction:column;gap:2px;flex:1}.order-copy b{font-size:8px}.order-copy small{color:#9C9589;font-size:7px}
.preview-order i{font-size:7px;background:#F9EED9;color:#90662C;font-style:normal;border-radius:3px;padding:4px 6px}.preview-order i.done{background:#E4EFE5;color:#527158}
.floating-tag{position:absolute;bottom:36px;right:-21px;background:#FFFEFC;padding:13px 22px;display:flex;gap:14px;align-items:center;box-shadow:0 16px 50px #342E1D26;z-index:3;border:1px solid #E7DCC9;transform:rotate(3deg)}
.floating-icon{font-size:28px;color:#B99655}.floating-tag strong,.floating-tag small{display:block}.floating-tag strong{font-size:10px}.floating-tag small{font-size:8px;color:#9C8D77;margin-top:5px}
.hero-art-label{position:absolute;bottom:-30px;right:0;left:0;color:#9D917D;display:flex;justify-content:space-between;font-size:8px;font-weight:bold;letter-spacing:1.8px}
.trust-strip{background:#EAE4D7;border-block:1px solid #E3D9C5}.trust-inner{text-align:center}.trust-strip p{font-size:10px;letter-spacing:3.5px;font-weight:bold;color:#8C795B;margin:0;padding:23px 0}.trust-strip span{margin:0 39px;color:#B99655}
.features{background:#FAF8F4}.section-top{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:59px}.section-top h2,.pricing h2{font-size:clamp(39px,4.1vw,59px);line-height:1.22;letter-spacing:-2px;margin-top:22px}
.section-top>p{max-width:330px;font-size:13px;color:#827B6F;margin:0 0 6px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}
.feature-card{position:relative;min-height:315px;background:#FFF;border:1px solid #E7DFD3;padding:34px;overflow:hidden;transition:border-color .3s,transform .3s}
.feature-card:hover{border-color:#C3AD85;transform:translateY(-4px)}.feature-card.wide{grid-column:span 2}
.feature-icon{width:43px;height:43px;border-radius:50%;background:#F3EBDB;border:1px solid #E3D4B9;color:#8F703B;font:23px Georgia,serif;display:grid;place-items:center}
.feature-no{font-size:9px;color:#AB9474;letter-spacing:2px;font-weight:bold;margin-top:32px}
.feature-card h3{font:28px Georgia,serif;letter-spacing:-.6px;line-height:1.25;margin-top:15px;max-width:310px}
.feature-card>p{max-width:280px;color:#777269;font-size:12px;line-height:1.8}
.client-illus{position:absolute;right:28px;bottom:25px;top:90px;width:235px;background:#F9F6F1;border:1px solid #E8DDD1;box-shadow:0 10px 28px #332c2010;padding:17px;transform:rotate(4deg)}
.illus-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #E4DACD}.illus-avatar{height:35px;width:35px;background:#E8D6BB;color:#907345;border-radius:50%;display:grid;place-items:center;font:15px Georgia,serif}.illus-avatar.second{background:#D9E4DC;color:#577362}
.illus-row>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:6px}.illus-row b{font-size:9px}.illus-row small{font-size:7px;color:#9B948C}.illus-arrow{font-size:13px;color:#B9A68A}
.card-bottom-decor{font:100px Georgia,serif;position:absolute;bottom:-44px;right:-12px;color:#EDE6DA;z-index:0}
.feature-dark{background:#292921;color:white;border-color:#292921}.feature-dark .feature-no{color:#BFA778}.feature-dark h3{font-size:37px}.feature-dark>p{color:#CEC6B5;max-width:320px}.feature-dark .feature-icon{background:#4A4435;color:#E3CCA6}
.dark-card-lines{position:absolute;border:1px solid #B49A6D77;border-radius:50%;width:370px;height:370px;right:-130px;bottom:-160px;box-shadow:0 0 0 35px #C9AC6320,0 0 0 70px #C9AC6314}
.how{background:var(--dark);color:#fff}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.eyebrow.light{color:#CDB58C}.how h2{font-size:clamp(43px,4.2vw,60px);letter-spacing:-2px;line-height:1.25;margin:29px 0 20px}.how h2 em{color:#DCC69B}
.how-heading>p{font-size:13px;max-width:390px;color:#BEB7AA;margin-bottom:34px}.btn-outline{border:1px solid #9C855F;color:#F7F2E8}.btn-outline:hover{background:#4D463A}
.steps{border-top:1px solid #585243}.step{display:flex;align-items:start;gap:30px;border-bottom:1px solid #585243;padding:31px 0}
.step>span:first-child{font:18px Georgia,serif;color:#BEAA82}.step>div{flex:1}.step h3{font:24px Georgia,serif;margin-bottom:8px}.step p{font-size:12px;color:#BDB6A9;margin:0}.step-arrow{font-size:17px;color:#DCC69B}
.pricing{background:#F3EFE7}.pricing-layout{display:grid;grid-template-columns:1fr 435px;align-items:center;gap:130px}.pricing-layout>div:first-child>p{max-width:380px;color:#847B6B;font-size:14px}
.price-card{background:#FFFEFA;border:1px solid #D7C9B0;padding:43px;box-shadow:0 23px 40px #665d4610}
.price-card-head{display:flex;justify-content:space-between;align-items:center;color:#8B6A31;font-size:11px;letter-spacing:2px;font-weight:bold}.price-star{font-size:22px}
.price-label{font-size:12px;color:#8C8273;margin:39px 0 8px}.price-value{font:67px Georgia,serif;letter-spacing:-2px}.price-value span{font:14px Arial;color:#908576;letter-spacing:0}
.price-note{font-size:11px;color:#8B8172;line-height:1.7}.price-rule{height:1px;background:#E4DACB;margin:29px 0}
.price-includes{display:flex;align-items:center;gap:13px;font-size:12px;color:#5F5A4E;margin:17px 0}.price-includes span{font-size:15px;color:#8D6A30}
.price-action{margin-top:28px;width:100%;justify-content:space-between}
.launch{background:#8B6D40;text-align:center;color:white;padding:100px 0 112px;position:relative;overflow:hidden}
.launch:before{content:"";position:absolute;width:480px;height:480px;border:1px solid #D8BF9755;border-radius:50%;top:-190px;left:-140px;box-shadow:0 0 0 70px #D8BF9720,0 0 0 140px #D8BF9714}
.launch:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #D8BF9750;border-radius:50%;bottom:-180px;right:-90px;box-shadow:0 0 0 45px #D8BF9720,0 0 0 90px #D8BF9714}
.launch-content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}
.launch-star{font:42px Georgia,serif;color:#F2DFC2;margin-bottom:20px}.launch h2{font-size:clamp(48px,5vw,70px);letter-spacing:-2.5px;line-height:1.18;margin:24px 0 12px}.launch h2 em{color:#F2DDBC}
.launch p{font-size:13px;max-width:440px;color:#F1E5D2;margin-bottom:33px}.btn-cream{background:#FFFDF8;color:#4B402C}.btn-cream:hover{background:#EDE1CF}.launch small{font-size:10px;color:#E3D3BA;margin-top:25px}
.site-footer{background:#F8F5EF;border-top:1px solid #E7DED0;padding:65px 0 25px}.footer-top{display:flex;justify-content:space-between;padding-bottom:66px;gap:55px}
.footer-brand{font:35px Georgia,serif;letter-spacing:5px}.footer-brand span{color:#B99655;font-size:15px;vertical-align:top;margin-left:5px}
.footer-top p{color:#84796A;font-size:12px;margin:11px 0}.footer-links{display:flex;gap:105px}.footer-links>div{display:flex;flex-direction:column;gap:13px}.footer-links b{font-size:9px;color:#9F875F;letter-spacing:2px;margin-bottom:7px}
.footer-links a{font-size:12px;color:#5E5A52}.footer-links a:hover{color:#8B6A31}.footer-bottom{padding-top:25px;border-top:1px solid #E5DCCF;display:flex;justify-content:space-between;color:#9B9285;font-size:10px}
.reveal{animation:rise .85s both var(--easing)}.hero-art.reveal{animation-delay:.16s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.inner-page{min-height:65vh;background:#F8F5EF;padding:92px 0 115px}.inner-page .container{max-width:790px}.inner-page h1{font-size:clamp(43px,6vw,68px);letter-spacing:-2px;line-height:1.15;margin:22px 0 22px}.inner-page .intro{font-size:15px;color:#736A5D}
.info-box{border:1px solid #D9CDB9;background:#FFFDF9;padding:28px 32px;margin:31px 0}.info-box h2{font-size:25px;letter-spacing:-.5px;margin-bottom:12px}.info-box p{font-size:13px;color:#676055;margin:8px 0}
.info-box a:not(.btn){color:#80632F;text-decoration:underline;text-underline-offset:3px}
.info-box li{font-size:13px;line-height:1.9;color:#625C53;margin:5px 0}.inner-page .btn{margin-top:13px}
.note{font-size:12px;color:#81786A;line-height:1.75}.breadcrumb{font-size:11px;display:inline-flex;gap:7px;color:#8E846F}.breadcrumb a{text-decoration:underline}
@media(max-width:1100px){.hero-grid{gap:28px}.hero h1{font-size:62px}.hero-art{height:525px}.orbit-one{width:480px}.pricing-layout{gap:55px}.client-illus{width:190px}.feature-card{padding:26px}}
@media(max-width:860px){
  .container{width:min(100% - 46px,700px)}.section-pad{padding-block:82px}.nav-wrap{min-height:70px}
  .menu-button{width:40px;height:40px;border:1px solid #D6C7AD;background:transparent;display:flex;flex-direction:column;justify-content:center;gap:5px;align-items:center;cursor:pointer}
  .menu-button span{width:17px;height:1px;background:#65543B}.main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#F6F3ED;border-bottom:1px solid #D9CBB8;padding:23px;box-shadow:0 18px 28px #33271c13}
  .main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:24px}.nav-cta{justify-content:space-between}
  .hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(53px,9vw,74px)}.hero-foot{margin-top:39px}.hero-art{height:490px;max-width:580px;width:100%;margin:auto}
  .trust-strip p{font-size:9px;letter-spacing:1px}.trust-strip span{margin:0 13px}.section-top{align-items:start;flex-direction:column;gap:16px;margin-bottom:30px}
  .feature-grid{grid-template-columns:1fr 1fr}.feature-card.wide{grid-column:span 2}.how-grid,.pricing-layout{grid-template-columns:1fr;gap:42px}.pricing-layout{max-width:650px}
}
@media(max-width:580px){
  .container{width:calc(100% - 38px)}.announcement{font-size:8px;letter-spacing:.6px}.brand-text{font-size:21px}
  .hero{padding-block:60px 80px}.hero h1{font-size:clamp(47px,11vw,58px);letter-spacing:-2.7px}.hero-desc{font-size:13px}.hero-actions{gap:18px;flex-wrap:wrap}
  .hero-art{height:345px}.preview-window{height:307px;width:calc(100% - 16px)}.preview-side{width:43px;padding:15px 4px;gap:13px}.preview-main{padding:15px}.preview-logo{font-size:20px;margin-bottom:10px}.preview-nav{width:28px;height:28px;font-size:14px}
  .preview-top{padding-bottom:8px}.preview-welcome{padding-top:12px}.preview-welcome h3{font-size:23px;margin:4px 0}.preview-metrics{margin-top:12px}.preview-metrics>div{padding:7px}.preview-metrics strong{font-size:25px}
  .preview-orders{margin-top:13px}.preview-order{padding:4px 0}.floating-tag{right:-2px;bottom:5px;padding:10px}.orbit-one{width:310px;height:320px}.orbit-two{width:270px;height:380px}
  .hero-art-label{bottom:-22px;font-size:7px}.trust-strip p{font-size:8px;line-height:2;letter-spacing:.5px;padding:15px 0}.trust-strip span{margin:0 5px}
  .feature-grid{grid-template-columns:1fr}.feature-card.wide{grid-column:span 1}.feature-card{min-height:270px;padding:29px}.client-illus{position:relative;top:auto;right:auto;bottom:auto;width:100%;height:auto;margin-top:22px;transform:rotate(1deg)}.feature-card h3{font-size:25px}.feature-dark h3{font-size:30px}
  .section-top h2,.pricing h2,.how h2{font-size:42px;letter-spacing:-1.7px}.step{gap:20px}.price-card{padding:29px}.launch{padding:80px 0}.launch h2{font-size:50px}
  .footer-top{flex-direction:column;gap:36px;padding-bottom:36px}.footer-links{gap:56px}.footer-bottom{gap:12px;flex-direction:column}.inner-page{padding:62px 0 90px}.info-box{padding:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Interactive product tour: accurate wording, intentionally labelled sample data. */
.demo{background:#F3EFE7;border-top:1px solid #E9E0D1;border-bottom:1px solid #DCCEB9}
.demo-top{max-width:735px;margin-bottom:65px}.demo-top h2{font:400 clamp(43px,5vw,66px)/1.17 Georgia,"Times New Roman",serif;letter-spacing:-2.2px;margin:23px 0 19px}
.demo-top>p{max-width:605px;color:#756B5D;font-size:14px;line-height:1.85}
.demo-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:min(8vw,110px);align-items:center}
.demo-visual{padding:32px 0 18px;position:relative;min-width:0;display:flex;flex-direction:column;align-items:center}
.demo-visual:before{content:"";width:min(95%,450px);height:460px;border:1px solid #D3C4AD;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%) rotate(27deg)}
.demo-visual:after{content:"";width:min(78%,360px);height:520px;border:1px solid #D3C4AD88;border-radius:50%;position:absolute;top:49%;left:50%;transform:translate(-50%,-54%) rotate(-29deg)}
.demo-device{width:min(370px,96%);height:595px;border:7px solid #302C24;border-radius:34px;background:#F6F3ED;box-shadow:0 40px 72px #4D44312b,0 4px 10px #4D443114;overflow:hidden;position:relative;z-index:2;display:flex;flex-direction:column}
.demo-device:before{content:"";position:absolute;width:95px;height:12px;background:#302C24;top:0;left:50%;transform:translateX(-50%);border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:5}
.demo-device-top{height:41px;flex:none;padding:14px 23px 3px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1px;color:#4E4637}
.demo-device-mark{font:12px Georgia,serif;letter-spacing:2px;color:#8B7042}
.demo-panel{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}
.demo-panel[hidden]{display:none}
.demo-screen{padding:22px 24px 22px;min-height:100%;font-size:11px}
.demo-screen-upper{display:flex;justify-content:space-between;align-items:center;margin:1px 0 29px}
.demo-logo{font:20px Georgia,serif;letter-spacing:3px}.demo-logo small{font-size:10px;color:#B99655;vertical-align:top}
.demo-account{font-size:8px;padding:7px 11px;border:1px solid #DED1BC;border-radius:10px;color:#5D513F}
.demo-overline{font-size:8px;letter-spacing:1.8px;color:#80632F;font-weight:bold}
.demo-screen h3{font:36px Georgia,serif;letter-spacing:-1px;margin:9px 0 5px;line-height:1.1}
.demo-screen>p{font-size:10px;margin:0 0 19px;color:#797266;line-height:1.6}
.demo-dashboard-hero{background:#2D2D27;color:#FFFCF2;border:1px solid #AC925C;border-radius:13px;padding:17px 17px 15px}
.demo-dashboard-hero>small{font-size:8px;color:#DCC69B;letter-spacing:1.7px;font-weight:bold}
.demo-dashboard-hero>strong{display:block;font:54px Georgia,serif;margin:7px 0 0}
.demo-dashboard-hero>div{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#D2CCBF}
.demo-dashboard-hero b{font-size:9px;color:#EDD6AF}
.demo-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:11px 0 20px}
.demo-metrics>div{background:#FFFDF9;border:1px solid #E3D9CC;border-radius:11px;min-height:92px;padding:12px 11px}
.demo-metrics strong,.demo-metrics span{display:block}.demo-metrics strong{font:29px Georgia,serif;color:#63816D}
.demo-metrics>div:last-child strong{color:#8E703A}
.demo-metrics span{font-size:9px;color:#777167;line-height:1.5}
.demo-mini-head{font-size:12px;font-weight:bold;display:flex;align-items:center;justify-content:space-between;gap:8px}
.demo-mini-head span{font-size:9px;color:#80632F;font-weight:normal}
.demo-order-row{display:flex;align-items:center;gap:9px;background:#FFF;border:1px solid #E3D9CC;padding:10px;margin-top:12px;border-radius:10px;font-size:9px;font-weight:bold}
.demo-round-avatar{background:#E5D6C3;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#80632F}
.demo-order-row>span:nth-child(2){flex:1}.demo-order-row small{font-size:8px;color:#958B80;display:block;margin-top:5px;font-weight:normal}
.demo-order-row>b{color:#9B7439;background:#F8EBD6;font-size:8px;padding:5px;border-radius:5px}
.demo-search{border:1px solid #D7CDBF;color:#988B7C;background:white;border-radius:9px;margin:15px 0 11px;padding:12px;font-size:9px}
.demo-action{background:#272720;color:white;border-radius:9px;padding:12px;text-align:center;font-weight:bold;margin-bottom:14px}
.demo-chips{display:flex;gap:6px;overflow:hidden;white-space:nowrap;font-size:9px;margin-bottom:13px}.demo-chips>*{border:1px solid #DED5C8;border-radius:12px;padding:6px 8px;font-weight:400}
.demo-chips b{background:#80632F;color:white;border-color:#80632F}
.demo-order-card{border:1px solid #E3D9CC;background:white;border-radius:11px;padding:13px;margin:10px 0;display:flex;flex-direction:column;gap:6px}
.demo-order-card strong{font:20px Georgia,serif}.demo-order-card p{font-size:10px;color:#676052;margin:0}.demo-order-card>small{font-size:9px;color:#9D927F}
.demo-list-tag{color:#946C32;background:#FBF2DF;align-self:flex-start;border-radius:6px;padding:3px 5px;font-size:7px;font-weight:bold;letter-spacing:1px}
.demo-list-tag.done{background:#E6F0E6;color:#477057}
.demo-client{background:white;border:1px solid #E4DACC;border-radius:10px;display:flex;align-items:center;gap:12px;padding:12px;margin:12px 0}
.demo-person{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#F0E4D0;color:#8A6A39;font:13px Georgia,serif}
.demo-person.green{background:#E0E9DF;color:#577260}.demo-person.violet{background:#ECE3ED;color:#816E88}
.demo-client>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:5px}.demo-client strong{font:14px Georgia,serif}.demo-client small{font:9px Arial;color:#938A7D}.demo-client>b{color:#9B7C47}
.demo-screen-real{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:15px}
.demo-real-badge{font-size:8px;color:#8D6B33;line-height:1.5;letter-spacing:1.1px;font-weight:bold}
.demo-screen-real img{max-width:100%;height:auto;display:block;background:#FEFCF9;border:1px solid #E2D7C7;box-shadow:0 7px 20px #35261B0c}
.demo-screen-real p{line-height:1.6;font-size:10px;color:#71695D}
.demo-device-bottom{height:40px;flex:none;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #E7DBCD;background:#FFFEFB;color:#8D7651;font-size:19px}
.demo-data-note{z-index:2;position:relative;margin-top:30px;font-size:10px;max-width:310px;color:#82786B;text-align:center;line-height:1.5}
.demo-label{font-size:10px;letter-spacing:2px;font-weight:bold;color:#8C734C;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #DCCFBF;padding-bottom:18px}
.demo-tabs{border-bottom:1px solid #DCCFBF}
.demo-tab{background:transparent;border:0;border-top:1px solid #DCCFBF;min-height:83px;padding:19px 5px;width:100%;text-align:left;display:grid;align-items:center;grid-template-columns:35px 1fr 25px;gap:18px;color:#8D8374;cursor:pointer;transition:background .2s,color .2s}
.demo-tab:first-child{border-top:0}.demo-tab:hover,.demo-tab.active{color:#302C24}.demo-tab.active{background:#FBF8F2}
.demo-tab>span:first-child{font:19px Georgia,serif;color:#B59C77}
.demo-tab>span:nth-child(2){font:21px Georgia,serif;line-height:1.22}.demo-tab>span:last-child{color:#9C835B;font-size:18px}
.demo-tab:focus-visible,.demo-previous:focus-visible,.demo-next:focus-visible,.demo-tour:focus-visible{outline:3px solid #80632F;outline-offset:3px}
.demo-explain{padding:25px 0 0;min-height:153px}.demo-explain h3{font:27px Georgia,serif;line-height:1.2;margin-bottom:10px}.demo-explain p{font-size:12px;color:#807567;line-height:1.7;margin:0}
.demo-step-actions{display:flex;align-items:center;gap:16px}.demo-previous,.demo-next{height:40px;width:40px;background:#2E2A23;color:#fff;border:0;font-size:18px;cursor:pointer}.demo-previous:disabled,.demo-next:disabled{opacity:.3;cursor:not-allowed}
#demo-counter{font-size:11px;color:#817667}.demo-tour{border:1px solid #AE976E;background:transparent;color:#755E39;font-size:10px;letter-spacing:.3px;padding:10px 13px;cursor:pointer;margin-left:auto}
.demo-tour:hover{background:#F8F1E5}.demo-transparency{font-size:10px;color:#827B6E;line-height:1.6;margin:21px 0 0}
.hero-art-label{color:#897C67;letter-spacing:1px}
@media(max-width:1100px){.demo-layout{gap:35px}.demo-tab{gap:10px}.demo-tab>span:nth-child(2){font-size:18px}}
@media(max-width:860px){.demo-top{margin-bottom:25px}.demo-layout{grid-template-columns:1fr;gap:30px}.demo-visual{order:2}.demo-narrative{order:1}.demo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;margin-top:15px}.demo-tab{min-height:64px;grid-template-columns:20px 1fr;gap:9px;border:1px solid #DCCFBF!important;padding:12px}.demo-tab>span:first-child{font-size:13px}.demo-tab>span:nth-child(2){font-size:14px}.demo-tab>span:last-child{display:none}.demo-explain{min-height:110px}.demo-device{width:min(370px,100%)}.demo-visual:before{width:450px;max-width:100%}}
@media(max-width:580px){.demo-top h2{font-size:42px;letter-spacing:-1.5px}.demo-top>p{font-size:12px}.demo-tabs{grid-template-columns:1fr 1fr;gap:6px}.demo-tab{min-height:65px;padding:9px;grid-template-columns:16px 1fr;gap:7px}.demo-tab>span:nth-child(2){font-size:12px}.demo-tab>span:first-child{font-size:12px}.demo-explain h3{font-size:23px}.demo-device{height:560px;width:min(340px,100%)}.demo-screen{padding:18px 21px}.demo-step-actions{gap:11px}.demo-tour{font-size:9px;padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.demo-tab,.demo-device{transition:none}}

/* Prevent decorative orbits from creating horizontal scroll on phones. */
.demo{overflow-x:clip}