@import url('https://fonts.googleapis.com/css2?family=Saira:ital,wght@1,600&display=swap');
:root{--ink:#141414;--muted:#707070;--line:#e4e4e4;--soft:#f6f6f6;--gold:#96733b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;line-height:1.6;font-size:16px;word-break:keep-all}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.shell{max-width:1450px;margin:auto;padding:0 6%}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:italic 600 27px Saira,sans-serif;letter-spacing:-1.1px;white-space:nowrap}#language{font-size:13px;min-height:44px;padding:9px 30px 9px 15px;border:1px solid var(--line);border-radius:25px;background:#fff;max-width:135px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center;padding:55px 0 45px}.eyebrow{font-size:12px;letter-spacing:1.5px;margin:0 0 21px;color:var(--muted)}h1{font-size:clamp(38px,4.7vw,65px);font-weight:550;line-height:1.22;letter-spacing:-2.6px;margin:0 0 22px;white-space:pre-line}h1 span{color:var(--gold)}.intro{font-size:18px;line-height:1.8;color:#626262;margin:0;white-space:pre-line}.identity-visual{background:#f5f5f5;border:1px solid #e9e9e9;border-radius:8px;padding:21px 27px 16px;min-width:0}.visual-label{font-size:11px;letter-spacing:1.7px;color:var(--muted);margin:0 0 22px}.identity-card{background-color:#161616;background-image:linear-gradient(#111111fa,#111111fa),url('assets/leather.png');background-size:auto,330px;box-shadow:0 16px 30px -20px #000a,inset 0 0 0 5px #171717,inset 0 0 0 6px #65573e;border:1px solid #776648;border-radius:12px;color:#fff;padding:21px 26px 19px;transform:rotate(-3deg);margin:0 0 21px}.identity-card>.brand{color:#d1b57f;font-size:19px}.identity-card>p{font-size:clamp(24px,2.6vw,35px);letter-spacing:-.7px;margin:20px 0 19px;white-space:nowrap}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #454545;padding-top:12px;color:#bbb;font-size:11px}.card-footer .brand{font-size:22px;color:#d1b57f}#visual-caption{font-size:12px;text-align:center;color:#6b6b6b;margin:0}.features{padding:0 0 45px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{font-size:17px;font-weight:500;letter-spacing:-.4px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature{background:#fff;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 22px;display:grid;grid-template-columns:37px 1fr 16px;align-items:center;text-align:left;gap:14px;cursor:pointer;min-height:99px;transition:background .2s}.feature:hover{background:#f7f7f7}.feature-icon{width:29px;height:29px;fill:none;stroke:#96733b;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.feature-name{display:block;font-size:19px;font-weight:500;letter-spacing:-.6px;line-height:1.4}.feature-tag{display:block;font-size:11px;color:#7e7e7e;margin-top:5px}.feature-plus{font-size:24px;font-weight:300;color:#8c8c8c}.feature-number{font:14px Georgia,serif;color:#9c9c9c}footer{border-top:1px solid var(--line);padding:22px 0 28px;display:flex;align-items:center;gap:23px;justify-content:space-between;color:#777;font-size:11px}footer .brand{font-size:20px;color:#111}footer p{margin:0}.skip{position:fixed;top:-100px;left:20px;z-index:5;background:#fff;padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:min(710px,calc(100% - 32px));max-height:calc(100dvh - 36px);border:1px solid #ddd;border-radius:18px;padding:0;background:#fff;box-shadow:0 25px 90px #0003;color:var(--ink)}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}.dialog-inner{padding:28px 36px 24px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.phase{font-size:11px;color:#896a38;padding:5px 10px;border:1px solid #ded2bd;border-radius:20px}.close-button{border:1px solid #ddd;border-radius:50%;width:44px;height:44px;background:#fff;font-size:27px;display:grid;place-items:center;line-height:1;cursor:pointer}#dialog-title{font-size:31px;font-weight:550;line-height:1.35;letter-spacing:-1px;margin:0 0 10px;white-space:pre-line}#dialog-summary{font-size:16px;line-height:1.7;color:#686868;margin:0 0 21px}.diagram{border:1px solid #e8e8e8;border-radius:10px;background:#f7f7f7;padding:8px;margin-bottom:20px;overflow:hidden}.diagram svg{display:block;width:100%;height:auto;max-height:240px}.diagram text{font-family:inherit;fill:#333}.diagram .node{fill:white;stroke:#dedede;stroke-width:1.2}.diagram .dark{fill:#171717;stroke:#766348}.diagram .light-text{fill:#fff}.diagram .small{fill:#777}.diagram .link{fill:none;stroke:#bfb6a5;stroke-width:1.5}.diagram .gold{fill:#a3834e}#dialog-points{list-style:none;margin:0;padding:0;display:grid;gap:9px}#dialog-points li{font-size:14px;display:flex;gap:11px;line-height:1.6}#dialog-points li:before{content:'·';color:var(--gold);font-size:20px;line-height:1.1}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:16px;gap:20px}#dialog-counter{font-size:12px;color:#777}#next-feature{font-size:13px;background:#181818;color:#fff;border:0;border-radius:24px;min-height:44px;padding:10px 18px;cursor:pointer}body.modal-open{overflow:hidden}html[lang=ja] body{word-break:normal}html[lang=ja] h1{font-size:clamp(35px,4.1vw,57px)}html[lang=en] h1{font-size:clamp(38px,4.2vw,60px)}html[lang=en] .feature-name{font-size:17px}html[lang=ja] .feature-name{font-size:17px}
@media(max-width:1000px){.shell{padding:0 5%}.hero{gap:5%;padding:42px 0 37px}.intro{font-size:16px}.identity-visual{padding:18px 20px}.identity-card{padding:19px 23px}.feature{padding:19px 17px;gap:10px;grid-template-columns:29px 1fr 13px}.feature-name{font-size:17px}.feature-icon{width:26px;height:26px}.card-footer{font-size:10px}footer{gap:15px}.section-heading h2{font-size:16px}}
@media(max-width:720px){.shell{padding:0 6%}header{height:76px}.brand{font-size:25px}#language{font-size:12px;max-width:117px}.hero{grid-template-columns:1fr;gap:28px;padding:35px 0 33px}.eyebrow{font-size:10px;margin-bottom:15px}h1,html[lang=en] h1{font-size:clamp(35px,9.2vw,51px);letter-spacing:-1.8px;margin-bottom:17px}html[lang=ja] h1{font-size:clamp(30px,7.9vw,45px);letter-spacing:-1.4px}.intro{font-size:15px;line-height:1.8}.identity-visual{max-width:490px;margin:auto;width:100%;padding:16px 25px 14px}.visual-label{font-size:10px;margin-bottom:16px}.identity-card{padding:16px 23px;margin-bottom:16px}.identity-card>p{font-size:28px;margin:13px 0 14px}.identity-card>.brand{font-size:18px}.card-footer{padding-top:9px;font-size:10px}.card-footer .brand{font-size:20px}#visual-caption{font-size:11px}.section-heading{display:block;margin-bottom:15px}.section-heading h2{font-size:17px}.section-heading p{font-size:11px;margin-top:4px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr 12px;gap:7px;padding:18px 15px;min-height:132px}.feature-icon{grid-column:1;width:25px;height:25px}.feature-copy{grid-column:1;grid-row:2}.feature-plus{grid-column:2;grid-row:1 / 3;font-size:20px}.feature-name,html[lang=en] .feature-name,html[lang=ja] .feature-name{font-size:16px;line-height:1.45;letter-spacing:-.45px}.feature-tag{font-size:10px}.features{padding-bottom:28px}footer{flex-wrap:wrap;gap:9px;padding:20px 0 26px}footer .brand{font-size:21px}footer p{display:none}#release-note{font-size:10px}.dialog-inner{padding:18px 20px 20px}.dialog-top{margin-bottom:10px}#dialog-title{font-size:26px}#dialog-summary{font-size:14px;margin-bottom:17px}.diagram{padding:2px;margin-bottom:17px}#dialog-points li{font-size:14px;gap:8px}.dialog-bottom{margin-top:18px}.phase{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.feature-grid{grid-template-columns:repeat(12,1fr)}.feature{grid-column:span 4}.feature:nth-child(n+4){grid-column:span 3;grid-template-columns:30px 1fr 12px;gap:10px;padding:21px 16px}.feature:nth-child(n+4) .feature-name{font-size:17px}html[lang=en] .feature:nth-child(n+4) .feature-name,html[lang=ja] .feature:nth-child(n+4) .feature-name{font-size:15px}.scene{min-height:198px;display:flex;flex-direction:column;justify-content:center;padding:16px 17px 6px}.scene-row{display:grid;gap:13px;align-items:stretch}.scene-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-node{border:1px solid #dedede;border-radius:8px;padding:12px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#fff;font-size:14px;line-height:1.5;min-height:57px}.scene-node strong{font-size:15px;font-weight:500}.scene-node>span{font-size:13px}.scene-node.muted{color:#777;background:#fafafa}.scene-core{background:#181818;border:1px solid #7e6a46;border-radius:8px;padding:14px 20px;align-self:center;color:#e2c58d;text-align:center;font-size:22px;min-width:155px;letter-spacing:-.7px}.scene-stem{height:21px;width:1px;background:#c8bba3;align-self:center}.scene-caption{font-size:12px;line-height:1.7;text-align:center;color:#777;margin:14px 0 0}.person-node{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px}.person-node .feature-icon{width:29px;height:29px}.person-node .scene-core{min-width:0;width:100%;font-size:19px;padding:12px 6px}.scene-bridge{height:1px;background:#baa888;margin:16px 25% 0}.mini-app{border:1px solid #e2e2e2;background:white;border-radius:9px;padding:0 13px 12px}.mini-tabs{display:flex;justify-content:center;gap:30px;margin-bottom:14px;border-bottom:1px solid #e4e4e4;font-size:13px}.mini-tabs>span{padding:11px 0 9px}.mini-tabs .selected{border-bottom:2px solid var(--gold);color:#8c6b39}.mini-app .scene-node{background:#fafafa;font-size:12px;padding:12px 3px}.mini-app .feature-icon{width:22px;height:22px}.approval-mark{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:12px;font-size:12px;color:#686868}.approval-mark>span{border:1px solid #bba274;border-radius:50%;width:20px;height:20px;font-size:12px;display:grid;place-items:center;color:#927039}.request-bubble{align-self:center;font-size:14px;padding:10px 18px;background:#161616;color:#fff;border-radius:20px 20px 20px 4px;margin-bottom:17px;line-height:1.6}.numbered .scene-node b{font:14px Georgia,serif;color:#a48754;font-weight:400}.compact{width:75%;margin:auto}.compact .scene-core{min-width:0;align-self:stretch}.illustration-label{font-size:10px;color:#999;text-align:right;margin:4px 14px 8px}.diagram{padding:0}.scene-node .feature-icon{width:24px;height:24px}
@media(max-width:1050px) and (min-width:721px){.feature:nth-child(n+4){grid-template-columns:1fr 12px;min-height:120px}.feature:nth-child(n+4) .feature-icon{grid-column:1}.feature:nth-child(n+4) .feature-copy{grid-row:2;grid-column:1}.feature:nth-child(n+4) .feature-plus{grid-row:1/3;grid-column:2}}
@media(max-width:720px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature,.feature:nth-child(n+4){grid-column:span 1;grid-template-columns:1fr 12px;padding:17px 14px;min-height:124px}.feature:last-child{grid-column:span 2;grid-template-columns:32px 1fr 16px;min-height:84px}.feature:last-child .feature-icon{grid-row:1;grid-column:1}.feature:last-child .feature-copy{grid-row:1;grid-column:2}.feature:last-child .feature-plus{grid-row:1;grid-column:3}.feature:nth-child(n+4) .feature-name,html[lang=en] .feature:nth-child(n+4) .feature-name,html[lang=ja] .feature:nth-child(n+4) .feature-name{font-size:15px}.scene{padding:13px 10px 3px;min-height:180px}.scene-row{gap:7px}.scene-node{font-size:12px;padding:9px 5px;min-height:49px}.scene-node>span,.scene-node strong{font-size:12px}.scene-core{font-size:19px;padding:12px 15px;min-width:130px}.person-node{font-size:12px}.person-node .scene-core{font-size:17px}.scene-caption{font-size:11px;margin-top:12px}.scene-node .feature-icon{width:22px;height:22px}.mini-app{padding:0 8px 10px}.mini-tabs{gap:21px;font-size:12px}.approval-mark{font-size:11px}.request-bubble{font-size:12px}.illustration-label{font-size:10px}.compact{width:90%}#release-note{max-width:240px;text-align:right}}
.flip-shell{perspective:1100px;padding-bottom:3px}.identity-card{position:relative;min-height:340px;margin:0 0 18px;padding:0;transform:rotateY(0);transform-style:preserve-3d;transition:transform .58s cubic-bezier(.2,.65,.25,1)}.identity-card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;padding:20px 24px 17px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:12px}.card-front>.brand{font-size:19px;color:#d1b57f}.card-front>p{font-size:31px;letter-spacing:-.8px;margin:17px 0 17px;white-space:nowrap}.card-footer{margin-top:17px}.contact-groups{display:grid;gap:12px}.contact-group-label{font-size:10px;line-height:1.5;margin:0 0 6px;color:#aaa}.contact-buttons{display:grid;gap:5px}.contact-buttons.external{grid-template-columns:repeat(4,minmax(0,1fr))}.contact-buttons.native{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-buttons button{font-size:11px;line-height:1.35;min-height:40px;padding:8px 2px;border:1px solid #49453e;background:#ffffff0b;color:#e9e9e9;border-radius:7px;cursor:pointer}.contact-buttons button:hover{background:#ffffff1b;border-color:#a48754}.contact-buttons button:focus-visible{outline-color:#d1b57f;outline-offset:3px}.card-back{transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-back[hidden]{display:none}.example-badge{font-size:10px;color:#d1b57f;letter-spacing:1.5px;padding:4px 10px;border:1px solid #6c5c3c;border-radius:20px}.card-back h2{font-size:17px;font-weight:400;color:#bfbfbf;margin:22px 0 10px}.card-back #contact-example{font-size:clamp(20px,2.3vw,30px);margin:0;letter-spacing:-.6px;overflow-wrap:anywhere;word-break:normal;line-height:1.4;color:white}.card-back #example-note{font-size:11px;line-height:1.7;color:#aaa;margin:16px 0 22px;max-width:270px}.card-back button{min-height:44px;padding:10px 19px;background:#ececec;color:#171717;border:0;border-radius:25px;font-size:12px;cursor:pointer}.hero{padding-top:41px;padding-bottom:38px}.identity-visual{padding-top:17px}.visual-label{margin-bottom:16px}.card-front .card-footer .brand{font-size:20px}.card-front .card-footer{font-size:10px}
@media(max-width:1100px) and (min-width:721px){.card-face{padding:18px 18px 16px}.contact-buttons button{font-size:10px}.identity-card{min-height:329px}.card-front>p{font-size:28px}}
@media(max-width:720px){.identity-card{min-height:325px}.card-face{padding:17px 18px 15px}.card-front>p{font-size:29px;margin:14px 0}.contact-buttons button{font-size:10px;min-height:40px}.contact-group-label{font-size:10px}.card-footer{margin-top:15px}.card-back #contact-example{font-size:23px}.card-back #example-note{font-size:10px}.hero{padding-top:32px;padding-bottom:29px}.identity-visual{padding-left:18px;padding-right:18px}.contact-buttons{gap:4px}}
@media(prefers-reduced-motion:reduce){.identity-card{transition:none}}
.identity-card{min-height:367px}.card-front{display:flex;flex-direction:column}.card-front .card-footer{margin-top:auto}.card-front>p{margin:20px 0}.card-back{padding:19px 18px}.card-back h2{font-size:15px;margin:12px 0 10px}.back-example-grid{display:grid;grid-template-columns:minmax(0,1fr) 134px;gap:12px;width:100%;align-items:center}.back-example-grid #contact-example{font-size:22px;line-height:1.5}.qr-frame{margin:0;padding:8px 8px 6px;background:white;border:1px solid #c1a36b;border-radius:9px;box-shadow:0 0 0 3px #d6bd8710}.qr-frame img{display:block;width:116px;height:116px;max-width:100%;image-rendering:pixelated}.qr-frame figcaption{font-size:9px;color:#696969;line-height:1.5;margin:5px -4px 0}.card-back #example-note{font-size:10px;margin:11px 0 12px}.card-back button{min-height:44px}.card-back .example-badge{font-size:10px}
@media(max-width:1050px) and (min-width:721px){.back-example-grid{grid-template-columns:minmax(0,1fr) 112px;gap:8px}.qr-frame{padding:6px}.qr-frame img{width:98px;height:98px}.back-example-grid #contact-example{font-size:17px}.qr-frame figcaption{font-size:8px}.identity-card{min-height:357px}}
@media(max-width:720px){.identity-card{min-height:353px}.card-front>p{margin:17px 0}.back-example-grid{grid-template-columns:minmax(0,1fr) 118px;gap:8px}.qr-frame{padding:6px}.qr-frame img{width:104px;height:104px}.back-example-grid #contact-example{font-size:18px}.qr-frame figcaption{font-size:9px}.card-back{padding:17px 15px}.card-back #example-note{font-size:9px;margin:10px 0}.card-back h2{font-size:14px}.card-back button{font-size:11px}}

#contact-card{cursor:pointer}#contact-card:focus-visible{outline:3px solid #aa8951;outline-offset:6px}.card-back #example-note{margin-top:17px;margin-bottom:0}.card-back h2{margin-top:18px;margin-bottom:16px}.card-back .back-example-grid{margin-top:5px}.card-back .example-badge{margin-top:6px}

#contact-box{cursor:pointer}#contact-box:focus-visible{outline:3px solid #aa8951;outline-offset:5px}#contact-card:focus-visible{outline:none}

.section-heading .section-eyebrow{font-size:12px;color:#777;letter-spacing:.4px;margin:0 0 5px}.section-heading h2{font-size:25px;font-weight:500;letter-spacing:-.8px}@media(max-width:720px){.section-heading h2{font-size:23px}.section-heading .section-eyebrow{font-size:12px}}

.hero{grid-template-columns:.85fr 1.3fr;gap:4%}.identity-visual{display:grid;grid-template-columns:132px minmax(0,1fr);gap:12px 16px;align-items:center;padding:20px}.visual-label{grid-column:1/-1;grid-row:1;margin:0}.app-preview{grid-column:1;grid-row:2;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.phone-frame{width:132px;background:#171717;border:5px solid #171717;border-radius:21px;padding:1px;box-shadow:0 12px 25px #0002;overflow:hidden}.phone-frame img{display:block;width:100%;height:auto;border-radius:15px}.app-preview figcaption{font-size:10px;color:#777;text-align:center;line-height:1.7}.flip-shell{grid-column:2;grid-row:2;min-width:0}#visual-caption{grid-column:1/-1;grid-row:3;margin:0}.identity-card{margin-bottom:0}.hero-copy{min-width:0}h1{font-size:clamp(35px,4.2vw,59px)}html[lang=en] h1{font-size:clamp(35px,4.2vw,58px)}html[lang=ja] h1{font-size:clamp(32px,3.5vw,49px)}.intro{font-size:16px}
@media(max-width:1000px) and (min-width:851px){.identity-visual{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:17px}.phone-frame{width:104px;border-width:4px;border-radius:18px}.phone-frame img{border-radius:13px}.app-preview figcaption{font-size:9px}.card-face{padding-left:14px;padding-right:14px}}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:28px}.identity-visual{width:100%;max-width:670px;margin:auto}.hero-copy{max-width:600px}h1,html[lang=en] h1{font-size:46px}html[lang=ja] h1{font-size:39px}}
@media(max-width:720px){.identity-visual{grid-template-columns:1fr;padding:16px 18px;gap:15px}.visual-label{grid-row:1}.app-preview{grid-column:1;grid-row:2;flex-direction:row;justify-content:center;gap:20px}.phone-frame{width:76px;border-width:3px;border-radius:13px;box-shadow:0 6px 15px #0002}.phone-frame img{border-radius:9px}.app-preview figcaption{font-size:11px;text-align:left;max-width:115px}.flip-shell{grid-column:1;grid-row:3}#visual-caption{grid-column:1;grid-row:4}.hero{gap:25px}h1,html[lang=en] h1{font-size:clamp(35px,9.2vw,51px)}html[lang=ja] h1{font-size:clamp(30px,7.9vw,45px)}.intro{font-size:15px}}
.language-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;background:#f6f6f6;border:1px solid #eee;border-radius:8px;padding:31px 36px;margin:0 0 35px}.address-demo{display:flex;align-items:center;gap:15px;min-width:0;overflow:hidden;direction:ltr}.address-prefix{font-size:55px;color:var(--gold);letter-spacing:-3px;flex:none}.typed-slot{display:inline-flex;align-items:center;min-height:65px;min-width:0;width:100%;overflow:hidden;white-space:nowrap}.typed-slot bdi{font-size:clamp(28px,3.2vw,43px);font-weight:500;line-height:1.4;letter-spacing:-.8px;unicode-bidi:isolate;display:inline-block;min-height:1.4em}.type-cursor{display:inline-block;width:2px;height:35px;background:#a38451;margin-left:5px;flex:none;animation:cursor-blink 1.1s step-end infinite}.showcase-copy p{font-size:18px;line-height:1.8;white-space:pre-line;margin:0;color:#333;font-weight:500}.showcase-copy>span{font-size:11px;color:#868686;display:block;margin-top:7px}.static-type .type-cursor{display:none}@keyframes cursor-blink{50%{opacity:0}}@media(max-width:850px){.language-showcase{padding:25px 26px;gap:24px}.address-prefix{font-size:47px}.typed-slot bdi{font-size:32px}.showcase-copy p{font-size:16px}}@media(max-width:720px){.language-showcase{grid-template-columns:1fr;gap:12px;padding:23px 22px;margin-bottom:26px}.address-demo{gap:13px}.address-prefix{font-size:45px}.typed-slot{min-height:61px}.typed-slot bdi{font-size:31px}.showcase-copy p{font-size:15px}.showcase-copy>span{font-size:10px}.type-cursor{height:29px}.showcase-copy p{white-space:normal}}
@media(prefers-reduced-motion:reduce){.type-cursor{animation:none;display:none}}

.flip-shell{transform:rotate(-2deg)}#address-sample{display:flex;align-items:center;gap:8px;direction:ltr;min-width:0;min-height:48px;width:100%;overflow:hidden;white-space:nowrap}.fixed-card-prefix{font:italic 600 31px Saira,sans-serif;letter-spacing:-1px;flex:none;color:#fff}.card-name-slot{display:inline-flex;align-items:center;min-width:0;width:100%;min-height:45px;overflow:hidden;white-space:nowrap}.card-name-slot bdi{display:inline-block;font-size:29px;font-weight:500;letter-spacing:-.7px;line-height:1.5;min-height:1.5em;unicode-bidi:isolate;max-width:100%}.card-name-slot .type-cursor{height:28px;margin-left:4px;width:1px;background:#d1b57f}@media(max-width:1100px){.card-name-slot bdi{font-size:25px}.fixed-card-prefix{font-size:28px}}@media(max-width:720px){.card-name-slot bdi{font-size:26px}.fixed-card-prefix{font-size:29px}}
.typed-slot bdi,.card-name-slot bdi{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans','Noto Sans Arabic','Noto Sans Hebrew','Noto Sans Devanagari','Noto Sans Bengali','Noto Sans Thai','Noto Sans JP','Noto Sans KR','Noto Sans SC','Nirmala UI','Tahoma',sans-serif}
/* The physical card is a two-sided business card; channels sit outside it. */
.identity-visual{row-gap:19px}.app-preview{grid-row:1/3}.flip-shell{grid-row:1}.contact-groups-outside{grid-column:2;grid-row:2;gap:10px}.contact-groups-outside .contact-group-label{color:#777;font-size:10px;margin:0 0 6px}.contact-groups-outside .contact-buttons button{background:#fff;color:#333;border:1px solid #d4d4d4;box-shadow:0 2px 5px #00000006;border-radius:24px;font-size:11px;min-height:40px}.contact-groups-outside .contact-buttons button:hover{border-color:#ab8c58;background:#fcfcfc}.contact-groups-outside .contact-buttons button:focus-visible{outline-color:#96733b}.identity-card{min-height:276px}.card-front{padding:23px 25px}.card-front>.brand{font-size:21px}.card-front #address-sample{margin:auto 0!important;flex:1;min-height:0}.fixed-card-prefix{font-size:43px}.card-name-slot{min-height:67px}.card-name-slot bdi{font-size:39px;line-height:1.55}.card-name-slot .type-cursor{height:37px}.card-back{align-items:stretch;justify-content:flex-start;padding:23px 23px 20px}.business-brand{font-size:20px;color:#d1b57f;text-align:left;margin-bottom:23px}.business-back-grid{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:14px;align-items:center;flex:1}.business-contacts{margin:0;display:grid;gap:15px;text-align:left}.business-contacts>div{min-width:0}.business-contacts dt{font-size:10px;line-height:1.5;color:#aaa;margin:0 0 2px}.business-contacts dd{font-size:15px;line-height:1.6;margin:0;color:#f7f7f7;overflow-wrap:anywhere;letter-spacing:-.1px}.business-back-grid .qr-frame{padding:7px}.business-back-grid .qr-frame img{width:109px;height:109px}.business-back-grid .qr-frame figcaption{font-size:9px}.showcase-copy{align-self:center}
@media(max-width:1100px) and (min-width:851px){.card-front{padding:20px}.card-front>.brand{font-size:19px}.fixed-card-prefix{font-size:35px}.card-name-slot bdi{font-size:30px}.card-back{padding:21px 16px}.business-back-grid{grid-template-columns:minmax(0,1fr) 108px;gap:9px}.business-back-grid .qr-frame{padding:5px}.business-back-grid .qr-frame img{width:96px;height:96px}.business-contacts dd{font-size:13px}.business-contacts dt{font-size:9px}.identity-card{min-height:273px}.contact-groups-outside .contact-buttons button{font-size:10px}}
@media(max-width:850px) and (min-width:721px){.identity-visual{grid-template-columns:145px minmax(0,1fr)}.fixed-card-prefix{font-size:44px}.card-name-slot bdi{font-size:39px}}
@media(max-width:720px){.identity-visual{row-gap:21px}.app-preview{grid-row:1;grid-column:1}.flip-shell{grid-row:2;grid-column:1}.contact-groups-outside{grid-row:3;grid-column:1}.card-front{padding:23px}.card-front>.brand{font-size:20px}.identity-card{min-height:276px}.fixed-card-prefix{font-size:40px}.card-name-slot bdi{font-size:34px}.card-name-slot{min-height:60px}.card-back{padding:22px 18px}.business-brand{font-size:19px;margin-bottom:21px}.business-back-grid{grid-template-columns:minmax(0,1fr) 110px;gap:10px}.business-back-grid .qr-frame{padding:5px}.business-back-grid .qr-frame img{width:98px;height:98px}.business-contacts dd{font-size:14px}.business-contacts dt{font-size:10px}.business-contacts{gap:15px}.contact-groups-outside .contact-buttons button{font-size:11px;min-height:42px}}
