:root{--ink:#132c26;--muted:#697972;--paper:#f5f7f2;--white:#fff;--mint:#a5e8c7;--line:#e2e9e2;--accent:#176b53;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit}img{max-width:100%}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between}.brand img{display:block;width:245px;height:auto}.nav{display:flex;align-items:center;gap:32px}.nav a{text-decoration:none;font-size:14px;font-weight:620}.nav a:hover{color:var(--accent)}.nav .nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--ink);color:#fff;border-radius:999px;padding:12px 21px;text-decoration:none;font-size:14px;font-weight:680;transition:transform .2s,background .2s}.nav .nav-cta:hover,.button:hover{background:#245545;color:#fff;transform:translateY(-2px)}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#eaf1e9 0%,#eef3ed 60%,#e1eee4 100%);padding:75px 0 77px}.hero:before{content:"";position:absolute;width:690px;height:690px;border:1px solid #d2e0d4;border-radius:50%;right:-220px;top:-270px;box-shadow:0 0 0 55px #eaf1e9,0 0 0 56px #d2e0d4,0 0 0 135px #eaf1e9,0 0 0 136px #d2e0d4}.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:50px;position:relative}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800}.eyebrow:before{content:"";width:23px;height:1px;background:currentColor}.hero h1,.page-hero h1{font:500 clamp(44px,5.4vw,70px)/1.05 var(--serif);letter-spacing:-2.7px;margin:18px 0 22px;max-width:650px}.hero h1 em{font-style:normal;color:#218060}.hero p{max-width:555px;color:#53665e;font-size:17px;line-height:1.75;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:23px}.text-link{text-decoration:none;font-size:13px;font-weight:680;border-bottom:1px solid #9aaba1;padding-bottom:3px}.hero-note{display:flex;align-items:center;gap:9px;margin-top:27px;color:#5d7067;font-size:12px;font-weight:600}.check{display:grid;place-items:center;background:#d4eadc;color:#176b53;width:20px;height:20px;border-radius:50%;font-size:12px}.hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.mock-browser{width:min(530px,100%);background:#fff;border:1px solid #dce6dd;border-radius:17px;overflow:hidden;box-shadow:0 28px 75px #1c45301e;transform:rotate(1deg)}.browser-bar{height:36px;background:#f8faf7;border-bottom:1px solid #e8eee8;display:flex;align-items:center;gap:5px;padding:0 12px}.browser-bar>span{width:6px;height:6px;background:#d5dfd6;border-radius:50%}.browser-bar i{font:10px var(--sans);font-style:normal;color:#8b9991;background:#fff;border:1px solid #edf0ed;border-radius:5px;text-align:center;margin:auto;width:44%;padding:3px}.browser-bar b{font-size:10px;color:#8b9991}.mock-site{padding:20px 23px 14px;background:linear-gradient(135deg,#fff 0%,#f5f9f4 100%)}.mock-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#5c6e64}.mock-nav strong{font-size:9px;letter-spacing:.6px;color:#17392d}.mock-nav b{background:#17392d;color:#fff;border-radius:20px;padding:7px 10px;font-size:8px}.mock-content{padding:37px 14px 36px}.mock-content small{color:#51856c;font-size:7px;letter-spacing:1.2px;font-weight:800}.mock-content h2{font:500 clamp(25px,3vw,35px)/1.08 var(--serif);letter-spacing:-.7px;margin:10px 0;color:#18392f}.mock-content p{font-size:10px;color:#78867e;margin:0 0 13px}.mock-content button{background:#19694f;border:0;border-radius:20px;color:white;padding:9px 13px;font-size:8px}.mock-bottom{display:flex;justify-content:space-between;border-top:1px solid #e5ece5;padding:12px 5px 1px;color:#677970;font-size:8px}.float-badge{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e9e1;border-radius:13px;padding:11px 14px;box-shadow:0 12px 32px #23452a19}.float-badge b,.float-badge small{display:block}.float-badge b{font-size:11px}.float-badge small{font-size:9px;color:#849088}.badge-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e6f3e9;color:#19805b}.badge-top{top:30px;right:-1px;transform:rotate(3deg)}.badge-bottom{bottom:30px;left:-16px;transform:rotate(-3deg)}.status-dot{height:10px;width:10px;border-radius:50%;background:#55c48c;box-shadow:0 0 0 5px #e5f5eb}.quick-points{background:#fff;border-bottom:1px solid var(--line)}.points-row{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.points-row>div{display:flex;align-items:center;gap:12px;padding:0 20px;border-right:1px solid var(--line)}.points-row>div:first-child{padding-left:0}.points-row>div:last-child{border:0}.points-row b{font-size:10px;color:#599579;letter-spacing:1px}.points-row span{font-size:12px;font-weight:650;color:#475a50}.section{padding:82px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.section h2{font:500 clamp(32px,4vw,46px)/1.13 var(--serif);letter-spacing:-1.3px;margin:12px 0 0}.section-head p{color:var(--muted);max-width:400px;margin:0 0 4px;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{position:relative;background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px 25px 23px;min-height:225px;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-4px);box-shadow:0 15px 35px #28483210}.service-icon{position:absolute;right:23px;top:19px;width:35px;height:35px;border-radius:11px;background:#edf5ee;color:#287858;display:grid;place-items:center;font-size:20px}.service .n{font-size:10px;color:#6c9a83;font-weight:800;letter-spacing:1px}.service h3{font:500 23px/1.25 var(--serif);margin:29px 0 8px}.service p{font-size:13px;color:var(--muted);margin:0 0 17px;max-width:290px}.service a{font-size:11px;font-weight:750;color:#247352;text-decoration:none}.service a span{margin-left:5px}.tech-panel{display:grid;grid-template-columns:1fr .94fr;gap:45px;align-items:center;margin-top:29px;padding:34px 35px;background:#e9f0e9;border:1px solid #dfe8de;border-radius:20px}.tech-copy h3{font:500 31px/1.16 var(--serif);letter-spacing:-.6px;margin:12px 0}.tech-copy>p{font-size:13px;color:#5f7167;margin:0 0 17px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tags span{border:1px solid #d3e0d5;background:#f7faf6;color:#416954;border-radius:30px;padding:6px 10px;font-size:10px;font-weight:650}.tech-copy .tech-footnote{font-size:11px;color:#748278;margin:16px 0 0}.chart-card{background:#fff;border:1px solid #e2e9e2;border-radius:16px;padding:20px 21px 13px;box-shadow:0 10px 28px #23452a0b}.chart-heading{display:flex;justify-content:space-between;align-items:start}.chart-kicker,.form-kicker{font-size:9px;font-weight:800;color:#37835f;letter-spacing:1.3px}.chart-heading h4{font:600 16px/1.3 var(--sans);margin:5px 0 0}.chart-menu{font-size:12px;letter-spacing:2px;color:#a1aaa3}.chart-caption{font-size:10px;color:#87938b;margin:4px 0 0}.chart-card #chart_div{height:180px;width:100%;margin-top:4px}.chart-fallback{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;font-size:9px;color:#6b7a71}.chart-fallback b{float:right}.chart-fallback i{grid-column:1/-1;height:5px;background:#eef2ee;border-radius:5px;margin-bottom:5px;overflow:hidden}.chart-fallback u{display:block;height:100%;background:#176b53;border-radius:5px;text-decoration:none}.chart-legend{display:flex;gap:14px;justify-content:center;font-size:9px;color:#76847b}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:block;width:7px;height:7px;border-radius:50%}.legend-green{background:#176b53}.legend-mint{background:#83d9b2}.legend-orange{background:#f0a766}.chart-disclosure{display:block;text-align:center;color:#9aa49d;font-size:8px;margin-top:8px}.approach{background:#142d27;color:#f8fbf7;padding:70px 0 65px}.approach .eyebrow{color:var(--mint)}.approach-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.approach h2{font:500 clamp(34px,4vw,49px)/1.12 var(--serif);letter-spacing:-1px;margin:12px 0 0}.approach-intro p{color:#bfcec4;max-width:365px;font-size:13px;margin:0 0 5px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.workflow article{border-top:1px solid #4b655b;padding:15px 6px 0 0}.workflow-num{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#22453a;color:#a5e8c7;font-size:10px;font-weight:800}.workflow h3{font:500 17px/1.3 var(--serif);margin:15px 0 6px}.workflow p{font-size:11px;line-height:1.65;color:#bdcbc2;margin:0}.scope-note{display:flex;align-items:flex-start;gap:13px;background:#1c3a31;border:1px solid #315346;border-radius:12px;padding:16px 18px;margin-top:27px}.scope-note>span{display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#2e5c49;color:#b8efd1;font-size:12px;font-weight:800}.scope-note p{margin:0;color:#d4e0d7;font-size:11px;line-height:1.65}.scope-note b{color:#fff}.contact-strip{padding:63px 0}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e7efe7;border-radius:20px;padding:35px 39px}.contact-box h2{font:500 clamp(27px,3vw,36px)/1.2 var(--serif);margin:9px 0 5px}.contact-box p{margin:0;color:var(--muted);font-size:13px}.footer{border-top:1px solid var(--line);padding:23px 0 27px;color:#6c7972;font-size:11px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer a{color:inherit}.footer .legal{display:flex;gap:17px;flex-wrap:wrap}.footer-note{font-size:9px;color:#95a098;margin-top:12px}.page-hero{background:#e9f0e9;padding:62px 0 55px}.page-hero h1{font-size:clamp(42px,5vw,61px);margin:15px 0}.page-hero p{color:#52655d;font-size:16px;margin:0;max-width:650px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:62px 0 78px}.contact-layout h2{font:500 32px/1.18 var(--serif);margin:13px 0}.contact-layout>div>p{color:var(--muted);font-size:14px}.details{margin-top:25px;border-top:1px solid var(--line)}.detail{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.detail span:first-child{color:#7a8880}.detail a{text-decoration:none}.contact-expect{margin-top:25px;padding:15px 17px;background:#e9f0e9;border-radius:12px}.contact-expect b{font-size:12px}.contact-expect p{font-size:11px;color:#67766d;margin:5px 0 0}.form-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:28px 30px;box-shadow:0 14px 35px #183c2b0a}.form-card h2{font:500 27px var(--serif);margin:5px 0 19px}.form-card label{font-size:12px;font-weight:680;display:block;margin:0 0 6px}.form-card input,.form-card textarea{width:100%;border:1px solid #dce4dd;border-radius:9px;padding:11px 12px;font:inherit;font-size:13px;margin-bottom:14px;background:#fcfdfb;color:var(--ink)}.form-card input:focus,.form-card textarea:focus{outline:2px solid #a5e8c7;border-color:#69b897}.form-card textarea{min-height:120px;resize:vertical}.form-note{color:#77857d;font-size:10px;margin:11px 0 0}.form-card button{border:0;cursor:pointer;font-family:inherit}.contact-info{font-size:14px}.contact-info strong{color:var(--ink)}.contact-info a{color:var(--accent)}:focus-visible{outline:3px solid #70c79d;outline-offset:3px}@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:clamp(42px,6vw,60px)}.hero-visual{min-height:330px}.mock-site{padding:17px}.badge-top{right:-5px}.tech-panel{grid-template-columns:1fr;gap:24px}.workflow{grid-template-columns:repeat(3,1fr);row-gap:24px}.contact-layout{gap:40px}}@media(max-width:700px){.hero-grid,.approach-grid,.contact-layout{grid-template-columns:1fr;gap:26px}.hero{padding:55px 0 48px}.hero-grid{gap:10px}.hero-visual{min-height:310px;margin-top:7px}.hero-copy{max-width:600px}.hero p{font-size:15px}.quick-points .points-row{grid-template-columns:repeat(2,1fr);row-gap:15px}.points-row>div:nth-child(2){border:0}.points-row>div:nth-child(3){padding-left:0}.section{padding:60px 0}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.section-head p{max-width:560px}.service-grid{grid-template-columns:1fr}.service{min-height:0}.service h3{margin-top:20px}.tech-panel{padding:24px}.approach{padding:55px 0}.approach-intro{align-items:flex-start;flex-direction:column;gap:10px}.workflow{grid-template-columns:repeat(2,1fr)}.contact-layout{padding:45px 0 60px}.contact-box{align-items:flex-start;flex-direction:column;padding:27px}.topbar{height:74px}.brand img{width:204px}.nav{gap:13px}.nav>a:not(.nav-cta){display:none}}@media(max-width:480px){.wrap{width:min(100% - 34px,1160px)}.hero h1{letter-spacing:-1.8px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-note{align-items:flex-start;font-size:11px}.hero-visual{min-height:265px}.mock-browser{width:96%}.mock-content{padding:27px 10px}.mock-content h2{font-size:26px}.mock-bottom{font-size:7px}.badge-top{top:5px;right:-3px}.badge-bottom{left:-4px;bottom:4px}.float-badge{padding:8px 10px}.float-badge b{font-size:10px}.float-badge small{font-size:8px}.points-row>div{padding:0 8px}.points-row span{font-size:10px}.service{padding:21px}.tech-panel{padding:19px}.tech-copy h3{font-size:27px}.chart-card{padding:17px}.workflow{grid-template-columns:1fr}.workflow article{padding-top:12px}.scope-note{padding:13px}.footer-inner{align-items:flex-start;flex-direction:column}.detail{grid-template-columns:90px 1fr}.form-card{padding:22px}.contact-layout h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* More vivid, product-led visual direction inspired by Meshy's presentation */
.hero{background:radial-gradient(ellipse at 77% 12%,#342668 0,transparent 37%),radial-gradient(ellipse at 89% 91%,#164d50 0,transparent 34%),linear-gradient(118deg,#10131e 0%,#17172a 52%,#111b23 100%);color:#f7f8ff;padding-top:77px;padding-bottom:78px}.hero:before{width:650px;height:650px;border-color:#ffffff12;right:-150px;top:-280px;box-shadow:0 0 0 55px #ffffff03,0 0 0 56px #ffffff10,0 0 0 135px #ffffff02,0 0 0 136px #ffffff0c}.hero .eyebrow{color:#b6a9ff}.hero h1{color:#fff}.hero h1 em{background:linear-gradient(95deg,#a99aff 5%,#e5a7ff 54%,#8de8d0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#c3c5d5}.hero .button{background:linear-gradient(100deg,#a99aff,#c8b7ff);color:#171529;box-shadow:0 8px 30px #9c82ff35}.hero .button:hover{background:#d4caff;color:#171529}.hero .text-link{color:#e7e7f2;border-color:#77788a}.hero-note{color:#c5c7d4}.check{background:#283e43;color:#a5f0d3}.hero-visual{min-height:430px}.hero:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:13%;top:17%;background:linear-gradient(135deg,#ac80ff,#4d68c9 60%,#58d8bd);filter:blur(72px);opacity:.22;pointer-events:none}.mock-browser{position:relative;z-index:1;border-color:#ffffff42;box-shadow:0 35px 100px #07081280,0 0 65px #9577ff25;transform:rotate(1.5deg)}.mock-site{background:linear-gradient(135deg,#fff 0%,#f6f4ff 54%,#effaf6 100%)}.browser-bar{background:#f9f8fc}.badge-top,.badge-bottom{z-index:2;border-color:#ffffff45;box-shadow:0 14px 38px #090a1880}.badge-top{right:-8px}.badge-icon{background:linear-gradient(135deg,#ece5ff,#e0faf0);color:#664dd0}.status-dot{background:#5ad6aa;box-shadow:0 0 0 5px #e5f8f1}.preview-controls{position:absolute;z-index:3;bottom:-2px;left:50%;transform:translateX(-50%);width:max-content;max-width:100%;padding:10px 12px;background:#1c1d30eF;border:1px solid #ffffff25;border-radius:14px;box-shadow:0 16px 45px #06071088;text-align:center;backdrop-filter:blur(12px)}.preview-controls>span{display:block;color:#d6d3e4;font-size:9px;font-weight:700;margin-bottom:7px}.preview-controls>div{display:flex;justify-content:center;gap:5px}.style-choice{border:1px solid transparent;border-radius:20px;background:transparent;color:#c3c1d2;padding:6px 12px;font:650 10px var(--sans);cursor:pointer;transition:background .2s,color .2s,transform .2s}.style-choice:hover{transform:translateY(-1px);color:#fff}.style-choice.is-active{background:#b7a6ff;color:#201b38}.hero-visual[data-style="warm"] .mock-site{background:linear-gradient(135deg,#fffaf3,#fbefe1)}.hero-visual[data-style="warm"] .mock-content button{background:#9b5938}.hero-visual[data-style="warm"] .mock-nav b{background:#71442f}.hero-visual[data-style="fresh"] .mock-site{background:linear-gradient(135deg,#f5fffb,#e5f9f3)}.hero-visual[data-style="fresh"] .mock-content button{background:#087b73}.hero-visual[data-style="fresh"] .mock-nav b{background:#087b73}.quick-points{background:#fff}.service{overflow:hidden}.service:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#8c75ff,#55cdb0);opacity:.75}.service-icon{background:linear-gradient(135deg,#eee9ff,#e3faf2);color:#6854c6}.service:nth-child(2) .service-icon{background:linear-gradient(135deg,#fff0e5,#ffe0cc);color:#ae6342}.service:nth-child(3) .service-icon{background:linear-gradient(135deg,#e7f3ff,#e5eaff);color:#486cba}.service a{color:#6250bd}.tech-panel{background:linear-gradient(125deg,#f1edff,#edf8f4);border-color:#e6e0f6}.tech-tags span{border-color:#e3dcf3;background:#fff;color:#514578}.tech-tags span:nth-child(4n+2){border-color:#d6ede3;color:#34735e}.chart-kicker,.form-kicker{color:#6856c7}.chart-card{box-shadow:0 16px 42px #6048a20d}.chart-fallback u{background:linear-gradient(90deg,#6c58d4,#a48cff)}.legend-green{background:#705bd0}.legend-mint{background:#75cdae}.legend-orange{background:#f0a766}.approach{background:linear-gradient(115deg,#151528,#192c2b);}.approach .eyebrow{color:#c2b7ff}.workflow-num{background:#302d4f;color:#c3b5ff}.scope-note{background:#202d34;border-color:#34454c}.scope-note>span{background:#364e4c;color:#a7f0d4}.contact-box{background:linear-gradient(110deg,#eeeaff,#e7f5ef)}.footer{background:#f9faf7}.page-hero{background:linear-gradient(115deg,#ece8ff,#e8f5ef)}.form-card input:focus,.form-card textarea:focus{outline-color:#b8a8ff;border-color:#8b78e2}.contact-expect{background:#eeebfb}:focus-visible{outline-color:#8b78e2}@media(max-width:900px){.hero-visual{min-height:375px}}@media(max-width:700px){.hero{padding-top:54px;padding-bottom:53px}.hero-visual{min-height:330px}.preview-controls{bottom:0}.hero:after{right:0;top:37%}}@media(max-width:480px){.hero-visual{min-height:285px}.preview-controls{bottom:-1px;padding:8px 9px}.style-choice{padding:6px 10px}.mock-browser{transform:rotate(.5deg)}.hero:before{right:-290px}.badge-top{right:-4px}}
/* Original JavaScript showcase carousel */
.showcase-section{padding:76px 0 78px;background:#fff}.showcase-carousel{max-width:920px;margin:0 auto}.showcase-viewport{overflow:hidden;border-radius:22px;background:#f2f1f9;touch-action:pan-y;box-shadow:0 18px 55px #24204514}.showcase-track{display:flex;transition:transform .48s cubic-bezier(.2,.75,.25,1);will-change:transform}.showcase-slide{flex:0 0 100%;min-width:100%;padding:22px;background:linear-gradient(135deg,#efebff,#e9f7f1)}.sample-site{min-height:355px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 34px #1d264019}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 24px;border-bottom:1px solid #edf0ed;color:#54665e;font-size:10px}.sample-nav>b{font-size:11px;letter-spacing:.5px;color:#152d26}.sample-nav>i{font-style:normal;background:#25233a;color:#fff;padding:8px 12px;border-radius:20px;font-size:9px}.sample-hero{min-height:272px;padding:48px 11% 34px;background:radial-gradient(circle at 85% 22%,#d9cdfa 0,#f5f2ff 24%,transparent 48%),linear-gradient(110deg,#fff,#f9f7ff)}.sample-hero small{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#755fd0}.sample-hero h3{font:500 clamp(30px,5vw,48px)/1.06 var(--serif);letter-spacing:-1px;color:#1c2930;margin:9px 0}.sample-hero p{max-width:420px;color:#718078;font-size:12px;margin:0 0 15px}.sample-hero>b{display:inline-block;background:#26233b;color:#fff;padding:10px 14px;border-radius:20px;font-size:9px}.sample-footer{display:flex;justify-content:space-around;padding:14px 12px;border-top:1px solid #edf0ed;color:#65756d;font-size:9px}.slide-caption{display:flex;align-items:center;justify-content:space-between;padding:15px 3px 1px}.slide-caption b,.slide-caption span{display:block}.slide-caption b{font:500 19px var(--serif);color:#25213a}.slide-caption div span{font-size:10px;color:#78857e}.slide-number{font-size:9px;color:#7d788f;letter-spacing:1px}.slide-repair{background:linear-gradient(135deg,#e8efff,#edf8f4)}.slide-repair .sample-hero{background:radial-gradient(circle at 84% 23%,#c9d7ff 0,#edf2ff 27%,transparent 52%),linear-gradient(110deg,#fff,#f2f6ff)}.slide-repair .sample-hero small{color:#4b69b8}.slide-repair .sample-nav>i,.slide-repair .sample-hero>b{background:#31528f}.slide-studio{background:linear-gradient(135deg,#fff0e7,#f1eaff)}.slide-studio .sample-hero{background:radial-gradient(circle at 84% 23%,#ffd9bd 0,#fff0e6 27%,transparent 52%),linear-gradient(110deg,#fff,#fff8f1)}.slide-studio .sample-hero small{color:#ad6748}.slide-studio .sample-nav>i,.slide-studio .sample-hero>b{background:#a95d3b}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:18px}.carousel-arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #e5e1f1;background:#fff;border-radius:50%;color:#51468b;font-size:18px;cursor:pointer;transition:background .2s,transform .2s}.carousel-arrow:hover{background:#eeeaff;transform:scale(1.06)}.carousel-dots{display:flex;align-items:center;gap:8px}.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:9px;background:#d8d5e3;cursor:pointer;transition:all .25s}.carousel-dot.is-current{width:24px;background:#8470df}.carousel-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.showcase-section{padding:55px 0}.showcase-slide{padding:12px}.sample-site{min-height:315px}.sample-nav{padding:13px 14px}.sample-nav span{display:none}.sample-hero{min-height:244px;padding:42px 8% 25px}.sample-footer{font-size:8px}.carousel-controls{margin-top:13px}}
/* Static sample dashboard with custom admin-style layout */
.dashboard-page{background:#f7f7fb;color:#242438}.dashboard-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid #ececf2}.dashboard-topbar .brand img{width:212px}.dashboard-top-actions{display:flex;align-items:center;gap:25px}.dashboard-top-actions a{font-size:12px;font-weight:650;text-decoration:none;color:#5a596b}.dashboard-top-actions .dashboard-home-link{color:#6e5bd0}.dashboard-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 150px)}.dashboard-sidebar{position:relative;background:#fff;border-right:1px solid #ececf2;padding:29px 15px}.sidebar-label{display:block;padding:0 12px 14px;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#a0a0ae}.side-link{display:flex;align-items:center;gap:12px;padding:11px 12px;margin:3px 0;border-radius:9px;text-decoration:none;color:#686879;font-size:12px;font-weight:620}.side-link span{width:18px;text-align:center;color:#7b6bd2;font-size:15px}.side-link.active{background:#f0edff;color:#5e4ab9}.sidebar-bottom{position:absolute;bottom:22px;left:18px;right:18px;border-top:1px solid #eeeef3;padding-top:15px}.demo-badge{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.7px;color:#7262bb;font-weight:800}.demo-badge i{width:7px;height:7px;border-radius:50%;background:#9b88ef}.sidebar-bottom small{display:block;margin-top:7px;color:#9a99a6;font-size:9px}.dashboard-main{width:min(1280px,100%);padding:35px 38px 46px;margin:0 auto}.dash-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.dash-heading h1{font:500 35px/1.1 var(--serif);letter-spacing:-.5px;margin:8px 0 5px}.dash-heading p{font-size:12px;color:#7f7e8e;margin:0}.demo-pill{padding:7px 10px;background:#f0edff;border:1px solid #e3ddff;border-radius:20px;font-size:8px;letter-spacing:.55px;font-weight:800;color:#6b59bd}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:15px}.metric-card{position:relative;min-height:123px;background:#fff;border:1px solid #eeeef3;border-radius:12px;padding:16px 15px;box-shadow:0 4px 12px #28284906}.metric-card>span:first-child{display:block;font-size:10px;color:#858493;font-weight:600}.metric-card>b{display:block;margin-top:8px;font-size:26px;letter-spacing:-.5px;color:#29283a}.metric-card>b.metric-text{font:500 23px var(--serif)}.metric-card>b small{font-size:12px;font-weight:500;color:#898897}.metric-card>small{display:block;font-size:9px;color:#858493;margin-top:5px}.metric-card>small i{font-style:normal;color:#389b74;font-weight:800}.metric-card>small em{font-style:normal;color:#aaa9b4}.metric-icon{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-size:13px}.metric-icon.violet{background:#f0edff;color:#8068e8}.metric-icon.mint{background:#e8f8f0;color:#49a982}.metric-icon.orange{background:#fff1e5;color:#c27b42}.metric-icon.blue{background:#eaf1ff;color:#5a80c4}.dash-charts{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.dash-chart-card{min-width:0;background:#fff;border:1px solid #eeeef3;border-radius:12px;padding:18px 17px 13px;box-shadow:0 4px 12px #28284906}.chart-wide{grid-column:1/-1}.dash-card-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.dash-card-heading h2{font-size:13px;margin:0;color:#323143}.dash-card-heading p{font-size:9px;color:#9695a3;margin:4px 0 0}.chart-period{border:1px solid #ecebf1;border-radius:7px;padding:6px 8px;color:#777687;font-size:9px}.chart-dots{color:#9998a6;letter-spacing:2px;font-size:12px}.dash-chart{height:210px;width:100%;margin-top:8px}.chart-wide .dash-chart{height:230px}.dash-legend{display:grid;gap:9px;margin:0 4px 3px}.dash-legend span{display:flex;align-items:center;gap:7px;font-size:9px;color:#787786}.dash-legend b{margin-left:auto;color:#4d4c5e}.dash-legend i{width:7px;height:7px;border-radius:50%}.lg-purple{background:#8068e8}.lg-mint{background:#87d8b5}.lg-orange{background:#f1a86f}.fallback-line{height:100%;display:flex;flex-direction:column;justify-content:space-between;color:#aaa9b7;font-size:9px;padding:15px 2px}.fallback-line i,.fallback-line b{height:1px;background:#eeeef3}.fallback-donut{width:135px;height:135px;border-radius:50%;margin:19px auto;background:conic-gradient(#8068e8 0 48%,#87d8b5 48% 80%,#f1a86f 80% 100%);position:relative}.fallback-donut:after{content:"";position:absolute;inset:29px;border-radius:50%;background:#fff}.fallback-bars{height:100%;display:flex;align-items:end;justify-content:space-around;padding:35px 8px 25px;border-bottom:1px solid #eeeef3}.fallback-bars i{display:block;width:12%;border-radius:5px 5px 0 0;background:linear-gradient(#a795f1,#8068e8)}.dash-note{display:flex;align-items:flex-start;gap:11px;background:#f0edff;border:1px solid #e5e0ff;border-radius:10px;padding:12px 14px;margin-top:14px}.dash-note>span{display:grid;place-items:center;flex:0 0 17px;height:17px;border-radius:50%;background:#dcd5ff;color:#6551bf;font-size:10px;font-weight:800}.dash-note p{margin:0;color:#65627c;font-size:10px;line-height:1.65}.dash-note b{color:#3c3859}.dash-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:15px;padding:17px 19px;background:#fff;border:1px solid #eeeef3;border-radius:12px}.dash-cta b,.dash-cta span{display:block}.dash-cta b{font-size:12px}.dash-cta span{font-size:10px;color:#888796;margin-top:3px}.dash-cta .button{padding:9px 14px;font-size:10px;background:#28243f}.dashboard-page .footer{background:#fff}.dashboard-page .footer-note{font-size:9px}@media(max-width:900px){.dashboard-shell{grid-template-columns:175px minmax(0,1fr)}.dashboard-main{padding:28px 22px}.dash-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.dashboard-topbar{height:64px;padding:0 16px}.dashboard-topbar .brand img{width:175px}.dashboard-top-actions{gap:12px}.dashboard-top-actions>a:first-child{display:none}.dashboard-top-actions .dashboard-home-link{font-size:10px}.dashboard-shell{display:block}.dashboard-sidebar{position:static;display:flex;align-items:center;gap:5px;padding:9px 14px;border-right:0;border-bottom:1px solid #ececf2;overflow:auto}.sidebar-label,.sidebar-bottom{display:none}.side-link{white-space:nowrap;padding:8px 10px;font-size:10px}.side-link span{width:auto}.dashboard-main{padding:25px 15px 35px}.dash-heading{align-items:flex-start;flex-direction:column;gap:10px}.dash-heading h1{font-size:31px}.dash-metrics{gap:8px}.metric-card{min-height:112px;padding:13px}.metric-card>b{font-size:23px}.dash-charts{grid-template-columns:1fr}.chart-wide{grid-column:auto}.chart-wide .dash-chart{height:205px}.dash-chart-card{padding:15px}.dash-cta{align-items:flex-start;flex-direction:column}.dash-cta .button{align-self:flex-start}}@media(max-width:380px){.dashboard-topbar .brand img{width:150px}.metric-card>span:first-child{max-width:90px}.demo-pill{font-size:7px}}

@media(max-width:700px){.nav>a[href="/dashboard.html"]{display:inline-flex!important;font-size:11px}.nav{gap:8px}}@media(max-width:480px){.brand img{width:150px}.nav>a[href="/dashboard.html"]{font-size:10px}.nav .nav-cta{padding:9px 12px;font-size:11px}.showcase-carousel{position:relative}}@media(max-width:390px){.brand img{width:125px}.nav{gap:6px}.nav .nav-cta{padding:8px 9px;font-size:10px}.nav>a[href="/dashboard.html"]{font-size:9px}}
/* Clear fixed-price offer */
.packages{padding-top:66px;margin-top:55px;border-top:1px solid #e9e6f0}.packages-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:23px}.packages-heading h2{font:500 clamp(29px,3.6vw,40px)/1.13 var(--serif);letter-spacing:-.8px;margin:10px 0 0;color:#23213a}.packages-heading>p{max-width:390px;color:#767584;font-size:12px;margin:0 0 3px}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.package-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e7e4ee;border-radius:17px;background:#fff;padding:24px 25px 21px;box-shadow:0 10px 30px #28204808}.package-featured{border-color:#cfc4ff;background:linear-gradient(150deg,#fff 45%,#f4f0ff)}.package-ribbon{position:absolute;top:0;right:0;padding:7px 13px;border-radius:0 0 0 12px;background:linear-gradient(100deg,#8972e8,#6f5bd0);color:#fff;font-size:8px;font-weight:800;letter-spacing:.6px}.package-label{display:block;color:#7465bd;font-size:9px;font-weight:850;letter-spacing:1.4px}.package-price{display:inline-block;font:500 39px/1 var(--serif);color:#211e38;margin-top:12px;letter-spacing:-1px}.package-unit{margin-left:9px;color:#898796;font-size:10px}.package-top h3{font:500 22px/1.22 var(--serif);margin:11px 0 5px;color:#26243b}.package-top>p{font-size:11px;color:#777684;margin:0}.package-card ul{display:grid;gap:8px;list-style:none;padding:16px 0;margin:14px 0 0;border-top:1px solid #eeecf2}.package-card li{position:relative;padding-left:21px;color:#565565;font-size:11px;line-height:1.5}.package-card li:before{content:"✓";position:absolute;left:0;top:0;color:#6d5bd0;font-size:12px;font-weight:850}.package-limit{padding:10px 11px;margin:0 0 12px;background:#f0edfa;border-radius:8px;color:#655d80;font-size:9px;line-height:1.55}.package-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #eeecf2;color:#6452bf;text-decoration:none;font-size:11px;font-weight:750}.package-link span{font-size:15px}.package-footnote{margin:13px 2px 0;color:#848391;font-size:9px;line-height:1.6}@media(max-width:700px){.packages{padding-top:48px;margin-top:42px}.packages-heading{align-items:flex-start;flex-direction:column;gap:10px}.package-grid{grid-template-columns:1fr}.package-card{padding:21px}.package-ribbon{font-size:7px}.package-unit{font-size:9px}}@media(max-width:700px){.nav>a[href="#pakketten"]{display:none}}
.portfolio-link{display:flex;align-items:center;gap:14px;max-width:920px;margin:19px auto 0;padding:15px 18px;background:linear-gradient(100deg,#f2efff,#eef9f4);border:1px solid #e6e0f4;border-radius:13px;text-decoration:none;transition:transform .2s,box-shadow .2s}.portfolio-link:hover{transform:translateY(-2px);box-shadow:0 10px 24px #34245b12}.portfolio-mark{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#182f28;color:#c5f2dc;font:600 21px var(--serif)}.portfolio-link>span:nth-child(2){display:grid;gap:2px;flex:1}.portfolio-link small{font-size:8px;font-weight:850;letter-spacing:1px;color:#7562c8}.portfolio-link b{font-size:11px;color:#343149}.portfolio-arrow{font-size:18px;color:#705bd0}.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-card{padding:22px 20px 19px}.package-card li{font-size:10px}.package-pro{background:linear-gradient(150deg,#fff 40%,#eff7ff);border-color:#dce5f8}.package-pro .package-label{color:#5273b5}.package-pro .package-price{color:#293758}.package-pro .package-card:before{content:none}.package-pro .package-link{color:#516ca8}.package-pro .package-card li:before{color:#5c7fc2}@media(max-width:1000px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-pro{grid-column:1/-1}.package-pro ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.package-pro .package-link{margin-top:10px}}@media(max-width:700px){.package-grid{grid-template-columns:1fr}.package-pro{grid-column:auto}.package-pro ul{grid-template-columns:1fr}.portfolio-link{padding:13px;gap:10px}.portfolio-link b{font-size:10px}}