@font-face{font-family:Century;src:url(/fonts/CenturyGothicPaneuropeanRegular.ttf)}@font-face{font-family:Century;src:url(/fonts/CenturyGothicPaneuropeanBlack.ttf);font-weight:900}@font-face{font-family:Century;src:url(/fonts/CenturyGothicPaneuropeanItalic.ttf);font-style:italic}@font-face{font-family:Shopee;src:url(/fonts/shopee2021-regular.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Century,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{overflow:hidden}.topbar{z-index:50;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000080b8;border-bottom:1px solid #ffffff47;justify-content:space-between;align-items:center;width:100%;height:68px;padding:0 3vw;display:flex;position:fixed;top:0;left:0}.brandmark{align-items:baseline;gap:10px;display:flex}.brandmark span{letter-spacing:-1px;font-size:20px;font-weight:900}.brandmark i,.eyebrow{letter-spacing:.18em;font-size:10px;font-style:normal}.nav-links{letter-spacing:.14em;gap:28px;font-size:10px;display:flex}.nav-cta{letter-spacing:.15em;border:1px solid;padding:11px 14px;font-size:9px}.hero{background:var(--navy);color:#fff;grid-template-rows:1fr auto;grid-template-columns:1.12fr .88fr;gap:26px;min-height:100vh;padding:128px 3vw 28px;display:grid;position:relative}.hero:before{content:"";background:radial-gradient(circle at 78% 20%,#0098f1a6,#0000 35%),linear-gradient(125deg,#0000 58%,#ffffff12 58% 59%,#0000 59%);position:absolute;inset:0}.hero-copy,.hero-visual,.hero-stats{z-index:1;position:relative}.inverse{color:#9bd9ff}.hero h1{letter-spacing:-.08em;margin:32px 0 34px;font-size:clamp(64px,8.2vw,150px);font-weight:900;line-height:.82}.hero h1 span{color:var(--sky)}.hero-desc{max-width:710px;font-size:clamp(15px,1.25vw,20px);line-height:1.65}.hero-actions{gap:10px;margin-top:36px;display:flex}.hero-actions a{letter-spacing:.14em;border:1px solid #fff;padding:14px 18px;font-size:10px}.hero-actions a:first-child{color:var(--navy);background:#fff}.hero-visual{align-self:stretch;min-height:480px}.hero-visual .asset-slot{background-color:#00308380;border-color:#ffffff80;height:100%}.hero-stamp{width:108px;height:108px;color:var(--navy);text-align:center;background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:900;line-height:1.4;display:grid;position:absolute;bottom:-5px;right:-5px;transform:rotate(9deg)}.hero-stats{border-top:1px solid #fff6;grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.hero-stats div{border-right:1px solid #ffffff40;padding:20px 0 0}.hero-stats b{font-size:clamp(30px,4vw,70px);line-height:1;display:block}.hero-stats span{letter-spacing:.14em;font-size:9px}.section-head{grid-template-columns:90px minmax(0,1fr);gap:22px;max-width:1380px;margin:0 auto 60px;display:grid}.section-index{letter-spacing:.15em;padding-top:6px;font-size:12px}.section-head h2{letter-spacing:-.06em;max-width:1100px;margin:16px 0 0;font-size:clamp(44px,6vw,100px);line-height:.9}.section-intro{max-width:690px;margin:26px 0 0;font-size:17px;line-height:1.6}.blue-section{background:var(--deep);color:#fff}.white-section{background:#fff}.pipeline,.dna,.products,.system,.spaces,.showroom,.commerce,.web-ui,.gallery,.quality,.qa,.actions{padding:110px 3vw}.pipeline-list{border-top:1px solid #ffffff59;max-width:1380px;margin:auto}.pipeline-row{border-bottom:1px solid #ffffff40;grid-template-columns:90px 1fr 1.2fr 40px;align-items:center;gap:22px;padding:28px 0;display:grid}.pipeline-row b{color:#7fd0ff}.pipeline-row h3{margin:0;font-size:clamp(22px,2.4vw,38px)}.pipeline-row p{color:#d6e9ff;margin:0;line-height:1.55}.pipeline-row span{font-size:28px}.dna{background:var(--ice)}.dna-grid{grid-template-columns:1.1fr .9fr;grid-auto-rows:minmax(350px,auto);gap:18px;max-width:1380px;margin:auto;display:grid}.dna-card{border:1px solid var(--line);background:#fff;padding:32px;position:relative;overflow:hidden}.dna-card>span,.card-meta,.gallery-meta,.showroom-card>span,.banner-card>div>span,.qa-card>span{letter-spacing:.16em;font-size:9px}.dna-card p{line-height:1.6}.logo-lock{align-items:center;gap:24px;margin:70px 0 55px;display:flex}.logo-lock img:first-child{width:min(75%,520px)}.logo-lock img:last-child{width:80px}.dark{background:var(--navy);color:#fff}.dark h3{letter-spacing:-.06em;margin:65px 0 35px;font-size:clamp(52px,6vw,96px);line-height:.85}.tagline{background:var(--sky);color:#fff}.tagline p{letter-spacing:-.08em;margin:58px 0 0;font-size:clamp(68px,8vw,130px);font-weight:900;line-height:.78}.tagline em{color:var(--navy);font-style:normal}.commercial h3{letter-spacing:-.05em;margin:55px 0 30px;font-size:clamp(44px,5vw,78px);line-height:.9}.commercial ul{border-top:1px solid var(--line);padding:0;list-style:none}.commercial li{border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.commercial small{color:var(--sky);letter-spacing:.1em}.product-grid,.system-grid,.showroom-grid,.gallery-grid,.qa-grid,.device-grid{gap:18px;max-width:1380px;margin:auto;display:grid}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card{border:1px solid var(--line);flex-direction:column;min-height:440px;padding:30px;display:flex}.product-no{color:var(--sky);font-size:clamp(70px,9vw,140px);font-weight:900;line-height:1}.product-card h3{margin:35px 0 14px;font-size:36px}.product-card>p{line-height:1.6}.spec-line{border-top:1px solid var(--line);letter-spacing:.12em;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;font-size:8px;display:flex}.system{background:var(--ink);color:#fff}.system-card{border:1px solid #ffffff40;padding:18px}.card-meta{color:#9bd9ff;justify-content:space-between;margin-top:18px;display:flex}.system-card h3,.device-card h3{margin:42px 0 12px;font-size:34px}.system-card p,.device-card p,.gallery-card p,.showroom-card p{line-height:1.6}.tag-row{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.tag-row i{letter-spacing:.12em;border:1px solid;border-radius:100px;padding:7px 9px;font-size:8px;font-style:normal}.space-grid{grid-template-columns:repeat(12,1fr);gap:18px;max-width:1380px;margin:auto;display:grid}.space-card{border:1px solid var(--line);padding:14px}.space-card .asset-slot{aspect-ratio:4/3}.space-card>div:last-child{padding:18px 10px 10px}.space-card span{letter-spacing:.15em;color:var(--sky);font-size:9px}.space-card h3{margin:16px 0 8px;font-size:30px}.space-card p{line-height:1.55}.s1,.s4{grid-column:span 7}.s2,.s3{grid-column:span 5}.s5,.s6{grid-column:span 6}.showroom-grid{grid-template-columns:repeat(2,1fr)}.showroom-card{border:1px solid #ffffff4d;padding:16px}.showroom-card .asset-slot{aspect-ratio:16/10;margin-bottom:20px}.showroom-card h3{margin:16px 0 8px;font-size:34px}.banner-stack{gap:24px;max-width:1380px;margin:auto;display:grid}.banner-card{border:1px solid var(--line);grid-template-columns:1.6fr .7fr;align-items:center;gap:30px;padding:16px;display:grid}.banner-card:nth-child(2n){grid-template-columns:.7fr 1.6fr}.banner-card:nth-child(2n) .asset-slot{order:2}.banner-card .asset-slot{aspect-ratio:16/6}.banner-card h3{margin:22px 0 12px;font-size:40px}.banner-card p{line-height:1.6}.banner-card small{letter-spacing:.12em;color:var(--sky);font-size:8px}.web-ui{background:var(--sky);color:#fff}.device-grid{grid-template-columns:1.5fr .75fr}.device-card{border:1px solid #fff6;padding:18px}.mobile-slot{aspect-ratio:9/16;max-height:720px}.gallery-grid{grid-template-columns:repeat(3,1fr);align-items:start}.gallery-card{border-top:1px solid var(--line);padding-top:12px}.gallery-card .asset-slot{aspect-ratio:4/5}.gallery-meta{color:var(--sky);justify-content:space-between;margin-top:16px;display:flex}.gallery-card h3{margin:28px 0 8px;font-size:30px}.quality{background:var(--navy);color:#fff}.table-wrap{max-width:1380px;margin:auto;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff40;padding:22px 16px}th{letter-spacing:.16em;color:#91d6ff;font-size:9px}td{font-size:13px;line-height:1.5}.status-dot{background:#77dbff;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.qa-grid{grid-template-columns:repeat(2,1fr)}.qa-card{border:1px solid var(--line);min-height:330px;padding:30px}.qa-card h3{margin:35px 0 22px;font-size:34px}.qa-card ul{margin:0;padding-left:20px;line-height:1.75}.forbidden{color:#fff;background:#0b1833}.actions{background:var(--ice)}.action-list{border-top:1px solid var(--line);max-width:1380px;margin:auto}.action-row{border-bottom:1px solid var(--line);grid-template-columns:70px 60px 1fr 1.5fr 30px;align-items:center;gap:20px;padding:26px 0;display:grid}.action-row>span{text-align:center;border:1px solid;padding:8px;font-size:9px}.action-row>b{color:var(--sky)}.action-row h3{margin:0;font-size:26px}.action-row p{margin:0;line-height:1.5}.action-row i{font-size:24px;font-style:normal}footer{background:var(--ink);color:#fff;grid-template-columns:1.5fr 1fr auto;align-items:end;gap:30px;padding:60px 3vw;display:grid}.footer-logo{letter-spacing:-.08em;font-size:clamp(60px,10vw,170px);font-weight:900;line-height:.8}.footer-logo span{vertical-align:top;font-size:12px}.footer-logo+p{letter-spacing:.12em;font-size:10px;line-height:1.6}.footer-logo~a{letter-spacing:.12em;font-size:9px}.asset-slot{text-align:center;color:var(--sky);background-color:#eef8ff;background-image:linear-gradient(45deg,#0098f11a 25%,#0000 25% 75%,#0098f11a 75%),linear-gradient(45deg,#0098f11a 25%,#0000 25% 75%,#0098f11a 75%);background-position:0 0,14px 14px;background-size:28px 28px;border:1px solid;align-content:center;place-items:center;gap:9px;display:grid;position:relative;overflow:hidden}.asset-slot span,.asset-slot small{letter-spacing:.18em;font-size:8px}.asset-slot b{font-size:clamp(16px,2vw,28px)}.asset-slot.has-image{background:#d9eeff;border:0}.asset-slot.has-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.gallery-card:hover .asset-slot img{transform:scale(1.025)}.reveal{opacity:0;transition:opacity .75s ease var(--delay,0s),transform .75s cubic-bezier(.2,.75,.25,1) var(--delay,0s);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}@media (max-width:900px){.nav-links{display:none}.topbar{height:58px}.hero{grid-template-columns:1fr;padding-top:100px}.hero-visual{min-height:360px}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-stats div{padding-bottom:15px}.section-head{grid-template-columns:42px 1fr;margin-bottom:42px}.pipeline-row{grid-template-columns:42px 1fr 28px}.pipeline-row p{grid-column:2/3}.dna-grid,.product-grid,.system-grid,.showroom-grid,.gallery-grid,.qa-grid,.device-grid{grid-template-columns:1fr}.space-card{grid-column:span 12}.banner-card,.banner-card:nth-child(2n){grid-template-columns:1fr}.banner-card:nth-child(2n) .asset-slot{order:0}.mobile-slot{aspect-ratio:9/13}.action-row{grid-template-columns:60px 40px 1fr}.action-row p{grid-column:3/4}.action-row i{grid-area:1/4}.footer-logo{grid-column:1/-1}footer{grid-template-columns:1fr auto}}@media (max-width:560px){.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:56px}.hero-stats b{font-size:40px}.pipeline,.dna,.products,.system,.spaces,.showroom,.commerce,.web-ui,.gallery,.quality,.qa,.actions{padding:80px 20px}.section-head h2{font-size:42px}.section-intro{font-size:14px}.pipeline-row{gap:10px}.pipeline-row h3{font-size:21px}.pipeline-row p{font-size:13px}.dna-grid{grid-auto-rows:auto}.dna-card{min-height:340px;padding:24px}.logo-lock{margin:60px 0 40px}.product-card{min-height:380px}.showroom-card h3,.system-card h3,.device-card h3,.banner-card h3{font-size:28px}.asset-slot b{font-size:15px}.action-row{grid-template-columns:52px 36px 1fr}.action-row h3{font-size:20px}.action-row p{font-size:13px}footer{padding:50px 20px}.nav-cta{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.asset-slot.has-image img{transition:none}}:root{--navy:#000;--deep:#292729;--sky:#514c4e;--ice:#f2f2f2;--ink:#111;--line:#0003;--white:#fff}.topbar{background:#000000d1}.nav-links a:hover{color:#d7d7d7}.hero:before{background:radial-gradient(circle at 78% 20%,#ffffff29,#0000 36%),linear-gradient(125deg,#0000 58%,#ffffff12 58% 59%,#0000 59%)}.inverse,.pipeline-row b,.card-meta,.space-card span,.gallery-meta,.action-row>b{color:#c8c8c8}.hero-visual .asset-slot{background-color:#2a282ab8}.pipeline-row p{color:#e0e0e0}.tagline,.web-ui{background:#4b4749}.commercial small,.banner-card small{color:#4b4749}.quality{background:#000}.forbidden{background:#292729}.status-dot{background:#cfcfcf}.system{background:#111}th{color:#d6d6d6}.asset-slot{color:#4b4749;background-color:#f0f0f0;background-image:linear-gradient(45deg,#00000012 25%,#0000 25% 75%,#00000012 75%),linear-gradient(45deg,#00000012 25%,#0000 25% 75%,#00000012 75%)}.asset-slot.has-image{background:#ddd}.system-card .asset-slot.has-image{background:#fff}.system-card .asset-slot.has-image img{object-fit:contain}.system-grid{grid-template-columns:1fr}.system-card .asset-slot{aspect-ratio:3/2}.secondary-board{aspect-ratio:3/2;color:#111;background:#fff;border:1px solid #c9c9c9;grid-template-rows:1.15fr .55fr .82fr;grid-template-columns:1.05fr .95fr;display:grid;overflow:hidden}.secondary-board b{letter-spacing:.03em;font-size:clamp(9px,1vw,16px)}.secondary-board img{object-fit:contain}.secondary-main{border-bottom:1px solid #999;border-right:1px solid #999;grid-row:span 1;grid-template-rows:auto 1fr;padding:2.2%;display:grid}.secondary-main img{place-self:center;width:68%;max-height:78%}.secondary-rules{border-bottom:1px solid #999;grid-template-rows:1.1fr .9fr;display:grid}.secondary-safe,.secondary-size{padding:3.2%}.secondary-safe{border-bottom:1px solid #999}.secondary-safe>div{aspect-ratio:1.8;background-image:linear-gradient(#0098f11f 1px,#0000 1px),linear-gradient(90deg,#0098f11f 1px,#0000 1px);background-size:22px 22px;border:1px dashed #888;place-items:center;width:54%;margin:2.2% auto 0;display:grid;position:relative}.secondary-safe img{width:62%}.secondary-safe i{color:var(--accent);font-size:14px;font-style:normal;font-weight:900;position:absolute}.secondary-safe i:first-child{top:3px;left:50%}.secondary-safe i:nth-child(2){bottom:3px;left:50%}.secondary-safe i:nth-child(3){top:45%;left:5px}.secondary-safe i:nth-child(4){top:45%;right:5px}.secondary-size>div{grid-template-columns:repeat(2,1fr);margin-top:3%;display:grid}.secondary-size span{border-right:1px solid #bbb;place-items:center;gap:4px;display:grid}.secondary-size span:last-child{border-right:0}.secondary-size small,.secondary-size em{letter-spacing:.08em;font-size:clamp(6px,.65vw,10px);font-style:normal}.secondary-size img{width:35%;max-height:48px}.secondary-usage{border-bottom:1px solid #999;grid-column:1/-1;grid-template-columns:.62fr 1.38fr;display:grid}.secondary-correct,.secondary-incorrect{padding:2%}.secondary-correct{border-right:1px solid #999;grid-template-columns:auto 1fr;align-items:center;gap:12%;display:grid}.secondary-correct img{justify-self:center;width:46%}.secondary-incorrect>div{grid-template-columns:repeat(4,1fr);align-items:stretch;height:calc(100% - 22px);min-height:76px;display:grid}.secondary-incorrect span{border-right:1px solid #bbb;place-items:center;height:100%;min-height:0;padding:6% 0;display:grid;position:relative;overflow:visible}.secondary-incorrect span:last-child{border-right:0}.secondary-incorrect span:after{content:"";background:var(--accent);width:76%;height:2px;position:absolute;transform:rotate(-38deg)}.secondary-incorrect img{width:52%;max-height:72%}.secondary-incorrect .squash img{transform:scaleY(.58)}.secondary-incorrect .rotate-logo img{transform:rotate(18deg)}.secondary-incorrect .thin-logo img{opacity:.22}.secondary-incorrect .fill-logo{background:#111}.secondary-incorrect .fill-logo img{filter:invert()}.secondary-apps{grid-column:1/-1;grid-template-rows:auto 1fr;gap:2%;padding:1.5% 2%;display:grid}.secondary-apps>div{grid-template-columns:repeat(3,1fr);gap:2%;display:grid}.secondary-apps span{background:#ececec;border:1px solid #d2d2d2;place-items:center;display:grid;overflow:hidden}.secondary-apps img{width:37%}.secondary-apps .app-label{background:#171717;border:8px solid #2a2a2a}.secondary-apps .app-label img{filter:invert();width:34%}.secondary-apps .app-tag{background:#fff;justify-self:center;width:78%;transform:rotate(-3deg);box-shadow:0 8px 18px #00000024}.secondary-apps .app-sticker{aspect-ratio:1;background:#fff;border-radius:50%;justify-self:center;width:42%;box-shadow:0 8px 18px #00000024}.secondary-apps .app-sticker img{width:58%}.hero-desc,.section-intro,.pipeline-row p,.dna-card>p,.product-card>p,.system-card>p,.space-card p,.showroom-card p,.banner-card p,.device-card p,.gallery-card p,.qa-card li,.action-row p,td{letter-spacing:.01em;font-family:Shopee,Arial,sans-serif;font-weight:400}.color-font{background:#f2f2f2;padding:110px 3vw}.color-font-grid{gap:18px;max-width:1380px;margin:0 auto;display:grid}.palette-board{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(4,1fr);min-height:360px;display:grid}.swatch{border-right:1px solid #ffffff38;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;display:flex}.swatch:last-child{border-right:0}.swatch span{letter-spacing:.14em;font-size:11px}.swatch b{letter-spacing:.08em;font-size:13px}.swatch.black{color:#fff;background:#000}.swatch.charcoal{color:#fff;background:#292729}.swatch.graphite{color:#fff;background:#4b4749}.swatch.white{color:#000;border-left:1px solid var(--line);background:#fff}.type-board{border:1px solid var(--line);background:#fff;padding:0 28px}.type-row{border-bottom:1px solid #222;grid-template-columns:210px 1fr auto;align-items:center;gap:34px;min-height:180px;display:grid}.type-row:last-child{border-bottom:0}.type-row>div{letter-spacing:-.08em;font-size:112px;line-height:1}.type-row p{gap:8px;margin:0;display:grid}.type-row p b{font-size:22px}.type-row p span{letter-spacing:.14em;color:#666;font-size:9px}.type-row strong{text-align:right;font-size:42px;font-weight:400}.type-row.bold,.type-row.bold strong{font-weight:900}.type-row.shopee,.type-row.shopee strong,.type-row.shopee p{font-family:Shopee,Arial,sans-serif}.gallery-card img,.logo-lock img:last-child{filter:grayscale()}@media (max-width:900px){.palette-board{grid-template-columns:repeat(2,1fr)}.swatch{min-height:220px}.type-row{grid-template-columns:125px 1fr;padding:22px 0}.type-row>div{font-size:78px}.type-row strong{text-align:left;grid-column:2;font-size:32px}}@media (max-width:560px){.color-font{padding:80px 20px}.palette-board{grid-template-columns:1fr}.swatch{border-bottom:1px solid #ffffff38;border-right:0;min-height:170px}.type-board{padding:0 20px}.type-row{grid-template-columns:88px 1fr;gap:18px}.type-row>div{font-size:62px}.type-row p b{font-size:17px}.type-row strong{font-size:26px}}h1,h2,h3,.type-row strong{text-transform:uppercase}.brandmark img{object-fit:contain;filter:invert();width:132px;height:34px}.logo-lock img:first-child{object-fit:contain;width:min(78%,560px)}.gallery-card img,.logo-lock img:last-child{filter:none}:root{--accent:#0098f1;--signal:#f05a3c}.logo-application,.visual-guideline{padding:110px 3vw}.logo-board-shell,.guideline-shell{max-width:1380px;margin:0 auto}.logo-board-shell{border:1px solid var(--line);background:#fff;border-radius:28px;overflow:hidden}.logo-board-title{border-bottom:1px solid var(--line);background:#f6f6f6;justify-content:space-between;align-items:center;gap:30px;min-height:170px;padding:28px 34px;display:flex}.logo-board-title img{width:min(54%,570px)}.logo-board-title div{text-align:right;gap:10px;display:grid}.logo-board-title span,.board-label{letter-spacing:.16em;font-size:9px}.logo-board-title b{font-size:18px}.logo-rule-grid{grid-template-columns:repeat(4,1fr);display:grid}.logo-rule-grid>article{border-right:1px solid var(--line);flex-direction:column;min-height:390px;padding:26px;display:flex}.logo-rule-grid>article:last-child{border-right:0}.logo-rule-grid article>span{color:var(--accent);letter-spacing:.1em;font-size:10px;font-weight:900}.logo-rule-grid article>p{margin-top:auto;font-family:Shopee,Arial,sans-serif;line-height:1.55}.primary-logo-stage{place-items:center;min-height:190px;display:grid}.primary-logo-stage img{width:92%}.mini-palette{grid-template-columns:repeat(2,1fr);gap:8px;margin:36px 0;display:grid}.mini-palette i{border:1px solid var(--line);flex-direction:column;justify-content:flex-end;gap:3px;min-height:86px;padding:10px;font-style:normal;display:flex}.mini-palette b{font-size:9px}.mini-palette small{font-size:8px}.p-black{color:#fff;background:#000}.p-white{color:#000;background:#fff}.p-gray{color:#fff;background:#4b4749}.p-accent{background:var(--accent);color:#fff}.safe-space{border:1px dashed var(--accent);background-image:linear-gradient(#0098f121 1px,#0000 1px),linear-gradient(90deg,#0098f121 1px,#0000 1px);background-size:34px 34px;place-items:center;min-height:205px;margin:28px 0;display:grid;position:relative}.safe-space img{width:78%}.safe-space i{color:var(--accent);font-style:normal;font-weight:900;position:absolute}.safe-space i:first-child{top:7px;left:50%}.safe-space i:nth-child(2){bottom:7px;left:50%}.safe-space i:nth-child(3){top:48%;left:7px}.safe-space i:nth-child(4){top:48%;right:7px}.min-size{gap:26px;margin:38px 0;display:grid}.min-size div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px;padding-bottom:14px;display:grid}.min-size img{width:112px}.min-size div:first-child img{width:78px}.min-size span{letter-spacing:.1em;font-size:8px}.misuse-panel,.application-panel{border-top:1px solid var(--line);padding:26px}.misuse-grid{grid-template-columns:repeat(6,1fr);margin-top:18px;display:grid}.misuse{text-align:center;border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;align-items:center;min-height:130px;padding:16px 10px;display:flex}.misuse:last-child{border-right:0}.misuse b{color:#fff;background:var(--signal);border-radius:50%;align-self:flex-start;place-items:center;width:22px;height:22px;display:grid}.misuse:after{content:"CLOUDZY";order:1;font-size:19px;font-weight:900}.misuse span{letter-spacing:.06em;order:2;font-size:8px}.wrong-color:after{color:#c83d87}.stretch:after{transform:scaleX(1.35)}.rotate:after{transform:rotate(-10deg)}.crowd:after{content:"CLOUDZYSTREET";letter-spacing:-.08em}.contrast:after{color:#cfcfcf}.split:after{content:"CLOUDZY  zzz";word-spacing:22px}.application-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px;display:grid}.application-grid article{text-align:center;gap:10px;display:grid}.application-grid .asset-slot,.avatar-mark{aspect-ratio:4/3}.application-grid article>span{letter-spacing:.08em;font-size:9px}.avatar-mark{border:1px solid var(--line);background:#f1f1f1;border-radius:50%;place-items:center;display:grid}.avatar-mark img{content:url(/brand/cloudzy-logo-secondary-transparent.png);width:58%}.application-grid .avatar-mark{aspect-ratio:1;justify-self:center;width:min(100%,150px)}.application-grid article:has(.avatar-mark){display:none}.application-grid article:has(.asset-slot[data-label=WEBSITE\ HEADER]){grid-column:span 2}.application-grid .asset-slot[data-label=WEBSITE\ HEADER]{aspect-ratio:8/3}.application-grid .asset-slot[data-label=WEBSITE\ HEADER] img{object-fit:contain;background:#fff}.visual-guideline{color:#fff;background:#000}.visual-guideline .section-head{color:#fff}.guideline-shell{color:#111;background:#fff;border-radius:28px;padding:24px}.guideline-top{border-bottom:1px solid var(--line);text-align:left;justify-content:center;align-items:center;gap:34px;min-height:130px;display:flex}.guideline-top img{width:330px}.guideline-top:after{content:"";background:url(/brand/cloudzy-logo-secondary-transparent.png) 50%/contain no-repeat;flex:none;width:104px;height:72px}.guideline-top p{font-weight:900;line-height:1.4}.guideline-top span{color:var(--accent);letter-spacing:.12em;font-size:10px}.guideline-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding-top:12px;display:grid}.guideline-grid>article{border:1px solid var(--line);border-radius:14px;padding:18px}.guide-logo,.guide-voice,.guide-do,.guide-dont{grid-column:span 2}.guide-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.guide-title b{color:#fff;background:#000;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.guide-title span{letter-spacing:.06em;font-size:12px;font-weight:900}.logo-usage-row{grid-template-columns:repeat(4,1fr);display:grid}.usage{border-right:1px solid var(--line);place-items:center;min-height:155px;padding:12px;display:grid;position:relative}.usage:last-child{border-right:0}.usage i{color:#fff;background:var(--signal);border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;display:grid;position:absolute;top:2px;left:8px}.usage.good i{background:var(--accent)}.usage img{width:85%}.usage span{letter-spacing:.08em;font-size:8px}.bad-color img{filter:sepia()saturate(4)hue-rotate(300deg)}.bad-stretch img{transform:scaleX(1.3)}.bad-bg{color:#fff;background:url(/brand/logo-busy-background.png) 50%/cover no-repeat}.bad-bg img{filter:drop-shadow(0 1px 2px #fffc)}.guide-swatches{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.guide-swatches i{align-items:flex-end;min-height:135px;padding:12px;font-size:9px;font-style:normal;display:flex}.guide-swatches .black{color:#fff;background:#000}.guide-swatches .white{border:1px solid var(--line);background:#fff}.guide-swatches .gray{color:#fff;background:#4b4749}.guide-swatches .blue{background:var(--accent);color:#fff}.guide-type-sample{gap:6px;display:grid}.guide-type-sample strong{font-size:54px;line-height:1}.guide-type-sample b{color:var(--accent);font-size:27px}.guide-type-sample p{margin:6px 0 0;font-family:Shopee,Arial,sans-serif;font-size:20px}.voice-chips{flex-wrap:wrap;gap:10px;display:flex}.voice-chips i{letter-spacing:.1em;background:#eee;border-radius:100px;padding:11px 16px;font-size:9px;font-style:normal}.voice-chips i:nth-child(2),.voice-chips i:nth-child(4){background:#dff4ff}.do-title b{background:var(--accent)}.dont-title b{background:var(--signal)}.do-layout,.dont-layout{grid-template-columns:.72fr 1.28fr;gap:18px;display:grid}.do-layout ul,.dont-layout ul{margin:0;padding-left:18px;font-family:Shopee,Arial,sans-serif;line-height:1.75}.do-images{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.do-images img{object-fit:cover;width:100%;height:170px}.dont-samples{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dont-samples img{object-fit:cover;width:100%;height:170px}.guideline-footer{color:#fff;background:#111;border-radius:14px;grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid}.guideline-footer div{border-right:1px solid #fff3;align-items:center;gap:14px;padding:20px;display:flex}.guideline-footer div:last-child{border-right:0}.guideline-footer b{color:var(--accent)}.guideline-footer span{letter-spacing:.1em;font-size:10px}.footer-logo img{filter:invert();width:min(100%,650px)}@media (max-width:1050px){.logo-rule-grid{grid-template-columns:repeat(2,1fr)}.logo-rule-grid>article{border-bottom:1px solid var(--line)}.misuse-grid,.application-grid{grid-template-columns:repeat(3,1fr)}.misuse:nth-child(3){border-right:0}.guide-do,.guide-dont{grid-column:span 2}}@media (min-width:701px) and (max-width:1050px){.application-grid article:has(.asset-slot[data-label=WEBSITE\ HEADER]){grid-column:span 3}.application-grid .asset-slot[data-label=WEBSITE\ HEADER]{aspect-ratio:16/5}}@media (max-width:700px){.logo-application,.visual-guideline{padding:80px 20px}.logo-board-title{flex-direction:column;align-items:flex-start}.logo-board-title img{width:100%}.logo-board-title div{text-align:left}.logo-rule-grid{grid-template-columns:1fr}.logo-rule-grid>article{border-right:0}.misuse-grid,.application-grid{grid-template-columns:repeat(2,1fr)}.misuse:nth-child(3){border-right:1px solid var(--line)}.misuse:nth-child(2n){border-right:0}.guideline-shell{border-radius:18px;padding:12px}.guideline-top{flex-direction:column;align-items:flex-start;padding:24px 10px}.guideline-top img{width:100%}.guideline-grid{grid-template-columns:1fr}.guide-logo,.guide-voice,.guide-do,.guide-dont{grid-column:span 1}.logo-usage-row{grid-template-columns:repeat(2,1fr)}.usage:nth-child(2n){border-right:0}.do-layout,.dont-layout{grid-template-columns:1fr}.do-images img,.dont-samples i{height:130px;min-height:130px}.guideline-footer{grid-template-columns:repeat(2,1fr)}.guideline-footer div:nth-child(2){border-right:0}.guide-type-sample strong{font-size:42px}}.desktop-slot{aspect-ratio:3508/2481}.desktop-slot.has-image img{object-fit:contain;background:#fff}.mobile-slot{aspect-ratio:1179/2556;width:100%;max-width:415px;max-height:none;margin-inline:auto}.mobile-slot.has-image img{object-fit:contain;background:#fff}.hero{grid-template-columns:1fr}.hero-video{object-fit:cover;object-position:70% center;width:100%;height:100%;position:absolute;inset:0}.hero:before{z-index:0;background:linear-gradient(90deg,#000000c2 0%,#00000085 44%,#0000002e 100%)}.hero-copy{align-self:center;max-width:1100px}.hero{align-items:flex-end;display:flex}.hero-layout{z-index:1;justify-content:space-between;align-items:flex-end;gap:32px;width:100%;display:flex;position:relative}.hero-brand img{filter:invert();width:clamp(230px,32vw,520px);height:auto;display:block}.hero-brand p{color:var(--white);letter-spacing:.08em;text-transform:none;margin:0;font-family:Century,Arial,sans-serif;font-size:clamp(14px,1.4vw,22px)}.hero-layout .hero-actions{flex-shrink:0;margin-top:0}@media (max-width:700px){.hero-layout{flex-direction:column;align-items:flex-start}.hero-brand img{width:min(78vw,360px)}.hero-layout .hero-actions{align-self:stretch}.hero-layout .hero-actions a{text-align:center;flex:1}}.tone-card h3{color:#fff;letter-spacing:-.035em;text-transform:uppercase;gap:.08em;margin:65px 0 35px;font-family:Shopee,Arial,sans-serif;font-size:clamp(52px,6vw,96px);font-weight:900;line-height:.88;display:grid}.tone-card h3 span{display:block}.type-row.shopee>.shopee-sample{letter-spacing:0;align-items:baseline;gap:.055em;display:flex}.reveal{opacity:0;transition:opacity .72s cubic-bezier(.22,1,.36,1) var(--delay,0s), transform .82s cubic-bezier(.22,1,.36,1) var(--delay,0s);will-change:opacity, transform;transform:translateY(34px)}.reveal.is-visible{opacity:1;will-change:auto;transform:translate(0,0)}.section-head{padding-bottom:24px;position:relative}.section-head:after{content:"";opacity:.22;transform-origin:0;background:currentColor;height:1px;transition:transform 1s cubic-bezier(.22,1,.36,1) .16s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.section-head.is-visible:after{transform:scaleX(1)}.section-head h2,.section-head .section-intro,.section-head .eyebrow{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}.section-head:not(.is-visible) h2{opacity:0;transform:translateY(24px)}.section-head:not(.is-visible) .section-intro,.section-head:not(.is-visible) .eyebrow{opacity:0;transform:translateY(12px)}.section-head.is-visible .section-intro{transition-delay:.12s}.reveal.static-media{opacity:1;transition:none;transform:none}.static-media img,.static-media .asset-slot,.static-media .do-images,.static-media .dont-samples{opacity:1;clip-path:none;transition:none;transform:none}.static-media .motion-copy{opacity:0;transition:opacity .62s cubic-bezier(.22,1,.36,1) var(--delay,0s), transform .72s cubic-bezier(.22,1,.36,1) var(--delay,0s);transform:translateY(16px)}.static-media.is-visible .motion-copy{opacity:1;transform:none}.palette-board .swatch{opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .55s;transform:translateY(20px)}.palette-board.is-visible .swatch{opacity:1;transform:none}.palette-board.is-visible .swatch:nth-child(2){transition-delay:80ms}.palette-board.is-visible .swatch:nth-child(3){transition-delay:.16s}.palette-board.is-visible .swatch:nth-child(4){transition-delay:.24s}.type-board .type-row{opacity:0;transition:opacity .6s,transform .75s cubic-bezier(.22,1,.36,1);transform:translate(-20px)}.type-board.is-visible .type-row{opacity:1;transform:none}.type-board.is-visible .type-row:nth-child(2){transition-delay:.1s}.type-board.is-visible .type-row:nth-child(3){transition-delay:.2s}.tone-card h3 span{opacity:0;transition:opacity .55s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(24px)}.tone-card.is-visible h3 span{opacity:1;transform:none}.tone-card.is-visible h3 span:nth-child(2){transition-delay:90ms}.tone-card.is-visible h3 span:nth-child(3){transition-delay:.18s}.topbar{animation:.7s cubic-bezier(.22,1,.36,1) both topbar-enter}@keyframes topbar-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.hero-layout.is-visible .hero-brand,.hero-layout.is-visible .hero-actions{animation:.85s cubic-bezier(.22,1,.36,1) both hero-rise}.hero-layout.is-visible .hero-actions{animation-delay:.14s}@keyframes hero-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-actions a,.nav-cta{isolation:isolate;transition:color .35s,border-color .35s,transform .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.hero-actions a:before,.nav-cta:before{content:"";z-index:-1;transform-origin:100%;background:currentColor;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.hero-actions a:hover,.nav-cta:hover{transform:translateY(-3px)}.hero-actions a:hover:before,.nav-cta:hover:before{transform-origin:0;transform:scaleX(1)}.hero-actions a:hover{color:#000}.hero-actions a:first-child:hover{color:#fff}.nav-cta:hover{color:#000}.product-card,.dna-card,.system-card,.space-card,.showroom-card,.banner-card,.device-card,.gallery-card,.qa-card{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s}.product-card:hover,.dna-card:hover,.system-card:hover,.space-card:hover,.showroom-card:hover,.banner-card:hover,.device-card:hover,.gallery-card:hover,.qa-card:hover{border-color:#0000006b;transform:translateY(-6px);box-shadow:0 18px 44px #0000001a}.system-card:hover,.showroom-card:hover,.device-card:hover{border-color:#ffffffa6}.reveal.static-media:hover{box-shadow:none;transform:none}.static-media img,.static-media img:hover{transition:none;transform:none}}@media (max-width:700px){.reveal{transform:translateY(22px)}.section-head{padding-bottom:18px}.tone-card h3{letter-spacing:-.025em;font-size:clamp(42px,13vw,68px)}}@media (prefers-reduced-motion:reduce) and (max-width:700px){.topbar,.hero-layout.is-visible .hero-brand,.hero-layout.is-visible .hero-actions{animation:none}.reveal,.section-head h2,.section-head .section-intro,.section-head .eyebrow,.section-head:after,.static-media .motion-copy,.palette-board .swatch,.type-board .type-row,.tone-card h3 span{opacity:1;clip-path:none;transition:none;transform:none}}