@font-face{font-family:Vietnam;src:url('fonts/be-vietnam-pro-300.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Vietnam;src:url('fonts/be-vietnam-pro-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Vietnam;src:url('fonts/be-vietnam-pro-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Vietnam;src:url('fonts/be-vietnam-pro-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Vietnam;src:url('fonts/be-vietnam-pro-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
:root{--bg:#040506;--panel:#090a0c;--text:#fafafa;--muted:#a0a1ab;--line:#ffffff17;--accent:#564aea;--blue:#0071ed;--ease:cubic-bezier(.2,.7,.2,1);color-scheme:dark;font-family:Vietnam,Arial,sans-serif;font-weight:300;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:300;letter-spacing:-.035em}p{line-height:1.5}h2{font-size:42px;line-height:1.2}h3{font-size:28px;line-height:1.2}.wrap{width:calc(100% - 80px);max-width:1360px;margin-inline:auto}.section{padding-block:84px}.section-intro{margin-bottom:60px}.section-intro h2{max-width:970px}.section-intro p{font-size:18px;max-width:770px;color:var(--muted);margin-top:24px;line-height:1.45}.centered{text-align:center}.centered h2,.centered p{margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.08em;font-weight:500}.section-description{font-size:18px;color:var(--muted);line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;padding-bottom:8px;border-bottom:1px solid #ffffff50}.text-link svg{width:20px}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;z-index:1000;top:10px;left:10px;padding:15px;background:#fff;color:#000}:focus-visible{outline:2px solid #a69bff;outline-offset:5px}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;border:1px solid transparent;border-radius:100px;padding:19px 23px;background:var(--accent);color:#fff;font-size:16px;font-weight:400;min-height:64px;white-space:nowrap;transition:background .3s,box-shadow .3s,transform .3s}.button:hover{background:#675cf0;transform:translateY(-3px);box-shadow:0 10px 35px #554aee33}.button-arrow{display:inline-grid;place-items:center;border-radius:100%;background:#fff;color:var(--accent);width:27px;height:27px}.button-arrow svg{width:18px;height:18px}.button-outline{background:transparent;border:1px solid #ffffff55}.button-outline:hover{background:#ffffff0d}.header{height:90px;position:absolute;top:0;left:0;right:0;z-index:50}.header-inner{height:100%;display:flex;align-items:center;gap:42px}.brand{display:block;flex-shrink:0}.brand img{width:105px;height:28px}.navigation{display:flex;gap:32px;align-items:center}.navigation a{font-size:14px;color:#d1d1d7;transition:color .2s}.navigation a:hover{color:white}.header-cta{margin-left:auto;border:1px solid #ffffff70;border-radius:50px;padding:17px 21px;font-size:14px;white-space:nowrap;transition:background .25s}.header-cta:hover{background:#ffffff14}.menu-toggle{display:none}
/* The compact title, upper-left light and grid follow the reference proportions. */
.hero{position:relative;min-height:668px;isolation:isolate;overflow:hidden}.grid-atmosphere{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#d4dce715 1px,transparent 1px),linear-gradient(90deg,#d4dce715 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(#000 0%,#000 77%,transparent 100%)}.hero-light{position:absolute;z-index:-2;width:1120px;height:700px;left:-210px;top:-320px;background:radial-gradient(ellipse at 51% 52%,#e2e8edbf 0%,#b6d1e4a6 9%,#609fc670 24%,#18538359 39%,#0d2c4e33 55%,transparent 72%);filter:blur(24px);transform-origin:50% 30%;animation:hero-light 13s ease-in-out infinite alternate}.hero-content{text-align:center;padding-top:143px}.hero-badge{display:inline-block;border:1px solid #ffffff1e;border-radius:50px;background:linear-gradient(110deg,#ffffff14,#ffffff06);padding:5px 13px;font-size:14px;line-height:1.25;box-shadow:inset 0 1px 3px #ffffff12}.hero h1{font-size:clamp(40px,4.75vw,68px);line-height:1.12;margin:15px -12px 16px;letter-spacing:-.045em;white-space:nowrap}.hero-description{font-size:17px;line-height:1.35;color:#f2f2f5;font-weight:300}.hero-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:36px}.hero-proof{display:flex;align-items:center;gap:12px;text-align:left}.proof-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff42;border-radius:50%;background:#ffffff08}.hero-proof p{font-size:12px;line-height:1.45}.hero-proof p span{display:block;color:#b9bbc3;font-size:11px}.trade-strip{max-width:960px;overflow:hidden;margin:118px auto 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.trade-track{display:flex;width:max-content;animation:marquee 33s linear infinite}.trade-group{display:flex;align-items:center;gap:46px;padding-right:46px}.trade-group span{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:600;letter-spacing:-.04em;white-space:nowrap;color:#eee}.trade-group svg{width:29px;height:29px;stroke-width:2}.hero-badge,.hero h1,.hero-description,.hero-actions,.trade-strip{animation:arrive 1s var(--ease) both}.hero h1{animation-delay:.12s}.hero-description{animation-delay:.24s}.hero-actions{animation-delay:.36s}.trade-strip{animation-delay:.45s}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.benefit-card{position:relative;min-height:455px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#101114,#070809);padding:27px 23px 0;overflow:hidden;transition:border-color .4s,transform .4s}.benefit-card:hover{border-color:#ffffff42;transform:translateY(-5px)}.benefit-card>p{font-size:15px;line-height:1.4;color:#abaeb6;margin-top:20px}.quote-preview{color:#24252e;background:#f5f5fa;margin-top:29px;padding:24px 18px 20px;border-radius:17px 17px 0 0;min-height:245px;transform:translateY(4px);box-shadow:0 0 32px #6a5ae412;transition:transform .6s}.benefit-card:hover .quote-preview{transform:translateY(-3px)}.mini-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.mini-heading strong{font-size:13px;font-weight:600}.mini-heading>span{font-size:8px;white-space:nowrap;color:#777}.quote-item{display:flex;gap:9px;align-items:center;padding:17px 0;border-bottom:1px solid #dedee7;font-size:10px}.quote-item>span:nth-child(2){flex:1}.quote-item small{font-size:8px;display:block;margin-top:4px;color:#6e6c7d}.quote-item b{font-size:8px;font-weight:500;padding:5px;border-radius:4px;background:#e9e6fc;color:#514390;white-space:nowrap}.quote-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.purple{background:#7063ed}.green{background:#46a78e}.orange{background:#d9a649}.mini-progress{margin-top:22px;border-radius:10px;height:4px;background:#e0dcf3;overflow:hidden}.mini-progress i{display:block;width:42%;height:100%;background:#7063ed;animation:progress-sweep 5s ease-in-out infinite}.quote-preview>p{font-size:9px;color:#787483;margin-top:10px}.benefit-photo{position:relative;height:270px;overflow:hidden;border-radius:18px 18px 0 0;margin-top:28px}.benefit-photo img{width:100%;height:100%;object-fit:cover;object-position:40% center;transition:transform 1.2s var(--ease)}.photo-card:hover img{transform:scale(1.05)}.photo-chip{position:absolute;bottom:27px;right:13px;display:flex;gap:8px;align-items:center;color:#262930;background:#f4f4f1e8;backdrop-filter:blur(8px);border-radius:9px;padding:12px;font-size:11px;box-shadow:0 6px 22px #0003;animation:float 6s ease-in-out infinite}.photo-chip i{width:6px;height:6px;border-radius:50%;background:#388e71}.glow-card{padding:30px 24px;background:linear-gradient(160deg,#031a50,#00308c 48%,#003bba 75%,#021034);display:flex;flex-direction:column;isolation:isolate}.card-light{position:absolute;width:460px;height:430px;left:-160px;top:30px;background:radial-gradient(ellipse,#33c5ffad,transparent 65%);filter:blur(25px);z-index:-1;animation:card-glow 10s ease-in-out infinite alternate}.glow-card:after{content:"";position:absolute;width:200%;height:24%;top:22%;left:-60%;transform:rotate(-33deg);background:linear-gradient(transparent,#2eb8e166,transparent);filter:blur(16px);z-index:-1}.glow-card .glow-label{margin-top:0;color:#d8e6ff;font-size:13px}.glow-number{font-size:116px;line-height:1.1;letter-spacing:-.075em;margin-top:34px;font-weight:300}.glow-number span{font-size:30px;margin-left:10px;letter-spacing:-.03em}.glow-card h3{font-size:27px;margin-top:auto;padding-top:15px}.glow-card>p:last-of-type{font-size:14px;color:#d8e2fa;line-height:1.5;padding-right:18px;margin-top:16px}.circle-link{position:absolute;right:22px;top:22px;border:1px solid #ffffff40;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:18px}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:0;list-style:none;counter-reset:steps}.step-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 10%,#068dff 0%,#0064df 37%,#003cc0 85%);border:1px solid #2389ec;border-radius:24px;min-height:392px;padding:27px 23px;display:flex;flex-direction:column;isolation:isolate;transition:transform .4s}.step-card:hover{transform:translateY(-6px)}.step-card>svg{width:32px;height:32px;stroke-width:1}.step-number{position:absolute;z-index:-1;font-weight:700;font-size:292px;line-height:1;right:-2px;top:-28px;letter-spacing:-.1em;color:#ffffff19;mask-image:linear-gradient(#000,transparent 95%);transition:transform .7s var(--ease)}.step-card:hover .step-number{transform:translateY(-10px)}.step-card>div{margin-top:auto;max-width:310px;padding-top:105px}.step-kicker{font-size:11px;color:#bdddff;display:block;margin-bottom:12px}.step-card h3{font-size:25px}.step-card p{font-size:15px;line-height:1.45;color:#e2ebff;margin-top:18px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 65px}.features-grid article>svg{width:32px;height:32px;margin-bottom:20px;stroke-width:1.2}.features-grid h3{font-size:23px}.features-grid p{color:var(--muted);font-size:15px;line-height:1.55;margin-top:16px;max-width:360px}
/* Dashboard appears after the benefits, in a light, layered frame. */
.dashboard-section{overflow:hidden;padding-top:95px;padding-bottom:50px;position:relative}.dashboard-section:before{content:"";position:absolute;width:1100px;height:700px;border-radius:50%;background:radial-gradient(ellipse,#093e8233,transparent 67%);left:calc(50% - 550px);bottom:-50px;pointer-events:none}.demo-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:64px}.demo-tabs{display:flex;border:1px solid #ffffff20;padding:5px;border-radius:50px;background:#0d0e13}.demo-tab{background:transparent;color:#b9bac3;border:0;padding:11px 16px;border-radius:50px;font-size:13px;transition:background .3s,color .3s}.demo-tab[aria-selected=true]{background:#5146df;color:#fff}.demo-play{padding:8px 0;border:0;border-bottom:1px solid #ffffff40;background:none;color:#d2d2dc;font-size:12px}.demo-play:before{content:"▷";margin-right:7px}.demo-play.is-playing:before{content:"Ⅱ"}.demo-play:disabled{opacity:.45}.demo-stack{position:relative;width:100%;max-width:1030px;margin:auto;padding-bottom:12px;perspective:1200px}.dashboard-shell{position:relative;z-index:3;display:grid;grid-template-columns:175px 1fr;min-height:484px;border:1px solid #c5c3d5;border-radius:15px;background:#f7f7fb;color:#22212c;overflow:hidden;box-shadow:0 28px 100px #0008,0 -10px 70px #6376df18}.dashboard-back{position:absolute;top:26px;bottom:48px;width:48%;border:1px solid #4e526d;border-radius:15px;background:repeating-linear-gradient(0deg,transparent 0 45px,#ffffff0c 46px),linear-gradient(120deg,#202741,#0c111f);box-shadow:0 0 50px #0008;transition:transform .8s var(--ease)}.back-one{left:-83px;transform:rotateY(18deg) rotateZ(-5deg)}.back-two{right:-83px;transform:rotateY(-18deg) rotateZ(5deg)}.demo-stack:hover .back-one{transform:translateX(-10px) rotateY(18deg) rotateZ(-7deg)}.demo-stack:hover .back-two{transform:translateX(10px) rotateY(-18deg) rotateZ(7deg)}.dashboard-sidebar{display:flex;flex-direction:column;gap:18px;background:#eeeef6;border-right:1px solid #e1dfee;padding:28px 15px;color:#767483;font-size:11px}.dashboard-sidebar img{margin:0 0 20px 6px;width:95px}.dashboard-sidebar>span{padding:8px 10px;border-radius:5px}.dashboard-sidebar .sidebar-active{color:#5144c4;background:#dddbef}.dashboard-sidebar small{font-size:8px;margin-top:auto;padding:8px 10px;letter-spacing:.1em}.dashboard-content{padding:27px 31px 25px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:8px;letter-spacing:.07em;color:#676576}.example-tag{padding:4px 7px;border:1px solid #c9c7d8;border-radius:4px;font-size:8px;letter-spacing:0;white-space:nowrap;color:#777483}.demo-panel h3{font-size:25px;font-weight:500;letter-spacing:-.04em}.demo-panel>p{font-size:11px;color:#777483;margin-top:7px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px}.dashboard-metrics>div{position:relative;overflow:hidden;padding:16px;border:1px solid #e3e1ed;background:#fff;border-radius:8px}.dashboard-metrics span{display:block;font-size:10px;color:#7c7b8b}.dashboard-metrics strong{font-size:34px;display:block;margin:9px 0 3px;font-weight:500;line-height:1.2}.dashboard-metrics small{font-size:8px;color:#7c7b8b}.sparkline{position:absolute;width:72px;height:24px;right:12px;top:41px;stroke:#7163df;stroke-width:2}.sparkline path{stroke-dasharray:200;stroke-dashoffset:0;animation:draw-line 4s var(--ease) infinite}.table-caption{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:25px;margin-bottom:12px}.table-caption strong{font-weight:500}.table-caption>span{color:#8e8b9c;font-size:9px}.dashboard-table>div:not(.table-caption){display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #e4e2ed;padding:14px 0;font-size:11px}.dashboard-table b{font-weight:400}.dashboard-table small{display:block;font-size:8px;color:#7d798f;margin-top:5px}.table-status{font-size:9px;white-space:nowrap;padding:6px 9px;background:#e7e4f7;color:#69529c;border-radius:4px}.dashboard-float{position:absolute;z-index:4;bottom:-12px;right:-35px;background:#fff;color:#222333;box-shadow:0 15px 30px #0003;border:1px solid #eee;border-radius:13px;padding:18px 22px;display:flex;align-items:center;gap:13px;animation:float 6s ease-in-out infinite}.dashboard-float>span{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#e7e3fb;color:#6a54db}.dashboard-float b{display:block;font-size:12px;font-weight:500}.dashboard-float small{font-size:9px;color:#797487;display:block;margin-top:4px}.demo-caption{position:relative;color:#7f7f90;font-size:11px;text-align:center;margin-top:55px}.demo-panel:not([hidden]){animation:panel-in .45s var(--ease)}
.pricing{padding-top:105px}.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.prices article{position:relative;display:flex;flex-direction:column;border:1px solid #ffffff20;border-radius:23px;padding:32px 26px;background:linear-gradient(150deg,#111216,#08090a)}.prices .eyebrow{font-size:9px;color:#acabb8;min-height:27px;line-height:1.6}.prices h3{font-size:27px;line-height:1.2;margin-bottom:20px}.prices article>p:not(.eyebrow):not(.launch-price){font-size:14px;line-height:1.45;min-height:62px;color:#acabb8}.price{font-size:45px;letter-spacing:-.05em;font-weight:300;white-space:nowrap;margin-top:25px}.price span{font-size:11px;color:#aaa9b5;letter-spacing:0}.launch-price{font-size:10px;color:#c0cadf;margin-top:7px}.launch-price s{opacity:.8}.price-featured{background:radial-gradient(ellipse at 70% 0%,#1a477da6,transparent 60%),linear-gradient(170deg,#111c31,#0b0d15)!important;box-shadow:0 -12px 75px #255ecf10;border-color:#3b5283!important}.price-ribbon{position:absolute;right:24px;top:-12px;border:1px solid #6989c7;background:#142446;border-radius:50px;padding:6px 12px;font-size:9px;letter-spacing:.04em}.check-list{list-style:none;padding:25px 0;margin:20px 0 18px;border-top:1px solid #ffffff20;flex:1}.check-list li{position:relative;padding-left:23px;font-size:12px;color:#c5c4ce;line-height:1.55;margin-bottom:14px}.check-list li:before{content:'✓';position:absolute;left:0;top:0;color:#d5cfed}.prices .button{font-size:12px;min-height:52px;padding:14px 12px;gap:8px;white-space:normal}.prices .button svg{width:17px;height:17px}.pricing-note{font-size:12px;color:#81828e;max-width:800px;text-align:center;margin:25px auto 0;line-height:1.6}
/* A compact craft-site example, using the original photography. */
.website{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;padding-block:120px}.website-copy .eyebrow{color:#b0a5df;margin-bottom:25px}.website-copy h2{font-size:40px;line-height:1.25}.website-copy .section-description{font-size:16px;margin-top:25px}.website-price{display:flex;align-items:center;gap:25px;margin:28px 0}.website-price strong{font-weight:300;font-size:35px;white-space:nowrap}.website-price strong span{font-size:10px}.website-price>span{font-size:11px;color:#9693a6;line-height:1.6}.website-visual{position:relative;padding-bottom:30px}.artisan-browser{position:relative;overflow:hidden;transform:rotate(-3deg);border-radius:12px;border:1px solid #9c9996;background:#eeeae3;color:#292c28;box-shadow:0 20px 55px #0007;transition:transform .6s var(--ease)}.website-visual:hover .artisan-browser{transform:rotate(0)}.browser-top{padding:11px;display:flex;align-items:center;gap:4px;background:#e1ded7}.browser-dot{width:5px;height:5px;border-radius:50%;background:#b9b5ac}.browser-address{font-size:7px;margin:auto;color:#7e7d75}.browser-top .example-tag{font-size:6px}.artisan-nav{display:flex;align-items:center;justify-content:space-between;padding:20px}.artisan-nav strong{font-family:Georgia,serif;font-size:28px}.artisan-nav>span{font-size:7px}.artisan-hero{height:285px;position:relative;background:#30372b}.artisan-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#17241999,transparent)}.artisan-hero img{width:100%;height:100%;object-fit:cover}.artisan-hero>div{position:absolute;left:24px;top:52px;z-index:1;color:#fff}.artisan-hero small{font-size:6px;letter-spacing:.1em}.artisan-hero h3{font-family:Georgia,serif;font-size:31px;margin:15px 0 24px;line-height:1.12}.artisan-hero>div>span{font-size:8px;padding:10px 12px;background:#dedbce;color:#32362e}.artisan-bottom{display:flex;justify-content:space-between;font-size:7px;padding:19px}.artisan-bottom>span+span{font-size:6px}.phone{width:155px;background:#181819;border:3px solid #777780;border-radius:26px;padding:5px;box-shadow:0 20px 35px #0006}.enquiry-phone{position:absolute;bottom:-2px;right:-10px;transform:rotate(5deg);animation:float-phone 7s ease-in-out infinite}.phone-screen{position:relative;overflow:hidden;background:#f5f5fc;color:#292434;border-radius:19px;padding:14px 10px 30px;min-height:280px}.phone-island{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:40px;height:9px;background:#181819;border-radius:10px}.phone-status{display:flex;justify-content:space-between;font-size:6px}.enquiry-content{padding-top:19px}.enquiry-content .example-tag{font-size:5px;border-color:#b2acca}.enquiry-icon{display:block;margin:15px 0 10px;width:23px;height:23px;color:#5b49c3}.enquiry-content h3{font-size:15px;font-weight:400;line-height:1.25}.enquiry-detail{background:#eae7f4;border:1px solid #d8d2e7;border-radius:7px;padding:9px;margin-top:14px}.enquiry-detail span{display:block;font-size:5px}.enquiry-detail strong{display:block;font-size:8px;font-weight:500;margin:7px 0}.enquiry-detail p{font-size:7px;color:#7f748e}.enquiry-state{display:flex;align-items:center;gap:5px;font-size:6px;margin-top:12px;color:#675484}.enquiry-state svg{width:11px;height:11px}.home-indicator{position:absolute;bottom:7px;left:35%;height:3px;width:30%;background:#17171c;border-radius:5px}
.faq-section{position:relative;overflow:hidden;background-image:linear-gradient(#c0ccec09 1px,transparent 1px),linear-gradient(90deg,#c0ccec09 1px,transparent 1px);background-size:72px 72px;padding-block:115px;isolation:isolate}.faq-light{position:absolute;z-index:-1;width:1000px;height:700px;left:-450px;top:-450px;background:radial-gradient(ellipse,#e4e8f1c9,#27699980 28%,transparent 66%);filter:blur(38px)}.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px}.faq-layout .section-intro{margin:0}.faq-layout h2{font-size:40px}.faq-layout .section-intro p{font-size:16px;max-width:400px;margin-bottom:36px}.faq-list details{border-bottom:1px solid #ffffff26;padding:22px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:17px;line-height:1.5;cursor:pointer;gap:25px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;transition:transform .3s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{color:#b1b0bc;font-size:14px;line-height:1.65;margin-top:20px;padding-right:20px}
.contact{padding-block:120px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy .eyebrow{color:#b0a5df;margin-bottom:25px}.contact-copy h2{font-size:48px;line-height:1.2}.contact-copy>p:not(.eyebrow){font-size:16px;color:#aaa9b7;margin-top:25px}.contact-promise{margin-top:35px;display:flex;align-items:center;gap:20px}.contact-promise>span{font-size:30px;letter-spacing:-.06em}.contact-promise p{font-size:12px;color:#a8a6b7}.francis{display:flex;gap:18px;align-items:center;margin:45px 0 22px}.francis-mark{border:1px solid #ffffff20;border-radius:50%;display:grid;place-items:center;width:64px;height:64px;background:#eeedf7}.francis>div>span{font-size:8px;color:#9592a6;letter-spacing:.08em}.francis strong{display:block;font-weight:400;font-size:17px;margin-top:6px}.francis p{font-size:12px;color:#acabb7;margin-top:8px}.email-link{font-size:15px;border-bottom:1px solid #ffffff40;padding-bottom:8px}.contact-form{padding:32px;border:1px solid #ffffff20;background:linear-gradient(140deg,#101116,#08090b);border-radius:24px}.form-intro h3{font-size:26px}.form-intro p{font-size:10px;color:#9996a8;margin:12px 0 26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;font-size:11px;line-height:1.5;margin-bottom:16px;color:#d5d3df}.contact-form label>span{font-size:9px;color:#8d8b9d}.contact-form input:not([type=radio]),.contact-form textarea,.contact-form select{width:100%;background:#15161d;border:1px solid #ffffff20;border-radius:9px;padding:12px 13px;color:#eee;font-size:12px;margin-top:8px;min-width:0;outline-offset:2px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8d899e}.contact-form textarea{resize:vertical;min-height:90px}.contact-form fieldset{padding:0;border:0;margin:0 0 16px;min-width:0}.contact-form legend{font-size:11px;margin-bottom:10px;color:#d5d3df}.callback-options{display:flex;gap:6px}.callback-options label{margin:0;flex:1;position:relative}.callback-options input{position:absolute;opacity:0;inset:0;margin:0;width:100%;height:100%;cursor:pointer}.callback-options label>span{display:block;border:1px solid #ffffff20;border-radius:8px;padding:11px 5px;text-align:center;white-space:nowrap;color:#aeabba;font-size:10px}.callback-options input:checked+span{color:#eee;background:#4f42a344;border-color:#8a7adc}.callback-options input:focus-visible+span{outline:2px solid #b9acff;outline-offset:2px}.form-submit{width:100%;font-size:13px;min-height:55px;padding:13px 15px}.form-submit .button-arrow{width:23px;height:23px}.form-privacy{font-size:10px;line-height:1.6;color:#9f9cad;margin-top:16px}.form-privacy a{text-decoration:underline}.form-feedback{padding:16px;border:1px solid #8c7cce;background:#322652;color:#e6ddff;font-size:13px;line-height:1.6;margin-top:18px;border-radius:10px}.footer{border-top:1px solid #ffffff26;padding-top:40px;overflow:hidden}.footer-top{display:flex;align-items:center;gap:60px}.footer-top p{font-size:12px;color:#9996a8;line-height:1.6}.back-top{margin-left:auto;display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff40;border-radius:50%;font-size:22px}.footer-wordmark{font-size:clamp(110px,24vw,360px);line-height:1.25;font-weight:300;letter-spacing:-.075em;text-align:center;background:linear-gradient(#fff,#a5a5b5 64%,#34343b);color:transparent;background-clip:text;margin:18px -15px 25px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #ffffff20;font-size:10px;color:#9592a4}.footer-bottom nav{display:flex;gap:20px}.motion-toggle{border:0;background:none;color:#aaa7ba;padding:7px;font-size:10px}.footer-bottom a:hover,.motion-toggle:hover{color:#fff}.legal-placeholders{font-size:9px;color:#797584;padding-bottom:25px;text-align:right}
/* Entrance choreography is progressive enhancement; content stays visible without JS. */
.motion-enabled .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-enabled .reveal.in-view{opacity:1;transform:translateY(0)}.benefit-grid>.reveal:nth-child(2),.step-grid>.reveal:nth-child(2),.prices>.reveal:nth-child(2){transition-delay:.12s}.benefit-grid>.reveal:nth-child(3),.step-grid>.reveal:nth-child(3),.prices>.reveal:nth-child(3){transition-delay:.24s}
@keyframes hero-light{from{transform:translate(-15px,-10px) scale(.98);opacity:.84}to{transform:translate(55px,38px) scale(1.08);opacity:1}}@keyframes card-glow{to{transform:translate(100px,70px);opacity:.6}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes float-phone{50%{transform:rotate(3deg) translateY(-8px)}}@keyframes progress-sweep{0%,100%{transform:translateX(0)}50%{transform:translateX(110%)}}@keyframes draw-line{0%{stroke-dashoffset:200}55%,100%{stroke-dashoffset:0}}@keyframes panel-in{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{min-height:720px}.hero-content{padding-top:160px}.trade-strip{margin-top:135px}}
@media(max-width:1100px){.header-inner{gap:25px}.navigation{gap:20px}.navigation a{font-size:12px}.header-cta{font-size:12px;padding:15px}.hero h1{font-size:4.85vw}.section{padding-block:70px}.benefit-card{padding:23px 18px 0;min-height:433px}.benefit-card h3{font-size:25px}.benefit-card>p{font-size:13px}.quote-preview{padding:20px 11px}.quote-item{gap:6px;font-size:8px}.quote-item small{font-size:7px}.quote-item b{font-size:7px}.mini-heading strong{font-size:11px}.mini-heading>span{font-size:6px}.glow-card{padding:27px 20px}.glow-number{font-size:104px}.glow-card h3{font-size:25px}.glow-card>p:last-of-type{font-size:13px}.step-card{padding:24px 20px}.step-card p{font-size:13px}.step-card h3{font-size:22px}.step-number{font-size:265px}.features-grid{gap:45px}.features-grid h3{font-size:21px}.dashboard-shell{grid-template-columns:150px 1fr}.dashboard-content{padding:25px}.dashboard-float{right:-12px}.prices article{padding:30px 20px}.prices h3{font-size:24px}.prices .eyebrow{font-size:8px}.price{font-size:40px}.check-list li{font-size:11px}.website{gap:45px}.website-copy h2,.faq-layout h2{font-size:35px}.artisan-hero{height:260px}.artisan-hero h3{font-size:27px}.website-price{gap:18px}.website-price strong{font-size:30px}.website-price>span{font-size:9px}.contact-layout{gap:55px}.contact-copy h2{font-size:43px}.contact-form{padding:25px}.faq-layout{gap:55px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.header-inner{gap:20px}.header{height:82px}.brand img{width:92px;height:25px}.header-cta{margin-left:auto;padding:12px 15px;font-size:11px}.menu-toggle{width:36px;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid #ffffff45;border-radius:50%;padding:0;color:#fff}.menu-toggle span{width:13px;height:1px;background:currentColor;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.navigation{display:none;position:absolute;left:20px;right:20px;top:74px;background:#0c0e15f5;border:1px solid #ffffff35;border-radius:15px;padding:25px;backdrop-filter:blur(20px);gap:0;box-shadow:0 20px 50px #000a}.navigation.is-open{display:flex;flex-direction:column;align-items:stretch}.navigation a{padding:15px 4px;font-size:16px}.hero-content{padding-top:145px}.hero h1{white-space:normal;font-size:clamp(38px,6vw,51px);margin:20px auto;max-width:730px;letter-spacing:-.05em}.hero-description{font-size:16px;max-width:630px;margin:auto}.hero-description br{display:none}.hero{min-height:660px}.hero-light{left:-380px}.trade-strip{margin-top:100px}.trade-group span{font-size:20px}.trade-group{gap:33px;padding-right:33px}.section{padding-block:60px}h2{font-size:35px}.section-intro p{font-size:16px}.section-intro{margin-bottom:38px}.benefit-grid{gap:13px}.benefit-card{padding:20px 14px 0;min-height:415px;border-radius:18px}.benefit-card h3{font-size:21px}.benefit-card>p{font-size:12px;line-height:1.5}.quote-preview{margin-top:25px;min-height:220px;padding:20px 12px}.mini-heading{display:block}.mini-heading>span{display:block;margin-top:6px;font-size:7px}.quote-item{flex-wrap:wrap}.quote-item b{display:none}.quote-item>span:nth-child(2){font-size:8px}.quote-item small{font-size:7px}.benefit-photo{height:230px;margin-top:23px}.photo-chip{font-size:8px;padding:8px;right:8px;bottom:15px}.glow-card{padding:24px 17px}.glow-number{font-size:85px;margin-top:35px}.glow-number span{font-size:20px;margin-left:5px}.glow-card h3{font-size:23px}.glow-card>p:last-of-type{font-size:12px;padding:0}.glow-card .glow-label{font-size:10px;max-width:90px}.circle-link{width:28px;height:28px;top:18px;right:14px}.step-grid{gap:13px}.step-card{min-height:365px;padding:23px 16px;border-radius:18px}.step-card h3{font-size:21px}.step-card p{font-size:12px}.step-kicker{font-size:9px}.step-number{font-size:230px;top:-5px}.features-grid{gap:38px 25px}.features-grid h3{font-size:19px}.features-grid p{font-size:13px}.demo-controls{gap:14px;margin-bottom:48px}.demo-tab{padding:10px 12px;font-size:11px}.demo-play{font-size:10px}.dashboard-shell{grid-template-columns:115px 1fr;min-height:440px}.dashboard-sidebar{padding:22px 8px;font-size:8px;gap:16px}.dashboard-sidebar img{width:80px;margin-left:3px}.dashboard-sidebar>span{padding:7px}.dashboard-content{padding:23px 20px}.dashboard-top{font-size:6px;margin-bottom:25px}.demo-panel h3{font-size:20px}.demo-panel>p{font-size:9px}.dashboard-metrics{gap:9px}.dashboard-metrics>div{padding:12px 10px}.dashboard-metrics span{font-size:8px}.dashboard-metrics strong{font-size:28px}.dashboard-metrics small{font-size:6px}.sparkline{width:40px;right:7px;top:33px}.dashboard-table>div:not(.table-caption){font-size:9px}.table-status{font-size:7px;padding:6px}.dashboard-table small{font-size:7px}.dashboard-float{right:2px;padding:14px 17px}.prices{gap:13px}.prices article{padding:28px 16px}.prices h3{font-size:22px}.prices article>p:not(.eyebrow):not(.launch-price){font-size:12px}.price{font-size:34px}.price span{font-size:8px}.price-ribbon{right:14px;font-size:8px}.launch-price{font-size:8px;line-height:1.6}.check-list li{font-size:10px;padding-left:19px}.prices .button{font-size:10px;padding:12px 7px}.website{gap:30px;grid-template-columns:.9fr 1.1fr}.website-copy h2{font-size:29px}.website-copy .section-description{font-size:14px}.website-price{display:block}.website-price>span{display:block;margin-top:8px;font-size:10px}.website-copy .text-link{font-size:13px}.artisan-nav{padding:12px}.artisan-nav strong{font-size:21px}.artisan-nav>span{font-size:5px}.artisan-hero{height:240px}.artisan-hero>div{left:15px}.artisan-hero h3{font-size:23px}.artisan-bottom{font-size:5px;padding:14px}.artisan-bottom>span+span{font-size:4px}.phone{width:130px}.phone-screen{min-height:252px}.enquiry-content h3{font-size:13px}.enquiry-content{padding-top:15px}.enquiry-phone{right:0}.enquiry-detail strong{font-size:6px}.faq-layout{gap:35px}.faq-layout h2{font-size:31px}.faq-layout .section-intro p{font-size:14px}.faq-list summary{font-size:14px}.faq-list details p{font-size:12px}.contact-layout{gap:35px}.contact-copy h2{font-size:38px}.contact-copy>p:not(.eyebrow){font-size:14px}.contact-form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.form-submit{font-size:11px}.footer-bottom{flex-wrap:wrap}.footer-bottom nav{width:100%;justify-content:flex-end}}
@media(max-width:600px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 36px)}.header{height:77px}.header-inner{gap:14px}.brand img{width:83px;height:23px}.header-cta{font-size:10px;padding:10px 12px}.menu-toggle{width:33px;height:33px}.hero{min-height:675px}.hero-content{padding-top:139px}.hero-badge{font-size:11px;padding:6px 11px}.hero h1{font-size:40px;line-height:1.13;letter-spacing:-.055em;margin:20px -2px;max-width:none}.hero-description{font-size:14px;line-height:1.5;max-width:355px}.hero-actions{flex-direction:column;gap:23px;margin-top:28px}.hero-actions .button{font-size:14px;min-height:57px;padding:16px 22px}.hero-proof p{font-size:11px}.hero-proof p span{font-size:10px}.proof-icon{width:36px;height:36px}.proof-icon svg{width:20px}.hero-light{width:820px;height:690px;top:-280px;left:-310px;filter:blur(20px)}.grid-atmosphere{background-size:72px 72px}.trade-strip{margin-top:74px;width:calc(100% + 36px);margin-left:-18px}.trade-group{gap:28px;padding-right:28px}.trade-group span{font-size:18px;gap:8px}.trade-group svg{width:23px;height:23px}.section{padding-block:46px}h2{font-size:31px;line-height:1.22;letter-spacing:-.04em}.section-intro h2 br{display:none}.section-intro p{font-size:14px;line-height:1.55;margin-top:22px}.section-intro{margin-bottom:30px}.benefit-grid{grid-template-columns:1fr;gap:18px}.benefit-card{min-height:0;height:435px;border-radius:22px;padding:26px 23px 0}.benefit-card h3{font-size:26px}.benefit-card>p{font-size:14px;line-height:1.5;margin-top:17px}.quote-preview{margin-top:25px;padding:22px 18px}.mini-heading{display:flex}.mini-heading strong{font-size:12px}.mini-heading>span{font-size:7px;margin:0}.quote-item{font-size:10px;padding:17px 0;gap:9px;flex-wrap:nowrap}.quote-item>span:nth-child(2){font-size:9px}.quote-item small{font-size:7px}.quote-item b{display:block;font-size:7px}.quote-preview>p{font-size:9px}.benefit-photo{height:260px;margin-top:27px}.photo-chip{font-size:11px;bottom:36px;padding:12px;right:12px}.glow-card{padding:29px 25px;height:420px}.glow-card .glow-label{font-size:13px;max-width:none}.circle-link{right:25px;top:25px;width:32px;height:32px}.glow-number{font-size:117px;margin-top:25px}.glow-number span{font-size:28px}.glow-card h3{font-size:27px;padding-top:0}.glow-card>p:last-of-type{font-size:14px;margin-top:18px}.step-grid{grid-template-columns:1fr;gap:16px}.step-card{min-height:340px;padding:25px 23px;border-radius:22px}.step-number{font-size:280px;top:-25px;right:12px}.step-card>div{padding-top:95px;max-width:320px}.step-kicker{font-size:10px}.step-card h3{font-size:26px}.step-card p{font-size:14px;line-height:1.5;margin-top:15px}.features-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.features-grid article>svg{width:29px;height:29px;margin-bottom:17px}.features-grid h3{font-size:18px;line-height:1.3}.features-grid p{font-size:12px;margin-top:12px;line-height:1.6}.dashboard-section{padding-top:65px}.centered h2 br{display:block}.demo-controls{flex-direction:column;gap:17px;margin-bottom:35px}.demo-tabs{width:100%;padding:4px;justify-content:center}.demo-tab{padding:10px 11px;font-size:10px;flex:1;white-space:nowrap}.demo-play{font-size:11px}.dashboard-shell{display:block;min-height:432px;border-radius:12px}.dashboard-sidebar{display:none}.dashboard-content{padding:20px 16px}.dashboard-top{font-size:7px;margin-bottom:26px}.dashboard-top .example-tag{font-size:7px}.demo-panel h3{font-size:20px;max-width:300px;line-height:1.25}.demo-panel>p{font-size:9px;margin-top:8px;max-width:280px;min-height:27px}.dashboard-metrics{gap:7px;margin-top:20px}.dashboard-metrics>div{padding:12px 9px}.dashboard-metrics span{font-size:8px;line-height:1.4;min-height:22px}.dashboard-metrics strong{font-size:31px}.dashboard-metrics small{display:none}.sparkline{width:36px;top:54px;right:7px;height:15px}.table-caption{font-size:10px;margin-top:22px;margin-bottom:13px}.table-caption>span{font-size:8px}.dashboard-table>div:not(.table-caption){font-size:9px;gap:8px;padding:13px 0}.dashboard-table small{font-size:6px;line-height:1.5;margin-top:5px;max-width:160px}.table-status{font-size:6px;padding:5px;max-width:90px;white-space:normal;text-align:center;line-height:1.4}.dashboard-float{right:6px;bottom:-17px;padding:12px 14px;gap:9px;border-radius:9px}.dashboard-float b{font-size:10px}.dashboard-float small{font-size:7px}.dashboard-float>span{width:23px;height:23px;font-size:12px}.dashboard-back{top:20px;bottom:45px}.back-one{left:-25px}.back-two{right:-25px}.demo-caption{font-size:9px;line-height:1.6;max-width:300px;margin:45px auto 0}.pricing{padding-top:65px}.prices{grid-template-columns:1fr;gap:25px}.prices article{padding:31px 26px;border-radius:22px}.prices h3{font-size:29px}.prices .eyebrow{font-size:9px;min-height:22px}.prices article>p:not(.eyebrow):not(.launch-price){font-size:14px;min-height:0;max-width:275px}.price{font-size:49px;margin-top:25px}.price span{font-size:11px}.price-ribbon{font-size:9px;right:25px}.launch-price{font-size:10px}.check-list{margin-top:22px;padding-top:23px;margin-bottom:9px}.check-list li{font-size:13px;padding-left:23px;margin-bottom:16px}.prices .button{font-size:12px;min-height:53px}.pricing-note{font-size:10px}.website{grid-template-columns:1fr;gap:42px;padding-block:70px}.website-copy h2{font-size:32px}.website-copy .section-description{font-size:14px;max-width:345px}.website-price{display:flex;gap:26px}.website-price strong{font-size:35px}.website-price>span{margin:0;font-size:10px}.website-copy .eyebrow{font-size:9px;margin-bottom:22px}.website-visual{width:calc(100% - 8px);padding-bottom:32px}.artisan-hero{height:252px}.artisan-nav{padding:16px}.artisan-nav strong{font-size:25px}.artisan-nav>span{font-size:6px}.artisan-hero>div{left:20px;top:44px}.artisan-hero h3{font-size:28px}.artisan-bottom{font-size:6px}.artisan-bottom>span+span{font-size:5px}.phone{width:135px}.phone-screen{min-height:260px}.enquiry-phone{bottom:-5px;right:-8px}.faq-section{padding-block:65px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-layout h2{font-size:32px}.faq-layout .section-intro p{font-size:14px;margin-bottom:24px}.faq-list summary{font-size:15px}.faq-list details p{font-size:13px}.faq-light{left:-580px;top:-370px}.contact{padding-block:65px}.contact-layout{grid-template-columns:1fr;gap:42px}.contact-copy h2{font-size:38px}.contact-copy .eyebrow{font-size:9px;margin-bottom:22px}.contact-promise{margin-top:28px}.francis{margin-top:30px}.contact-form{padding:25px 21px;border-radius:20px}.form-row{grid-template-columns:1fr}.contact-form label{font-size:12px}.contact-form input:not([type=radio]),.contact-form textarea,.contact-form select{font-size:16px;padding:12px}.callback-options label>span{font-size:10px}.contact-form legend{font-size:11px}.form-submit{font-size:12px}.form-privacy{font-size:10px}.footer{padding-top:28px}.footer-top{gap:30px}.footer-top img{width:85px}.footer-top p{font-size:10px}.back-top{width:35px;height:35px;font-size:20px}.footer-wordmark{font-size:26vw;margin:25px -5px 20px}.footer-bottom{font-size:9px;padding:20px 0;gap:12px}.motion-toggle{font-size:9px;padding:5px 0}.footer-bottom nav{justify-content:flex-start;gap:17px;flex-wrap:wrap}.legal-placeholders{text-align:left;font-size:8px;line-height:1.6}.benefit-grid>.reveal,.step-grid>.reveal,.prices>.reveal{transition-delay:0s!important}}
@media(max-width:360px){.header-cta{font-size:9px;padding:10px}.header-inner{gap:10px}.hero h1{font-size:36px}.hero-description{font-size:13px}.features-grid{column-gap:17px}.features-grid h3{font-size:17px}.demo-tab{font-size:9px;padding-inline:8px}.quote-item>span:nth-child(2){font-size:8px}.quote-item b{font-size:6px}.website-price{gap:17px}.form-submit{font-size:11px;gap:8px}}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after{animation:none!important;transition:none!important}html[data-motion=paused] .hero-badge,html[data-motion=paused] .hero h1,html[data-motion=paused] .hero-description,html[data-motion=paused] .hero-actions,html[data-motion=paused] .trade-strip,html[data-motion=paused] .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .reveal{opacity:1;transform:none}}
.legal-direction .header{position:absolute}.legal-direction .header-inner{justify-content:space-between}.legal-page{max-width:860px;padding-top:150px;padding-bottom:90px;min-height:100vh}.legal-page h1{font-size:55px;margin-bottom:35px}.legal-page h2{font-size:27px;margin:40px 0 18px}.legal-page p,.legal-page li{font-size:16px;color:#b9b8c5;line-height:1.7}.legal-page a{text-decoration:underline;text-underline-offset:4px}.draft-notice{border:1px solid #6d6185;padding:22px;border-radius:15px;background:#1c1826}.legal-page .button{margin-top:30px;color:#fff;text-decoration:none}@media(max-width:600px){.legal-page{padding-top:115px}.legal-page h1{font-size:37px}.legal-page h2{font-size:24px}.legal-page p,.legal-page li{font-size:14px}.legal-direction .text-link{font-size:12px}}

/* Keep the page at its vertical limits during touch or trackpad scrolling. */
html, body { overscroll-behavior-y: none; }

/* A vector arrow keeps the project link consistent across mobile fonts. */
.header-cta { display: inline-flex; align-items: center; gap: .4em; }
.header-cta-icon { width: 1.05em; height: 1.05em; stroke-width: 1.65; }

/* A presentation visitors choose to play, with native video controls. */
.presentation { max-width: 1100px; padding-top: 30px; padding-bottom: 46px; }
.presentation-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; margin-bottom: 30px; }
.presentation-heading .eyebrow { color: var(--muted); margin-bottom: 12px; }
.presentation-heading h2 { font-size: clamp(29px, 3.1vw, 42px); }
.presentation-heading > p { max-width: 350px; font-size: 15px; color: var(--muted); line-height: 1.6; }
.presentation-figure { margin: 0; }
.presentation-player { position: relative; aspect-ratio: 16 / 9; border: 1px solid var(--line); border-radius: 24px; background: #11172b; box-shadow: 0 20px 65px #080e2818; }
.presentation-player video, .presentation-start, .presentation-start > img { display: block; width: 100%; height: 100%; border-radius: inherit; }
.presentation-player video { object-fit: contain; background: #000; }
.presentation-player video::cue { font-family: Vietnam, Arial, sans-serif; color: #fff; background: #0b1024e6; }
.presentation-start { position: absolute; inset: 0; overflow: hidden; }
.presentation-start > img { object-fit: cover; }
.presentation-play { position: absolute; left: 28px; bottom: 28px; display: inline-flex; align-items: center; gap: 14px; padding: 12px 21px 12px 12px; border: 1px solid #ffffffa6; border-radius: 100px; background: #ffffffed; color: #172035; box-shadow: 0 8px 35px #1015382b; font-size: 16px; font-weight: 500; transition: transform .25s var(--ease), background .25s; }
.presentation-play small { display: block; margin-top: 3px; color: #58647a; font-size: 11px; font-weight: 400; }
.presentation-play-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; color: #fff; background: var(--accent); }
.presentation-play-icon svg { width: 23px; height: 23px; fill: currentColor; stroke: none; }
.presentation-start:hover .presentation-play { transform: translateY(-3px); background: #fff; }
.presentation-figure figcaption { max-width: 800px; margin: 16px auto 0; color: var(--muted); text-align: center; font-size: 12px; line-height: 1.6; }
.presentation-footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 28px; padding: 25px 0 0; border-top: 1px solid var(--line); }
.presentation-footer > p { font-size: 17px; }
.presentation-footer > p span { display: block; margin-top: 5px; color: var(--muted); font-size: 13px; }
.presentation-footer .button { min-height: 54px; padding: 14px 20px; font-size: 14px; }
.presentation-error { margin-top: 16px; color: var(--muted); font-size: 14px; }
.presentation-error a { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 700px) {
  .presentation { padding-top: 22px; padding-bottom: 30px; }
  .presentation-heading { display: block; margin-bottom: 22px; }
  .presentation-heading > p { margin-top: 14px; font-size: 14px; }
  .presentation-player { border-radius: 16px; }
  .presentation-play { left: 14px; bottom: 14px; gap: 10px; padding: 8px 15px 8px 8px; font-size: 13px; }
  .presentation-play-icon { width: 36px; height: 36px; }
  .presentation-play-icon svg { width: 19px; height: 19px; }
  .presentation-play small { font-size: 10px; }
  .presentation-figure figcaption { font-size: 11px; margin-top: 14px; padding-inline: 4px; }
  .presentation-footer { flex-direction: column; align-items: flex-start; gap: 18px; margin-top: 22px; padding-top: 22px; }
  .presentation-footer > p { font-size: 16px; }
  .presentation-footer > p span { font-size: 12px; }
}

/* Links to the detailed services and the practical guide. */
.service-directory .section-intro .eyebrow{margin:0 0 18px;font-size:11px}.service-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-directory-card{display:flex;flex-direction:column;gap:22px;border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:32px;transition:border-color .25s,transform .25s}.service-directory-card:hover{border-color:var(--accent);transform:translateY(-4px)}.service-directory-card .eyebrow{color:var(--muted)}.service-directory-card h3{font-size:29px;line-height:1.2}.service-directory-card p{color:var(--muted);font-size:15px;line-height:1.65}.service-directory-card .text-link{font-size:13px;margin-top:auto;padding-top:14px;gap:12px}.service-guide-link{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:30px 0;margin-top:20px}.service-guide-link>span{color:var(--muted);font-size:10px;letter-spacing:.08em}.service-guide-link strong{font-weight:400;font-size:18px}.service-guide-link svg{margin-left:auto}.service-guide-link:hover strong{text-decoration:underline;text-underline-offset:5px}@media(max-width:850px){.service-directory-grid{grid-template-columns:1fr}.service-directory-card{padding:26px}.service-directory-card h3{font-size:27px}.service-guide-link{flex-wrap:wrap;gap:12px}.service-guide-link>span{width:100%}.service-guide-link strong{font-size:16px;max-width:calc(100% - 48px)}}