.service-demo--websites{background:0 0;border-radius:0;padding:0}.service-sample:has(.website-demo)>.service-section-heading{grid-template-columns:1fr;gap:20px;max-width:1000px;margin-inline:auto}.service-sample:has(.website-demo) .service-section-heading h2{max-width:23em}.website-demo{max-width:1000px;color:var(--ink);margin-inline:auto}.website-demo p{line-height:1.85}.reading-experiment{background:var(--mist-light);border-radius:16px;padding:clamp(28px,6vw,72px)}.reading-experiment p{margin:0}.reading-experiment .reading-experiment__first{letter-spacing:-.025em;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(28px,4.3vw,54px);font-weight:900;line-height:1.4}.reading-experiment .reading-experiment__second{margin-top:28px;font-size:clamp(20px,2.4vw,28px);font-weight:700}.reading-experiment .reading-experiment__last{color:var(--ink-muted);margin-top:20px;font-size:16px}.design-essay__intro,.design-essay__closing{max-width:720px;margin:40px auto 0}.design-essay__intro>p,.design-essay__closing>p{margin:0 0 20px;font-size:18px}.website-demo .design-essay__note{color:var(--ink-muted);font-size:14px}.design-essay__contents{flex-wrap:wrap;gap:8px 24px;margin-top:28px;display:flex}.design-essay__contents a{text-underline-offset:5px;padding-block:12px;font-size:16px}.design-question{border-top:1px solid var(--mist);margin-top:64px;padding-top:40px;scroll-margin-top:120px}.design-question__heading{align-items:baseline;gap:20px;display:flex}.design-question__heading>span{color:var(--signal-deep);font-size:36px;font-weight:700}.design-question__heading h3{text-wrap:balance;margin:0;font-size:clamp(23px,2.6vw,32px);line-height:1.45}.design-question__prompt{max-width:42em;margin:16px 0 28px;font-size:17px}.design-question__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.design-option{flex-direction:column;min-width:0;display:flex}.design-option__example{background:var(--mist-light);border-radius:12px;flex:1;align-items:center;min-height:380px;padding:64px 28px 32px;display:flex;position:relative}.design-option__letter{font-size:18px;font-weight:700;position:absolute;top:18px;left:24px}.type-example__content{width:100%}.type-example p,.type-example dl,.type-example dd{margin:0;font-size:16px;font-weight:400}.type-example dl{line-height:1.85}.type-example--a :is(p+p,dl,dl>div+div,dd){margin-top:14px}.type-example--b .type-example__title{font-size:28px;font-weight:700;line-height:1.5}.type-example--b .type-example__intro{margin-top:12px}.type-example--b dl{margin-top:28px}.type-example--b dt{font-size:14px;font-weight:700}.type-example--b dd{margin-top:4px}.type-example--b dl>div+div{margin-top:20px}.design-option__choose,.design-controls button{border:1px solid var(--input-border);min-height:48px;font:inherit;background:var(--paper);color:var(--ink);cursor:pointer;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:700}.design-option__choose{margin-top:12px}.website-demo button:hover:not(:disabled):not([aria-pressed=true]){background:var(--mist-light)}.website-demo button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.website-demo button:disabled{cursor:default;opacity:.55}.design-question__feedback,.design-demo-feedback{color:var(--ink-muted);margin:16px 0;font-size:14px}.design-question__feedback:empty{display:none}.website-demo summary{cursor:pointer;min-height:48px;padding:18px 0;font-size:16px;font-weight:700}.design-answer{margin-top:12px;scroll-margin-top:120px}.design-answer>summary{color:var(--signal-deep);text-underline-offset:5px;text-decoration:underline}.design-answer__body{max-width:720px;margin:16px auto 8px}.design-answer h4{text-wrap:balance;margin:0 0 20px;font-size:24px;line-height:1.5}.design-answer__body>p,.design-answer__practice p{font-size:17px}.design-answer__practice{border-top:1px solid var(--mist);margin-top:28px;padding-top:24px}.design-answer__practice h5{margin:0 0 8px;font-size:17px}.design-answer__practice p{margin:0}.design-essay__closing{margin-top:64px}.design-essay__closing h3{margin:0 0 24px;font-size:clamp(24px,3vw,36px);line-height:1.5}.design-references{max-width:720px;color:var(--ink-muted);margin:24px auto 0}.design-references p,.design-answer__body .design-source{font-size:14px;line-height:1.85}.website-demo a{text-underline-offset:4px;overflow-wrap:anywhere}.website-demo :is(button,summary,a):focus-visible{outline:3px solid var(--signal-deep);outline-offset:4px}.website-demo :is(button,summary){touch-action:manipulation}.design-controls{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.design-controls--area{align-items:center;margin-block:20px 0}.design-controls--area>span{margin-right:10px;font-size:14px}.design-palette{--sample-base:#f3ede2;--sample-ink:#39342d;--sample-accent:#7c3528;color:var(--sample-ink);background:var(--sample-base)}.design-palette[data-palette=cool]{--sample-base:#edf3f8;--sample-ink:#1c3149;--sample-accent:#244f88}.design-palette[data-palette=bold]{--sample-base:#f9eeee;--sample-ink:#302328;--sample-accent:#b41636}#palette-preview{border-radius:12px;overflow:clip}.sample-site{container:sample-layout/inline-size}.sample-site__header{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 32px;font-size:15px;display:flex}.sample-site__header>span{font-size:12px}.sample-site__hero{grid-template-columns:1fr 1fr;display:grid}.sample-site__copy{padding:40px 32px}.sample-site__copy h4{letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(28px,4cqi,42px);line-height:1.45}.sample-site__copy p{margin:0;font-size:16px}.sample-site__action{background:var(--sample-accent);color:#fff;text-align:center;border-radius:6px;margin-top:28px;padding:15px 24px;font-size:15px;font-weight:700;display:inline-block}.sample-site__hero>img{object-fit:cover;object-position:50% 50%;width:100%;height:420px;min-height:0;display:block}.sample-site__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:28px 32px;display:grid}.sample-site__facts dt{margin-bottom:8px;font-size:12px}.sample-site__facts dd{margin:0;font-size:15px;font-weight:700;line-height:1.7}[data-accent-area=large] .sample-site__copy{background:var(--sample-accent);color:#fff}[data-accent-area=large] .sample-site__action{color:var(--sample-accent);background:#fff}.palette-roles{color:var(--ink);background:#fff;flex-wrap:wrap;gap:20px 36px;margin:0;padding:20px 32px;display:flex}.palette-roles dt{align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.palette-roles dd{color:var(--ink-muted);margin:6px 0 0 30px;font-size:12px}.palette-roles i{border:1px solid #86868e;border-radius:4px;width:20px;height:20px;display:block}.palette-roles__base{background:var(--sample-base)}.palette-roles__ink{background:var(--sample-ink)}.palette-roles__accent{background:var(--sample-accent)}.responsive-preview{background:var(--mist-light);border-radius:12px;padding:16px}.responsive-preview__frame{border:1px solid var(--input-border);border-radius:8px;width:100%;overflow:clip}.responsive-preview[data-ready]{padding:0;position:relative;overflow:hidden}.responsive-preview[data-ready] .responsive-preview__frame{transform-origin:top;position:absolute;top:16px;left:50%}@container sample-layout (width<=720px){.sample-site__hero{grid-template-columns:1fr}.sample-site__copy{padding:28px 32px}.sample-site__hero>img{height:250px;min-height:0}.sample-site__copy h4{font-size:34px}}@container sample-layout (width<=440px){.sample-site__header{padding:20px 24px}.sample-site__copy{padding:24px}.sample-site__copy h4{font-size:28px}.sample-site__hero>img{height:200px}.sample-site__action{display:block}.sample-site__facts{grid-template-columns:1fr;gap:18px;padding:24px}.sample-site__facts>div{grid-template-columns:5em 1fr;gap:12px;display:grid}.sample-site__facts dt{margin:0}}@media (width<=600px){.design-question__options{grid-template-columns:1fr}.design-option__example{padding-inline:24px}.design-essay__intro>p,.design-essay__closing>p{font-size:16px}.design-question{margin-top:48px;padding-top:28px}.design-question__heading{gap:14px}.design-question__heading>span{font-size:28px}.design-essay__contents{flex-direction:column;gap:0}.design-controls button{flex:auto;padding-inline:12px}.design-controls--area>span{flex-basis:100%}.palette-roles{gap:16px;padding-inline:24px}}.service-demo--security{background:0 0;padding:0}.phishing-experience{max-width:1000px;margin-inline:auto}.phishing-experience [hidden]{display:none!important}.phishing-experience__stage{grid-template-columns:340px minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,100px);padding:30px 36px 40px;display:grid}.phishing-phone{color:#202023;background:#fff;border:7px solid #252528;border-radius:44px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif;overflow:hidden}.phishing-phone__status{justify-content:space-between;align-items:center;height:58px;padding:0 21px;font-size:14px;font-weight:700;display:flex;position:relative}.phishing-phone__status i{background:#141416;border-radius:24px;width:80px;height:23px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.phishing-phone__contact{background:#fafafa;border-bottom:1px solid #e5e5ea;flex-direction:column;align-items:center;padding-top:7px;display:flex;position:relative}.phishing-phone__back{color:#005ac1;position:absolute;top:20px;left:18px}.phishing-phone__avatar{color:#fff;background:#8e8e93;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.phishing-point{color:inherit;font:inherit;text-align:left;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;border-radius:4px;min-height:44px;padding:8px 0;line-height:1.65;display:block}.phishing-point:hover,.phishing-point.is-selected{color:#8d1e2e;background:#f9dfe4}.phishing-point:disabled{cursor:default}.phishing-phone__sender{text-align:center;padding-inline:9px;font-size:13px}.phishing-phone__conversation{padding:20px 15px 26px}.phishing-phone__date{color:#636368;text-align:center;margin:0 0 24px;font-size:11px;line-height:1.6}.phishing-phone__bubble{background:#e9e9eb;border-radius:18px 18px 18px 5px;margin-right:10px;padding:15px;font-size:15px}.phishing-phone__bubble p{font-size:inherit;margin:0;line-height:1.65}.phishing-phone__bubble .phishing-point{width:100%}.phishing-phone__url{color:#0051ad;overflow-wrap:anywhere;text-decoration:underline}.phishing-phone__sample{color:#636368;text-align:center;margin:26px 0 0;font-size:11px}.phishing-phone__composer{color:#636368;align-items:center;gap:12px;padding:0 14px 24px;display:flex}.phishing-phone__composer>svg{flex-shrink:0}.phishing-phone__composer span{border:1px solid #bcbcc1;border-radius:24px;flex:1;padding:9px 12px;font-size:11px}.phishing-phone__home{background:#202023;border-radius:4px;width:108px;height:5px;margin:0 auto 11px}.phishing-experience__decision{min-width:0}.phishing-experience__decision h3{letter-spacing:-.025em;text-wrap:balance;margin:0 0 22px;font-size:clamp(26px,3vw,36px);line-height:1.45}.phishing-experience__decision p{margin:0 0 20px;font-size:16px;line-height:1.9}.phishing-experience__decision .phishing-experience__hint{color:var(--ink-muted);font-size:13px}.phishing-experience__actions{gap:12px;margin-top:28px;display:grid}.phishing-experience__actions button{font:inherit;cursor:pointer;border-radius:8px;min-height:52px;padding:14px 20px;font-size:15px;font-weight:700}.phishing-experience__answer{color:#fff;background:var(--ink);border:1px solid var(--ink)}.phishing-experience__answer:hover{background:#39393d}.phishing-experience__open{color:var(--ink);border:1px solid var(--input-border);background:#fff}.phishing-experience__open:hover{background:var(--mist-light)}.phishing-experience__actions button:disabled{opacity:.5;cursor:default}.phishing-experience__reset{font:inherit;cursor:pointer;text-underline-offset:5px;background:0 0;border:0;min-height:44px;padding:16px 0 0;font-size:14px;text-decoration:underline}.phishing-experience__reset:hover{color:var(--signal-deep)}.phishing-result{--result-ink:#17633e;--result-surface:#edf8f1;background:var(--result-surface);border-radius:12px;padding:26px}.phishing-result[data-tone=hint]{--result-ink:#80520b;--result-surface:#fff7e5}.phishing-result[data-tone=trap]{--result-ink:#a3172d;--result-surface:#fff0f2}.phishing-result :is(h3,.phishing-result__icon){color:var(--result-ink)}.phishing-result__icon{margin-bottom:20px;display:block}@media (width<=640px){.phishing-result{padding:22px}}.phishing-result .phishing-result__takeaway{margin-bottom:0;font-size:15px;font-weight:700}.phishing-result .phishing-experience__hint{color:#793743;margin-top:20px;margin-bottom:0}.phishing-experience :is(button,summary,[tabindex="-1"]):focus-visible{outline:3px solid var(--signal-deep);outline-offset:4px}.phishing-experience :is(button,summary){touch-action:manipulation}.phishing-experience__footnote{border-top:1px solid var(--mist);color:var(--ink-muted);padding-top:20px;font-size:13px;line-height:1.9}.phishing-experience__footnote p{margin:0 0 8px}.phishing-experience__footnote summary{cursor:pointer;min-height:44px;color:var(--ink);padding-block:10px}@media (width<=800px){.phishing-experience__stage{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:30px;padding-inline:0}}@media (width<=640px){.phishing-experience__stage{grid-template-columns:1fr;gap:32px;padding-top:8px}.phishing-phone{width:min(100%,320px);margin-inline:auto}.phishing-experience__decision{width:100%;max-width:430px;margin-inline:auto}.phishing-experience__decision h3{font-size:26px}}.phishing-experience .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.phishing-result :is([data-phishing-cross],[data-phishing-hint-icon]),.phishing-result:is([data-tone=trap],[data-tone=hint]) [data-phishing-check]{display:none}.phishing-result[data-tone=trap] [data-phishing-cross],.phishing-result[data-tone=hint] [data-phishing-hint-icon]{display:inline}.phishing-quiz{max-width:1000px;margin-inline:auto}.phishing-quiz [hidden]{display:none!important}.phishing-quiz__navigation{border-bottom:1px solid var(--mist);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;scroll-margin-top:110px;display:flex}.phishing-quiz__navigation span{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.phishing-quiz__navigation button{border:1px solid var(--input-border);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:10px 15px;font-size:14px}.phishing-quiz__navigation button:hover:not(:disabled){background:var(--mist-light)}.phishing-quiz__navigation button:disabled{opacity:.45;cursor:default}.phishing-quiz__navigation button:focus-visible{outline:3px solid var(--signal-deep);outline-offset:3px}.phishing-message-copy{white-space:pre-line}.phishing-experience__stage--email{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding-inline:0}.phishing-mail{border:1px solid var(--input-border);border-radius:12px;min-width:0;margin:0;overflow:hidden}.phishing-mail figcaption{background:var(--mist-light);justify-content:space-between;gap:10px;padding:18px 20px;font-size:14px;display:flex}.phishing-mail figcaption span{color:var(--ink-muted);font-size:12px}.phishing-mail__body{overflow-wrap:anywhere;padding:24px;font-size:15px;line-height:1.9}.phishing-mail .phishing-mail__subject{margin:0 0 24px;font-size:20px;font-weight:700}.phishing-mail .phishing-mail__label{color:var(--ink-muted);margin:0;font-size:12px}.phishing-mail__sender{border-bottom:1px solid var(--mist);width:100%;margin-bottom:24px;padding-bottom:16px;font-size:13px}.phishing-mail .phishing-point{overflow-wrap:anywhere;width:100%}.phishing-mail__body>p:last-child{margin-bottom:0}@media (width<=640px){.phishing-experience__stage--email{grid-template-columns:1fr}.phishing-mail__body{padding:20px}.phishing-quiz__navigation{gap:8px}.phishing-quiz__navigation button{padding-inline:10px;font-size:13px}}.phishing-quiz__fallback{margin-block:24px;font-size:15px;line-height:1.9}.phishing-quiz__fallback summary{cursor:pointer;padding-block:14px}[data-phishing-question]>span{display:block}.phishing-result{scroll-margin-top:110px}.phishing-result__navigation{gap:8px;margin-top:28px;display:grid}.phishing-result__next{border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:52px;font:inherit;cursor:pointer;border-radius:8px;padding:14px 20px;font-size:15px;font-weight:700}.phishing-result__next:hover{background:#39393d}.phishing-result__navigation .phishing-experience__reset{justify-self:start;padding:10px 0}.phishing-attachment{border-top:1px solid var(--mist);margin-top:24px;padding-top:16px}.phishing-attachment summary{cursor:pointer;border:1px solid var(--input-border);border-radius:8px;align-items:center;gap:12px;min-height:56px;padding:8px;display:flex}.phishing-attachment summary:hover{background:var(--mist-light)}.phishing-attachment summary svg{flex-shrink:0}.phishing-attachment summary small{color:var(--ink-muted);font-size:12px;display:block}.phishing-attachment[open] summary small{display:none}.phishing-attachment__document{background:var(--mist-light);text-align:center;margin-top:16px;padding:24px 16px}.phishing-attachment__document p{margin:0 0 16px;font-size:14px}.phishing-attachment__document .phishing-attachment__heading{font-size:18px;font-weight:700}.phishing-attachment__qr{text-align:center;justify-items:center;gap:8px;padding:12px;display:grid}.phishing-attachment__qr svg{color:var(--ink);background:#fff}.phishing-attachment__qr span{font-size:13px;text-decoration:underline}.phishing-attachment__sample{color:var(--ink-muted);margin-top:8px;font-size:11px;display:block}.phishing-permission{border:1px solid var(--input-border);background:#fff;border-radius:12px;min-width:0;margin:0;overflow:hidden}.phishing-permission figcaption{background:var(--mist-light);justify-content:space-between;gap:10px;padding:18px 20px;font-size:14px;display:flex}.phishing-permission figcaption span{color:var(--ink-muted);font-size:12px}.phishing-permission__address{border-bottom:1px solid var(--mist);overflow-wrap:anywhere;width:100%;padding:14px 20px;font-size:12px}.phishing-permission__body{padding:28px 24px}.phishing-permission__app{margin-top:12px;font-size:22px;font-weight:700}.phishing-permission__body p{margin:0 0 22px;font-size:15px;line-height:1.8}.phishing-permission__body .phishing-permission__provider{color:var(--ink-muted);font-size:12px}.phishing-permission__scopes{border-block:1px solid var(--mist);width:100%;padding:16px 0;font-size:15px;line-height:2}.phishing-permission__body .phishing-permission__notice{color:var(--ink-muted);margin:18px 0 0;font-size:12px}@media (width<=640px){.phishing-permission__body{padding:24px 20px}}