@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.hero h1{font-size:clamp(2.25rem,4.8vw,4.35rem)!important;line-height:1.08!important;letter-spacing:-.05em!important}
.portfolio .device-laptop{width:94%!important;height:115%!important;aspect-ratio:auto!important;border-radius:0!important}.portfolio .device-phone{width:27%!important;height:78%!important;aspect-ratio:auto!important;border-radius:0!important}
.portfolio .device-laptop,.portfolio .device-phone{mix-blend-mode:multiply}
.portfolio-devices .device-phone{display:none!important}.portfolio-devices:after{content:'';position:absolute;z-index:2;right:7%;bottom:7%;width:16%;height:62%;background:url('portfolio-phone-mockup.png') center center/210% 100% no-repeat;mix-blend-mode:multiply;filter:drop-shadow(0 8px 10px rgba(28,23,39,.18))}
@media(max-width:600px){.portfolio-devices:after{right:6%;width:18%;height:60%}}
.home-hero .hero-visual{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center}.home-hero .hero-visual .status,.home-hero .hero-visual p{display:none!important}.home-hero .hero-visual img{height:420px!important;max-width:100%;object-fit:contain!important;object-position:center!important;mix-blend-mode:multiply}@media(max-width:800px){.home-hero .hero-visual img{height:290px!important}}
body[data-page="website"] .product-shot{overflow:hidden}body[data-page="website"] .product-shot img{transform:scale(1.16);margin:-18px 0 -24px}
body[data-page="website"] .website-types{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page="website"] .website-type{position:relative;min-height:230px;padding:26px!important;overflow:hidden}body[data-page="website"] .website-type:after{content:'';position:absolute;right:-28px;bottom:-36px;width:120px;height:120px;border-radius:50%;background:rgba(109,53,217,.07)}.type-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:20px;border-radius:16px;background:#fff0e8;color:var(--orange-dark)}.type-icon.purple{background:#f1eaff;color:var(--purple)}.type-icon svg,.process-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.website-type h3{margin:0 0 10px!important}.website-type p{position:relative;z-index:1}.website-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative;margin-top:36px}.website-process:before{content:'';position:absolute;top:31px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--orange),var(--purple))}.process-step{position:relative;z-index:1;min-width:0;text-align:center}.process-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 15px;border:3px solid #fff;border-radius:50%;background:#fff0e8;color:var(--orange-dark);box-shadow:0 6px 18px rgba(255,107,44,.18)}.process-step:nth-child(even) .process-icon{background:#f1eaff;color:var(--purple);box-shadow:0 6px 18px rgba(109,53,217,.16)}.process-step h3{margin:0 0 7px;font-size:1rem}.process-step p{max-width:200px;margin:auto;color:var(--muted);font-size:.85rem;line-height:1.55}@media(max-width:800px){body[data-page="website"] .website-types{grid-template-columns:1fr}.website-process{grid-template-columns:1fr;gap:20px;margin-left:16px}.website-process:before{top:31px;bottom:31px;left:31px;right:auto;width:2px;height:auto}.process-step{display:grid;grid-template-columns:62px 1fr;column-gap:17px;text-align:left}.process-icon{grid-row:1/3;margin:0}.process-step h3{align-self:end}.process-step p{max-width:none;margin:0}.website-type{min-height:0!important}}
body[data-page="bapackai"] .ai-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}body[data-page="bapackai"] .ai-preview-shell{display:flex;justify-content:center;max-height:500px;overflow:hidden;padding:14px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,#faf5ff,#fff8f2);box-shadow:var(--shadow)}body[data-page="bapackai"] .ai-preview-shell img{display:block;max-width:100%;height:470px;object-fit:contain}.ai-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-feature{position:relative;min-height:235px;padding:26px!important;overflow:hidden}.ai-feature:after{content:'';position:absolute;right:-32px;bottom:-42px;width:130px;height:130px;border-radius:50%;background:rgba(109,53,217,.07)}.ai-feature-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:19px;border-radius:16px;background:#f1eaff;color:var(--purple)}.ai-feature:nth-child(2) .ai-feature-icon{background:#fff0e8;color:var(--orange-dark)}.ai-feature-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ai-feature h3{margin:0 0 10px!important}.ai-feature p{position:relative;z-index:1}@media(max-width:800px){body[data-page="bapackai"] .ai-hero{display:block}body[data-page="bapackai"] .ai-preview-shell{margin-top:35px;max-height:430px}body[data-page="bapackai"] .ai-preview-shell img{height:400px}.ai-feature-grid{grid-template-columns:1fr}.ai-feature{min-height:0!important}}
body[data-page="bapackai"] .ai-preview-shell{max-height:420px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}body[data-page="bapackai"] .ai-preview-shell img{height:390px!important;mix-blend-mode:multiply}@media(max-width:800px){body[data-page="bapackai"] .ai-preview-shell{max-height:330px!important}body[data-page="bapackai"] .ai-preview-shell img{height:310px!important}}
body[data-page="omnichannel"] .omni-hero,body[data-page="automation"] .automation-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.omni-preview,.automation-preview{padding:22px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#faf5ff,#fff8f2);box-shadow:var(--shadow)}.omni-preview-head{display:flex;justify-content:space-between;margin-bottom:14px;color:var(--purple);font-size:.78rem;font-weight:800}.omni-preview-row{display:flex;gap:11px;align-items:center;padding:13px 0;border-top:1px solid #e9e2f0}.omni-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff0e8;color:var(--orange-dark);font-weight:800}.omni-preview-row b,.omni-preview-row small{display:block}.omni-preview-row small{color:var(--muted);margin-top:2px}.omni-status{margin-left:auto;padding:4px 7px;border-radius:99px;background:#e8f7ee;color:var(--success);font-size:.7rem;font-weight:800}.omni-features,.automation-features{grid-template-columns:repeat(3,minmax(0,1fr))}.omni-feature,.automation-feature{position:relative;min-height:235px;padding:26px!important;overflow:hidden}.omni-feature:after,.automation-feature:after{content:'';position:absolute;right:-32px;bottom:-42px;width:130px;height:130px;border-radius:50%;background:rgba(109,53,217,.07)}.omni-icon,.automation-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:19px;border-radius:16px;background:#f1eaff;color:var(--purple)}.omni-feature:nth-child(2) .omni-icon,.automation-feature:nth-child(2) .automation-icon{background:#fff0e8;color:var(--orange-dark)}.omni-icon svg,.automation-icon svg,.automation-node svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.omni-feature h3,.automation-feature h3{margin:0 0 10px!important}.omni-feature p,.automation-feature p{position:relative;z-index:1}.automation-preview{display:grid;gap:10px}.automation-node{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--border);border-radius:15px;background:#fff}.automation-node span{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:12px;background:#fff0e8;color:var(--orange-dark)}.automation-node:nth-child(3) span{background:#f1eaff;color:var(--purple)}.automation-node b,.automation-node small{display:block}.automation-node small{margin-top:2px;color:var(--muted)}.automation-connector{height:15px;margin-left:33px;border-left:2px solid var(--purple)}@media(max-width:800px){body[data-page="omnichannel"] .omni-hero,body[data-page="automation"] .automation-hero{display:block}.omni-preview,.automation-preview{margin-top:35px}.omni-features,.automation-features{grid-template-columns:1fr}.omni-feature,.automation-feature{min-height:0!important}}
body[data-page="about"] .about-hero{display:grid;grid-template-columns:1fr .9fr;gap:56px;align-items:center}.about-visual{padding:26px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#faf5ff,#fff8f2);box-shadow:var(--shadow)}.about-visual p{margin:0;color:var(--muted)}.about-stat{display:flex;gap:13px;align-items:center;padding:14px 0;border-top:1px solid var(--border)}.about-stat:first-of-type{margin-top:18px}.about-stat span,.about-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:#fff0e8;color:var(--orange-dark)}.about-stat:nth-of-type(odd) span{background:#f1eaff;color:var(--purple)}.about-stat b,.about-stat small{display:block}.about-stat small{margin-top:2px;color:var(--muted)}.about-principles,.about-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.about-principle,.roadmap-item{position:relative;min-height:220px;padding:26px!important;overflow:hidden}.about-principle:after,.roadmap-item:after{content:'';position:absolute;right:-32px;bottom:-42px;width:130px;height:130px;border-radius:50%;background:rgba(109,53,217,.07)}.about-icon{width:58px;height:58px;margin-bottom:19px}.about-principle:nth-child(2) .about-icon{background:#f1eaff;color:var(--purple)}.about-icon svg,.about-stat svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.about-principle h3,.roadmap-item h3{margin:0 0 10px!important}.about-principle p,.roadmap-item p{position:relative;z-index:1}.roadmap-item .status{margin-bottom:15px}@media(max-width:800px){body[data-page="about"] .about-hero{display:block}.about-visual{margin-top:35px}.about-principles,.about-roadmap{grid-template-columns:1fr}.about-principle,.roadmap-item{min-height:0!important}}
body[data-page="pricing"] .pricing-hero{display:grid;grid-template-columns:1fr .8fr;gap:56px;align-items:center}.pricing-note{padding:25px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,#fff7f2,#f7f1ff);box-shadow:var(--shadow)}.pricing-note b{display:block;font-size:1.1rem}.pricing-note p{margin:8px 0 0;color:var(--muted)}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.price-card{position:relative;display:flex;min-height:100%;flex-direction:column;padding:28px!important;overflow:hidden}.price-card.featured{border:2px solid var(--orange);box-shadow:0 18px 55px rgba(255,107,44,.16)}.price-card.featured:before{content:'Rekomendasi';position:absolute;top:0;right:0;padding:7px 12px;border-radius:0 0 0 12px;background:var(--orange);color:#fff;font-size:.72rem;font-weight:800}.price-badge{display:inline-flex;align-self:flex-start;padding:5px 9px;border-radius:99px;background:#fff0e8;color:var(--orange-dark);font-size:.73rem;font-weight:800}.price-card h3{margin:16px 0 5px;font-size:1.5rem}.price-desc{min-height:48px;color:var(--muted);font-size:.9rem}.price-old{margin-top:18px;color:#938b9d;text-decoration:line-through}.price-main{margin:0;font-size:2.35rem;font-weight:800;letter-spacing:-.05em}.price-period{margin:0;color:var(--muted);font-size:.84rem}.price-features{display:grid;gap:11px;margin:24px 0;padding:0;list-style:none}.price-features li{display:flex;gap:9px;color:#4f485e;font-size:.88rem;line-height:1.45}.price-features svg{flex:none;width:18px;height:18px;color:var(--orange-dark);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.price-card .btn{margin-top:auto}.pricing-other{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.pricing-other .card{min-height:180px;padding:24px!important}.pricing-other h3{margin:12px 0 8px}.pricing-other p{margin:0}@media(max-width:800px){body[data-page="pricing"] .pricing-hero{display:block}.pricing-note{margin-top:35px}.pricing-grid,.pricing-other{grid-template-columns:1fr}.price-card{min-height:0}}
body[data-page="pricing"] .price-main{color:var(--orange-dark);font-weight:850}body[data-page="pricing"] .price-card .btn{font-weight:800}body[data-page="pricing"] .price-card .btn.secondary{border-color:var(--orange);color:var(--orange-dark)}body[data-page="pricing"] .pricing-note{position:relative;overflow:hidden;padding-bottom:118px}body[data-page="pricing"] .pricing-note:after{content:'Promo mulai\A Rp299rb';white-space:pre-line;position:absolute;right:24px;bottom:21px;color:var(--orange-dark);font-size:clamp(2.35rem,4vw,3.4rem);font-weight:850;line-height:.9;letter-spacing:-.06em}body[data-page="pricing"] .pricing-note:before{content:'';position:absolute;right:-30px;bottom:-45px;width:210px;height:160px;border-radius:50%;background:rgba(255,107,44,.10)}@media(max-width:800px){body[data-page="pricing"] .pricing-note{padding-bottom:110px}body[data-page="pricing"] .pricing-note:after{left:24px;right:auto;font-size:2.55rem}}
body[data-page="pricing"] .price-card{padding:28px!important}body[data-page="pricing"] .price-card .price-badge{align-self:center}body[data-page="pricing"] .price-card h3,body[data-page="pricing"] .price-card .price-desc,body[data-page="pricing"] .price-card .price-old,body[data-page="pricing"] .price-card .price-main,body[data-page="pricing"] .price-card .price-period{text-align:center}body[data-page="pricing"] .price-card h3{margin-top:15px}body[data-page="pricing"] .price-card .price-desc{min-height:52px}body[data-page="pricing"] .price-card .price-old{margin-top:12px}body[data-page="pricing"] .price-card .price-main{color:var(--ink);font-size:2.55rem;font-weight:850;line-height:1.1}body[data-page="pricing"] .price-features{margin:25px -28px 26px;padding:27px 28px 0;border-top:1px solid var(--border)}body[data-page="pricing"] .pricing-note{min-height:184px;padding:25px 230px 25px 25px}body[data-page="pricing"] .pricing-note:after{content:'Rp299rb';top:30px;right:25px;bottom:auto;color:var(--orange-dark);font-size:clamp(2.6rem,4vw,3.5rem);line-height:1;letter-spacing:-.07em}body[data-page="pricing"] .pricing-note:before{right:-45px;bottom:-48px;width:190px;height:190px}@media(max-width:800px){body[data-page="pricing"] .pricing-note{padding:24px 24px 108px;min-height:0}body[data-page="pricing"] .pricing-note:after{top:auto;bottom:22px;left:24px;right:auto;font-size:2.7rem}body[data-page="pricing"] .price-main{font-size:2.45rem}}
body[data-page="pricing"] .pricing-note{min-height:0;padding:28px!important;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}body[data-page="pricing"] .pricing-note:before{content:'';position:absolute;top:0;left:28px;right:28px;width:auto;height:3px;border-radius:0;background:linear-gradient(90deg,var(--orange),var(--purple))}body[data-page="pricing"] .pricing-note:after{content:none}.pricing-note-label{display:inline-flex;padding:5px 9px;border-radius:99px;background:#fff0e8;color:var(--orange-dark);font-size:.74rem;font-weight:800}.pricing-note-title{margin:17px 0 2px;font-size:1.22rem;font-weight:800}.pricing-note-price{margin:0;font-size:clamp(3.25rem,5vw,4rem);font-weight:850;letter-spacing:-.07em;line-height:1;color:var(--ink)}.pricing-note-subtitle{margin:15px 0 20px!important;color:var(--muted)!important;font-size:.94rem;line-height:1.55}.pricing-note-benefits{display:grid;gap:10px;margin:0;padding:20px 0;list-style:none;border-block:1px solid var(--border)}.pricing-note-benefits li{display:flex;align-items:center;gap:9px;color:#4f485e;font-size:.92rem;font-weight:600}.pricing-note-benefits svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--orange-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pricing-note-link{display:block;margin-top:20px;color:var(--orange-dark);font-weight:800;text-decoration:none}.pricing-note-link:hover{text-decoration:underline}@media(max-width:800px){body[data-page="pricing"] .pricing-note{padding:24px!important}.pricing-note-price{font-size:3.2rem}.pricing-note-link{width:100%;padding:13px 16px;border:1px solid var(--orange);border-radius:12px;text-align:center}}
.website-active-card{position:relative;display:flex;min-height:100%;flex-direction:column;overflow:hidden}.website-active-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--purple))}.website-active-card:after{content:'';position:absolute;top:-70px;right:-65px;width:160px;height:160px;border-radius:50%;background:rgba(109,53,217,.09);filter:blur(10px);pointer-events:none}.website-active-card>*{position:relative;z-index:1}.website-active-card .status{align-self:flex-start;margin-bottom:13px}.website-active-card h3{margin:0 0 10px}.website-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0}.website-benefit{display:flex;align-items:center;gap:8px;color:#4f485e;font-size:.82rem;font-weight:700}.website-benefit svg{flex:none;width:17px;height:17px;fill:none;stroke:var(--orange-dark);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.website-active-card>a{margin-top:auto}@media(max-width:480px){.website-benefits{grid-template-columns:1fr}.website-active-card{min-height:0}}
:root{--orange:#ff6b2c;--orange-dark:#df4b16;--purple:#6d35d9;--ink:#1c1727;--muted:#665f74;--bg:#fffdfa;--border:#e9e2f0;--success:#18794e;--radius:20px;--container:1120px;--shadow:0 18px 55px rgba(46,25,80,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 83% 0,rgba(109,53,217,.18),transparent 28%),radial-gradient(circle at 5% 24%,rgba(255,107,44,.12),transparent 22%),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:12px;z-index:20;margin-bottom:42px}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px 12px 18px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);box-shadow:0 10px 35px rgba(46,25,80,.08)}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;font-weight:800}.brand img{width:31px;height:31px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:3px}.nav-links a,.dropdown button{padding:9px 10px;border:0;background:none;text-decoration:none;color:#4f485e;font:600 14px Inter;cursor:pointer}.nav-links a:hover,.dropdown button:hover,.nav-links a.active{color:var(--orange-dark)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;left:0;top:40px;min-width:190px;padding:8px;border:1px solid var(--border);border-radius:14px;background:white;box-shadow:var(--shadow)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown.open .dropdown-menu{display:block}.dropdown-menu a{display:block;border-radius:9px}.dropdown-menu a:hover{background:#fff1eb}.menu-toggle,.mobile-contact{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border:1px solid transparent;border-radius:12px;background:var(--orange);color:white;text-decoration:none;font-weight:700;transition:.2s}.btn:hover{background:var(--orange-dark);transform:translateY(-1px)}.btn.secondary{background:transparent;border-color:#d9d0e3;color:#4f485e}.hero{padding:58px 0 85px}.eyebrow,.badge{display:inline-flex;align-items:center;gap:6px;color:var(--orange-dark);font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.hero h1{max-width:850px;margin:14px 0 20px;font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.02;letter-spacing:-.06em}.gradient{background:linear-gradient(110deg,var(--orange-dark),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:690px;color:var(--muted);font-size:1.1rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.grid{display:grid;gap:18px}.products{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.card{padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.82);box-shadow:0 8px 30px rgba(46,25,80,.04);transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);border-color:#d8c8f4;box-shadow:var(--shadow)}.card:focus-within,a:focus-visible,button:focus-visible{outline:3px solid rgba(109,53,217,.32);outline-offset:3px}.card h3{margin:13px 0 8px}.card p{margin:0;color:var(--muted);font-size:.94rem}.card a{display:inline-block;margin-top:17px;color:var(--orange-dark);font-weight:700;text-decoration:none}.status{display:inline-flex;padding:4px 9px;border-radius:999px;background:#e8f7ee;color:var(--success);font-size:12px;font-weight:800}.status.soon{background:#f1eaff;color:#6332bd}.section{padding:75px 0}.section.alt{background:rgba(247,242,255,.48);border-block:1px solid rgba(109,53,217,.08)}.section h2{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}.flow{display:flex;align-items:center;gap:10px;margin-top:30px}.flow div{flex:1;padding:18px;border-radius:16px;background:white;border:1px solid var(--border);font-weight:700;text-align:center}.flow span{color:var(--purple);font-size:24px}.portfolio img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:13px}.site-footer{margin-top:70px;padding:48px 0 26px;background:#231936;color:#eee9f6}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer a{color:#cfc6dd;text-decoration:none}.site-footer a:hover{color:white}.site-footer p{color:#cfc6dd}.copyright{margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.13);color:#a99dbb;font-size:.85rem}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:30;width:52px;height:52px;border-radius:50%;background:#25d366;color:white;display:grid;place-items:center;text-decoration:none;box-shadow:0 12px 25px rgba(0,0,0,.2);font-weight:800}@media(max-width:800px){.site-header{top:0}.nav{border-radius:0;margin-inline:-20px;padding-inline:20px;position:relative}.menu-toggle{display:inline-flex;border:0;background:#f6f0fc;color:var(--purple);padding:9px 11px;border-radius:10px;font-weight:700}.nav-cta{display:none}.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;padding:12px 20px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.nav-links.open a,.nav-links.open .dropdown button{display:block;width:100%;text-align:left;padding:12px 0}.nav-links.open .dropdown-menu{position:static;box-shadow:none;border:0;padding:0 0 0 14px}.mobile-contact{display:block!important;background:var(--orange)!important;color:white!important;padding:11px!important;border-radius:10px}.products,.three,.two,.footer-grid{grid-template-columns:1fr}.hero{padding-top:25px}.flow{flex-direction:column;align-items:stretch}.flow span{transform:rotate(90deg);text-align:center}.flow div{width:100%}.site-footer{margin-top:40px}.floating-wa{right:14px;bottom:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Portfolio featured showcase */
body[data-page="portfolio"]{background:linear-gradient(180deg,#fffdfb 0%,#fff 43%,#fbf9ff 100%)}.portfolio-hero{padding:72px 0 116px;text-align:center}.portfolio-hero h1{max-width:880px;margin-inline:auto}.portfolio-hero .lead{max-width:790px;margin-inline:auto}.portfolio-showcase{padding:0 0 104px}.showcase-intro{text-align:center;margin-bottom:35px}.showcase-intro h2{margin:9px 0 0;font-size:clamp(1.85rem,3.5vw,2.8rem);letter-spacing:-.045em}.showcase-app{--ambience:rgba(244,207,127,.18);--ambience-two:rgba(255,107,44,.08);padding:56px 42px 35px;border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at 50% 18%,var(--ambience),transparent 44%),radial-gradient(circle at 96% 100%,var(--ambience-two),transparent 34%),#fff;box-shadow:0 25px 70px rgba(46,25,80,.09);overflow:hidden;transition:background .42s ease}.showcase-app[data-theme="green"]{--ambience:rgba(69,142,91,.17);--ambience-two:rgba(201,234,197,.38)}.showcase-app[data-theme="beige"]{--ambience:rgba(203,146,80,.17);--ambience-two:rgba(255,227,194,.45)}.showcase-app[data-theme="blue"]{--ambience:rgba(65,124,210,.17);--ambience-two:rgba(213,227,255,.55)}.showcase-stage{display:flex;justify-content:center;padding:5px 0 31px}.device-macbook{position:relative;width:min(80%,830px);padding:11px 11px 0;border:5px solid #302b37;border-bottom:0;border-radius:18px 18px 2px 2px;background:#302b37;box-shadow:0 27px 36px rgba(28,23,39,.22)}.device-camera{position:absolute;z-index:2;top:5px;left:50%;width:6px;height:6px;border-radius:50%;background:#100d15;transform:translateX(-50%)}.device-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f0edf2}.showcase-image{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:opacity .3s ease,transform .3s ease}.device-base{position:absolute;left:-7%;right:-7%;bottom:-13px;height:14px;border-radius:2px 2px 12px 12px;background:linear-gradient(180deg,#d5d2d8,#908b94);box-shadow:0 8px 13px rgba(28,23,39,.18)}.showcase-detail{max-width:660px;margin:0 auto;text-align:center;transition:opacity .3s ease,transform .3s ease}.showcase-category{display:block;color:var(--orange-dark);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.showcase-name{margin:6px 0 8px;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.045em}.showcase-description{margin:0 auto;color:var(--muted);font-size:1rem;line-height:1.7}.showcase-link{display:inline-flex;gap:7px;margin-top:19px;color:var(--orange-dark);font-weight:800;text-decoration:none}.showcase-navigation{display:flex;align-items:center;justify-content:center;gap:25px;margin:33px 0 25px}.showcase-navigation button{border:0;background:transparent;color:#534b61;font:700 .9rem Inter,system-ui,sans-serif;cursor:pointer}.showcase-navigation button:hover{color:var(--orange-dark)}.showcase-dots{display:flex;gap:9px}.showcase-dots button{width:8px;height:8px;padding:0;border-radius:50%;background:#d8d1df;transition:transform .2s,background .2s}.showcase-dots button.active{background:var(--purple);transform:scale(1.35)}.showcase-thumbnails{display:flex;justify-content:center;gap:13px}.showcase-thumbnails button{width:134px;padding:6px;border:1px solid transparent;border-radius:12px;background:#faf8fb;color:#5e566a;font:700 .71rem Inter,system-ui,sans-serif;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}.showcase-thumbnails button:hover{transform:translateY(-2px)}.showcase-thumbnails button.active{border-color:var(--orange);background:#fff;box-shadow:0 8px 20px rgba(255,107,44,.13);color:var(--ink)}.showcase-thumbnails img{display:block;width:100%;height:61px;margin-bottom:5px;object-fit:cover;object-position:top;border-radius:7px}.showcase-app.is-changing .showcase-image,.showcase-app.is-changing .showcase-detail{opacity:0;transform:translateY(9px)}.portfolio-all{padding-top:30px}.portfolio-all>h2{margin:8px 0 29px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em}.portfolio-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:10px;padding:46px 52px;border:1px solid #eadff9;border-radius:26px;background:linear-gradient(110deg,#fff6ef,#f7f1ff)}.portfolio-closing h2{margin:6px 0 7px;font-size:clamp(1.85rem,3.5vw,2.75rem);letter-spacing:-.045em}.portfolio-closing p{max-width:630px;margin:0;color:var(--muted)}@media(max-width:800px){.portfolio-hero{padding:35px 0 70px;text-align:left}.portfolio-hero h1,.portfolio-hero .lead{margin-inline:0}.portfolio-showcase{padding-bottom:70px}.showcase-intro{text-align:left}.showcase-app{padding:35px 18px 25px;border-radius:22px}.device-macbook{width:94%;border-width:4px;border-radius:12px 12px 2px 2px}.showcase-stage{padding-bottom:28px}.showcase-navigation{gap:18px}.showcase-thumbnails{justify-content:flex-start;overflow-x:auto;padding:5px 2px 10px;scroll-snap-type:x mandatory}.showcase-thumbnails button{flex:0 0 126px;scroll-snap-align:start}.portfolio-closing{align-items:flex-start;flex-direction:column;padding:34px 27px}.portfolio-closing .btn{width:100%}}@media(max-width:420px){.showcase-navigation button span{display:none}.showcase-navigation{justify-content:space-between;gap:9px}.showcase-navigation button{font-size:1.15rem}.showcase-dots{gap:8px}}
body[data-page="portfolio"] .portfolio-hero h1{margin:14px auto 20px;font-size:clamp(2.6rem,6vw,5.25rem);line-height:1.04;letter-spacing:-.06em}
/* Portfolio showcase controls: flank the laptop on desktop, remain reachable below on small screens. */
body[data-page="portfolio"] .showcase-app{position:relative}body[data-page="portfolio"] .showcase-navigation .showcase-prev,body[data-page="portfolio"] .showcase-navigation .showcase-next{position:absolute;z-index:4;top:31%;display:grid;width:46px;height:46px;padding:0;border:1px solid var(--border);border-radius:50%;place-items:center;background:rgba(255,255,255,.94);box-shadow:0 9px 22px rgba(46,25,80,.12);font-size:1.15rem;line-height:1}body[data-page="portfolio"] .showcase-navigation .showcase-prev{left:3.2%}body[data-page="portfolio"] .showcase-navigation .showcase-next{right:3.2%}body[data-page="portfolio"] .showcase-navigation .showcase-prev span,body[data-page="portfolio"] .showcase-navigation .showcase-next span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){body[data-page="portfolio"] .showcase-navigation .showcase-prev,body[data-page="portfolio"] .showcase-navigation .showcase-next{position:static;display:inline-flex;width:auto;height:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.9rem}body[data-page="portfolio"] .showcase-navigation .showcase-prev span,body[data-page="portfolio"] .showcase-navigation .showcase-next span{position:static;width:auto;height:auto;padding:0;overflow:visible;clip:auto;white-space:normal}}
/* Unified Products dropdown trigger */
.dropdown>.product-trigger{display:inline-flex;align-items:center;gap:5px}.dropdown>.product-trigger svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.dropdown.open>.product-trigger svg,.dropdown:focus-within>.product-trigger svg{transform:rotate(180deg)}.dropdown>.dropdown-toggle{display:none}@media(max-width:800px){.nav-links.open .dropdown>.product-trigger{display:flex;align-items:center;justify-content:space-between}.nav-links.open .dropdown>.product-trigger svg{width:16px;height:16px}}
/* Shared navbar lockup */
.site-header .brand{display:flex;align-items:center;height:40px;line-height:1}.site-header .brand .brand-lockup{display:block!important;width:148px!important;height:39px!important;max-width:42vw;object-fit:contain;object-position:left center}@media(max-width:800px){.site-header .brand{height:36px}.site-header .brand .brand-lockup{width:132px!important;height:35px!important;max-width:48vw}}