:root{color-scheme:dark;--background:#080616;--surface:#171029;--elevated:#261840;--text:#fff6ff;--muted:#c6b7db;--line:#553571;--pink:#ff3ca6;--purple:#a35cff;--cyan:#38e9ff;--gradient:linear-gradient(105deg,var(--pink),var(--purple) 55%,var(--cyan));font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;background:var(--background);color:var(--text)}
*{box-sizing:border-box}body{margin:0;line-height:1.4}body.dialog-open{overflow:hidden}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button{border:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h2{font-size:21px;line-height:1.2;letter-spacing:-.4px}h3{font-size:15px;line-height:1.35}p{overflow-wrap:break-word}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.page-shell{width:100%;max-width:760px;margin:auto;padding-bottom:calc(82px + env(safe-area-inset-bottom))}.navigation-bar{min-height:67px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wordmark{font-size:24px;font-weight:800;line-height:1;letter-spacing:-1px;white-space:nowrap}.wordmark>span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.wordmark sup{display:inline-block;vertical-align:top;font-size:7px;letter-spacing:.6px;margin:0 0 0 4px;color:var(--purple);border-bottom:1px solid var(--purple);line-height:1.4}.button{min-height:54px;display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:12px;padding:12px 16px;background:var(--gradient);color:#140921;font-size:17px;font-weight:750;line-height:1.25;text-align:center;box-shadow:0 4px 20px #ff3ca61c;max-width:100%}.button:hover{filter:brightness(1.09)}.button:active{transform:translateY(1px)}.button-compact{font-size:12px;min-height:40px;min-width:90px;padding:10px 12px;border-radius:10px;white-space:nowrap}.download-icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-section{padding:18px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:12px}.hero-badge{font-size:10px;font-weight:600;line-height:1.4;border:1px solid #ff3ca65c;border-radius:999px;color:#ff75c4;background:#ff3ca610;padding:6px 10px;text-align:center;max-width:100%}h1{text-align:center;font-size:clamp(30px,8.615vw,40px);letter-spacing:-1.2px;line-height:1.12;font-weight:800;margin:3px 0}h1 span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.app-metadata{width:100%;max-width:344px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #ffffff17;border-radius:14px;background:linear-gradient(110deg,#ffffff1a,#ffffff12)}.app-logo{flex:none;filter:drop-shadow(0 4px 14px #ff3ca659);border-radius:10px;width:44px;height:44px}.app-information{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.app-information strong{font-size:13px;line-height:1.2}.app-stats{display:flex;flex-wrap:wrap;gap:5px;font-size:10px;line-height:1.2;color:#c6c1ce}.rating{color:#f5cd52;font-weight:700}.compatibility{font-size:9px;color:#38e9ff;background:#38e9ff16;border:1px solid #38e9ff38;border-radius:4px;padding:2px 5px}.featured-portrait{position:relative;isolation:isolate;width:min(320px,100%);aspect-ratio:320/477;overflow:hidden;border-radius:18px;border:1px solid var(--line);box-shadow:0 0 24px #ff3ca626;background:var(--surface)}.featured-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}.portrait-tags{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;gap:4px;z-index:1}.tag{font-size:8px;font-weight:800;letter-spacing:.3px;padding:5px 6px;border-radius:5px;background:#ff3ca6;color:#17091d;max-width:70%;white-space:nowrap}.tag-cyan{background:#171029cc;color:var(--cyan)}.video-action{display:grid;place-items:center;position:absolute;width:44px;height:44px;border:1px solid #fff9;border-radius:50%;background:#08061680;color:white;box-shadow:0 2px 12px #0005;transform:translate(-50%,-50%)}.video-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.featured-video-action{top:48%;left:50%;width:64px;height:64px;border-color:#ffffff55;background:var(--gradient)}.featured-video-action svg{width:28px;height:28px}.portrait-bottom{position:absolute;bottom:10px;left:10px;right:10px;padding:10px;border:1px solid #ff3ca64d;border-radius:13px;background:#080616eb;display:grid;gap:9px}.portrait-bottom p{font-size:13px;font-weight:700}.button-small{min-height:40px;font-size:12px;padding:8px 10px;border-radius:9px}.button-small .download-icon{width:15px;height:15px}.primary-cta{width:100%;max-width:360px}.highlight-strip{width:100%;max-width:360px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.highlight-strip>div{min-width:0;background:var(--elevated);border:1px solid #55357199;border-radius:10px;text-align:center;padding:15px 3px;display:grid;gap:5px}.highlight-strip strong{font-size:11px}.highlight-strip span{font-size:9px;color:var(--muted)}.catalog-section{padding:10px 0 20px}.section-heading{padding:0 14px 14px}.section-heading p{font-size:12px;color:var(--muted);margin-top:5px}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.profile-portrait{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--elevated)}.profile-portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.profile-portrait .portrait-tags{top:8px;left:8px;right:8px}.profile-portrait .tag{font-size:7px;padding:4px}.profile-portrait .video-action{left:50%;top:73%}.profile-info{padding:10px;display:grid;gap:8px}.profile-info h3{font-size:14px}.profile-details{display:flex;justify-content:space-between;gap:5px;color:var(--muted);font-size:10px;line-height:1.4}.profile-details span:last-child{color:var(--cyan);text-align:right}.profile-cta{width:100%;min-height:44px;background:var(--elevated);border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:11px;font-weight:650;line-height:1.3;padding:7px 3px}.profile-cta:hover{background:#38214e;border-color:var(--pink)}.setup-section,.faq-section{padding:0 14px 22px}.setup-section>h2{text-align:center;margin:12px 0 20px}.step-grid{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.step-grid li{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px 4px}.step-grid li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ff3ca620;color:#ff72c1;font-size:13px;font-weight:750;margin-bottom:2px}.step-grid strong{font-size:12px}.step-grid small{font-size:10px;color:var(--muted)}.security-guide{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:grid;gap:14px}.security-heading{display:flex;align-items:center;gap:10px}.check-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;background:#38e9ff19;color:var(--cyan);border-radius:9px;font-size:19px}.security-heading p{font-size:11px;color:var(--cyan);margin-top:3px}.security-guide>p{font-size:12px;color:var(--muted);line-height:1.55}.browser-example{display:grid;gap:8px;padding:14px;border:1px solid #ffffff0b;border-radius:12px;background:#261840}.example-label{font-size:8px;letter-spacing:.5px;color:var(--muted);line-height:1.4}.browser-example>strong{font-size:13px}.browser-example>p{font-size:11px;color:var(--muted);line-height:1.5}.example-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:11px;margin-top:3px}.download-anyway{display:inline-block;padding:10px 13px;min-height:36px;border:1px solid #b9f7ff;border-radius:9px;background:#38e9ff;color:#082130;font-size:11px;line-height:1.3;font-weight:800;box-shadow:0 0 18px #38e9ff40}.faq-section details{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:8px;overflow:hidden}.faq-section summary{position:relative;list-style:none;padding:16px 38px 16px 14px;font-size:13px;font-weight:650;cursor:pointer}.faq-section summary::-webkit-details-marker{display:none}.faq-section summary::after{content:'+';position:absolute;right:15px;top:12px;color:var(--cyan);font-size:22px;font-weight:400}.faq-section details[open] summary::after{content:'−'}.faq-section details p{font-size:12px;color:var(--muted);padding:0 14px 16px;line-height:1.6}.closing-section{margin:0 14px 0;padding:24px 16px;background:linear-gradient(140deg,#281334,#171029);border:1px solid var(--line);border-radius:16px;text-align:center;display:grid;justify-items:center;gap:16px}.closing-section h2{max-width:320px;font-size:25px}.closing-section p{color:var(--muted);font-size:12px}.closing-section .button{width:100%;max-width:320px}footer{padding:24px 14px;text-align:center;font-size:10px;color:var(--muted)}.disclaimer{font-size:9px;line-height:1.5;max-width:440px;margin:8px auto 0}.download-dock{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#100a20f7;backdrop-filter:blur(14px)}.download-dock>div{display:grid;gap:4px;min-width:0}.download-dock strong{font-size:12px}.download-dock span{font-size:10px;color:var(--muted)}dialog{padding:0;border:1px solid #ff3ca659;border-radius:22px;width:min(390px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);background:var(--surface);color:var(--text);box-shadow:0 18px 100px #0009;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#05030dd9;backdrop-filter:blur(5px)}.download-sheet{padding:24px;display:grid;gap:18px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.dialog-heading h2{font-size:21px;min-width:0}.close-button{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--elevated);color:var(--muted);font-size:26px;line-height:1}.download-sheet>p{font-size:12px;color:var(--muted);line-height:1.55}.guide-step{display:grid;gap:10px}.guide-step h3{font-size:14px}.download-sheet .browser-example{padding:14px}.download-sheet .security-note{font-size:11px;color:#c6b7db}.dialog-confirm{width:100%}.text-button{padding:8px 0;color:var(--cyan);background:none;min-height:40px;font-size:12px;text-decoration:underline}.download-status{border:1px solid #38e9ff50;border-radius:10px;background:#38e9ff0b;padding:10px;color:#bdf6ff!important}.download-sheet .help-message{font-size:11px;background:var(--elevated);padding:12px;border-radius:10px}[hidden]{display:none!important}.noscript-message{padding:18px;background:var(--surface);color:var(--text);position:fixed;z-index:5;top:0;left:0;right:0}
@media(min-width:600px){.navigation-bar{padding-inline:24px}.hero-section{padding-top:26px;padding-bottom:24px;gap:16px}.app-metadata{max-width:360px}h1{font-size:44px}.featured-portrait{width:360px}.highlight-strip{max-width:420px}.highlight-strip strong{font-size:12px}.highlight-strip span{font-size:10px}.section-heading,.setup-section,.faq-section{padding-left:20px;padding-right:20px}.profile-info{padding:14px;gap:10px}.profile-info h3{font-size:17px}.profile-details{font-size:12px}.profile-cta{font-size:13px;min-height:48px}.profile-portrait .tag{font-size:9px;padding:5px 7px}.profile-portrait .video-action{width:52px;height:52px}.closing-section{margin-inline:20px}.catalog-section{padding-bottom:28px}.step-grid li{padding:18px 8px}.step-grid strong{font-size:14px}.step-grid small{font-size:12px}.setup-section>h2{font-size:25px}.download-dock{padding-inline:20px}}
@media(max-width:359px){.hero-badge{font-size:8.5px}.navigation-bar{padding-inline:12px}.hero-section{padding-inline:12px}.button{font-size:15px;padding-inline:10px;gap:6px}.button-compact{font-size:11.5px;min-width:76px}.button-small{font-size:11px}.highlight-strip{gap:5px}.highlight-strip strong{font-size:10px}.highlight-strip span{font-size:8px}.app-metadata{padding:10px;gap:9px}.app-information strong{font-size:12px}.app-stats{font-size:9px;gap:3px}.profile-info{padding:9px}.profile-cta{font-size:10px}.profile-portrait .portrait-tags{left:5px;right:5px;gap:3px}.profile-portrait .tag{font-size:6px;padding:4px 3px}.profile-grid{gap:10px}.download-sheet{padding:18px;gap:15px}.dialog-heading h2{font-size:19px}.download-sheet .example-actions{gap:8px}.download-anyway{font-size:10px;padding:9px 10px}.security-guide{padding:12px}.section-heading h2{font-size:20px}}
dialog:not([open]){display:none}.page-shell,.download-dock{width:calc(100% - env(safe-area-inset-left) - env(safe-area-inset-right))}.navigation-bar{padding-top:max(14px,env(safe-area-inset-top))}.button-compact{min-height:44px}.close-button{width:44px;height:44px}dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.featured-video-action{top:64%}dialog{position:fixed;inset:0;margin:auto;z-index:10}body.dialog-fallback::before{content:'';position:fixed;inset:0;background:#05030dd9;z-index:9;backdrop-filter:blur(5px)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Current Figma 93:1871. Photo exports already include the approved crop. */
.app-metadata{background:#282828}
.featured-portrait{border-radius:20px}
.featured-portrait>img,.profile-portrait>img{object-position:center}
.featured-video-action{top:45.56%}
.video-action svg{fill:currentColor;stroke:none}
.profile-portrait .video-action{top:50%;width:46px;height:46px;background:#030305a6}
.hero-badge{font-size:11.5px}
.featured-portrait .tag{font-size:10.5px}
.profile-portrait .tag{font-size:8.5px;padding:4px 6px}
.profile-info{min-height:110px;display:flex;flex-direction:column;gap:6px}
.profile-info h3{line-height:1.2}
.profile-cta{margin-top:auto}
.download-dock>.dock-app{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.dock-logo{width:36px;height:36px;flex:none}
.dock-copy{display:grid;gap:4px;min-width:0}
.dock-copy strong,.dock-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.download-dock>.button{flex:none}
.setup-section>h2{font-size:clamp(14px,2vw,20px)}
.closing-section h2{font-size:clamp(17px,2.5vw,25px)}
@media(max-width:359px){.hero-badge{font-size:10.5px}.profile-portrait .tag{font-size:7.5px;padding:4px}}