.originals-page{color:#142c43;background:#fbfcfe}.originals-page .learn-shell{width:100%;max-width:1240px;margin:auto;padding-inline:48px;box-sizing:border-box}.originals-page a:not(.learn-button){color:#294963;text-underline-offset:5px;text-decoration-thickness:1px;text-decoration-color:#9db0bf}.originals-page a:not(.learn-button):hover{color:#244dcb;text-decoration:underline;text-decoration-color:currentColor}.originals-page a:focus-visible,.originals-page button:focus-visible,.originals-page summary:focus-visible{outline:3px solid #809df0;outline-offset:5px;border-radius:3px}.originals-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;padding-block:100px 85px}.originals-hero>*,.originals-paths>*,.originals-example>*{min-width:0}.originals-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:650;color:#62778a;margin:0 0 25px}.originals-hero h1{font-size:clamp(64px,7vw,100px);letter-spacing:-.065em;font-weight:500;line-height:1.02;margin:0 0 29px}.originals-lede{font-size:clamp(23px,3vw,32px)!important;line-height:1.4!important;letter-spacing:-.035em;color:#1d3c52!important;margin-bottom:24px!important}.originals-hero p:not(.originals-eyebrow),.originals-section p{font-size:16px;line-height:1.85;color:#617186;max-width:66ch}.originals-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-block:32px}.originals-actions>a:not(.learn-button){font-size:13px;font-weight:550;display:inline-flex;align-items:center;min-height:36px}.originals-page .learn-button{font:inherit;font-size:13px;padding:16px 20px;color:white;display:inline-block;border:0;cursor:pointer;text-align:center;line-height:1.5}.originals-page button:disabled{opacity:.65;cursor:wait}.originals-release{font-size:12px;color:#5a7268;display:block;line-height:1.7}.originals-gate{border:1px solid #d5e5dc;background:linear-gradient(145deg,#eef7f1,#f8fbf9);border-radius:28px;padding:38px;align-self:center}.originals-gate-number{display:block;font-size:85px;line-height:1;color:#13816a;font-weight:400;letter-spacing:-.05em;margin:25px 0 15px}.originals-gate h2{font-size:40px;font-weight:450;line-height:1.15;letter-spacing:-.04em;margin:0 0 25px;color:#145a4c}.originals-gate>p:last-of-type{font-size:13px!important;line-height:1.8!important;color:#507265!important}.originals-gate-result{display:block;border-top:1px solid #cbdfd3;padding-top:20px;margin-top:24px;font-size:13px;font-weight:550;color:#156b56}.originals-section{padding-block:85px;border-top:1px solid #e1e7ed}.originals-section h2{font-size:clamp(35px,5vw,56px);font-weight:450;line-height:1.15;letter-spacing:-.055em;margin:0 0 30px}.originals-journey{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;gap:30px;margin:50px 0 30px}.originals-journey>li{border-top:1px solid #cbd9e2;padding-top:22px}.originals-journey>li>span,.originals-step{color:#087760;font-size:11px;letter-spacing:.07em}.originals-journey h3{font-size:18px;font-weight:500;margin:18px 0 12px}.originals-journey p{font-size:14px;line-height:1.8}.originals-note{font-size:13px!important;max-width:unset!important;background:#f0f4f8;padding:20px 25px;border-radius:12px}.originals-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.originals-paths article{padding-top:22px;border-top:1px solid #cad7df}.originals-paths h3{font-size:21px;font-weight:500;letter-spacing:-.025em}.originals-paths p{font-size:14px;line-height:1.85}.originals-section-intro{max-width:76ch!important}.originals-details{padding:20px 0;border-bottom:1px solid #dbe4e9;margin-top:12px}.originals-details summary{font-size:14px;color:#264b60;cursor:pointer;line-height:1.6;min-height:24px}.originals-details p{font-size:13px}.originals-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8;background:#f0f4f8;padding:20px;border-radius:12px}.originals-details code{font-size:11px;overflow-wrap:anywhere}.originals-example{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid #d7e2df;border-radius:24px;overflow:hidden;margin-top:35px}.originals-example-source{padding:35px;background:#eef4f0}.originals-example-source h3,.originals-example-controls h3{font-size:25px;font-weight:450;letter-spacing:-.035em;line-height:1.3;margin:15px 0}.originals-example-source p,.originals-example-controls p{font-size:13px;line-height:1.8}.originals-example-source a{display:inline-flex;min-height:36px;align-items:center;font-size:12px;font-weight:550;max-width:100%}.originals-example-mark{height:64px;width:52px;display:grid;place-items:center;border:1px solid #bdcfc5;border-radius:5px 15px 5px 5px;font-size:36px;font-family:Georgia,serif;color:#3b8069;margin:0 0 35px;background:#fafdfb}.originals-example-controls{padding:35px}.originals-example-controls h3{margin-top:0}.originals-example-status{font-size:12px!important;line-height:1.8!important;color:#507463!important;overflow-wrap:anywhere;min-height:20px}.originals-example-value{background:#f1f6f3;padding:22px;border-radius:12px;margin-top:25px}.originals-example-value>span{font-size:11px;color:#507265}.originals-example-value>strong{display:block;font-size:35px;font-weight:450;letter-spacing:-.04em;color:#0f6854;margin:16px 0 8px;overflow-wrap:anywhere}.originals-example-value p{margin:8px 0}.originals-example-value small{font-size:10px;color:#72847a;overflow-wrap:anywhere}.originals-outline{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #b9ccc3;border-radius:6px;padding:10px 15px;background:transparent;font:inherit;font-size:12px;font-weight:550;color:#315e4e;cursor:pointer;text-align:left;line-height:1.6}.originals-tamper{margin-top:28px;padding-top:24px;border-top:1px solid #dce5e0}.originals-tamper h4{font-size:15px;font-weight:550;line-height:1.5;margin:0 0 10px}.originals-bindings{margin:20px 0}.originals-bindings>div{border-bottom:1px solid #e0e7e3;padding:13px 0}.originals-bindings dt{font-size:11px;color:#5d7368}.originals-bindings dd{font-size:11px;font-family:monospace;margin:7px 0 0;overflow-wrap:anywhere;color:#345146;line-height:1.7}.originals-trace{padding-left:18px}.originals-trace li{padding:15px 0;font-size:12px;border-top:1px solid #e0e7e3}.originals-trace li>strong{display:block;font-weight:550;margin-bottom:10px}.originals-trace pre{max-height:180px;overflow:auto}.originals-rule-table{margin:40px 0}.originals-rule-table>div{display:grid;grid-template-columns:.6fr 1.4fr;gap:35px;padding:22px 0;border-top:1px solid #d5e0e5}.originals-rule-table h3{font-size:16px;font-weight:500;margin:0;line-height:1.8}.originals-rule-table p{font-size:14px;margin:0;max-width:unset}@media(max-width:800px){.originals-page .learn-shell{padding-inline:25px}.originals-hero{gap:40px;grid-template-columns:1fr;padding-block:64px 55px}.originals-gate{padding:28px}.originals-section{padding-block:55px}.originals-journey{grid-template-columns:repeat(2,1fr);gap:24px}.originals-paths{grid-template-columns:1fr;gap:20px}.originals-example{grid-template-columns:1fr}.originals-gate-number{font-size:65px}.originals-gate h2{font-size:36px}.originals-rule-table>div{gap:20px}}@media(max-width:420px){.originals-page .learn-shell{padding-inline:20px}.originals-hero h1{font-size:65px}.originals-gate{padding:25px}.originals-journey{grid-template-columns:1fr}.originals-actions{gap:20px}.originals-section h2{font-size:37px}.originals-example-controls,.originals-example-source{padding:25px}.originals-rule-table>div{grid-template-columns:1fr;gap:8px}.originals-example-value>strong{font-size:29px}.originals-example .learn-button{width:100%;box-sizing:border-box}}
.originals-creation-walkthrough{margin:40px 0 30px;padding:0;border:0;background:transparent;gap:54px}.originals-creation-walkthrough .product-story{padding:25px 0}.originals-creation-walkthrough .product-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.originals-creation-walkthrough .product-choices button{font-size:12px;min-height:54px;padding:12px;line-height:1.4}.originals-creation-walkthrough .product-captions{margin-block:28px}.originals-creation-walkthrough .product-captions h3{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.03em}.originals-creation-walkthrough .product-captions p{font-size:14px;line-height:1.8}.originals-creation-walkthrough .product-captions strong{font-size:13px;line-height:1.7;color:#315f4c;font-weight:550;display:block}.originals-creation-walkthrough .originals-entry-note{font-size:12px;line-height:1.8;margin-top:20px}.originals-creation-walkthrough .product-stage{min-width:0}.originals-creation-walkthrough .product-example-note{font-size:11px;line-height:1.7}.originals-creation-walkthrough .product-frame-caption{font-size:11px;line-height:1.7;color:#65758a}.originals-creation-walkthrough [data-product-panel][hidden],.originals-creation-walkthrough [data-product-caption][hidden]{display:none}@media(max-width:800px){.originals-creation-walkthrough{grid-template-columns:1fr;gap:20px}.originals-creation-walkthrough .product-story{padding:0}.originals-creation-walkthrough .product-stage{width:100%}}
.originals-creation-walkthrough .product-choices{display:grid}@media(max-width:760px){.originals-creation-walkthrough .product-story>[data-create-original]{order:6;align-self:flex-start;margin-top:24px}.originals-creation-walkthrough .product-story>.originals-entry-note{order:7}.originals-creation-walkthrough .product-story>.product-example-note{order:8}}
.originals-page .product-screen a.primary-button{color:#fff}

@container product-screen (max-width:320px){.originals-page .originals-creation-walkthrough .product-screen .app-header{padding-inline:12px;gap:6px}.originals-page .originals-creation-walkthrough .product-screen .bank-home-mark{flex-shrink:0;width:24px;height:30px}.originals-page .originals-creation-walkthrough .product-screen .header-tools{flex-shrink:0;gap:4px}.originals-page .originals-creation-walkthrough .product-screen .header-tools .message-entry{width:24px}.originals-page .originals-creation-walkthrough .product-screen .header-tools .avatar{width:28px;height:28px;font-size:10px}.originals-page .originals-creation-walkthrough .product-screen .kai-klok{flex:1;min-width:0}.originals-page .originals-creation-walkthrough .product-screen .kai-header-button{width:100%;padding:4px 0;grid-template-columns:1fr;gap:2px}.originals-page .originals-creation-walkthrough .product-screen .kai-header-coordinate>strong{font-size:13px;grid-row:1;grid-column:1;justify-self:center}.originals-page .originals-creation-walkthrough .product-screen .kai-header-button .kai-date{grid-row:2;grid-column:1;justify-self:center}.originals-page .originals-creation-walkthrough .product-screen .kai-header-meta{grid-row:3;grid-column:1;justify-content:center;font-size:7px}}