:root{--orange:#D96B27;--yellow:#E9B949;--red:#A83232;--brown:#5A3426;--cream:#FFF9F0;--paper:#FFFDF8;--muted:#8B6C5D;--line:rgba(90,52,38,.14);--shadow:0 28px 80px rgba(90,52,38,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit}.progress{position:fixed;top:0;left:0;height:3px;background:var(--orange);z-index:100;width:0}.nav{position:fixed;z-index:90;top:18px;left:50%;transform:translateX(-50%);width:min(1120px,calc(100% - 28px));height:62px;padding:8px 10px 8px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,249,240,.82);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 30px rgba(90,52,38,.05)}.logo{display:flex;align-items:center;gap:9px;font-weight:900;letter-spacing:-.04em;text-decoration:none}.logo-mark{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--orange);color:var(--cream)}.navlinks{display:flex;gap:28px}.navlinks a{text-decoration:none;font-size:14px;color:#735346}.button{border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 22px;border-radius:999px;background:var(--orange);color:white;font-weight:800;box-shadow:0 10px 30px rgba(217,107,39,.18);transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(217,107,39,.25)}.button.small{padding:11px 17px;font-size:13px}.text-link{border:0;background:none;cursor:pointer;text-decoration:none;font-weight:800;display:inline-flex;gap:14px;align-items:center;padding:10px 0;color:var(--brown)}.section{width:min(1200px,88vw);margin:auto;padding:130px 0}.kicker{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.kicker.light{color:var(--yellow)}h1,h2,h3,p{margin-top:0}.hero{min-height:100vh;width:100%;padding:145px 6vw 32px;position:relative;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:4vw}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(60px,7.7vw,126px);line-height:.83;letter-spacing:-.075em;margin:22px 0 34px}.hero h1 em,.section-head em,.builder-intro em,.products em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:clamp(18px,1.6vw,24px);line-height:1.5;color:var(--muted);max-width:660px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.hero-glow{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none}.glow-a{width:430px;height:430px;right:7%;top:8%;background:radial-gradient(circle,rgba(233,185,73,.42),rgba(217,107,39,.13) 50%,transparent 70%)}.glow-b{width:340px;height:340px;left:25%;bottom:4%;background:radial-gradient(circle,rgba(168,50,50,.12),transparent 70%)}.hero-stage{position:relative;z-index:2}.stage-window{border-radius:32px;padding:10px;background:rgba(255,253,248,.72);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(10px);transform:perspective(1100px) rotateY(-5deg) rotateX(2deg)}.window-top{height:42px;display:flex;align-items:center;gap:7px;padding:0 10px;color:var(--muted);font-size:11px}.window-top i{width:8px;height:8px;border-radius:50%;background:var(--line)}.window-top span{margin-left:auto;margin-right:auto}.stage-body{min-height:470px;border-radius:23px;background:var(--paper);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:28px;gap:16px}.stage-left>span,.stage-right>span{font-size:10px;letter-spacing:.13em;font-weight:900;color:var(--orange)}.stage-left>b{display:block;font-size:32px;line-height:1.05;letter-spacing:-.045em;margin:16px 0 24px}.mini-stack{display:grid;gap:8px}.mini-stack i{font-style:normal;border:1px solid var(--line);border-radius:12px;padding:11px;background:white;color:var(--muted);font-size:13px}.stage-arrow{font-size:36px;color:var(--orange)}.app-shell{height:280px;margin-top:15px;background:#f7eee4;border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;grid-template-columns:38px 1fr;gap:9px}.app-side{border-radius:10px;background:var(--brown)}.app-main{border-radius:10px;background:white;padding:18px}.metric{display:grid;grid-template-columns:1fr auto;align-items:end}.metric small{grid-column:1/-1;color:var(--muted)}.metric strong{font-size:46px;letter-spacing:-.06em}.metric span{font-size:11px;color:var(--muted);padding-bottom:9px}.bars{height:100px;display:flex;align-items:flex-end;gap:8px;margin-top:26px}.bars i{flex:1;background:var(--yellow);border-radius:6px 6px 2px 2px}.bars i:nth-child(1){height:42%}.bars i:nth-child(2){height:72%;background:var(--orange)}.bars i:nth-child(3){height:58%}.bars i:nth-child(4){height:88%;background:var(--red)}.hero-foot{position:absolute;bottom:28px;left:6vw;right:6vw;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.section-head{max-width:800px}.section-head h2,.builder-intro h2{font-size:clamp(52px,7vw,96px);line-height:.92;letter-spacing:-.065em;margin:18px 0 24px}.section-head p,.builder-intro p{font-size:20px;line-height:1.6;color:var(--muted);max-width:680px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:60px}.solution-card{text-align:left;cursor:pointer;color:var(--brown);border:1px solid var(--line);background:var(--paper);border-radius:34px;min-height:350px;padding:34px;position:relative;transition:.3s}.solution-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:rgba(217,107,39,.35)}.card-num{font-size:11px;font-weight:900;color:var(--orange)}.card-icon{font-size:38px;margin:54px 0 26px}.solution-card h3{font-size:34px;letter-spacing:-.045em;margin-bottom:12px}.solution-card p{color:var(--muted);font-size:16px;max-width:430px}.solution-card b{position:absolute;bottom:30px}.builder-wrap{background:var(--brown);color:var(--cream);padding-bottom:110px;border-radius:56px 56px 0 0}.builder-intro{padding-bottom:60px}.builder-intro p{color:#e6d5c8}.builder-app{width:min(1240px,94vw);margin:auto;background:var(--cream);color:var(--brown);border-radius:30px;overflow:hidden;box-shadow:0 30px 100px rgba(46,22,15,.25)}.builder-top{height:70px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.builder-top>div:first-child{display:flex;align-items:center;gap:9px}.builder-top>div:first-child span{color:var(--muted);font-size:12px}.step-pills{display:flex;gap:6px;margin-left:auto}.step-pills i{font-style:normal;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#efe2d5;color:#9b7968;font-size:11px;font-weight:800}.step-pills i.active{background:var(--orange);color:white}.builder-top>span{font-size:12px;color:var(--muted)}.builder-content{display:grid;grid-template-columns:420px 1fr;min-height:660px}.config-panel{padding:34px;border-right:1px solid var(--line);overflow:auto}.config-panel h3{font-size:30px;letter-spacing:-.045em;margin:8px 0 8px}.config-panel>p{color:var(--muted);font-size:14px;margin-bottom:28px}.field{margin:18px 0}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.field input,.field textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:white;color:var(--brown);outline:none}.field input:focus,.field textarea:focus{border-color:var(--orange)}.phone-row{display:grid;grid-template-columns:80px 1fr;gap:8px}.prefix{display:grid;place-items:center;border:1px solid var(--line);background:white;border-radius:13px;font-weight:700}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice{cursor:pointer;padding:13px;border:1px solid var(--line);background:white;border-radius:13px;color:var(--brown);font-weight:700;text-align:left}.choice.active{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange);background:#fff5e9}.choice small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.page-list{display:grid;gap:8px}.page-choice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer}.page-choice input{accent-color:var(--orange)}.palette-list{display:grid;gap:8px}.palette{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:white;cursor:pointer}.palette.active{border-color:var(--orange)}.swatches{display:flex;gap:4px;margin-left:auto}.swatches i{width:18px;height:18px;border-radius:50%}.config-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.back-btn{border:0;background:none;color:var(--muted);font-weight:700;cursor:pointer}.preview-panel{padding:26px;background:#efe5d9}.preview-toolbar{height:44px;background:white;border-radius:14px 14px 0 0;display:flex;align-items:center;padding:0 13px;gap:6px;border:1px solid var(--line);border-bottom:0}.preview-toolbar>div:first-child{display:flex;gap:5px}.preview-toolbar i{width:7px;height:7px;border-radius:50%;background:#d8c7b8}.preview-toolbar>span{font-size:10px;color:var(--muted);margin:auto}.devices{display:flex!important}.device{border:0;background:transparent;cursor:pointer;color:#b79c8a}.device.active{color:var(--orange)}.preview-frame{height:560px;background:white;border:1px solid var(--line);border-radius:0 0 14px 14px;overflow:auto;display:flex;justify-content:center;transition:.3s}.preview-frame.mobile .demo-site{width:360px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.demo-site{width:100%;min-height:100%;position:relative;background:#fffaf4;color:#5A3426;transition:.3s}.watermark{position:absolute;right:15px;top:15px;font-size:8px;letter-spacing:.12em;color:#A83232;z-index:2}.demo-site nav{position:static;transform:none;width:auto;height:auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:22px 30px;display:flex;justify-content:space-between;font-size:10px}.demo-hero{text-align:center;padding:75px 24px 80px;background:radial-gradient(circle at 50% 10%,rgba(233,185,73,.32),transparent 45%)}.demo-hero small{letter-spacing:.13em;font-weight:900}.demo-hero h3{font-size:clamp(38px,4vw,68px);line-height:.95;letter-spacing:-.06em;margin:15px 0}.demo-hero p{max-width:480px;margin:0 auto 22px;color:#8b6c5d}.demo-hero button{border:0;background:#D96B27;color:white;border-radius:999px;padding:11px 18px;font-weight:800}.demo-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 30px 40px}.demo-cards i{height:100px;border-radius:16px;background:#f2e4d5}.preview-frame.mobile .demo-site nav span{display:none}.preview-frame.mobile .demo-cards{grid-template-columns:1fr}.preview-frame.mobile .demo-hero{padding-top:55px}.generation{display:grid;place-items:center;text-align:center;min-height:500px}.spinner{width:58px;height:58px;border:5px solid #ead8c7;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite;margin:auto}.generation ul{list-style:none;padding:0;color:var(--muted);line-height:2}.generation li.done{color:var(--brown);font-weight:700}.order-summary{border:1px solid var(--line);background:white;border-radius:16px;padding:16px;margin:18px 0}.order-summary div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px}.order-summary div:last-child{border:0}.automation{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}.consultant{border:1px solid var(--line);border-radius:32px;background:var(--paper);padding:22px;box-shadow:var(--shadow)}.chat-history{min-height:430px;max-height:540px;overflow:auto;padding:10px}.chat{padding:15px 17px;border-radius:19px;margin:10px 0;max-width:82%;line-height:1.5}.chat.user{background:#f2e6d8;margin-left:auto}.chat.ai{display:flex;gap:12px;border:1px solid rgba(217,107,39,.25);background:#fff8ee}.chat.ai>span{color:var(--orange);font-size:20px}.chat.ai p{color:var(--muted);font-size:14px}.ai-flow{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.ai-flow i{font-style:normal;background:#f6e8d9;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}.ai-flow b{color:var(--orange)}.chat-input{display:flex;gap:9px;border-top:1px solid var(--line);padding-top:16px}.chat-input textarea{resize:none;flex:1;border:0;background:#f8efe5;border-radius:18px;padding:14px;outline:none;color:var(--brown)}.micro{font-size:10px!important;text-align:center;color:#a58979!important;margin:10px 0 0!important}.before-after{background:var(--red);color:var(--cream)}.before-after h2{font-size:clamp(52px,7vw,95px);line-height:.92;letter-spacing:-.065em;margin:20px 0 55px}.transform{display:grid;grid-template-columns:1fr 120px 1fr;align-items:center}.transform-side{min-height:450px;border-radius:30px;padding:30px}.transform-side small{font-weight:900;letter-spacing:.15em}.transform-side.old{border:1px solid rgba(255,255,255,.25)}.flow-chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:15px;margin:16px 0;font-weight:700}.transform-side.old>span{display:block;text-align:center;color:var(--yellow)}.transform-mid{text-align:center}.transform-mid span{display:block;font-size:11px;font-weight:900;letter-spacing:.14em}.transform-mid i{font-size:42px;color:var(--yellow);font-style:normal}.transform-side.new{background:var(--cream);color:var(--brown)}.system-ui{background:white;border-radius:18px;height:330px;margin-top:20px;padding:10px;display:grid;grid-template-columns:42px 1fr;gap:10px}.system-nav{background:var(--brown);border-radius:10px}.system-body{padding:15px}.system-body>div:first-child{display:flex;justify-content:space-between}.system-body span{font-size:10px;color:var(--muted)}.system-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.system-metrics i{height:55px;background:#f4e6d7;border-radius:8px}.system-chart{height:130px;border-radius:10px;background:linear-gradient(135deg,rgba(233,185,73,.5),rgba(217,107,39,.12))}.transform-side.new p{font-size:12px;color:var(--muted);margin-top:14px}.products .section-head{margin-bottom:60px}.product-card{min-height:600px;border-radius:38px;padding:55px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;margin:24px 0;overflow:hidden}.product-card.queue{background:#f2e2cf}.product-card.invoice{background:var(--yellow)}.product-tag{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--red)}.product-copy h3{font-size:clamp(54px,6vw,90px);line-height:.9;letter-spacing:-.06em;margin:14px 0 22px}.product-copy p{font-size:18px;line-height:1.6;color:#765344;max-width:460px}.queue-ui{display:flex;gap:20px;align-items:center;justify-content:center}.queue-phone{width:230px;height:430px;background:var(--cream);border:8px solid var(--brown);border-radius:34px;text-align:center;padding:50px 20px;box-shadow:var(--shadow)}.queue-phone small,.queue-board small{font-size:9px;letter-spacing:.15em;font-weight:900;color:var(--muted)}.queue-phone strong{display:block;font-size:62px;letter-spacing:-.06em;margin-top:10px}.queue-phone>span{font-size:11px;color:var(--muted)}.queue-phone i{display:block;width:60px;height:4px;background:var(--yellow);margin:45px auto;border-radius:4px}.queue-board{width:310px;background:var(--brown);color:var(--cream);border-radius:24px;padding:26px}.queue-board small{color:#d9c5b6}.queue-board>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding:15px 0}.queue-board b{font-size:25px}.queue-board span{font-size:10px}.queue-board .active{color:var(--yellow)}.invoice-ui{background:var(--paper);border-radius:25px;padding:34px;box-shadow:var(--shadow);transform:rotate(3deg);max-width:520px}.invoice-head{display:flex;justify-content:space-between;font-size:24px}.invoice-head span{font-size:10px;background:#efe5d6;color:var(--orange);padding:7px 10px;border-radius:999px}.invoice-lines{display:grid;gap:12px;margin:60px 0}.invoice-lines i{height:12px;border-radius:10px;background:#eee0d1}.invoice-lines i:nth-child(2){width:80%}.invoice-lines i:nth-child(3){width:60%}.invoice-total{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between}.invoice-total b{font-size:28px}.journey{background:#f2e5d6}.journey-line{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;border-top:1px solid rgba(90,52,38,.22)}.journey-line>div{padding:24px 18px 20px 0;position:relative}.journey-line i{position:absolute;top:-14px;width:28px;height:28px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900}.journey-line b{display:block;margin-top:20px;font-size:18px}.journey-line span{display:block;color:var(--muted);font-size:13px;margin-top:8px;line-height:1.5}.since{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:end;border-top:1px solid rgba(90,52,38,.22);margin-top:80px;padding-top:40px}.since strong{font-size:clamp(100px,17vw,230px);line-height:.7;letter-spacing:-.08em;color:var(--orange)}.since p{font-size:24px;font-weight:800}.since span{color:var(--muted)}.closing{text-align:center;padding-top:170px;padding-bottom:170px}.closing h2{font-size:clamp(62px,9vw,130px);line-height:.86;letter-spacing:-.075em;margin:24px 0 40px}.closing-actions{display:flex;justify-content:center;align-items:center;gap:30px}footer{width:min(1200px,88vw);margin:auto;border-top:1px solid var(--line);padding:32px 0 45px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}footer p{text-align:center;margin:0}footer small{font-size:11px}footer>a:last-child{text-decoration:none}.toast{position:fixed;z-index:200;bottom:24px;left:50%;transform:translate(-50%,30px);opacity:0;background:var(--brown);color:var(--cream);padding:13px 18px;border-radius:999px;font-size:13px;transition:.3s;pointer-events:none}.toast.show{transform:translate(-50%,0);opacity:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.navlinks{display:none}.hero{grid-template-columns:1fr;padding-top:130px;padding-bottom:90px}.hero-stage{margin-top:30px}.hero-foot{display:none}.solution-grid{grid-template-columns:1fr}.builder-content{grid-template-columns:1fr}.config-panel{border-right:0;border-bottom:1px solid var(--line)}.preview-panel{min-height:620px}.automation{grid-template-columns:1fr}.transform{grid-template-columns:1fr}.transform-mid{padding:20px}.transform-mid i{display:block;transform:rotate(90deg)}.product-card{grid-template-columns:1fr;padding:35px}.journey-line{grid-template-columns:1fr;border-top:0}.journey-line>div{border-top:1px solid rgba(90,52,38,.2);padding-left:45px}.journey-line i{left:0;top:18px}.since{grid-template-columns:1fr;gap:25px}.since strong{line-height:.9}.section{width:min(92vw,760px);padding:90px 0}}@media(max-width:600px){.nav{top:10px}.nav .button{display:none}.hero{padding-left:5vw;padding-right:5vw}.hero h1{font-size:59px}.hero-actions{align-items:flex-start;flex-direction:column;gap:5px}.stage-body{grid-template-columns:1fr;min-height:600px}.stage-arrow{transform:rotate(90deg);text-align:center}.builder-wrap{border-radius:32px 32px 0 0}.builder-top>span{display:none}.builder-content{min-height:0}.config-panel{padding:24px}.preview-panel{padding:12px;min-height:530px}.preview-frame{height:470px}.choices{grid-template-columns:1fr}.automation{width:92vw}.consultant{padding:12px}.chat{max-width:94%}.chat-input{flex-direction:column}.product-card{padding:28px 20px;min-height:0}.queue-ui{transform:scale(.82);margin:-35px}.queue-board{display:none}.invoice-ui{transform:none}.closing-actions{flex-direction:column}.demo-site nav{padding:18px}.demo-site nav span{display:none}footer{align-items:flex-start;gap:24px;flex-direction:column}footer p{text-align:left}}

/* Sevin refresh: open white canvas, with the existing warm palette as accents. */
:root{--cream:#fff;--paper:#fff;--muted:#76685f;--line:rgba(90,52,38,.12);--shadow:0 24px 72px rgba(60,39,27,.09)}
body{background:#fff;color:var(--brown)}
.nav{background:rgba(255,255,255,.88);border-color:rgba(90,52,38,.1);box-shadow:0 10px 34px rgba(45,31,21,.06)}
.navlinks a{color:#67574e;transition:color .2s ease}.navlinks a:hover{color:var(--orange)}
.logo-mark{box-shadow:0 7px 18px rgba(217,107,39,.22)}
.button{box-shadow:0 9px 24px rgba(217,107,39,.2)}
.hero{min-height:min(960px,100svh);padding-top:150px;padding-bottom:100px;gap:3vw}
.hero-copy{max-width:760px}
.hero h1{font-size:clamp(64px,8.2vw,138px);line-height:.82;letter-spacing:-.085em;margin:25px 0 30px}
.hero h1 em{color:var(--orange);text-shadow:0 8px 28px rgba(217,107,39,.12)}
.hero-copy>p{max-width:600px;color:#71645c}
.hero-glow{filter:blur(18px);opacity:.7}.glow-a{width:500px;height:500px;background:radial-gradient(circle,rgba(233,185,73,.3),rgba(217,107,39,.08) 48%,transparent 72%)}.glow-b{background:radial-gradient(circle,rgba(168,50,50,.07),transparent 68%)}
.stage-window{background:#fff;border-color:rgba(90,52,38,.11);box-shadow:0 35px 100px rgba(66,40,24,.13);transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s ease}
.stage-window:hover{transform:perspective(1200px) rotateY(-1deg) translateY(-5px);box-shadow:0 40px 110px rgba(66,40,24,.16)}
.stage-body{background:linear-gradient(140deg,#fff 0%,#fffaf5 100%);min-height:490px}
.app-shell{background:#fff7ed}.app-side{background:linear-gradient(180deg,var(--brown),#7b4e39)}
.hero-foot{color:#76685f;border-color:rgba(90,52,38,.12)}
.section{padding:145px 0}
.intro{padding-top:130px;padding-bottom:150px}
.section-head h2,.builder-intro h2{letter-spacing:-.078em}
.solution-grid{gap:20px;margin-top:64px}
.solution-card{background:#fff;border-color:rgba(90,52,38,.12);border-radius:28px;min-height:330px;box-shadow:0 6px 24px rgba(60,39,27,.025)}
.solution-card:hover{box-shadow:0 24px 60px rgba(60,39,27,.1);border-color:rgba(217,107,39,.38)}
.card-icon{color:var(--orange)}
.builder-wrap{background:#fff;color:var(--brown);padding-bottom:140px;border-radius:0;position:relative}
.builder-wrap:before{content:"";display:block;width:min(1200px,88vw);height:1px;background:var(--line);position:absolute;top:0;left:50%;transform:translateX(-50%)}
.builder-intro{padding-top:140px;padding-bottom:48px}
.builder-intro p{color:var(--muted)}
.kicker.light{color:var(--orange)}
.builder-app{border:1px solid rgba(90,52,38,.11);border-radius:28px;box-shadow:0 28px 90px rgba(58,37,24,.11)}
.builder-top{background:#fff}.config-panel{background:#fff}.preview-panel{background:#f8f5f1}
.preview-frame{box-shadow:0 12px 35px rgba(54,39,27,.06)}
.automation{padding-top:145px;padding-bottom:150px}
.consultant{box-shadow:0 24px 72px rgba(60,39,27,.08);border-color:rgba(90,52,38,.12)}
.chat.ai{background:#fffaf5}
.before-after{background:#fff;color:var(--brown);padding:30px 0 20px}
.before-after h2{letter-spacing:-.078em}
.transform-side.old{border-color:rgba(168,50,50,.2);background:#fff9f7}
.transform-side.old small{color:var(--red)}
.flow-chip{background:#fff;border-color:rgba(90,52,38,.11);box-shadow:0 4px 15px rgba(54,39,27,.035)}
.transform-side.old>span{color:var(--red)}
.transform-side.new{background:#fff;border:1px solid var(--line);box-shadow:0 16px 48px rgba(54,39,27,.08)}
.system-nav{background:linear-gradient(180deg,var(--brown),#7b4e39)}
.transform-mid span{color:var(--orange)}
.products{padding-top:140px;padding-bottom:130px}
.product-card{border-radius:30px;min-height:560px;border:1px solid rgba(90,52,38,.06)}
.product-card.queue{background:#fff8f1}
.product-card.invoice{background:#fff9e9}
.queue-phone{border-color:var(--brown)}
.invoice-ui{box-shadow:0 28px 70px rgba(60,39,27,.12)}
.journey{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journey-line{border-color:rgba(90,52,38,.17)}
.journey-line>div{padding-right:22px}
.journey-line b{letter-spacing:-.025em}
.since{border-color:rgba(90,52,38,.17)}
.closing{padding-top:180px;padding-bottom:180px}
.closing h2{letter-spacing:-.085em}
footer{border-color:rgba(90,52,38,.12)}
.reveal{transform:translateY(30px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}
@media(max-width:900px){.hero{min-height:0;padding-top:140px;padding-bottom:100px}.section{padding:100px 0}.builder-intro{padding-top:110px}.builder-wrap{padding-bottom:100px}.products{padding-top:100px;padding-bottom:100px}}
@media(max-width:600px){.nav .button{display:inline-flex;padding:10px 14px;font-size:12px}.hero{padding-top:120px;padding-bottom:70px}.hero h1{font-size:clamp(56px,15vw,78px)}.stage-window{transform:none}.stage-window:hover{transform:translateY(-3px)}.stage-body{min-height:570px}.section{padding:78px 0}.builder-intro{padding-top:82px}.before-after{padding:5px 0}.transform-side{min-height:0}.products{padding-top:78px;padding-bottom:78px}.closing{padding-top:110px;padding-bottom:110px}}
@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}}

/* The live website preview reflects the selected layout and accent color. */
.demo-hero button{background:var(--demo-accent,#D96B27)}
.demo-site[data-layout="editorial"] .demo-hero{text-align:left;padding-left:12%;background:linear-gradient(120deg,rgba(233,185,73,.22),transparent 65%)}
.demo-site[data-layout="editorial"] .demo-hero p{margin-left:0}
.demo-site[data-layout="product"] .demo-hero{padding-top:50px;padding-bottom:55px}
.demo-site[data-layout="product"] .demo-cards i{height:145px;background:linear-gradient(145deg,#f3e4d3,#fff)}
.demo-site[data-layout="bold"] .demo-hero h3{font-size:clamp(48px,5.5vw,82px);letter-spacing:-.075em}
.demo-site[data-layout="bold"] .demo-hero button{padding:14px 24px;box-shadow:0 10px 24px color-mix(in srgb,var(--demo-accent,#D96B27) 28%,transparent)}
@media(prefers-reduced-motion:no-preference){.stage-window{animation:stageFloat 8s ease-in-out infinite alternate}@keyframes stageFloat{from{translate:0 0}to{translate:0 -8px}}}

/* Original Sevin illustrations: visible visual anchors, not stock decoration. */
.hero-stage{isolation:isolate}
.hero-art{position:absolute;z-index:-1;width:132%;max-width:none;height:auto;left:-14%;top:50%;transform:translateY(-50%);pointer-events:none;filter:saturate(1.04)}
.stage-window{position:relative;z-index:1;background:rgba(255,255,255,.91)}
.stage-body{background:rgba(255,253,248,.88)}
.workflow-art{display:block;width:min(100%,470px);height:auto;margin:30px 0 0 -14px;filter:drop-shadow(0 20px 32px rgba(90,52,38,.1));}
.automation .section-head{max-width:none}
@media(max-width:900px){.hero-art{width:116%;left:-8%;top:50%}.workflow-art{width:min(100%,530px);margin:28px auto 0}}
@media(max-width:600px){.hero-art{width:125%;left:-12%;top:50%;opacity:.82}.workflow-art{margin-top:24px}}

/* Visual storytelling update: make software the main graphic, with Sevin's warm palette. */
.hero{grid-template-columns:.91fr 1.09fr;gap:1.5vw;min-height:min(940px,100svh);overflow:visible}
.hero h1{max-width:730px}
.hero-copy{z-index:3}
.hero-proof{display:flex;align-items:center;gap:12px;margin-top:54px;color:var(--muted);font-size:12px;line-height:1.5}
.hero-proof b{color:var(--brown)}
.proof-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--orange);font-size:18px;border-radius:12px;background:#fff4e9;border:1px solid rgba(217,107,39,.14)}
.hero-stage{min-height:590px;display:grid;place-items:center;perspective:1200px}
.hero-visual{position:relative;width:100%;max-width:730px;height:600px;isolation:isolate}
.visual-lines{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}
.visual-lines path{fill:none;stroke:#D96B27;stroke-opacity:.33;stroke-width:2;stroke-dasharray:7 8;animation:lineFlow 13s linear infinite}
.visual-lines circle{fill:#E9B949;stroke:white;stroke-width:4;filter:drop-shadow(0 4px 8px #b7753c33)}
.visual-orbit{position:absolute;left:20%;top:8%;width:69%;height:78%;border:1px solid rgba(217,107,39,.09);border-radius:50%;transform:rotate(-25deg);z-index:-2}
.orbit-two{left:11%;top:15%;width:82%;height:65%;border-color:rgba(233,185,73,.15);transform:rotate(22deg)}
.visual-label{position:absolute;left:40%;top:7%;font-size:9px;font-weight:900;letter-spacing:.18em;color:#9c8070;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:99px;box-shadow:0 8px 25px #5a34260c}
.source-card{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;width:40%;min-height:76px;padding:13px 14px;border:1px solid rgba(90,52,38,.1);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 18px 48px rgba(60,39,27,.11);animation:floatCard 6s ease-in-out infinite}
.source-card small,.source-card b,.source-card i{display:block}.source-card small{font-size:8px;letter-spacing:.13em;color:#a18675;font-weight:900}.source-card b{font-size:11px;margin:4px 0 3px}.source-card i{font-style:normal;font-size:9px;color:#9d8c80}
.source-chat{left:-2%;top:25%;transform:rotate(-5deg)}
.source-sheet{left:-1%;top:65%;width:44%;transform:rotate(4deg);animation-delay:-2.1s}
.source-icon{width:33px;height:33px;flex:none;display:grid;place-items:center;border-radius:11px;font-weight:900}
.chat-icon{background:#eaf4e9;color:#64845e;letter-spacing:1px}
.sheet-icon{background:#fff3df;color:#d78a2d;font-size:17px}
.source-dot{width:8px;height:8px;border-radius:50%;background:#69aa79;margin-left:auto;box-shadow:0 0 0 4px #e8f6ea}
.sheet-bars{margin-left:auto;height:25px;display:flex;align-items:end;gap:3px}.sheet-bars i{width:4px;border-radius:4px;background:#e9b949;height:45%}.sheet-bars i:nth-child(2){height:75%;background:#d96b27}.sheet-bars i:nth-child(3){height:55%}.sheet-bars i:nth-child(4){height:100%;background:#a83232}
.software-card{position:absolute;left:15%;top:19%;width:77%;height:65%;overflow:hidden;border:1px solid rgba(90,52,38,.13);border-radius:25px;background:#fff;box-shadow:0 35px 90px rgba(75,45,27,.18);transform:rotateY(-7deg) rotateX(2deg);animation:dashboardFloat 7s ease-in-out infinite alternate}
.software-top{height:42px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#fffdfa;border-bottom:1px solid #f1e8e0;color:#967e6c;font-size:8px;font-weight:900;letter-spacing:.12em}
.software-top>span:first-child{display:flex;gap:4px}.software-top>span:first-child i{width:7px;height:7px;border-radius:50%;background:#dfd1c6}.software-top>span:first-child i:first-child{background:#e5a575}
.live-pill{margin-left:auto;display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:99px;background:#edf7ef;color:#55865d;font-size:7px;letter-spacing:.08em}.live-pill i{width:5px;height:5px;border-radius:50%;background:#69aa79}
.software-content{height:calc(100% - 42px);display:grid;grid-template-columns:46px 1fr}
.software-content aside{background:#fbf6f0;border-right:1px solid #f0e7df;display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:14px}
.workspace-mark{width:23px;height:23px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:7px;font-size:11px;margin-bottom:9px}.software-content aside i{width:14px;height:14px;border-radius:4px;background:#e9ded4}.software-content aside i.active{background:#f5d6b6;box-shadow:0 0 0 5px #fff0e2}
.dashboard{padding:20px 22px 13px;min-width:0}.dash-heading{display:flex;align-items:center;justify-content:space-between}.dash-heading small{display:block;font-size:7px;letter-spacing:.13em;color:#9c897b;font-weight:800}.dash-heading b{display:block;font-size:16px;letter-spacing:-.04em;margin-top:5px}.dash-heading b span{font-size:12px;color:var(--orange)}
.avatar-stack{display:flex;align-items:center}.avatar-stack i{font-style:normal;width:23px;height:23px;display:grid;place-items:center;margin-left:-5px;border:2px solid white;border-radius:50%;background:#f3d7c4;color:#804f35;font-size:6px;font-weight:900}.avatar-stack i:nth-child(2){background:#dae5d2;color:#536549}.avatar-stack i:nth-child(3){background:#f1e6d9;color:#826d5e}
.dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.dash-metrics>div{position:relative;overflow:hidden;padding:10px 11px;border:1px solid #f0e8e1;border-radius:11px;background:#fff}.dash-metrics small{display:block;font-size:7px;letter-spacing:.1em;color:#948072;font-weight:900}.dash-metrics b{display:flex;align-items:center;gap:6px;font-size:20px;letter-spacing:-.05em;margin-top:6px}.dash-metrics b i{font-style:normal;padding:4px 5px;border-radius:5px;background:#edf7ef;color:#55865d;font-size:6px;letter-spacing:0}.dash-metrics b i.review-i{background:#fff2e3;color:#c07837}
.sparkline{position:absolute;right:7px;bottom:10px;width:50px;height:20px;opacity:.85;clip-path:polygon(0 76%,14% 58%,30% 70%,45% 32%,60% 55%,75% 20%,88% 42%,100% 5%,100% 100%,0 100%);background:#dbead9}.spark-b{background:#f6dfc6}
.dash-chart{margin-top:11px;padding:10px 11px 7px;border:1px solid #f0e8e1;border-radius:11px}.chart-heading{display:flex;justify-content:space-between;align-items:center}.chart-heading b{font-size:8px}.chart-heading small{font-size:7px;color:#958477}.dash-chart svg{display:block;width:100%;height:67px;margin-top:4px;overflow:visible}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#d96b27;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round}.chart-axis{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.08em;color:#aa9a8e}
.dash-bottom{display:flex;justify-content:space-between;margin-top:10px;color:#988577;font-size:7px}.dash-bottom>span:first-child{color:#66876a}.status-dot{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#70b080}
.phone-float{position:absolute;z-index:3;right:0;bottom:3%;width:23%;height:39%;padding:13% 13px 14px;border:6px solid #543323;border-radius:29px;background:linear-gradient(160deg,#fffdfb,#fff6ec);box-shadow:0 24px 50px rgba(49,29,17,.22);transform:rotate(7deg);animation:phoneFloat 5.3s ease-in-out infinite alternate}
.phone-speaker{position:absolute;top:7px;left:50%;width:36px;height:4px;border-radius:9px;background:#bca99a;transform:translateX(-50%)}.phone-float small{display:block;font-size:6px;letter-spacing:.11em;color:#9c8675;font-weight:900}.phone-float>b{display:block;margin:11px 0 5px;font-size:11px}.phone-float>span{display:block;font-size:8px;line-height:1.5;color:#8e796a}.phone-float>i{display:flex;justify-content:space-between;margin-top:17px;padding:7px 0;border-top:1px solid #f0e4d7;color:var(--orange);font-size:7px;font-style:normal;font-weight:800}.phone-float>i b{font-size:9px}
.automation-badge{position:absolute;z-index:4;left:25%;bottom:7%;padding:11px 15px;border:1px solid rgba(90,52,38,.1);border-radius:99px;background:#fff;box-shadow:0 12px 30px #5a342619;font-size:9px;font-weight:800;color:#6f5b4d;animation:floatCard 5.8s ease-in-out infinite}.automation-badge span{color:var(--orange);font-size:13px;margin-right:5px}
.hero-orbit-note{position:absolute;right:5%;top:4%;font-size:7px;letter-spacing:.12em;font-weight:900;color:#a18c7d}.hero-orbit-note span{padding:0 5px;color:var(--orange)}
@keyframes lineFlow{to{stroke-dashoffset:-120}}
@keyframes dashboardFloat{from{translate:0 0}to{translate:0 -8px}}
@keyframes phoneFloat{from{translate:0 0;rotate:-1deg}to{translate:0 -10px;rotate:1deg}}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -8px}}
.solution-card{overflow:hidden;min-height:355px;padding-top:31px}.card-icon{position:relative;width:68px;height:68px;display:grid;place-items:center;margin:34px 0 22px;border:1px solid rgba(217,107,39,.12);border-radius:20px;background:linear-gradient(145deg,#fff8ef,#fff);color:var(--orange);font-size:31px;box-shadow:0 12px 24px #7c431510}.solution-card:nth-child(2) .card-icon{background:linear-gradient(145deg,#fff8e7,#fff)}.solution-card:nth-child(3) .card-icon{background:linear-gradient(145deg,#f1f5ed,#fff);color:#758a5d}.solution-card:nth-child(4) .card-icon{background:linear-gradient(145deg,#fcf0ee,#fff);color:var(--red)}
.solution-card:after{content:"";position:absolute;right:-20px;top:20px;width:120px;height:120px;border:1px solid rgba(217,107,39,.09);border-radius:50%;box-shadow:0 0 0 14px #d96b2704,0 0 0 29px #d96b2704;pointer-events:none}
.builder-wrap{background:linear-gradient(180deg,#fff 0%,#fff 52%,#fff8f1 100%)}
.builder-app{background:white}.builder-top{background:rgba(255,255,255,.92)}.step-pills i.complete{background:#edf6ee;color:#5f8e67}.preview-note{display:flex;align-items:flex-start;gap:10px;margin:18px 0;padding:13px;border-radius:13px;background:#fff7ec;color:#8d6b50}.preview-note>span{color:var(--orange)}.preview-note p{margin:0;font-size:12px;line-height:1.5}.preview-summary{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.preview-summary b,.preview-summary small{display:block}.preview-summary small{margin-top:4px;color:var(--muted);font-size:11px}.preview-summary-art{width:61px;height:48px;display:flex;align-items:end;gap:5px;padding:7px;border-radius:10px;background:linear-gradient(140deg,#fff3df,#f7e5d4)}.preview-summary-art i{width:10px;border-radius:3px 3px 0 0;background:#e9b949;height:45%}.preview-summary-art i:nth-child(2){height:78%;background:#d96b27}.preview-summary-art i:nth-child(3){height:60%;background:#a83232}.optional{font-size:9px;color:#9b887a;margin-left:5px}.demo-disclosure{margin:10px 0 0;font-size:10px;line-height:1.5;color:#9c8373}.micro{font-size:10px!important}
/* Richer, believable product previews */
.product-card{position:relative}.product-card.queue{background:radial-gradient(ellipse at 79% 46%,#ffead4 0,rgba(255,234,212,.25) 36%,transparent 68%),#fff8f1}.product-card.invoice{background:radial-gradient(ellipse at 78% 48%,#ffefbc 0,rgba(255,239,188,.35) 36%,transparent 68%),#fff9e9}
.queue-ui{position:relative;min-height:440px}.queue-phone{position:relative;width:238px;height:424px;z-index:2;padding:20px 18px 15px;border:7px solid #3e2a20;background:#fff;border-radius:34px;text-align:left;transform:rotate(-5deg);box-shadow:0 32px 65px rgba(71,45,25,.21)}.q-app-top{display:flex;align-items:center;gap:6px;margin-bottom:23px;font-size:9px;font-weight:900}.q-app-logo{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--orange);color:white}.q-app-top>i{margin-left:auto;color:#9c8878;font-style:normal}.queue-phone small{display:block;font-size:8px;letter-spacing:.15em}.queue-phone strong{font-size:54px;margin-top:7px}.queue-phone>span{display:block;font-size:10px;color:var(--muted)}.queue-progress{display:flex;gap:5px;margin:15px 0}.queue-progress i{height:4px;flex:1;border-radius:4px;background:#eee1d5}.queue-progress i:first-child,.queue-progress i:nth-child(2){background:var(--orange)}.queue-wait{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #f1e9e1;font-size:8px}.queue-wait span{color:var(--muted)}.queue-phone>p{margin-top:14px;padding:12px;border-radius:12px;background:#fff4e8;font-size:9px;line-height:1.6}.queue-phone>p b{font-size:13px}.queue-phone .queue-phone-tab{position:absolute;left:15px;right:15px;bottom:12px;display:flex;justify-content:space-around;color:#b19d8d;font-size:11px}
.queue-board{position:relative;z-index:1;width:290px;border-radius:22px;padding:22px;background:#fff;color:var(--brown);box-shadow:0 25px 60px rgba(71,45,25,.13);transform:rotate(3deg);border:1px solid #fff}.queue-board .board-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.queue-board small{font-size:8px;letter-spacing:.12em}.queue-board>div:not(.board-header):not(.board-foot){padding:13px 0}.queue-board>div b{font-size:22px}.queue-board>div span{font-size:9px}.queue-board .active{color:var(--orange)}.board-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:9px;color:var(--muted)}.board-foot b{font-size:12px!important;color:var(--brown)}.queue-cursor{position:absolute;z-index:4;right:5%;bottom:12%;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #5a34261a;font-size:9px;font-weight:800;color:#657d58;transform:rotate(-4deg)}.queue-cursor i{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:#e8f4e8;font-style:normal}
.invoice-ui{position:relative;width:min(100%,530px);max-width:530px;padding:0 29px 24px;overflow:hidden;transform:rotate(2deg);border:1px solid #fff;box-shadow:0 30px 70px rgba(88,61,19,.15)}.invoice-toolbar{height:42px;margin:0 -29px 20px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:#fffcf4;border-bottom:1px solid #f1e8d6;font-size:7px;letter-spacing:.13em;color:#987e62;font-weight:900}.invoice-toolbar i{font-style:normal;letter-spacing:2px}.invoice-head{align-items:center;font-size:16px}.invoice-head small{display:block;font-size:8px;letter-spacing:.14em;color:#9e8872;margin-bottom:5px}.invoice-head>span{background:#eaf5e9;color:#5c8b60}.invoice-client{display:flex;align-items:center;gap:9px;margin-top:18px}.invoice-client>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#f3e2d0;color:#835a3c;font-style:normal;font-size:9px;font-weight:900}.invoice-client b,.invoice-client small{display:block;font-size:9px}.invoice-client small{font-size:7px;color:#9c8878;margin-top:3px}.invoice-client button{margin-left:auto;border:1px solid var(--line);background:white;border-radius:8px;padding:7px;font-size:7px;color:var(--brown)}.invoice-lines{gap:10px;margin:20px 0}.invoice-lines i{height:8px;background:#f1e9dc}.invoice-total{padding-top:13px}.invoice-total span{font-size:10px;color:var(--muted)}.invoice-total b{font-size:19px}.invoice-insight{display:flex;align-items:center;gap:9px;margin-top:17px;padding:10px;border-radius:10px;background:#fff7e8}.invoice-insight>span{color:var(--orange)}.invoice-insight b,.invoice-insight small{display:block;font-size:8px}.invoice-insight small{margin-top:3px;color:var(--muted);font-size:7px}.invoice-insight>i{margin-left:auto;color:var(--orange);font-style:normal}.concept-note{display:inline-flex;margin-top:20px;padding:8px 10px;border-radius:8px;background:#fff2d4;color:#80683b;font-size:10px;font-weight:700}
/* Mobile menu and keyboard support */
.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{width:15px;height:1.5px;background:var(--brown);transition:transform .2s}
:focus-visible{outline:3px solid rgba(217,107,39,.55);outline-offset:3px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;gap:2vw}.hero h1{font-size:clamp(58px,7.2vw,90px)}.hero-visual{height:500px}.hero-stage{min-height:500px}.dashboard{padding:14px}.software-card{height:64%;top:21%}.phone-float{height:36%;width:22%}.dash-heading b{font-size:13px}.source-card{width:42%;padding:10px}.source-sheet{width:43%}.queue-board{width:250px}.queue-ui{transform:scale(.92)}}
@media(max-width:760px){.navlinks{display:flex;position:absolute;top:calc(100% + 9px);left:0;right:0;padding:10px;flex-direction:column;gap:2px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px #5a342619;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.navlinks a{padding:13px 14px;border-radius:12px}.navlinks a:hover{background:#fff6ed}.nav.menu-open .navlinks{opacity:1;visibility:visible;transform:none}.menu-toggle{display:flex}.nav .nav-cta{margin-left:auto;margin-right:9px}.nav.menu-open .menu-toggle span:first-child{transform:translateY(3.25px) rotate(45deg)}.nav.menu-open .menu-toggle span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.hero{grid-template-columns:1fr;padding-bottom:96px}.hero-copy{max-width:680px}.hero-stage{min-height:470px;margin:0}.hero-visual{max-width:620px;height:480px}.hero-foot{display:flex}.hero-proof{margin-top:32px}.automation{grid-template-columns:1fr}.automation .section-head{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:20px}.automation .section-head .kicker,.automation .section-head h2,.automation .section-head p{grid-column:1}.workflow-art{grid-column:2;grid-row:1/4;width:100%;margin:0}.queue-ui{transform:none}.product-card{min-height:0}.product-card.queue,.product-card.invoice{grid-template-columns:1fr}.queue-ui{min-height:440px}.invoice-ui{margin:0 auto}.hero-orbit-note{right:8%}}
@media(max-width:600px){.nav{width:calc(100% - 20px);top:10px}.nav .nav-cta{display:inline-flex;padding:10px 13px;font-size:11px}.hero{padding-top:118px;padding-bottom:35px;min-height:0}.hero h1{font-size:clamp(54px,14.5vw,78px)}.hero-copy>p{font-size:17px}.hero-stage{min-height:380px;margin-top:12px}.hero-visual{height:380px;width:calc(100% + 10px);margin-left:-5px}.visual-label{left:36%;top:7%;font-size:7px;padding:8px}.hero-orbit-note{top:0;font-size:6px}.source-card{min-height:61px;width:45%;gap:7px;padding:8px;border-radius:13px}.source-card small{font-size:6px}.source-card b{font-size:8px}.source-card i{font-size:7px}.source-icon{width:25px;height:25px;border-radius:8px;font-size:12px}.source-chat{left:-2%;top:24%}.source-sheet{left:-1%;top:65%;width:47%}.software-card{left:13%;top:20%;width:83%;height:62%;border-radius:18px;transform:rotateY(-4deg)}.software-top{height:31px;padding:0 9px;font-size:6px;gap:6px}.software-content{height:calc(100% - 31px);grid-template-columns:28px 1fr}.software-content aside{gap:11px;padding-top:9px}.workspace-mark{width:17px;height:17px;font-size:8px}.software-content aside i{width:10px;height:10px}.dashboard{padding:12px 10px 8px}.dash-heading small{font-size:5px}.dash-heading b{font-size:10px}.dash-heading b span{font-size:8px}.avatar-stack i{width:16px;height:16px;font-size:4px}.dash-metrics{gap:5px;margin-top:10px}.dash-metrics>div{padding:7px;border-radius:8px}.dash-metrics small{font-size:5px}.dash-metrics b{font-size:14px}.dash-metrics b i{font-size:4px;padding:3px}.sparkline{width:28px;height:12px}.dash-chart{margin-top:6px;padding:7px}.chart-heading b,.chart-heading small{font-size:6px}.dash-chart svg{height:44px}.chart-axis{font-size:4px}.dash-bottom{font-size:5px;margin-top:6px}.live-pill{font-size:5px;padding:4px 6px}.phone-float{right:-1%;bottom:2%;width:23%;height:34%;padding:15% 8px 10px;border-width:4px;border-radius:20px}.phone-speaker{width:25px;top:5px}.phone-float small{font-size:4px}.phone-float>b{font-size:7px;margin:8px 0 4px}.phone-float>span{font-size:6px}.phone-float>i{font-size:5px;margin-top:8px}.phone-float>i b{font-size:6px}.automation-badge{left:26%;bottom:5%;padding:8px 10px;font-size:7px}.hero-foot{position:static;margin:8px 0 0;padding:15px 0 0;font-size:9px;gap:7px;flex-wrap:wrap}.hero-foot span{white-space:nowrap}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:315px}.card-icon{margin-top:25px}.automation .section-head{display:block}.workflow-art{width:min(100%,410px);margin:18px auto 22px}.consultant{padding:12px}.chat-input{flex-direction:column}.chat-input .button{align-self:stretch}.product-card{padding:25px 18px}.queue-ui{transform:scale(.88);transform-origin:top center;margin:0 -15px -35px;min-height:395px}.queue-phone{width:205px;height:390px;padding:17px 15px}.queue-board{width:220px;padding:17px}.queue-cursor{right:1%;bottom:9%;font-size:7px}.invoice-ui{padding-left:17px;padding-right:17px}.invoice-toolbar{margin-left:-17px;margin-right:-17px}.invoice-total b{font-size:17px}.closing{padding-top:95px;padding-bottom:95px}}
@media(prefers-reduced-motion:reduce){.visual-lines path,.source-card,.software-card,.phone-float,.automation-badge{animation:none!important}}
@media(max-width:900px){.navlinks{display:flex;position:absolute;top:calc(100% + 9px);left:0;right:0;padding:10px;flex-direction:column;gap:2px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 50px #5a342619;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.navlinks a{padding:13px 14px;border-radius:12px}.nav.menu-open .navlinks{opacity:1;visibility:visible;transform:none}.menu-toggle{display:flex}.nav .nav-cta{margin-left:auto;margin-right:9px}}

/* Company capability visuals: original UI illustrations with fictional sample data. */
.capabilities{padding-top:135px;padding-bottom:150px;background:linear-gradient(180deg,#fff 0%,#fffaf5 100%)}
.capabilities .section-head{max-width:850px;margin-bottom:56px}
.capabilities .section-head em,.closing h2 em{font-style:normal;color:var(--orange)}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cap-card{overflow:hidden;border:1px solid rgba(90,52,38,.1);border-radius:28px;background:#fff;box-shadow:0 14px 42px rgba(60,39,27,.045);transition:transform .35s ease,box-shadow .35s ease}
.cap-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(60,39,27,.1)}
.cap-visual{height:280px;position:relative;overflow:hidden;display:grid;place-items:center;background:#fbf4ec}
.cap-visual:before,.cap-visual:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.cap-visual:before{width:330px;height:330px;border:1px solid rgba(217,107,39,.11);box-shadow:0 0 0 20px rgba(217,107,39,.025),0 0 0 42px rgba(217,107,39,.025)}
.cap-visual:after{width:190px;height:190px;background:radial-gradient(circle,#ffe8cb99,transparent 70%)}
.cap-web{background:linear-gradient(145deg,#fff3e3,#fcf8f3 62%,#f5eee7)}
.sample-label{position:absolute;z-index:4;top:17px;left:18px;padding:7px 10px;border:1px solid rgba(90,52,38,.1);border-radius:99px;background:rgba(255,255,255,.9);font-size:7px;letter-spacing:.12em;font-weight:900;color:#927c6b}
.sample-window{position:relative;z-index:2;width:76%;height:200px;border:1px solid rgba(90,52,38,.14);border-radius:16px;background:#fff;box-shadow:0 22px 45px rgba(82,52,31,.16);transform:rotate(-3deg);overflow:hidden}
.sample-window-top{height:28px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #f0e8e0;background:#fffdfa}.sample-window-top i{width:6px;height:6px;border-radius:50%;background:#e4d4c7}.sample-window-top i:first-child{background:#e49b70}.sample-window-top span{margin-left:auto;margin-right:auto;font-size:6px;letter-spacing:.1em;font-weight:900;color:#967e6d}
.sample-app{height:calc(100% - 28px);display:grid;grid-template-columns:32px 1fr}.sample-app aside{display:flex;align-items:center;flex-direction:column;gap:9px;padding-top:10px;background:#fbf5ef;border-right:1px solid #f0e7de}.sample-app aside b{width:16px;height:16px;border-radius:5px;background:var(--orange);color:white;font-size:8px;display:grid;place-items:center;margin-bottom:3px}.sample-app aside i{width:11px;height:11px;border-radius:3px;background:#e9ddd1}.sample-app aside i:first-of-type{background:#f4d4b0}
.sample-dash{padding:12px 14px}.sample-dash>small{font-size:6px;letter-spacing:.12em;color:#9c8878;font-weight:900}.sample-dash h4{margin:4px 0 9px;font-size:12px;letter-spacing:-.04em}.sample-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sample-stats i{display:block;padding:6px;border:1px solid #f1e9e2;border-radius:6px;font-style:normal}.sample-stats b,.sample-stats small{display:block}.sample-stats b{font-size:10px}.sample-stats small{margin-top:2px;font-size:5px;color:#9a8778}.sample-graph{height:50px;margin-top:8px;display:flex;align-items:flex-end;gap:5px;padding:6px 8px;border-bottom:1px solid #eadfd5;background:linear-gradient(180deg,#fffaf5,#fff)}.sample-graph i{flex:1;height:35%;border-radius:3px 3px 0 0;background:#f1d5b8}.sample-graph i:nth-child(2){height:62%;background:#e9b949}.sample-graph i:nth-child(3){height:48%}.sample-graph i:nth-child(4){height:84%;background:#d96b27}.sample-graph i:nth-child(5){height:56%}.sample-graph i:nth-child(6){height:95%;background:#b85c3d}.sample-graph i:nth-child(7){height:69%}
.cap-mobile{background:linear-gradient(150deg,#f5f2e7,#fff9ef 55%,#f5e9df)}.mobile-scene{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center}.sample-phone{position:relative;z-index:2;width:152px;height:235px;padding:22px 13px 12px;border:6px solid #4f3425;border-radius:27px;background:#fff;box-shadow:0 22px 42px rgba(72,47,30,.2);transform:rotate(5deg)}.sample-notch{position:absolute;top:5px;left:50%;width:31px;height:4px;border-radius:4px;background:#bda99a;transform:translateX(-50%)}.sample-mobile-head small,.sample-mobile-head b{display:block}.sample-mobile-head small{font-size:5px;letter-spacing:.12em;color:#9d8675;font-weight:900}.sample-mobile-head b{margin-top:3px;font-size:11px}.sample-map{position:relative;height:74px;margin-top:9px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#eaf0e5,#f3eadf)}.sample-map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(35deg,transparent 0 13px,#ffffffaa 14px 16px),repeating-linear-gradient(115deg,transparent 0 19px,#ffffff80 20px 21px)}.sample-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.sample-map path{fill:none;stroke:#d96b27;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 4}.sample-map circle{fill:#fff;stroke:#d96b27;stroke-width:3}.sample-map span{position:absolute;z-index:2;right:24px;top:23px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#d96b27;color:#fff;font-size:10px}.sample-task{display:flex;align-items:center;gap:7px;margin-top:7px;padding:7px 6px;border:1px solid #f0e8e0;border-radius:8px}.sample-task>i{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#eaf4e8;color:#6d8f60;font-size:9px;font-style:normal;font-weight:900}.sample-task b,.sample-task small{display:block}.sample-task b{font-size:7px}.sample-task small{margin-top:2px;font-size:5px;color:#968274}.sample-task>span{margin-left:auto;color:#b39e8f}.sample-task.pale>i{background:#fff1df;color:#cd8a43}.sample-tabs{display:flex;justify-content:space-around;margin-top:8px}.sample-tabs i{width:13px;height:3px;border-radius:3px;background:#e7dbd0}.sample-tabs i:first-child{background:var(--orange)}
.mobile-orbit{position:absolute;border:1px solid rgba(217,107,39,.16);border-radius:50%;width:260px;height:125px;transform:rotate(-27deg)}.orbit-right{width:300px;height:175px;transform:rotate(28deg);border-color:rgba(233,185,73,.26)}.sync-chip{position:absolute;z-index:3;right:14%;bottom:24px;padding:10px 12px;border:1px solid #e7e9dc;border-radius:11px;background:#fff;box-shadow:0 11px 25px #5a342612;font-size:8px;font-weight:800;color:#6f775e;transform:rotate(-4deg)}.sync-chip span{color:#7f9b69;margin-right:5px;font-size:12px}
.cap-ai{background:linear-gradient(145deg,#fbf0e7,#fff8f0 57%,#f8eddf)}.ai-canvas{position:relative;z-index:2;width:82%;height:180px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:17px 70px;align-items:center;justify-items:center}.ai-canvas>svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.ai-canvas path{fill:none;stroke:#cf9b73;stroke-width:2;stroke-dasharray:4 6}.ai-node{width:100px;height:60px;position:relative;z-index:1;display:grid;grid-template-columns:25px 1fr;align-content:center;align-items:center;column-gap:7px;padding:8px;border:1px solid rgba(90,52,38,.1);border-radius:13px;background:#fff;box-shadow:0 12px 25px #5a342615}.ai-node>i{grid-row:span 2;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff1df;color:var(--orange);font-style:normal;font-size:14px}.node-assist>i{background:#f8e8e2;color:#af5948}.node-flow>i{background:#eef3e8;color:#6d8e60}.node-insight>i{background:#f2eafa;color:#87639b}.ai-node b{font-size:7px}.ai-node small{font-size:6px;color:#9b8676}.ai-spark{position:absolute;left:calc(50% - 10px);top:calc(50% - 10px);width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#fff;color:#d79555;box-shadow:0 4px 12px #5a342622;font-size:13px}
.cap-support{background:linear-gradient(150deg,#f5f3ec,#fff9ef 55%,#f8eee4)}.system-stack{position:relative;z-index:2;width:80%;height:180px}.stack-orbit{position:absolute;inset:7px 12%;border:1px dashed rgba(217,107,39,.28);border-radius:50%;transform:rotate(-16deg)}.stack-card{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(90,52,38,.11);border-radius:13px;background:#fff;box-shadow:0 12px 30px #5a342614}.stack-card>i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#fff0df;color:var(--orange);font-style:normal}.stack-card b,.stack-card small{display:block}.stack-card b{font-size:8px}.stack-card small{margin-top:3px;font-size:6px;color:#998475}.stack-card>span{margin-left:auto;color:#c18557;font-size:12px}.stack-main{width:78%;left:11%;top:5%;z-index:3;padding:12px}.stack-main>i{width:31px;height:31px;font-size:17px}.stack-main b{font-size:9px}.stack-main small{font-size:6px}.stack-status{margin-left:auto;padding:5px 6px!important;border-radius:9px;background:#edf5e9;color:#658658!important;font-size:6px!important;font-weight:900}.stack-one{width:58%;left:0;top:49%}.stack-two{width:58%;right:0;top:49%}.stack-three{width:64%;left:18%;bottom:-3%;z-index:4}
.cap-copy{padding:25px 28px 29px}.cap-index{font-size:8px;letter-spacing:.14em;font-weight:900;color:var(--orange)}.cap-copy h3{margin:10px 0;font-size:23px;letter-spacing:-.04em}.cap-copy p{max-width:490px;margin-bottom:16px;font-size:14px;line-height:1.65;color:var(--muted)}.cap-tags{display:flex;gap:6px;flex-wrap:wrap}.cap-tags span{padding:6px 9px;border:1px solid rgba(90,52,38,.1);border-radius:99px;color:#8d7767;font-size:9px;background:#fffdfa}
.product-range{margin-top:48px;padding:28px;border:1px solid rgba(90,52,38,.1);border-radius:26px;background:linear-gradient(145deg,#fffaf4,#fff)}.range-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.range-heading p{max-width:470px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.range-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.range-grid article{display:flex;align-items:center;gap:12px;min-height:68px;padding:11px 13px;border:1px solid rgba(90,52,38,.08);border-radius:15px;background:#fff}.range-icon{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:12px;background:#fff0df;color:#c9682c;font-size:18px}.range-pos{background:#f6edda;color:#a97832}.range-hotel{background:#f1eee6;color:#697952}.range-property{background:#f8eae6;color:#a95848}.range-grid b,.range-grid small{display:block}.range-grid b{font-size:12px}.range-grid small{margin-top:4px;color:var(--muted);font-size:9px}.range-arrow{margin-left:auto;color:#b48b6e;font-size:14px}
.visual-disclosure{display:block;margin-top:15px;color:#9a8472;font-size:9px}.sample-pill{background:#fff4e7;color:#9b704f}.sample-pill i{background:#db9b60}
.closing{position:relative;overflow:hidden}.contact-orbit{position:absolute;z-index:0;width:560px;height:560px;left:50%;top:50%;border:1px solid rgba(217,107,39,.13);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px rgba(217,107,39,.025),0 0 0 75px rgba(217,107,39,.022),0 0 0 125px rgba(233,185,73,.025)}.closing>*:not(.contact-orbit){position:relative;z-index:1}.contact-orbit i{position:absolute;width:13px;height:13px;border-radius:50%;background:#e9b949;box-shadow:0 3px 12px #5a342625}.contact-orbit i:first-child{left:12%;top:26%}.contact-orbit i:nth-child(2){right:15%;top:18%;background:#d96b27}.contact-orbit i:nth-child(3){right:23%;bottom:8%;width:8px;height:8px;background:#a83232}.contact-lead{max-width:600px;margin:0 auto 25px;color:var(--muted);font-size:17px;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:8px;align-items:center;margin-top:36px;color:#917b6d;font-size:11px}.contact-details a{font-weight:800;text-decoration:none;color:var(--brown)}.contact-details a:hover{text-decoration:underline;color:var(--orange)}
@media(max-width:900px){.cap-visual{height:245px}.cap-copy{padding:22px}.product-range{padding:22px}}
@media(max-width:600px){.capabilities{padding-top:85px;padding-bottom:90px}.capability-grid{grid-template-columns:1fr;gap:15px}.cap-visual{height:245px}.cap-copy h3{font-size:21px}.cap-copy{padding:20px}.product-range{margin-top:30px;padding:17px;border-radius:20px}.range-heading{align-items:flex-start;flex-direction:column;gap:8px}.range-grid{grid-template-columns:1fr}.range-grid article{min-height:61px}.contact-lead{font-size:15px}.contact-details{font-size:10px;line-height:1.6}.contact-orbit{width:390px;height:390px}}

/* Human-led cyberpunk treatment for the service choice panel. */
.hero,#solutions.section,#capabilities.section{width:min(1440px,92vw);margin-left:auto;margin-right:auto}
.hero{padding:150px 0 100px;min-height:min(920px,100svh);box-sizing:border-box}
.hero h1{font-size:clamp(56px,6.3vw,104px);line-height:.91;letter-spacing:-.078em}
.hero-stage{min-width:0}
.hero-visual{max-width:730px}
#solutions.section{padding-top:116px;padding-bottom:132px}
#solutions .section-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;column-gap:60px;max-width:none;margin-bottom:42px}
#solutions .section-head .kicker{grid-column:1;grid-row:1}
#solutions .section-head h2{grid-column:1;grid-row:2;margin-bottom:0}
#solutions .section-head p{grid-column:2;grid-row:2;margin:0 0 5px;max-width:430px;font-size:16px;line-height:1.7}
#solutions .section-head h2 em{font-style:normal;color:var(--orange)}
#solutions .solution-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:0}
#solutions .solution-card{height:430px;min-height:430px;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;text-align:left;padding:22px 20px 24px;border-radius:22px;border:1px solid rgba(255,255,255,.19);color:#fff;background-color:#11151b;background-size:cover;background-position:center;box-shadow:0 16px 42px rgba(30,19,13,.17);isolation:isolate;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
#solutions .solution-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,9,15,.05) 0%,rgba(5,9,15,.09) 32%,rgba(6,9,14,.48) 57%,rgba(5,8,12,.96) 100%),linear-gradient(110deg,rgba(217,107,39,.15),transparent 52%);transition:background .4s}
#solutions .solution-card:hover{transform:translateY(-8px) scale(1.012);border-color:rgba(80,224,235,.72);box-shadow:0 26px 62px rgba(15,20,25,.26),0 0 28px rgba(64,214,224,.18)}
#solutions .solution-card:hover:before{background:linear-gradient(180deg,rgba(5,9,15,.02) 0%,rgba(5,9,15,.08) 32%,rgba(6,9,14,.54) 56%,rgba(5,8,12,.97) 100%),linear-gradient(110deg,rgba(217,107,39,.19),rgba(36,194,203,.09) 76%,transparent)}
#solutions .solution-card>*{position:relative;z-index:3}
#solutions .solution-card .card-num{position:absolute;top:17px;left:17px;bottom:auto;font:800 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#fff;background:rgba(4,9,15,.55);border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:8px 10px;backdrop-filter:blur(8px)}
#solutions .solution-card .card-num i{font-style:normal;color:#71e5e8;margin-left:4px}
#solutions .solution-card .card-icon{position:absolute;right:16px;top:16px;bottom:auto;width:39px;height:39px;margin:0;border:1px solid rgba(98,224,229,.48);border-radius:12px;background:rgba(7,16,23,.52);color:#73e6e7;font-size:17px;box-shadow:0 0 20px rgba(55,221,225,.12);backdrop-filter:blur(8px);transition:transform .35s,background .35s,color .35s}
#solutions .solution-card:hover .card-icon{transform:rotate(-8deg) scale(1.1);background:#48cfd7;color:#08141a}
#solutions .solution-card h3{margin:0 0 9px;font-size:clamp(20px,1.7vw,27px);line-height:1.08;letter-spacing:-.045em;color:#fff}
#solutions .solution-card p{position:relative;max-width:none;margin:0 0 16px;color:rgba(255,255,255,.79);font-size:12px;line-height:1.55}
#solutions .solution-card>b{position:relative;bottom:auto;display:flex;align-items:center;justify-content:space-between;min-height:35px;padding-top:11px;border-top:1px solid rgba(255,255,255,.24);color:#fff;font-size:10px;letter-spacing:.03em}
#solutions .solution-card>b span{color:#71e5e8;font-size:16px;transition:transform .25s}
#solutions .solution-card:hover>b span{transform:translate(3px,-2px)}
#solutions .solution-card:focus-visible{outline:3px solid #68e5eb;outline-offset:4px}
@media(max-width:1100px){#solutions .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#solutions .solution-card{height:430px}.hero,#solutions.section,#capabilities.section{width:min(900px,92vw)}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(56px,7vw,83px)}}
@media(max-width:760px){#solutions .section-head{grid-template-columns:1fr;gap:12px}#solutions .section-head .kicker,#solutions .section-head h2,#solutions .section-head p{grid-column:1;grid-row:auto}#solutions .section-head p{margin-top:3px}.hero,#solutions.section,#capabilities.section{width:92vw}.hero{grid-template-columns:1fr;padding-top:125px;padding-bottom:80px}.hero h1{font-size:clamp(56px,12vw,82px)}.hero-stage{margin-top:8px}.hero-visual{height:455px}}
@media(max-width:600px){#solutions.section{padding-top:82px;padding-bottom:95px}#solutions .solution-grid{grid-template-columns:1fr;gap:13px}#solutions .solution-card{height:410px;min-height:410px;padding:22px}#solutions .solution-card h3{font-size:24px}#solutions .solution-card p{font-size:13px}.hero,#solutions.section,#capabilities.section{width:92vw}.hero{padding-top:120px;padding-bottom:52px}.hero-stage{min-height:380px}.hero-visual{height:380px}}
.hero-foot{left:0;right:0}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0;padding-top:140px;padding-bottom:90px}.hero-stage{min-height:500px}.hero-foot{left:0;right:0}}
/* Transformation story: a vivid, sample-only workflow journey */
.before-after{position:relative;isolation:isolate;overflow:hidden;background:#211a24;color:#fff8ee;padding:34px 0 54px}
.before-after::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 76% 46%,rgba(33,176,158,.19),transparent 35%),radial-gradient(ellipse at 12% 80%,rgba(236,115,55,.14),transparent 33%),linear-gradient(128deg,#241c27 0%,#302129 54%,#18292c 100%)}
.before-after::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(199,255,239,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(199,255,239,.2) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 48%,#000)}
.before-after .section{padding-top:90px;padding-bottom:86px}
.transform-heading{margin-bottom:42px}
.transform-heading .kicker{display:inline-flex;align-items:center;gap:12px;color:#ffb167}
.transform-heading .kicker i,.system-live i,.old-foot i,.transform-caption>span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7df3dc;box-shadow:0 0 14px #7df3dc}
.transform-title-row{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-top:16px}
.before-after h2{font-size:clamp(46px,6.1vw,82px);line-height:.94;letter-spacing:-.067em;margin:0;max-width:760px}
.before-after h2 em{font-style:normal;color:#7df3dc}
.transform-title-row>p{max-width:325px;margin:0 0 5px;color:#d2c3bd;font-size:16px;line-height:1.6}
.transform{grid-template-columns:minmax(0,.84fr) 94px minmax(0,1.16fr);gap:0;align-items:stretch}
.transform-side{min-height:0;padding:24px;border-radius:24px}
.transform-side.old{position:relative;overflow:hidden;border:1px solid rgba(255,194,163,.21);background:linear-gradient(145deg,rgba(96,47,49,.63),rgba(48,33,41,.73));box-shadow:0 22px 65px rgba(6,4,9,.22)}
.transform-side.old::after{content:"";position:absolute;width:180px;height:180px;right:-94px;top:-88px;border:1px solid rgba(255,163,130,.16);border-radius:50%;box-shadow:0 0 0 20px rgba(255,163,130,.025),0 0 0 42px rgba(255,163,130,.02);pointer-events:none}
.transform-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.transform-side-head small{font-size:11px;letter-spacing:.14em;color:#f6d7c7}
.transform-stamp,.sample-pill{font-size:9px;font-weight:900;letter-spacing:.12em;border-radius:99px;padding:7px 9px}
.transform-stamp{color:#ffb49c;border:1px solid rgba(255,180,156,.27);background:rgba(255,119,100,.08)}
.old-flow{display:grid;gap:8px}
.flow-chip{display:flex;align-items:center;gap:12px;margin:0;padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);box-shadow:0 6px 18px rgba(0,0,0,.09);animation:fragmentFloat 5s ease-in-out infinite}
.flow-chip:nth-of-type(3){animation-delay:.5s}.flow-chip:nth-of-type(5){animation-delay:1s}.flow-chip:nth-of-type(7){animation-delay:1.5s}
.flow-chip .flow-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:rgba(255,150,116,.12);color:#ffb49c;font-style:normal;font-size:17px}
.flow-chip span{display:grid;gap:4px;min-width:0}.flow-chip b{font-size:13px;color:#fff4ec}.flow-chip small{font-size:11px;font-weight:500;letter-spacing:0;color:#c1aaa3}
.flow-chip em{margin-left:auto;color:#9e797a;font-size:10px;font-style:normal;font-weight:800}
.flow-break{height:9px;margin-left:29px;color:#ef876e;line-height:4px;font-size:11px;letter-spacing:3px}
.old-foot{display:flex;align-items:center;gap:8px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#d2b7b0}
.old-foot i{width:6px;height:6px;background:#ff9179;box-shadow:0 0 12px #ff9179}
.old-foot span{margin-left:auto;color:#ffb49c;font-size:9px;font-weight:900;letter-spacing:.11em}
.transform-mid{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:8px;text-align:center}
.transform-mid span{color:#7df3dc;font-size:10px;letter-spacing:.2em}
.transform-mid>b{font-size:10px;line-height:1.4;color:#d9d2c9;font-weight:600}
.transform-arrow{display:grid;place-items:center;width:45px;height:45px;margin-top:5px;border:1px solid rgba(125,243,220,.36);border-radius:50%;background:#1c3535;color:#7df3dc;font-size:25px;font-style:normal;box-shadow:0 0 30px rgba(125,243,220,.15);animation:arrowPulse 2.5s ease-in-out infinite}
.transform-signal{position:absolute;left:50%;top:calc(50% - 80px);height:72px;width:2px;transform:translateX(-50%);background:linear-gradient(transparent,#7df3dc,transparent);opacity:.62}
.transform-signal i{position:absolute;left:-3px;width:8px;height:8px;border-radius:50%;background:#7df3dc;box-shadow:0 0 12px #7df3dc;animation:signalTravel 2.4s linear infinite}
.transform-signal i:nth-child(2){animation-delay:.8s}.transform-signal i:nth-child(3){animation-delay:1.6s}
.transform-side.new{position:relative;overflow:hidden;border:1px solid rgba(125,243,220,.34);background:linear-gradient(145deg,#f8f5ed,#edf7f2);box-shadow:0 20px 70px rgba(0,0,0,.27),0 0 34px rgba(125,243,220,.07);padding:21px;color:#173231}
.transform-side.new::before{content:"";position:absolute;top:-80px;right:-50px;width:190px;height:190px;border-radius:50%;background:rgba(96,223,198,.14);filter:blur(20px);pointer-events:none}
.transform-side.new .transform-side-head{position:relative;z-index:1;margin:0 1px 14px}
.transform-side.new .transform-side-head small{color:#55726c}
.sample-pill{border:1px solid rgba(19,123,111,.16);background:#def5ec;color:#247a6d}
.system-ui{position:relative;z-index:1;height:auto;min-height:345px;margin:0;padding:9px;grid-template-columns:43px minmax(0,1fr);gap:12px;border:1px solid rgba(31,71,65,.1);border-radius:17px;background:#fff;box-shadow:0 9px 28px rgba(24,67,59,.1)}
.system-nav{display:flex;flex-direction:column;align-items:center;gap:10px;padding:9px 5px;background:#183d3b;border-radius:11px}
.system-nav>b{display:grid;place-items:center;width:27px;height:27px;margin-bottom:7px;border:1px solid rgba(125,243,220,.31);border-radius:8px;color:#7df3dc;font-size:13px}
.system-nav>i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#a6c6bd;font-size:14px;font-style:normal}
.system-nav>i.nav-active{background:rgba(125,243,220,.16);color:#7df3dc}
.system-nav>span{flex:1}
.system-body{min-width:0;padding:11px 10px 8px}
.system-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}
.system-topline>div{display:grid;gap:4px}
.system-topline small{color:#78918a;font-size:8px;letter-spacing:.1em;font-weight:800}
.system-topline b{font-size:15px;letter-spacing:-.025em}
.system-live{white-space:nowrap;color:#478579;font-size:8px!important;letter-spacing:.08em;font-weight:900}
.system-live i{width:6px;height:6px;margin-right:4px;vertical-align:1px}
.system-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:15px 0 11px}
.system-metrics>div{display:grid;gap:3px;padding:9px 9px 8px;border:1px solid #e6efeb;border-radius:10px;background:#f9fcfa}
.system-metrics small{font-size:8px;color:#819791;letter-spacing:.035em;font-weight:900}
.system-metrics b{font-size:22px;line-height:1.1;letter-spacing:-.05em;color:#214943}
.system-metrics span{font-size:8px;color:#4e9380;white-space:nowrap}
.system-chart-wrap{padding:11px 11px 7px;border:1px solid #e6efeb;border-radius:11px;background:#fbfdfc}
.chart-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.chart-top>b{font-size:10px;color:#31534d}
.chart-top>span{font-size:8px;color:#819791;letter-spacing:.08em;font-weight:800}
.chart-top>span i{font-style:normal;margin-left:3px}
.system-chart{position:relative;isolation:isolate;height:91px;overflow:hidden;border-radius:4px;background:transparent}
.chart-grid{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}
.chart-grid i{display:block;border-top:1px dashed #e6eeea}
.system-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.chart-area{fill:url(#activityFill)}
.chart-line{fill:none;stroke:#27ab98;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 2px 3px rgba(39,171,152,.22))}
.chart-days{display:flex;justify-content:space-between;margin-top:5px;color:#8aa099;font-size:7px;font-weight:800;letter-spacing:.04em}
.system-activity{display:flex;align-items:center;gap:8px;margin-top:9px;padding:8px 9px;border-radius:9px;background:#eef8f3}
.activity-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#d9f2e6;color:#258673;font-size:12px;font-weight:900}
.system-activity p{display:grid;gap:2px;margin:0;min-width:0}
.system-activity p b{font-size:9px;color:#31534d}
.system-activity p small{font-size:8px;color:#829790}
.activity-tag{margin-left:auto;color:#438879;font-size:7px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.new-foot{display:flex;align-items:center;gap:8px;margin:12px 2px 1px;color:#47766d;font-size:8px;font-weight:900;letter-spacing:.08em}
.new-foot>i{width:3px;height:3px;border-radius:50%;background:#76cdb8}
.new-foot>b{margin-left:auto;color:#244f48;font-size:9px;letter-spacing:0}
.transform-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}
.transform-caption>span{display:flex;align-items:center;gap:8px;color:#b6d5cc;font-size:11px}
.transform-caption>span i{width:6px;height:6px}
.transform-caption p{margin:0;color:#b6aaa6;font-size:12px}
@keyframes fragmentFloat{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes arrowPulse{0%,100%{box-shadow:0 0 0 0 rgba(125,243,220,.12),0 0 25px rgba(125,243,220,.1)}50%{box-shadow:0 0 0 7px rgba(125,243,220,0),0 0 35px rgba(125,243,220,.23)}}
@keyframes signalTravel{0%{top:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:65px;opacity:0}}
@media(max-width:950px){.before-after .section{padding-top:75px;padding-bottom:70px}.transform{grid-template-columns:minmax(0,1fr) 70px minmax(0,1.18fr)}.transform-side{padding:17px}.transform-side.new{padding:15px}.system-ui{min-height:325px;grid-template-columns:35px minmax(0,1fr);gap:8px}.system-nav{gap:8px}.system-nav>i{width:25px;height:25px}.system-metrics>div{padding:7px}.system-metrics b{font-size:18px}}
@media(max-width:700px){.before-after .section{padding:72px 0 58px}.transform-heading{margin-bottom:28px}.transform-title-row{display:block;margin-top:13px}.before-after h2{font-size:clamp(43px,11vw,66px)}.transform-title-row>p{margin-top:17px;font-size:15px}.transform{grid-template-columns:1fr;gap:0}.transform-side.old{margin-bottom:0}.transform-mid{min-height:108px;flex-direction:row;padding:12px}.transform-mid>b{max-width:100px}.transform-arrow{width:39px;height:39px;margin:0;transform:rotate(90deg)}.transform-signal{left:calc(50% - 67px);top:50%;height:48px;transform:rotate(90deg)}.transform-signal i{animation-duration:1.8s}.transform-side.new{margin-top:0}.system-ui{min-height:0;grid-template-columns:36px minmax(0,1fr);padding:8px}.system-body{padding:8px 7px 7px}.system-topline b{font-size:13px}.system-topline small{font-size:7px}.system-metrics{gap:5px;margin:11px 0 8px}.system-metrics>div{padding:7px 6px}.system-metrics small{font-size:7px}.system-metrics b{font-size:18px}.system-metrics span{font-size:7px}.system-chart{height:78px}.transform-caption{align-items:flex-start;flex-direction:column;gap:7px}.transform-caption p{font-size:11px}}
@media(max-width:390px){.transform-side.old{padding:15px}.transform-side.new{padding:12px}.flow-chip{padding:10px}.flow-chip b{font-size:12px}.flow-chip small{font-size:10px}.system-live{font-size:7px!important}.activity-tag{display:none}.new-foot{gap:5px;font-size:7px}.new-foot>b{font-size:8px}}
@media(prefers-reduced-motion:reduce){.flow-chip,.transform-arrow,.transform-signal i{animation:none!important}}
.transform-side-head small,.transform-stamp,.sample-pill,.flow-chip small,.flow-chip em,.old-foot,.old-foot span,.system-topline small,.system-live,.system-metrics small,.system-metrics span,.chart-top>span,.chart-days,.system-activity p b,.system-activity p small,.activity-tag,.new-foot,.transform-caption>span,.transform-caption p{font-size:12px}
.system-topline b{font-size:16px}.system-metrics b{font-size:23px}.chart-top>b{font-size:13px}.system-activity p b{font-size:12px}.system-live{font-size:12px!important}
@media(max-width:700px){.system-live{font-size:12px!important}.system-topline{flex-wrap:wrap}.system-topline b{font-size:14px}.system-metrics b{font-size:20px}.system-metrics small,.system-metrics span{font-size:12px}.activity-tag{display:none}}
@media(max-width:390px){.new-foot{font-size:12px}.new-foot>b{font-size:12px}}
/* Real photography, with a quieter editorial treatment in the service cards. */
#solutions .solution-card{background-image:none;background-color:#28231e;border-color:rgba(255,255,255,.22)}
#solutions .solution-card .card-photo{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s}
#solutions .solution-card:before{z-index:1;background:linear-gradient(180deg,rgba(18,18,17,.03) 0%,rgba(18,18,17,.08) 33%,rgba(18,18,17,.44) 58%,rgba(18,18,17,.92) 100%),linear-gradient(120deg,rgba(81,48,35,.14),transparent 62%)}
#solutions .solution-card:after{display:none}
#solutions .solution-card:hover .card-photo{transform:scale(1.045);filter:saturate(.92)}
#solutions .solution-card:hover{border-color:rgba(255,189,116,.72);box-shadow:0 26px 62px rgba(15,20,25,.26),0 0 24px rgba(217,107,39,.13)}
#solutions .solution-card:hover:before{background:linear-gradient(180deg,rgba(18,18,17,.01) 0%,rgba(18,18,17,.06) 33%,rgba(18,18,17,.49) 58%,rgba(18,18,17,.94) 100%),linear-gradient(120deg,rgba(217,107,39,.16),transparent 66%)}
#solutions .solution-card .card-num{font:800 11px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;background:rgba(18,18,17,.58);border-color:rgba(255,255,255,.48);backdrop-filter:blur(5px)}
#solutions .solution-card .card-num i{color:#ffd29c}
#solutions .solution-card .card-icon{border-color:rgba(255,255,255,.6);background:rgba(26,24,21,.38);color:#fff2df;font-size:20px;box-shadow:none;backdrop-filter:blur(5px)}
#solutions .solution-card:hover .card-icon{transform:translateY(-2px);background:#e97732;color:white}
#solutions .solution-card h3{font-size:clamp(21px,1.7vw,27px)}
#solutions .solution-card p{font-size:15px;line-height:1.5;color:rgba(255,255,255,.88)}
#solutions .solution-card>b{min-height:38px;font-size:13px;border-color:rgba(255,255,255,.38)}
#solutions .solution-card>b span{color:#ffd29c}
@media(prefers-reduced-motion:reduce){#solutions .solution-card .card-photo{transition:none}}
.send-order-actions{display:grid;gap:10px;margin:18px 0 0}
.send-order-actions .button{width:100%;min-height:51px;justify-content:flex-start;text-align:left}
.send-order-actions .button>span:last-child{margin-left:auto}
.send-order-actions .whatsapp-order{background:#176b43;box-shadow:0 10px 30px rgba(23,107,67,.16)}
.send-order-actions .whatsapp-order:hover{box-shadow:0 14px 34px rgba(23,107,67,.25)}
.contact-symbol{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(255,255,255,.52);border-radius:50%;font-size:11px;font-weight:900;letter-spacing:-.04em}
.demo-disclosure{font-size:12px;line-height:1.55}
@media(max-width:600px){.send-order-actions{gap:9px}.send-order-actions .button{min-height:48px}}
/* Template-first website studio */
#builder .builder-intro{padding-top:80px;padding-bottom:36px}#builder .builder-intro h2{font-size:clamp(40px,5vw,70px);line-height:1.04}#builder .builder-intro p{max-width:580px;font-size:19px}#builder .builder-content{grid-template-columns:340px minmax(0,1fr);min-height:650px}#builder .builder-app[data-stage=templates] .builder-content{display:block}#builder .builder-app[data-stage=templates] .preview-panel{display:none}#builder .builder-app[data-stage=templates] .config-panel{border:0;padding:32px}#builder .config-panel h3{font-size:29px;line-height:1.16}#builder .config-panel p{font-size:14px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-heading small,.studio-disclaimer{color:#817468;font-size:12px}.template-filters{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.template-card{padding:0;border:1px solid #e4dcd4;border-radius:16px;background:white;overflow:hidden;text-align:left;color:#5a3426;cursor:pointer;transition:transform .2s,box-shadow .2s}.template-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px #58331a15}.template-card:focus-visible{outline:3px solid #d96b27;outline-offset:4px}.template-caption{padding:17px 20px;display:flex;justify-content:space-between;align-items:center}.template-caption b{display:block;font-size:20px}.template-caption small{display:block;color:#827468;margin-top:4px}.template-caption>span{font-size:13px;color:#b9541a}.template-thumb{height:330px;overflow:hidden;pointer-events:none;border-bottom:1px solid #e4dcd4}.demo-site{background:var(--studio-bg)!important;color:var(--studio-ink)!important;width:100%;font-family:Arial,sans-serif}.demo-site[data-font=serif] h3,.demo-site[data-font=serif] h4{font-family:Georgia,serif;font-weight:400}.site-inner{container-type:inline-size}.site-nav{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:22px 26px;border-bottom:1px solid #00000012;font-size:10px}.site-nav b{letter-spacing:1px}.site-nav span{font-size:9px}.site-hero{padding:45px 30px 35px;position:relative;overflow:hidden;min-height:300px}.site-hero small,.site-featured>small,.site-about>small,.site-contact>small{font-size:9px;letter-spacing:2px}.site-hero h3{font-size:clamp(30px,6cqw,54px);line-height:1.05;margin:18px 0;max-width:90%;letter-spacing:-1.7px}.site-hero p{font-size:12px;line-height:1.7;max-width:330px}.site-hero button,.sample-cta{display:inline-block;border:0;border-radius:3px;background:var(--studio-accent);color:white;padding:13px 18px;font-size:11px;margin-top:15px;cursor:pointer}.hero-stamp{font-size:8px;letter-spacing:3px;margin-top:30px;color:var(--studio-accent)}.site-featured,.site-about,.site-contact{padding:27px 30px;border-top:1px solid #00000012}.site-featured h4,.site-about h4,.site-contact h4{font-size:24px;line-height:1.2;margin:12px 0 20px}.site-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.site-items article{background:#ffffff85;border:1px solid #00000012;padding:18px 12px;border-radius:3px}.item-number{color:var(--studio-accent);font-size:22px}.site-items h5{font-size:12px;line-height:1.4;margin:22px 0 10px}.site-items p,.site-about p,.site-contact p{font-size:10px;line-height:1.7}.site-footer{display:flex;justify-content:space-between;padding:20px 30px;font-size:9px;border-top:1px solid #00000012}.theme-atelier .site-hero{background:var(--studio-ink);color:var(--studio-bg)}.theme-atelier .site-hero h3{max-width:70%;font-style:italic}.theme-atelier .site-items{grid-template-columns:1fr}.theme-atelier .site-items article{display:flex;align-items:center;gap:20px;padding:12px}.theme-atelier .site-items h5{margin:0;flex:1}.theme-bloom .site-hero{text-align:center;border-radius:0 0 120px 120px;background:#ffffff80}.theme-bloom .site-hero h3,.theme-bloom .site-hero p{margin-left:auto;margin-right:auto}.theme-bloom .site-items article{border-radius:50px 50px 8px 8px;text-align:center}.theme-forge .site-hero{border-left:12px solid var(--studio-accent)}.theme-forge .site-hero h3{text-transform:uppercase;font-weight:900}.theme-market .site-hero{border-bottom:8px solid var(--studio-accent)}.editor-heading h3{margin:12px 0}.editor-tabs{display:flex;margin:22px 0;border-bottom:1px solid #e4dcd4}.editor-tabs button{flex:1;background:none;border:0;padding:13px 4px;color:#807166;cursor:pointer}.editor-tabs button.active{border-bottom:3px solid #d96b27;color:#5a3426;font-weight:bold}.editor-fields{min-height:365px}#builder .field{margin:18px 0}#builder .field label{font-size:11px;letter-spacing:1px;display:block;margin-bottom:9px}#builder .field input,#builder .field textarea,#builder .field select{width:100%;box-sizing:border-box;font:inherit;font-size:14px;border:1px solid #e5ded7;border-radius:8px;padding:12px;background:white;color:#5a3426}#builder .field input[type=color]{height:46px;padding:5px}#builder .field input[type=checkbox]{width:auto}.studio-editor-actions{display:flex;flex-direction:column;gap:12px;margin-top:22px}.section-controls>div{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #e8ded5}.section-controls label{flex:1;font-size:14px}.section-controls button{border:1px solid #e4dcd4;background:white;border-radius:5px;padding:6px 10px;cursor:pointer}.section-controls button:disabled{opacity:.3;cursor:default}#builder .page-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}#builder .page-list label{letter-spacing:0;font-size:13px;margin:0}.mobile-preview{display:none}#builder .preview-panel{padding:20px;background:#eee9e2}#builder .preview-frame{height:660px;align-items:flex-start;background:#ded8cf}#builder .preview-frame.mobile .demo-site{max-width:360px}#builder .preview-toolbar{gap:10px;font-size:10px}#builder .devices button{font-size:11px;width:auto;padding:6px 8px}#builder .studio-disclaimer{display:block;margin-top:12px}#builder [data-edit]{cursor:text}#builder [data-edit]:hover{outline:1px dashed var(--studio-accent);outline-offset:5px}#studioDialog{max-width:460px;width:calc(100% - 20px);max-height:90dvh;padding:0;border:0;border-radius:16px;overflow:auto;background:#fff}#studioDialog::backdrop{background:#22140fc0}.dialog-bar{display:flex;justify-content:space-between;padding:16px;position:sticky;top:0;background:white;z-index:2;font-size:14px}#studioDialog .demo-site{min-height:0}#builder .order-summary b{overflow-wrap:anywhere}.template-thumb .site-hero{padding:25px 25px 20px;min-height:220px}.template-thumb .site-hero h3{font-size:36px}.template-thumb .site-featured{padding:18px 25px}.template-thumb .site-featured h4{font-size:19px}.template-thumb .site-nav{padding:17px 25px}.template-thumb .hero-stamp{margin-top:18px}
@media(max-width:900px){#builder .builder-content{grid-template-columns:300px minmax(0,1fr)}#builder .config-panel{padding:22px}#builder .preview-panel{padding:12px}.site-nav span{display:none}.site-items{grid-template-columns:1fr}.template-thumb .site-items{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){#builder .builder-intro{padding-top:55px;padding-bottom:24px}#builder .builder-intro h2{font-size:44px}#builder .builder-intro p{font-size:16px;line-height:1.65}#builder .builder-app{border-radius:20px}#builder .builder-top{padding:18px;gap:12px}#builder .builder-top>div:first-child span{display:none}#builder .step-pills i{width:27px;height:27px;font-size:12px}#builder .builder-content{display:block;min-height:0}#builder .builder-app[data-stage=templates] .config-panel,#builder .config-panel{padding:20px;border:0}#builder .preview-panel{display:none}.mobile-preview{display:block}.template-grid{grid-template-columns:1fr;gap:18px}.gallery-heading{display:block}.gallery-heading>small{display:none}.template-thumb{height:290px}.template-thumb .site-hero h3{font-size:32px}.template-filters{gap:6px}.template-filters .choice{padding:8px 10px;font-size:11px}#builder .config-panel h3{font-size:27px}.editor-fields{min-height:0}.studio-editor-actions{position:sticky;bottom:10px;background:#fff9f0;padding:12px;border-radius:12px;box-shadow:0 4px 24px #4b302020}.site-items{grid-template-columns:1fr}.template-thumb .site-items{grid-template-columns:repeat(3,1fr)}#studioDialog{max-height:94dvh}#builder .send-order-actions{display:flex;flex-direction:column}}
/* Image-led theme discovery */
#builder .builder-app[data-stage=templates]{background:#f5f4f2}#builder .builder-app[data-stage=templates] .config-panel{padding:30px}.gallery-heading h3{margin:10px 0}.theme-count{background:#ece8e2;border-radius:20px;padding:9px 14px;font-size:12px;white-space:nowrap}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.theme-card{min-width:0}.theme-preview-button{position:relative;display:block;width:100%;padding:0;border:1px solid #dedbd6;border-radius:13px;overflow:hidden;cursor:pointer;background:white;box-shadow:0 2px 3px #00000005;text-align:left;transition:box-shadow .2s,transform .2s}.theme-preview-button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #392d1e18}.theme-hover{position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px);opacity:0;white-space:nowrap;background:#fff;padding:10px 18px;border-radius:24px;font-size:12px;color:#39291f;box-shadow:0 3px 15px #0002;transition:.2s}.theme-preview-button:hover .theme-hover,.theme-preview-button:focus-visible .theme-hover{opacity:1;transform:translate(-50%,0)}.theme-preview-button:focus-visible,.theme-use:focus-visible{outline:3px solid #d96b27;outline-offset:4px}.theme-card .template-caption{padding:14px 0 0;gap:8px}.theme-card .template-caption b{font-size:15px}.theme-card .template-caption small{font-size:12px;margin-top:5px}.theme-use{border:1px solid #d2cbc4;border-radius:7px;background:#fff;padding:8px 12px;font-size:12px;cursor:pointer;white-space:nowrap;color:#49392c;text-decoration:none}.theme-use:hover{background:#fcebdc;border-color:#d96b27}.theme-custom{background:#fff;border:1px solid #dedbd6;border-radius:13px;min-height:355px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.theme-custom h4{font-size:27px;line-height:1.2;margin:18px 0 10px}.theme-custom p{line-height:1.7;margin-bottom:22px}.theme-custom small{font-size:10px;margin-top:25px;color:#86796e}.custom-spark{font-size:36px;color:#d96b27}.theme-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.theme-hero-content{position:relative;z-index:1;padding:38px 28px;background:linear-gradient(90deg,#0009,#0002);color:white;min-height:290px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.site-hero{padding:0!important;border:0!important;border-radius:0!important}.site-hero h3{color:white}.site-hero p{color:#fff;max-width:350px}.site-hero .hero-stamp{color:#fff9}.site-hero button{background:white;color:#302a25}.theme-bloom .theme-hero-content{align-items:center;text-align:center;background:#36130866}.theme-atelier .theme-hero-content{background:linear-gradient(90deg,#32201388,transparent);min-height:360px}.theme-atelier .site-hero h3{max-width:90%}.theme-forge .theme-hero-content{background:linear-gradient(90deg,#163a46bb,#163a4644)}.theme-studio .theme-hero-content{background:linear-gradient(90deg,#241b38bb,#241b3844)}.theme-item-photo{height:120px;overflow:hidden}.theme-item-photo img{width:100%;height:100%;object-fit:cover}.site-items article{padding:0;overflow:hidden}.site-items h5,.site-items article p{padding:0 10px}.site-items h5{margin:12px 0 8px}.site-items .item-number{display:none}.theme-atelier .site-items{grid-template-columns:repeat(3,1fr)}.theme-atelier .site-items article{display:block;padding:0}.theme-atelier .site-items h5{margin:12px 0 8px}.theme-bloom .site-items article{border-radius:4px}.theme-card .template-thumb{height:350px;min-height:0;border:0}.template-thumb .site-nav{padding:11px 13px;font-size:7px}.template-thumb .site-nav span{font-size:6px;display:block}.template-thumb .site-hero{min-height:0}.template-thumb .theme-hero-content{min-height:145px;padding:20px 17px}.template-thumb .site-hero h3{font-size:25px;letter-spacing:-.6px;margin:8px 0;max-width:95%}.template-thumb .site-hero p{font-size:7px;line-height:1.5;max-width:190px;margin:4px 0}.template-thumb .site-hero small{font-size:6px}.template-thumb .sample-cta{font-size:6px;padding:6px 8px;margin-top:6px;background:white;color:#302a25}.template-thumb .hero-stamp{display:none}.template-thumb .site-featured{padding:14px 12px}.template-thumb .site-featured>small{display:none}.template-thumb .site-featured h4{font-size:12px;margin:0 0 12px}.template-thumb .site-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.template-thumb .theme-item-photo{height:80px}.template-thumb .site-items article{border:0;background:transparent}.template-thumb .site-items h5{font-size:7px;padding:0;margin:7px 0 3px;line-height:1.4}.template-thumb .site-items p{font-size:6px;padding:0;margin:0}.template-thumb .site-footer{padding:10px 12px;font-size:6px}.template-thumb .theme-atelier .theme-hero-content{min-height:170px}.template-thumb .theme-bloom .theme-hero-content{min-height:160px}.template-thumb .theme-studio .site-hero h3{text-transform:uppercase;font-size:24px}.template-thumb .theme-forge .site-hero h3{font-size:24px}.site-hero h3,.site-hero p,.site-nav b{overflow-wrap:anywhere}
@media(max-width:1000px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-count{display:none}}
@media(max-width:650px){#builder .builder-app[data-stage=templates] .config-panel{padding:18px}.template-grid{grid-template-columns:1fr;gap:26px}.theme-card .template-thumb{height:350px}.template-thumb .theme-hero-content{min-height:155px}.template-thumb .site-hero h3{font-size:28px}.template-thumb .theme-item-photo{height:90px}.theme-custom{min-height:280px;padding:26px}.theme-hover{display:none}.theme-card .template-caption b{font-size:17px}.theme-use{padding:10px 14px}.theme-hero-content{padding:35px 22px}.site-hero h3{font-size:35px}}
#builder .template-thumb .site-hero h3{font-size:24px;line-height:1.05}#builder .template-thumb .site-hero p{font-size:7px;line-height:1.5}#builder .template-thumb .site-items p{font-size:6px}#builder .template-thumb .theme-hero-content{height:150px;min-height:150px}#builder .template-thumb .theme-atelier .theme-hero-content{height:170px}#builder .template-thumb .site-featured h4{font-size:12px}#builder .template-thumb .site-items h5{font-size:7px}.theme-item-photo img{transform:scale(1.4)}.theme-item-photo{position:relative}.theme-item-photo img[style*="15%"]{transform-origin:left center}.theme-item-photo img[style*="85%"]{transform-origin:right center}#builder .template-thumb .site-items{padding-bottom:8px}
.hero{overflow:clip}
/* Five independent layout systems */
.distinct-design{font-family:Arial,sans-serif;font-size:12px;background:var(--studio-bg);color:var(--studio-ink);container-type:inline-size;overflow:hidden}.distinct-design *{box-sizing:border-box}.distinct-design img{display:block;width:100%;height:100%;object-fit:cover}.distinct-design h3,.distinct-design h4,.distinct-design h5,.distinct-design p{margin:0}.distinct-design h3{font-size:clamp(28px,6cqw,58px);line-height:1.02;letter-spacing:-.045em}.distinct-design h4{font-size:clamp(20px,3.5cqw,32px);line-height:1.1}.distinct-design h5{font-size:13px}.distinct-design p{font-size:12px;line-height:1.7;margin:15px 0}.distinct-design small{font-size:8px;letter-spacing:1.5px}.distinct-design button{background:var(--studio-accent);color:#fff;border:0;padding:12px 16px;margin-top:15px;font-size:10px;cursor:pointer}.distinct-design .distinct-section{padding:0;border:0}.design-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 24px;font-size:10px}.design-nav span{font-size:8px}.design-footer{padding:18px 24px;display:flex;justify-content:space-between;border-top:1px solid #8883;font-size:8px}.design-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.design-heading>span{font-size:9px}.distinct-design .site-contact{padding:35px 25px;background:var(--studio-accent);color:white}.distinct-design .site-contact h4{margin-top:15px}.store-banner{text-align:center;background:var(--studio-accent);color:white;font-size:7px;letter-spacing:2px;padding:9px}.store-hero{display:grid;grid-template-columns:1fr 1fr;min-height:300px}.store-hero>div{padding:35px 24px;align-self:center}.store-hero h3{margin-top:20px}.store-hero>img{min-height:300px}.store-categories{padding:18px;text-align:center;border-bottom:1px solid #8883;font-size:9px;letter-spacing:1px}.store-products{padding:28px 22px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-photo{height:125px;overflow:hidden;background:#dedbd6}.product-photo img{transform:scale(1.8)}.crop-0 img{transform-origin:0 50%}.crop-1 img{transform-origin:35% 50%}.crop-2 img{transform-origin:70% 50%}.crop-3 img{transform-origin:100% 50%}.product-grid h5{font-size:10px;margin:10px 0 5px}.product-grid article>span{font-size:8px}.store-story{padding:35px 25px;background:#8881}.store-story h4{margin:15px 0}.editorial-masthead{text-align:center;padding:22px;border-bottom:1px solid #8885}.editorial-masthead b{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:4px;display:block}.editorial-masthead small{display:block;margin-top:8px;font-size:7px}.editorial-hero{padding:28px}.editorial-hero>h3{font-family:Georgia,serif;font-weight:400;font-style:italic;text-align:center;font-size:clamp(32px,7cqw,65px);margin:20px auto 30px}.editorial-hero>small{display:block;text-align:center}.editorial-spread{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:center}.editorial-spread>img{height:260px}.issue-number{font-family:Georgia,serif;font-size:48px;color:var(--studio-accent)}.editorial-feature{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px;align-items:center}.editorial-feature h4{font-family:Georgia,serif;font-weight:400;margin-top:15px}.editorial-feature>img{height:210px}.editorial-quote{padding:40px;text-align:center;border-top:1px solid #8884}.editorial-quote h4{font-family:Georgia,serif;font-style:italic;font-weight:400;margin-bottom:20px}.design-bloom{background:#fff1d9;color:#632b1c}.bakery-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;padding:35px 25px 45px;align-items:center}.bakery-title h3{font-family:Georgia,serif;font-size:clamp(30px,6cqw,55px);margin-top:18px}.bakery-portrait{height:300px;position:relative}.bakery-portrait img{border-radius:150px 150px 15px 15px}.bakery-portrait>span{position:absolute;bottom:-20px;right:-8px;border-radius:50%;background:var(--studio-accent);color:#fff;padding:21px 14px;font-size:10px;text-align:center;transform:rotate(12deg)}.bakery-ribbon{padding:16px 10px;background:var(--studio-accent);color:#fff;text-align:center;font-size:10px;letter-spacing:1px}.bakery-menu{padding:32px 25px;display:grid;grid-template-columns:1fr 1.4fr;gap:24px}.bakery-menu h4{font-family:Georgia,serif;margin-top:12px}.bakery-menu article{display:flex;gap:10px;border-bottom:1px solid #632b1c44;padding:13px 0;align-items:center}.bakery-menu article>span{font-size:9px}.bakery-menu article>div{flex:1}.bakery-menu article p{font-size:9px;margin:5px 0}.bakery-story{padding:35px;border-top:1px dashed #632b1c66}.business-hero{padding:40px 28px;background:var(--studio-ink);color:var(--studio-bg)}.business-hero h3{max-width:90%;margin:24px 0;text-transform:uppercase;font-weight:900;font-size:clamp(32px,7.5cqw,70px)}.business-hero>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.business-hero p{max-width:60%}.business-strip{display:flex;justify-content:space-between;padding:18px 28px;background:var(--studio-accent);color:white;font-size:9px}.business-services{display:grid;grid-template-columns:1fr 1.3fr;padding:35px 28px;gap:25px}.business-services h4{margin-top:14px}.business-services article{display:flex;align-items:center;gap:12px;border-bottom:1px solid #8885;padding:17px 0}.business-services article h5{flex:1}.business-services article span{font-size:9px}.business-photo{height:210px;position:relative;margin:0 28px 28px}.business-photo img{filter:brightness(.6)}.business-photo>span{position:absolute;bottom:20px;left:20px;color:white;font-size:23px}.business-about{padding:35px}.design-studio{background:#19191c;color:#f4f0e7}.portfolio-layout{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid #ffffff33}.portfolio-layout aside{padding:24px 14px;border-right:1px solid #fff3;display:flex;flex-direction:column;justify-content:space-between;gap:30px;font-size:9px}.portfolio-layout aside>span{font-size:8px;line-height:1.8}.portfolio-layout aside small{font-size:6px}.portfolio-intro{padding:35px 25px}.portfolio-intro h3{font-size:clamp(30px,6cqw,60px);margin-top:28px}.portfolio-intro>small{color:#cbbaf6}.portfolio-work{padding:25px}.portfolio-work h4{font-size:24px}.portfolio-lead{position:relative;height:260px}.portfolio-lead img{filter:brightness(.5)}.portfolio-lead>div{position:absolute;bottom:20px;left:20px}.portfolio-lead span{font-size:8px;letter-spacing:1px}.portfolio-lead h4{margin-top:10px}.portfolio-projects{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.portfolio-projects article{padding:25px 15px;background:#c4b1ea;color:#24202e;min-height:120px}.portfolio-projects article+article{background:#e5efbd}.portfolio-projects h4{margin-top:25px;font-size:22px}.portfolio-about{padding:35px;border-top:1px solid #fff3}.portfolio-about h4{margin-top:20px}.demo-site[data-font=serif] .distinct-design h3,.demo-site[data-font=serif] .distinct-design h4{font-family:Georgia,serif}.distinct-design h3,.distinct-design p{overflow-wrap:anywhere}
/* Gallery shows the same full layouts at a miniature scale. */
#builder .template-thumb{position:relative;height:350px}#builder .template-thumb .distinct-design{width:700px;transform:scale(.5);transform-origin:top left;min-height:700px}#builder .template-thumb .distinct-design h3{font-size:48px;line-height:1.02}#builder .template-thumb .distinct-design p{font-size:12px;line-height:1.7}#builder .template-thumb .distinct-design .sample-cta{font-size:10px;padding:12px 16px;background:var(--studio-accent);color:white}#builder .template-thumb .portfolio-intro h3{font-size:51px}#builder .template-thumb .business-hero h3{font-size:58px}
@container(max-width:430px){.store-hero{min-height:230px}.store-hero>div{padding:22px 15px}.store-hero>img{min-height:230px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-spread{gap:14px}.editorial-spread>img{height:210px}.editorial-feature{gap:15px}.bakery-hero{padding:25px 17px 35px}.bakery-portrait{height:240px}.bakery-menu,.business-services{grid-template-columns:1fr}.business-hero>div{display:block}.business-hero p{max-width:100%}.portfolio-layout{grid-template-columns:75px 1fr}.portfolio-intro{padding:25px 17px}.design-nav span{display:none}}


/* SEVIN official horizontal lockup: same supplied interlocking-S symbol on transparent background.
   No boxed/icon-tile treatment on the light navigation or footer. */
.nav .logo, footer .logo {display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto;white-space:nowrap;color:#4B3028;letter-spacing:normal;line-height:1;}
.nav .logo .brand-symbol, footer .logo .brand-symbol {display:flex;align-items:center;justify-content:center;width:51px;height:44px;flex:0 0 51px;background:none;border:none;border-radius:0;box-shadow:none;padding:0;}
.nav .logo .brand-symbol img, footer .logo .brand-symbol img {display:block;width:100%;height:100%;object-fit:contain;}
.nav .logo .brand-name, footer .logo .brand-name {display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;}
.nav .logo .brand-name strong, footer .logo .brand-name strong {color:#503225;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:900;font-size:23px;letter-spacing:.15em;line-height:.9;}
.nav .logo .brand-name small, footer .logo .brand-name small {color:#8B624D;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:800;font-size:7.3px;letter-spacing:.21em;line-height:1.2;}
.nav .logo:hover .brand-name strong, footer .logo:hover .brand-name strong {color:#5A3426;}
/* Miniature product screenshots also use the approved symbol instead of a fake initial. */
.workspace-mark {background:#FFF2E6!important;border-radius:6px;overflow:hidden;padding:2px;}
.workspace-mark img {width:100%;height:100%;object-fit:contain;display:block;}
.sample-app aside .sample-brand-symbol {display:grid;place-items:center;width:17px;height:17px;margin-bottom:3px;padding:2px;border-radius:5px;background:#fff3e9;}
.sample-app aside .sample-brand-symbol img {width:100%;height:100%;object-fit:contain;display:block;}
.system-nav>.sample-brand-symbol {display:grid;place-items:center;width:27px;height:27px;margin-bottom:7px;padding:3px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#fff8ed;}
.system-nav>.sample-brand-symbol img {display:block;width:100%;height:100%;object-fit:contain;}
.studio-brand-mark {width:20px;height:20px;object-fit:contain;display:block;flex:0 0 auto;}
@media (max-width:600px) {
  .nav .logo {gap:8px;}
  .nav .logo .brand-symbol {width:42px;height:38px;flex-basis:42px;}
  .nav .logo .brand-name strong {font-size:19px;letter-spacing:.12em;}
  .nav .logo .brand-name small {font-size:6.1px;letter-spacing:.16em;}
  footer .logo .brand-symbol {width:50px;height:44px;flex-basis:50px;}
}
@media (max-width:365px) {
  .nav {padding-left:12px;padding-right:8px;}
  .nav .logo {gap:6px;}
  .nav .logo .brand-symbol {width:36px;height:33px;flex-basis:36px;}
  .nav .logo .brand-name strong {font-size:17px;}
  .nav .logo .brand-name small {font-size:5.7px;}
  .nav .nav-cta {display:none;} /* preserve breathing room for the approved logo on narrow phones */
}