:root{--red:#ef3b24;--orange:#ff7a18;--ink:#151313;--paper:#fffaf7;--muted:#706662;--line:#eadfd9;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.skip-link{position:fixed;top:-80px;left:12px;z-index:20;background:white;padding:10px}.skip-link:focus{top:12px}.site-header{min-height:84px;padding:12px max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:32px;background:#111;color:white}.brand-image{display:inline-flex;flex:0 1 auto;padding:6px 10px;background:white;border-radius:10px}.brand-logo{display:block;height:auto;aspect-ratio:768/152;object-fit:contain;background:#fff}.brand-logo--header{width:min(320px,100%);max-height:52px}.brand-logo--footer{width:min(280px,100%)}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:14px;font-weight:700}.nav-cta{padding:9px 17px;border-radius:99px;background:linear-gradient(100deg,var(--red),var(--orange))}.hero{min-height:680px;padding:76px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:64px;align-items:center;color:white;background:radial-gradient(circle at 88% 12%,#6a170d,transparent 32%),linear-gradient(135deg,#111,#28100c)}.hero-copy{min-width:0}.eyebrow{margin:0;color:#ff6047;font-size:12px;font-weight:900;letter-spacing:.18em}.hero h1,.page-hero h1{max-width:720px;margin:14px 0 24px;font-size:clamp(46px,5.4vw,72px);line-height:1.04;letter-spacing:-.052em}.hero h1 span{color:#ff6b4c}.lead{max-width:650px;color:#d9d0cd;font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{display:inline-flex;min-height:48px;padding:0 22px;align-items:center;justify-content:center;border:0;border-radius:10px;background:linear-gradient(100deg,var(--red),var(--orange));color:white;font:inherit;font-weight:800;text-decoration:none}.btn.secondary{border:1px solid #8c7770;background:transparent}.trust-note{margin-top:14px;color:#aaa09c;font-size:13px}.hero-product{min-width:0;padding:12px;border:1px solid #ffffff25;border-radius:20px;background:#f7f1ed;color:#231d1a;box-shadow:0 36px 100px #0008}.product-bar{display:flex;align-items:center;gap:6px;padding:4px 4px 13px;color:#827570;font-size:11px}.product-bar i{width:7px;height:7px;border-radius:50%;background:#d5c6bf}.product-bar span{margin-left:6px}.prompt-box{padding:18px;border:1px solid #e9ded9;border-radius:12px;background:white}.prompt-box small{display:block;color:var(--red);font-weight:900}.prompt-box b{display:block;margin:3px 0 8px;font-size:18px}.prompt-box p{margin:0;color:var(--muted);font-size:13px}.prompt-box button{float:right;margin-top:12px;padding:8px 13px;border:0;border-radius:7px;background:var(--red);color:white;font-weight:800}.pipeline{clear:both;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:18px 0}.pipeline span{padding:7px 3px;border-radius:7px;background:#e9dfdb;text-align:center;font-size:11px}.pipeline .done,.pipeline .active{background:#ffe1d9;color:#a92a18}.canvas{padding:12px;border-radius:12px;background:#26211f}.canvas-switcher{display:flex;gap:18px;color:#938884;font-size:11px}.canvas-switcher b{color:white}.canvas-page{height:185px;margin-top:10px;padding:25px;border-radius:8px;background:linear-gradient(130deg,#fff,#f6d8cf)}.canvas-page em{display:block;color:var(--red);font-size:9px;font-style:normal}.canvas-page strong{display:block;max-width:280px;margin-top:10px;font-size:23px;line-height:1.1}.canvas-page i{display:inline-block;width:90px;height:7px;margin:22px 5px 0 0;border-radius:8px;background:#e65b45}.section{padding:96px max(24px,calc((100% - var(--max))/2))}.section h2,.final-cta h2{max-width:820px;margin:12px 0 18px;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.045em}.section-intro{max-width:680px;margin:0 0 42px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:45px}.steps article,.feature-grid article,.price-card,.empty-state{padding:26px;border:1px solid var(--line);border-radius:15px;background:white}.steps b{color:var(--red)}.steps h3{margin:22px 0 5px}.steps p,.feature-section>div>p,.feature-grid p{color:var(--muted)}.feature-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:#f4ebe6}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-grid h3{margin-top:0}.dark{background:#151515;color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head a{color:#ff684d;font-weight:800}.template-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.template-strip a{min-height:270px;padding:25px;display:flex;flex-direction:column;justify-content:end;border-radius:15px;background:linear-gradient(150deg,#ed3c24,#33100b);font-size:30px;font-weight:900;text-decoration:none}.template-strip a:nth-child(2){background:linear-gradient(150deg,#f6e2db,#7041c9)}.template-strip a:nth-child(3){background:linear-gradient(150deg,#c36416,#28140b)}.template-strip span{font-size:14px;font-weight:500}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.price{font-size:42px;font-weight:900}.price-card ul{padding-left:20px;color:var(--muted)}.empty-state{grid-column:1/-1}.faq details{max-width:850px;padding:19px 0;border-top:1px solid var(--line)}.faq summary{font-size:19px;font-weight:800;cursor:pointer}.faq details p{color:var(--muted)}.final-cta{padding:75px max(24px,calc((100% - var(--max))/2));display:flex;align-items:end;justify-content:space-between;gap:35px;background:linear-gradient(110deg,#e93620,#ff7819);color:white}.btn.light{background:white;color:#ba2917}.site-footer{padding:58px max(24px,calc((100% - var(--max))/2)) 24px;background:#0c0c0c;color:#cfc5c1}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:48px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-grid strong{color:white}.footer-grid a:not(.brand-image){text-decoration:none}.footer-brand p{max-width:380px}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid #302b29;display:flex;justify-content:space-between;gap:20px;font-size:13px}.page-hero{padding:80px max(24px,calc((100% - 980px)/2));background:#171717;color:white}.legal-copy{max-width:820px;margin:auto;padding:65px 24px}.auth-shell{min-height:70vh;display:grid;grid-template-columns:1fr 1fr}.auth-copy,.auth-card{padding:70px}.brand-logo--auth{width:min(360px,100%)}.not-found{min-height:60vh;display:grid;place-content:center;text-align:center}:focus-visible{outline:3px solid #ff8b66;outline-offset:4px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:45px}.hero-product{max-width:680px}.steps{grid-template-columns:1fr 1fr}.feature-section{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.auth-shell{grid-template-columns:1fr}}@media(max-width:768px){.site-header{min-height:76px;flex-wrap:wrap;padding:13px 20px}.brand-logo--header{width:min(280px,68vw)}.site-header nav{width:100%;gap:18px;overflow-x:auto;padding:3px 0}.hero{padding:58px 24px}.hero h1{font-size:clamp(42px,12vw,60px)}.section{padding:68px 24px}.template-strip{grid-template-columns:1fr}.template-strip a{min-height:210px}.final-cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}}@media(max-width:390px){.hero-product{padding:8px}.pipeline{grid-template-columns:1fr 1fr}.canvas-page{height:170px;padding:18px}.steps,.feature-grid,.pricing-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.actions .btn{width:100%}.section h2{font-size:35px}.auth-copy,.auth-card{padding:35px 20px}}@media(max-width:320px){body{font-size:15px}.site-header{padding-inline:14px}.site-header nav{gap:12px}.hero,.section,.final-cta,.page-hero{padding-left:16px;padding-right:16px}.canvas-page strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important;transform:none!important}}
/* Gallery and previews */.gallery-page{padding:70px max(20px,calc((100% - 1180px)/2))}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-create-card{min-height:360px;border:2px dashed #d8c8c0;border-radius:18px;display:grid;place-content:center;text-align:center;padding:30px}.preview-page section{padding:70px max(20px,calc((100% - 1080px)/2))}.service-list,.menu-grid,.property-grid,.schedule-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-showcase{display:grid;grid-template-columns:1fr 1fr;gap:35px}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.service-list,.menu-grid,.property-grid,.schedule-list,.product-showcase{grid-template-columns:1fr}}@media(max-width:390px){.gallery-grid{grid-template-columns:1fr}}

@media(max-width:1280px){.hero{gap:44px}}

/* Canonical mobile-first acceptance — 2026-08-13 */
img,svg,video,canvas{max-width:100%;height:auto}.nav-toggle{display:none;width:44px;height:44px;border:1px solid #555;border-radius:10px;background:#222;color:#fff;padding:10px}.nav-toggle span{display:block;height:2px;margin:4px 0;background:currentColor}.lead-form{padding:clamp(40px,7vw,80px) max(6%,calc((100% - 900px)/2));background:#f8fafc}.lead-form form{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px}.lead-form textarea,.lead-form input:not([type=checkbox]){width:100%;min-height:44px;padding:12px;border:1px solid #ccd2d8;border-radius:8px}.lead-form textarea{min-height:110px}.lead-form .consent,.lead-form button{grid-column:2}.lead-form button{min-height:44px;padding:12px 20px;border:0;border-radius:8px;background:var(--brand);color:white;font-weight:700}.hp{position:absolute;left:-10000px}.site-header a,.site-header button,.site-header nav a,.site-footer a{min-height:44px}.site-header nav a,.site-footer a{display:flex;align-items:center}.nav-toggle:focus-visible,.site-header a:focus-visible,.site-footer a:focus-visible{outline:3px solid #ff8a73;outline-offset:3px}
@media(max-width:900px){.site-header{min-height:68px;padding:8px 16px;gap:12px}.brand-logo--header{width:min(230px,65vw);max-height:44px}.nav-toggle{display:block;flex:0 0 44px}.site-header nav{display:none;position:fixed;z-index:30;inset:68px 0 0;background:#111;padding:20px 16px calc(20px + env(safe-area-inset-bottom));height:calc(100vh - 68px);height:calc(100dvh - 68px);overflow-y:auto;align-content:start}.site-header nav.is-open{display:grid}.site-header nav a{width:100%;padding:12px;border-bottom:1px solid #333}.nav-open{overflow:hidden}.hero{min-height:auto;padding:54px 20px;grid-template-columns:1fr;gap:36px}.hero-product{max-width:680px}.hero h1,.page-hero h1{font-size:clamp(38px,9vw,58px)}.footer-grid{grid-template-columns:1fr 1fr}.gallery .grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vinasoft-demo-footer{grid-template-columns:1fr}.lead-form form{grid-template-columns:1fr}.lead-form .consent,.lead-form button{grid-column:1}}
@media(max-width:600px){.hero,.page-hero,.section,.gallery,.gallery-page,.preview-page section{padding-left:16px;padding-right:16px}.hero h1,.page-hero h1{font-size:clamp(34px,11vw,48px);letter-spacing:-.035em;overflow-wrap:break-word}.actions{display:grid}.actions .btn,.btn,.cta{width:100%;min-height:48px}.steps,.pricing-grid,.template-grid,.gallery .grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.template-create-card{min-height:240px}.site-footer{padding-left:16px;padding-right:16px}.footer-bottom{align-items:flex-start}.lead-form{padding:36px 16px}}
@media(max-width:390px){.brand-logo--header{width:min(200px,62vw)}.site-header{padding-left:10px;padding-right:10px}.hero h1,.page-hero h1{font-size:clamp(32px,10.8vw,43px)}.hero-product{display:none}.template-card__body{padding:16px}.vinasoft-demo-footer{padding:24px 16px}}
@media(max-width:320px){.brand-logo--header{width:190px}.hero,.page-hero,.section,.gallery,.gallery-page{padding-left:12px;padding-right:12px}.hero h1,.page-hero h1{font-size:34px}}
@media(max-height:500px) and (max-width:900px){.site-header{min-height:54px}.site-header nav{inset-top:54px;height:calc(100dvh - 54px)}.brand-logo--header{max-height:38px}.hero{padding-top:32px;padding-bottom:32px}}
/* responsive-final-touch-targets-20260813 */
button,input[type="submit"],input[type="button"]{min-height:44px}
/* responsive-final-overflow-20260813 */
html,body{max-width:100%;overflow-x:clip}body *{min-width:0}button{min-height:44px!important}h1,h2,h3,p,li,a{overflow-wrap:anywhere}
@media(max-width:900px){.auth-shell{grid-template-columns:minmax(0,1fr)!important;width:100%!important}.auth-copy,.auth-card{max-width:100%!important}}
/* final acceptance fixes */
.auth-shell form,.auth-shell .card{min-width:0;max-width:100%}.auth-shell input,.auth-shell select,.auth-shell textarea,.auth-shell button{box-sizing:border-box;max-width:100%;min-height:44px}.auth-shell input,.auth-shell select,.auth-shell textarea{width:100%}
.preview-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body>main input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px;padding:11px;max-width:100%}