/* Paketen visual treatment. Original document structure and behavior are retained. */
:root{--aqua:#18b7cd;--aqua-dark:#067e92;--accent-yellow:#f7e000;--button-blue:#1951a5;--button-blue-hover:#2f73d9;--orange:#ff943d;--grid:linear-gradient(#c7e3e94d 1px,transparent 1px),linear-gradient(90deg,#c7e3e94d 1px,transparent 1px);--shadow:0 5px 24px rgb(44 69 133 / 6%)}
body{letter-spacing:.045em;line-height:1.95;font-synthesis:none}
h1,h2,h3{font-weight:700;line-height:1.65;letter-spacing:.06em}
.nav-links>a,.btn{font-weight:700}
.kicker{color:var(--aqua-dark);letter-spacing:.12em}
.hero{background-color:#f0f8fa;background-image:var(--grid);background-size:38px 38px}
.hero h1{font-weight:700;letter-spacing:.015em;color:var(--navy)}
.hero .kicker{background:white;color:var(--aqua-dark);border:1px solid #b5e4e9;border-radius:100px;font-weight:500}
.hero-intro{color:var(--navy)}
.hero-ai{color:var(--aqua-dark);font-family:'Lato','Noto Sans TC',sans-serif;font-weight:700}
.hero-emphasis{color:var(--aqua-dark);font-weight:700}
.hero-emphasis:after{border-color:var(--accent-yellow);border-width:2px}
.hero .lede{color:var(--ink)}
.btn{background:var(--button-blue);box-shadow:none}
.btn--yellow{background:var(--accent-yellow);color:var(--button-blue)}
.btn--white{background:white;color:var(--navy)}
.nav-actions .btn:not(.btn--yellow){background:var(--orange);color:#25374b}
.cta-band{background-color:var(--aqua);background-image:radial-gradient(#ffffff42 1px,transparent 1px);background-size:9px 9px;color:var(--navy)}
.cta-band h2{color:var(--navy);font-weight:700}
.cta-band:before,.cta-band:after{border-radius:0;border-width:1px;border-color:#ffffff50;transform:rotate(35deg)}
.cta-caption{color:white;background:var(--navy);font-weight:500}
.cta-caption:after{background:var(--navy)}
.star{background:#fff9c4}
.hero-pts li{border:1px solid var(--line);border-top:3px solid var(--aqua);box-shadow:none}
.hero-pts li:nth-child(2){border-top-color:var(--accent-yellow)}
.hero-pts li:nth-child(3){border-top-color:var(--navy)}
.hero-pts strong{font-weight:700}
#pain,#usecases,#boundary,#faq{background-color:var(--paper);background-image:var(--grid);background-size:42px 42px}
#pain .note{border:1px solid var(--line)}
#pain .ill-sq.site-illustration{width:min(100%,240px);aspect-ratio:1;object-fit:contain}
#shift .wrap{border:1px solid var(--line);box-shadow:none}
.comparison-table tbody td{background:#f4f7f8}
.comparison-table tbody th{background:var(--navy)}
.comparison-table tbody .comparison-partner{background:#e7f8fa}
.comparison-table thead .comparison-partner{box-shadow:none}
.service-media,.service-row:nth-child(even) .service-media{background:#f0f8fa;border-radius:24px;border:1px solid var(--line)}
.service-row:nth-child(even) .service-media{background:#fffdeb;border-color:#f2e8a2}
.service-row h3,.uc h3{color:var(--navy);font-weight:700}
.num,.uc-tag{background:white;border:1px solid #84cbd1;box-shadow:3px 3px 0 #18b7cd;color:var(--navy);font-weight:700}
.service-row:nth-child(even) .num{box-shadow:3px 3px 0 var(--accent-yellow);border-color:#f7e000}
.plain li:before{background:var(--aqua-dark)}
.tick{color:var(--aqua-dark)}
.tree-root{background:var(--navy);border:1px solid var(--navy)}
.tree-root span{color:#feee5a}
.tree-col{border:1px solid var(--line);border-top:3px solid var(--aqua)}
.tree-branch{font-weight:700}
.uc-box.is-after{background:#edf9fa;border-left:3px solid var(--aqua);border-radius:0 12px 12px 0;color:var(--navy)}
.uc-chips span{border-color:#b5e4e9;border-radius:100px;color:var(--aqua-dark)}
.split-side{border:1px solid var(--line)}
.is-human{box-shadow:none;border:2px solid var(--accent-yellow)}
.split-mid{background:var(--accent-yellow)}
#deliverables,#process{background-color:#f0f8fa;background-image:var(--grid);background-size:42px 42px;color:var(--ink)}
#deliverables h2,#deliverables .kicker,#process h2,#process .kicker{color:var(--navy)}
#deliverables .card{border:1px solid var(--line);border-top:3px solid var(--aqua);box-shadow:none}
.step{background:white;border:1px solid var(--line);border-top:3px solid var(--aqua)}
.step:nth-of-type(even){border-top-color:var(--accent-yellow)}
.step h3{color:var(--navy);font-weight:700}
.step .lede{color:var(--ink)}
.step .num{background:#f0f8fa;color:var(--aqua-dark);border:0;box-shadow:none;font-family:'Lato',sans-serif;font-style:italic;font-size:24px;font-weight:400}
.ill-portrait{background:#e7f5f6}
#trust .lede{line-height:2}
details{border:1px solid var(--line);border-radius:14px}
summary:before{font-family:'Lato',sans-serif;font-style:italic;font-weight:400}
.form-card{border:1px solid var(--line);box-shadow:var(--shadow)}
.field input,.field select,.field textarea{background:#f7fbfc;border-color:#bfdce2}
.floating-cta{background:var(--button-blue);box-shadow:0 5px 18px #1951a525}
.floating-cta svg path{stroke:var(--button-blue)}
.laptop{background:#e5f3f5;border:2px solid #91bcc7;box-shadow:0 10px 24px #2c45851a;border-radius:16px}
.laptop::after{background:none}
.laptop .dashboard{border-color:#bfdce2}
.laptop-base{background:linear-gradient(#d8e9ed,#edf7f9 70%,#b9d4dc 72%,#d8e9ed);filter:drop-shadow(0 8px 5px #2c458518)}
.laptop-keyboard{opacity:.65}
.phone{background:#d8e9ed;border-color:#91bcc7;box-shadow:4px 10px 18px #2c458526}
.phone-screen{background:white;border-color:#91bcc7}
.phone-bubble.is-blue{background:var(--aqua-dark)}
.dash-work .site-illustration{background:white;border-radius:8px}
@media(hover:hover){.btn:hover{background:var(--button-blue-hover)}.btn--yellow:hover{background:#feee5a;color:var(--button-blue)}.btn--white:hover{background:var(--paper);color:var(--navy)}}
@media(max-width:699px){body{letter-spacing:.03em}.hero{background-size:28px 28px}#pain,#usecases,#boundary,#faq,#deliverables,#process{background-size:28px 28px}.service-media{border-radius:20px}.hero-pts li{border-top-width:1px;border-left:3px solid var(--aqua)}.hero-pts li:nth-child(2){border-top-color:var(--line);border-left-color:var(--accent-yellow)}.hero-pts li:nth-child(3){border-top-color:var(--line);border-left-color:var(--navy)}#pain .ill-sq.site-illustration{width:220px}}